@media screen and (min-width:240px) and (max-width:359px){
   
   .topbar__inner{
           width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
   } 
    
   .topbar__lang{
       display:none;
   } 
    
 .site-header {
            padding: 8px 5px !important;
 }
    
 .burger {
        display: flex;
        flex: auto;
        outline:none!important;
    }   
    
   .main-nav.is-open{
       top:95px;
   } 
    
  .section-title {
    text-align: center;
    font-size: 40px;
  }
    
   .wrap, .main_width{
        width: 100%;
    max-width: 100%;
    padding: 0 10px;
    box-sizing: border-box;   
   } 
    
    
  .section-title {
    text-align: center;
    font-size: 45px;
  }
    
    
  .portfolio {
    margin-top: -42px;
  }
    
  .nav-shell{
          padding: 10px;
    box-sizing: border-box;
  }  
    
    
 .stats__bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}   
    
  .stats{
      height:auto;
  }  
    
 .partners {
    padding: 40px 0;
}   
    
 .partners__track-wrap {
    display: grid;
    grid-template-columns: 1fr;
   
 }
 
 .footer__brand img {
    height: auto;
}
    
  .footer__bg img{
    height: 100%;
    width: 100%;
    object-fit: cover;      
  }  
    
    
 .item_services ul {
    grid-template-columns: 1fr;
}   
    
 .services-card__title {
    margin: 30px;
 }
    
    
.item_services{
    padding-bottom: 35px;
}    
    
.tech-banner__overlay {
    background-size: auto;
}
    
 .owl-carousel{
     overflow:hidden;
 }   
    
.low_166{
 display:block;   
}
    
.out_header {
    background-position: 0px -25px;
    background-size: 100% 430px;
}    
    
 .service_row ul li{
     grid-template-columns: 1fr;
 }   
    
    
.service_preview {
    margin: 0 auto;
}    
    
 .out_content h1 {
    position: relative;
    text-align: left;
    color: #fff;
    font-size: 31px;
    top:0;
 }
    
 .portfolio_page .hero_pages{
     height: 225px;
 }   
    
 .portfolio_page .since-box {
    font-size: 13px;
 }
    
.form-card {
    padding: 15px;
}    
    
.bottom-nav{
    display:none!important;
}    
    
    
    
    
    
    
  
    
    
    
}





@media screen and (min-width:360px) and (max-width:475px){
       .topbar__inner{
           width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
   } 
    
   .topbar__lang{
       display:none;
   } 
    
 .site-header {
            padding: 8px 5px !important;
 }
    
 .burger {
        display: flex;
        flex: auto;
        outline:none!important;
    }   
    
   .main-nav.is-open{
       top:95px;
   } 
    
  .section-title {
    text-align: center;
    font-size: 40px;
  }
    
   .wrap, .main_width{
        width: 100%;
    max-width: 100%;
    padding: 0 10px;
    box-sizing: border-box;   
   } 
    
    
  .section-title {
    text-align: center;
    font-size: 45px;
  }
    
    
  .portfolio {
    margin-top: -42px;
  }
    
  .nav-shell{
          padding: 10px;
    box-sizing: border-box;
  }  
    
    
 .stats__bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}   
    
  .stats{
      height:auto;
  }  
    
 .partners {
    padding: 40px 0;
}   
    
 .partners__track-wrap {
    display: grid;
    grid-template-columns: 1fr;
   
 }
 
 .footer__brand img {
    height: auto;
}
    
  .footer__bg img{
    height: 100%;
    width: 100%;
    object-fit: cover;      
  }  
    
    
 .item_services ul {
    grid-template-columns: 1fr;
}   
    
 .services-card__title {
    margin: 30px;
 }
    
    
.item_services{
    padding-bottom: 35px;
}    
    
.tech-banner__overlay {
    background-size: auto;
}
    
 .owl-carousel{
     overflow:hidden;
 }   
    
.low_166{
 display:block;   
}
    
.out_header {
    background-position: 0px -25px;
    background-size: 100% 430px;
}    
    
 .service_row ul li{
     grid-template-columns: 1fr;
 }   
    
    
.service_preview {
    margin: 0 auto;
}    
    
 .out_content h1 {
    position: relative;
    text-align: left;
    color: #fff;
    font-size: 31px;
    top:0;
 }
    
 .portfolio_page .hero_pages{
     height: 225px;
 }   
    
 .portfolio_page .since-box {
    font-size: 13px;
 }
    
.form-card {
    padding: 15px;
}    
    
.bottom-nav{
    display:none!important;
}  


.owl-carousel .owl-item img{
    width: auto;
            display: inline-block;
}

.sl_item{
 display: inline-block;
    
}





    
}



@media screen and (min-width:476px) and (max-width:767px){
          .topbar__inner{
           width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
   } 
    
   .topbar__lang{
       display:none;
   } 
    
 .site-header {
            padding: 8px 5px !important;
 }
    
 .burger {
        display: flex;
        flex: auto;
        outline:none!important;
    }   
    
   .main-nav.is-open{
       top:95px;
   } 
    
  .section-title {
    text-align: center;
    font-size: 40px;
  }
    
   .wrap, .main_width{
        width: 100%;
    max-width: 100%;
    padding: 0 10px;
    box-sizing: border-box;   
   } 
    
    
  .section-title {
    text-align: center;
    font-size: 45px;
  }
    
    
  .portfolio {
    margin-top: -42px;
  }
    
  .nav-shell{
          padding: 10px;
    box-sizing: border-box;
  }  
    
    
 .stats__bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}   
    
  .stats{
      height:auto;
  }  
    
 .partners {
    padding: 40px 0;
}   
    
 .partners__track-wrap {
    display: grid;
    grid-template-columns: 1fr;
   
 }
 
 .footer__brand img {
    height: auto;
}
    
  .footer__bg img{
    height: 100%;
    width: 100%;
    object-fit: cover;      
  }  
    
    
 .item_services ul {
    grid-template-columns: 1fr;
}   
    
 .services-card__title {
    margin: 30px;
 }
    
    
.item_services{
    padding-bottom: 35px;
}    
    
.tech-banner__overlay {
    background-size: auto;
}
    
 .owl-carousel{
     overflow:hidden;
 }   
    
.low_166{
 display:block;   
}
    
.out_header {
    background-position: 0px -25px;
    background-size: 100% 430px;
}    
    
 .service_row ul li{
     grid-template-columns: 1fr;
 }   
    
    
.service_preview {
    margin: 0 auto;
}    
    
 .out_content h1 {
    position: relative;
    text-align: left;
    color: #fff;
    font-size: 31px;
    top:0;
 }
    
 .portfolio_page .hero_pages{
     height: 225px;
 }   
    
 .portfolio_page .since-box {
    font-size: 13px;
 }
    
.form-card {
    padding: 15px;
}    
    
.bottom-nav{
    display:none!important;
}   

.owl-carousel .owl-item img{
    width: auto;
            display: inline-block;
}

.sl_item{
 display: inline-block;
    
}






}



@media screen and (min-width:768px) and (max-width:768px){}


@media screen and (min-width:1024px) and (max-width:1024px){}



@media screen and (min-width:1025px) and (max-width:1200px){}

@media screen and (min-width:1201px) and (max-width:1400px){}

@media screen and (min-width:1401px) and (max-width:1660px){}