@media all and (min-width: 420px){
  .work-container .mix,
  .work-container .gap{
    width: 31%;
  }
}

@media (min-width: 1200px){
.container{width:1170px}
}
@media (min-width: 1300px){
.container{width:1212px}
}
@media only screen and (max-width:1199px){

}
@media only screen and (max-width:1024px){
.services-content{padding-left:90px}
.design-logo,.development-logo,.content-logo,.mobile-app-logo,.ecommerce-logo,.responsive-logo{background-size:72px 72px}
.core_first,.core_thrd,.core_five{width:320px;right:20px;}
.core_second,.core_four,.core_six{width:320px;left:20px;}
 
.core .container h2{padding-left:10px;text-align:left}
.core_mid{left:45%}
.transparency-logo,.speed-logo,.expert-logo,.process-logo,.service-logo,.seo-logo{background-size:72px 72px}
}
@media only screen and (max-width:1023px){

}
@media only screen and (max-width:980px){
.core_first,.core_thrd,.core_five{width:270px;right:10px;}
.core_second,.core_four,.core_six{width:270px;left:10px;}
 
.core .container h2{padding-left:10px;text-align:left;font-size:15px}
.core_mid{left:44%}
.abo_arr1{position:absolute;top:70px;right:-27%}
.abo_arr2{position:absolute;left:15px}
.abo_arr3{position:absolute;top:355px;right:-22%}
.abo_arr4{position:absolute;top:486px;left:10px}
.abo_arr5{position:absolute;top:625px;right:-30px}
.abo_arr6{position:absolute;top:760px;left:8%}
.number-content{width:248px}

}
@media only screen and (min-width:900px) and (max-width:979px){

}
@media only screen and (max-width:899px){
div.toggle-box{display:block}
#main-menu{display:none}
.navbar-menu ul li{display:block;}
}
@media only screen and (max-width:799px){

}
@media only screen and (max-width:767px) and (min-width:640px){

}
@media only screen and (max-width:767px){
.services-logo:after{content:'';display:block;border-top:1px solid #999;height:1px;width:200px;margin:20px auto 0}
.services-content{padding:0px 5%;text-align:center;margin-top:20px}
.ser-logo{position:relative;display:block;width:100%;height:108px;background-position:center}
.core_first,.core_second,.core_thrd,.core_four,.core_five,.core_six{position:relative;display:block;width:90%;background-position:center top;margin:0 auto;padding-top:55px;margin-top:25px}
.core_first,.core_thrd,.core_five{right:0;}
.core_second,.core_four,.core_six{left:0;}
.core_first{background:url('../images/core1a.png') no-repeat;background-position:center top;top:0;}
.core_second{background:url('../images/core2a.png') no-repeat;background-position:center top;top:0;}
.core_thrd{background:url('../images/core3a.png') no-repeat;background-position:center top;top:0;padding-top:65px}
.core_four{background:url('../images/core4a.png') no-repeat;background-position:center top;top:0;padding-top:40px}
.core_five{background:url('../images/core5a.png') no-repeat;background-position:center top;top:0;}
.core_six{background:url('../images/core6a.png') no-repeat;background-position:center top;top:0;}
.service_banner h1,.services-section h1,.core h1,.company_numbers h1{font-size:24px}
 
 

}
@media only screen and (max-width:639px){

}
@media only screen and (max-width:599px){

}
@media only screen and (max-width:499px){

}

@media only screen and (max-width:480px){
.number-content{width:100%;margin-bottom:10px}
.service_banner h1,.services-section h1,.core h1,.company_numbers h1{font-size:20px}
.number-content p{font-size:12px}

}
@media only screen and (max-width:379px){
.company_numbers  .services-container .row .col-xs-6{width:100%}

}
@media only screen and (max-width:359px){


}
@media only screen and (max-height:580px){

}
@media only screen  and (min-width:1600px){
  .tools-content-section .tool-common-row .container{
    max-width: 1500px;
    width: 100%;
  }
}