@charset "utf-8";
/*----------------
RESET CSS
-----------------*/
@media only screen and (max-width:1200px) {
/*=============*/
.bnr-left {width: 610px;}
.bnr-txt1{ font-size:22px;}
.bnrHdng {font-size: 48px;line-height: 60px;}
.bnr-para{font-size: 22px; line-height: 28px;}
.bnr-list li p {font-size: 20px;line-height: 26px;}
.bnr-prod {top: 120px;width: 635px;}
.bnr-rvw{ width:90%;}
/*=============*/
.comnHdng{ font-size:40px;}
ul.s1-list li p {font-size: 20px;}
/*=============*/
.sec2-pic{ width:360px;}
.se2-cont{ padding-left:40px;}

.s2-cnt-pr2{ font-size:17px; margin-bottom:25px; padding-bottom:25px;}
.com-para{ font-size:17px;}

.s3-txt3{ font-size:17px;}
.s3-txt3 img{ width:20px;}

.s4-left{ width:34%;}
.s4-rght{ width:64%;}

}
 

@media only screen and (max-width:1023px) {
.for-desk{ display:none;}	

/*=============*/
.bnr-left{ width:100%; padding:30px 0; text-align:center;}
.bnrHdng{ font-size:45px; line-height:54px;}
.bnr-para {font-size: 20px;line-height: 26px;}
.bnr-prod{ position:static; display:block; margin:0 auto; max-width:100%;}
.bnr-txt1{ float:none; display:inline-block; vertical-align:middle;}
.bnr-list li{ padding:0 15px; text-align:center;}
.bnr-list li img{ position:static; display:block; margin:0 auto 5px;}
.bnr-rvw{ width:100%;}
.bnr-rvw img{ margin:0 auto 5px;}
/*=============*/
ul.s1-list li p {font-size: 18px;}
/*=============*/
.section2{ padding:65px 0;}
.sec2-pic{ width:265px;    margin-top: 20px;}
.com-para{ line-height:24px;}
.com-heading{ font-size:28px; line-height:36px;}
.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-colm-list { padding: 0px 10px 20px;}
.sp-bx-pr{ font-size:18px; line-height:24px;}
.s2-para1{font-size: 22px;}

/*=============*/
.sectionThree:after,.sectionFive:after,.sectionSeven:after{ display:none;}
.s3-col{ width:46%; margin:10px 2%;}
/*=============*/
.s4-left {width: 38%;}
.sub-txt{ font-size:22px;}
.comnHdng {font-size: 34px;line-height: 42px;}
.s4-rght {width: 60%;}
a.packageBtn{ font-size:22px;}

.s5-stp-txt1{font-size: 22px;line-height: 28px;}
.s5-stp-txt1 span{ font-size:22px;}



/*=============*/
.sec9{padding:40px 0;}	
.faq-container{margin-top:10px;}

}

 @media only screen and (max-width:767px) {
.hide-mob{ display:none}

.bnr-left{ padding:25px 0;}
.bnr-txt1 {font-size: 20px;line-height: 22px;}
.bnrHdng {font-size: 30px;line-height: 42px;margin-top: 5px;}
.bnr-txt1{font-size: 16px;line-height: 20px;}
.bnr-list{ flex-wrap: wrap; justify-content: center; row-gap: 20px;}
.bnr-list li{padding: 0 10px;         width: 50%;}
.bnr-list li p{font-size: 18px;line-height: 22px;}
.bnr-prod-mob{ display:inline-block; vertical-align:middle; width:100%; margin-top:15px; float:left; max-width:none;}
.bnr-para {font-size: 16px;line-height: 24px;}
.bnr-rvw{background: #eaebef; width:calc(100% + 20px); margin:20px 0 0 -10px; padding:15px 10px;}
.banner:after{ display:none;}

/*=============*/
.sectionOne{ padding:30px 0;}
.sectionOne:after{ display:none;}

.comnHdng{ font-size: 26px; line-height: 34px;}
.comnPara{font-size: 16px; line-height: 24px;margin-top: 15px;}
.s1-txt1{ font-size:18px; line-height:26px; margin-top: 15px;}

ul.s1-list{justify-content: center; margin:0;}
ul.s1-list li{ width:47%; margin:20px 1% 0; padding:15px 8px;}
ul.s1-list li img{ margin:0 auto 10px;}
ul.s1-list li p {font-size: 18px; line-height:22px;}
.s1-slct-txt1{ font-size:26px; line-height:30px;margin-top: 15px;}
.s1-slct-txt2{font-size: 20px;line-height: 22px;}
.s1-sct-bag{ margin:15px 0 0;}
.s1-slct-col{ width:24%; padding:0 5px;}
.s1-slct-col:after{top: 10px;bottom: 9px;}

/*=============*/
.sectionTwo{ padding:30px 0;}
.s2-collectionBox{ margin-top:20px;}
.s2-bx-col{ margin:0 10px;width: 240px !important;}
.s2-imgbx:after{ left:5px; top:5px; right:-5px; bottom:-5px;}
.s2-bx-col p span{ font-size: 20px; line-height: 30px;}
.s2-bx-col p{ font-size: 16px; line-height: 24px; letter-spacing: 0px;}

/*=============*/
.sectionThree{ padding:30px 0;}
.s3-mdl-box{ margin-top:10px; row-gap: 0px;}
.s3-col{ width:100%; border: 1px solid #e4c8b3;box-shadow: 0 0 3px 1px rgb(0 0 0 / 10%);}
.s3-txt3 {font-size: 19px;}
.s3-txt5 {font-size: 18px;}
a.get-btn{ margin-top: 20px;}

.sectionFour{ padding:30px 0;}
.s4-left{ width:100%; text-align:center; padding:0;}
.s4-rght{ width:100%;}
.s5-mdlBx{ margin:0;}
.sub-txt {font-size: 20px;}
.s4-rgt-col{ width:100%; margin-top:30px; text-align:center; padding:0 20px;}
.s4-rgt-col span{font-size: 22px; line-height: 28px;margin-top: 15px;}
.s4-rgt-col p{font-size: 18px;line-height: 24px; margin-top:7px;}

.sectionFive{ padding:30px 0;}
.s5-col{ width:100%; margin:30px 0 0;}
.s5-imgbx:after {left: 5px;top: 5px;right: -7px;bottom: -7px;}
.s5-stp-txt1{ font-size:24px;}
.s5-stp-txt2{font-size: 18px;line-height: 24px;margin-top: 10px;}

#call-btn {
    float: left;
    width: 100%;
    padding: 11px 10px 10px;
    background: #f3f3f4;
    position: fixed;
    bottom: 0%;
    left: auto;
    z-index:12;
    transition: bottom 1s;
    display: table;
	}
#call-btn .btn-ofr-txt{ color:#fff;}
.btn-box {width: 324px;}
 }
