/* ================================================================ *
 * =================== FLUID RESPONSIVE LAYOUT ==================== *
 * ================================================================ */

/* ------------------------ MAX-WIDTH=976 ------------------------- */
@media screen and (max-width: 976px) {
	body {
		overflow-x: hidden;
	}
	.productsSlider .item,
	.productsSlider .owl-item,
	.productsSlider .itemContainer,
	.productsSlider .item .productBox,
	.productGalleryThumbs .item,
	.productGalleryThumbs .owl-item,
	.productGalleryThumbs .itemContainer,
	.productGalleryThumbs .item .productBox {
		float: none;
		display: inline-block;
		vertical-align: top;
		text-align: center;
	}
	.productsSlider .item .productBox,
	.productGalleryThumbs .item .productBox {
		text-align: left;
	}
	header .searchForm .input-text:focus {
		width: 108px;
	}
	#main .detailView .productBox .productInfo .option input[type="checkBox"] + label {
		float: none;
		display: inline;
	}
	#main .indexBanners {
		min-height: 0;
	}
	#main .borderBox {
		max-width: 100%;
	}
	#cboxClose {
		outline: 0px;
		width: 22px;
		height: 22px;
		/*right: -1px;
		top: -1px;*/
	}
}
/* ------------------------ MAX-WIDTH=895 ------------------------- */
@media screen and (max-width: 895px) {
	#main label {
		line-height: 18px;
	}
	img {
		max-width: 100%;
	}
	.wrapper {
		padding: 0 1.5%;
		width: 97%;
	}
	footer .wrapper,
	.socialFooter .wrapper {
		width: 78%;
		padding-left: 22%;
	}
	#main .mainContent {
		width: 78%;
	}
	#main .leftSidebar {
		width: 20%;
		padding-right: 2%;
	}
	#main .indexLinks ul li a {
		width: 98%;
		padding-left: 1%;
		padding-right: 1%;
	}
	.footerLinks {
		width: 98%;
		padding: 0;
	}
	header .leftSide {
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}
	header .rightSide {
		width: 500px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}
	#main .landing .col1 {
		margin-bottom: 2%;
	}
	#main .landing .col3 {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	#main .landing img, #main .landing a {
		width: 100%;
	}
	#main .landing .imgSet .title {
		font-size: 20px;
	}
	.detailView .productBox .imgSet,
	.detailView .productBox .imgSetWrapper,
	.detailView .productBox .imgSet a,
	.detailView .productBox .imgSet .img,
	.detailView .productBox .imgSet .item,
	.detailView .productBox .itemContainer {
		width: 350px;
		height: 470px;
	}
	.relatedProducts {
		width: 97%;
	}
	.productsSlider {
		width: 100% !important;
	}
	.productsSlider .owl-wrapper-outer {
		width: 100% !important;
	}
	.productsSlider .item .productBox {
		width: auto !important;
	}
	.productsSlider .owl-controls .owl-buttons .owl-next {
		right: -20px !important;
	}
	#main .pageInfo {
		width: 98.5%;
		padding-left: 1.5%;
	}
	#main .pageInfo .borderBox {
		padding: 10px 2%;
	}
	.footerLinks {
		padding: 10px 0;
	}
	.footerLinks ul li, .footerLinks ul li a {
		float: none;
		display: inline-block;
	}
	.loginForm, .forgottenPasswordForm {
		padding: 20px 10px 10px;
	}
	.loginForm .validation-advice,
	.forgottenPasswordForm .validation-advice,
	.loginForm #advice-validate-email-email,
	.forgottenPasswordForm #advice-validate-email-email {
		margin-top: 0px;
		margin-left: 150px;
	}
	.listing .productBox .imgSet,
	.productsSlider .item .productBox .imgSet {
		min-height: 0;
	}
	#main .detailView .productBox .productInfo .option {
		margin: 10px 0;
	}
	#main .detailView .productBox .productInfo .option input[type="checkbox"] {
		margin-top: 0;
	}

	.magnifier-lens {
		/*display: none !important;*/
		visibility: hidden !important;
		opacity: 0 !important;
	}
	.outsideZoom {
		visibility: hidden !important;
		opacity: 0 !important;
		/* display: none !important; */
	}
}
/* ------------------------ MAX-WIDTH=845 ------------------------- */
@media screen and (max-width: 845px) {
	.detailView .productBox .imgSet,
	.detailView .productBox .imgSetWrapper,
	.detailView .productBox .imgSet a,
	.detailView .productBox .imgSet .img,
	.detailView .productBox .imgSet .item,
	.detailView .productBox .itemContainer {
		width: 310px;
		height: 420px;
	}
	.productGalleryThumbs {
		width: 97% !important;
	}
	.outsideZoom.show {
		right: 1.5%;
	}
	.detailView .productBox .productInfo {
		min-height: 0;
	}
	.detailView .productBox .productInfo .moreDetails {
		position: relative;
		margin-top: 30px;
	}
}
/* ------------------------ MAX-WIDTH=805 ------------------------- */
@media screen and (max-width: 805px) {
	.detailView .productBox .imgSet,
	.detailView .productBox .imgSetWrapper,
	.detailView .productBox .imgSet a,
	.detailView .productBox .imgSet .img,
	.detailView .productBox .imgSet .item,
	.detailView .productBox .itemContainer {
		width: 280px;
		height: 390px;
	}
	.detailView .productBox .productInfo, .outsideZoom {
		width: 265px;
	}
	.productsSlider .item .productBox {
		width: 97% !important;
	}
}
/* ------------------------ MAX-WIDTH=760 ------------------------- */
@media screen and (max-width: 760px) {
	.detailView .productBox .imgSet,
	.detailView .productBox .imgSetWrapper,
	.detailView .productBox .imgSet a,
	.detailView .productBox .imgSet .img,
	.detailView .productBox .imgSet .item,
	.detailView .productBox .itemContainer {
		width: 240px;
		height: 324px;
	}
}

/* ------------------------ MAX-WIDTH=705 ------------------------- */
@media screen and (max-width: 705px) {
	header {
		height: auto;
		margin: 0;
	}
	header .wrapper {
		height: auto;
		width: 100%;
		padding: 0;
	}
	header .leftSide {
		float: left;
		width: 100%;
		padding: 15px 0 25px;
		margin: 0;
		background: #221f20;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}
	header .logo, header .logo img {
		width: 190px;
	}
	header .underLogoLinks .selected,
	header .underLogoLinks a:hover {
		color :#fff;
	}
	header .logoDemo:hover, header .logoDemo.selected {
		background-position: 0px -32px;
	}
	html header .logoClothing:hover, html header .logoClothing.selected {
		background-position: -46px -32px;
	}
	header .logoStore:hover, header .logoStore.selected {
		background-position: -118px -32px;
	}
	header .underLogoLinks {
		text-align: center;
		font-size: 0px;
	}
	header .underLogoLinks a {
		float: none;
		font-size: 14px;
		margin: 0 3px;
		vertical-align: top;
	}
	header .logo {
		float: none;
		display: block;
		margin: 0 auto;
	}
	header .logo img {
		float: left;
		margin-left: -1px;
	}
	header .rightSide {
		float: left;
		width: 100%;
		height: auto;
		font-size: 0;
		text-align: center;
		padding: 0;
		margin: 22px 0 15px;
	}
	header .customerBox {
		float: left;
		width: 100%;
		height: auto;
		margin: 0 0 20px;
		padding: 0;
		font-size: 12px;
		text-align: center;
	}
	.customerBox ul {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	header .currency {
		position: absolute;
		right: 15px;
		top: 68px;
		text-align: left;
		display: block;
		z-index: 9999999999;
	}
	header .currency .current {
		border: 1px;
	}
	header .currency .currencySelect {
		top: 18px;
	}
	header .searchForm {
		float: none;
		margin: 0;
		display: inline-block;
		clear: both;
		vertical-align: top;
		text-align: left;
	}
	header .searchForm {
		margin-left: 0px;
	}
	header .searchForm .input-text,
	header .searchForm .input-text:focus {
		width: 249px;
	}
	.cartHandle {
		display: none;
	}
	.cartHandleResponsive {
		display: block;
	}
	#main .leftSidebar {
		width: 100%;
		margin: 0 0 15px;
		padding: 0px;
		text-align: center;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}
	.leftSidebar ul {
		width: auto;
		float: none;
		padding: 0;
		margin: 0;
		display: inline-block;
		vertical-align: top;
	}
	.sidebarNav > ul > li {
		float: left;
		clear: none;
		margin-left: 20px;
	}
	.sidebarNav > ul > li:first-child {
		margin-left: 0px;
	}
	.sidebarNav > ul > li > a {
		padding: 5px 6px;
	}
	.child, .sidebarNav .selected .child, .sidebarNav .open .child {
		display: none;
	}
	#main .indexBanners {
		float: right;
	}
	#main .mainContent {
		width: 100%;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}
	footer .wrapper,
	.socialFooter .wrapper {
		width: 97%;
		padding: 0 1.5%;
	}
	.footerLinks {
		width: 100%;
	}
	input[type="text"], input[type="password"], input[type="email"],
	select, textarea {
		padding: 2px 4px;
	}
	.selected .filterBox, .open .filterBox {
		margin-top: 0;
	}
	.fourElems .sidebarNav > ul > li > a {
		font-size: 10px;
	}
	.fourElems .filterBox .boxTitle {
		padding: 5px 6px;
		font-size: 10px;
		line-height: 13px;
		font-family: 'verdanabold', Verdana, Geneva, sans-serif;
		text-transform: uppercase;
	}
	.fourElems .sidebarNav > ul > li {
		margin-left: 7px;
	}
	.fourElems .sidebarNav > ul > li:first-child {
		margin-left: 0;
	}
	.filterBox .boxContent {
		display: none;
		position: absolute;
		z-index: 9999999999;
		padding: 5px;
		background: #FFF;
		width: 267px;
		margin-top: 35px;
		margin-left: -226px;
		-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
		box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	}
	.filterBox .boxContent::before {
		content: "";
		float: left;
		width: 14px;
		height: 9px;
		position: absolute;
		background: url(../images/spriteSet.png) -39.5px -47px no-repeat;
		right: 23px;
		top: -9px;
	}
	.filterBox .filter .choose li a {
		padding: 12px 0 0;
		width: 100%;
		text-align: left;
	}
	.filterBox .filter .choose li:first-child a {
		margin: 0;
		padding: 8px 0 0;
	}
	.filterBox .filter {
		width: 50%;
	}
	.filterBox .filter + .clear,
	.filterBox .filter .title::before {
		display: none;
	}
	.sidebarNav .selected .child {
		display: block;
		position: absolute;
		text-align: left;
		margin-top: 40px;
		width: 97%;
		padding: 0 1.5%;
		left: 0px;
	}
	.sidebarNav .child a {
		font-size: 12px;
		line-height: 22px;
	}
	.filterBox .filter .choose {
		display: block !important;
	}
	.sidebarNav .collectionLinks {
		width: 100%;
		text-align: center;
		margin-top: -1px;
	}
	.sidebarNav .collectionLinks ul {
		float: none;
		width: auto;
		margin-bottom: 10px;
		display: inline-block;
	}
	.sidebarNav .collectionLinks ul li::after {
		line-height: 20px;
		margin: 0 4px 0 8px;
	}
	.tinynav {
		display: block;
		width: 279px;
		float: none;
		display: block;
		margin: 0px auto;
	}
	.leftSidebar ul.l_tinynav1,
	.leftSidebar ul.l_tinynav2,
	.leftSidebar ul.l_tinynav3 {
		display: none;
	}
	#main .filterBox .filter .col2 {
		width: 100%;
	}
	.detailView .productBox .imgSet,
	.detailView .productBox .imgSetWrapper,
	.detailView .productBox .imgSet a,
	.detailView .productBox .imgSet .zoomImg,
	.detailView .productBox .imgSet .img,
	.detailView .productBox .imgSet .item,
	.detailView .productBox .itemContainer {
		width: 100%;
		height: auto;
	}
	.magnifier-lens {
		display: none !important
	}
	.imgSetWrapper .activeBox {
		display: none;
	}
	.detailView .productBox .imgSet img {
		max-height: none
	}
	.outsideZoom {
		display: none !important;
	}
	.detailView .productBox .productInfo {
		width: 100%;
		margin: 15px 0;
	}
	.detailView .productBox .productInfo .moreDetails .info {
		width: 95.5%;
		padding-left: 1.5%;
		padding-right: 1.5%;
	}
	.detailView .productBox .productInfo .productsNav a {
		float: right;
		padding: 6px 7px;
	}
	.detailView .productBox .productInfo .productsNav a:first-child {
		float: left;
	}
	.detailView .productBox .price-box {
		margin-bottom: 8px;
	}
	.detailView .productBox .productInfo .button {
		margin: 13px 0;
		width: 100%;
		padding: 10px 0;
	}
	#main .detailView .productBox .productInfo .option {
		margin: 10px 0;
	}
	.detailView .productBox .productInfo .optionInfo {
		/*margin-left: 20px;*/
		margin: 10px 0 0 0;
	}
	#main .detailView .productBox .productInfo .option + .clearH {
		display: none;
	}
	button, .button {
		padding: 8px;
	}
	.mainContent .relatedProducts {
		width: 100%;
		margin-top: 0;
	}
	.mainContent .relatedProducts .subTitle {
		width: 100%;
	}
	.productsSlider {
		width: 92% !important;
		padding: 0 4%;
	}
	.productsSlider .owl-wrapper-outer,
	.productsSlider .item .productBox {
		width: 100% !important;
	}
	.productsSlider .owl-controls .owl-buttons .owl-next {
		right: -20px !important;
	}
	.productGalleryThumbs {
		display: none !important;
	}
	.imgSetNav .prev {
		left: 5px;
		z-index: 999999999999999;
	}
	.imgSetNav .next {
		right: 5px;
		z-index: 999999999999999;
	}
	.productsSlider .owl-controls .owl-buttons .owl-prev,
	.productsSlider .owl-controls .owl-buttons .owl-next {
		top: -145px !important;
	}
	.buyNow {
		padding: 6px 7px;
	}
	#main .small textarea {
		width: 209px;
	}
	#main .registerForm label {
		width: 230px;
	}
	.filterBox {
		cursor: pointer;
	}
	.detailView .productBox .productInfo {
		min-height: 460px;
	}
	.detailView .productBox .productInfo .title {
		margin-top: 0px;
	}
	.leftSidebar .sidebarNav, .leftSidebar ul {
		width: auto;
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.fourElems .filterBox .boxTitle {
		padding: 4px 6px;
	}
	#main .detailView .productBox .productInfo .option label {
		line-height: 19px;
	}
	.detailView .productBox .productInfo .option select {
		height: 20px;
	}
	.productBox .price-box {
		font-size: 14px;
		line-height: normal;
		margin-bottom: 25px !important;
	}
	.detailView .productBox .productInfo .productID {
		margin-top: 20px;
	}
	#main .registerForm select {
		width: 220px;
	}

	.headerBag {
		position: absolute;
		top: 130px;
		overflow: visible;
		left: 50%;
		width: 300px;
		margin-left: -150px;
	}
	.headerBag:before {
		left: 60px;
	}
	#main .registerForm .captchaContainer {
		margin-left: 230px;
	}
	#femaleProductSizeTable img,
	#maleProductSizeTable img {
		max-width: none;
		max-height: none;
	}

	.sidebarNav .collectionLinks ul li.sale {
		width: auto;
	}


	/* Branding styles (client's wish) */
	/*body {
		background-attachment: scroll !important;
		background-position: center 110px !important;
	}*/
	.brandingWrapper {
		padding-top: 110px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}
/* ------------------------ MAX-WIDTH=550 ------------------------- */
@media screen and (max-width: 550px) {
	#main .registerForm label {
		width: 210px;
	}
	.myBagView .productImg {
		/*display: none;*/
		width: 0 !important;
	}
	.myBagView .productImg img {
		display: none;
	}
	.myBagView .productDesc {
		text-align: left;
		padding-left: 0;
	}
	.detailView .productBox .productInfo .option select {
		width: 100%;
	}
	#main .detailView .productBox .productInfo .option label {
		margin-bottom: 5px;
	}
	.dashboard .data-table .viewOrder, .my-account .data-table .viewOrder,
	.dashboard .viewAll, .my-account .viewAll, .my-account .titleLinks {
		font-weight: bold;
		text-align: center;
	}
	.data-table .delimiter {
		visibility: hidden;
		float: left;
		width: 100%;
	}
	.subtitle {
		margin: 15px 0 5px;
	}
	.buttons-set .button {
		float: left;
		width: 100%;
		margin: 10px 0;
		padding: 10px 0;
		text-align: center;
	}
	.myBagView td.productQuantity .quantity .ui-spinner-down,
	.myBagView td.productQuantity .quantity .ui-spinner-up {
		font-size: 11px;
	}
	.myBagView td.productQuantity .quantity .ui-spinner {
		width: 70px;
	}
	#main .registerForm .captchaContainer {
		margin-left: 210px;
	}
}
/* ------------------------ MAX-WIDTH=495 ------------------------- */
@media screen and (max-width: 495px) {
	.validation-advice {
		margin-left: 0;
	}
	#main .submit, #main .reset {
		width: auto;
	}
	.productBox, .productBox.moMarginR {
		width: 45%;
		margin: 2.5% !important;
	}
	#main .landing .col3 {
		width: 48.7%;
		margin: 0 2.6% 2.6% 0;
	}
	#main .col1 {
		width: 100%;
		margin-bottom: 2.6%;
	}
	.productsSlider .item .productBox {
		width: 95% !important;
	}
	.detailView .productBox {
		margin: 0px !important;
	}
	#main label {
		float: left;
		width: 100% !important;
		margin-bottom: 10px;
	}
	#main .selectBox, #main .selectBox select {
		width: 100%;
	}
	#main .inputBox input,
	#main .textareaBox textarea {
		width: 96.5% !important;
		padding-left: 1.5%;
		padding-right: 1.5%;
	}
	#main .inputBox input[type="radio"],
	#main .inputBox input[type="checkbox"]{
		width: auto !important;
	}
	#main .contactForm .validation-advice {
		margin-left: 0
	}
	textarea {
		resize: vertical;
	}
	#main .captchaContainer,
	#main .registerForm .captchaContainer {
		float: left;
		width: 100%;
		margin: 10px auto 5px;
		text-align: center;
	}
	.loginForm .button {
		margin: 10px 0;
	}
	.registerForm .button {
		margin: 10px 0 0;
	}
	#main .radioBox input + label {
		width: auto !important;
	}
	#main #billing-new-address-form .radioBox input + label,
	#billing-new-address-form label {
		margin-right: 5px;
	}
	#main .checkBox input,
	#main .checkBox label {
		float: none;
		vertical-align: middle;
	}
	footer {
		margin-top: 25px;
	}
	.button.keepShopping {
		float: left !important;
	}
	.loginForm .validation-advice, .forgottenPasswordForm .validation-advice,
	.loginForm #advice-validate-email-email,
	.forgottenPasswordForm #advice-validate-email-email {
		margin-left: 0;
		width: auto;
	}
	.dashboard .data-table .orderN,
	.my-account .data-table .orderN {
		display: none;
	}
}


/* ------------------------ MAX-WIDTH=420 ------------------------- */
@media screen and (max-width: 420px) {
	.indexBanners .parent {
		display: none;
	}
	header .currency {
		position: relative;
		left: auto;
		clear: both;
		top: auto;
		left: auto;
		right: auto;
		margin-left: 0;
		margin: 0 0 14px;
		float: none;
		width: 280px !important;
		text-align: left;
		height: 20px;
		display: inline-block;
		z-index: 1;
	}
	header .currency .current, header .currency .currencySelect {
		width: 270px !important;
		border: 1px solid #C1C1C1;
	}
	header .currency .currencySelect a,
	header .currency .currencySelect li {
		float: left;
		width: 100%;
	}
	header .currency .currencySelect {
		top: 18px;
	}
	body, .wrapper {
		min-width: 285px;
	}
	footer {
		margin-bottom: 10px;
	}
	.socialFooter {
		text-align: center;
	}
	footer .followUsBox .txt,
	.socialFooter .followUsBox .txt {
		float: left;
		width: 100%;
		text-align: center;
		margin-bottom: 8px;
		line-height: 12px;
	}
	.mainContent .relatedProducts {
		height: auto;
		margin-bottom: 30px;
	}
	.socialFooter .followUsBox .socialLinks {
		float: none;
		display: inline-block;
	}
	.productsSlider .item .productBox {
		/*width: 270px !important;*/
		margin: 0 !important;
	}
	.productsSlider .productBox img {
		width: 100%;
	}
	.productsSlider .owl-controls .owl-buttons .owl-prev {
		left: -10px !important;
	}
	.productsSlider .owl-controls .owl-buttons .owl-next {
		right: -10px !important;
	}
	.productsSlider .owl-controls .owl-buttons .owl-prev,
	.productsSlider .owl-controls .owl-buttons .owl-next {
		/*top: -215px !important;*/
	}
	.summaryTable .value {
		width: 100%;
	}
	.summaryTable {
		width: 100% !important;
	}
	.checkoutForm .additionalComment {
		width: 100%;
		margin: 0 0 5px;
	}
	#main .checkoutForm .additionalComment textarea {
		width: 95%;
		padding-right: 2%;
		padding-left: 2%;
		resize: vertical;
	}
	#main .checkoutForm .summaryTable {
		width: 100% !important;
		margin: 5px 0 0;
	}
	.myBagView.overview + .clearH {
		display: none;
	}
	#main .borderBox a {
		font-weight: bold;
		font-family: Verdana, Geneva, sans-serif;
	}
	.checkoutForm .myBagView .productPrice {
		display: none;
	}
	.productSize {
		display: none;
	}
}
/* ------------------------ MAX-WIDTH=360 ------------------------- */
@media screen and (max-width: 360px) {
	header .customerBox {
		font-size: 12px;
	}
	.followUsBox .socialLinks li {
		margin-left: 9px;
	}
	.followUsBox .socialLinks li:first-child {
		margin-left: 0px;
	}
	footer .followUsBox img,
	.socialFooter .followUsBox img {
		max-width: 90%;
	}
	.listing {
		text-align: center;
	}
	.productBox, .productBox.moMarginR {
		width: 250px;
		float: none;
		display: inline-block;
		clear: both;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 30px !important;
		text-align: left;
	}
	.productBox img, .productBox.moMarginR img {
		width: 100%;
	}
	.detailView .productBox {
		margin-bottom: 0px !important;
	}
	.myBagView.overview .productDesc,
	.detailView .productBox .productInfo .socialBox img {
		width: auto;
	}
	.productsSlider { max-width: 100%; }
}
/* ------------------------ MAX-WIDTH=335 ------------------------- */
@media screen and (max-width: 335px) {
	.productsSlider .item .productBox {
		/*width: 250px !important;*/
	}
	.productsSlider .owl-controls .owl-buttons .owl-prev,
	.productsSlider .owl-controls .owl-buttons .owl-next {
		top: -185px !important;
	}
	#main #billing-new-address-form input[type="radio"] + label {
		width: 70px !important;
	}
}
/* ------------------------ MAX-WIDTH=335 ------------------------- */
@media screen and (max-width: 335px) {
	.productsSlider .item .productBox {
		/*width: 250px !important;*/
	}
	.productsSlider .owl-controls .owl-buttons .owl-prev,
	.productsSlider .owl-controls .owl-buttons .owl-next {
		/*top: -185px !important;*/
	}
}