@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/


@media only screen and (max-width: 1600px)
{
	
}

/************
2. 1440px
************/

@media only screen and (max-width: 1540px)
{
	
}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px)
{
	
}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px)
{
	
}
@media (min-width: 1200px)
{
.container {max-width: 1280px!important;}
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
	#menucategorias {width: 98%;	margin: 90px 1% 0;}
}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{
	
}

/************
6. 991px
************/

@media only screen and (max-width: 991px)
{
	h1{font-size: 48px;}
	h2{font-size: 36px;}
	.main_slider_content h6
	{
		margin-bottom: 10px;
	}
	.shop_now_button
	{
		margin-top: 26px;
	}
	.grid-item
	{
		width: 25%;
	}
	.top_nav
	{
		display: block;
	}
	.top_nav_left{
		font-size: 10px;
		text-align: center;
	}
	.navbar_menu
	{
		display: none;
	}
	.hamburger_container
	{
		display: block;
	}


	 .main_slider{
	 	width: auto;
	 }

	.main_slider_content
	{
		width: 100%;
		padding-right: 15px;
	}
	.banner_item
	{
		height: 160px;
	}
	.banner_category
	{
		min-width: 160px;
		height: 40px;
	}
	.banner_category a
	{
		font-size: 16px;
		line-height: 40px;
	}
	.product-item
	{
		width: 25%;
	}

	.deal_ofthe_week{
padding-bottom: 7%;
	}

	.deal_ofthe_week_col
	{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display:block;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		
		top: 0;
		left: 0;
		width: 100%;
		height: 1500%;
	}
	.deal_ofthe_week_content
	{
		position: relative;
		top: auto;
		left: auto;
		height: auto;
		display: block;
	}
	.deal_ofthe_week_img img
	{
		text-align: center;
		
	}
	.timer li
	{
		width: 70px;
		height: 70px;
	}
	.timer_num
	{
		font-size: 28px;
	}
	.timer_unit
	{
		margin-top: 1px;
		font-size: 14px;
	}
	.benefit_col
	{
		margin-bottom: 30px;
	}
	.benefit_col:last-child
	{
		margin-bottom: 0px;
	}
	.blog_item_col
	{
		margin-bottom: 50px;
	}
	.blog_item_col:last-child
	{
		margin-bottom: 50px;
	}
	.blog_item
	{
		height: auto;
	}
	.blog_title
	{
		font-size: 24px;
	}
	.blog_item img {    top: 0;left: 0;position:relative;max-width: 100%;    max-height:auto;    height: auto;	width:auto;transition: all .2s ease-in-out;max-width:100%}
	.blog_background
	{
position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    max-width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: 20px;
	}

	.newsletter_text
	{
		height: auto;
		margin-top: 30px;
	}
	.newsletter_text p
	{
		margin-top: 5px;
	}
	.newsletter_form
	{
		height: auto;
		margin-top: 30px;
		margin-bottom: 40px;
	}
	.footer_nav_container
	{
		height: auto;
		margin-top: 65px;
	}
	.footer_social
	{
		height: auto;
		margin-top: 20px;
		margin-bottom: 65px;
	}
}

/************
7. 959px
************/

@media only screen and (max-width: 959px)
{
	
}

/************
8. 880px
************/

@media only screen and (max-width: 880px)
{
	
}

/************
9. 768px
************/

@media only screen and (max-width: 768px)
{
	
	.graciascontent{    
		margin-bottom: 30px!important}
}

/************
10. 767px
************/


@media only screen and (min-width: 880px)
{
 .p-0-d {padding:0!important}	
}
@media only screen and (max-width: 880px)
{

	#blog #bannerblog {
		width: 100%;
		padding: 0;
		margin: 70px 0 20px;
	}

	.sucursales_container h1 {
		text-align: center;
		font-size: 18px;
		font-weight: 600;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.blogs_container h1{
	text-align: center;
    font-size: 18px;}	
	
	.product_image img {
		height: auto;
		border-radius: 15px;
		/*width: 50%;*/
		transition: all .2s ease-in-out;
		margin: 0 auto;
		display: block;
	}

	#productdetails .row {
		margin-bottom: 10px;
	}

	#productdetails .boxgrafica {
		order: 2;
		margin-top: 10px;
	}
	#sucursalpage .productdesc {padding:15px}
	.blog_background {height:100px}
	.blog_more h3 {    font-size: 14px;    text-align: center;}
	 .section_title.new_arrivals_title .h2 {font-size:20px}
	 .new_arrivals_title{ margin-top: 10px;		margin-bottom: 10px; }

	#preinscripcionContainer #singlebutton{width: 80%;margin: 0 auto;text-align: center;display: block;float: none;}
	.modal {top: 0px!important;z-index: 222222;}
	#preinscripcionContainer label {color: black;margin-bottom: 20px;}
	#preinscripcionContainer .disponibilidad {font-size:12px}
	.formcontacto {background-color: white; height: 500px!important;float: right;    width: 100%;padding: 0px 77px 0 60px;}
	.formcontacto .fondo {width:100%}
	.p-0-m {padding:0!important}	
	#featuredthings {padding: 20px 7px;}
	#featuredthings div {max-width:20%;margin-bottom: 20px;}
	#featuredthings div span {font-size:10px;    line-height: 1.2em;padding:1px}
	#homepage .blogs_container {margin-top:5px;margin-bottom:30px}
	footer .redessocialesfooter{padding-left: 0!important;}
	footer .flex li {margin-right: 4px;margin-left: 4px;}
	#productdetails .boxgrafica {order:2 ; margin-top:10px;}
	#productdetails .boxdatos {order:1}
	.formcontacto {height:auto}
	#best_sellers {    margin: 0% 4%;}
	.main_nav_container{width: 100%;margin-left:0%;    margin-right: 0%;}

	.footeritems {padding:0!important;    margin: 0px 0;}
	.footeritems li{    text-align: left!important;padding: 0;margin: 0; line-height:35px}
	.blackFoot p {    margin-left: 0;    float: left;    color: white;    line-height: 40px;    text-align: right;    width: 100%;    text-align: center;}
	.blackFoot .sourcingup {margin-right: 0;float: right;color: white;margin-top: 0px;text-align: center;width: 100%;display: block;}

	
	#categorypage .products_iso {width: 100%;margin-left: -15px;}

	#productpage h1,
	#categorypage h1 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: white;
    height: 42px;
    line-height: 42px;
    margin: 0 0%;
    width: 100%;}
	#categorypage #boxrecomendados {margin-left:0%;margin-right:0%}
	#middlebanner div:hover .extra {
		left: 0;
		text-align: center;
		height: auto;
		width: 100%;
		position: initial;
		bottom: 0;
		display: block;
		z-index: 2229999;
		left: 0;
		padding: 0;
		margin-left: 0px;
		bottom: -32px;
		display: block;
		line-height: 12px;
	}

	.contenido80 {width:100%;margin:0}
	#productpage .productdesc { padding: 5px}

	.owl-theme .owl-nav [class*='owl-']:hover {background: transparent;color: black;text-decoration: none;}
	.best_sellers .product_slider_container {margin-bottom: 0px;height: 150px;}
	.owl-theme .owl-next{right:-36px;}
	.owl-theme .owl-prev{left:-36px;}
	
	.owl-theme .owl-nav  {
	    position: relative;
    width: 100%;
    height: 150px;
    
    cursor: pointer;
    background: transparent;
    cursor: pointer;
    border-radius: 0;
    bottom: 125px;
	
	}

	.best_sellers {
		margin: 0% 3%;
		background-color: white;
		float: left;
		width: 94%;
	}

	.hamburger_container i {
		font-size: 28px;
		color: white;
	}
	.navbar {
		width: 100%;
		float: left;
		margin: 0;
	}
	.logo_container img {
		max-height: 60px;
		width: auto;
	}


	h3 {
		font-size: 18px;
		    text-align: center;
	}
	

	 .faq_container .faqs_container, .posteo_container .blogs_container{margin-top:0px;}
	 
	.blogs_container p {
    font-size: 14px;
    }
	.blog_item {
		height: auto;
	}
	
.blog_item img {    top: 0;left: 0;position:relative;max-width: 100%;    max-height:auto;    height: auto;	width:auto;transition: all .2s ease-in-out;max-width:100%}

	.boxinscripcionabierta1 {
		background-color: #f73902;
		position: absolute;
		bottom: 61px;
		border-radius: 15px;
		height: 30px;
		width: 193px;
		box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);
		left: 20px;
		color: white;
		text-align: center;
		font-size: 13px;
		line-height: 30px;
		padding: 0;
		text-transform: uppercase;
		font-weight: 600;
	}
	.boxinscripcionabierta2 {
		position: absolute;
		bottom: -70px;
		border-radius: 15px;
		height: 145px;
		
		left: 0px;
		color: white;    
		font-size: 15px;
		line-height: 20px;
		padding: 20px 40px;
		font-weight: 400;
		width: 265px;
		text-align: left;
	}

	.product_slider_nav_left, .brand_slider_nav_left {top:12%;left: -40px;}
	.product_slider_nav_right , .brand_slider_nav_right {top:12%;	right: -40px;}
	.product_slider_nav i, .brand_slider_nav i {font-size:23px;}

	#middlebanner div {width:20%;padding:1%}
	#middlebanner div:hover {transform: scale(1);}
	#middlebanner .texto{font-size:10px;padding:0}
	/*#middlebanner div:nth-child(4) {margin-left: 15%;}*/
	
	
	.section_title .h2 {display: inline-block;font-weight: 600;font-size: 18px;}
	#menucategorias {width: 98%;		margin: 70px 1% 0;}
	#menucategorias div {		width: 18%;		margin: 7px 1%;		padding: 0;}
	#menucategorias div  span{display:none}

	#menucategorias div a {width: 20%;}
	#Checkout .SmallButton{width:100%;margin-left:0}
	#CloseMapPickit{    
		z-index: 1111132;
		position: fixed;
		top: 10px;
		right: 10px;
		font-size: 30px;
		border: none!important;
		background: none;
	}
	#PickitMapa {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1111112;
		background-color:white;
	}
		#PickitMapa iframe {
			z-index: 1111112;
		}

	ul.menu_top_nav {margin-bottom: 30px;}
	.menu_selection li{border:none;}
	.menu_selection li a
	{
		border:none;
			line-height: 35px;
		height: 35px;
			color:black; /*#10c6ba!important;*/
		font-size: 12px;
	}	
		
	ul.menu_selection.brands li a {border:none;height:auto}
	ul.menu_selection.brands li {width: 33%;    background-color: white;
    opacity: 1;}
	.tab_text_block {margin-bottom:30px} 
	.tab_image {margin-bottom:30px}
	#productpage h2 {font-size: 24px;}
	
	.tabs_section_container {
    width: 100%;
    padding-bottom: 2px;
    border-bottom: none;
}
	.single_product_container, .posteo_container {padding-bottom:20px}
	#productpage .quantity_selector {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 132px;
		height: 36px;
		border: solid 1px #e5e5e5;
		margin-left: 0px; 
	}
	.quantity {
		width: 100%;
		height: auto;
		margin-top: 0px;
		float: left;
	}
	#productpage .add_to_cart_button {
		width: 90%;
		margin-left: 5%;
		font-size: 12px !important;
		opacity: 1;
		visibility: visible;
		margin-right: 5%;
	}
	#productpage .product_favorite {display:none!important}
	.single_product_thumbnails ul li {position: relative;height: 120px;margin-bottom: 10px;cursor: pointer;overflow: hidden;float: left;		width: 33%;}
	.single_product_image{height:auto;max-height:400px}
	.single_product_image_img {
		overflow: hidden;
		width: auto; 
		height: 100%;
		text-align: center;
		margin: 0 auto;
		display: block;
	}

	.single_product_thumbnails {height: 100px;margin-top: 5px;margin-bottom: 10px;}
	.breadcrumbs {margin-bottom:0}
	li#search {
		position: fixed;
		left: 0;
		width: 100%;
		top: 126px;
		background-color: white;
		padding: 0px 13px;
	}
	.mobileright{text-align:right}
	#categorypage .product-item{width:50%}
	#categorypage .main_content{width:100%;margin:0px}
	/*.recomendar {width: 100%;}*/
	/*.product_slider_item {width: 50%;}*/
	

	.sidebar {width:100%;}
	.sidebar_section{display:none}
	.sidebar .showsection{display:block;width:100%}
	.product_slider_container {margin-top:15px ; margin-bottom:15px}
	.brand_slider_container {margin-top:15px}
	#Checkout .placeholderflotante3 {
    top: -50px;
    padding: 5px;
    width: 70px;
    height: auto;
    font-size: 11px;
    font-weight: 400;
    position: relative;
    color: #616161;
    line-height: 28.39px;
    background-color: #ffffff;
    padding: 0;
    margin: 0;
    left: 20px;
    /* right: -100px; */
}
	#Checkout .recibiroretirarcontainerbutton {height: 65px;width: 100%;margin-left: 2%;margin-right: 2%;}
	#Checkout #shippingmodeenviodomiciliopaso2provincia{margin-top:10px}
	/*pay*/
	#Checkout  #pay #pagar {width: 100%;}
	#Checkout .graciacompramensajeinner{padding:5px}
	#Checkout #pay ul{padding:0}
	#Checkout #pay #seguro {font-size:14px}
	#Checkout #pay #seguro fa {font-size:16px}
	
	#Checkout .infocompra #totalapagar, #Checkout .infocompra #orderid{float:none!important}
	#Checkout .graciacompratitleinner {font-size: 14px;}
	#Checkout .graciacompratitleinner strong{float:none!important} 
	#Checkout #seguro strong { float: none!important;}
	
	
	/**otros*/
	#Checkout .fondocart.checkoutlogin{width:100%}
	#Checkout .fondocart p {
		color: black;
	}
	#spinnercheckout {position: fixed;    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
	font-size:120px;}
	#Checkout .checkoutlogin {margin-left: 0%;width: 100%;}
	

	#Checkout .product_section_container {margin-top: 150px;}
	#cartcontent .product_section_container {margin-top: 150px;}
	.CheckoutButton.row.center{width:100%; }
	.product_section_container {margin-top: 28px;}
	#cartcontent .nombre_carrito a {color: black;font-size: 14px;}
	#cartcontent .tabletitle {display:none}
	h1{font-size: 36px;}
	h2{font-size: 24px;}
	h6{font-size: 12px;}
	.main_slider_content h6
	{
		margin-bottom: 20px;
	}
	.shop_now_button
	{
		margin-top: 23px;
	}
	.red_button a
	{
		font-size: 12px;
	}
	.banner_item
	{

		margin-bottom: 0px;
		height: 210px;
	}
	.new_arrivals_title
	{
		margin-top: 22px;
		margin-bottom: 10px; 
	}
	.product-item
	{
		width: 33.333333333333%;
		height: 345px;
	}
	.product
	{
		height: auto;
	}
	.grid_sorting_button
	{
		font-size: 13px;
		padding-left: 20px;
		padding-right: 20px;
		min-width: 80px;
	}
	.product_slider_container
	{
		height: auto;
	}
	.product_slider_item .product-item
	{
		height: auto;
	}
	

	
	.benefit_col
	{
		margin-bottom: 15px;
	}

	.newsletter_form
	{
		margin-bottom: 40px;
	}
	.newsletter_submit_btn
	{
		margin-top: 15px;
	}
}


 @media (max-width: 880px) and (min-width: 767px) {

    .blogs {margin-top: 72px!important;}
	.product_section_container {margin-top: 60px!important;}
	.boxinscripcionabierta1 {
		background-color: #f73902;
		position: absolute;
		bottom: 161px;
		height: 50px;
		width: 293px;
		left: 40px;
		font-size: 20px;
	}
	.boxinscripcionabierta2 {
		position: absolute;
		bottom: 0px;
		border-radius: 15px;
		height: 145px;
		left: 20px;
		color: white;
		font-size: 20px;
		line-height: 20px;
		padding: 20px 40px;
		font-weight: 400;
		width: 293px;
		text-align: left;
	}
	
 }
  
/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
	#blog #bannerblog {
		width: 100%;
		padding: 0;
		margin: 70px 0 20px;
	}
	.hamburger_menu
	{
		right: -100%;
		width: 100%;
	}
	.product-item
	{
		width: 50%;
		height: 420px;
	}
	.product
	{
		height: auto;
	}
	/*.blog_item
	{
		height: calc((100vw - 30px) / 1.37);
	}*/
	.cr
	{
		display: block;
		margin-right: 0px;
		margin-bottom: 30px;
		font-size: 13px;
	}
	.footer_nav
	{
		margin-bottom: 20px;
	}
	.footer_nav li
	{
		display: block;
		margin-right: 0px;
	}
	.footer_nav li a
	{
		font-size: 13px;
	}
}

/************
11. 539px
************/

@media only screen and (max-width: 539px)
{
	
}

/************
12. 480px
************/

@media only screen and (max-width: 480px)
{
	#middlebanner .texto{font-size:9px;padding:0}
}

/************
13. 479px
************/

@media only screen and (max-width: 479px)
{
	#middlebanner {padding: 20px}
	.product_name {font-size:11px}
	.logo_container a
	{
		font-size: 12px;
	}
	.hamburger_container
	{
		margin-left: 25px;
	}
	.hamburger_close
	{
		top: 14px;
		right: 4px;
	}
	.hamburger_close i
	{
		font-size: 20px;
	}
	.hamburger_menu_content
	{
		padding-right: 15px;
		padding-top: 100px;
		padding-bottom: 30px;
		overflow-y:scroll;
	}
	.menu_item
	{
		border-bottom-color: rgba(181, 174, 196, 0.5);
	}
	.menu_item > a
	{

		line-height: 40px;
		height: 40px;
	}

	.navbar
	{
		height: 70px;
	}
	.navbar_user li a
	{
		width: 30px;
		height: 30px;
		font-size: 12px;
	}
	.checkout_items
	{
		width: 15px;
		height: 15px;
		font-size: 10px;		
	}
	.main_slider
	{

		min-height: auto;
		/*margin-top: 70px;*/
	}
	.main_slider_content h6
	{
		margin-bottom: 10px;
	}
	.main_slider_content h1
	{
		font-size: 24px;
	}
	.shop_now_button
	{
		margin-top: 15px;
		width: 100px;
		height: 35px;
	}
	.red_button a
	{
		font-size: 10px;
	}


/************


	.banner_item
	{
		height: calc((100vw - 30px) / 2.6);
	}


************/


	.grid_sorting_button
	{
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
		min-width: 60px;
		height: 35px;
	}
	.product-item
	{
		width: 100%;
		height: auto;
	}
	.product
	{
		height: auto;
	}
	
	.product_name a
	{
		font-size: 11px;
		line-height: 1.3em;
	}
	.add_to_cart_button
	{
		margin-top: 20px;
	}
	.deal_ofthe_week_img
	{
		height: 400px;
	}
	.timer
	{
		margin-top: 42px;
	}
	.timer li
	{
		width: 50px;
		height: 50px;
	}
	.section_title::after
	{
	    top: calc(100% + 8px);
	    height: 3px;
	}
	.timer_num
	{
		margin-top: 4px;
		font-size: 19px;
	}
	.timer_unit
	{
		margin-top: -9px;
		font-size: 10px;
	}
	.deal_ofthe_week_button
	{
		margin-top: 36px;

	}

	.product_slider_item .product-item
	{
		width: 100%;
		height: auto;
	}
	.product_slider_item .product-item:hover::after
	{
		box-shadow: none;
	}
	.product_slider_item .product-item .product
	{
		height: auto;
	}
	.product_slider_item .product-item .product_info
	{
		padding-bottom: 30px;
	}
	.blog_title
	{
		font-size: 16px;
	}
	.blog_meta
	{
		font-size: 10px;
	}
	.blog_more
	{
		font-size: 12px;
		margin-top: 5px;
	}
	.newsletter_form
	{
		margin-top: 22px;
	}
	.newsletter_text h4
	{
		font-size: 20px;
	}
	.newsletter_text p
	{
		font-size: 13px;
		margin-top: 5px;
	}
	.newsletter_submit_btn
	{
		font-size: 12px;
	}
	#newsletter_email
	{
		height: 40px;
		width: 100%;
		padding-left: 15px;
	}
	.newsletter_submit_btn
	{
		height: 36px;
		width: 130px;
	}
	#newsletter_email::-webkit-input-placeholder
	{
		font-size: 12px !important;
		padding-left: 0px;
	}
	#newsletter_email:-moz-placeholder /* older Firefox*/
	{
		font-size: 12px !important;
		padding-left: 0px;
	}
	#newsletter_email::-moz-placeholder /* Firefox 19+ */ 
	{
		font-size: 12px !important;
		padding-left: 0px;
	} 
	#newsletter_email:-ms-input-placeholder
	{ 
		font-size: 12px !important;
		padding-left: 0px;
	}
	#newsletter_email::input-placeholder
	{
		font-size: 12px !important;
		padding-left: 0px;
	}
	.footer_nav_container
	{
		margin-top: 35px;
	}
	.cr
	{
		margin-bottom: 20px;
	}
	.footer_nav
	{
		margin-bottom: 20px;
	}
	.footer_social
	{
		margin-top: 5px;
		margin-bottom: 30px;
	}
}

/************
14. 400px
************/

@media only screen and (max-width: 400px)
{
	#menucategorias img {    width: 40px;		margin-top: 5px;		margin-bottom: 5px;}
	#menucategorias div {margin: 4px 2px}
	#sucursalpage h1 {font-size:24px}
}