@charset "utf-8";
/* CSS Document */

.show-mob, .show-tab {
	display: none;
}
.show-desk {
	display: block;
}

@media only screen and (max-width:1187px) {
.container {
	width: 1004px;
}
ul.menu-list {
	margin-right: 30px;
}
ul.menu-list li {
	padding: 0 12px;
}
.shop-bx {
	width: 32%;
}
.cart-rgt {
	width: 37%;
}
ul.chk-list li {
	font-size: 16px;
}
.chk-mny-bck h3 {
	font-size: 28px;
	line-height: 32px;
}
.shop-sec .collections-item {
	width: 32.14%;
}
.cat-link-box h3 {
	font-size: 26px;
}
.crt-from-sec1::after {
	width: 42%;
}
/*-----------------------
CSS FOR BANNER
-------------------------*/
.bnr-rgt { width: 67%;}

.s1-prdt {top: 55px; max-width: 36%;}

.prod-sec3{}
}

@media only screen and (max-width:1023px) {
.container {
	width: 750px;
}
.hide-tab {
    display: none;
}
.show-mob, .show-desk {
	display: none;
}
.show-tab {
	display: block;
}

.header {
	height: 60px;
	top: 60px;
	margin-top: -60px;
	padding: 13px 0;
	;
}
.top-fix-bar {
	margin-bottom: 58px;
}
.fixed-nav .header {
	height: 60px;
}
#menu-container .menu-list {
	top: 60px;
}
ul.nav {
	display: none;
}
.logo {}
.cart-link {right: 45px;top: -1px;}
#menu-wrapper #hamburger-menu {
	margin: 5px 0 0px 0;
}
.cart {
	margin: 0px 0 0 10px
}
.cart img {
	vertical-align: baseline;
	margin: 0 0 0 2px;
}
.header ul li a {
	padding: 0 25px;
	font-size: 14px;
}
.header ul {
	margin-top: 5px;
}
/*-----------------------
CSS FOR BANNER
-------------------------*/
.banner { height: auto; padding: 25px 0 25px; background-position: 53% top; background-size: cover;}
.product-bnr { max-width: 187px; top: 44px; left: 218px;}
.bnr-rgt { width: 78%;}
.brn-txt{ width:78%;}
.p2-bnr { font-size: 55px; line-height: 76px;}
ul.brn-list li{ font-size:14px; line-height:20px;padding: 5px 9px}
ul.brn-list li span{font-size: 18px; line-height: 28px;}


/*-------------------------
CSS FOR SECTION 1
--------------------------*/
.s1-prdt {top: 70px;}

/*-------------------------
CSS FOR PARAL STRIP
--------------------------*/
.prlx-strip { padding: 30px 0; background-attachment: scroll;}
.p2-prlx { width: 98%; margin: 8px auto 23px;}
.btn-prlx{ width:200px;}

/*-------------------------
CSS FOR SECTION 3
--------------------------*/
/************/
.sec3-lft-in, .sec3-rgt-in{ width:100%;}
.prod-sec3 {max-width: 385px; right: 0;}
ul.s3-list li {padding: 0px 0px 0px 88px;
        text-align: left;
        font-size: 16px;
        line-height: 26px;}
ul.s3-list li img {max-width: 75px;}		
/*-------------------------
CSS FOR SECTION 4
--------------------------*/
.section4 { padding: 30px 0;}
ul.list-sec4 {}
ul.list-sec4 li { width: 32%;float: left;margin: 0 0px 0 0;}
ul.list-sec4 li p { font-size:18px; line-height: 30px; margin: 15px 0 0 0;}
/********CART********************/
.summry-lft .cart-lft, .summry-lft .card-box3 {
	width: 100%;
}
.prd-img {
	display: none
}
.span2 {
	width: 100%;
}
.cart-inr {
	margin: 0 0 40px;
}
.cart-prc-det {
	padding: 5px 20px 20px;
}
.cart-row {
	padding: 17px 0 5px;
}
.cart-col2 {
	font-size: 16px;
	line-height: 20px;
	padding-left: 55px;
	width: 36%;
}
.cart-col3, .cart-col5 {
	font-size: 16px;
	line-height: 20px;
	padding-top: 40px;
}
.cart-col4 {
	width: 24%;
	padding-top: 30px;
}
.cart-det-btn {
	width: 240px
}
.cart-prdname {}
.cart-prdname .span2 {
	width: 100%;
}
.cart-prc-det .btn-box p {
	display: none;
} 
.card-box3{padding:10px 0; width:100%;}
.upsell-box{width:100%;}
.ship-time,.card-box3rgt{width:100%;}
.ship-time{display:none;}
.conti-btn {width: 240px;}
.pay-bx .frm-box-inr {
	padding: 20px;
}
ul.chk-list li {
	vertical-align: top;
}
.chk-mny-bck {
	padding-left: 110px;
}
.chk-mny-bck-lft {
	width: 90px;
}
.chk-mny-bck-img {
	width: 75px;
}
.chk-mny-bck h3 {
	font-size: 22px;
	line-height: 25px;
}
.chk-inr-rgt .comn-hdg {
	font-size: 26px;
	line-height: 30px;
}
.continue-shpbtn {
	padding: 10px 10px;
	font-size: 17px;
}
.rec-post-bx img {
	width: 60px;
}
.rec-post-bx p {
	width: calc(100% - 75px);
}
.accordion {
	font-size: 20px;
	line-height: 24px;
}
.acdn-content p {
	font-size: 16px;
	line-height: 24px;
}
.pr-dtl-s1-lft {width: 50%;}
.pr-dtl-s1-rgt {width: 48%;}
.pr-dtl-s1-rgt-p1 {
	font-size: 28px;
	line-height: 49px;
}
.pr-dtl-s1-rgt-p3 {
	font-size: 17px;
}
.pr-dtl-s1-rgt-p3 span {
}
.ftr-p2{font-size: 15px;line-height: 27px;}
.ftr-txt-box{font-size:15px; line-height: 22px;}
.ftr-txt2, .ftr-txt3{width:100%; text-align:center; margin-top: 5px;font-size: 15px;}
}

@media only screen and (max-width:767px) {
.container {
	width: 100%;
	padding: 0 10px;
	max-width: 600px;
}
.forDesk {
    display: none;
}
.show-desk, .show-tab {
	display: none;
}
.show-mob {
	display: block;
}
.hide-mob {
	display: none;
}
.mob-mnu-ic {
	top: 10px;
}
.mobilemenu {
	top: 80px;
}
.topstrip { display:none;}
ul.striplist li{ font-size:14px;}

.logo {max-width: 220px; margin-top: 7px;}
    .cart-link {
        right: 43px;
        top: 0px;
        width: 35px;
    }
/*-------------------------
CSS FOR BANNER
--------------------------*/
.bnr-rgt {    width: 100%; text-align: center; margin: 0; background: rgba(255, 255, 255, 0.7); padding: 10px 10px 25px;}
.product-bnr { 
	position: static; 
	margin: 10px auto 0;
	width:70%;
	max-width:230px;}
.brn-txt{ width:100%; font-size: 16px; line-height: 24px;}
.btn1-buy { margin: 0 auto;}
.p2-bnr { font-size: 36px; line-height: 42px;}
.p1-bnr { margin: 0px 0 0; font-size:18px;}
ul.brn-list {margin-top: 18px; flex-wrap: wrap; align-content: center; justify-content: space-evenly;}
ul.brn-list li, ul.brn-list li:first-child {padding: 0px 0 0 19px; border: none; text-align: center; position: relative; margin-bottom: 10px;}
ul.brn-list li:before{ position:absolute; top:0; content:''; width:10px; height:10px; background: #a4c913; left: 0; }


/*-------------------------
CSS FOR SECTION 1
--------------------------*/
.s1-lft {padding:0px 0px; width: 100%; text-align: center;}
.common-head2 { font-size: 26px; line-height: 35px;}
.common-head2 span{ width: 100%; font-size: 32px; line-height: 40px;}
.common-para {margin-top: 10px; width: 98%; font-size: 16px; line-height: 24px;}
.s1-prdt {position: static; max-width: 80%; margin-top: 15px;}
a.shop-btn {width: 230px; height: 52px; font-size: 21px; line-height: 52px; margin-top: 20px;}
ul.s1-list2 {width: 100%; margin-top:20px; row-gap: 18px;}
ul.s1-list2 li { width: 100%;
        padding: 25px 20px;
        font-size: 16px;
        line-height: 24px;
        height: auto;}
ul.s1-list2 li span{font-size: 22px; line-height: 32px;}
ul.s1-list2 li img {margin: 0 0 10px;}
.section1{    padding: 30px 0 30px;}

/*-------------------------
CSS FOR SECTION 3
--------------------------*/
.section3{
	height:auto; background-size:cover; padding:25px 0;}
.sec3-lft, .sec3-rgt { height: auto;width: 100%;}
.sec3-lft{width: 100%; float: none;margin: 0 auto; padding: 0 0 0;text-align: center;}
.prod-sec3 {
   padding-top: 15px;
    margin: 0 auto;
	position:static;
    float: none;
    max-width: 290px;;
}
.s3-lft-inr {width:100%;text-align:center;}
ul.s3-list li {width: 100%;
        padding: 15px 15px;
        border: 1px solid #e1e1e1;
        font-size: 16px;
        line-height: 26px;
        text-align: center;}
ul.s3-list li:nth-child(2),ul.s3-list li:last-child{}
ul.s3-list {margin: 0px 0 8px 0;row-gap: 14px;}
ul.s3-list li img{position: static;
        display: block;
        margin: 0 auto 7px;
        max-width: 85px;}
/*-------------------------
CSS FOR SECTION 4
--------------------------*/
.section4 {padding: 25px 0;}
ul.list-sec4 { width: 100%; margin: 0 auto 0;}
ul.list-sec4 li { padding: 0 0; width: 100%; margin-top:20px;}
.section4 .common-para{ width:100%;}
ul.list-sec4 li p { margin: 7px auto 0;
        float: none;
        text-align: center;
        font-size: 16px;
        line-height: 25px;}
ul.list-sec4 li p span{font-size: 16px; line-height: 24px; margin-top: 5px;}
ul.list-sec4 li span {
    width: 92%;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 26px;}
/************************/
.footer {
	padding: 25px 0;
}
.ftr-txt {
	font-size: 14px;
}
.ftr-links {
	font-size: 16px;
}
.shop-sec {
	flex-wrap: wrap;
}
.shop-bx {/*width:100%;*/
}
.prd-det-lft {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 0;
}
.prd-det-mob {
	max-width: 100%;
	margin-bottom: 10px;
}
.prd-det-s1 {
	height: auto;
}
.prd-det-rgt {
	width: 100%;
	text-align: center;
}
.prd-det-s1-lft {
	width: 100%;
	text-align: center;
}
.pr-dtl-s1-lft,.pr-dtl-s1-rgt {width: 100%;}
.pr-dtl-s1-lft{padding:30px 0;}
.pr-dtl-s1-lft .s4l1-img:nth-child(2), .pr-dtl-s1-lft .s4l1-img:nth-child(3){top:40px;}
.pr-dtl-s1-lft .s4l1-img:nth-child(4), .pr-dtl-s1-lft .s4l1-img:nth-child(5){top:60px}
.pr-dtl-s1-rgt {}
.pr-dtl-s1-lft .s4l1-img {max-width: 140px;}
.pr-dtl-s1-lft .s4l1-img:nth-child(2), .pr-dtl-s1-lft .s4l1-img:nth-child(3){max-width:130px;}
.pr-dtl-s1-lft .s4l1-img:nth-child(4), .pr-dtl-s1-lft .s4l1-img:nth-child(5){max-width:120px;}
ul.prod-list{margin-top:20px;}
.pro-dtl-sec2{padding:30px 0;}
.prd-det-s1-lft .comn-txt {
	font-size: 17px;
	line-height: 26px;
}
.prd-det-s1-rgt {
	display: none;
}
.input-counter {
	float: none;
	margin: 20px auto 0;
}
.ben-prd {
	position: static;
	transform: none;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
ul.ben-list {
	width: 100%;
}
ul.ben-list li:first-child:before, ul.ben-list li:after {
	display: none;
}
.prd-det-btn {
	position: static;
	transform: none;
	display: inline-block;
	margin: 25px auto 0;
	float: none;
	text-align: center;
}
.prd-det .comn-txt {
	margin-top: 10px;
}
.cart-lft {
	width: 100%;
}
.cart-rgt {
	width: 100%;
}
.summry-lft-hdr, .mob-qty {
	display: block;
}
.cart-prd {
	display: none;
}
.cart-row {
	padding: 5px 0 8px;
}
.cart-col2 {
	padding-left: 0;
	width: 30%;
	font-size: 14px;
	line-height: 18px;
}
.cart-col4 {
	width: 30%;
}
.cart-col4 .input-counter {
	width: 80px;
}
.input-counter input[type="text"] {
	width: 30%;
	font-size: 20px;
}
.cart-col4 .input-counter button img {
	width: 10px;
	margin: 0 auto;
}
.cart-col4 .input-group-prepend, .cart-col4 .input-group-append {
	width: 29%;
}
.inp-coup {
	margin-top: 20px;
	width: 100%;
}
.update {
	float: left;
	width: 100%;
	text-align: left;
	margin: 20px 0;
}
.cart-col1, .cart-col2, .cart-col3, .cart-col4, .cart-col5 {
	padding: 10px 0 0 !important;
}
.cart-col2, .cart-col4 {
	padding-top: 5px !important;
}
table.prc-list tr td {
	padding: 15px 0;
}
.chk-inr {
	margin-bottom: 30px;
}
.chk-inr-lft {
	width: 100%;
}
.frm-box-inr {
	padding: 10px;
}
.pay-bx .frm-box-inr {
	padding: 20px 10px;
}
.frm-hdg {
	font-size: 24px;
}
.we-acp img {
	width: 200px;
}
.frm-field label {
	width: 100%;
	text-align: left;
	margin: 5px 0;
}
.frm-field input[type="text"], .frm-field select {
	width: 100%;
}
.chk-inr-rgt {
	width: 100%;
	margin-top: 25px;
}
.chk-prc-bx {
	margin: 5px 0;
}
.chk-prc-bx-hdg span {
	float: right;
}
.chk-tsti-bx small {
	margin: 15px auto;
}
table.chk-prd-det .input-counter {
	width: 80px;
}
table.chk-prd-det .input-counter button img {
	width: 10px;
	margin: 0 auto;
}
table.chk-prd-det .input-group-prepend, table.chk-prd-det .input-group-append {
	width: 29%;
}
.chk-btn {
	margin: 25px auto 10px;
}
.secur-logo {
	margin-bottom: 10px;
}
.resour-inr {
	margin: 10px 0 20px;
}
.resour-inr-lft {
	width: 100%;
}
.resou-bx-cont {
	padding: 10px;
}
.res-hdg {
	font-size: 30px;
	line-height: 34px;
}
.resour-inr-rgt {
	width: 100%;
	margin: 20px 0;
}
.accordion-container {
	padding: 0;
	margin: 10px 0 20px;
}
.accordion {
	font-size: 18px;
	line-height: 24px;
}
.acdn-content {
	padding-right: 20px;
}
.contact-inr {
	padding: 10px 0 40px;
}
ul.contact-list {
	row-gap: 20px;
}
ul.contact-list li {
	font-size: 16px;
	line-height: 22px;
	width: 100%;
	text-align: left;
	padding: 10px 0 10px 80px;
}
.card-box3rgt {
	width: 100%;
	float: left;
}
div#frmsec {
	width: 100%;
}
.frmfld1-short1 .frmfld1-short2 {
	width: 99.9%;
}
.crt-frm2 {
	float: left;
	width: 100%;
	margin:0;
}
.submit-btn {
	padding: 10px 43px 11px;
}
.frm1, .frm2 {
	padding: 20px 0;
}
ul.contact-list li img {
	position: absolute;
	left: 5px;
	top: 0;
}
.thank-pg {
	margin: 30px 0;
}
.thank-hdg {
	font-size: 24px;
	line-height: 28px;
}
.thnk-bx {
	padding: 10px;
	width: 100%;
}
.thnk-bx-lft, .thnk-bx-rgt {
	width: 100%;
}
.thnk-ship {
	margin-top: 10px;
}
.prd-det-sec {
	padding: 20px 0;
}
.prd-det .comn-hdg {
	margin-bottom: 15px;
}
.size-guide-box {
}
footer {
	padding: 6px 0 20px;
}
.tems_bg {
	padding: 20px 0
}
.cart-box1{font-size: 15px;}
.cart-prdname {padding-left: 0;}
.one{width:90%;}
.pkgPrice{ width: 100%; text-align: left; margin-top: 10px;}
.offrbx-txt2{ width:100%;}
.ofrbx-mdl {padding: 25px 15px 25px 10px;}
.offrBx-img1{position: static; display: inline-block; margin-bottom:10px;}
ul.cart-prclist li{font-size: 18px; line-height: 32px;}

.cart_img,.cart-prdname .s1prd {display: none;}
.span3 {margin-top:0; font-size: 14px; line-height: 20px;}
.unit-price, .sub-total{font-size:15px;}
/*********************/
.contact-us{padding:30px 0;}
.contact-lft, .contact-rgt{width:100%;}
.contact-rgt{padding:10px;}
}

@media only screen and (max-width:640px) {
ul.s4-list {
	margin-bottom: 0px;
}
ul.s4-list li {
	width: 100%;
	margin-top: 20px;
}
.bnrbtn{ margin-top:20px;}


}

@media only screen and (max-width:480px) {
.bdhding1 {
	font-size: 25px;
	line-height: 26px;
}
ul.s2-list li {
	width: 100%;
}
ul.s3-list li {
}
ul.s4-list li h3 {
	font-size: 18px;
	line-height: 22px;
}
ul.s7-list li {
	font-size: 15px;
	line-height: 19px;
}
ul.s2-list li .page-btn {
	width: 210px;
}
ul.strp-list li {
	width: 46%;
	font-size: 18px;
}
.collections-item { /*width:47%;*/
	min-height: 100px
}
.dis480 {
	display: none;
}
.rev-desc, .user-name {
	font-size: 16px;
}
}
