@charset "utf-8";
/* CSS Document */
.show-mob, .show-tab {display: none;}
.show-desk {display: block;}
.fl{ float:left;}
.fr{ float:right;}

/*---------Media Querry---------*/

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

.bnr-left{ width:52%; margin-top:45px;}
.bnr-prod{ top: 40px; right: 222px;}
ul.strip-list li{ padding:0 42px;}
.vid-sec{padding-bottom: 0}
ul.s2-list li{ width:24%;}
ul.s2-list span{ font-size:21px; line-height:27px;}
ul.s2-list p{ padding:10px;}
.application-box{ padding:0 80px;}
ul.sec3-list{ width:80%;}
.s5-prod{ width:400px;}
}


@media only screen and (max-width:1024px){
.container{width:750px;}
.show-desk {display: none;}
.show-tab {display: block;}

.mob-mnu-ic{
    cursor: pointer;
    position:absolute;
    right: 0px;
    top: 19px;
	z-index:16;
	height:30px;
	}
.mob-mnu-ic button{
	outline: none;
    -webkit-appearance: none;
	background: none;
	padding:0;
    cursor: pointer;
	border: none;
	}
.mob-mnu-ic span{
	color:#000;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	font-weight:300;
	margin-top:4px;
	margin-right:5px;
	}
.bar1, .bar2, .bar3 {
	width: 30px;
	height: 3px;
	background-color: #000;
	transition: 0.4s;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	}
.bar2{margin: 6px 0;}

.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-6px, 5px);
	transform: rotate(-45deg) translate(-6px, 5px);
	background:#000;
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-7px, -7px);
	transform: rotate(45deg) translate(-7px, -7px);
	background:#000;
	}	
.mobilemenu{
	left:0;
	position:fixed;
	top:109px;
	background:rgba(255,255,255,1);
	z-index:10;
	right:0;
	bottom:0;
	overflow:scroll;
	display:none;
	}
.mobimenu-top{ top:75px;}	
.mobilemenu li{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px solid #dddddd;
	}
.mobilemenu li a{
	float:left;
	width:100%;
	padding:17px 20px;
	font-size:18px;
	color:#000;
	}	
.mobilemenu li a:hover{color:#000;}

.header{border-bottom: 1px solid #ddd;}

.banner{background-size: cover; height:528px;}
.bnr-left{ width: 53%; margin-top: 55px;}
.bnr-head{ font-size: 36px; line-height: 42px;}
.bnr-para{ font-size:18px; line-height:24px;}
.bnr-right{ width:35%;}
.bnr-prod{ right: 125px; width: 200px; top: 75px;}

ul.strip-list li{ padding:0 12px;}

.section1{ padding:50px 0 60px;}
.common-head{ font-size:36px; line-height:46px;}
.common-para{ font-size:18px; line-height:26px;}
.vid-sec{ width:100%;  padding-bottom: 0;}
ul.sec1-list{ padding:0;}
ul.sec1-list li{padding:20px 8px;}
ul.sec1-list li p{ font-size:17px; line-height:25px;}
.s1-txt{ font-size:20px; line-height:28px;}

.section2{ padding:50px 0 60px;}

.section3{ padding:50px 0 60px;}
.application-box{ padding:0;}
ul.sec3-list{ width:100%;}

.section4{ padding:50px 0 60px;}
ul.sec4-list li{padding:0 25px;}

.section5{ height:auto; background-size:cover; padding:50px 0 60px;}
.s5-prod{ width:330px;}

.section6{ padding:50px 0 60px;}
.cs-percent{ margin:0;}
.testiBox{ padding:0;}
}

@media only screen and (max-width:767px){
.container{width:100%; padding:0 10px; max-width:600px; box-sizing:border-box;}
.show-desk{display:none;}
.show-mob{display:block;}
.hide-mob{ display:none;}

.topStrip{ height: 32px; padding: 5px 0; overflow:hidden;}
.topStrip p{font-size: 15px;}

.header{ height:55px; margin-top: -55px; top: 55px; padding: 6px 0;}
.logo{ width:120px;}
.fixed-nav .header{ border-bottom:1px solid #ddd;}
.top-fix-bar{ margin-bottom:55px;}

.mob-mnu-ic{ top:11px; right:10px;}
.mobilemenu{ top:88px;}
.mobimenu-top{ top:55px;}

.banner{ height:auto; padding:15px 0 25px;}
.bnr-left{ width:100%; text-align:center; margin-top:0;}
.bnr-head{ font-size: 34px; line-height: 38px; margin-top:0;}
.bnr-para{ font-size:17px; line-height:25px; margin-top:20px; padding:0 10px;}
.bnr-right{ display:none;}
.bnr-prod{ display:none;}
.mob-bnr{ float: left; width: calc(100% + 20px); margin-left: -10px; max-width: none;margin-top: 20px;}

.strip-bg{ padding:25px 0; border-bottom: 1px solid #c8c8c8;}
.ftur-hdng{ background:none; font-size:17px; line-height:23px;}
ul.strip-list{ border:none; padding:0; margin-top:0;display: flex; flex-wrap: wrap;}
ul.strip-list li{ float:left; width:33.33%; padding:0; margin-top:15px;}
ul.strip-list li:before{ display:none;}
ul.strip-list span{ font-size:15px; margin-top:5px;}


.section1{ padding:25px 0 30px;}
.common-head{ font-size: 28px; line-height: 34px;}
.comon-bdr{ margin-top:15px;}
.common-para{ font-size:17px; line-height:25px; margin-top:15px; letter-spacing:0.3px;}
.vid-sec{ margin-top: 20px; padding-bottom: 0;}
ul.sec1-list{ margin-top:0; padding:0 20px;}
ul.sec1-list li{ width:100%; margin-top:25px; padding:20px 25px;}
.s1-txt{ font-size: 18px; line-height: 26px; margin-top: 25px;}

.section2{ padding:25px 0 35px;}
ul.s2-list{ margin:0;}
ul.s2-list li{ width:100%; margin-top:25px;}
ul.s2-list p{font-size:18px; line-height:25px; padding:10px 45px;}

.section3{ padding:25px 0 30px;}
.s3-txt1{ margin-top:15px;}
.application-box{ margin-top:15px;}
.application-left{ width:100%; margin:0;}
ul.application-rgt{ width:100%;}
ul.sec3-list li{ margin-top:25px;}
ul.sec3-list li span{ margin-top:12px;}
ul.sec3-list li p{ font-size:17px; line-height:25px; padding:0 24px;}

.section4{ padding:25px 0 30px;}
ul.sec4-list{ margin:25px 0 0;}
ul.sec4-list li{ width:100%; margin-bottom:0px;}
ul.sec4-list li:before{ display:none;}
ul.sec4-list li:last-child{ margin-bottom:0;}
ul.sec4-list li img{ width:200px;}
ul.sec4-list li span{ margin-top:15px;}
ul.sec4-list li p{ font-size:17px; line-height:25px; margin-top:8px; padding: 0 15px;}

.section5{ background:#56a5dd; padding:25px 0 30px;}
.sec5Cont{ width:100%; text-align:center;}
.s5-prod{ position:static; margin:5px auto 0; display:block; width:300px;}
ul.s5-list{ margin-top:10px;}
ul.s5-list li{ text-align:center; padding:0; margin-bottom:30px;}
.s5-list li img{ position:static; margin:0 auto 12px; display:block;}
.s5-list li p{ font-size:17px; line-height:25px; margin-top:10px;}

.section6{ padding:25px 0 30px;}
.reviewblk{ max-width:100%; padding: 0 0 15px; margin-top: 25px; border-radius:0;}
.ratingBox{ width:100%;}
.ratingImg{ margin:22px 0;}
.overall-rating{ width:100%; margin:0;}
.overall-rating img{ margin:-10px 0 0; width:90px;}
.cs-percent{ width:100%; margin-top:20px; padding:0 20px;}
.testiBox{ margin-top:30px;}
.testi-row{ padding-left:85px; margin-bottom:30px;}
.testi-imgs{ width:75px;}
.testi-star{ width:90px;}
.testi-para{ font-size:17px; line-height:25px; margin-top:12px;}
.usr-name{ margin-top:15px;}

#ctabtn-mob{
	background: #56a5dd;
	padding:7px 10px;
	position: fixed;
	bottom:0%;
	left: auto;
	z-index:9;
	transition: bottom 1s;
	display: table;
	width:100%;
	}
#ctabtn-mob a.order-btn{ margin:0;width: 100%;
    font-size: 18px;}	

.footer{ padding: 0 0 20px;}
.ftr-logo{width:120px; margin:20px auto 5px;}
.footer .ftr-txt{}

#caption {
    width: 100%;
    white-space: nowrap;
    -moz-animation:  caption 15s linear 0s infinite;
    -webkit-animation:  caption 15s linear 0s infinite;
	}
@-moz-keyframes caption { 
    0% { margin-left:100%; } 100% { margin-left:-600px; }  
	}
@-webkit-keyframes caption { 
    0% { margin-left:100%; } 100% { margin-left:-600px; }  
	}

}