/*Menu*/

@media screen and (max-width:1600px){
    .header-pages .content{
        background-size:30%;
    }

    .header-pages .content>.container{
        /*
        background: #F6F6F6 url('../img/bgsite.png') center right  no-repeat;
        background-size: 250px;
        */
    }
}

@media screen and (max-width:1200px){
    .header-pages .contato{
        display: none;
    }

    .header-pages .content>.container{
        background: #F6F6F6;
    }
}

@media screen and (max-width:1200px){
    .header-pages .contato{
        display: none;
    }

    .header-pages img{
        width: initial;
        height: initial;
    }
    

    .header-pages .content .container{
        flex-direction: column;
        align-items: center;
        padding-top: 20px;
    }
}

@media screen and (max-width:900px){
    .produtos-header .all-product{
        display: none;
    }

    .produtos-header .search{
        width: 60%;
    }

    .header-pages .menu .hide{
        display: inline-block;
    }

    .header-pages .menu a{
        padding: 10px 10px;
    }

    .header-pages .menu li{
        margin-right: 10px;
    }
}

@media screen and (min-width:700px){
    .menu{
        display: flex!important;
    }
}


@media screen and (max-width:700px){
    .menu-bar{
        display: flex;
        justify-content: flex-end;
        padding: 5px 10px;
        width: 100%;
        background-color: #106E6D;
    }

    
    .header-pages.scrolled{
        padding-top: 0;
        position: unset;
        left: 0;
        top: 0;
        width: 100%;
    }

    .header-pages .menu{
        flex-direction: column;
        width: 100%;
        overflow: hidden;
        display: none;
        -moz-transition: max-height 1s ease;      
        -webkit-transition: max-height 1s ease;      
        transition: max-height 1s ease;      
    }

    .header-pages .menu li{
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .produtos-header{
        height: unset!important;
    }

    .produtos-header .search{
        width: 100%;
    }

    .produtos-header .container{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        height: fit-content;
    }

    .barra-menu{
        width: 100%;
        background-color: #258C8A;
        display: flex;
        justify-content: flex-end;
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .barra-menu .main-btn{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: 30px;
        width: 30px;
    }

    .barra-menu .main-btn span{
        display: block;
        height: 3px;
        width: 100%;
        background-color: #FFF;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-transition:transform 0.7s ease;
        -webkit-transition:transform 0.7s ease;
        transition:transform 0.7s ease;
    }
    
    .barra-menu .main-btn.active .top{
        transform: rotate(45deg) translateY(10px);
    }

    .barra-menu .main-btn.active .mid{
        display: none;
    }
    
    .barra-menu .main-btn.active .bot{
        transform: rotate(-45deg) translateY(-10px);
    }
}

@media screen and (max-width:500px){
    .produtos-header .side{
        flex-wrap: wrap;
    }
}

/*Footer*/
@media screen and (max-width:850px){
    .quick-access{
        display: none;
    }
}

@media screen and (max-width:700px){
    .footer-pages .principal .container{
         flex-direction: column;
         align-items: center;
         justify-content: center;   
    }

    .footer-pages .principal .category-access,
    .footer-pages .principal .contato{
        margin-bottom: 30px;
        text-align: center;
    }
}

@media screen and (max-width:600px){
    .footer-pages .direitos .container{
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

}

/*Index*/

/* @media screen and (max-width:1200px){
    .banner .item .right{
        width: 68%;
    }
}

@media screen and (max-width:1000px){
    .banner .item .right{
        width: 60%;
    }

    .banner .item .left{
        width: 300px;
    }

    .banner .item .left h3{
        font-size: 25px;
    }

    .banner .item .left h3 strong{
        font-size: 30px;
    }
} */

@media screen and (max-width:700px){
    .banner{
        height: unset;
    }

    /* .banner .item .left{
        width: 300px;
    }

    .banner .item .left h3{
        font-size: 25px;
    }

    .banner .item .left h3 strong{
        font-size: 30px;
    } */

    /* .banner .item{
        min-height: 350px;
        height: unset;
        flex-wrap: wrap-reverse;
        padding: 40px 0;
    } */

    /* .banner .item .left,
    .banner .item .right{
        width: 100%;
        position: unset;
    }

    .banner .item .left{
        text-align: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    } */
}

@media screen and (max-width:1100px){
    .sobre-index .flex-sobre{
        flex-direction: column;
    }
    
    .sobre-index .content{
        width: 100%;
        margin: 0;
    }

    .sobre-index .thumb{
        width: 100%;
        margin: 0;
    }

}

@media screen and (max-width:600px){
    .sobre-index .content .parca{
        flex-direction: column;
    }
    
    .sobre-index .content .parca h3{
        margin-right: 0;
        text-align: center;
        width: 100%;
    }
}

/*Eletrodia*/
@media screen and (max-width:1000px){
    .empresa .content{
        flex-direction: column;
    }

    .empresa .content .left,
    .empresa .content .right{
        width: 100%;
    }

    .empresa .content div p{
        text-align: justify;
    }

    .empresa .qualidades{
        flex-direction: column;
    }

    .empresa .qualidades div{
        width: 100%;
        margin-bottom: 20px;
    }

    .empresa .qualidades div:last-child{
        margin-bottom: 0;
    }

    .empresa .qualidades div p{
        text-align: justify;
    }

    .empresa .title{
        text-align: center;
    }

    .empresa .qualidades h2{
        text-align: center;
    }

}

/*Cadastre-se*/

@media screen and (max-width:950px){
    .cadastrese{
        flex-wrap: wrap;    
    }

    .cadastrese .form-logar,
    .cadastrese .cadastro-content{
        width: 100%;
    }

    .cadastrese .form-logar{
        margin-bottom: 40px;
    }
}

@media screen and (max-width:600px){
    .cadastrese .row{
        flex-direction: column;
        margin-bottom: 0;
    }

    .cadastrese .row input, .cadastrese .row select, .cadastrese .row option{
        width: 100%;
        margin-bottom: 15px;
    }

    .cadastrese .row button{
        margin: 0 auto;
    }

    .cadastrese .title{
        text-align: center;
    }

    .cadastrese p{
        text-align: justify;
    }
}

/*Parceiros*/

@media screen and (max-width:950px){
    .parceiros .content div{
        width: 32%;
        margin-right: 2%;
    }
    
    .parceiros .content div:nth-child(4n){
        margin-right: 2%;
    }

    .parceiros .content div:nth-child(3n){
        margin-right: 0%;
    }
}

@media screen and (max-width:750px){
    .parceiros .content div{
        width: 49%;
        margin-right: 2%;
    }
    
    .parceiros .content div:nth-child(3n){
        margin-right: 2%;
    }

    .parceiros .content div:nth-child(2n){
        margin-right: 0%;
    }
}

@media screen and (max-width:400px){
    .parceiros .content div{
        width: 100%;
        margin-right: 0%;
    }

}

/*Contato*/
@media screen and (max-width:1000px){
    .contato-content .content{
        flex-direction: column;
    }

    .contato-content .content .left, .contato-content .content .right{
        width: 100%;
    }

    .contato-content .content .left{
        margin-bottom: 20px;
    }

    .contato-content .content .location{
        text-align: center;
    }

    .contato-content .title{
        text-align: center;
    }

    .contato-content p{
        text-align: justify;
    }

    .contato-content .content .location p{
        text-align: center;
    }
}

@media screen and (min-width:1300px){
    .btn-filtrar{
        display: none;
    }
}

/*Produtos-categoria*/
@media screen and (min-width:1300px){
    .produtos-categoria .content .filtro{
        display: block!important;
    }
}

@media screen and (max-width:1000px){

    .produtos-categoria .content{
        flex-direction: column;
    }

    .produtos-categoria .content .filtro .content{
        flex-direction: row;
    }

    .produtos-categoria .content .filtro{
        width: 100%;
    }

    .produtos-categoria .content .filtro.active{
        visibility: visible;
    }

    .produtos-categoria .content .produtos{
        margin-top: 25px;
        width: 100%;
    }

    .produtos-categoria .content .produtos .item{
        width: 23.5%;
        margin-right: 2%;
    }

    .produtos-categoria .content .produtos .item:nth-of-type(3n){
        margin-right: 2%;
    }

    .produtos-categoria .content .produtos .item:nth-of-type(4n){
        margin-right: 0%;
    }

}

@media screen and (max-width:1100px){
    .produtos-categoria .content .produtos .item{
        width: 32%;
        margin-right: 2%;
    }

    .produtos-categoria .content .produtos .item:nth-of-type(3n){
        margin-right: 0%;
    }

    .produtos-categoria .content .produtos .item:nth-of-type(4n){
        margin-right: 2%;
    }
}

@media screen and (max-width:800px){
    .produtos-categoria .content .produtos .item{
        width: 49%;
        margin-right: 2%;
    }

    .produtos-categoria .content .produtos .item:nth-of-type(3n){
        margin-right: 2%;
    }

    .produtos-categoria .content .produtos .item:nth-of-type(2n){
        margin-right: 0%;
    }
}

@media screen and (max-width:500px){
    .produtos-categoria .content .produtos .item{
        width: 100%;
        margin-right: 0%;
    }
}

/*Produto-detalhes*/
@media screen and (max-width:1000px){
    .produto-detalhes .content{
        flex-direction: column;
    }

    .produto-detalhes .content .photo-viewer,
    .produto-detalhes .content .right{
        width: 100%;
    }

    .produto-detalhes .content .photo-viewer{
        margin-bottom: 20px;
    }

    .veja-tambem-content .content{
        flex-wrap: wrap;
    }

    .veja-tambem-content .content .item{
        width: 32%;
        margin-right: 2%;
    }

    .veja-tambem-content .content .item:nth-of-type(4n){
        margin-right: 2%;
    }

    .veja-tambem-content .content .item:nth-of-type(3n){
        margin-right: 0%;
    }

    .produto-detalhes .content .right p{
        text-align: justify;
    }

    .produto-detalhes .content .right .categoria, .produto-detalhes .content .right .marca, .produto-detalhes .tags-content{
        text-align: center;
    }
    .produto-detalhes .content .right .categoria p, .produto-detalhes .content .right .marca p{
        text-align: center;
    }
    .produto-detalhes .tags-content{
        margin: 20px auto;
    }

    .produto-detalhes .price{
        text-align: center;
    }

    .produto-detalhes .add{
        margin: auto;
    }    
    

}

@media screen and (max-width:800px){
    .veja-tambem-content .content .item{
        width: 49%;
        margin-right: 2%;
    }

    .veja-tambem-content .content .item:nth-of-type(3n){
        margin-right: 2%;
    }

    .veja-tambem-content .content .item:nth-of-type(2n){
        margin-right: 0%;
    }
}

@media screen and (max-width:500px){
    .veja-tambem-content .content .item{
        width: 100%;
        margin-right: 0%;
    }

    .produto-detalhes .content .right{
        text-align: center;
    }
}


/*Carrinho*/
@media screen and (max-width:900px){
    .carrinho-content .row .product .thumb{
        display: none;
    }

    .carrinho-content .row .product .simple-desc{
        width: 100%;
    }
}

@media screen and (max-width:700px){
    .carrinho-content .header .qtd, .carrinho-content .row .qtd{
        width: 15%;
    }

    .carrinho-content .header .unit-price, .carrinho-content .row .unit-price{
        display: none;
    }

    .carrinho-content .header .product,.carrinho-content .row .product,.carrinho-content .header .qtd, .carrinho-content .row .qtd,.carrinho-content .header .sum-price, .carrinho-content .row .sum-price{
        width: 30%;
        font-size: 12px;
        text-align: center;
    }

    .carrinho-content .header .product{
        font-size: 12px;
        text-align: center;
    }

    .carrinho-content .row .remove{
        width: 10%;
    }

    .carrinho-content .header{
        padding: 15px 10px;
    }

    .carrinho-content .row .product .simple-desc p{
        display: none;
    }

    .carrinho-content .row .product .simple-desc h2{
        font-size: 12px;
    }
}

@media screen and (max-width:500px){
    .carrinho-content .button-content .finalizar,
    .carrinho-content .button-content .comprando{
        font-size: 12px;
        padding: 10px;
    }
}

@media screen and (max-width:350px){
    .carrinho-content .button-content .comprando{
        margin-right: 10px;
    }

    .header-pages .content .container:before{
        width: 80%;
    }
}

/*Blog*/

@media screen and (max-width:900px){
    section.blog{
        grid-template-columns: repeat(2,1fr);
    }
}

@media screen and (max-width:600px){
    section.blog{
        grid-template-columns: repeat(1,1fr);
    }
}


@media screen and (max-width:1400px){
    section.blog-detalhes{
        padding: 50px;
    }
}

/*Blog-detalhes*/
@media screen and (max-width:1000px){
    section.blog-detalhes{
        flex-wrap: wrap;

    }
    
    section.blog-detalhes .principal{
        width: 100%;
        margin-bottom: 20px;
    }

    section.blog-detalhes .blog-carousel{
        width: 100%;
    }
}