
@media(min-width: 1700px){
	.campanha{
        width:30%;
margin:10px 1%;

    }
}

@media (max-width: 1200px) {

 /*DREAMBOOKS INICIO*/
    
    .details .description{
    margin-bottom:0;
}
    
    .details .goToOffer{
    
    float:left;
}
    
    .thumb-holder{
    width:100%;
}
    
    #presentes .info{
    
    width:100%;
}
    
    section#revelacao{
    background-size: 200%;
}
    
    /*DREAMBOOKS FIM*/

	 #to-cart-popUp{
        width:80%;
        left: 10%;
    }

    #main-details{
        float:left;
        max-width:400px;
        min-width:60%;
    }


    #product-details .recommended {
        width:100%;
    }

    .recommended h1{
        font-size:0.9em;
        text-align: center;
        padding:15px 0;
        color:white;
        background-color:#2ecc71;
    }

    .recommended .recommended-product{
        float:left;
        width:20%;
        background-size:0;
	border:none !important;
    }

	
    .recommended .recommended-product:hover{
    	background-color: transparent;
    }

    .recommended .recommended-product:hover .name{
    	color:#2ecc71
    }

    .recommended .recommended-product img{
        float:left;
        width:100%;
	height:auto;
        padding:5px;
    }

    .recommended .recommended-product .name{
        float:left;
        width:100%;
        height:auto;
        text-align: center;
        padding:0 0 0 0;
    }


    /*CARRINHO.HTML*/

    .header-title.remove{width:4%;}
    .header-title.stock{width:9%;}

    .header-title.quantity{width:14%;}
    .header-title.img{width:8%; display:none;}
    .header-title.name{
        width:50%;
    }

    .header-title.unitPrice{
        width:11%;
    }
    .header-title.unitTotal{width:12%;}

    .detail.cart-item-remove{
        width:4%;
    }
    .detail.cart-item-quantity{
        width:14%;
    }

    .detail.cart-item-img{
        width:8%; display:none;
    }

    .detail.cart-item-stock{
        width:9%;
    }

    .detail.cart-item-name{
        width:50%;
    }

    .detail.cart-item-unitPrice{
        width:11%
    }
    .detail.cart-item-unitTotal{
        width:12%;
    }

    #total #total-value{
        font-size:1.2em;
    }

    #timer-details{
        width:600px;
        margin:-15px 0 0 15px;
    }

    #triangle-topleft {
        display:none;
    }

    #timer-details h1{
        text-align: center;
        font-size:0.9em;
        font-weight: normal;
        border:none;
        color:white;
        padding:10px;
        background:none;
        background-size:20px;
        background-color:#f39c12;
    }

    /* CARRINHO_DADOS.HTML */

    form#faturacao-entrega label{
        width:80%;
    }

    form#faturacao-entrega label.nome-faturacao{
        width:60%;
    }

    form#faturacao-entrega label.nif-faturacao{
        width:20%;
    }

    form#faturacao-entrega label.codigo-postal{
        width:30%;
    }

    form#faturacao-entrega label.localidade{
        width:50%;
    }

    /* COMOCOMPRAR.HTML */

    .step .step-menu .step-menu-btn{
        float:left;
        padding:10px;
        font-size: 0.8em;
        color:white;
        border:1px solid white;
        margin:0 4px 0 0;
    }

    .step p{
        font-size:1em;
    }

    .step img{
        width:45%;
    }

    /* CAMPANHAS.html */

    .campanha{
        width:95%;
	height:auto;
    }

    #campanha img{
        width:35%;
    }

    #campanha h2{
        width:100%;
    }

    #campanha .dates{
        width:65%;
    }

   #campanha .ended{
  	text-align:center;
    width:65%;

}

    #campanha p.short-description{
        width:65%;
    }

}   
@media (max-width: 470px){
    #faturacao-entrega label{
        width:100%;
    }

    #faturacao-entrega label.nome-faturacao{
        width:100%;
    }

    #faturacao-entrega label.nif-faturacao{
        width:100%;
    }

    #faturacao-entrega label.codigo-postal{
        width:100% !important;
    }

    #faturacao-entrega label.localidade{
        width:100%;
    }
}
@media (max-width: 900px) {

/*DREAMBOOKS INICIO*/
    
    #revelacao .info .price, #revelacao .info .goToCategory{
    margin-bottom:20px;
}
    
    /*DREAMBOOKS FIM*/

    header{
        height:60px;
    }

    header #category-toggle{
        width:60px;
        height:60px;
        background:url(../images/svg/categorias-ico.svg) 50% no-repeat;
    }
    header #category-toggle.selected{
        background:url(../images/svg/categoriasClose-ico.svg) 50% no-repeat;
    }

    header #user-panel{
        display:none;
    }

    header #mobile-user-panel{
        display:block;
    }

    header > ul{ display:none; }
    
    .normal-product{
    float:left;
    width:100%;
    height:auto;
    padding:10px;
    background-color:white;
    margin:0;
	border-color:#efefef;
}


.normal-product:nth-child(even){
    background-color:#f5f5f5;
}

.normal-product a:nth-child(2){
   float:left;
width:75%;
}
.normal-product a:nth-child(3){
   float:left;
width:25%;
}

.normal-product img{
    float:left;
    width:90px;
    height:90px;
margin:0;
}

.normal-product h2{
    float:left;
    width:calc(100% - 110px);
    height:45px;
    line-height: 20px;
    margin:0 0 0 10px;
    font-size:0.9em;
    padding:0 0px;
	text-align: left;
}


.campanha-icon{
    float:left!important;
	width:50px!important;
	height:50px!important;
    
	margin:5px 0 0 -50px!important;
	
}

.list-product h2{
 
    font-size:0.9em;
}

.normal-product .discount{
    margin:0 0 0 -90px;
    height:40px;
    width:40px;
    line-height:40px;
    font-size:0.9em;
}

.normal-product .prices-toCart{
    float:right;
    height:45px;
    width:calc(100% - 110px);
    padding:10px 0 0 0;
	
    margin:0 0 0 0px;
}

.normal-product .prices-toCart .price{
    float:left;
    padding: 5px;
    margin:0;
}

.normal-product a .to-cart{
    float:right;
    padding:10px 10px 10px 35px;
    margin:30px 0 0 0;
    font-size:0.8em;
    border:1px solid #2D90CC;
    color: #2D90CC;
background-image: url(/images/svg/add-to-cart-ico.svg);
    background-repeat: no-repeat;
    background-position:5px 48%;
    width:auto;
}

.normal-product a .to-cart:hover{
	background-color:#2D90CC;
	color:#efefef;
	border:1px solid #2D90CC;
	cursor:pointer;
	background-image: url(/images/svg/cartWhite-ico.svg);
}

#top-sales .normal-product{
	background-position:50% 50% !important;
}

    #to-cart-popUp{
        width:90%;
        left: 5%;
        top:70px;
    }

    #to-cart-popUp .list-product h2{
        font-size:0.9em;
    }

    #account-options ul{
        display:block;
        float:left;
        width:100%;
        margin:0;
        background-color:#888;
        padding:0;
    }

    #account-options ul li{
        float:left;
        width:33.33%;
        margin:0 0;
        list-style: none;
    }

    #account-options ul li a{
        float:left;
        width:100%;
        padding:0 10px;
        height:40px;
        line-height:40px;
        list-style: none;
        text-decoration: none;
        color:#efefef;
        border-top:1px solid #efefef;
        border-right:1px solid #efefef;
        transition:0.2s all ease;
        font-size:0.9em;
        text-align: center;
    }

    #account-options ul li a.new-products{
        background:none;
    }

    #account-options ul li a:hover{
        color:#efefef;
        background-color:#9b9b9b;
        border-top:1px solid #efefef;
        border-right:1px solid #efefef;
        border-bottom:0px solid #efefef;
    }


    header #panel-dropdown{
        width:100%;
    }

    header #logo{
        width:calc(100% - 360px);
        background-size:120px;
        margin-left:120px;
    }

    #categories{
        margin:60px 0 0 -250px;
        position:fixed;
        z-index:9998;
        overflow: auto;
        height:calc(100% - 60px) !important;
    }

    #categories li span.expand-item{
        background-color:#43a5e0;
        background-position:50%;
    }

    #legendas-stock .stock-holder{
        width: 40px;
        height:40px;
        padding:8px;
    }

    #legendas-stock h3{
        width:220px;
    }

    #legendas-stock p{
        width:220px;
    }

    #breadcrumbs .crumb{
        width:100%;
        padding:0 15px 0 15px;
        background:none;
        text-align: center;
    }

    #breadcrumbs #crumbNavigation{
        display:inline-block;
    }

    #content{
        width:100%;
        margin-top:60px;
    }
    
    .list-product h2{
	width:calc(100% - 100px);
	}

    .list-product .prices-toCart{

    width:calc(100% - 100px);
}
    
    #product-gallery-full{

    	padding:0 80px;
    }
    
    #product-gallery-full .navButton{
    	width:80px;
    }

    #product-gallery-full .main-pic{
    	display:inline-block;
    	width:100%;
    	padding:20px 0 20px 0;
    }
    
    #product-gallery-full .main-pic img{
    	max-width:70%;
    	min-width:70%;
    }

    .tabs.scrolled{
    width: calc(100% - 40px);
    }

    #timer-details{
        width:300px;
        margin:15px 0 0 0;
    }

    #triangle-topleft {
        display:none;12:47 30-10-2015
    }

    .product-holder{
	height:370px;
    }

    .promo-product{
        width:300px;
    	background-size:170%;
    }

   

    .discount{
        width:40px;
        height:40px;
        line-height: 40px;
        font-size:0.9em;
        margin:0 0 0 -100px;
    }

    #slideshow{
        height:200px;
    }

    #slideshow .slide-wrapper{
        height:200px;
    }

    #slideshow #slide-holder{
        height:200px;
    }


    #slideshow a{
        float:left;
        width:auto;
        height:200px;
        overflow:hidden;
        padding:0;
    }

    #slideshow a img{
        height:200px;
    }

    #slideshow .controls{
        display:none;
    }

    
    .promo-product h2{
        text-align: center;
        width:100%;
	border-bottom:none;
    }

    .promo-product img{
        float:left;
        width:35%;
        height:35%;
        padding:5px;
    }

    .promo-product .description{
        float:left;
        width:65%;
        max-height:115px;
        padding:5px;
        text-align: justify;
    }


    .promo-product .availability{
        width:100%;
    }

    .promo-product .availability h1{
    width:50%;
    text-align:right;
}

.availability .stock{
	width:50%;
    text-align:left;
}

    .promo-product .prices-toCart{
        text-align:center;
	border-top:none;
    }


    .promo-product .prices-toCart .price{
        display:inline-block;
        padding:8px;
        border:1px solid;
        font-size:0.9em;
    }

    .promo-product .prices-toCart .to-cart{
	float:left;
        width:100%;
        padding:10px;
        border:1px solid #2D90CC;
        background-image:none;
        margin-top:10px;
    }

    .promo-product .prices-toCart .to-cart:hover{
        background-image:none;
        background-color:white;
        color:#2D90CC;
    }

	
	.promoBtn{
	top: 270px;
    }

    footer ul, footer #social, footer #newsletter-signup, footer #servicos{
        float:left;
        margin:0 0 10px 0;
        padding:20px;
        width:100%;
        background-color:#777;
    }

	footer #servicos{
	padding-bottom:150px;
}

    .sub-categories .sub-category{
        display:block;
        float:left;
        width:48%;
        padding:5px;
        margin:2px 1%;
        text-align: center;
        max-width:100%;
    }

    .sub-category img{
        float:left;
        width:60px;
    }

    .sub-category .category-name{
        float:left;
        height:60px;
        width:calc(100% - 60px);
        line-height:60px;
        text-align: left;
        padding:0 10px;
        font-size:0.9em;
        border:none;
    }

    .sub-categories .sub-category:hover{
        border:1px solid #2D90CC;
    }

    .sub-categories .sub-category:hover .category-name{
        color: #2D90CC;
        border:none
    }


    /* account.html */

    #RMA-request form{
        background:none;
    }

    #RMA-request form label{
        width:100%;
    }


    #RMA-request form label.faturaList{ 
        width:50% !important;
    }

    #RMA-request form label.artigoList{ 
        width:50% !important;
    }

    #RMA-request form input[type="submit"]{
        width:100%;
    }

    .edit-details{
        padding:15px 15px 15px 38px;
    }

    /* CARRINHO.HTML */

    .user-cart > p{
        width:100%;
        font-size:1.5em;
    }

    .recapitulativo-item{
        width:100%;
    }

    #cart-details{
        width:100%;
    }

    #transport-details{
        width:100%;
    }

    #total #total-value{
        font-size:1.5em;
    }

    /*#continue-btn{
        width:45%;
    }*/

    .mail {
        width:100% !important;
    }

    #back-btn{
        width:45%;
    }

    #backToBegining-btn{
        width:45%;
    }

    /* CARRINHO_DADOS.HTML */

    #faturacao-entrega label{
        width:100%;
    }

    #faturacao-entrega label.nome-faturacao{
        width:70%;
    }

    #faturacao-entrega label.nif-faturacao{
        width:30%;
    }

    #faturacao-entrega label.codigo-postal{
        width:40%;
    }

    #faturacao-entrega label.localidade{
        width:60%;
    }

    #campanha img{
        width:60%;
        margin-left:20%;
    }

    #campanha h2{
        text-align: center;
    }

    #campanha .dates{
        width:100%;
    }

 #campanha .ended{
  	text-align:center;
    width:100%;

}
    #campanha p.short-description{
        width:100%;
    }

}

@media (max-width: 700px) {

/* DREAMBOOKS INICIO */
    
        .image-holder{
    
    float:left;
    width:100%;
    padding:20px;
}
    .details{
    width:100%;
}
    
    .details .goToOffer{
 
    float:right;
}
    
    .small-product{
    width:100%;
}
    
    section#revelacao{

    background-size: 800%;
}
    
    #revelacao .anim-holder{
    width:100%;
}
    
    #revelacao .info{
    width:100%;
}
    section > .goToCategory{
        
        background:none !important;
        text-align: center !important;
        text-decoration: underline !important;
    }
    
    /* DREAMBOOKS FIM */ 
    
    .normal-product a:nth-child(2), .list-product a:nth-child(2){
   	float:left;
	width:90%;
    }
    .normal-product a:nth-child(3), .list-product a:nth-child(3){
   	float:left;
	width:10%;
    }


    .normal-product a .to-cart, .list-product a .to-cart{
    float:right;
    padding:0;
    margin:0;
    border:none;
background-image: url(/images/svg/add-to-cart-ico.svg);
    background-repeat: no-repeat;
    background-position:50% 50%;
    background-size:34px;
width:100%;
height:90px;
}

.normal-product a .to-cart:hover, 
.list-product a .to-cart:hover{
	background-color:transparent;
	border:none;
	cursor:pointer;
	background-image: url(/images/svg/add-to-cart-ico.svg);
}
    
	#product-details #product-gallery .thumbnail{
	display: none;
    }

    #product-gallery-full .main-pic img{
    max-width:100%;
    min-width:100%;
}

#main-details > h1{
        text-align: center;
    }
    
    
#product-gallery-full .thumbnail{
    display:none;
}
    
    

    header #logo{
        width:calc(100% - 200px);
        background-size:100px;
        margin-left:0;
    }

    header #mobile-user-panel{
        float:right;
        margin:0;
        height:60px;
        width:120px;
    }

    #mobile-user-panel .panel{
        float:left;
        width:40px;
        height:60px;
        background-repeat: no-repeat;
        background-position:50%;
    }


    #to-cart-popUp{
        width:98%;
        left: 1%;
    }




    #to-cart-popUp .micro-product{
        width:49%;
        padding:5px;
        margin:0.5%;
    }
    
    #main-details{
        min-width:100%;
    }

    #product-details #product-gallery{
        width:100%;
        max-width:100%;
    }

    .sub-categories .sub-category{
        margin:2px 0;
        width:100%;
    }

    #product-details #main-details .prices-toCart{
        padding:10px 10px 10px 10px;
    }

    #account-details .detail{
        width:100%;
    }

    #RMA-request form label.faturaList{ 
        width:100% !important;
        padding:10px 0 20px 0;
    }

    #RMA-request form label.artigoList{ 
        width:100% !important;
        clear:none;
        padding:10px 0 20px 0;
    }

    #produto-dia{
        text-align: center;
    }

    .promo-product{
        display:inline-block;
        float:none;
    }

	.promoBtn{
        display:none;
    }

    #timer-details{
        width:300px;
        margin:-15px 0 0 15px;
        display:inline-block;
        float:none;
    }

    #triangle-topleft {
        display:none;
    }


    /* REGISTO.HTML */

    #registo{
        background: none;
    }

    #registo label{
        width:100%;
    }
    #registo label.nome, #registo label.mail{
        width:50%;
    }

    #registo label.apelido, #registo label.mail-confirm{
        width:50%;
        clear:none;
    }

    #registo label.codigo-postal{
        width:35%;
    }

    #registo label.localidade{
        width:65%;
        clear:none;
    }

    #registo-sucesso p{
        width:90%;
        font-size:1.5em;
    }

    #registo-sucesso div{
        width:90%;
    }

    #registo-sucesso div > input{
        float:left;
        width:100%;
        margin:10px 0 0 0;
        border:none;
        padding:15px 0;
        font-family: open sans;
        background-color: transparent;
        border:2px solid #2D90CC;
        color:#2D90CC;
        font-weight: bold;
        font-size:0.9em;
        text-align: center;
    }

    #registo-sucesso div > input:hover{
        background-color: #2D90CC;
        color:white;
    }

    #registo-sucesso label{
        float:left;
        width:100%;
        margin:0 0 5px 0;
    }

    #registo-sucesso label input{
        float:left;
        width:100%;
        margin:0;
        padding:20px 20px 20px 35px;
        border:none;
        border-bottom:1px solid #d3d3d3;
        background-color:white;
        color:#888;
        background-repeat: no-repeat;
        background-position: 8px 50%;
        background-size:20px;
    }

    #registo-sucesso input[type="mail"]{
        background-image: url(/images/svg/emailInput-ico.svg);
    }
    #registo-sucesso input[type="password"]{
        background-image: url(/images/svg/passwordInput-ico.svg);
    }

    #registo-sucesso a{
        float:left;
        width:100%;
        color:#2D90CC;
        padding:10px 10px 0px 10px;
        font-size:0.9em;
        text-decoration: underline;
        text-align: center;
    }

    /* CONTACTOS.HTML */

    .contactos-item{
        width:100%;
    }

    #contactos iframe{
        float:right;
        width:98%;
        margin:0 1%;
    }

    /* COMOCOMPRAR.HTML */

    section#como-comprar .step{
        background-size:340%;
    }

    section#como-comprar .step:nth-child(even){
        background-position: 100% 50%;
    }

    .step .step-menu{
        display:block;
        float:left;
        width:100%;
        margin:0;
    }

    .step p{
        width:100%;
        font-size:1em;
    }

    .step img{
        float:right;
        width:100%;
        box-shadow:0px 4px 8px rgba(0, 0, 0, 0.2);
    }

    /* CAMPANHA.html */

    #campanha img{
        width:80%;
        margin-left:10%;
    }
    #campanha h2{
        font-size:1.2em;
    }

    #campanha .dates{
        font-size:1em;
    }

    /* REGISTO.html */

    #registo label.nome, #registo label.mail{
        width:100%;
    }

    #registo label.apelido, #registo label.mail-confirm{
        width:100%;
    }

}

