@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/


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

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

.bnr-hdng{ font-size:44px; line-height:52px;}
ul.bnr-strip li{padding: 0 15px 0 80px;font-size: 18px;line-height: 24px;}
.frmhdng{ font-size:26px; line-height:30px;}
.s2-img1{ width:60%;}
ul.s2-list-box li{padding: 30px 80px 30px 20px;}
.s2-stp-txt3{ font-size:22px;}
.s2-ico1{ height:50px;}

}

@media only screen and (max-width:1021px){
.container{ width:750px;}
.forDesk{ display:none;}
.forTab{ display:block;}


.banner{ padding:40px 0;height: auto; background-size:cover;}
.bnr-left{ width:62%;}
.bnr-hdng {font-size: 31px;line-height: 37px; letter-spacing:0;}
.bnr-txt1{ font-size:20px; line-height:24px;}
ul.bnr-strip{ padding:10px 0;margin-top: 15px;}
ul.bnr-strip li {padding: 0 10px 0 52px;font-size: 16px;line-height: 20px;}
ul.bnr-strip li img {left: 6px; width: 40px;}
ul.bnr-list li{ font-size:20px;}
.bnr-prvcy p{ font-size:18px;}

.bnr-rght{ padding:10px 0 0;}
.form-box{ min-height:480px;}
.frmhdng {font-size: 21px;line-height: 26px;padding: 0 10px 15px 10px;}
.frmbx-top-icon {margin: -22px auto 5px;width: 45px;}
a.next-btn {font-size: 30px;}

.inr-brm-bx { padding: 18px 10px 25px;}
.pdng-frm {padding-top: 100px;}
.quiz-hdng{font-size: 18px;line-height: 22px;}
.optBtn{ height:50px;}
.optBtn input[type=radio] + span{ font-size:16px; line-height:48px; padding: 0 30px 0 15px;}

.sectionOne{ padding:50px 0;}
.comn-hdng{ font-size:36px; line-height:40px;}
.s1-mdl{ margin-top:20px;}
.s1-img{ width:300px;}
.comn-para {font-size: 18px; line-height:26px;}
ul.s1-list{ padding:0;}
ul.s1-list li{ padding:30px 20px;}
ul.s1-list li p{ font-size:18px; line-height:24px;}
ul.s1-list li span{ font-size:20px;}
.s1-rght ul li{ font-size:18px;}

.sectionTwo{ padding:50px 0;}
ul.s2-list-box li {padding: 25px 40px 25px 15px;}
.s2-stp-txt1{ font-size:20px; line-height:22px;}
.s2-stp-txt1 span { font-size: 50px;line-height: 50px;}
.s2-stp-txt3 {font-size: 20px; line-height:26px;}
.s2-stp-txt2{ font-size:17px; line-height:24px; padding-right:10px;}
.dot1 {margin: 10px 0 10px 7px;}
.s2-ico1 {right: 7px;bottom: 30px;height: 40px;}

.ftr-txt2{ padding:0;}

.popup-box{ max-width:95%;}
.pop-hdng{font-size: 26px;line-height: 30px;}
.pop-txt2 {font-size: 17px;line-height: 24px;}
.pop-txt1{font-size: 24px;line-height: 24px;}
    

}


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

.forMob{ display:block;}
.hide-mob{ display:none;}

.top-fix-bar{ margin-bottom:50px;}
.header{ height:50px; margin-top:-50px; top:50px;}
.logo { margin-top: 0;width: 115px;}
.mob-mnu-ic{ right:15px; top:14px;}
.mobilemenu{ top:50px;}

.stock-strip {padding: 6px 0 5px 0;}
.stock-strip p{ font-size:14px; line-height: 14px;}

.banner{ padding:15px 0 25px; background:#f9fcff url(../images/banner-bg-mob.jpg) no-repeat center top; background-size:100%;}
.bnr-rght{ width:100%;padding:30px 0 0;}
.form-box {min-height: 450px;}
.frmhdng {font-size: 24px;line-height: 28px;}

.bnr-left{ width:100%;}
.bnr-hdng {font-size: 24px;line-height: 30px;letter-spacing: 0.5px;}
.bnr-txt1{ text-align:center; border:none; padding:0;}
ul.bnr-strip{ width:calc(100% + 20px); margin-left:-10px; border-radius:0; padding:15px 0 0;}
ul.bnr-strip li{ float:left; width:33.33%; padding:0 10px; text-align:center;}
ul.bnr-strip li img{ position:static; display:block; margin:0 auto 10px;}
ul.bnr-list li {font-size: 18px;background-size: 20px;margin-top: 10px;padding-left: 30px;margin-top: 10px;}
.bnr-prvcy{margin-top: 20px;padding: 10px 0 0 50px;}
.bnr-prvcy span{ font-size:20px; line-height:26px;}
.bnr-prvcy p {font-size: 16px; letter-spacing:0.5px;}

.sectionOne{ padding:25px 0;}
.comn-hdng {font-size: 24px;line-height: 30px;}
.comn-para {font-size: 16px;line-height: 24px; margin-top:15px;}
.s1-mdl {margin-top: 0px;}
.s1-rght{ width:100%; padding:0; text-align:center;}
.s1-img{ position:static; display:block; margin:0 auto; max-width:100%;}
ul.s1-list{ margin:10px 0 15px; float:none; display:inline-block; vertical-align:middle; max-width:350px; padding:0 10px;}
ul.s1-list li{ width:100%; margin:20px 0 0;}
ul.s1-list li p {font-size: 16px;line-height: 24px;}
ul.s1-list li img{ width:80px;}
.s1-rght ul{ margin-top:10px; padding-left:10px;}
.s1-rght ul li{ font-size:16px; line-height:24px; background-size:18px;padding: 0 0 0 30px;}

.sectionTwo{ padding:25px 0;}
ul.s2-list-box{ margin:0; float:none; display:inline-block; vertical-align:middle; max-width:350px;}
ul.s2-list-box li{ width:100%; margin:20px 0 0;}
.s2-stp-txt1 span {font-size: 45px;}
.s2-img1 {width: 50%;}
.s2-stp-txt2{ font-size:16px;}



.footer{ padding:0 0 20px 0;}
.ftr-txt1{ font-size:13px; line-height:20px; margin-top:20px;}
.ftr-txt1 a{font-size:13px; padding:0 4px;}
.ftr-txt2{ font-size:12px; line-height:22px; margin:20px 0 0;}

.popup-box{ margin: 40px auto;}
.pop-hdng {padding: 12px 15px 15px;font-size: 21px;letter-spacing: 0.5px;line-height: 30px;}
.pop-mdl{ padding:15px 15px 25px;}
.pop-txt1 {font-size: 20px;line-height: 20px;}
.pop-txt2 {font-size: 16px;line-height: 24px;margin-top: 7px;}
.mail-field{ margin-top:25px;height: 50px;}
.mail-field input{ font-size:16px;line-height: 48px;}
.btn-save-email{ font-size:17px; text-shadow:none;}
.skip {margin: 10px 0;font-size: 18px;line-height: 20px;}
.pop-txt3 {font-size: 15px;line-height: 22px;}

a.packageBtn{ font-size:28px; text-shadow:none;line-height: 62px;}

#call-btn {
    float: left;
    width: 100%;
    padding: 10px 10px 12px;
    background: #00c797;
    position: fixed;
    bottom: 0%;
    left: auto;
    z-index:12;
    transition: bottom 1s;
    display: table;
	}
#call-btn .btn-ofr-txt{ color:#fff;}
a.mob-btn{
	color: #ffffff;
    font-size:22px;
    line-height:24px;
	font-weight:600;
	text-transform: uppercase;
	}


}