/* MEDIA QUERIES - MODIFY WITH CARE!
-----------------------------*/


/* Extra Large Desktops
--------------------------*/
@media only screen and (min-width: 1824px) and (max-width: 3000px) {
	ul.grid_view li { width: 25%; }
}

/* Large Desktops
--------------------------*/
@media only screen and (min-width: 1224px) and (max-width: 1824px) {
	ul.grid_view li { width: 25%; }
}

/* Desktops / Large Laptops
--------------------------*/
@media only screen and (min-width: 1024px) and (max-width: 1224px) {
	ul.grid_view li { width: 25%; }
} 

/* Medium Laptops
--------------------------*/
@media only screen and (min-width: 1224px) and (max-width: 1280px) {
	ul.grid_view li { width: 25%; }
}

/* Small Laptops
--------------------------*/
@media only screen and (min-width: 1048px) and (max-width: 1280px) {
	ul.grid_view li { width: 25%; }
}

/* Larger Tablets
--------------------------*/
@media only screen and (min-width: 767px) and (max-width: 1024px) {
	ul.grid_view li { width: 33.33%; }
}

/* Tablets and Above
--------------------------*/
@media only screen and (min-width: 767px) and (max-width: 3000px) {
	.desktop_hidden { display: none; }
}

/* Tablets
--------------------------*/
@media only screen and (min-width: 767px) and (max-width: 1048px) {
	.tablet_hidden { display: none; }
	ul.grid_view li { width: 33.33%; }
}

/* Small Tablets
--------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	ul.grid_view li { width: 33.33%; }
	.thumb_size_small { width: 40px; height: 40px; }
	.minicart-box { width: 388px; left: -363px!important; }
	.tablet_hidden { display: none; }
}

/* Tablets and Below
--------------------------*/
@media only screen and (min-width: 0px) and (max-width: 991px) {
	body { padding: 0px; }
	.container_header { padding: 10px 10px; }
	.header_top, .header_contact, .header_social, .footer_social { text-align: center; padding: 3px 0 5px 0; }
	.header_bg_container, .header_top { border-radius: 0px; }
	.header_contact { border-bottom: 0px solid #fff; }
	.social-icons { font-size: 20px; text-align: center; }
	.header_logo { margin: 0 auto; }
	.header_cart_page { display: none; }
	.breadcrumb > li { display: block; *display: block; line-height: 1.8em; }
	.breadcrumb > li .divider { display: none; }
	.f_underlined { margin-top: 30px; }
	.footer_bg_container { background: transparent; padding: 0; }
	.container_footer { padding: 0px 40px 60px 40px; border-radius: 0px; }
	.thumb_size_small { width: 125px; height: 125px; margin-bottom: 10px; }
	.mobile_hidden { display: none; }
	.mobile_centered { text-align: center; }
	.centered { margin-bottom: 8px; text-align: center; }
	img.responsive { margin-bottom: 15px; }
	ul.cart-items li { text-align: left; }
	.minicart-box { width: 388px; left: -288px!important; }
	.minicart-box .btn { margin-bottom: 5px; }
	.minicart_container { margin-top: 10px; }
	.minicart_container_2 { margin-top: 10px; height: 50px; }
	.search_container { margin-top: 0px; }
	.tipsy-inner, .tipsy-arrow { display: none; }
	.tablet_hidden { display: none; }
	.promo_sold_out_product { position: absolute; z-index: 200; top: 80px; left: 25%; right: 25%; max-width: 100%; }
}

/* Extra Small Tablets
--------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	ul.grid_view li { width: 50%; }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.buy-now .input-tiny { position: relative; top: 2px; }
}

/* Mobiles and Below
--------------------------*/
@media only screen and (min-width: 0px) and (max-width: 480px) {
	.minicart-box { width: 278px; left: -218px!important; }
	input, select { width: 160px; }
	ul.grid_view li { width: 100%; }
	.product_switchers { display: none; }
	input, select { width: auto; }
	.ui-dialog { width: 85%!important; }
}

/* Mobiles - Landscape
--------------------------*/
@media only screen and (min-width: 320px) and (max-width: 480px) {
	ul.grid_view li { width: 50%; }
}

/* Mobiles - Landscape
--------------------------*/
@media only screen and (min-width: 320px) and (max-width: 400px) {
	ul.grid_view li { width: 100%; }
}

/* Mobiles - Portrait
--------------------------*/
@media only screen and (min-width: 0px) and (max-width: 320px) {
	ul.grid_view li { width: 100%; }
}