@media (max-width: 1600px) {
    .order-details-general {padding: 0;}
    .subcateg.cap-categorie-template {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 1400px) {
    .form-produse {grid-template-columns: repeat(3, 1fr);}    
    .cataloage {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 1300px) {
    .suprafooter-45 {width: 100%;}
    .fi-col {width: calc(100% / 3);}
}

@media (max-width: 1200px) {
    .subcateg.cap-categorie-template {grid-template-columns: repeat(2, 1fr);}
    .form-produse {grid-template-columns: repeat(2, 1fr);}    
    .pg1 {width: 40%; padding-right: 30px;}
    .pg2, .pg3 {width: 60%; margin-left: auto;}
    .pg .swiper-galerie {padding: 0 20px;}
    .pg .swiper-slide img {height: 300px;}
    .pg .swiper-thumb .swiper-slide img {height: 83px;}
    .add-to-cart, .precomanda {max-width: 400px;}
    .pg .imagini-predefinite img {max-width: 95px;}
    .pg .vezi-produse {height: initial;}
    .pg .vezi-produse img {
        width: 100%; height: 128px;
        object-fit: contain;
        object-position: center;
        margin: 20px auto;
    }
    .vezi-produse span {
        display: block;
        margin: 0 0 20px 0;
    }
    .vshop-cart-register {padding: 0;}
    .registration-form, .account-template {grid-template-columns: repeat(1, 1fr);}
    .vanzatori {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 992px) {
    .main-menu {
        display: none;
        position: absolute; top: 63px; right: 30px; z-index: 50;
        width: 300px;
        background: var(--negru);
        padding: 20px; border-radius: 0 0 10px 10px;
        box-shadow: 0px 22px 21px 0 rgba(46, 51, 65, 0.13);
    }
    .main-menu li {display: block;}
    .menu-drop-downs ul ul {
        position: static;
        width: initial;
    }

    .search-btn {margin-left: 15px;}
    .search-dropdown input {width: calc(100% - 95px);}
    header .main-menu ul {display: block;}
    header .main-menu > ul > li > a {
        display: block;
        font: 400 16px/1 rubik;
        padding: 7px 0px;
    }
    .menu-drop-downs {
        display: block;
        position: static;
        width: initial;
        box-shadow: none;
        padding: 0;
    }

    .meniu-mobil-buton {
        position: relative;
        display: inline-flex; width: 33px; height: 35px;
        font: 24px/1 futura300;
        text-decoration: none;
        color: var(--alb);
        cursor: pointer;
    }
    .menu-linie {
        position: absolute; right: 0;
        display: block; width: 26px; height: 2px;
        border-radius: 100px;
        background: var(--alb);
        transition: all 0.5s;
    }
    .ml1 {top: 8px;}
    .ml2 {top: 16px;}
    .ml3 {top: 24px;}
    .meniu-mobil-buton.active .ml2 {background: transparent;}
    .meniu-mobil-buton.active .ml1 {transform: rotate(45deg); top: 16px; height: 3px;}
    .meniu-mobil-buton.active .ml3 {transform: rotate(-45deg); top: 16px; height: 3px;}

    header .main-menu ul ul ul {display: none;}
    .sageata-sus {transform: rotate(90deg);}
    .main-header .open .sageata-sus {transform: rotate(-90deg);}


    .shop a span {margin: 0 0 0 2px;}
    .shop a span:before, .shop a span:after {display: none;}
    .search-btn {margin-left: 7px;}
    .user .contultau {padding: 0;}
    .user .contultau:before {margin: 0;}
    .user .contultau:after {display: none;}

    .left-meniu {display: none;}
    .listare-produse {width: 100%; padding: 0;}
    .fi-col {width: calc(100% / 2);}

    .vshop-cart-product .quantity2 {
        justify-content: center;
    }
    .vshop-cart-product .pt_Quantity {
        width: 70%;
    }
    .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;}

     .registration-form label, 
    .account-template label {
        display: block; width: calc(100% - 60px); font-size: 14px;
        margin-bottom: 5px;
        text-align: left;
    }
    .registration-form input, .registration-form select {width: 100%;}
    .account-template input, .account-template select {width: 100%;}
    .comenzi-titlu {font-size: 12px;}
    .page-template-default p.comanda {font-size: 12px;}
    .submit-form-info {padding: 0; text-align: center;}

    .home2021 {background: none;}
    .home2021-menu {width: 100%; padding: 60px 20% 60px 20%;}
    .container.colo3 {
        padding: 0; width: 100%;
    }
    .hmenu1 {
        background: #4b4c58 url(/wp-content/themes/endd/assets/images/bisonte/1-constr.jpg) no-repeat top center;  
        background-size: cover;
    }
    .hmenu2 {
        background: #4b4c58 url(/wp-content/themes/endd/assets/images/bisonte/2-gradinar.jpg) no-repeat top center;  
        background-size: cover;
    }
    .hmenu3 {
        background: #4b4c58 url(/wp-content/themes/endd/assets/images/bisonte/3-home.jpg) no-repeat top center;  
        background-size: cover;
    }
    a.vezi {position: relative; bottom: 0; width: 100%;}
    .formular {width: 100%;}
    .cataloage {grid-template-columns: repeat(2, 1fr);}
    
}

@media (max-width: 768px) {
    .user {margin: 0 5px 0 0;}
    .user .contultau span {display: none;}
    .user .contultau:before {
        content: "";
        display: block; width: 20px; height: 20px;
        margin: 0 7px 0 0;
        background: var(--alb);
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-image: url(/wp-content/themes/endd/assets/images/bisonte/account_circle_24dp_1F1F1F_FILL0_wght300_GRAD0_opsz24.svg);
    }

    .single h1 {font-size: 22px;}
    .afisare {display: none;}
    .filtre > div {width: 50%;}

    .pg1 {width: 100%; padding: 0;}
    .pg2 {width: 100%;}
    .pg3 {width: 100%;}
    .pg .swiper-slide img {height: 66vw;}
    .pg .swiper-thumb .swiper-slide img {height: 24vw;}
    .pg .swiper-thumb {height: 33vw;}
    .meniu-produs {padding: 5px 0;}
    .meniu-produs a {
        font-size: 12px;
        padding: 6px 10px;
        margin: 2px 4px;
    }

    

    .vshop-cart-product .image, 
    .vshop-cart-product .title, 
    .vshop-cart-product .quantity2, 
    .vshop-cart-product .price {
        width: 50%;
    }

    .vshop-cart-product .image img {padding: 0 20px 0 0; margin: 0 0 20px 0;}
    .vshop-cart-product .title a {font-size: 14px;}
    .vshop-cart-product .title {font-size: 12px;}
    .vshop-cart-product .quantity-info .single-price {
        font-size: 14px;
        margin: 5px 0;
    }
    .vshop-cart-product .quantity-info .info-text {font-size: 12px;}
    .vshop-cart-product .pt_Quantity {width: 88%;}
    .vshop-cart-product .price {font-size: 18px;}
    .vshop-cart-product .price em {font-size: 12px;}
    #vshop-cart-register-form {margin: 0 !important;}
    #vshop-cart-register-form.container {padding: 0 !important;}
    .entity-select li {width: 100%; margin: 0 0 10px 0;}
    .page-template-default h3 {font-size: 18px; margin: 25px 0 15px 0;}
    .cart-footer {
        flex-wrap: wrap;
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }
    .cart-footer .first, .cart-footer .last {
        display: flex; justify-content: center; align-items: center;
        padding: 10px;
        width: 100%;
    }
    .pret-subtotal {margin: 0; font-size: 16px;}
    .cart-footer .order-cost {padding: 0; font-size: 16px;}
    #vshop-down-info .down-info {font-size: 16px;}
    #total-order-dispaly-down {font-size: 20px;}
    .fields > .left > p {display: none;}
    #vshop-cart-client-data > div.send-order {width: 100%;}
    .send-order button {
        width: 100%;
        font-size: 18px;
        padding: 15px 0;
    }

    .vanzatori {grid-template-columns: repeat(2, 1fr);}
    .cataloage {grid-template-columns: repeat(1, 1fr);}
    .cataloage img {height: 117vw;}

    .suprafooter-45 {flex-direction: column;}
    .fi-col {width: 100%; margin-bottom: 20px;}
    .fi-col h3 {margin-bottom: 10px;}
    footer p {margin: 0;}
    footer p br {display: none;}
}

@media (max-width: 576px) {
    .main-menu {
        top: 86px; 
        width: calc(100% - 60px); max-height: calc(100vh - 126px);
        overflow-y: scroll;
    }
    .main-menu > ul > li.has-children > a:after {top: 5px;}

    .container {padding-left: 30px; padding-right: 30px;}
    .home2021-menu > div {display: none;}
    .subcateg.cap-categorie-template {grid-template-columns: repeat(1, 1fr);}
    .form-produse {grid-template-columns: repeat(1, 1fr);}
    .cele-bune-oferte {padding: 0 30px;}
    .carusele-produs .swiper-slide {padding: 0;}
    .swiper.container {padding-left: 0px; padding-right: 0px;}
    .cele-bune-oferte .swiper-pagination {display: block;}
    .carusele-produs h2 {margin: 30px 0 40px 0;}
    .swiper-button-next.swiper-button-next-cele-vandute, .swiper-button-prev.swiper-button-prev-cele-vandute {display: none;}
    .cele-bune-oferte .swiper-wrapper {padding-bottom: 30px;}
    .cele-bune-oferte .swiper-pagination-bullet {
        width: 20px; height: 20px;
        background: #fff;
    }
     .page-template-default .vrei p {font-size: 16px;}
    .vrei {padding: 20px; margin: 20px 0;}
    .entity-select {grid-template-columns: repeat(1, 1fr); gap: 15px;}
    .fields {grid-template-columns: repeat(1, 1fr) !important; gap: 0;}
    .page-template-default .vrei p {font-size: 16px;}
    .vrei {padding: 20px; margin: 20px 0;}
    .entity-select {grid-template-columns: repeat(1, 1fr); gap: 15px;}
    .fields {grid-template-columns: repeat(1, 1fr) !important; gap: 0;}

    .filtre select {padding: 5px;}
    .filtre label {display: block; margin: 0 0 3px 0;}

    .vanzatori {grid-template-columns: repeat(1, 1fr);}
    .formular .acceptare input {top: 13px;}
    .formular input[type="submit"] {width: 100%;}
}