@media (max-width: 1400px) {
    .access-links .search {left: 160px;}
    .search-dropdown {width: 251px;}
    .setari-baza {right: 338px;}
    .cos-favorite {right: 250px;}
    .logged-in .cos-favorite {right: 407px;}

    .menu-drop-downs ul ul {width: 840px;}
    .menu-drop-downs ul ul ul {left: 250px;}
    .main-menu > ul > li > a {
        font: 16px/1.4 roboto700;
        padding: 5px 17px;
    }

    .filtre > div.sorteaza {width: 40%;}
    .filtre > div.pepagina {width: 27%;}
    .filtre > div.afisare {width: 30%;}

    .text-decu {
        padding: 10px 10px 10px 25px;
        font: 40px/1.2 oswald700;
        background: url(/wp-content/themes/horeca/assets/images/italia/companie-poza-intreaga.webp) no-repeat -432px -9px;
        background-size: cover;
        background-clip: text;
        -webkit-background-clip: text;
    }
    .toate-categ .categ-div img, 
    .term-lichidare-de-stoc .subcateg .categ-div img, 
    .term-echipamente-cu-experienta .subcateg .categ-div img {height: 342px;}

    .sc h4 { width: 34%;}

} /* end 1400px */

@media (max-width: 1200px) {
    .main-menu > ul > li > a {padding: 5px 11px;}
    .header-tel span {display: none;}
    .header-tel a {width: 43px; height: 28px;}
    .header-tel:after {right: 0px; left: initial;}
    .access-links .search {left: 145px; transform: none;}
    .search-dropdown {width: 218px;}
    .cos-favorite {right: 253px;}
    .logged-in .cos-favorite {right: 392px;}
    .logged-in .setari-baza {right: 462px;}

    .setari-baza {top: 4px; right: 325px;}
    .setari-baza div {display: block;}

    .main-menu > ul > li > a[href="/promotii"] {
        padding-right: 17px;
    }
    .menu-drop-downs ul ul {width: 660px;}
    .menu-drop-downs ul ul ul {left: 200px;}
    .page-id-4512 li.inchirieri-menu > a {border-radius: 0;}
    .main-menu > ul > li > a[href="/promotii"] {border-radius: 0px;}
    
    .text-decu {font: 34px/1.2 oswald700;}

    .home-intro a:nth-of-type(2) img {object-position: left;}

    .filtre > div.sorteaza {width: 32%;}
    .filtre > div.pepagina {width: 32%;}
    .filtre > div.afisare {width: 32%;}
    .filtre label {
        margin: 0 0px 6px 0;
        width: 100%;
        text-align: right;
    }
    .filtre select {
        padding: 5px 0;
        width: 100%;
    }
    .filtre .sorteaza select {
        width: 66%;
        margin-right: 33%;
    }
    .filtre .pepagina select {
        width: 58%;
        margin-right: 66%;
    }

    .produsele form {
        grid-template-columns: repeat(3, 1fr);
        gap: 60px 0px;
    }
    .compara-produse {overflow: scroll;}
    .comp-produse {min-width: 1000px;}
    .add-to-cart span {font: 16px/1 roboto500;}

    .toate-categ.cap-categorie-template {grid-template-columns: repeat(3, 1fr);}
    .page-id-4512 .toate-categ.cap-categorie-template {
        grid-template-columns: repeat(3, 1fr);
    }
    .toate-categ .categ-div img, 
    .term-lichidare-de-stoc .subcateg .categ-div img, 
    .term-echipamente-cu-experienta .subcateg .categ-div img {height: 286px;}

    .producatori {grid-template-columns: repeat(5, 1fr);}
    .cataloage {grid-template-columns: repeat(3, 1fr);}

    .search-results .produsele {grid-template-columns: repeat(3, 1fr);}

    .footer-int li a {font: 14px/1.2 roboto500;}
    .fi-right p {font: 14px/1.4 roboto500; padding: 0 0 10px 30px;}


} /* end 1200px */

@media (max-width: 990px) {
    .access-links .search {
        left: initial;
        right: 155px;
        top: 11px;
    }
    .search-dropdown {display: none;}
    .search-btn {
        display: inline-block; width: 45px;  height: 45px;
        background: #fff url(/wp-content/themes/horeca/assets/images/italia/search-mob.svg) no-repeat center;
        background-size: 24px;
        border: none; outline: none;
        cursor: pointer;
        transition: all 0.5s;
    }
    .search-dropdown.active {
        display: block;
        position: fixed; top: 62px; right: 0;
        background: var(--albastru);
        width: 100%;
        padding: 10px 20%;
        z-index: 100;
    }
    .inchide {
        display: block; width: 30px; height: 30px;
        color: #fff;
        position: absolute; top: 50%; right: 5px;
        transform: translateY(-50%);
        font-size: 28px; line-height: 1;
    }

    .logged-in .setari-baza {right: 343px;}
    .setari-baza {top: 27px; right: 343px;}
    .setari-baza div {display: inline-block;}

    .shop {top: 26px;}
    .shop a strong {display: none;}
    .shop a {
        background: url(/wp-content/themes/horeca/assets/images/italia/shop.svg) no-repeat right;
        background-size: 26px;
    }

    .menu-drop-downs ul ul {width: 460px; left: 260px; height: initial;}
    .menu-drop-downs ul ul ul {left: 233px; width: 100%;}
    .main-menu .menu-drop-downs li li {width: 50%;}
    .main-menu .menu-drop-downs li li li {
        width: 100%;
        padding: 0;
    }
    .menu-drop-downs ul li:not(.active) ul {display: none;}
    .menu-drop-downs ul li li:not(.active) ul {display: none !important;}

    .main-menu .menu-drop-downs li.menu-item-has-children > a:after {display: none;}
    .main-menu .sageata {display: inline-block;}

    .main-menu > ul > li > a[href="/promotii"] {background: var(--oranj); }

    .promotii-menu .sageata {
        background: url(/wp-content/themes/horeca/assets/images/italia/angle-down-alb.svg) no-repeat center;
        background-size: 12px;
    }
    .promotii-menu ul {
        position: relative; top: 0;
        width: 100%;
    }
    .promotii-menu ul li {padding: 0 0 0 30px !important;}
    .promotii-menu ul li a {
        color: var(--albastru);
        font: 14px/1.2 roboto500;
    }
    .inchide-meniu {
        position: fixed; top: 67px; left: 105px; z-index: 50;
        display: flex; justify-content: center; align-items: center;
        width: 35px; height: 35px;
        background: var(--galben); color: var(--albastru);
        border-radius: 100px;
        font: 30px/1 roboto500;
    }


    .contultau span {display: none;}
    .contultau {width: 43px; height: 26px;}
    .user {right: 104px; top: 20px;}
    .logged-in .user {right: 194px; top: 20px;}
    .user .nav ul {left: initial; right: 0;}

    .header-tel span {display: block;}
    .header-tel a {width: initial; height: initial;}
    .header-tel:after {right: initial; left: 0;}

    .cos-favorite a strong {display: none;}
    .cos-favorite {right: 209px; top: 23px;}
    .logged-in .cos-favorite {right: 258px;}

    .text-decu {width: 98%;}
    .home-companie .home-contact {
        top: initial;
        transform: none;
        bottom: 10px; right: 10px;
        width: 160px;
    }

    .breadcrumbs {display: none;}
    #breadcrumbs {display: none;}
    .meniu-mobil-buton {
        display: flex; align-items: center;
        position: absolute; top: 65px; left: 0; z-index: 10;
        background: var(--albastru); color: #fff;
        padding: 10px 2px;
        text-transform: uppercase;
        font: 16px/1.2 roboto600;
    }
    .meniu-mobil-buton:before {
        content: "";
        display: inline-block; width: 20px; height: 20px;
        background: url(/wp-content/themes/horeca/assets/images/italia/menu-vz.svg) no-repeat 0 0;
        background-size: 20px;
        margin: -3px 9px 0 0;
        filter: invert(1) brightness(1.7);
    }
    .main-menu {
        display: none;
        top: 109px;
        width: initial;
        z-index: 100;
        overflow-y: scroll;
        height: calc(100vh - 130px);
    }
    .admin-bar .main-menu {height: calc(100vh - 160px);}
    .main-menu.active {display: block; width: 100%;}

    .main-menu > ul {
        flex-direction: column; align-items: flex-start;
        border: none;
        background: #fff;
        border: 1px solid #e9e9e9;
    }
    .main-menu > ul > li#brands > a:after {display: none;}
    .main-menu > ul:after {display: none;}
    .menu-vz {display: none;}

    .main-menu > ul > li#brands > a {display: none;}
    .main-menu > ul > li > a {
        display: block;
        color: var(--albastru);
        background: none; border: none;
        font: 18px/1.2 roboto700;
        padding: 7px 10px;
        margin: 0 3px 0 0;
        text-align: left;
    }
    .menu-drop-downs li a {font: 16px/1.2 roboto600; padding: 8px 26px 8px 10px;}

    .menu-drop-downs {
        display: block;
        position: relative; top: 0;
        width: initial;
        border: none;
        padding: 10px 0 0 0;
    }
    .main-menu ul li {
        display: block;
        position: relative; padding: 0;
        width: 38%;
    }
    .main-menu ul li#brands {
        width: 100%;
    }
    .sageata {
        position: absolute; top: 5px; right: 10px; z-index: 10;
        display: block; width: 30px; height: 30px;
        background: url(/wp-content/themes/horeca/assets/images/italia/angle-down-gri.svg) no-repeat center;
        background-size: 12px;
    }
    .left-meniu {display: none;}
    
    .menu-item:hover .sub-menu {
        display: none;
        column-count: 1;
    }

    li:not(.active) .sub-menu {
        display: none;
        position: relative; left: 0;
        width: initial; height: initial;
        background: #fff;
        border: none;
        border-top: 1px solid #e9e9e9;
        border-bottom: 4px solid #e9e9e9;
        border-left: 12px solid #e9e9e9;
        padding-right: 0;
    }
    .active > .sub-menu {display: block !important;}
    footer .active > .sub-menu {display: none !important;}

    .sub-menu .sub-menu {display: none !important; }
    .sub-menu .active .sub-menu {
        display: block !important; 
        background: aliceblue;
        border-left: none;
        margin: 0;
    }

    .menu-drop-downs > div > ul > li.menu-item-has-children > a:after, 
    .menu-drop-downs > div > ul > li > ul > li.menu-item-has-children > a:after {
        display: none;
    }
    .menu-drop-downs li li li {padding: 0 0 0 15px;}
    .menu-drop-downs li li li a {
        color: var(--albastru);
        border: none;
    }
    .menu-drop-downs li:last-child a {border-bottom: none;}

    .active > .sageata {transform: rotate(180deg);}

    .main-menu > ul > li > a {
        padding: 8px 10px;
        font: 16px/1.2 roboto600;
        padding: 7px 10px;
        margin: 0;
        border-bottom: 1px solid #e9e9e9;
    }
    li#brands {border-bottom: 4px solid #e9e9e9;}


    .home-intro {grid-template-columns: 33% 33% 33%; padding-right: 17px;}
    .home-intro a:nth-child(3) {grid-row: 1;}


    .listare-produse {width: 100%;}

    .contact-date2 {grid-template-columns: repeat(2, 1fr);}
    .vanzatori {grid-template-columns: repeat(2, 1fr);}
    
    .contact-page {
        background: url(/wp-content/themes/horeca/assets/images/bgx-contact.png) repeat-x 0 0px;
        background-size: 100px 925px;
    }
    
    .cd1-col1 {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
    }
    .cd1-col2 {width: 100%; margin: 40px 0;}

    .toate-categ.cap-categorie-template {grid-template-columns: repeat(2, 1fr); gap: 35px;}
    .page-id-4512 .toate-categ.cap-categorie-template {
        grid-template-columns: repeat(2, 1fr);
    }

    .term-lichidare-de-stoc .subcateg.cap-categorie-template, 
    .term-echipamente-cu-experienta .subcateg.cap-categorie-template {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px;
    }
    .toate-categ .categ-div img, 
    .term-lichidare-de-stoc .subcateg .categ-div img, 
    .term-echipamente-cu-experienta .subcateg .categ-div img {height: 326px;}

    .c-inside {width: 90%; padding: 20px;}
    .c-inside h2 {font: 30px/1.2 roboto700;}
    .c-inside label {width: 100%;}

    .magazine {grid-template-columns: repeat(3, 1fr);}
    .producatori {grid-template-columns: repeat(4, 1fr);}
    .cataloage {
        grid-template-columns: repeat(2, 1fr);
        gap: 57px 20px;
    }


    .pg1 {width: 65%;}
    .pg2 {width: 100%; order: 30;}
    .pg3 {width: 33%; order: 20;}
    .docuteh {grid-template-columns: repeat(2, 1fr);}
    .servicii-conexe-content {grid-template-columns: repeat(1, 1fr);}

    .sigle-companie {grid-template-columns: repeat(3, 1fr);}
    .col3 {grid-template-columns: repeat(2, 1fr);}
    .punere .punere-imagini {grid-template-columns: repeat(3, 1fr);}
    .prezenta-online .wp-block-group div {grid-template-columns: repeat(2, 1fr);}
    .cifre .container {flex-wrap: wrap !important;}
    .cifre > div > .container > div:nth-child(1) {
        flex-basis: 100% !important;
        padding: 0 0 46px 0;
    }
    .cifre > div > .container > div:nth-child(2) {
        flex-basis: 100% !important;
        grid-template-columns: repeat(2, 1fr);
    }

    .sc .left, .sc .right {width: 100%;}
    .sc.service-status .left, .sc.service-status .right {width: 48%;}
    .service-status > div > div > .wpcf7-form > p {
        width: 100%;
    }
    .service-status .wpcf7-form input[type="submit"] {
        width: 30%;
    }

    @keyframes apareform {
        0%  {opacity: 0; height: 0; padding: 0;}
        100% {opacity: 1; height: 1760px; padding: 246px 0 0 0;}
    }
    @keyframes dispareform {
        0%  {opacity: 1; height: 1760px; padding: 246px 0 0 0;}
        100% {opacity: 0; height: 0; padding: 0;}
    }

    @keyframes apareform2 {
        0%  {opacity: 0; height: 0; padding: 0;}
        100% {opacity: 1; height: 420px; padding: 246px 0 0 0;}
    }
    @keyframes dispareform2 {
        0%  {opacity: 1; height: 420px; padding: 246px 0 0 0;}
        100% {opacity: 0; height: 0; padding: 0;}
    }

    .vshop-cart-product .title {width: 34%;}
    .vshop-cart-product .price {width: 18%;}
    .vshop-cart-product .quantity2 {justify-content: center;}
    .vshop-cart-product .pt_Quantity {width: 70%;}
    .vshop-cart-product .quantity-info {
        width: 100%;
        text-align: center;
        margin: 6px 0;
    }
    .vshop-cart-footer {
        flex-wrap: wrap; justify-content: start;
        height: initial;
        padding: 0;
    }
    .vshop-cart-footer .left {width: 100%; padding: 10px;}
    .vshop-cart-footer .right {width: 100%; padding: 10px; flex-wrap: wrap;}

    .category-noutati .article-wrapper { grid-template-columns: repeat(3, 1fr);}

    .compari {top: 125px; right: 25px;}
    .prod {min-height: 72px;}
    .compari a img {width: 72px; height: 72px;}

    .cod-adresa {width: 100%;}
    .cod-adresa p { width: 48%;}
    .service-trimite {width: 100%; margin: 0;}


    .fi-left ul {column-count: 1;}
    .fi-left {width: 32%;}
    .fi-centru {width: 32%;}
    .fi-right {width: 32%;}
    .newsletter .wpcf7-form-control-wrap {font-size: 14px;}
    .newsletter .wpcf7-list-item label {
        position: relative;
        padding: 0 0 0 30px;
        text-align: left;
    }
    .newsletter input[type="checkbox"] {
        position: absolute; top: 0; left: 0;
        margin: 0;
    }


} /* end 990px */

@media (max-width: 768px) {

    :root { --adminbar-h: 46px;}

    .setari-baza, 
    .logged-in .setari-baza {top: 1px; right: 279px;}
    .setari-baza div {display: block;}

    .main-menu ul li {
        width: 100%;
    }
    .menu-drop-downs ul ul {
        position: relative;
        width: calc(100% - 26px); left: initial; top: initial;
    }
    .menu-drop-downs ul ul ul {
        position: relative;
        width: calc(100% - 30px); left: initial; top: initial;
    }
    .main-menu .menu-drop-downs li li {
        width: 100%;
        padding: 0px 0 0 30px;
    }
    .main-menu .menu-drop-downs li li li {
        padding: 0px 0 0 30px;
    }
    
    .text-decu {font: 28px/1.2 oswald700;}
    
    .produsele form {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px 0px;
    }
    .produsele.afisare-lista article {
        padding: 30px 0 30px 220px;
        border-bottom: 1px solid #e9e9e9;
        min-height: initial;
    }
    .produsele.afisare-lista .pret-cart {
        position: relative; top: initial; right: initial;
        transform: none;
        width: 100%;
    }
    .precomanda {margin: 10px 0 0 0;}

    .toate-categ .categ-div img, 
    .term-lichidare-de-stoc .subcateg .categ-div img, 
    .term-echipamente-cu-experienta .subcateg .categ-div img {height: 247px;}


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

    .subcateg.cap-categorie-template {
        grid-template-columns: repeat(3, 1fr);
    }

    .contact-date2 {grid-template-columns: repeat(1, 1fr);}
    .vanzatori {grid-template-columns: repeat(1, 1fr);}
    .form-mic-contact p {width: 100% !important;}
    .form-cv p {margin: 0 0 20px 0;}
    .varugam {width: 100%;}
    .form-mic-contact p:nth-of-type(5) {
        text-align: left;
        justify-content: start;
        margin: 15px 0 0;
    }

    .angajari-post {display: flex; flex-direction: column; padding: 20px;}
    .angajari-post h2 {align-items: center; text-align: center;}
    .angajari-post .valabilitate {text-align: center;}
    .angajari-post .experienta {
        border: 1px solid;
        margin: 12px 0; padding: 10px 20px;
    }
    .angajari-titlu-h2 {
        width: calc(100% - 40px);
        margin: 20px 0 30px 20px;
    }
    .magazine {grid-template-columns: repeat(2, 1fr);}

    .col3 {grid-template-columns: repeat(1, 1fr);}
    .nenea {margin-top: 130px;}
    .nenea h2 {
        top: -118px; left: 0px; transform: none;
        width: 100%;
        padding: 20px;
    }
    .nenea:after {
        right: initial; left: 50%;
        transform: translate(-50%, -50%);
    }

    .punere .punere-imagini {grid-template-columns: repeat(2, 1fr);}
    .col3-harta {grid-template-columns: repeat(1, 1fr);}
    .cifre > div > .container > div:nth-child(2) {
        grid-template-columns: repeat(1, 1fr);
    }

    .sc h2 br {display: none;}
    .sc h2 {
        position: relative; top: initial; left: 7%;
        align-items: start;
        width: 93%; min-height: initial;
        padding: 20px 0 10px 0;
    }
    .sc h4 {
        position: relative; top: initial; left: 7%;
        width: 87%;
    }
    .sc h4 strong + br {display: none;}
    .butonul {
        position: relative; top: initial; right: initial; left: 7%;
    }
    .sc h5 {
        position: relative; top: initial; left: 7%;
        width: 87%;
        padding: 0 0 20px 0;
    }
    .garantie {padding: 0 0 26px 0;}
    @keyframes apareform {
        0%  {opacity: 0; height: 0; padding: 0;}
        100% {opacity: 1; height: 1660px; padding: 146px 0 0 0;}
    }
    @keyframes dispareform {
        0%  {opacity: 1; height: 1660px; padding: 146px 0 0 0;}
        100% {opacity: 0; height: 0; padding: 0;}
    }
    
    @keyframes apareform2 {
        0%  {opacity: 0; height: 0; padding: 0;}
        100% {opacity: 1; height: 220px; padding: 46px 0 0 0;}
    }
    @keyframes dispareform2 {
        0%  {opacity: 1; height: 220px; padding: 46px 0 0 0;}
        100% {opacity: 0; height: 0; padding: 0;}
    }

    .vanzatori .titlu-tara {grid-column: initial;}
    .category-noutati .article-wrapper { grid-template-columns: repeat(2, 1fr);}


    .fav-produs {padding: 0; margin: 0 0 40px 0; min-height: initial;}
    .fav-img {
        position: relative; 
        top: initial; left: initial;
        transform: none;
    }

    .search-results .produsele {grid-template-columns: repeat(2, 1fr);}

    .popup-bf-content {top: 60px; width: calc(100% - 50px);}
    .popup-bf-content h2 {font-size: 40px; padding: 50px 30px 20px 30px;}
    .popup-bf-content h3 {font-size: 28px; padding: 10px;}
    .popup-bf-content .text {padding: 10px;}
    .popup-bf-content p {font-size: 18px;}
    .popup-bf-content p br:first-of-type {display: none;}
    .vezi-oferte {font-size: 18px; padding: 10px 30px; margin: 10px 0;}
    #gt_float_wrapper {top: 97px !important;}


    .fi-left ul {column-count: 2;}
    .fi-left {width: 100%; margin: 0 0 30px 0;}
    .fi-centru {width: 50%;}
    .fi-right {width: 50%;}
    .footer-int h4 {margin: 0 0 10px 0;}
    

} /* end 768px */

@media (max-width: 576px) {
    #wpadminbar {position: fixed;}

    .site-header {margin-bottom: 18px;}
    .logo {left: 2%;}
    .shop {right: calc(2% + 70px);}
    .header-tel {right: 2%;}
    .setari-baza {top: 113px; right: initial; left: 8px; z-index: 10;}
    .logged-in .setari-baza {top: 110px; right: initial; left: 2%;}
    .setari-baza div {display: inline-block;}
    .access-links .search {right: 112px;}
    .user, 
    .logged-in .user {right: 150px;}

    .contact-header {right: 2%;}
    .ch {width: 60px; font: 14px/1.2 roboto700;}
    .cos-favorite {right: 231px;}
    .logged-in .cos-favorite {right: 198px;}
  
    .search-dropdown.active {padding: 10px 13% 10px 5%;}
    .meniu-mobil-buton {padding: 10px 2px 10px 2%;}
    .main-menu > ul > li > a:hover, .main-menu > ul > li > a[href="/promotii"] {
        border-radius: 0;
    }
    
    .contact-page .container {margin: 0 5%;}
    .contact-page .contact-date2 {margin-top: -60px;}
    .iframe-contact iframe {height: 77vw;}

    .filtre, .cate-pagini {
        align-items: start;
        width: calc(100% - 16px); 
        margin: 0 auto 20px auto;
    }

    #login-inner {width: 90%;}
    .sc.service-status label {display: block; height: 70px;}
    .cod-adresa {width: 96%; margin: 0 auto 30px auto;}
    .cod-adresa p {display: block;width: 96%; margin: auto;}
    .service-trimite {width: 96%; margin: auto;}
    .verifica-service {padding: 0 2%; margin-top: 0;}
    .table {font-size: 12px;}


    .producatori {
        margin: 0 2%;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 10px;
    }
    .cataloage {
        grid-template-columns: repeat(1, 1fr);
        margin: 0 2%;
    }

    .single-vshop_product h1 {margin: 0 2% 20px 2%;}
    .produs-general {padding: 0 2%;}
    .pg1, .pg3 {width: 100%;}
    .pg .swiper-slide img {height: 82vw; object-fit: contain;}
    .docuteh {grid-template-columns: repeat(1, 1fr);}
    .detaliu-produse {padding: 0 2%;}
    .t-conexe th:first-child {text-align: left;}
    .meniu-produs a {
        font: 13px/1.2 roboto500;
        padding: 6px 7px; margin: 0px 0px;
    }
    .cara-tabel p span {
        font-size: 14px;
        float: none; 
        display: block;
        font-style: italic;
        width: 100%;
    }

    .category-noutati .article-wrapper { 
        grid-template-columns: repeat(1, 1fr);
        margin: 0 2%;
    }
    .noutate-img img {height: initial; object-fit: initial;}
    .nav-links {margin: 0 2%;}

    .fav-produs {margin: 0 2% 50px 2%; padding: 0 0 20px 0;}
    .fav-img img {width: 100%;}
    .fav-produs .pret-cart {
        position: relative; top: initial; right: initial; transform: none;
        min-height: initial; width: initial;
    }
    .fav-produs .delete {top: -9px; right: 2%;}

    .site-info .container {text-align: center;}
    .site-footer {padding: 50px 2%;}
    .footer-int {text-align: left; justify-content: start;}
    .fi-left ul {column-count: 1;}
    .fi-centru {width: 100%; margin: 0 0 30px 0;}
    .fi-right {width: 100%;}

    .newsletter {width: 100%;}
    .newsletter > div > form > div {
        width: 100% !important;
    }
    .newsletter input[type="email"], 
    .newsletter input[type="text"] {
        width: 100%;
        font: 16px/1.2 roboto500;
        padding: 21px;
        text-align: center;
    }
    .newsletter input[type="submit"] {
        width: 100%;
        font: 16px/1.2 roboto500;
        padding: 12px;
        margin: 10px 0 20px 0px;
    }
    .newsletter > div > form > div:nth-of-type(2) {
        justify-content: start;
        padding: 0 0 0 30px;
    }

    .home-intro {
        grid-template-columns: 50% 50%;
        grid-template-rows: 220px 220px 220px;
        padding: 21px 30px 0 13px;
    }
    .home-intro a:nth-child(3) {
        grid-column: 1/3;
    }
    .text-decu {font: 23px/1.2 oswald700;}
    .home-intro a strong {
        width: 149px; height: 82px;
        font: italic 16px/1.2 roboto700;
        padding: 48px 0 13px 13px;
    }
    .home-noutati {padding: 0 13px;}
    .cele-bune-oferte {padding: 0 13px;}

    .toate-categ.cap-categorie-template {grid-template-columns: repeat(1, 1fr); padding: 0 20px;}

    .term-lichidare-de-stoc .subcateg.cap-categorie-template, 
    .term-echipamente-cu-experienta .subcateg.cap-categorie-template {
        grid-template-columns: repeat(1, 1fr);
        padding: 0 20px;
    }

    .toate-categ .categ-div img, 
    .term-lichidare-de-stoc .subcateg .categ-div img, 
    .term-echipamente-cu-experienta .subcateg .categ-div img {height: 87vw;}

    .page-id-4512 .toate-categ.cap-categorie-template {
        grid-template-columns: repeat(1, 1fr);
    }
    .page-id-4512 .toate-categ .categ-div img {
        height: 87vw;
    }
    .page-id-4512 .noimage {height: 300px;}
    .page-id-4512 .categ-div:after {
        top: -34px;
        font: italic 26px/1.2 roboto700;
    }

    .subcateg.cap-categorie-template {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 20px;
    }

    .angajare {margin: 0 20px;}
    label[for="incarca"] {flex-direction: column;}
    label[for="incarca"] .wpcf7-form-control-wrap {
        width: 100%;
        margin: 10px 0;
    }
    .magazine {
        grid-template-columns: repeat(1, 1fr);
        margin: 0 20px;
    }

    .companie-top {padding: 0 2%;}
    .nenea h2 {top: -163px;}

    .sigle-companie {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0 2% 20px 2%;
    }
    .col3 {padding: 0 2%; margin: 40px auto 73px auto;}
    .col3.col3x2 {margin: 80px auto 170px auto;}
    .col3x2 .wp-block-group {min-height: initial; margin: 0 0 30px 0;}
    .punere {padding: 0 2%;}
    .col3-harta {padding: 0 2%;}
    .prezenta-online {padding: 0 2%;}
    .cifre {padding: 100px 2% 60px 2%;}
    .distributie {padding: 0 2%;}
    .punere-imagini .wp-block-image {margin: 0;}
    .punere .punere-imagini {gap: 20px;}
    .prezenta-online h2 {margin: 30px 0 20px 0;}
    .prezenta-online .wp-block-group div {
        grid-template-columns: repeat(1, 1fr);
    }
    .prezenta-online figure {margin: 20px 0;}

    .sc .wpcf7-form {padding: 0 2%;}
    .sc .wpcf7-radio > span {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .garantie {padding: 0 0 0px 0; margin: 0 auto 21px auto;}
    .sc label {flex-wrap: wrap; flex-direction: column; align-items: start;}
    .sc .wpcf7-form-control-wrap {width: 100%;}
    .sc .wpcf7-form input[type="text"], .sc .wpcf7-form textarea {
        margin: 0px 0 8px 0;
    }
    .sc img {height: 236px;}

    @keyframes apareform {
        0%  {opacity: 0; height: 0; padding: 0;}
        100% {opacity: 1; height: 1860px; padding: 146px 0 0 0;}
    }
    @keyframes dispareform {
        0%  {opacity: 1; height: 1860px; padding: 146px 0 0 0;}
        100% {opacity: 0; height: 0; padding: 0;}
    }

    .sc.service-status .left, .sc.service-status .right {
        width: 100%;
    }
    .sc.service-status .wpcf7-form-control-wrap {
        margin: 0;
    }
    .nota {padding: 1px 10px 10px 10px; margin: 10px 0 0 0;}
    .sc .wpcf7-form input[type="submit"] {width: 100%;}

    @keyframes apareform2 {
        0%  {opacity: 0; height: 0; padding: 0;}
        100% {opacity: 1; height: 320px; padding: 46px 0 0 0;}
    }
    @keyframes dispareform2 {
        0%  {opacity: 1; height: 320px; padding: 46px 0 0 0;}
        100% {opacity: 0; height: 0; padding: 0;}
    }

    .produsele.afisare-lista form {padding: 0 2%;}
    .produsele.afisare-lista .masca-imagine {left: 0;}
    .produsele.afisare-lista .masca-imagine img {width: 117px;}
    .produsele.afisare-lista article {padding: 30px 0 30px 120px;}

    .filtre > div.sorteaza {width: 38%;}
    .filtre .sorteaza select {width: 97%; margin-right: 0;}

    .filtre > div.pepagina {width: 32%;}
    .filtre .pepagina select {width: 100%; margin-right: 0;}

    .filtre > div.afisare {width: 28%;}

    .vshop-cart-main {padding: 0 2%;}
    .vshop-cart-product .image, 
    .vshop-cart-product .title, 
    .vshop-cart-product .quantity2, 
    .vshop-cart-product .price {
        width: 50%;
    }
    .vrei {margin: 29px 2%;}

    .select-tara-judet {
        display: flex; flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 20px 20px 20px;
    }
    .select-tara-judet select {
        width: 48%;
        margin: 0; padding: 10px;
    }
    .noutate-detaliu {margin: 0 2%;}

    .registration-form, .account-template {padding: 0 15px;}
    button[name="inregistrare"] {width: 100%;}

    .home-noutati img {object-fit: contain;}

    .search-results .produsele {grid-template-columns: repeat(1, 1fr);}
   
} /* end 576px */

@media (max-width: 480px) {
    .produsele form {grid-template-columns: repeat(1, 1fr);}
    .toate-categ.cap-categorie-template {grid-template-columns: repeat(1, 1fr);}
    .subcateg.cap-categorie-template {grid-template-columns: repeat(1, 1fr);}
}