/* --------------------------------------- */
/* -------- LARGE SCREEN >1200px --------- */
/* --------------------------------------- */
@media only screen and (min-width: 1200px) {
    .mobile:not(.desktop-large),
    .tablet:not(.desktop-large),
    .desktop:not(.desktop-large) {
        display: none !important;
	}
	
    .desktop-large-hidden {
        display: none;
    }
    .container_16 {
        margin-left: auto;
        margin-right: auto;
        width: 1200px;
    }
    .container_16 .grid_1 {
        width: 55px;
    }
    .container_16 .grid_2 {
        width: 130px;
    }
    .container_16 .grid_3 {
        width: 205px;
    }
    .container_16 .grid_4 {
        width: 280px;
    }
    .container_16 .grid_5 {
        width: 355px;
    }
    .container_16 .grid_6 {
        width: 430px;
    }
    .container_16 .grid_7 {
        width: 505px;
    }
    .container_16 .grid_8 {
        width: 580px;
    }
    .container_16 .grid_9 {
        width: 655px;
    }
    .container_16 .grid_10 {
        width: 730px;
    }
    .container_16 .grid_11 {
        width: 805px;
    }
    .container_16 .grid_12 {
        width: 880px;
    }
    .container_16 .grid_13 {
        width: 955px;
    }
    .container_16 .grid_14 {
        width: 1030px;
    }
    .container_16 .grid_15 {
        width: 1105px;
    }
    .container_16 .grid_16 {
        width: 1180px;
    }
    .swipe {
        height: 575px;
	}

	/* ----- FULL SCREEN GALLERY ----- */
	.fsg, 
	.fullscreenfade { min-width: 100%; height: auto; }


}/* -------------------------------------------------------------------------------------------------------- LARGE DESKTOP END  */


/* --------------------------------------- */
/*-------------DESKTOP < 1199px------------*/
/* --------------------------------------- */

@media (min-width: 960px) and (max-width:1199px) {
    .mobile:not(.desktop),
    .tablet:not(.desktop),
    .desktop-large:not(.desktop) {
        display: none !important;
    }
    .desktop-hidden {
        display: none;
    }
    .grid_1 img,
    .grid_2 img,
    .grid_3 img,
    .grid_4 img,
    .grid_5 img,
    .grid_6 img,
    .grid_7 img,
    .grid_8 img,
    .grid_9 img,
    .grid_10 img,
    .grid_11 img,
    .grid_12 img,
    .grid_13 img,
    .grid_14 img,
    .grid_15 img,
    .grid_16 img {
        max-width: 100% !important;
        height: auto !important;
	}

	/* ----- FULL SCREEN GALLERY ----- */
	.fsg, 
	.fullscreenfade { min-width: 100%; height: auto; }

	/* ----- CATEGORY BLOCK ----- */
	.cat_block {width: 224px; height:224px; margin-bottom: 20px;}
	.catBlock {width:100%; height: 100%;}
	
	/* ----- PRODUCT BLOCK ----- */
	.product {width: 224px; margin-bottom: 20px;}
	.product_image {width:100%; height: 224px;}
	/* .product_image img {width: 100%; height: 100% !important;} */

	/* ----- DETAILS ----- */
	div.productImage {width: 467px; height: 467px;}
	/* .productImage img {height:100% !important;} */
	/* .smallImage img {height:100% !important;} */
	.sharing_links {float:right; width: 190px;}


}  /* -------------------------------------------------------------------------------------------------------- DESKTOP END  */


/* --------------------------------------- */
/* --------------TABLET------------------- */
/* --------------------------------------- */
@media (min-width: 768px) and (max-width: 959px) {
	.mobile:not(.tablet),
    .desktop:not(.tablet),
    .desktop-large:not(.tablet) {
        display: none !important;
	}
	.container_16 {
        margin-left: auto;
        margin-right: auto;
        width: 768px;
    }
    .container_16 .grid_1 {
        width: 32px;
    }
    .container_16 .grid_2 {
        width: 80px;
    }
    .container_16 .grid_3,
    .container_16 .grid_tab_3 {
        width: 128px;
    }
    .container_16 .grid_4,
    .container_16 .grid_tab_4 {
        width: 176px;
    }
    .container_16 .grid_5,
    .container_16 .grid_tab_5 {
        width: 224px;
    }
    .container_16 .grid_6,
    .container_16 .grid_tab_6 {
        width: 272px;
    }
    .container_16 .grid_7,
    .container_16 .grid_tab_7 {
        width: 320px;
    }
    .container_16 .grid_8,
    .container_16 .grid_tab_8 {
        width: 368px !important;
    }
    .container_16 .grid_9,
    .container_16 .grid_tab_9 {
        width: 416px;
    }
    .container_16 .grid_10,
    .container_16 .grid_tab_10 {
        width: 464px;
    }
    .container_16 .grid_11,
    .container_16 .grid_tab_11 {
        width: 512px;
    }
    .container_16 .grid_12,
    .container_16 .grid_tab_12 {
        width: 560px;
    }
    .container_16 .grid_13,
    .container_16 .grid_tab_13 {
        width: 608px;
    }
    .container_16 .grid_14,
    .container_16 .grid_tab_14 {
        width: 656px;
    }
    .container_16 .grid_15,
    .container_16 .grid_tab_15 {
        width: 704px;
    }
    .container_16 .grid_16,
    .container_16 .grid_tab_16 {
        width: 752px;
	}
	
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12,
    .grid_13,
    .grid_14,
    .grid_15,
    .grid_16 {
		margin-left: 8px;
        margin-right: 8px;
	}

	.alpha {
	  margin-left: 0;
	}

	.omega {
	  margin-right: 0;
	}
	
	.grid_1 img,
	.grid_2 img,
	.grid_3 img,
	.grid_4 img,
	.grid_5 img,
	.grid_6 img,
	.grid_7 img,
	.grid_8 img,
	.grid_9 img,
	.grid_10 img,
	.grid_11 img,
	.grid_12 img,
	.grid_13 img,
	.grid_14 img,
	.grid_15 img,
	.grid_16 img {
		max-width: 100% !important;
		height: auto !important;
	}

	/* ----- HEADER ------ */
	.menuButton.tablet {margin-left: 10px;}
	.shoppingCart {width:150px;}
	

	/* ----- MEMBER DROPDOWN ------ */
	.acc_menu {left:0;}

	/* ----- SEARCH BAR ------ */
	.siteSearchM {width:100%;}
	.siteSearchM input {width: 100%; color: #4E4F53;}
	.siteSearchM a {right: 40px; color:#4E4F53;}
	.siteSearchM a img {margin-left: 5px; vertical-align:middle;}

	/* ----- FOOTERLINE ----- */
	.footerline .signup_container {height:100%; max-width:100%; width:100%; }
	.footerline .signup {width:100%; justify-content: center;}
	/* -------------------------------------------------------------------- */

	/* ---- FOOTER ----- */
	/* .footer_wrap {padding: 0 10px;} */
	.footer_wrap span {font-size: 16px;}
	.footer_wrap a {font-size: 12px;}
	.footermenu li a {font-size:12px;}
	.footer_wrap .foot-location span {font-size: 12px; margin-left: 15px;}

	/* ----- CATEGORY BLOCK ----- */
	.grid_4.cat_block, .grid_4.cat_block.alpha, .grid_4.cat_block.omega {width: 243px; height: 243px; margin-left:0; margin-right: 10px; margin-bottom: 20px;}
	.cat_block:nth-of-type(3n-2) {margin-right:0;}
	.catBlock {width: 100%; height: 100%;}
	.catBlock a{font-size: 16px;}

	/* ----- PRODUCT BLOCK -----  */
	.product_image {width: 176px; height: 176px;}
	/* .product_image img {width: 100%; height: 100% !important;} */
	.product_title { font-size:14px; line-height: 20px; height: 44px}
	.product_price {height:30px;}
	.product_price .wasprice, .product_price .nowprice {font-size: 14px;}
	.product_buttons a {font-size: 14px; line-height: 34px;}

	/* ----- DETAILS ----- */
	div.productImage {width: 370px; height: 370px;}
	.smallImage {width:56px; height:57px;}
	/* .productImage img {height:100% !important;} */
	/* .smallImage img {height:100% !important;} */
	.sharing_links {margin: 10px 0;}

	
	/* ----- CHECKOUT ----- */
	.deliverybox {width: 90%;}
	.deliverybox select.deliverySelector {width: 30%; max-width:30%}
	.promocode {float:left; width: 100%;}
	.promocode h2 {text-align: left; margin-top: 20px;}
	.promocode input {float:left; margin-left:0;}
	.promocode .applyPromo.shopButton {float:left; margin-left: 20px;}
	.features {height: 150px;}
	.paymentTitle{width: 450px;}
	.cartTitle {width: 50% !important;}
	.prodTitle {width: 50% !important;}
	

} /* -------------------------------------------------------------------------------------------------------- TABLET END  */

/* --------------------------------------- */
/* --------------MOBILE------------------- */
/* --------------------------------------- */

@media (max-width: 767px) {
	.tablet:not(.mobile),
    .desktop:not(.mobile),
    .desktop-large:not(.mobile) {
		display: none !important;
	}
	
	.container_16 {
	  margin-left: auto;
	  margin-right: auto;
	  width: 320px;
	}
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12,
	.grid_13,
	.grid_14,
	.grid_15,
	.grid_16 {
	  margin-left: 5px;
	  margin-right: 5px;
	  width: 310px !important; 
	}
	
	.grid_1 img,
	.grid_2 img,
	.grid_3 img,
	.grid_4 img,
	.grid_5 img,
	.grid_6 img,
	.grid_7 img,
	.grid_8 img,
	.grid_9 img,
	.grid_10 img,
	.grid_11 img,
	.grid_12 img,
	.grid_13 img,
	.grid_14 img,
	.grid_15 img,
	.grid_16 img {
		max-width: 100% !important;
		height: auto !important;
	}
	
	.alpha,
	.omega {
		margin-left: 0;
		margin-right: 0;
    }
	
	.prefix_1, .prefix_2, .prefix_3 { padding:0 !important;}
	
	.container_16 div {max-width: 310px;}
	
	div.apprise {left: 5px !important; width: 310px !important; margin-left: 0 !important;} 

	/* -------------------------------------------------------------------- */


	/* ----- FONTS ----- */
	h1 {font-size: 24px; font-weight: normal;}
	h2 {font-size: 20px; font-weight: normal;}
	h3 {font-size: 16px; font-weight: normal;}
	h4 {font-size: 16px; font-weight: bold;}
	
	p {font-size: 14px;}
	
	img {max-width: 100%; vertical-align: middle;}

	/* -------------------------------------------------------------------- */
	
		
	/* ----- HEADER ----- */
	.headline_wrap a {font-size: 11px;}

	.header_wrap { position: relative;}
	.header_wrap .container_16 { height: auto;}

	.header_mid {width:100%; flex:auto;}

	.logo { text-align: center; margin: 10px 0;}
	.logo img {width: 140px;}

	.shoppingCart{height: 30px; line-height: 30px; font-size: 12px; float: left; width: 90px; padding-top: 7px; clear: none; margin: 0;}
	.shoppingCart a{height: 30px; line-height: 30px;}
	.cart-num {background: #f13876; color: #fff; width: 30px; border-radius:  15px;}

	.mobileMenuButton {position: absolute; top:30px; right: 20px; max-width: 50px;}

	/* -------------------------------------------------------------------- */
	
	/* ----- UNDERHEAD MENU ----- */
	.underhead_mobile_wrap {height: 36px;}
	.underhead_mobile {height: 100%;list-style:none; display:flex; flex-direction:row; align-items:center; justify-content: stretch; margin:0; padding: 0;}
	.underhead_mobile li {height: 100%; flex-grow:1; text-align:center; border-left: 1px solid #EF4D30; border-right: 1px solid #FC9481; margin:0; padding: 0; display:flex; align-items:center; justify-content: center;}
	.underhead_mobile li:first-of-type {border-left:none;}
	.underhead_mobile li:last-of-type {border-right:none;}
	.underhead_mobile li a {}

	/* -------------------------------------------------------------------- */


	/* ----- MOBILE MENU ----- */
	.mtopmenu {top: 100%; width: 100vw;}

	/* -------------------------------------------------------------------- */
	
	/* ----- MEMBER DROPDOWN ------ */
	.acc_menu {top: 167px; width:100%; right:0; left:0; text-align:center;}
	.acc_menu ul {justify-content:center; }
	.login {margin-left: 40px;}
	
	/* -------------------------------------------------------------------- */
	
	/* ----- SEARCH BAR ------ */
	.siteSearchM {width:100%;}
	.siteSearchM input {width: 100%; color: #4E4F53;}
	.siteSearchM a {right: 40px; color:#4E4F53;}
	.siteSearchM a img {margin-left: 5px; vertical-align:middle;}

	/* -------------------------------------------------------------------- */
	
	/* ----- IFRAMES -----  */
	iframe.page_popout {width: 90vw; height: 60vh; left:5vw; top:20vh;}
	iframe[data-module=youtube]{height: 200px !important}

	
	/* -------------------------------------------------------------------- */

	
	/* ----- FOOTERLINE ----- */
	.footerline {height: 141px;}
	.footerline .signup {flex-direction:column; justify-content:center; max-width: 320px; width: 320px;}
	.footerline .signup h3, .footerline .signup input[type=email], .footerline .signup input[type=submit] { width: 310px; margin-right: 0; margin-bottom: 10px; box-sizing: border-box; text-align:center;}
	.footerline .signup input[type=email] {text-align:left;}
	/* -------------------------------------------------------------------- */


	/* ----- FOOTER ----- */
	.footer_wrap .container_16 {display:block;}
	.container_16 div.foot_col {width: 150px; float:left; margin: 0 5px 30px 5px;}
	.footer_wrap span.foot-span {font-size: 14px; line-height: 14px;}
	.footer_wrap a {font-size: 11px;}
	.footer_wrap .foot-location span {font-size: 11px; margin-left: 15px;}
	.footermenu li a {font-size:11px;}
	.foot-info .foot-span {padding-top:8px;}

	.foot-pay span.foot-span {margin-bottom:0;}
	.foot-pay img {height: 30px;}
	.foot-pay img:first-of-type {margin-top:10px;}
	.foot-pay .foot-pay_lastrow img {height: 17px;}

	/* -------------------------------------------------------------------- */
	

	/* ----- BYLINE ----- */
	.byline_wrap .container_16 {display:block; text-align:center;}
	.byline_menu {margin-bottom:10px; justify-content: center;}
	.byline_menu a {font-size: 12px;}
	
	/* -------------------------------------------------------------------- */


	/* ----- FULL SCREEN GALLERY ----- */
	.frame.main{background: none; border: 0; border-radius:0; box-shadow: none;}

	.fsg, 
	.fullscreenfade { min-width: 100%; height: auto; max-width: 100vw !important;}

	div.fullscreenfade div.slide{background-repeat: no-repeat; background-size: cover;}
	div.fullscreenfade div.slide .banner { padding:20px 10px; width:100%; box-sizing:border-box; text-align: center !important;}
	div.fullscreenfade div.slide .frame{padding: 25px 16px; background: none;}
	div.fullscreenwrap, div.fullscreenwrap  div { max-width:initial !important;}
	
	/* pagination */
	div.fullscreenfade .pagination{bottom: 15px;}
	div.fullscreenfade .pagination a{ height:10px; width:10px;}
	
	/* div.fullscreenwrap {display: none !important;} */

	/* -------------------------------------------------------------------- */
	

	/* ----- FADING GALLERY -----  */
	.caroufredsel_wrapper  { margin-bottom:20px !important; padding-bottom:0;}
	.caroufredsel_wrapper div { max-width:initial !important;}
		
	/* -------------------------------------------------------------------- */
	

	/* ----- CUSTOM CLASSES----- */
	

	/* -------------------------------------------------------------------- */
	
		
	/* ----- SHOP ----- */
	a.shopButton {float: left; width: auto; padding: 0 10px;}
	
	div.pagerText { display:block; width:100px; padding:0 7px; margin:5px auto; background:#fff; color:#001642; font:bold 15px arial; line-height:22px;}
	div.pager {clear: both; text-align: right; margin: 20px 0; font-size:15px}
	a.pagerLink, .pagerCurrentPage {display:block; float:left; text-align:center; padding:0 7px; margin-left:5px; background:#f2f6ff; color:#001642; font:bold 11px arial; line-height:20px; border: 1px solid #8c9ec3;}
	.detailbutton {display:inline-block; padding:0 5px; margin-right:10px; background:#60a353; color:#fff; font:bold 12px arial; line-height:24px; }
	
	/* -------------------------------------------------------------------- */


	/* ----- PRODUCT BLOCK -----  */
	.grid_4.product, .grid_4.product.alpha, .grid_4.product.omega, .product_box {width:145px; max-width:145px; margin-left:0; margin-right: 10px;}
	.product:nth-of-type(2n-1) {margin-right:0;}
	.product_image {width: 145px; height: 145px;}
	/* .product_image img {width: 100%; height: 100% !important;} */
	.product_title { font-size:12px; line-height: 16px; height: 40px}
	.product_price {height:30px;}
	.product_price .wasprice, .product_price .nowprice {font-size: 12px;}
	.product_buttons a {font-size: 12px; line-height: 30px; float:none;}
	
	/* -------------------------------------------------------------------- */

	/* ----- PRODUCT BLOCK ----- 
	.product_box {width: 290px; margin: 5px 0; padding: 10px 5px; border: 1px solid #ebebef; border-width:1px 0;} 
	.product {margin-top:20px; height: 180px !important; position:relative;}
	.product_title { font-size:18px; position:absolute; width:145px; height:auto; right:0; bottom:90px; text-align:left; font-size:12px;}
	.product_image {text-align: center; height: auto !important; margin: 0 10px 0 0; float: left; width: 140px; line-height: 180px !important; }
	.productDetails {text-align:center; display:block; height: auto !important; float: right; width: 140px;}
	.product_price {height:50px; position:absolute; width:145px; right:0; bottom:30px; text-align:left; }
	.product_buttons {position:absolute; width:145px; right:0; bottom:0; text-align:left; height:30px;}
	.product_price .wasprice, .product_price .nowprice {height:25px; overflow:hidden;}
	
	-------------------------------------------------------------------- */
	

	/* ----- CATEGORY BLOCK ----- */
	.grid_4.cat_block {max-width: 300px; width: 300px; height: 300px; margin: 10px 0;}
	.catBlock {width: 100%; height: 100%}
	
	/* -------------------------------------------------------------------- */


	/* ----- SEARCH PAGE ----- */
	.search_title {flex-direction:column; height: auto;}
	.catHeader {text-align:left; margin: 10px 0;}
	.search_results_found, select.sys_sortsearchby {width:100%; background-position: right center;}
	/* select.sys_sortsearchby {width: 100px;} */

	/* -------------------------------------------------------------------- */


	/* ----- DETAILS PAGE ----- */
	.productMain {width:300px; position:relative; }
	
	.productImage {width: 310px; height:310px;}
	/* .productImage img {width:auto;} */
	.smallImage {width:46px; height:46px;}
	/* .smallImage img {width:auto;} */

	h1.p_title {font-size: 26px;}
	.plainText {font-size:14px;}
	.details .label {font-size:14px;}
	.nowPrice, .mainPrice {font-size: 18px;}
	.wasPrice {font-size: 12px;}
	.productDescription {font-size:14px;}

	a.addToCart {float: left;}
	.shopButton.addedtocartButton { margin:10px auto; float:none;}
	.sharing_links {margin: 10px 0;}

	#productQuantityField {height: 17px; margin: 10px 0; font-size: 14px; width: 40px; text-align: center;}
	.prodbutt{padding: 0 ; margin:0; float:left;}
	.productdescription { margin: 20px 0; }
	.productdescription p{color:#000 !important;}
	
	/* -------------------------------------------------------------------- */


	/* ----- CHECKOUT ----- */
	.deliverybox select.deliverySelector {width: 100%; max-width:100%}
	.cartTitle {width: 150px !important; clear: left;} 
	.cartPrice {float: right !important;}
	.promocode {float:left; width: 100%; margin-top: 10px; text-align: center;}
	.promocode h2 {text-align: left; margin: 0;}
	.promocode input {float:left; margin-left:0; width:100%;}
	.promocode .applyPromo.shopButton {float:left; margin: 10px 0;}
	.features {height: 220px;}
		
	a.continueButton, a.paymentButton {margin: 20px auto; float: none;}
	
	.paymentFields .grid_4 { margin-bottom:0;}
	.paymentFields .grid_5 { margin-bottom:10px;}
	.paymentFields input[type=text], .paymentFields select {line-height: 30px; height: 30px; box-sizing:border-box; width: 100%;}
	.paymentFields p {margin: 0; padding: 0;}
	.deliverybox {float: none; width: 100%;}

	.paymentLogo{width: 40px;}
	.paymentTitle{width: 160px; font-size: 14px;}
	.paymentIcon{float: left; }

	

	div.cartVatNo { flex-wrap: wrap; }
	div.cartRow div.cartVatNoTitle {line-height: 28px;}
	div.cartRow div.cartVatField {margin-left: initial; width: 100%;}
	div.cartVatField input { width: auto; flex: 1 auto; margin-right: 0;}



	/* .prodTitle {width: 280px !important;}
	.cartPrice {float: right !important;}
	.cartTitle {width: 150px !important; clear: left;} 
	.promocode {height: auto; margin-top:20px;}
	.promocode input {width: 232px; margin-left: 0; height:26px;}
	.promocode h2 {text-align: left;}
	.paymentIcon {display: none;}
	.paymentLogo {width: 50px;}
	.paymentTitle {width: 230px;}
	
	a.continueButton, a.paymentButton {width: 100px; margin: 10px auto; float: none;}
	
	.paymentFields .grid_4 { margin-bottom:0;}
	.paymentFields .grid_5 { margin-bottom:10px;}
	.paymentFields input[type=text], .paymentFields select {line-height: 30px; height: 30px; box-sizing:border-box; width: 100%;}
	.paymentFields p {margin: 0; padding: 0;}
	.deliverybox {float: none; width: 100%;} */

	/* -------------------------------------------------------------------- */
	
	
} /* -------------------------------------------------------------------------------------------------------- MOBILE END  */