/* external common css for header & footer */
@media screen and (max-width:1184px){
.calender-outer ul li .text {font-size: 25px;}
.calender-outer ul.entity-three li .text {line-height: 40px;}
.mainfooternav > .floatleft.subscribeDiv{margin-top: 0;}
.productBuyNow ul li, .productBuyNow > ul > li:nth-child(3n){width: 49%; min-height: 35px;}
.productBuyNow .StockAvl{width: 100%;}

}

@media screen and (max-width:1024px){	
	
	
.myAccountInner .tab-content .col3.accountDetail, .myAccountInner .tab-content .col3.subscribe{width: 100%;margin: 0 0 50px 0;}
.myAccountInner .tab-content .col3.subscribe{margin-bottom: 0;}
.slideDown{width: 90%;}
.myAccountInner ul.tabs{ border: 1px solid #d7d7d7; width: 94%; margin: 0 3%; }
.myAccountInner ul.tabs li ul{display: block;}
.myAccountInner ul.tabs ul li a{text-align: left;}
.myAccountInner ul.tabs > li{width: 100%; line-height: 30px; border-bottom: 1px solid #d7d7d7; padding: 0;}
.myAccountInner ul.tabs > li.active a{background: #000; color: #fff;}
.myAccountInner ul.tabs > li:last-child{border-bottom: 0;}
.myAccountInner ul.tabs > li > a{text-align: left; padding: 0 3%; float: left; width:100%;}
.myAccountInner ul.tabs li ul, .myAccountInner ul.tabs li:last-child ul{width: 100%; float: left; position: relative; border: 0; top:0;}
.myAccountInner ul.tabs ul li a{padding: 0 6%; border: 0;}
.myAccountInner .field .fullWidth{width: 100%;}
.myaccBanner{margin-top: 0;}
.wishListAcctDetail .itemQuantity > span, .wishListAcctDetail .itemQuantity > select{width: 80px;}
.writeTestimonials > div{width: 100%; padding: 44px 3%;}
.calender-outer .floatleft, .calender-outer .floatright{  width: 100%;}
.calender-outer .floatleft{ margin-bottom: 20px;}
.calender-outer ul.entity-two{margin-right: 0;}
.calender-outer ul.entity-two, .calender-outer ul.entity-one{width: 47%;}
.entity-one li .text{margin-top: 10px;}
#octaRegBox, #octaloginBox, #forgotPwdDiv{width: 90%;}
.fieldMessage::before {left: 55px;top: 24px;border-bottom:  8px solid rgba(0, 0, 0, 0); border-top: 8px solid #ff0000 ;border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0);}
.fieldMessage{top:-22px !important; right:0; width: 200px; }
.myAccountInner .field .fullWidth > .fieldMessage{width:125px;}
.orderStatus .field .fullWidth> .fieldMessage{top:-18px !important;}

.filter-sortingmob, #resmenupopupclose, .overlay.tabactive {display: block;}
.leftpanel-filter, .rightpanel h2, .rightpanel .rightpanel-filter{display: none;}
.leftpanel-filter.tabactive, .rightpanel-filter.tabactive{display: block; position: fixed;  box-sizing: border-box; z-index: 999; background: #EBEBEB; padding: 1%; width: 300px; margin: 0;}
.rightpanel-filter.tabactive{right: 8px; height: auto ;padding:20px 1.5%;}
.rightpanel-filter .popupClose { display: block; }
.rightpanel-filter.tabactive select { font-size: 15px; height: auto; padding: 8px 8%; width: 100%; border: 1px solid #000 !important;}
.rightpanel-filter.tabactive span.floatleft{display: none;}
.leftpanel-filter.tabactive .popupClose, .rightpanel.tabactive .popupClose{background: #ebebeb; font-size: 13px; font-weight: 800; top: -26px;width: 25px;}
.leftpanel-filter h1 span#narrowfillterclose{display: block;}
.fixedFilter{float: left; text-align: center; width: 100%;display: block; margin-bottom: 10px; padding: 15px 3%;background: #f58321;}
.fixedFilter.fixed{position: fixed; top: 0; z-index: 99;  left: 0; padding: 15px 3%;animation-name: none;}
.fixedFilter h2.floatleft #productCount{padding: 0; line-height: 11px; color: #fff;}
.fixedFilter.fixed h2.floatleft #productCount{color: #fff;}
.fixedFilter ul li{width: 33%;  text-align: center;}
.fixedFilter ul li.prdctCount{display: inline-block; float: none; text-align: center;}
.fixedFilter ul li.prdctCount h2{width: 100%;}
.fixedFilter li a {background: #fff; color: #f58220; border-radius: 5px; font-size: 14px; font-weight: 700; padding: 3%; float: left; width: 100px; }
.fixedFilter li a.sortCategoryFilter{float: right;}
.leftpanel-filter .closeFilter{display: block;}
.category-product.rightbox { margin-right: 3.5%; }
.category-product:hover .thumbImg .quickView{display: none;}
.category-product .productBox .stock, .productSize{display: block; opacity:1;visibility: visible;}
.productBox > ul li{    height: 15px; margin: 0 1px; width: 20px; }

.productBigSlide{width: 100%; height: auto;}
.flexslider.productThumbSlide{width: 100%;  margin-top: 40px;}
.productThumbSlide .flex-viewport{width: 88%; height: auto!important; margin-left: 6%; }
.productThumbSlide > .flex-viewport > .slides li{float: left!important;height: auto;}
.flex-direction-nav .flex-next{bottom: 0; left:0 !important;top:0 !important; transform: rotate(270deg); -o-transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg);}
.flex-direction-nav .flex-prev{top: 0; left:0 !important;top:0 !important; transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.flex-direction-nav .flex-nav-prev{position: absolute; top: 40%; left: -10px; }
.flex-direction-nav .flex-nav-next{position: absolute; top: 40%; right: 15px; }
/*Header*/
.menu-icon{width: 30px; height: 30px; cursor: pointer;margin: 27px 15px 0 0; display: block;}
.menu-icon span { border: 3px solid #fff; border-radius: 10px; display: block; margin: 0 0 5px; padding: 0; width: 100%; }
.main-navigation{display: none; }
.main-navigation.tabactive{display: block; background: #fff; z-index: 9999; position: fixed; width: 420px; left: 0; top: 108px;}
nav > ul > li .subMenu::before{display: none;}
.topBottom nav, .topBottom nav li{width: 100%; margin-top: 0; height: auto; padding: 0; cursor: pointer;}
.topBottom nav li a.firstCatName{padding: 10px 5%; width: 100%; position: relative; color: #000;}
.topBottom nav li a.firstCatName::after {content: "+"; display: block; font-size: 15px; font-weight: 700; position: absolute; right: 15px; top: 10px;}
.topBottom nav li a.firstCatName.tabactive::after {content: "-";font-size: 20px; font-weight: 700; }
.topBottom nav li::after{display: none;}
#resmenupopupclose{ background: #fff;  font-size: 26px; left: 0; text-align: center; top: -108px; width: 65px; height: 108px; line-height: 95px; display: block;}
nav ul li:hover .subMenu { display: none; }
nav ul li .subMenu.tabactive{display: block; width: 100%; padding: 0 5%; left: 0; min-height: 35px; position: relative; top:0; float: left; min-height: inherit; border-bottom: 1px solid #000; background: #fff;}
nav ul li .subMenu.tabactive li > .catImage{display: none;}
.subMenu.tabactive li{margin-bottom: 0;}
.subMenu.tabactive li a{padding: 5px 5%; font-weight: 700; width: 100%; color: #000;}
.homePage header{background: url("images/headerBack.jpg") no-repeat scroll 0 0 / cover ; position: relative; z-index: 999; }
header.fixed{position: relative; z-index: inherit;}
header{border-bottom: 5px solid #cf2116; margin-bottom: 0;}
.topRight { margin: 0 0 20px; }
.userform .formdiv .fullWidth.chkBox li{width: 100%;}
.benefitDiv > .floatleft{width: 22%;}
.product-spcification-outer .product-dip .benefitDiv > h2 { width: 75%; margin-top: 0;}
.product-spcification-outer .product-spcification{padding:  0 3% 0 1%;}
.mainshoppingCartDetail .thumbImg{height: auto;}
.catptchaImgDiv{width: auto;}
.captchInputDiv{width: auto; clear: both; margin: 0 0 10px;}
.thankYouWrap{width: 90%;}
}

@media screen and (max-width:860px){
.productBuyNow ul li, .productBuyNow > ul > li:nth-child(3n){width: 100%;}

	}
	
/* iPads tablets(portrait and landscape) ----------- */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.mainfooternav > .floatleft{width: 29%; margin-bottom: 10px; min-height: 180px;}
.mainfooternav > .floatleft.subscribeDiv{width: auto;min-height: auto;}
.mainfooternav h2{height:42px; overflow: hidden;}
.rightpanel{width: 100%;}
.category-product{width: 31%; margin-right: 3.5%;}
.category-product:nth-child(3n) { margin-right: 0; }
.rightpanel{width: 100%;}
.checkout02 .privousAddress{width: 45%;}
.cartright ul li.orderSumaaryValue > span{font-size: 8px; }
.cartLeft .tabsContainer .wishListDiv .removeCart a.clearCart{padding-bottom: 110px; }
.zoomimg-outer{padding: 30px 2% 36px 0.4%;}
.productBigImage{width: 88%;}
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen
and (min-device-width : 320px) 
and (max-device-width : 767px) {
.searchDiv #searchResultDiv{top:50px;}
.accountDetail .profilePic{padding-right: 0;}
.profilePic div{width: 100px; height: 100px;}
.commonPopUp{width: 300px; padding: 25px 40px 20px;}
.changeVerifyMobile .changeMobileDiv, .changeVerifyMobile .verifyMobileDiv{padding: 25px 15px 20px;}
.orderContainer .itemProcess{width: auto;}
.orderHistory .orderContainer .prodDetail{width: 100%; margin-right: 0;}
.orderContainer .itemProcess{float: left; width: 29%; text-align: left;}
.orderContainer .trackOrder1{float: right;}
.orderHistory .orderHeader > div{width: 73%;}
.orderStatusContent > .floatleft, .orderStatusContent .floatright{width: 100%; padding-right: 0;}
.orderStatusContent div .floatleft, .orderStatusContent div .floatright{width: 48%;}
.orderStatusContent .floatright .floatright > span{margin-top: 10px;}
.orderStatusContent .floatright .floatright { text-align: right; }
.contactUs .fLeft, .contactUs .fRight{width: 100%; float: left; margin-bottom: 20px; }
.blogs { margin-top: 0;}
.blogs ul li{width: 100%; margin-right: 0; margin-bottom: 20px; }
.socialLink a{margin-right: 3%; margin-bottom: 10px;}
.calender-outer ul.entity-two, .calender-outer ul.entity-one{width: 100%; margin-right: 0; text-align: center;}
.calender-outer ul li .text {margin-bottom: 15px;}
.calender-outer ul.entity-three li .text{width: 100%; text-align: center;}
.calender-outer ul.entity-three li .thumbImg{width: 100%;}
.entity-four, .entity-five{width: 100%; margin-right: 0; margin-bottom: 25px;}
.animBlock {opacity: 1; filter: alpha(opacity=1); }
.animBlock[data-position="left"] { left: 0; }
.animBlock[data-position="right"] { right: 0; }
.animBlock[data-position="bottom"] { bottom: 0; }
.animBlock[data-position="left"].viewed { left: 0%; opacity: 1; filter: alpha(opacity=100);}
.animBlock[data-position="right"].viewed { right: 0%; opacity: 1; filter: alpha(opacity=100);}
.animBlock[data-position="bottom"].viewed { bottom: 0%; opacity: 1; filter: alpha(opacity=100);}
.mainfooternav > .floatleft{width: 46%;margin-bottom: 10px; min-height: 120px;}
.orderHistory .orderContainer > .trackCancelBtn{width: 25%;}
.wishListAcctDetail .thumb{width: 26%;}
.wishListAcctDetail ul li{width: 100%; padding: 30px 1.7% 20px; border-right: 0;}
.wishListDiv .removeCart{position: relative; top: 0; right: 0; float: right; margin-top: 20px; }
.wishListDiv .removeCart a.clearCart{ float: right; margin-bottom: 10px;padding-bottom: 0;}
.wishListDiv .removeCart a.moveToCart{clear: both;position: relative; float: left; bottom: 0;}
/********* Check out ****************/
.mainshoppingCart .headingText a{width: 100%; text-align: center; margin-bottom: 10px;}
.mainshoppingCartDetail, .shoppingCartDetail{position: relative;}
.mainshoppingCartDetail .deliveryBy{position: absolute; right:0; top:50px; text-align: right;}
.cartLeft{width: 100%;}
.cartWrapper{padding: 0 3%;}
.cartLeft .tabsContainer{padding: 0;}
.cartLeft .tabsContainer .wishListAcctDetail ul li{padding: 30px 1.7% 20px;}
.mainshoppingCartDetail .itemDetail, .shoppingCartDetail .itemDetail, .shoppingCartHeading .itemDetail{width: 70%;}
.shoppingCartDetail .deliveryDate{position: absolute; right:0; top:30px;}
.mainshoppingCart .headingText.thHeading span{display: none;}
.mainshoppingCart .headingText.thHeading span.thcol1{display: block;}

.beforeLogin > .floatleft {border-right: 0 none;margin-right: 0;padding-right: 0;width: 100%;min-height: auto;margin-bottom:25px;}
.checkoutLeft{margin: 0 auto;padding: 0 2%;width: 100%;float:left;}
.privousAddress{width: 100%;}
.privousAddress > .bx-wrapper{float: left;}
.checkoutHeading, .checkoutLeft .checkoutWrapper{padding: 0;}
.tab01.complete{font-size: 10px; height: 50px;}
.checktb .emailID { bottom: -5px; left: 0; margin: auto; position: absolute; right: 0; }
.checktb button{font-size: 8px; width: 45px;}
.checktb.complete span .spriteImg{margin-left: 3px;}
.cartright{margin: 20px 5% 0; padding: 0 2% 30px; width: 90%;}
.checkout02 .floatleft {float: left; padding-right: 0; width: 100%;}
.checkout02 .floatleft .fullWidth{margin: 0 0 12px;width: 100%;}
.checkout02 .floatleft .fullWidth.mobileNumber {width: 100%;}
.paymentSection ul.tabs{display: none;}
.paymentSection .tabsContainer{width: 100%;}
.paymentSection .tabsContainer > h4 {display: block; margin-top: 10px;}
.paymentSection .tabsContainer > h4:first-child{margin: 0;} 
.paymentSection .tabsContainer > h4.active a{background: #b9b9b9;}
.paymentSection .tabsContainer .tab-content{margin-top: 20px; float: left;}
.checkoutReview03 > .nameDetail .title{width: 40%;}
.checkoutReview03 > .nameDetail .deliveryDate{width: 50%;}
.thankYouWrap .trackOrderSummary{border-bottom: 1px solid #000;border-right: 0; margin:0 0 5% 0; padding:0 0 5% 0; width: 100%;}
.thankYouWrap .trackShippingDetail{width: 100%;}
/********* Check out ****************/
.rightpanel{width: 100%;}
.category-product{width: 48%; margin-right: 4%;}
.category-product:nth-of-type(2n+2) { margin-right: 0; }

/** header **/
.searchIcon{background:url("images/mobileSearch.png") no-repeat 0 0; width: 24px; height: 24px; cursor: pointer; display: block; float: left;}
.searchWrap{width: auto;}
.searchDiv { display: none; position: absolute; width: 390px; right: -19px; z-index: 9999;top: 94px;}
.searchDiv.showSearchDiv{display: block;}
.userLink > li{padding: 0}
.userLink > li::after{display: none;}
.userLink a#trackMyOrderlink{background: url("images/trackOrer.png") no-repeat 0 0; width: 27px; height: 24px; margin-left:20px; text-indent: -9999px;}
.myAccountSubMenu li a#trackMyOrderlink{background: none; width: 100%; height: auto; margin-left: 0; text-indent: 0;}
.userLink > li#myaccDiv #octaLoginBtn, a.myAccountLink{background: url("images/account.png") no-repeat 0 0; width: 24px; height: 24px; text-indent: -9999px; margin-left: 20px; }
a.myAccountLink{background: url("images/afterlogin.png") no-repeat 0 0;}
.userLink > li#myaccDiv #octaRegBtn{display: none;}
.myAccountSubMenu{margin-right: -16px; top: 32px;}
.searchDiv input[type="text"]{height: 50px;font-size: 12px; background: #000; color: #fff;}
.searchDiv input[type="button"]{ background:url("images/mobileSearch.png") no-repeat scroll 0 0; height: 24px; width: 24px; top: 13px; right: 8px; }
.bottomFooter ul li{margin: 0 0 30px 0; width: 100%;}
.userform .formdiv{width: 100%; padding: 0 0 20px 0;border-bottom: 1px solid #cac9c9;border-right: 0;}
.floatleft.formdiv::after{left: 0; right: 0; margin: 0 auto; width: 32px; padding: 5px; bottom: -13px; top:auto;}
.userform .formrightdiv{width: 100%; padding: 0 20%;}
.userform .formrightdiv a{clear: both;}
#octaRegBox .formrightdiv{margin-top: 30px;}

.product-selection{width: 100%; padding: 20px 0 0; border-top: 1px solid #e5e6e5; border-left: 0;}
.zoomimg-outer{text-align: center;padding: 30px 0 36px; width: 100%;}
.productBigSlide{width: 100%; float: left;}
	
/* .b2cLink > a{text-indent: -9999px;}
.topBottom .b2cLink { height: 20px; margin: 8px 12px 0 0; padding: 0; width: 33px; } */
.searchDiv .searchClose { background: #fff;  font-size: 26px; right: 0; text-align: center; top: -108px; width: 65px; height: 108px; line-height: 95px; display: block;}
.product-spcification-outer .product-spcification{width: 100%; border-bottom: 1px solid #d7d7d7;  border-right: 0; padding-bottom: 20px;}
.product-spcification-outer .product-dip{width: 100%;padding-left: 0;}
.product-spcification-outer .product-dip .benefitDiv > h2{font-size: 11px;}
.benefitDiv{width: 100%;}
.benefitDiv > .floatleft{width: 7%;}
.product-spcification-outer .product-dip .benefitDiv > h2{width: 90%; font-size: 13px; margin-top: 7px;}
.product-spcification-outer .product-dip::before{background: none}
.product-spcification-outer .product-dip .disc-outer p{font-size: 15px}
.productBuyNow ul li{width: 49%;}
.sizeguide{width: 90% !important;}
.product-spcification-outer .product-dip .disc-outer > li li, .product-spcification-outer .product-dip .disc-outer p{font-size: 13px; }
.related-recently{width: 90%;}
.storeLocatorfrm > div.form-group, .storeLocatorfrm > div.form-group:last-child{width: 48%;margin-right: 2%; margin-top: 20px;}
.storeAddressDiv{width: 100%;margin-right: 2%; height: auto;}
.storeLocatorMap{width: 98% !important;}
.footerArticle ul.tabs{display: none;}
.footerArticle .footerContent > h4{display: block;}
.footerArticle .footerContent{width: 100%; margin-left: 0; margin-top: 20px;}
.footerArticle .footerContent .tab-content{margin-bottom: 30px;}
.footerArticle .footerContent > h4.active a::before{top: auto; bottom: 0; width: 100%; height: 3px;}
.footerContent .floatleft, .footerContent .floatright{width: 100%; padding-right: 0;}
.footerContent .floatright{padding-top: 20px; border-top: 1px solid #000;}
.footerArticle .footerContent .form-group{width: 300px; clear:both;}
.eventsBlock{width: 100%; margin-right: 0;}
.lookBook ul li{width: 100%; margin-right: 0;}
.lookBook ul li a{width: 100%;}
.firstThree, .lastThree{position: inherit; }
.firstThree .benefitDiv, .lastThree .benefitDiv{position: relative;}
.product-spcification-outer .product-dip .disc-outer .benefitDiv p{top:48px;}
.offerTabs li a{display: none;}
.offerPage h4 a{display: block;}
.offerContent .tab-content li, .offerContent .tab-content li:nth-child(3n){width: 49%; margin-right: 2%;}
.offerContent .tab-content li:nth-child(2n){margin-right: 0;}
}

@media screen and (max-width:480px){
.searchDiv{width: 318px;right: -104px;}
.main-navigation.tabactive{width: 90%;}
#dropDownMonthList{padding-bottom:35px; position: relative; }
#dropDownMonthList > div{position: absolute; bottom: 7px; left: 0;}
.mainshoppingCartDetail .thumbImg{width: 27%;}
.checkoutHeading span{float: right;}
.addr-box{width: 98%;}
.wishlist{margin-left: 9px;}
.storeLocatorfrm > div.form-group, .storeLocatorfrm > div.form-group:last-child{width: 100%;margin-right: 0; margin-top: 10px;}
.productBuyNow ul li{width: 100%;}
.offerContent .tab-content li{width: 100%  !important; margin-right: 0 !important; }
.categoryProduct .newArrival { left: auto;right: 3px; top: 45px; }

@media screen and (max-width:380px){
.accountDetail .profilePic{float: left;}
.accountDetail #basicDetails{width: 100%; margin-top: 20px;}
.myAccountInner .accountDetail ul li strong{float: left; width: 100%;}
.myAccountInner #basicDetails #editView .fullWidth .inputBox.floatright{text-align: left; width: 100%; float: left;}
.stroeAddressHeading strong{width: 100%; margin-bottom: 5px; float: left;}
.stroeAddressHeading .common-btn{float: left;}
.myAccountInner .editMyAddressDiv .field .fullWidth, .myAccountInner .editMyAddressDiv .fullWidth.mobileNumber{width: 100%; margin-right: 0;}
.orderContainer .itemProcess{float: right; width: 29%;}
.orderContainer .trackOrder1{float: right;}
.orderHistory .orderContainer .prodDetail, .orderHistory .orderHeader > div{width: 100%; margin-right: 0;}
.orderContainer .itemProcess{float: left; text-align: left; width: 50%;}
.finalStatus > .fullWidth{width: 100%;}
.contactUs .field .fullWidth .inputBox, .orderStatus > div, .contactUs .field .fullWidth .selectBox{width: 100%;}
.contactUs .field .fullWidth label{width: 100%; margin: 0 0 5px 0; text-align: left;}
.myAccountInner .field .fullWidth:last-child label{display: none; }
.myAccountInner .field .fullWidth:last-child input{ margin: 0; }
.myAccountInner .field .fullWidth > .fieldMessage{ top: -3px !important; }
.orderStatus .field .fullWidth> .fieldMessage{top:-18px !important;}
#basicDetails .field .fullWidth> .fieldMessage{top:-23px !important;} 
.checkout02 .floatleft .fullWidth .chkAddBtn{width: 165px;}
.searchDiv .searchDiv{right: -104px;}

.benefitDiv > .floatleft{width: 10%;}
.product-spcification-outer .product-dip .benefitDiv > h2{width: 87%;}
.b2cLink{padding-right: 0;}
.b2cLink > a.b2cSignIn::after, .b2cLink::after{display: none;}
.b2cLink > a{font-size: 12px; padding-right: 0;}
header > .floaright{width: 179px;}
}