@media screen and (min-width:240px) and (max-width:359px){
    
   .desctopVideo{
        display:none;
    }
     .mobileVideo{
               display: block;
        height: 100% !important;
    }   
    
    .slider .swiper-container .swiper-slide video{
            min-width: 100%;
            min-height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            transform: none;
            height:100%!important;
    }
    

  .intro{
          background-position: top right;
    background-size: 100%;
  }  
    
  .main_header1{
          width: 100%;
    float: none;
    margin: 0;
  }  
  .main_header1 h3{
      font-size: 40px;
    text-align: center;
  }  
    
  .main_header2{
      width: 100%;
    margin-top: 50px;
    text-align: center;
    float: none;
  }  
    
   .main_header2 h3{
       font-size: 40px;
   } 
    
  .main_desc_info{
      width: 100%;
    font-size: 21px;
  }  
    
  .main_desc_slogan{
      font-size: 20px;
  }  
    
  .main_desc_footer{
      font-size: 25px;
  }  
    
  .s_item_left{
          width: 100%;
    float: none;
    padding: 20px;
    box-sizing: border-box;
  }  
    
  .s_item_right{
          width: 100%;
    padding: 10px;
    float: none;
    bottom: 0;
    min-height: auto;
  }  
    
  .solution_row2{
      display: inline-block;
  }  
    
 .s_item{
     background-size: auto 100% !important;
         height: 100%;
 }   
    

    
    
 .s_block_item {
    height: auto;
    background-size: auto 100% !important;
    margin-bottom: 50px;
}   
    
    
.service_row{
    display: inline-block;
}    
    
 .service_menu{
         width: 100%;
    display: inline-block;
 }   
    
.service_menu>ul>li>ul{
        box-sizing: border-box;
}    
    
 .service_menu>ul>li span{
     font-size: 32px;
 }   
    
.service_data{
    width: 100%;
    display: inline-block;
}   
    
.number_box{
    display: inline-block;
}   
    
 .leftRightBox{
     display: inline-block;
    width: 100%;
 }   
    
 .leftRightBox{
     display: inline-block;
    width: 100%;
 }   
    
.leftRightBox{
        display: inline-block;
    width: 100%;
}    
    
.blockData{
    margin:0;
}    
    
.leftRightBox > div{
    width:100%;
}    
    
.to_top{
  right:-45px;    
}    
    
    
 .tech_block_pseudo{
         width: 100%;
    height: auto;
    position: relative;
 }   
    
 .tech_title{
     width: 100%;
    text-align: center;
    font-size: 28px;
    padding-bottom: 11px;
 }   
    
 .tech_content{
         width: 100%;
    float: none;
 }   
    
  .tabs_header{
          display: inline-block;
  }  
    
  .tags_items_data{
          position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    top: 25px;
  }  
    
    
 .tabs_header>li {
width: 100%;
        display: inline-block;
        float: none;
        overflow: hidden;
        
}   

 .tabs_header>li>ul{
     padding-bottom: 35px;
 }
    
    
  .active_tags .tags_items_data{
              display: grid !important;
  }  
    
    
 .tags_items_data li{
         width: 100%;
    margin: 0;
 }   
    
    

    
 .talk_left {
    font-size: 14px;
 }
    
    
  .button_nv a {
    font-size: 18px;
  }
    
   .menu-line{
       top:3px;
   } 
    

   
.about_subtitle{
        font-size: 24px;
}   


.aboutPage{
        height: 250px;
}   
   
.about_subtitle{
      font-size: 24px;  
} 
   
 .about_firstblock{
     display: inline-block;
    margin: 0;
 }  
   
 .about_previewBox{
         width: 100%;
    margin: 0;
 }  
   
 .about_textBox{
    width: 100%;
    font-size: 20px;
    padding: 30px 0;     
 }  
   
.aboutTabNav{
    width: 100%;
    display: inline-block;
    overflow: visible;
}   
   
 .aboutTagsContent{
         height: auto;
 }  
   
 .aboutTagsContent ul{
         position: relative;
    top: 26px;
 }  
   
 .aboutTagsContent ul li{
     font-size: 20px;
 }  
   
  .about_lastBlock{
      padding: 0;
    display: inline-block;
  }  
    
.about_footer_preview{
    width: 100%;
    float: none;
    text-align: center;
    padding: 30px;
}    
    
 .about_footer_preview img {
    width: 100%;
}   
    
.about_footer_content{
        float: none;
    width: 100%;
    text-align: center;
}    
    
 .about_footer_content ul{
         text-align: left;
 }   
    
.about_footer p{
    font-size: 23px;
    padding: 20px 0;    
}    
    
.about_centrblock{
    background-size: auto 100% !important;
}    
    
  
 .about_centrblock .blockHeader h3:after {
    width: 38%;
    bottom: 6px;
 }
  
 .about_centrblock .blockHeader h3:before {
    width: 40%;
    bottom: 6px;
} 
  
 .industrialTabNav{
         display: inline-block;
    width: 100%;
 } 
  
 .industrialTabNav li{
     margin-bottom: 20px;
 } 
  
  
 .indust_desc {
    height: 85px;
} 
  
 .accordion-header span {
    text-align: right;
    padding-right: 17px;
    font-size: 16px;
} 
  
 .accordion .accordion-item:nth-of-type(3) .accordion-header>span:nth-of-type(1){
     padding: 0px 0px 0px 19px;
 }  
    
    
 .tabdata_box h3 {
    text-align: right;
}   
    
    
 .contact_page .inner h1{
     font-size: 50px;
    text-align: center;
 }   
    
 .contact_page .inner p{
         font-size: 29px;
    text-align: center;
 }   
    
 .contact_content{
     display: inline-block;
 }   
    
 .contact_preview{
     width: 100%;
    margin-right: 0;
 }   
    
 .contact_info{
         width: 100%;
 }   
    
 .contact_top_info{
     display: inline-block;
    text-align: center;
 }   
    
 .tp2{
         width: 100%;
    padding: 15px 0;
 }   
    
 .contact_top_info .tp3{
     width: 100%;
 }   
    
 #contact{
   display: inline-block !important;  
 }   
    
  .form_left_col{
          width: 100%;
    margin-right: 0;
  }  
    
  .form_right_col{
          width: 100%;
  }  
    
  .form_right_col ul{
      display: inline-block;
    width: 100%;
  }  
    
   .form_right_col ul li{
           margin-bottom: 15px;
   } 
    
    
  .button_nv a:after{
      display:none;
  }  
    
   .scroll-service-title{
       font-size: 20px !important;
   } 
    
    




    
.intro,
.works_row,
.contact_content,
.contact_form{
    padding-left: 50px;
            box-sizing: border-box;
}    
    
.blockHeader h3 span:after {
    left: 23%;
    bottom: -58px;
}
    
    
 .footer .footer-bar .copyright{
         padding-left: 50px;
    text-align: center;
 }   
    
    
 .aboutPage h1 {
    color: #99CC33;
    font-size: 51px;
 }
    
    
.about_footer_content strong {
    font-size: 22px;
}
    
    
 .main_desc_nav a{
         width: 100%;
    box-sizing: border-box;
    padding: 10px 10px 10px 0;
 }   

    
.aboutBlockHeader h3 span:after {
    transform: translate(-54%, 0);
}
    
    
.blockPreview{
    margin-bottom:10px;
}    
    
    
  .formMessageContent{
      width:95%;
  }  
    
    
    
    
    
    
    
    
}





@media screen and (min-width:360px) and (max-width:475px){
        .desctopVideo{
        display:none;
    }
     .mobileVideo{
               display: block;
        height: 100% !important;
    }  
    
      .slider .swiper-container .swiper-slide video{
            min-width: 100%;
            min-height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            transform: none;
            height:100%!important;

    }  
    

    
   .intro{
          background-position: top right;
    background-size: 100%;
  }  
    
  .main_header1{
          width: 100%;
    float: none;
    margin: 0;
  }  
  .main_header1 h3{
      font-size: 40px;
    text-align: center;
  }  
    
  .main_header2{
      width: 100%;
    margin-top: 50px;
    text-align: center;
    float: none;
  }  
    
   .main_header2 h3{
       font-size: 40px;
   } 
    
  .main_desc_info{
      width: 100%;
    font-size: 21px;
  }  
    
  .main_desc_slogan{
      font-size: 20px;
  }  
    
  .main_desc_footer{
      font-size: 25px;
  }  
    
  .s_item_left{
          width: 100%;
    float: none;
    padding: 20px;
    box-sizing: border-box;
  }  
    
  .s_item_right{
          width: 100%;
    padding: 10px;
    float: none;
    bottom: 0;
    min-height: auto;
  }  
    
  .solution_row2{
      display: inline-block;
  }  
    
 .s_item{
     background-size: auto 100% !important;
         height: 100%;
 }   
    

    
 .s_block_item {
    height: auto;
    background-size: auto 100% !important;
    margin-bottom: 50px;
}   
    
    
.service_row{
    display: inline-block;
}    
    
 .service_menu{
         width: 100%;
    display: inline-block;
 }   
    
.service_menu>ul>li>ul{
        box-sizing: border-box;
}    
    
 .service_menu>ul>li span{
     font-size: 35px;
 }   
    
.service_data{
    width: 100%;
    display: inline-block;
}   
    
.number_box{
    display: inline-block;
}   
    
 .leftRightBox{
     display: inline-block;
    width: 100%;
 }   
    
 .leftRightBox{
     display: inline-block;
    width: 100%;
 }   
    
.leftRightBox{
        display: inline-block;
    width: 100%;
}    
    
.blockData{
    margin:0;
}    
    
.leftRightBox > div{
    width:100%;
}    
    
.to_top{
  right:-45px;   
}    
    
    
 .tech_block_pseudo{
         width: 100%;
    height: auto;
    position: relative;
 }   
    
 .tech_title{
     width: 100%;
    text-align: center;
    font-size: 28px;
    padding-bottom: 11px;
 }   
    
 .tech_content{
         width: 100%;
    float: none;
 }   
    
  .tabs_header{
          display: inline-block;
  }  
    
  .tags_items_data{
          position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    top: 25px;
  }  
    
    
 .tabs_header>li {
width: 100%;
        display: inline-block;
        float: none;
        overflow: hidden;
        
}   

 .tabs_header>li>ul{
     padding-bottom: 35px;
 }
    
    
  .active_tags .tags_items_data{
              display: grid !important;
  }  
    
    
 .tags_items_data li{
         width: 100%;
    margin: 0;
 }   
    
    

 .talk_left {
    font-size: 14px;
 }
    
    
  .button_nv a {
    font-size: 18px;
  }
    
   .menu-line{
       top:3px;
   } 
    
    
 .aboutPage{
         height: 215px;
 }  
   
.about_subtitle{
        font-size: 24px;
}   

 
.about_subtitle{
      font-size: 24px;  
} 
   
 .about_firstblock{
     display: inline-block;
    margin: 0;
 }  
   
 .about_previewBox{
         width: 100%;
    margin: 0;
 }  
   
 .about_textBox{
    width: 100%;
    font-size: 20px;
    padding: 30px 0;     
 }  
   
.aboutTabNav{
    width: 100%;
    display: inline-block;
    overflow: visible;
}   
   
 .aboutTagsContent{
         height: auto;
 }  
   
 .aboutTagsContent ul{
         position: relative;
    top: 26px;
 }  
   
 .aboutTagsContent ul li{
     font-size: 20px;
 }  
   
  .about_lastBlock{
      padding: 0;
    display: inline-block;
  }  
    
.about_footer_preview{
    width: 100%;
    float: none;
    text-align: center;
    padding: 30px;
}    
    
 .about_footer_preview img {
    width: 100%;
}   
    
.about_footer_content{
        float: none;
    width: 100%;
    text-align: center;
}    
    
 .about_footer_content ul{
         text-align: left;
 }   
    
.about_footer p{
    font-size: 23px;
    padding: 20px 0;    
}    
    
.about_centrblock{
    background-size: auto 100% !important;
}    
    
  
 .about_centrblock .blockHeader h3:after {
    width: 38%;
    bottom: 6px;
 }
  
 .about_centrblock .blockHeader h3:before {
    width: 40%;
    bottom: 6px;
} 
  
 .industrialTabNav{
         display: inline-block;
    width: 100%;
 } 
  
 .industrialTabNav li{
     margin-bottom: 20px;
 } 
  
  
 .indust_desc {
    height: 85px;
} 
  
 .accordion-header span {
        text-align: left;
        padding-right: 0;
        font-size: 15px;
} 
  

    
 .tabdata_box h3 {
   text-align: center;
}   
    
    
 .contact_page .inner h1{
     font-size: 50px;
    text-align: center;
 }   
    
 .contact_page .inner p{
         font-size: 29px;
    text-align: center;
 }   
    
 .contact_content{
     display: inline-block;
 }   
    
 .contact_preview{
     width: 100%;
    margin-right: 0;
 }   
    
 .contact_info{
         width: 100%;
 }   
    
 .contact_top_info{
     display: inline-block;
    text-align: center;
 }   
    
 .tp2{
         width: 100%;
    padding: 15px 0;
 }   
    
 .contact_top_info .tp3{
     width: 100%;
 }   
    
 #contact{
   display: inline-block !important;  
 }   
    
  .form_left_col{
          width: 100%;
    margin-right: 0;
  }  
    
  .form_right_col{
          width: 100%;
  }  
    
  .form_right_col ul{
      display: inline-block;
    width: 100%;
  }  
    
   .form_right_col ul li{
           margin-bottom: 15px;
   } 
       
    
  .button_nv a:after{
      display:none;
  }  
    
   .scroll-service-title{
       font-size: 20px !important;
   }     
    
    
    
    
    
    
.intro,
.works_row,
.contact_content,
.contact_form{
    padding-left: 50px;
            box-sizing: border-box;
}    
    
.blockHeader h3 span:after {
    left: 23%;
    bottom: -58px;
}
    
    
 .footer .footer-bar .copyright{
         padding-left: 50px;
    text-align: center;
 }   
    
    
 .aboutPage h1 {
    color: #99CC33;
    font-size: 51px;
 }
    
    
.about_footer_content strong {
    font-size: 22px;
}
    
    
 .main_desc_nav a{
         width: 100%;
    box-sizing: border-box;
    padding: 10px 10px 10px 0;
 }   

    
.aboutBlockHeader h3 span:after {
    transform: translate(-54%, 0);
}
    
    
.blockPreview{
    margin-bottom:10px;
}       
    
    
    
   .formMessageContent{
      width:95%;
  }     
    
    
    
    
    
    
    
    
    
    
    
    
    
}



@media screen and (min-width:476px) and (max-width:767px){
 
   .desctopVideo{
        display:none;
    }
     .mobileVideo{
               display: block;
        height: 100% !important;
    }  
    
      .slider .swiper-container .swiper-slide video{
            min-width: 100%;
            min-height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            transform: none;
            height:100%!important;
     }  
    

    
   .intro{
          background-position: top right;
    background-size: 100%;
  }  
    
  .main_header1{
          width: 100%;
    float: none;
    margin: 0;
  }  
  .main_header1 h3{
      font-size: 40px;
    text-align: center;
  }  
    
  .main_header2{
      width: 100%;
    margin-top: 50px;
    text-align: center;
    float: none;
  }  
    
   .main_header2 h3{
       font-size: 40px;
   } 
    
  .main_desc_info{
      width: 100%;
    font-size: 21px;
  }  
    
  .main_desc_slogan{
      font-size: 20px;
  }  
    
  .main_desc_footer{
      font-size: 25px;
  }  
    
  .s_item_left{
          width: 100%;
    float: none;
    padding: 20px;
    box-sizing: border-box;
  }  
    
  .s_item_right{
          width: 100%;
    padding: 10px;
    float: none;
    bottom: 0;
    min-height: auto;
  }  
    
  .solution_row2{
      display: inline-block;
  }  
    
 .s_item{
     background-size: auto 100% !important;
         height: 100%;
 }   
    

    
 .s_block_item {
    height: auto;
    background-size: auto 100% !important;
    margin-bottom: 50px;
}   
    
    
.service_row{
    display: inline-block;
}    
    
 .service_menu{
         width: 100%;
    display: inline-block;
 }   
    
.service_menu>ul>li>ul{
        box-sizing: border-box;
}    
    
 .service_menu>ul>li span{
     font-size: 35px;
 }   
    
.service_data{
    width: 100%;
    display: inline-block;
}   
    
.number_box{
    display: inline-block;
}   
    
 .leftRightBox{
     display: inline-block;
    width: 100%;
 }   
    
 .leftRightBox{
     display: inline-block;
    width: 100%;
 }   
    
.leftRightBox{
        display: inline-block;
    width: 100%;
}    
    
.blockData{
    margin:0;
}    
    
.leftRightBox > div{
    width:100%;
}    
    
.to_top{
  right:-45px;      
}    
    
    
 .tech_block_pseudo{
         width: 100%;
    height: auto;
    position: relative;
 }   
    
 .tech_title{
     width: 100%;
    text-align: center;
    font-size: 28px;
    padding-bottom: 11px;
 }   
    
 .tech_content{
         width: 100%;
    float: none;
 }   
    
  .tabs_header{
          display: inline-block;
  }  
    
  .tags_items_data{
          position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    top: 25px;
  }  
    
    
 .tabs_header>li {
width: 100%;
        display: inline-block;
        float: none;
        overflow: hidden;
        
}   

 .tabs_header>li>ul{
     padding-bottom: 35px;
 }
    
    
  .active_tags .tags_items_data{
              display: grid !important;
  }  
    
    
 .tags_items_data li{
         width: 100%;
    margin: 0;
 }   
    
    

    
 .talk_left {
    font-size: 14px;
 }
    
    
  .button_nv a {
    font-size: 18px;
  }
    
   .menu-line{
       top:3px;
   } 
    
    
 .aboutPage{
         height: 215px;
 }  
   
.about_subtitle{
        font-size: 24px;
}   


 
.about_subtitle{
      font-size: 24px;  
} 
   
 .about_firstblock{
     display: inline-block;
    margin: 0;
 }  
   
 .about_previewBox{
         width: 100%;
    margin: 0;
 }  
   
 .about_textBox{
    width: 100%;
    font-size: 20px;
    padding: 30px 0;     
 }  
   
.aboutTabNav{
    width: 100%;
    display: inline-block;
    overflow: visible;
}   
   
 .aboutTagsContent{
         height: auto;
 }  
   
 .aboutTagsContent ul{
         position: relative;
    top: 26px;
 }  
   
 .aboutTagsContent ul li{
     font-size: 20px;
 }  
   
  .about_lastBlock{
      padding: 0;
    display: inline-block;
  }  
    
.about_footer_preview{
    width: 100%;
    float: none;
    text-align: center;
    padding: 30px;
}    
    
 .about_footer_preview img {
    width: 100%;
}   
    
.about_footer_content{
        float: none;
    width: 100%;
    text-align: center;
}    
    
 .about_footer_content ul{
         text-align: left;
 }   
    
.about_footer p{
    font-size: 23px;
    padding: 20px 0;    
}    
    
.about_centrblock{
    background-size: auto 100% !important;
}    
    
  
 .about_centrblock .blockHeader h3:after {
    width: 38%;
    bottom: 6px;
 }
  
 .about_centrblock .blockHeader h3:before {
    width: 40%;
    bottom: 6px;
} 
  
 .industrialTabNav{
         display: inline-block;
    width: 100%;
 } 
  
 .industrialTabNav li{
     margin-bottom: 20px;
 } 
  
  
 .indust_desc {
    height: 85px;
} 
  
 .accordion-header span {
        text-align: left;
        padding-right: 0;
        font-size: 15px;
} 
  

    
 .tabdata_box h3 {
   text-align: center;
}    
    
    
 .contact_page .inner h1{
     font-size: 50px;
    text-align: center;
 }   
    
 .contact_page .inner p{
         font-size: 29px;
    text-align: center;
 }   
    
 .contact_content{
     display: inline-block;
 }   
    
 .contact_preview{
     width: 100%;
    margin-right: 0;
 }   
    
 .contact_info{
         width: 100%;
 }   
    
 .contact_top_info{
     display: inline-block;
    text-align: center;
 }   
    
 .tp2{
         width: 100%;
    padding: 15px 0;
 }   
    
 .contact_top_info .tp3{
     width: 100%;
 }   
    
 #contact{
   display: inline-block !important;  
 }   
    
  .form_left_col{
          width: 100%;
    margin-right: 0;
  }  
    
  .form_right_col{
          width: 100%;
  }  
    
  .form_right_col ul{
      display: inline-block;
    width: 100%;
  }  
    
   .form_right_col ul li{
           margin-bottom: 15px;
   } 
    
    
   .button_nv a:after{
      display:none;
  }  
    
   .scroll-service-title{
       font-size: 20px !important;
   }    
    
    
  
.intro,
.works_row,
.contact_content,
.contact_form{
    padding-left: 50px;
            box-sizing: border-box;
}    
    
.blockHeader h3 span:after {
    left: 23%;
    bottom: -58px;
}
    
    
 .footer .footer-bar .copyright{
         padding-left: 50px;
    text-align: center;
 }   
    
    
 .aboutPage h1 {
    color: #99CC33;
    font-size: 51px;
 }
    
    
.about_footer_content strong {
    font-size: 22px;
}
    
    
 .main_desc_nav a{
         width: 100%;
    box-sizing: border-box;
    padding: 10px 10px 10px 0;
 }   

    
.aboutBlockHeader h3 span:after {
    transform: translate(-54%, 0);
}
    
    
.blockPreview{
    margin-bottom:10px;
}       
    
   .formMessageContent{
      width:95%;
  }     
    
    
    
}



@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){}