@media screen and (max-width: 1300px) {
    body { zoom: 0.9;}
}

@media screen and (max-width: 990px) {
body { zoom: 1;}

.topmenu-cont {width: 100%;}
.sigla img {width: 230px; margin: 22px 0 0 2%;}
#smoothmenu2 li:nth-last-child(1),
#smoothmenu2 li:nth-last-child(2),
#smoothmenu2 li:nth-last-child(3),
#smoothmenu2 li:nth-last-child(4) {
    position: relative; top: initial; right: initial; 
}

#mobil-menu {
    display: block;
    position: absolute; top: 65px; right: 2%;
    color: #333;
    font-size: 30px;
    }
#mobil-menu i {color: #333; padding: 0; margin: 0;}
#menu-mob {display: none;}
#smoothmenu2 {
    position: absolute; top: 100px; right: 0; z-index: 10;
    background: #fff; width: 90%;
    border: 1px solid #ccc; border-top: none;
    border-radius: 0 0 5px 5px ;
    padding: 10px 10px 10px 10px;
    }
#smoothmenu2 ul {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    text-align: left; margin: 0;
    }
#smoothmenu2 li {width: 47%; margin: 0 0 10px 0;}
#smoothmenu2 li:nth-child(1) { /* Noutati */
    margin-left: 0px;
    }
#smoothmenu2 li:nth-child(6) { /* Biblioteca */
    margin-right: 10px;
    }


.content {width: 100%;}
h1 {font: 35px/35px volsemibold; margin: 30px 0 20px 0;}
h1 strong {font: 35px/35px volsemibold;}
h1 span {font: 28px/30px vol; letter-spacing: 0px;}
.carousel, .item, .active {
    margin: 0px 0 0px 0 !important;
    height: 400px !important; width: 100% !important;
    }
.carousel strong {font: 22px/24px vol !important;}
.carousel span {font: 16px/20px vol !important;}
.home-marturii {margin: 50px 0 30px 0;}
.home-dreapta {
    float: none; width: 100%;
    column-count: 1; column-gap: 0px;
    margin: 20px 0;
    }
.marturie {width: 100%; margin: 0 0 30px 0;}

.produse {grid-template-columns: repeat(2, 1fr);}
.produs a img {height: 440px}
.tc-inchide {column-count: 1; column-gap: 0px;}

/* DETALIU */
.detaliu {
    display: flex; flex-wrap: wrap; 
    justify-content: space-between;
    width: 100%;
    }
.detaliu-stanga {width: 100%; order: 2;}
.detaliu-centru {width: 100%; order: 3;}
.detaliu-dreapta {width: 100%; order: 1;}

.detaliu a img {
    width: 100%; box-shadow: none; 
    border: 1px solid #ddd;
    border-left: none; border-right: none;
    }
.detaliu-dreapta span:before {display: none;}
.detaliu-dreapta span {
    position: relative; 
    font: 16px/16px vol;
    padding: 15px 15px 25px 0;
    }
.detaliu-dreapta .detaliu-adauga span {display: none;}
.detaliu-adauga:after {content: "ADAUGĂ";}
.detaliu-dreapta span strong {
    position: absolute; top: 0; left: 0;
    font: 500 12px/12px vol;
    }
.detaliu-dreapta .detaliu-pret strong {position: relative; font: 30px/30px volsemibold;}
#notrad {padding: 0;}

.descriere {column-count: 1;}
.rec2 {column-count: 1; column-gap: 0px;}
.rec {width: 100%;}

.casuta {display: block; width: 100%;}

.daca-left {
    float: none;
    width: 100%;
    margin: 20px 0 0 0;
}
.vezicos-tabel {
    float: none;
    width: 100;
    border-spacing: 8px;
    margin: 20px 0 20px 0;
}
.vezicos th:nth-child(3) {display: none;}
.vezicos td:nth-child(3) {display: none;}
.left-tabel, .right-tabel {float: none; width: 100%; min-height: initial;}
.cumpar_buton, .cumpar_buton2 {padding: 10px 0; display: block; width: 100%; text-align: center;}

.bottom-proiecte {width: 100%; flex-wrap: wrap;}
.bottom-proiecte a {width: 28% !important;}

.bottom {width: 100%;}
.bottom-menu {float: none; width: 100%;}
.bottom-menu li {display: block; width: 100%;}
.bottom-contact {float: none; width: 100%;}

.newsletter {
    display: block;
	position: relative; top: 0px; left: 0;
    width: initial;
    margin: 20px 0;
	}

.anunt-cookie p {padding: 30px 0 0 0;}

} /* end 990px */


@media screen and (max-width: 470px) {
    .cautare {top: 112px; width: 100%;}
    .cautare input {width: 95%;}
    #cautare_avans2 {display: none;}

    .produse {grid-template-columns: repeat(1, 1fr);}

}