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


.container{ width:96%;}
header nav {width: 125%;}

}


@media screen and (max-width:1100px){


header .right_btns{ width:45%;}
.section1{background-size: 790px 896px;}


}

@media (max-width: 768px) {
.company-list li {
    width: 45%;
    margin: 10px 15px 0 0;
}

}


@media (max-width: 768px){
.tab-description-right {
    float: none;
    width: 100%;
    margin-top: 25px;
}
}
@media screen and (max-width:1023px){

p{ font-size:14px;}
h1{ font-size:25px;}
h2{ font-size:21px;}

header nav ul li a{ font-size:12px;}
.snip1135 li{ margin:0 10px; font-size:12px;}
ul.main_menu li a{ font-size:11px;}

header .right_btns {width: 60%;
}

.section1{background-size: 590px 696px;}

.slider li .right_box p{ font-size:14px; line-height:20px;}

.heads_li li{ width:200px;}

footer .container .left_footer ul li a{ padding:10px 5px;}
footer .container .right_footer img {width: 105px;}


/* ------------------------------------------- mobile menu css ---------------------------------------- */

.right_btns{ display:none;}

#menu{ position:absolute; right:0; top:60px; background:#ddd; display:none;}
#menu.snip1135 li{ float:left; width:100%; text-align:left; border-bottom:1px solid #ccc; padding: 10px 0;}

.top_click {
    display: block;
    position: absolute;
    right: 10px;
    top: 5px;
}
.three_line { display:block; position:relative; overflow:hidden; margin:0; padding:0; width:45px; height:45px; font-size:0; text-indent:-9999px; -webkit-appearance:none; -moz-appearance:none; appearance:none; box-shadow:none; border-radius:none; border:none; cursor:pointer; -webkit-transition:background .3s; transition:background .3s }
.three_line:focus { outline:0 }
.three_line span { display:block; position:absolute; top:22px; left:9px; right:9px; height:4px; background:#000 }
.three_line span::after, .three_line span::before { position:absolute; display:block; left:0; width:100%; height:4px; background-color:#000; content:"" }

.three_line span::before { top:-10px }
.three_line span::after { bottom:-10px }
.three_line--htx { background-color:none }
.three_line--htx span { }
.three_line--htx span::after, .three_line--htx span::before { -webkit-transition-duration:.3s, .3s; transition-duration:.3s, .3s; -webkit-transition-delay:.3s, 0s; transition-delay:.3s, 0s }
.three_line--htx span::before { -webkit-transition-property:top, -webkit-transform; transition-property:top, transform }
.three_line--htx span::after { -webkit-transition-property:bottom, -webkit-transform; transition-property:bottom, transform }
.active .three_line--htx { z-index:999; }
.active .three_line--htx span { background:0 0 }
.active .three_line--htx span::before { top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); background-color:#000 }
.active .three_line--htx span::after { bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); background-color:#000 }
.active .three_line--htx span::after, .active .three_line--htx span::before { -webkit-transition-delay:0s, .3s; transition-delay:0s, .3s }



}


@media screen and (max-width:767px){
	
header{ height:auto;}
header .container{flex-wrap: wrap;}
header .right_btns {width: 100%;}
ul.main_menu li span{ font-size:11px;}
header .logo {width: 90px;}
header nav {width: 72%;}

.left_tag{ width:100%;}
.left_tag h2{ font-size:18px;}
.left_tag h2{ line-height:22px;}
.left_tag h3{ font-size:16px; line-height:22px;}
.red_btn {padding: 12px 18px;}

.first_section{padding: 128px 0px 0;}
	
.section1{background-size:100% auto;}	

.section1  .middle_section .slick-dots{ bottom:0; right:0; left:0; margin:auto; width:100px; }
.section1  .middle_section .slick-dots li{margin:20px 10px;}

.section2 .slider_box .slick-initialized .slick-slide{flex-direction: column; padding:10px; text-align:center;}
.section2 .slider_box  .slick-dots{ right:0; bottom:-25px; left:0; margin:auto;}
.slider li .right_box{ width:100%;}
section .slick-prev{ left:-30px;}
section .slick-next{ right:-30px;}

.center_box{flex-direction: column-reverse; }
.left_sec, .right_sec{ width:100%; text-align:center;}

.logo_box{ float:left; width:100%; position:relative; text-align:center;}
.logo_box ul li{ background:none; height:auto; padding-bottom:10px;}
.logo_box ul li img{ width:200px; display:inline-block;}
section .logo_box .slick-dots{ bottom:-35px; right:0; left:0; margin:auto; justify-content: center;}

.middle_section .feature li{ margin:20px 0;}
.middle_section .feature li img{ display:inline-block;}
.logo_box ul{ margin-top:0;}

.heads_li li{ width:200px; margin-bottom:20px;}

.section6  .center_box {
    flex-direction: column;
}


.section3{ padding:30px 0;}

@keyframes showtext {
   from  {
       left:0px; opacity:0;
    }
    to {
       left:0; opacity:1;
    }
}


footer .container{ text-align:center;     flex-direction: column;}
footer .container .left_footer ul {
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center; margin:10px 0;
}
footer .container .left_footer{ display:block; width:100%;}

section .middle_section .slick-dots{ right:0; left:0; bottom:0; margin:auto; width:100px;}
	
}


@media screen and (max-width:599px){
	
	
.section4 .right_sec img{ width:60%;}
.section6 .left_sec{ padding-top:50px;}
	
}