circle {
    background: #2B3A55;
    width: auto;
    height: auto;
    padding: 1rem;
    border-radius: 10%;
    display: inline-block;
    text-align: center;
    color: white;
    line-height: auto;
    font-size: 15px;
    letter-spacing: 1px;
}
.circle_text {
     /* background: #2B3A55;  */
    width: auto;
    height: auto;
    padding: 1rem;
    border-radius: 10%;
    display: inline-block;
    text-align: center;
    color: white;
    line-height: auto;
    font-size: 15px;
    letter-spacing: 1px;
}
.imgcover {
    border-radius: 3%;
    box-shadow: 4px 2px 4px rgba(0, 0, 0, 0.3);
    width: 80%;
    
  }
     
.row.heading h2 {
    /* color: #fff;
    font-size: 52.52px;
    line-height: 95px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 40px;
    padding-bottom: 20px;
    text-transform: uppercase; */

    color: #080213c9;
    font-size: 15px;
    line-height: 95px;
    font-weight: 600; 
    text-align: left; 
    margin: 0 0 10px;
    padding-bottom: 0px;
    
/*     text-transform: uppercase; */
    
}

ul{
  margin:0;
  padding:0;
  list-style:none;
}
.heading.heading-icon {
    display: block;
}
.padding-lg {
	display: block;
	/* padding-top: 30px; */
	/* padding-bottom: 30px; */
}
.practice-area.padding-lg {
    padding-bottom: 30px;
    padding-top:0 px;
}
.practice-area .inner{ 
     border:0px solid #999999; 
	 text-align:center; 
	 margin-bottom:8px; 
	 padding:40px 25px;
}
.our-webcoderskull .cnt-block:hover {
    /* box-shadow: 0px 0px 10px rgba(0,0,0,0.3); */
    border: 0;
}
.practice-area .inner h3{ 
    color:#3c3c3c; 
	font-size:24px; 
	font-weight:500;
	font-family: 'Poppins', sans-serif;
    /* padding: 10px 0; */
    /* padding: 5px 0; */
}
.practice-area .inner p{ 
    font-size:14px; 
	line-height:22px; 
	font-weight:400;
}
.practice-area .inner img{
    display:inline-block;
    /* width: 80%; */
    height: auto;
}
.padding {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.textscale a {      
    text-decoration:none;
    font-family: kanit;
    font-weight: bold;
    /* padding-bottom: 0.5rem; */
}

@media screen and (max-width: 900px) {
    .our-webcoderskull .cnt-block img
    {      
        /* width: 120px;  ขนาดรูป */
        width: 100%; /* ขนาดรูป */
        /* height:210px;   */
        height: auto; 
        padding: 0,0,0,0;
        border-radius:3%;  
    
    }
    .textscale
    {      
        font-size:1rem;
        /* padding-bottom: 0.5rem; */
    }
    .our-webcoderskull .cnt-block{
        padding-bottom: 0rem;
    }
    .padding-- {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }

}

.our-webcoderskull{
   /* background: url("http://www.webcoderskull.com/img/right-sider-banner.png") no-repeat center top / cover;  */
  
}

.our-webcoderskull .cnt-block figure{
    /* width:200px;  */
   /* height:148px;  */
   width: 200px; 
   height: auto;
   border-radius:5%; 
   
   display:inline-block;
   /* margin-bottom: 15px; */
}
.our-webcoderskull .cnt-block{ /* กรอบรูป  */
    /* float:center;  */
   width:85%; 
   background:#fff; 
    /* padding:30px 20px;  */
    /* padding-bottom: 1rem; */
   text-align:center; 
   border:0 px solid #d5d5d5;
    /* margin-bottom:8px;   */
   /* width:175px;  */
}                 
   
 



.our-webcoderskull .cnt-block h3{ 
   color:#2a2a2a; 
   font-size:20px; 
   font-weight:500; 
   /* padding:6px 0; */
   text-transform:uppercase;
   line-height:1px; /* ช่องว่างระหว่างบรรทัด */

}
.our-webcoderskull .cnt-block h3 a{
  text-decoration:none;
	color:#2a2a2a;
}
.our-webcoderskull .cnt-block h3 a:hover{
	color:#337ab7;
}
.our-webcoderskull .cnt-block p{ 
   color:#2a2a2a; 
   font-size:13px; 
   line-height:12px; /* ช่องว่างระหว่างบรรทัด */
   font-weight:400;
}


 /* add by me */
 .focusedInput {
    border-color: rgba(82,168,236,.8);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: 0 0 8px rgba(82,168,236,.6);
    box-shadow: 0 0 8px rgba(82,168,236,.6) !important;
}

.spinner-wrapper {
    background-color: #FFF; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.8s;
}
.spinner-border {
    height: 60px;
    width: 60px;
}