@charset "utf-8";
/*----------------
RESET CSS
-----------------*/
@media only screen and (max-width:1400px) {
	.banner-section:after {
		
	}
}
@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-rgt {width: 50%;}
.s1-prd { top: 44px; left: 313px; width: 190px;}

.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;}	

	/*-----------------------
	CSS FOR BANNER
	-------------------------*/
	.banner-section{ height:auto;padding: 80px 0 90px;background-size: cover;background-position: 62% top;}
	.bnr-content{width:70%;}
	.bnr-tag-txt{ font-size:22px; line-height:30px;}
	.bnr-heading{ font-size:48px;  line-height: 55px;}
	.bnr-para{margin-top: 10px;font-size: 18px;line-height: 28px;}
	.bnr-model {max-width: 390px; top: -50px;}
	.btn-box{margin-top: 22px;}
	.bnr-seal{ right: 289px; width: 85px; top: 105px;}

	/*-------------------------
	CSS FOR BANNER-STRIP
	--------------------------*/
	.bnr-btm{ padding:30px 0 30px;}
	.bnr-strip{ height:auto; padding: 30px 0 20px;}
	.bnr-stp-img{ display:none;}
	.br-strp_rgt{ width:100%;}
	.stp-uls { justify-content: center; column-gap: 10px;}
	.stp-uls li{ width:24%; font-size:17px; line-height:27px;}

	/*-------------------------
	CSS FOR SECTION 1
	--------------------------*/
	.sectionOne{ text-align:center; padding:40px 0;}
	.s1-inner{ text-align:center; padding:25px 25px;}
	.s1-prodt {
		position: static;
		max-width: 100%;
		margin: 0 auto 10px;}
	.s1-inner .btn-box {margin: 20px 0 0 0px;}	
	.s1-inner .common-heading {width: 100%;text-align: center;}
	.s1-inner .common-para {width:100%; float:none; padding:0; border:none;text-align: center;}
	.common-tag-txt{ font-size: 18px; line-height: 24px;}
	.common-heading{ font-size: 38px; line-height: 48px;}
	.common-para {font-size: 17px;line-height: 27px;margin-top: 12px;}
	ul.s1-list{row-gap: 20px;margin-top: 25px;}
	ul.s1-list li {padding: 20px 7px 20px;}
	ul.s1-list li:after{right: 0;}
	ul.s1-list li img{ position:static; margin:0 auto 5px;}
	ul.s1-list li p{ font-size: 16px; line-height: 24px; margin-top: 5px;}
	ul.s1-list .slick-prev, ul.s1-list .slick-next {top: 120px;}

	ul.sec1-list2 {width: 100%;justify-content: center;}
	/*-------------------------
	CSS FOR SECTION 2
	--------------------------*/
	.sectionTwo{ padding:40px 0; height:auto; background:#e0e8dd;}
	.s2-lft {
		float: none;
		display: inline-block;
		width:85%;
		text-align: center;
	}
	.s2-lft .common-para {width: 100%;}
	.sectionTwoinner{padding:50px 0 60px;}
	.sec2-prod li{height: 230px;}
	.sec2-prod li:first-child{height: 480px;}
	.sec2-prod li p, .sec2-prod li:nth-child(2) p, .sec2-prod li:last-child p{top: 40px;}
	.sec2-prod li:nth-child(2) .s2-prod, .sec2-prod li:last-child .s2-prod{max-width: 190px;}

	.s2-prod-icn1{ top:33px;}
	ul.prodName-list li{padding: 15px 0 15px 0; font-size: 17px; line-height: 24px;}
	.s2-product-wrap {margin: 25px 0 0;}
	.s2-product-col{width: 48.5%;}
	.s2-prod-details { text-align: center;}
	.s2-prod-name { min-height:auto;}
	/*-------------------------
	CSS FOR SECTION 3
	--------------------------*/
	.sectionThree{ padding:40px 0 40px;}
	.s3-content{ width:60%;}
	.s3-prod-img{ top: 154px; left: 0; width: 280px;}
	/*-------------------------
	CSS FOR SECTION 4
	--------------------------*/
	.sectionFour{ padding:40px 0 10px; text-align:center;}
	.s4-lft {width:100%;text-align:center;padding:0;}
	 .sec4-img1 {
			position: static;
			max-width: 100%;
			margin-top: 14px;}	
	.s4-img-div {
		float: none;
		display: inline-block;
		width: 60%;
		margin-top:15px;}	
	.s4-rgt {
		float: right;
		width: 100%;
		margin-top: 25px;
	}	
	.sec4-lst{justify-content: center;}
	.sec4-lst li{width:100%; max-width: 630px;}
	.sec4-lst li:first-child{padding: 20px 310px 20px 20px;}
	.sec4-lst li:first-child span{font-size: 35px;  line-height: 40px;   margin-bottom: 20px;}
	.sec4-lst li:first-child img{right: 0;  max-width: 290px;  top: -50px;}

	.sec4-lst1 {width: 100%;}
	.sec4-lst1 li{width:33.33%; text-align: center;  padding: 0;}
	.sec4-lst1 li img{position: static; display: block;  margin: 0 auto 6px;}
	.sec4-lst1 li:nth-child(even):after{border:none;}

	/*-------------------------
	CSS FOR SECTION 5
	--------------------------*/
	.sectionFive {padding:15px 0 40px;}
	.s5-rgt {
		float: right;
		width: 100%;
		margin-top: 25px;
		padding: 0;
	}
	.s5-image {
			position: static;
			max-width: 100%;
			margin-top: 15px;
		}
	.s5-mid-wrap {height: auto; text-align:center;}
	.s5-mid-row .s5-mid-cont{ padding-left: 25px;}	
	.s5-mid-row2 .s5-mid-cont{ padding-right: 25px; padding-left:0;}
	.sec5-innr{width: 100%;text-align: center;}
	.s5-img1{position: static;max-width: 100%;margin: 15px 0 0px;}
	.s5-lst {width: 100%;margin: 25px 0 0 0;}
	.s5-lst li{
			width: 33.33%;
			font-size: 18px;
			line-height:28px;
			padding: 0px 10px;
			text-align:center;
			}
	.s5-lst li span {
		margin-bottom: 5px;
		font-size: 24px;
		line-height: 33px;}	
	.s5-lst li img { position:static; margin:0 auto 5px;}


/*=============*/
.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}

	/*-------------------------
	CSS FOR BANNER
	--------------------------*/
	.banner-section{  padding:0px 0 0px;height: auto; background: #fff;}
	.bnr-content{width:100%; text-align:center; margin-top:0;padding: 20px 10px;}
	.bnr-content-inr {padding: 0px;}
	.bnr-tag-txt{font-size: 20px;line-height: 28px;}
	.bnr-heading{font-size: 34px;line-height: 42px;margin-top: 0;}
	.bnr-model1 {max-width: unset; position: static; margin: 0px auto 5px -10px; display: inline-block; width: calc(100% + 20px);}
	.bnr-para{ font-size: 17px; line-height: 25px; margin-top:7px; width:100%;}
	.btn-box{ margin: 20px auto 0; max-width: 230px;}
	.shop-btn{height: 50px;line-height: 50px;letter-spacing: 1px;font-size: 16px;}
	.btn-box p{font-size: 13px;line-height: 18px;}
	.bnr-mob{ margin:5px auto 0;}

	/*-------------------------
	CSS FOR SECTION 1
	--------------------------*/
	.sectionOne{ padding:30px 0;}
	.s1-inner{width:100%; text-align: center;padding: 10px 10px 15px;margin-top: 20px;}
	ul.s1-list .slick-prev, ul.s1-list .slick-next {top: -50px; right: 40px;  left: auto;}
	ul.s1-list .slick-next{right: 10px;}
	.s1-inner:after{top: 0;    bottom: 0; display:none}
	.common-tag-txt{ font-size: 16px; line-height: 24px; margin-bottom:4px;}
	.common-heading{font-size: 20px;line-height: 28px;letter-spacing: 0.5px;}
	.common-heading span{font-size: 28px;line-height: 32px;}
	ul.s1-list{ margin:18px auto 0; width:100%;row-gap:8px;}
	ul.s1-list li{ width:49%;padding: 15px 4px;font-size: 14px;line-height: 22px;}
	ul.s1-list li span{font-size: 18px;line-height: 26px;}
	ul.s1-list li:after { display:none;}
	ul.s1-list li img{ width: 40px;}
	ul.s1-list li p{ font-size: 16px;  line-height: 24px;  margin-top: 10px;}
	ul.sec1-list2 {margin-top: 22px;}
	ul.sec1-list2 li {width: 33.33%;}
	/*-------------------------
	CSS FOR SECTION 2
	--------------------------*/
	.sectionTwo{ padding:30px 0 30px;}
	.s2-lft {width: 100%;}
	.sec2-prod{grid-template-columns: auto;}
	.sec2-prod li{width:100%; max-width:100%;}
	.sec2-prod li:first-child{height: 310px}
	.s2img1{max-width: 290px;}
	.s2-prod{max-width: 160px;}
	.sec2-prod li p, .sec2-prod li:nth-child(2) p, .sec2-prod li:last-child p { top: 10px;}
	.common-para{ font-size: 16px; line-height: 25px; margin-top: 10px;}
	.s2-product-wrap{ margin-top:20px;padding:0 0px;column-gap: 5px;row-gap: 15px;}
	.s2-product-col{ width:48%;}
	.s2-product-col .shop-btn {
		font-size: 17px;
		margin-top: 12px;
		width: 90%;
	}
	.s2-prod-name{ min-height:50px; font-size: 16px; line-height: 25px; margin: 0;}
	.s2-prod-prcbox h4 {
		font-size: 18px;
		line-height: 28px;}
	.s2-prod-icn1{ top:32px;}
	.s2-prod-desc{ margin-top: 7px;}
	.s2-prod-prcbox{ margin: 0px auto 0;}
	a.s2-order-btn{ margin-top: 10px;
			font-size: 15px;
			height: 44px;
			line-height: 44px;}
	/*-------------------------
	CSS FOR SECTION 3
	--------------------------*/
	.sectionThree{ padding:30px 0;}
	ul.tab-list{margin-top:0;}
	ul.tab-list li{padding: 5px; font-size: 18px;  line-height: 25px;}
	.sectionThree .s2-product-col{width:100%;}

	.s3-content{ width:100%;}
	.s3-prod-img{ width: 200px; position: static; display:inline-block; vertical-align:top; margin-top: 25px;}
	/*-------------------------
	CSS FOR SECTION 4
	--------------------------*/
	.sectionFour{ padding:0px 0 0px;}
	.s4-lft { margin: -90px auto 0;padding: 10px 10px;border-radius: 20px 20px 0 0;}
	.s4-img-div {width: 100%;}
	.s4-img-div p {
		left: 10%;
		bottom: 45px;
		font-size: 34px;
		line-height: 40px;}
	.sec4-img1 {position: static;max-width: inherit;margin: 0 auto 0px -20px;width: calc(100% + 40px);display: inline-block;}
	.sec4-lst li, .sec4-lst li:first-child{padding: 10px;text-align: center;font-size: 16px;   line-height: 24px;}
	.sec4-lst li:first-child span{font-size: 25px;  line-height: 34px; margin-bottom: 10px;}
	.sec4-lst li p{margin-bottom:5px}
	.sec4-lst li span{margin-bottom:10px}
	.sec4-lst li img{position: static;display: block;   margin: 0 auto;}
	.sec4-lst li:first-child img, .sec4-lst li:nth-child(2) img, .sec4-lst li:last-child img{max-width: 200px;}
	.sec4-lst1 li:after{right: 0px;}
	.sec4-lst1 li{width: 100%;padding: 0 10px;}
	.sec4-lst1 li span {font-size: 20px; line-height: 26px;}
	.s4-rgt .s2-product-wrap {column-gap: 5px;}
	/*-------------------------
	CSS FOR SECTION 5
	--------------------------*/
	.sectionFive{padding:25px 0 30px;}
	.s5-mid-wrap{ }
	.sec5-innr {margin-top: 20px;border-radius: 10px;padding: 15px 10px 20px;}
	.s5-image {height: 230px;margin-top: 0;width: 100%;}
	.s5-lst {row-gap: 16px;margin: 0px 0 0 0;}
	.s5-lst li { width:100%;font-size: 16px;line-height: 24px;padding: 0 20px;text-align: center;}
	.s5-lst li span {margin-bottom: 5px;font-size: 22px;line-height: 28px;}
	.s5-lst li img {display: block;margin: 0 auto 10px;width: 60px;}
	.s5-mid-inr .shop-btn{width: 290px;  height: 46px;   line-height: 46px; margin-top:15px;}
	.s5-mid-row{ width: calc(100% + 30px); padding:30px 15px; margin-left: -15px;}
	.s5-mid-row:before, .s5-mid-row2:before{ display:none;}
	.s5-mid-cont{ width:100%;}
	.s5-mid-row .s5-mid-cont{ padding:0;}
	.s5-bnr-mob{ margin:0 auto 20px;}
	.s5-mid-inr{ margin:0;}
	.s5-rgt .s2-product-col { width: 100%;}
	.s5-rgt .s2-prod-details{width: 50%;padding: 30px 0 0;}
	.s5-rgt .s2-prdbox{position: static;float: right;width: 50%;}
	.s5-rgt .s2-prod-name {font-size: 18px;line-height: 28px;}

	.line-strip { padding: 15px 0 15px;}
	.line-strip .common-heading {font-size: 30px;line-height: 38px;}

/*=============*/
.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%;}
.sp-bx-pr{ min-height:auto;}

/*=============*/

/*========Section-6========*/



.section7{ padding:30px 0;}
.s7-blog-bx{ margin:30px 0 0; row-gap: 20px;}
 }