@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
.show-mob, .show-tab, .forMob {display: none;}
.show-desk {display: block;}

/*==============Media=============*/


@media only screen and (max-width:1187px){
.container{ width:1004px;}

.banner-sec {height: 560px;padding: 70px 0 0;}
.bnr-left{width: 53.7%;padding: 30px 0px 30px 30px;}
.bnr-left:before , .bnr-left:after{right: -484px;}
p.bnr-sub-hed{}
.bnr-heading{ }
.bnr-prod{max-width:48%;top: -20px;}

.s1-para2 {width: 75%;}

.section1{}
.s1-right {width: 52%;}
.s1img {top: 82px;}
.sec1-box{ margin-top:0px;}
.sp-img{ margin-left:0;}
.shop-prod{}
.shop-colm-list{}
.sp-bx-pr{ font-size:28px; line-height:32px;}
.sp-bx-pr2 img{width: 85px;}

ul.strip-list li { width: 31%;}

.sec2-pic{ width:360px;}
.s2-para1{ font-size:65px; line-height:70px;}
.se2-cont{ padding-left:40px;}

.s2-cnt-pr2{ font-size:17px; margin-bottom:25px; padding-bottom:25px;}
.com-para{ font-size:17px;}

.s3-Box {padding: 40px 40px;}
.s3-model {left: 10px;max-width: 43%;}
.s3-prod{ width:600px; right:0; top:0;}
.sec3-bottom ul li img{ position:static; display:block; margin:0 auto 10px;}
.sec3-bottom ul li{ text-align:center; width:19%; padding-left: 0;}


}

@media only screen and (max-width:1021px){
.container{ width:750px;}
.forDesk{ display:none;}
.forTab{ display:block;}
ul.menu-list li{margin-right:20px;}

.call-us{ margin:3px 0 0;}
.call-us p span{ font-size:20px; line-height:22px;}
.menu-bar li a{font-size: 16px;
    line-height: 16px;
    padding: 0px 19px;}
.banner-sec {height: auto;padding:50px 0 0;background: linear-gradient(180deg, #196fa8 55% 55%, #ffffff 45% 45%);}
.bnr-left {width:60%;padding: 30px 0px 30px 25px;}
.bnr-left:before , .bnr-left:after{right: -570px;}
.bnr-prod{ max-width: 43%;top: 48px;}
p.bnr-sub-hed {font-size: 24px;line-height: 34px;}
.bnr-heading{ font-size:47px; line-height:51px;}
.bnr-para{ padding-top: 30px;}
.sec-btn {margin: 25px 0 0 0;}

.bnr-btm-list li img{ max-width:90%;}
.bnr-btm-list li{ padding:0;}

ul.strip-list{}
ul.strip-list li{ width: 32%;}
ul.strip-list li span {font-size: 23px;line-height: 27px;}
ul.strip-list li .strip-iocn {width: 95px; margin: 0 auto 12px;}

.section1{padding-bottom: 50px;}
.sec1-list{row-gap: 30px;}
.sec1-list li{ }
.sec-heading{font-size: 40px; line-height: 50px;}
.s1-para {padding-top: 15px;}
.s1-right{width: 63%;}
.s1-prod-box{width:34%;}
.s1-prod-box .s1img{top: 140px;}
img.s1-prod1, img.s1-prod2 { max-width: 150px;  top: 40px;}
.sec1-list li img{ margin:10px auto;}

.strip-section {padding:50px 0;}

.section2{ padding:65px 0;}
.sec2-pic{ width:265px;    margin-top: 20px;}
.se2-cont{ padding-left:30px;width: 39%;}
.com-para{ line-height:24px;}
.com-heading{ font-size:32px; line-height:36px;}
.s2-para1{ font-size:55px; line-height:65px;}
.s2-cont2{ width:24%;padding: 15px 0 0 0;}
.s2-cnt-pr1{ font-size:38px; line-height:38px;}
.s2-cnt-pr2{ margin-bottom:17px; padding-bottom:17px; line-height:24px;}
.sp-bx-pr2 img{ display:block; margin:0 auto 5px;}
.shop-box{justify-content: center;}
.shop-colm-list {width: 100%; max-width: 520px;}
.sec3-bottom .s1-para{width:100%;}
.sp-bx-pr{ font-size:26px; line-height:30px;}


.section3{ padding:20px 0 40px;}
.s3-model {left: 30px; top: 50px;}
.s3-Box {}
.s3-rgt {width:100%; text-align:center;}
.s3-lft ul {margin-top: 45px;column-gap: 15px;}
.s3-lft ul li span {font-size: 24px;line-height: 24px;}
.img-box{ height: 135px;}
.s3-model {
    position: static;
    max-width: 300px;
    margin: 0px auto 10px;
}
.sec3-bottom ul li{ width:19.5%;}

.sec3-bottom {padding:50px 0 40px;}

.sec1-box {
    margin-top: 0px;
    justify-content: center;
}
.s3-btm-rgt {width: 100%; max-width: 520px; }

.s3-btm-lft {width:100%; text-align:center;}
.s3-arw {margin: 30px;transform: rotate(90deg);}
.sec3-bottom ul li p span{ font-size:16px; line-height:24px;}
.sec3-bottom ul li p{ font-size:14px; line-height:22px;}

.s4-left {padding: 50px 0; width: 60%;}
.s4-rght {width: 36%;}

.s5-mdlBx{ padding:0;}
.s5-col{ margin:0 10px;}

.s6-testi-col{ padding:20px 15px;}
.s6-slide-head{ padding:0 0 12px 70px;}
.t-img{ width:55px;}
.sectionSeven {padding: 40px 0 50px;}
.s7-list{width:70%;}
.s7-list li{}
.s7-model {position: static;max-width: 270px;margin: 0 -95px 0 0;}
.s7-prod {position: static;max-width: 280px;margin: 42px 80px 0 0px;}

}


@media only screen and (max-width:767px){
.container{ width:100%; max-width:600px; padding:0 10px;}

.forMob, .show-mob{ display:block;}
.show-desk, .foTab, .forDesk {display: none;}
.hide-mob{ display:none;}
.menu-sec{     margin-bottom: 60px; position: fixed; height: 60px; top: 60px; margin-top: -60px;}
.nav-sec {height: 65px; margin-top: -65px;top: 65px;}
.header{ padding:5px 0 0;}
.logo{max-width: 80px; position: relative;z-index: 9; }
.call-us{font-size: 12px;line-height: 18px;padding-left: 36px; display:none;}
.call-us img{ width:26px; top:6px; padding: 0px 19px;}
.call-us p{padding-left: 10px;}
.call-us p span {font-size: 18px;line-height: 18px;}
.menu-bar li{    padding: 18px 0px;}

.banner-sec{ padding:22px 0 30px; background:#196fa8;}
.bnr-left{ width:100%; padding:0; text-align:center;}
.bnr-left:before, .bnr-left:after { display:none;}
p.bnr-sub-hed {font-size: 20px;line-height: 30px;}
.bnr-heading {font-size: 40px;line-height: 43px;margin-top: 5px;}
.bnr-heading span{ display: block;}
.bnr-para {line-height: 25px;padding-top: 14px;color: #fff;}
.bnr-prod { position: static; max-width: 280px; margin:22px 0 0;}
.sec-btn{ margin:22px 0 0;}
.bnr-btm-sec {padding: 20px 0 10px 0;}
.bnr-btm-list{ padding:0;}
.bnr-btm-list li{ width:32%; margin-top:15px;}

.strip-section{padding:30px 0;}
ul.strip-list {margin-top: 0px;row-gap: 20px;}
ul.strip-list li .strip-iocn{width: 90px;margin: 0 auto 10px;}
ul.strip-list li{ width:100%;padding: 25px 10px;}
ul.strip-list li span {font-size: 24px;}

.section1{ padding:30px 0;}
.sec-heading{ font-size:26px; line-height:34px;}
.sec-heading span{font-size:32px; line-height:32px;}
.s1-para{font-size: 18px;line-height: 25px;padding-top:10px;}
.s1-right {width:100%;padding:0px 0; text-align:center;}
.s1-prod-box {width: 100%; z-index:1;}
.sec1-list{ margin-top:0;}
.sec1-list li{ }
.sec1-list li img{ width:60px; margin:0 auto 10px;}
.s1-prod-box .s1img{max-width: 70%; right: -40px; z-index: -1; top: 110px;}
img.s1-prod2, img.s1-prod1{ position: static;display: inline-block; max-width: 160px; margin: 10px -25px 0;z-index: 1;}

.sec3-bottom{padding:25px 0; }
.sec1-box{ text-align:center; margin-top:0px;}
.s1-para2{ width:100%;}
.shop-colm-list{padding:10px;}
.sp-bx-pr{font-size: 21px;    line-height: 28px; }
.shop-prod,.shop-cont{ width:45%; padding:0;}
.shop-cont{width:55%;}
.prod-picc{ margin:40px auto 0;}
.shop-box{ margin-top:25px; justify-content: center;}

.section2{ padding:30px 0;}
.sec2-pic{ width:100%; margin-top:0; margin-bottom:15px;}

.se2-cont{ width:100%; padding-left:0;}
.s2-cont2{ width:100%;}
.s2-para1{ font-size:38px; line-height:55px;}
.s2-cnt-pr1 { margin-top: 15px;}
.com-heading{ font-size:26px; line-height:32px; letter-spacing:0.5px;}
.com-para{ width:100%;}
.s3-lft ul{flex-wrap: wrap;justify-content: center;margin-top: 20px;column-gap: 0px;row-gap: 20px;}
.s3-lft ul li{max-width: 400px;}
.img-box{ height:auto;}


.section3{padding:10px 0 25px;}
.s3-Box {padding: 25px 15px;}

.s3-rgt .sec-heading { margin-bottom: 20px;}
.s3-lft{ width:100%;text-align: center;}
.s3-lft ul li span {margin: 0px 0 7px;}
.s3-model {}
.s3-prod{ position:static; display:inline-block; vertical-align:middle; margin:20px auto 0; width:100%;}
ul.s3-list {margin-top: 8px;}
ul.s3-list li {margin-top: 12px;padding-left: 20px;line-height: 27px;}

.sec3-bottom ul li{ width: 48.5%;}
.sec3-bottom ul li p span { font-size: 18px; line-height: 22px;}
.sec3-bottom ul li:nth-child(4), .sec3-bottom ul li:nth-child(5){ width:49%; margin-top:15px;}
.sec3-bottom ul li p{ font-size:16px;}

.footer{ padding:0 0 30px;}
.ftr-txt1{font-size: 15px; line-height: 26px;margin-top: 10px;}
.ftr-txt1 a{ padding:0 3px;}
.secure-icon{ margin:20px 0 0;}

.bg-top, .tems_bg{ padding: 25px 0;}

#call-btn {
    float: left;
    width: 100%;
    padding: 11px 10px 10px;
    background: #003a72;
    position: fixed;
    bottom: 0%;
    left: auto;
    z-index:12;
    transition: bottom 1s;
    display: table;
	}
#call-btn .btn-ofr-txt{ color:#fff;}
ul.s2list li{ width:100%;}

.contact{    padding: 20px 0;}
.s2bxtxt{ width:100%;}
ul.cont-list1 li{ width:100%;}
ul.cont-list1{ margin:0 0 0 0;}

/*==========THANK_YOU_PAGE===================*/
.thnk-sec{ padding:30px 0;}

.tyBox{padding:20px; margin-top:10px;}
.tyBox h4{font-size:25px; line-height:35px;}
.tyBox p.txt1{margin-top:10px; font-size:17px; line-height:24px;}
.cntct-box{margin-top:50px;}
.call-ico{width:70px;     margin: -35px auto 10px;}
.thnk-txt2{font-size:17px; line-height:25px;}

/**********************/
.s6bx1, .s6bxtxt{width:100%;}

/******************************/

.menu-bar { display:none;}
.crt { display:none;}
.mob-mnu-ic {cursor: pointer;position: absolute;right: 20px;top: 8px;z-index: 16;height: 25px;}
.top-fix-bar{ margin-bottom:60px;}
.mob-mnu-ic button {outline: none;-webkit-appearance: none;background: none;padding: 0;cursor: pointer;border: none;}
.mob-mnu-ic span {color: #fff;display: inline-block;vertical-align: top;font-size: 16px;font-weight: 300;margin-top: 0px;margin-right: 5px;}
.bar1, .bar2, .bar3 {width: 35px;height: 4px;background-color: #fff;    transition: 0.4s;}
.bar2 {
     margin: 6px 0;
	}

.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-7px, 6px);
	transform: rotate(-45deg) translate(-7px, 6px);
	background: #fff;
	}
.dl-active .bar2 {
	opacity: 0;
	}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
	background: #fff;
	}
.mob-menu-div {
	float: left;
	width: 100%;
	}
.mobimenu {
	float: left;
    width: 100%;
    position: fixed;
    top: 62px;
    background: #f6fcfa;
    z-index: 99999;
    left: 0px;
    bottom: 0px;
}
.mobimenu li {
	float: left;
	width: 100%;
	color: #fff;
	padding: 10px;
	font-size: 18px;
	line-height: 20px;
	text-align: left;
	border-bottom: 1px solid #e1e1e1;
	font-weight: normal;
	}
.mobimenu li a {
	color: #2d2d2d;
	float: left;
	width: 100%;
	padding: 5px 10px;
	}
.mobimenu li a:hover, .mobimenu li a.active {
	text-decoration: none;
	}
.mobimenu li ul {
	float: left;
	width: 100%;
	padding: 0 18px;
	border-bottom: 0;
	}
.mobimenu li ul li:last-child {
	border: none;
	}
.mobimenu li a:hover .m-arw, .mobimenu li a.active .m-arw {
	fill: #f08a3c;
	}
.mobimenu.mobimenu-top {
	top: 48px;
	}
.menu-lock-mob{
	right:62px;
	top:6px;
	position:absolute;
	}
/*******************/
ul.ftrlist li{font-size: 16px;}

/************************/
.ftrlogo{max-width:80px}

}

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

.bnr-list li{ font-size:15px;}	
}