@media (max-width: 1199px){
.container {width: 100% !important;}
.main_navbar{padding:10px}
.navbar_seq .navbar-brand{margin-left:0!important}
.logo_mxw{max-width:250px}
.navbar-right{float:right!important;margin-right:0}
nav.navbar ul.nav>li>a{padding:35px 21px 30px 21px}
.navbar_seq{padding:0}
}
@media (max-width: 992px){
.logo_mxw{max-width:198px}
.navbar_seq .navbar-brand{height:auto;padding:5px 0}
nav.navbar ul.nav>li>a{padding:12px 10px 12px 10px}
nav.navbar ul.nav>li>a:before{content:'';width:7px;height:7px;border-radius:50%;background:0 0;position:absolute;margin-top:0;left:auto;right:0}
.col_md_3{float:left;width:33.3333337%;padding:8px}
}
@media (max-width: 991px){
.logo2_mxw{max-width:250px;display:block;margin:auto}
.ftr_procesp{font-size:15px;line-height:28px;margin:25px 0;padding:0;font-family:Lato,sans-serif;font-weight:400;color:rgba(255,255,255,.7);text-align:center}
.hed2_social{text-align:center}
.fter_h3{text-align:center}
.goter_head li{padding:3px 0;text-align:center}
.goter2_head li{padding:3px 0;font-size:15px;line-height:30px;margin:0 0 1px;padding:0;font-family:Lato,sans-serif;font-weight:400;color:rgba(255,255,255,.7);text-align:center}
.fter_h3{margin:20px 0 20px}
.carousel-wrap{margin:10px auto;padding:0 2%;width:100%;position:relative}
.col_xs_4{float:left;width:100%;margin:1px 0}
.col_ys_4{float:left;width:100%;margin:1px 0}
.navbar_seq .container .navbar-header{margin-right:0;margin-left:0}
.navbar_seq .container .navbar-collapse{margin-right:0;margin-left:0;float:left;width:100%}
.hero_h1{font-size:35px;line-height:42px}
.hero_h3{font-size:18px;line-height:25px}
.col_md_4{float:left;width:50%;padding:10px}
.our_products {padding: 40px 0;}
}
@media (max-width: 800px){
.wdth100 {width: 100% !important;}
}
@media (max-width: 767px){
.hero{width:100%!important}
.products_para{width:80%;display:block}
.fade-carousel{position:relative;height:60vh}
.fade-carousel .carousel-inner .item{height:60vh}
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,.fade-carousel .slides .slide-3{height:60vh;background-size:cover;background-position:center center;background-repeat:no-repeat}
.three_colmkn{width:50%}.hed_conts{margin:auto;padding:0 0 4px;text-align:center;display:table}
.text-right{text-align:center}
.prodct_detl img {margin-bottom:20px;}
.prodct_tabs .nav-tabs>li>a {
    padding: 10px 16px 7px;
    border-radius: 30px;
    font-size: 12px; margin-bottom: 6px;
}
.prodct_tabs {
    padding: 30px 0;
}
}
@media (max-width: 670px){
.col_md_3{float:left;width:50%;padding:8px}
.logo2_mxw2{max-width:300px}
.owl-nav i{font-size:25px}
.owl-nav .owl-next{right:-5px}
.owl-nav .owl-prev{left:-5px}
.logo_mxw{max-width:140px}
.affix .logo_mxw{max-width:130px}
.main2_banner{padding:30px 0}
}
@media (max-width: 600px){
.lb-data .lb-close{top:-20px!important;right:10px!important}
.hero_h1{font-size:24px;line-height:30px}
.hero_h3{font-size:15px;line-height:23px}
.heru_btn{margin:0 auto}
.col_md_4{float:left;width:100%;padding:10px}
}
@media (max-width: 480px){
.work_box img{display:block;font-size:62px;margin:25px auto 15px auto;max-width:45px}
.logo2_mxw2{max-width:300px}
nav.navbar .navbar-toggle{display:inline-block;float:right;margin-right:20px;margin-top:20px}
.hero_h1{color:#fff;font-size:30px;font-weight:600;font-family:'PT Sans',sans-serif;margin:0 0 10px;padding:0;line-height:40px;letter-spacing:0;text-align:center}
.hero_h3{display:none}.heru_btn{padding:11px 25px;margin:10px auto;font-size:12px;font-weight:600}
.fade-carousel{position:relative;height:220px}
.fade-carousel .carousel-inner .item{height:220px}
.fade-carousel .slides .slide-1,.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3{height:220px;background-size:cover;background-position:center center;background-repeat:no-repeat}
/*.hed_conts{display:none}*/
.main_hed{line-height:32px;font-size:22px}
.hed_social .btn{color:#dcdcdc;width:20px;height:30px;font-size:11px;padding:6px 0}
.lb-data .lb-close{top:-30px!important;right:0!important}
.main2_banner .main_hed{margin-bottom:0}
.main2_banner{padding:20px 0}
}
@media (max-width: 430px){
.col_md_3{float:left;width:100%;padding:8px}
.navbar_seq{padding:0 0}
}
@media (max-width: 400px){
.logo2_mxw2{max-width:250px}
.lb-data .lb-close{top:-50px!important;right:0!important}
.three_colmkn{width:100%}
}
@media (max-width: 350px){
.logo_mxw{max-width:220px}
.affix .logo_mxw{max-width:220px}
.logo2_mxw2{max-width:220px}
.affix .logo2_mxw2{max-width:220px}
}