@charset "utf-8";
/*----------------
RESET CSS
-----------------*/
@media only screen and (max-width:1200px) {
/*=============*/
.common_heading{font-size:44px; line-height:50px;}

/*=============*/
.bnr-rght {    margin: 171px 0 0 0; }
.bnrHdng {}
.bnr-model{ top: 255px; right: 86px;}
.bnr-para { font-size: 18px; line-height: 28px;}
.brn-prd{ right: 135px; top: 245px; width: 440px;}
.brn-imgs{ width:440px;}
.comm_txt1{    font-size: 35px;}
.comm_txt2{ font-size:17px;}
.strip2{ padding:40px 0 30px;}
ul.stp-list li { font-size: 16px;}

.social-strip ul li { padding: 0 0 0; font-size: 16px; line-height:26px;}
.social-strip ul li img { margin: 0 auto 10px;}

a.shop-btn2 { margin-top: 6px; padding: 18px 41px;}
.headphone-img { position: absolute; top: 85px; left: 55px;}

.sectionThree1{ padding:40px 0 50px;}
.sec3-model, .sec3-model2{    max-width: 324px;}
ul.s3-prdcts-list3 li { background-size: cover;    width: 333px;}
ul.s3-prdcts-list2 li {}
ul.s3-prdcts-list2 li span {font-size: 18px; line-height: 28px;}
ul.s3-prdcts-list2 li .shop-btn { margin-top: 0;}
.moddel1, .moddel2 { width: 160px; left: 20px;}
ul.s3-prdcts-list{ column-gap:13px;}
.s3-prdctslft, .s3-prdctsrgt{ width:60%;}


.s1-image1 {left: -8%;top: 5px;max-width: 595px;}
.s1-rgt {width: 46%;margin-top: 0;}

.New_Arrival_sec {padding: 16px 0 30px;}
.New_Arrival_sec_inrbx2{    width: 37%;}
.New_Arrival_sec_inrbx{float: right; width: 59%;}
.inr_bx1 { width: 263px; padding: 0 0 0;}
.inr_bx1_hdg{font-size: 30px;}
.inr_bx1:nth-child(4) { }

.ss_hdg{ width:66%; padding:12px 20px;}

.sec6{ padding:30px 0;}
.s6-txt_price{ padding: 26px 0 0;}
.s6-cntr { padding: 0; margin-top: 40px;}
.s6-cntr_lft { width: 570px; border-radius:15px;}
.s6-prdctslft {  width: 52%; margin: 35px 0px 0px 0px;}
.s6-prod{    top: 35px; right: 11px; max-width: 176px;}

.sec8{ height:auto;}
.s8-uls {    width: 47.5%;}
.s8-imgs{max-width: 497px;}

}
 

@media only screen and (max-width:1023px) {
.for-desk{ display:none;}	

/*=============*/
	/*BANNER*/
.banner{ background-size: cover;  height: auto; background-position: 40% top; padding: 0 0px 50px;}
.s1-inner {width: 75%;margin-top: 80px;}
.bnr-hd {font-size: 55px;line-height: 65px;}
.bnr-para {font-size: 17px;line-height: 27px;margin-top: 15px;}

.social-strip { padding: 30px 0px 30px;}
.social-strip ul{ column-gap:10px; }
.bnr-btm-strip ul li, .social-strip ul li {padding: 0px 0px; font-size: 16px;line-height: 26px; text-align: left;  width:24%; }
.comm_txt1:before{width: 186px;}
.comm_txt1:after{width: 186px;}
.bnr-btm-strip ul li img{ max-width: 145px;  position: static;  display: block; margin: 0 auto 10px;}
.bnr-btm-strip ul li span{ line-height:28px; font-size:18px;}

.strip2{ padding:30px 0;}
.ss_hdg{ width:82%; }



ul.stp-list{ column-gap:10px; }
ul.stp-list li { padding: 0px; font-size: 16px; text-align: center;width: 22.5%;}
ul.stp-list li img {width: 58px; position:static; display:block; margin:0 auto 10px ;}
ul.stp-list li span {margin-bottom: 0; font-size:16px;}

ul.s3-prdcts-list2 li .shop-btn { }
ul.s3-prdcts-list2{ column-gap: 13px;  row-gap: 16px; display: flex; flex-wrap: wrap; margin-top: 25px; justify-content: center;}
ul.s3-prdcts-list2 li { width: 48%; padding: 20px 20px; }
.prod-box{}


.sectionOne{height:auto;padding:30px 0 31px;background-size: 1636px; background-position: 72% top; }
.s1-rgt { width:100%; padding:0px 0 0; text-align:center;}
.s1-image1 {position: static;max-width: 100%;margin-top: 8px;}
.s1-innr{ background-size:cover;}
ul.s1-list {margin-top: 8px;}
ul.s1-list li {width: 49%;padding: 0 0 0 60px; margin: 20px 0 0 0;}
.s1-prd { top: 150px; right: 20px; left: auto; width: 153px;}
.s1-rgt .bnrHdng {font-size: 22px; line-height: 25px;}
.s1-rgt .bnrHdng span {font-size: 40px; line-height: 74px; margin-top:0;}
.s1-rgt-prc { font-size: 35px;line-height: 40px; margin-top: 10px;}
.save {right: 70px; width: 115px; height: 115px;font-size: 21px;line-height: 29px; padding: 30px 0 0 0;}

.bdfont {
    font-size: 16px;
    line-height: 25px;
    margin-top: 15px;}
	
ul.bnrstrip-list { justify-content: center; padding:0;}
ul.bnrstrip-list li{ text-align:center; padding:0 0;}
ul.bnrstrip-list li img{ position:static; margin:0 auto 8px;}
ul.bnrstrip-list li span{}
ul.bnrstrip2-list li { text-align: center; padding: 25px 15px 36px; font-size: 16px; line-height: 26px;}
ul.bnrstrip2-list li img{ position:static; margin:0 auto 10px;}	
ul.bnrstrip2-list li span{ font-size:22px; }	

.sectionTwo{ padding-top:50px;}
.comm_txt1{ font-size:28px; line-height:36px;}
.comnHdng img { margin: 0 15px 11px;width: 131px;}
.bndle-Hdng{ font-size:28px; line-height:32px;}
ul.s1-list li span{font-size: 18px; line-height:28px;}

.s2-strip{ padding:40px 0; background-size:cover;}
.s2-prod{ width:110px;}
.s2-strip-lft {padding: 0 30px 0 80px;}
a.s2-stp-shpbtn{ margin-top:50px;}
.s2-strp-txt2{ font-size:20px; line-height:24px;}
.s2-strp-txt3{ font-size:16px; margin-top:10px; padding:5px 0;}
ul.s2-strp-list li{ line-height:18px;}
.s2-add-icon{ width: 35px;margin-left: -18px; top:100px;}
.s2-strip-rght {padding: 0 80px 0 30px;}
.shop-btn {
    font-size: 16px;
    line-height: 45px;
    height: 45px;
    max-width: 220px;
    margin-top: 25px;
}

.New_Arrival_sec{ padding:35px 0 0; }
.New_Arrival_sec_inrbx2 { width: 32%;}
.New_Arrival_sec_inrbx{float: right; width: 65%;}
.inr_bx1  { width: 238px; padding: 0 0 0;}
.inr_bx1_hdg{    font-size: 20px; line-height: 27px;}
.inr_bx2 { }

.sectionThree{ padding:30px 0; text-align:center;}
.sectionThree1_lft{ width:100%; text-align:center; float:none; display:inline-block; padding:0 0;}
.sectionThree1_lft .comnHdng span{ display:inline-block;}
.sectionThree1_rit{ width:100%; margin-top:25px;}
.sec3-lft {margin: 0;padding-top: 0px;   width: 54%; }
.sec3-rit { width: 100%; margin: 20px 0 0;display:none;}
.sec3-lft .comm_txt2 { width: 78%; font-size:17px; line-height:27px; }
.sec3-model2, .sec3-model{ display:inline-block; position:static; margin: 24px 0 0;}
.s3-prod2{ float:left;}

ul.s3-prdcts-list{ column-gap:5px; }
ul.s3-prdcts-list li {width: 49%;}
ul.s3-prdcts-list li span { font-size:15px;}
ul.s3-prdcts-list3{ margin-top:0px; justify-content: center; column-gap: 15px;}

ul.s3-prdcts-list3 li { width: 49%; height: auto; padding: 0px;}
.moddel1, .moddel2 { width: 115px; left: 12px;}
.s3-prdctslft, .s3-prdctsrgt {     width: 62%; padding: 25px 20px 23px;}
.s3-prdctslft-btn{ padding: 0; margin-top: 12px;}
.btm-p1 { font-size: 14px;  line-height: 20px;}

.sec3-p2{ height: auto; padding: 40px 0; text-align: center;}
.s3-inner{ width:100%;}

.sectionFour{ padding:50px 0;}
.sectionFive{ padding:40px 0 50px;}
.s5uls li{    font-size: 16px; line-height: 26px;    width: 45%;}
.s5uls li span{}

.sec6 .comm_txt1{ text-align:center; }
.s6-cntr{ padding: 0; margin-top: 20px;}
.s6-prod {right: 22px; max-width: 146px;}
.s6-cntr_lft { width: 420px; padding: 50px 20px; }
.s6-prdctslft { width: 75%; margin: 16px 0px 0px 0px;}
.s6-cntr_rit{ width: 315px;}
.s6-cntr_rit_bx1, .s6-cntr_rit_bx2{ border-radius:15px;}
.s6-prdctsrgt {  width: 85%;}


.s8-lft{ display:inline-block; width:100%; text-align:center;}
.s8-rgt{ width:100%; text-align:center;}
.s8-imgs{         max-width: 380px; }


/*=============*/
.prod-section{ padding:40px 0;}
.section2{ padding:40px 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; width: 31%;}
.sp-bx-pr{ font-size:18px; line-height:24px;}
.s2-para1{font-size: 22px;}




}

 @media only screen and (max-width:767px) {
.hide-mob{ display:none}

	/*BANNER*/

.banner { padding:0px 0 30px; background-size: cover; background:#0c0c0b;}
.s1-inner {width: 100%;text-align: center;margin-top: 15px;}
.bnr-hd {font-size: 32px;line-height: 42px;}
.bnrtxt2 {margin-bottom: 0px;font-size: 22px;line-height: 30px;}
    .bnr-prodt {
        max-width: unset;
        position: static;
        margin: 0 auto 0px -10px;
        display: block;
        width: calc(100% + 20px);
        padding: 15px 0 0;
    }
.bnr-para {
        font-size: 16px;
        line-height: 26px;
        margin-top: 15px;
		padding:0 10px;
    }	
.bnrbtn, .shop-btn {
    width: 220px;
    margin: 20px 0 0 0;}

.bnr-btm-strip{ padding:30px 0 0px;}
.strp_inr{ max-width:355px; text-align:center; }
.strp_inr .ss_hdg {  width: 100%; top: 20px; font-size: 20px; line-height: 26px; padding: 10px 10px;}
.social-strip ul { padding: 12px 0 0;column-gap: 0;margin-top: 0px;}
.bnr-btm-strip ul li, .social-strip ul li:nth-child(even) {padding: 5px;text-align: center;font-size: 15px;line-height: 22px;margin-top: 0px;width: 49%;flex-direction: row;}

.bdsubhding{font-size: 30px;line-height:40px;}
 .bdsubhding span { font-size: 22px;line-height: 26px;}

.social-strip ul li:after{ display:none;}
.social-strip ul li:after{right:0;}
.social-strip ul li img {position:static;margin: 0 auto 4px; display: block;max-width: 100%;	}

.sec1 {padding: 25px 0px 30px;}
.sectionOne{height: auto; padding: 30px 0 0; background-size: cover;}
.s1-rgt { width: 100%; text-align: center; padding: 0px 0px 0;}
.s1-rgt .bnrHdng span {font-size: 36px; line-height: 47px;}
.s1-rgt .bnrHdng {font-size: 19px;line-height: 21px;}
.save {
    right: 0;
    left: 60px;
    width: 98px;
    height: 98px;
    top: 148px;
    font-size: 15px;
    line-height: 23px;
    padding: 30px 0 0 0;
}
.save span {
    font-size:18px;
}

.bnrstrip2 {padding:0px 0px;}
ul.bnrstrip2-list { justify-content: center;row-gap: 20px; padding:15px 10px;}
ul.bnrstrip2-list li{width:100%; max-width:355px; border:none; padding: 20px 20px; box-shadow: 0px 0px 2px #fff; border-radius: 5px;}
ul.bnrstrip2-list:after{ display:none;}
ul.bnrstrip2-list li img{ max-width:56px;margin: 0 auto 5px; }
ul.bnrstrip2-list li span { font-size: 18px;}
ul.bnrstrip2-list li:after{ display:none; }

.headphone-img { position: absolute; top: 26px; left: 15px; width: 106px;}
.sectionTwo{padding-top: 30px;}
.sectionTwo{ padding-top:0;}
.comnHdng { font-size: 28px; line-height: 34px;}
.comnHdng img { display: none;}
.sectionThree .comnHdng {margin-top: 0;}
.comn-txt{ margin:10px 0 0;font-size: 18px;       line-height: 28px;}
ul.s1-list{ margin-top:10px; }
ul.s1-list li { width: 100%; text-align: left; margin: 10px 0 0 0;}
.s1-prd { right: 10px; left: auto; width: 98px; top: 130px; margin: 14px auto 0;}
.s1-model { left: 0; top: 108px; width: 200px; position: static; margin: 8px auto 8px;}

.s2-strip{ padding:0; background:#fff;}
.s2-strip-lft{ width:100%; padding:20px 10px; text-align:center;background:#deeaf0;}
.s2-prod{ position:static; display:block; margin:10px auto 0;}

ul.stp-list { column-gap: 0px;}
ul.stp-list li { padding: 10px 5px; width: 100%; border-right: none; margin: 0px 0 0 0; box-shadow: 0px 0px 5px #bbb;}
ul.stp-list li:last-child{ border-right:none;}
ul.stp-list li span { margin-bottom: 0;         font-size: 16px;line-height: 31px; }
.comm_txt1:before{ display:none;}
.comm_txt1:after{ display:none;}
ul.stp-list li img { width: 50px; position: static; display: block; margin: 0 auto 10px;}
.bottom { padding: 8px 0 18px;}
.btm-p1, .btm-p2,.btm-p3{ width:100%; margin-top:10px;}
.comm_txt1 { font-size: 28px;         line-height: 39px;
 }

.s2-add-icon{     
	position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -5px 0;
    background: #fff;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);
    border-radius: 50%;
    top: auto;
    left: auto;
    z-index: 9;
	}
.s2-strp-txt2 {font-size: 22px;line-height: 24px;}
.s2-strip-rght{ background:url(../images/s2-strip-bg-mob.jpg) no-repeat right top; background-size:cover;}

.sectionThree{ padding:30px 0 20px;}
ul.s3-prdcts-list{justify-content: center;margin-top: 20px;}
.sectionThree1_rit ul.s3-prdcts-list li{ width:100%; max-width:355px; }
ul.s3-prdcts-list li{ padding: 10px 5px;}
.shop-prc{}
ul.s3-prdcts-list li span{ min-height: 48px; font-size: 18px; line-height: 24px;    letter-spacing: -0.2px;}
a.shop-btn2,a.subscribe-btn{ margin-top:0; padding:10px 0; font-size:23px;}
ul.s3-prdcts-list2{ margin-top:0px;}
ul.s3-prdcts-list2 li {width:100%; padding: 10px}
.prod-box{ text-align:center; }
ul.s3-prdcts-list2 li .shop-btn{ float:none; display:inline-block; }

.s3-prod{ max-width: 180px;}
ul.s3-prdcts-list3 { margin-top: 0px; row-gap: 15px;}
.s3-prdctslft-hd{ font-size: 16px; line-height: 24px;}
.s3-prdctslft, .s3-prdctsrgt { float: left;  width: 56%;text-align: left;padding: 27px 0 0 15px; display: inline-block;}
ul.s3-prdcts-list3 li {    width: 100%; height: 222px; padding: 0px;}
.s3-prdctslft-btn{ float:none; display:inline-block; height:auto; width:auto; line-height:18px; font-size:16px; }
.moddel1, .moddel2{ width: 130px; left: 10px; top: 20px;}
.s3-prdctslft-p { font-size: 18px; line-height: 28px; }
.sectionThree1_rit { width: 100%; margin-top: 15px; float: none; display: inline-block;}

.sec3-p2{ padding:25px 0 0; }
    .s3-inner {margin: 0;}
.sec3-model2, .sec3-model {display: inline-block;margin: 20px auto 0 0px;position: static;max-width: 160px;vertical-align: middle;}
.s3-lst {margin-top: 20px;}
.s3-lst li{width: 49%;font-size: 15px;padding: 10px;}
.s3-lst li img{margin: 0 auto 5px;max-width: 70px;}
.sec3-lft{ margin: 0; padding-top: 0px; width:100%; text-align: center; float: none; display: inline-block;}
.shop-prod{        max-width: 100%;}
.sec3-lft .comm_txt2{ width:100%; text-align:center; font-size: 16px; line-height: 26px;}
.sec3-model2 {}
.sec3-lft .shop-btn { max-width: 188px; margin-left: 0px; margin-top: 20px;}
.s3-prod2{width: 100%;        max-width: 290px;float: none;}


.s8-imgs {max-width: 350px;width: 100%;float: none;}
.sec8 .comm_txt2{ padding:13px 0 0;}
.s8-uls{ width:100%;margin-top: 10px;row-gap: 10px;}


.New_Arrival_sec { padding: 20px 0 0;}
.New_Arrival_sec_inr{ row-gap: 10px;   }
.New_Arrival_sec_inrbx{ width:100%; max-width: 100%; justify-content: center; row-gap: 10px; margin: 23px 0 0;}
.box1 .inr_bx1_hdg{    width: 73%;font-size: 18px;    text-align: left; line-height: 29px;}
.box1{}
.inr_bx1, .inr_bx1:nth-child(2), .inr_bx1:nth-child(3), .inr_bx1:nth-child(4), .inr_bx1:nth-child(6) { width: 100%; padding: 30px 20px 30px; text-align: center; height: auto;  max-width: 100%; background-size: cover;}
.comm_txt2{font-size: 16px;line-height: 26px;}		
.New_Arrival_sec_inrbx2{ width:100%; max-width: 100%;}
.inr_bx2{ height:auto;}

.strip2 {padding: 30px 0 0; }

.strp-lft{ width:100%;}
.strip-prod1{ position:static; display:block; margin:0 auto; max-width: 350px;}
.strp-txt1{ margin-bottom:20px;}
.strp-txt2{ margin-top:0; font-size:17px;}
.bndle-prod{ margin-top:20px;}

.sectionFour,.sectionFive{ padding:30px 0;}

.s5uls li{ width:100%;padding: 0 14px;font-size: 16px;line-height: 24px;}
   .s5uls li span {font-size: 22px;line-height: 26px;}
.sectionFour{ border-top:1px solid #ccc;}
.s4-testimnl{ padding:0;}

 .sec6 { padding: 25px 0 20px; }
 .s6-cntr{ padding: 0; height: auto; justify-content: center;}
 .s6-cntr_lft { width: 100%; padding: 30px 20px; margin-top: 10px; max-width: 355px; height: auto; background-size: cover;}
 .s6-prod{ position: static; margin: 16px auto 0; display: block;}
 .s6-txt1 {    font-size: 30px;}
 .s6-cntr_rit { width: 100%; justify-content: center; margin-top: 0;}
 .s6-cntr_rit_bx1, .s6-cntr_rit_bx2{ max-width:355px; height: 180px; padding: 30px 20px; }

/*=============*/
.prod-section{padding:30px 0;}
.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-cnt-pr1 { margin-top: 15px;}
.com-heading{ font-size:26px; line-height:32px; letter-spacing:0.5px;}
.com-para{ letter-spacing:0.5px;}
.shop-colm-list{ width:100%;}
.shop-box {margin-top: 24px;}
.sp-bx-pr{ min-height:auto;}

a.click-btn2, .common_button { max-width:100%;}

/*=============*/
.tems_bg {padding: 25px 0;}
/*========Section-6========*/



.section7{ padding:30px 0;}
.s7-blog-bx{ margin:30px 0 0; row-gap: 20px;}
 }
