/* MEDIA QUERIES */

/*==========  Non-Mobile First Method  ==========*/

@media only screen and (min-width : 1201px) {
.hidden-1201 { display: none; }
    }


    /* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.hidden-1200 { display: none; }
    }

    /* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.hidden-992 { display: none; }
    }

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	/* comum */
	.hidden-sm { display: none; }
	/* Fim de comum*/
	.logo { margin-left: 15px; }
	
	.page-wrapper {
		margin: 0 auto;
		width: 768px !important;
	}
	.idiomas { margin-top: 0; width: 80px; }
	section.redes { width: 268px; float: left; margin-left: 50px; }
	.carrinho { margin: 0 50px 30px 0; }
	.favotitos { width: 300px; }
	.royalSlider {
		display: block;
    	height: 250px;
    	max-width: 100%;
	}
	.home div.main-container { width: 100% !important; }
	.somos div.main-container, .novidades div.main-container, .promocoes div.main-container { width: 73% !important; float: right; padding: 14px 3% }
	.home div.main, .somos div.main, .novidades div.main, .promocoes div.main { width: 100% !important; }
	.home article p { font-size: 0.9em; padding: 0 3%; }
	section.promo { padding: 0 1% }
    section.promo .bloco { width: 47%; background: #fff}
	section.promo .bloco figure { display: inline-block }
	ul.tools { position: relative; }
	footer, .footer-container { width: 100%; }
	nav ul ul { padding: 12px 15px; }
	nav ul li:hover > ul div {
		display: inline-flex;
		width: 100%;
	}
	nav ul ul div ul {
		position: relative;
		width: 20%;
		z-index: 999;
	}
 }

    /* Extra Small Devices, Phones */ 
@media screen and (max-width: 480px) {
	.hidden-xs, .payment1, .payment { display:none !important; }
	.visible-xs { display: inline-block }
	.page-wrapper {
			margin: 0 auto;
			width: 100% !important;
		}
	aside { display: none; width: 0;}	
	
	.main-container, .somos div.main-container, .novidades div.main-container, .promocoes div.main-container { width: 90% !important; padding: 3% 5%; float: none; }
	.home div.main, .somos div.main, .novidades div.main, .promocoes div.main { width: 92% }
	.shopping-car header { margin-bottom:43px; }
	.shopping-car h1 { font-size: 1.5em; }
	
	.ui-accordion .ui-accordion-content {
  		padding: 1em 0.2em;
 	}

    .shopping-car form label{  text-align: left; margin-left: 15px;}
    .shopping-car form input, .shopping-car form select { width: 99% }
	/*label.big { 80% }*/
	.logo { margin-left: 15px; width:100px; height: 100px; }
	.logo h1 { height: 100px; }
	header.header-container h1 a, .header-container h1 a {
		background-size:100%;
	}
	
	header section { clear: both; }
	
	.idiomas { margin-left: 160px; margin-bottom: 20px; margin-top:10px; }
	section.promo img { width: 100% }
	.details figcaption { font-size: 15px; }
	ul.tools { padding-top: 0; }
	section.seach { margin: 20px 0 0 43px; }
	.favoritos { float: left; margin: 10px 0 10px 12px; clear:inherit; }
	.carrinho { float: right; margin: 10px; clear:inherit; }
	
	.logo + address { float:none;  margin-left: 127px; }
	.login {
		float: none;
    	display: inline-block;
    	margin-right: 0;
    	margin-left:12px;
	}
	
	.home .bloco, .novidades .bloco , .promocoes .bloco { min-height: 400px; }
	.home div.details, .novidades div.details, .promocoes div.details { height: auto; }
	
	li.adicionar { margin: 0 auto; width: 100px; float:none; margin: 0 auto;  }
	li.fav { float:left; }
	li.preco { width:50%; }
	li.precoperc { float:none !important; margin:35px auto; }
	.adicionar a { width:100%; }
	section.promo .bloco { width:45%; }
}
    /* Custom, iPhone Retina */ 
@media screen and (max-width: 321px) {
      .hidden-xs, .payment1 { display:none !important; }
	  .page-wrapper {
		margin: 0 auto;
		width: 100% !important;
	  }
	  header.header-container h1 a, .header-container h1 a {
			background: url("../imgs/logo_mobile.png") no-repeat;
			display: block;
			/*font-size: 100px;
			line-height: 182px;
			word-spacing: 130px;*/
			margin-left: 20px;
		}
		
		section.promo .bloco {
				background: none repeat scroll 0 0 #fff;
				margin: 10px 2% 0 1%;
				width: 96%;
			}
	
	section.promo .bloco figure { display: inline-block }
	ul.tools { position: relative; }
	
	.login, .idiomas { width: 23%; float: left }
	.login { margin-left: 17%; padding-left: 33px; }
	footer section.payment { margin: 0 auto 14px; overflow: hidden; padding: 0 20px; width: 100%;}
	footer section.payment img { width: 320px;}
	
	footer .backg { padding: 4px; }
	
	section.promo .bloco { width: 98% !important; background: #fff}
	section.seach { margin:30px 0 0 21px; }
	
    .visible-xs { /*display: inline-block;*/ display:table; width:100%; }
	
	section.redes { width: 250px; }
	
	.main-container, .somos div.main-container, .novidades div.main-container, .promocoes div.main-container { width: 90% !important; padding: 3% 5%; float: none; }
	.home div.main, .somos div.main, .novidades div.main, .promocoes div.main { width: 92% }
	.shopping-car header { margin-bottom:43px; }
	.shopping-car h1 { font-size: 1.5em; }
	
	.ui-accordion .ui-accordion-content {
  		padding: 1em 0.2em;
 	}

    .shopping-car form label{  text-align: left; margin-left: 15px;}
    .shopping-car form input, .shopping-car form select { width: 99% }
	label.big { 80% }


/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape 
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  

}
*/
/* Portrait 
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}
*/
/* Landscape 
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}
*/
/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape 
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}
*/
/* Portrait
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}
 */
/* Landscape 
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}
*/
/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait 
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}*/

/* Landscape 
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}*/

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape 
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}*/

/* Portrait 
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}*/

/* Landscape 
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}*/