@media screen and (max-width: 425px) {
    
    /*------------------------------------ Miscellaneous ------------------------------------*/
    
    .container {
        max-width:100%!important;
    }
    
    main {
        min-height:auto;
    }
    
    /*------------------------------------ Cart & Checkout ------------------------------------*/
    
    #cart-message-box {
        padding:20px;
    }
    
    #cart-message-box span {
        font-size:14px;
    }
    
    #cart-message-box .cart-message-box-buttons {
        flex-direction:column;
    }
    
    #cart-message-box .cart-message-box-buttons a {
        padding:8px 0;
        width:100%;
        margin:auto auto 20px;
    }
    
    #cart-message-box .cart-message-box-buttons a:last-of-type {
        margin:auto;
    }
    
    
    .page-id-cart .builder-section.py-5 {
        padding-top:0!important;
        padding-bottom:0!important;
    }
    
    .cart-page__container {
        padding:0 15px;
    }
    
    .cart-page__container .cart-title {
        font-size:34px;
    }
    
    .cart-page__container .cart-content {
        border:none;
    }
    
    .cart-content-heading ul {
        margin-bottom:25px;
    }
    
    .cart-content-heading ul li {
        text-align:Center;
        border-right: 1px solid var(--green);
    }
    
    .cart-content-heading ul li:last-of-type {
        border:none;
    }
    
    .cart-item-inner .cart-prod-price {
        text-align:Center;
    }
    
    .cart-item-inner .item-qty {
        margin: auto;
        max-width: 100%;
        justify-content: center;
    }
    
    .cart-item {
        margin-bottom:30px;
    }
    
    .cart-item-inner .cart-item-product-group {
        flex-direction:column;
        align-items:Center;
    }
    
    .cart-item-inner .cart-item-product-group .item-action {
            margin: 0;
        flex-direction: column;
        width: auto;
        text-align: center;
        justify-content: center;
    }
    
    .cart-item-inner .cart-item-product-group .item-action a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
    
    .cart-item-inner .cart-item-product-group .item-action button {
        padding: 5px 10px;
        width: fit-content;
        margin: auto;
    }
    
    .cart__container .cart-heading {
        margin-bottom:30px;
    }
    
    .cart__container .cart-sumar-details {
        width:100%;
    }
    
    .cart__container .cart-sumar-details .cart-sumar-details__products,
    .cart__container .cart-sumar-details .cart-sumar-details__reducere,
    .cart__container .cart-sumar-details .cart-sumar-details__taxes,
    .cart__container .cart-sumar-details .cart-sumar-details__total {
        width:100%;
    }
    
    .cart__container .cart-sumar-details .cart-sumar-details__total span:first-of-type {
        font-size:20px;
    }
    
    .cart__container .cart-checkout-btn {
        margin: 30px auto;
        font-size: 14px;
        padding: 10px 20px;
    }
    
    .checkout-page__container {
        margin:-3rem 0;
    }
    
    /*------------------------------------ Header ------------------------------------*/
    
    .header-mobile {
        padding-bottom:123px;
    }
    
    header .top {
        flex-direction:row;
    }
    
    header .contact-info {
        width:55%
    }
    
    header .essentials {
        width:45%;
    }
    
    header .contact-info .secondary-menu,
    header .essentials .secondary-menu {
        width:100%;
    }
    
    header .contact-info .secondary-menu .nav,
    header .essentials .secondary-menu .nav {
        justify-content: space-around;
    }
    
    header .top .contact-info a,
    header .top .essentials a {
        padding:0;
        margin:0;
        font-size:12px;
    }
    
    header .top .essentials .nav-item-log-out button {
        font-size:12px;
        margin:auto;
    }
    
    header .top .essentials .nav-item-log-in {
         display:flex;
    }
    
    header .top .essentials button {
        color: var(--gray);
        border: 0;
        background-color: transparent;
        font-family: 'Roboto Regular';
        font-size: 12px;
        letter-spacing: .3px;
        padding: 0;
        margin: auto;
        display: flex;
        align-items: center;
    }
    
    header .navbar {
        padding:0;
    }
    
    .header-mobile .navbar {
        position: fixed;
        z-index: 1000;
        background-color: #fff;
        width: 100%;
        padding: 0;
        animation: inView .5s normal forwards ease-in-out;
    }
    
    @keyframes inView {
        0% {
            top:-100%;
        }
        100% {
            top:0;
        }
    }
    
    header .navbar .container {
        display: flex;
        flex-flow: row;
        padding: 15px;
    }
    
    header .header-info {
        margin: 0;
        height: auto;
        width: auto;
    }
    
    header .header-info .search-wrapper {
        width: auto;
        margin: auto;
        order: 2;
        display: flex;
        flex-direction:column;
    }
    
    header .header-info .search-wrapper .search-results {
        position: absolute;
        z-index: 1000;
        left: -40px;
        top: 55px;
        overflow-y: scroll;
        height: 50vh;
        border-radius: 0;
        width: auto;
        display: block;
        max-width:425px;
    }
    
    header .header-info .search-wrapper .search-results li {
        width:max-content;
    }
    
    header .header-info .search-wrapper .search-results img {
        display:none;
    }
    
    header .header-info .search-wrapper .search-results p {
        width:100%;
    }
    
    header .header-info .search-wrapper .form-control {
        width: 120px!important;
        padding: 0 10px!important;
        height: auto;
        margin-left: 10px!important;
    }
    
    header .header-info .navbar-brand {
        display:flex;
        height:fit-content;
    }
    
    header .header-info .navbar-brand img {
        max-height:25px;
    }
    
    header .header-info .content {
            z-index: 10;
        height: auto;
        order: 3;
        width: auto;
    }
    
    header .header-info .content .user,
    header .header-info .content .cart {
        margin:auto 10px;
    }
    
    header .header-info .content .user:before,
    header .header-info .content i {
        font-size:16px;
    }
    
    header .menu {
        height:40px;
        display:flex;
        width:auto;
        padding:0;
        position: unset;
    }
    
    header .navbar-toggler {
        top: 0;
        padding: 0;
        right: 0;
        border: 0;
        bottom: 0;
        outline:0;
        margin: auto 0 auto auto;
    }
    
    header .navbar-collapse {
        position: absolute;
        left: 0;
        top: 73px;
        background-color: var(--white);
        width: 100%;
        border-bottom: 2px solid var(--green);
        height: auto;
        padding: 20px 15px;
        z-index:1000;
    }
    
    header .menu .navbar-nav {
        height:auto;
    }
    
    header .menu .navbar-nav .nav-item {
        margin: 0 0 20px;
    }
    
    header .menu .navbar-nav .nav-item a {
        font-size:18px;
        outline:none!important;
    }
    
    header .menu .navbar-nav .nav-item:last-of-type {
        margin:0;
    }
    
    header .main-nav-item ul.dropdown-menu {
        border:none;
        padding:0;
        margin:10px auto auto 20px;
    }
    
    header .main-nav-item ul.dropdown-menu li a {
        margin:auto!important;
        font-family: 'Roboto Regular'!important;
    }
    
    
    /*------------------------------------ Footer ------------------------------------*/
    
    footer {
        padding:30px 0 20px!important;
    }
    
    footer .description .text p {
        margin:20px 0;
    }
    
    footer .description .phone,
    footer .description .mail {
        display:flex;
    }
    
    footer .description .mail {
        margin: auto auto 20px;
    }
    
    footer .description .phone p:first-of-type, footer .description .mail p:first-of-type {
        margin:0;
    }
    
    footer .description .phone p:last-of-type, footer .description .mail p:last-of-type {
        margin:0 0 0 5px;
    }
    
    footer .menu {
        padding:0 15px 20px;
    }
    
    footer .menu:last-of-type {
        padding:0;
    }
    
    footer .menu .title {
        width:100%;
        height:auto;
    }
    
    footer .menu .module-code nav ul li {
        height:auto;
    }
    
    footer .menu .module-code nav ul li a {
        margin:5px 0;
    }
    
    footer .bottom {
        margin-top:10px;
        padding-top:20px;
    }
    
    
    /*------------------------------------ Categorii generate ------------------------------------*/
    
    .breadcrumbs ol {
        flex-wrap:nowrap;
        padding:10px;
    }
    
    .breadcrumbs ol li a, .breadcrumbs ol .breadcrumb-item.active {
        letter-spacing:0;
        font-size:12px;
    }
    
    .breadcrumbs ol li i {
        margin:0 5px;
    }
    
    .filter-title {
        font-size:16px;
        position:absolute;
        left:0;
        right:0;
    }
    
    .products-list-receiver .product-item-thumb-wrap {
        height:150px;
    }
    
    .products-list-receiver .product-item-thumb-wrap a img {
        height:150px;
    }
    
    .container-categories {
        overflow-x: scroll;
        margin: 0 15px 50px;
        width: auto;
        padding: 0;
    }
    
    .container-categories::-webkit-scrollbar {
        height:6px;
    }
    
    .row-subcategories.justify-content-center.mt-5.mb-5 {
        width: max-content;
        display: flex;
        flex-flow: row;
        flex-direction: row;
        margin:40px auto 20px!important;
    }
    
    
    
    .row-subcategories .col-subcategory {
        width:100%;
        margin:0 20px 0 0;
        display: inline;
    }

    .container-categories .btn-load-subcategory {
        font-size:12px;
        width: max-content;
    }
    
    
    
    /*------------------------------------ Homepage ------------------------------------*/
    
    .section-1-home {
        height:100%;
    }
    
    .section-1-home .slider {
        padding:0;
        max-height:40vh;
        height:100%;
        margin-bottom:50px;
    }
    
    .section-1-home .slider .slick-slide {
        height:40vh;
    }
    
    .section-1-home .slider .slick-slide .slick-slide-inner {
        margin:auto 20px;
    }
    
    .section-1-home .content {
        max-height:100%;
        padding:0;
    }
    
    .section-1-home .content .info {
        width:100%;
        margin-bottom:30px!important;
    }
    
    .section-1-home .content .info:last-of-type {
        margin-bottom:0!important;
    }
    
    .section-1-home .content .info.small,
    .section-1-home .content .info.big {
        height:20vh;
    }
    
    .section-1-home .content .info .fickle-header h4 {
        font-size:20px;
    }
    
    .section-2-home {
        margin:50px auto auto;
    }
    
    .section-2-home .top-content {
        padding: 0 0 30px;
        margin-bottom: 30px;
        flex-direction: column;
    }
    
    .section-2-home .top-content .title p {
        font-size:18px;
        margin:auto auto 10px;
    }
    
    .cat-button a {
        padding:8px 20px;
    }
    
    .categ-image-wrapper {
        height:auto;
    }
    
    .categ-image-wrapper a img {
        height:150px;
    }
    
    .categories-item-wrapper {
        margin-bottom:20px;
    }
    
    .categ-title h2 {
        margin:20px auto;
        height:50px;
    }
    
    .categ-title h2 a {
        font-size:16px;
    }
    
    .categ-title .price {
        font-size:24px;
    }
    
    .categ-title .button-wrapper {
        margin:auto 0;
    }
    
    .categ-title button {
        font-size:14px;
        padding:10px;
    }
    
    .categories-grid {
        margin-bottom:0;
    }
    
    .section-3-home {
        padding:50px 0;
        margin:50px auto 0;
    }
    
    .section-3-home .content {
        max-width:100%;
        flex-direction:column;
        padding: 0 30px;
    }
    
    .section-3-home .content .module-code {
        padding:10px;
    }
    
    .section-3-home .content .module-code .countdown {
        width:100%;
    }
    
    .section-3-home .content .module-code .countdown .timer {
        justify-content:space-evenly;
    }
    
    .section-3-home .content .module-code .countdown .timer .item {
        padding:10px;
    }
    
    .section-3-home .content .module-code .countdown .timer .item span {
        font-size:40px;
    }
    
    .section-3-home .content .module-code .countdown .timer .item p {
        font-size:14px;
    }
    
    .section-3-home .content .text {
        margin:auto;
    }
    
    .section-3-home .content.content-without-timer .text {
        flex-direction:column;
    }
    
    .section-3-home .content .text p:first-of-type,
    .section-3-home .content.content-without-timer .text p:first-of-type {
        font-size:20px;
        margin:0 0 20px;
    }
    
    .section-3-home .content.content-without-timer .text p:last-of-type {
        margin:auto auto auto 0;
    }
    
    .section-3-home .content .text p a,
    .section-3-home .content.content-without-timer .text p a{
        padding:10px 30px;
        font-size:14px;
    }
    
    .section-4-home {
        margin:50px auto auto;
    }
    
    .section-4-home .content {
        max-width:100%;
        padding:0 15px;
        margin-bottom:50px;
    }
    
    .section-4-home .content .title {
        margin: auto auto 20px;
        border-bottom: 3px solid var(--green);
        padding-bottom: 10px;
    }
    
    .section-4-home .content .title p {
        font-size:18px;
        margin:auto;
    }
    
    .section-4-home .cat-button {
        margin-top:30px;
    }
    
    .section-5-home {
        padding:50px 0;
        max-width:100%;
    }
    
    .section-5-home .content .categories-grid {
        margin:auto;
    }
    
    .section-5-home .post {
        width:100%;
        margin-bottom:30px;
    }
    
    .section-5-home .post:last-of-type {
        margin-bottom:0;
    }
    
    .section-5-home .post .image {
        height:140px;
    }
    
    .section-5-home .post .image img {
        width:100%;
        height:auto;
    }
    
    .section-5-home .bottom a {
        border-radius:10px;
    }
    
    /*------------------------------------ Recomandate ------------------------------------*/
    
    .section-1-recomandate {
        height:auto;
    }
    
    .section-1-recomandate .slide-item {
        height:30vh;
    }
    
    .section-1-recomandate .slide-item .slide-image {
        height:100%;
    }
    
    .section-1-recomandate .slide-content {
        left:0;
        margin:auto;
        height:100%;
        z-index:1;
        display:flex;
        flex-direction:column;
        padding:20px 10px;
    }
    
    .section-1-recomandate .slide-content:before {
        content:'';
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:var(--black);
        opacity:35%;
        z-index:-1;
    }
    
    .section-1-recomandate .slide-item h3 {
        font-size: 12px;
        letter-spacing: 7px;
    }

    .section-1-recomandate .slide-item p {
        font-size: 14px;
        max-width:100%;
        margin:0;
    }
    
    .section-1-recomandate .slide-item .btn-wrapper a {
        margin:10px 0 0;
    }
    
    .banner-recommended {
        margin-top:50px;
        padding:50px 0;
    }
    
    .banner-recommended .content {
        max-width:100%;
        flex-direction:column;
        
    }
    
    .banner-recommended .content p {
        font-size:14px;
    }
    
    .banner-recommended .content .module-button {
        width: auto;
        text-align: left;
        margin-top: 20px;
    }
    
    .banner-recommended .content .module-button a {
        width:auto;
        padding:8px 20px;
        font-size:14px;
    }
    
    .cat-recommended .top-content {
        margin: 50px 0 20px;
        padding: 10px 0;
        flex-direction: column;
    }
    
    .cat-recommended .top-content .title p {
        font-size:18px;
        margin:0;
    }
    
    .cat-recommended .top-content .span p {
        font-size:14px;
    }
    
    
    /*------------------------------------ Blog ------------------------------------*/
    
    .section-1-blog .categories-grid {
        margin:auto;
    }
    
    .section-1-blog .post {
        width:100%;
        margin:auto auto 30px;
        flex-direction:column;
    }
    
    .section-1-blog .post .image {
        width: 100%;
        height: 150px;
    }
    
    .section-1-blog .post .image a {
        width:100%;
        display:flex;
        position:relative;
    }
    
    .section-1-blog .post .image a img {
        width:100%;
        height:auto;
        position: absolute;
        bottom: 0;
    }
    
    .section-1-blog .post .text {
        width:100%;
    }
    
    .section-1-blog .post:last-of-type {
        margin-bottom:auto;
    }
    
    body[data-pagetype="posts"] .back-button.mb-5 {
        margin:0 15px 20px!important;
    }
    
    body[data-pagetype="posts"] .page-header {
        width:100%;
    }
    
    body[data-pagetype="posts"] .page-header .page-header-background {
        height:25vh;
    }
    
    body[data-pagetype="posts"] .page-header h1 {
        font-size:28px;
    }
    
    body[data-pagetype="posts"] .type-posts .module-image {
        height:auto;
    }
    
    body[data-pagetype="posts"] .type-posts .module-image img {
        position:relative;
        top:auto;
        left:auto;
    }
    
    body[data-pagetype="posts"] .type-posts h2 {
        font-size:24px;
    }
    
    body[data-pagetype="posts"] .type-posts .video-js {
        height:200px;
    }
    
    /*------------------------------------ Contact ------------------------------------*/
    
    .section-1-contact .info-content {
        max-width:100%;
        height:auto;
        border:none;
        margin:auto auto 40px;
    }
    
    .section-1-contact .info-content .module.module-image img {
        max-width:500px;
        width:100%;
        height:auto;
    }
    
    .section-1-contact .info-content .title h1 {
        font-size:24px;
        margin:20px auto;
    }
    
    .section-1-contact .info-content .phone, .section-1-contact .info-content .mail {
        display:flex;
    }
    
    .section-1-contact .info-content .phone p:first-of-type, .section-1-contact .info-content .mail p:first-of-type {
        margin:0;
        font-size:16px;
    }
    
    .section-1-contact .info-content .phone p:last-of-type, .section-1-contact .info-content .mail p:last-of-type {
        margin:0 0 0 10px;
        font-size:16px;
    }
    
    .section-1-contact .info-content .mail {
        margin:5px 0 20px;
    }
    
    .section-1-contact .info-content .business-info ul li {
        font-size:16px;
    }
    
    .section-1-contact .content {
        height:auto;
        padding:0;
        max-width:100%;
    }
    
    .section-1-contact .content form .agreement-radio {
        margin:20px auto 10px!important;
    }
    
    .section-1-contact .content form .btn-section {
        margin:auto auto 80px;
    }
    
    /*------------------------------------ Produs ------------------------------------*/
    
    body[data-pagetype="products"] .header-mobile {
        padding-bottom:93px;
    }
    
    .single-product-row {
        margin:auto;
    }
    
    .product-top-content {
        padding:0 0 30px;
    }
    
    .product-top-content .info {
        flex-direction:column-reverse;
    }
    
    .product-top-content .info .product-sku {
        margin:0;
    }
    
    .product-top-content .info .product-rating .rating-container {
        margin:0;
        font-size: 16px!important;
        display: flex;
        align-items: center;
    }
    
    .single-product-row .theme-krajee-uni .clear-rating, .single-product-row .theme-krajee-uni .star, .single-product-row .rating-container .rating-stars, .single-product-row .rating-md {
        font-size:16px;
    }
    
    .product-top-content .breadcrumbs .content {
        flex-direction: column;
        margin-top: 14px;
    }
    
    .product-top-content .breadcrumbs .content p {
        margin:auto 0;
        text-align:start;
    }
    
    .single-product-image-col,
    .product-summary {
        max-width: 100%;
        flex: 100%;
    }
    
    .single-product-image-col img {
        width:100%;
        max-width: 200px;
        margin: auto;
        display: block;
    }
    
    .single-product-row .top-content {
        flex-direction:column;
    }
    
    .single-product-row .top-content .price-wrapper {
        width:100%;
    }
    
    .single-product-row .top-content .price-wrapper p,
    .single-product-row .top-content .price-wrapper .price{
        font-size:28px;
    }
    
    .single-product-row .top-content .action-buttons {
        width:100%;
        margin:20px 0 0;
        justify-content: flex-start;
    }
    
    .single-product-row .top-content .add-to-cart {
        width:fit-content;
    }
    
    .single-product-row .spec p,
    .single-product-row .extra .tech-details span,
    .single-product-row .reviews p {
        font-size:24px;
    }
    
    .single-product-row .create-review {
        flex-direction:column;
    }
    
    .single-product-row .create-review button {
        margin:auto 0;
    }
    
    .single-product-row .reviews .form-group.row:first-of-type .col-12:first-of-type {
        margin-bottom:30px;
    }
    
    .single-product-row .acceptance label {
        padding: 0;
        top: auto;
        font-size: 16px;
        left: auto;
        line-height: 1.2;
        position:Relative;
    }
    
    .single-product-row .acceptance label input {
        margin:Auto;
    }
    
    #review-form-response {
        margin:0!important;
    }
    
    .related-product h4 {
        font-size:24px;
    }
    
    /*------------------------------------ Contul meu ------------------------------------*/
    
    .informatii-personale ul li {
        flex-direction:column;
        align-items:baseline;
    }
    
    .my-account-structure.informatii-personale ul li span {
        margin:10px 0;
    }
    
    .my-account-structure.informatii-personale ul li a {
        line-height:1;
    }
    
    .comanda-detaliata .order-product-list .product-title {
        width:50%;
    }
    
    .comanda-detaliata .order-product-list .value {
        width:25%;
    }
    
    .favorite li .content {
        flex-direction:column;
        align-items:baseline;
    }
    
    .favorite li .content img {
        width:40%;
    }
    
    .favorite .fav-prod-title {
        width:100%;
        margin:10px 0;
    }
    
    .favorite .price-wrapper {
        width:100%;
    }
    
    .favorite .price-wrapper .old-price {
        margin:auto 0;
    }
    
    .favorite .price-wrapper p,
    .favorite .price-wrapper .price {
        font-size:18px;
    }
    
    .favorite .price-wrapper .vat {
        margin:auto 0;
    }
    
    .favorite .fav-prod-buttons {
        flex-direction:column;
        align-items:baseline;
    }
    
    .my-account-structure ul li a {
        font-size:14px;
    }
    
    .favorite .fav-prod-buttons .add-to-cart {
        margin:20px 0;
    }
    
    .my-account-structure.security form {
        flex-direction:column;
        margin-top:16px;
    }
    
    .my-account-structure.security .form-group {
        width:100%;
        margin:14px 0;
    }
    
    .my-account-structure ul li {
        flex-direction:column;
        align-items:baseline;
    }
    
    .my-account-structure ul li span {
        margin:10px 0;
    }
    
    .my-account-structure ul li .total-value {
        margin-bottom:10px;
    }
    
}

@media screen and (min-width: 426px) and (max-width: 768px) {
    
    /*------------------------------------ Miscellaneous ------------------------------------*/
    
    .container {
        max-width:100%!important;
    }
    
    main {
        min-height:auto;
    }
    
    /*------------------------------------ Cart & Checkout ------------------------------------*/
    
    .page-id-cart .builder-section.py-5 {
        padding-top:0!important;
        padding-bottom:0!important;
    }
    
    .cart-page__container {
        padding:0 15px;
    }
    
    .cart-page__container .cart-title {
        font-size:34px;
    }
    
    .cart-page__container .cart-content {
        border:none;
    }
    
    .cart-content-heading ul {
        margin-bottom:25px;
    }
    
    .cart-content-heading ul li {
        text-align:Center;
        border-right: 1px solid var(--green);
        max-width: 33.33333%!important;
    }
    
    .cart-content-heading ul li:last-of-type {
        border:none;
    }
    
    .cart-item-inner .cart-prod-price {
        text-align:Center;
    }
    
    .cart-item-inner .item-qty {
        margin: auto;
        max-width: 100%;
        justify-content: center;
    }
    
    .cart-item {
        margin-bottom:30px;
    }
    
    .cart-item-inner .cart-item-product-group {
        flex-direction:column;
        align-items:Center;
    }
    
    .cart-item-inner .cart-item-product-group .item-action {
            margin: 0;
        flex-direction: column;
        width: auto;
        text-align: center;
        justify-content: center;
    }
    
    .cart-item-inner .cart-item-product-group .item-action a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
    
    .cart-item-inner .cart-item-product-group .item-action button {
        padding: 5px 10px;
        width: fit-content;
        margin: auto;
    }
    
    .cart__container .cart-heading {
        margin-bottom:30px;
    }
    
    .cart__container .cart-sumar-details {
        width:100%;
    }
    
    .cart__container .cart-sumar-details .cart-sumar-details__products,
    .cart__container .cart-sumar-details .cart-sumar-details__reducere,
    .cart__container .cart-sumar-details .cart-sumar-details__taxes,
    .cart__container .cart-sumar-details .cart-sumar-details__total {
        width:100%;
    }
    
    .cart__container .cart-sumar-details .cart-sumar-details__total span:first-of-type {
        font-size:20px;
    }
    
    .cart__container .cart-checkout-btn {
        margin: 30px auto;
        font-size: 14px;
        padding: 10px 20px;
    }
    
    .checkout-page__container {
        margin:-3rem 0;
    }
    
    /*------------------------------------ Header ------------------------------------*/
    
    .header-mobile {
        padding-bottom:123px;
    }
    
    header .top {
        flex-direction:row;
    }
    
    header .contact-info {
        width:65%
    }
    
    header .essentials {
        width:35%;
    }
    
    header .contact-info .secondary-menu,
    header .essentials .secondary-menu {
        width:100%;
    }
    
    header .contact-info .secondary-menu .nav,
    header .essentials .secondary-menu .nav {
        justify-content: space-around;
    }
    
    header .top .contact-info a,
    header .top .essentials a {
        padding:0;
        margin:0;
        font-size:12px;
    }
    
    header .top .essentials .nav-item-log-in {
        display:flex;
    }
    
    header .top .essentials button {
        color: var(--gray);
        border: 0;
        background-color: transparent;
        font-family: 'Roboto Regular';
        font-size: 12px;
        letter-spacing: .3px;
        padding: 0;
        margin: auto;
        display: flex;
        align-items: center;
    }
    
    header .navbar {
        padding:0;
    }
    
    .header-mobile .navbar {
        position: fixed;
        z-index: 1000;
        background-color: #fff;
        width: 100%;
        padding: 0;
        animation: inView .5s normal forwards ease-in-out;
    }
    
    @keyframes inView {
        
        0% {
            top:-100%;
        }
        
        100% {
            top:0;
        }
        
    }
    
    header .navbar .container {
        display: flex;
        flex-flow: row;
        padding: 15px;
    }
    
    header .header-info {
        margin: 0;
        height: auto;
        width: auto;
    }
    
    header .header-info .search-wrapper {
        width: auto;
        margin: auto;
        order: 2;
        display: flex;
    }
    
    header .header-info .search-wrapper .form-control {
        width: 120px!important;
        padding: 0 10px!important;
        height: auto;
        margin-left: 10px!important;
    }
    
    header .header-info .navbar-brand {
        display:flex;
        height:fit-content;
    }
    
    header .header-info .navbar-brand img {
        max-height:25px;
    }
    
    header .header-info .content {
            z-index: 10;
        height: auto;
        order: 3;
        width: auto;
    }
    
    header .header-info .content .user,
    header .header-info .content .cart {
        margin:auto 10px;
    }
    
    header .header-info .content .user:before,
    header .header-info .content i {
        font-size:16px;
    }
    
    header .menu {
        height:40px;
        display:flex;
        width:auto;
        padding:0;
        position: unset;
    }
    
    header .navbar-toggler {
        top: 0;
        padding: 0;
        right: 0;
        border: 0;
        bottom: 0;
        outline:0;
        margin: auto 0 auto auto;
    }
    
    header .navbar-collapse {
        position: absolute;
        left: 0;
        top: 73px;
        background-color: var(--white);
        width: 100%;
        border-bottom: 2px solid var(--green);
        height: auto;
        padding: 20px 15px;
        z-index:1000;
    }
    
    header .menu .navbar-nav {
        height:auto;
    }
    
    header .menu .navbar-nav .nav-item {
        margin: 0 0 20px;
    }
    
    header .menu .navbar-nav .nav-item a {
        font-size:18px;
    }
    
    header .menu .navbar-nav .nav-item:last-of-type {
        margin:0;
    }
    
    header .main-nav-item ul.dropdown-menu {
        border:none;
        padding:0;
        margin:10px auto auto 20px;
    }
    
    header .main-nav-item ul.dropdown-menu li a {
        margin:auto!important;
        font-family: 'Roboto Regular'!important;
    }
    
    /*------------------------------------ Footer ------------------------------------*/
    
    footer {
        padding:30px 0 20px!important;
    }
    
    footer .description .text p {
        margin:20px 0;
    }
    
    footer .description .phone,
    footer .description .mail {
        display:flex;
    }
    
    footer .description .mail {
        margin: auto auto 20px;
    }
    
    footer .description .phone p:first-of-type, footer .description .mail p:first-of-type {
        margin:0;
    }
    
    footer .description .phone p:last-of-type, footer .description .mail p:last-of-type {
        margin:0 0 0 5px;
    }
    
    footer .menu {
        padding:0 15px 20px;
        max-width: 33.333333%;
    }
    
    footer .menu:last-of-type {
        padding:0;
    }
    
    footer .menu .title {
        width:100%;
        height:auto;
    }
    
    footer .menu .module-code nav ul li {
        height:auto;
    }
    
    footer .menu .module-code nav ul li a {
        margin:5px 0;
        font-size: 14px;
    }
    
    footer .bottom {
        margin-top:10px;
        padding-top:20px;
    }
    
    /*------------------------------------ Categorii generate ------------------------------------*/
    
    .breadcrumbs ol {
        flex-wrap:nowrap;
    }
    
    .breadcrumbs ol li a, .breadcrumbs ol .breadcrumb-item.active {
        letter-spacing:0;
    }
    
    .filter-title {
        font-size:16px;
    }
    
    .products-list-receiver .product-item-thumb-wrap {
        height:150px;
    }
    
    .products-list-receiver .product-item-thumb-wrap a img {
        height:150px;
    }
    
    /*------------------------------------ Homepage ------------------------------------*/
    
    .section-1-home {
        height:100%;
    }
    
    .section-1-home .slider {
        padding:0;
        max-height:40vh;
        height:100%;
        margin-bottom:50px;
    }
    
    .section-1-home .slider .slick-slide {
        height:40vh;
    }
    
    .section-1-home .slider .slick-slide .slick-slide-inner {
        margin:auto 20px;
    }
    
    .section-1-home .content {
        max-height:100%;
        padding:0;
    }
    
    .section-1-home .content .info {
        width:100%;
        margin-bottom:50px!important;
    }
    
    .section-1-home .content .info:last-of-type {
        margin-bottom:0!important;
    }
    
    .section-1-home .content .info.small,
    .section-1-home .content .info.big {
        height:20vh;
    }
    
    .section-2-home {
        margin:50px auto auto;
    }
    
    .section-2-home .top-content {
        padding: 0 0 30px;
        margin-bottom: 30px;
        flex-direction: column;
    }
    
    .section-2-home .top-content .title p {
        font-size:18px;
        margin:auto auto 10px;
    }
    
    .cat-button a {
        padding:8px 20px;
    }
    
    .categ-image-wrapper {
        height:auto;
    }
    
    .categ-image-wrapper a img {
        height:150px;
    }
    
    .categ-title h2 {
        margin:20px auto;
        height:50px;
    }
    
    .categ-title h2 a {
        font-size:16px;
    }
    
    .categ-title .price {
        font-size:22px;
    }
    
    .categ-title .button-wrapper {
        margin:auto 0;
    }
    
    .categ-title button {
        font-size:16px;
        padding:10px 20px;
    }
    
    .categories-item-wrapper {
        margin-bottom:20px;
        max-width:48%;
    }
    
    .categories-grid {
        margin-bottom:0;
    }
    
    .section-3-home {
        padding:50px 0;
        margin:50px auto 0;
    }
    
    .section-3-home .content {
        max-width:100%;
        flex-direction:column;
        padding: 0 30px;
    }
    
    .section-3-home .content .module-code .countdown {
        width:100%;
    }
    
    .section-3-home .content .module-code .countdown .timer {
        justify-content:space-evenly;
    }
    
    .section-3-home .content .module-code .countdown .timer .item {
        padding:10px;
    }
    
    .section-3-home .content .module-code .countdown .timer .item span {
        font-size:60px;
    }
    
    .section-3-home .content .module-code .countdown .timer .item p {
        font-size:18px;
    }
    
    .section-3-home .content .text {
        margin:auto;
    }
    
    .section-3-home .content .text p:first-of-type {
        font-size:24px;
        margin:20px auto;
    }
    
    .section-3-home .content .text p a {
        padding:10px 30px;
        font-size:18px;
    }
    
    .section-4-home {
        margin:50px auto auto;
    }
    
    .section-4-home .content {
        max-width:100%;
        padding:0 15px;
        margin-bottom:50px;
    }
    
    .section-4-home .content .title {
        margin: auto auto 35px;
        border-bottom: 3px solid var(--green);
        padding-bottom: 30px;
    }
    
    .section-4-home .content .title p {
        font-size:18px;
        margin:auto;
    }
    
    .section-4-home .cat-button {
        margin-top:30px;
    }
    
    .section-5-home {
        padding:50px 0;
        max-width:100%;
    }
    
    .section-5-home .content .categories-grid {
        margin:auto;
    }
    
    .section-5-home .post {
        width:100%;
        margin-bottom:30px;
    }
    
    .section-5-home .post:last-of-type {
        margin-bottom:0;
    }
    
    .section-5-home .post .image {
        height:140px;
    }
    
    /*------------------------------------ Recomandate ------------------------------------*/
    
    .section-1-recomandate {
        height:auto;
    }
    
    .section-1-recomandate .slide-item {
        height:30vh;
    }
    
    .section-1-recomandate .slide-item .slide-image {
        height:100%;
    }
    
    .section-1-recomandate .slide-content {
        left:0;
        margin:auto;
        height:100%;
        z-index:1;
        display:flex;
        flex-direction:column;
        padding:20px 10px;
        justify-content: center;
    }
    
    .section-1-recomandate .slide-content:before {
        content:'';
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:var(--black);
        opacity:35%;
        z-index:-1;
    }
    
    .section-1-recomandate .slide-item h3 {
        font-size: 12px;
        letter-spacing: 7px;
    }

    .section-1-recomandate .slide-item p {
        font-size: 14px;
        max-width:100%;
        margin:0;
    }
    
    .section-1-recomandate .slide-item .btn-wrapper a {
        margin:10px 0 0;
    }
    
    .banner-recommended {
        margin-top:50px;
        padding:50px 0;
    }
    
    .banner-recommended .content {
        max-width:100%;
        flex-direction:column;
        
    }
    
    .banner-recommended .content p {
        font-size:14px;
    }
    
    .banner-recommended .content .module-button {
        width: auto;
        text-align: left;
        margin-top: 20px;
    }
    
    .banner-recommended .content .module-button a {
        width:auto;
        padding:8px 20px;
        font-size:14px;
    }
    
    .cat-recommended .top-content {
        margin: 50px 0 20px;
        padding: 10px 0;
        flex-direction: column;
    }
    
    .cat-recommended .top-content .title p {
        font-size:18px;
        margin:0;
    }
    
    .cat-recommended .top-content .span p {
        font-size:14px;
    }
    
    /*------------------------------------ Blog ------------------------------------*/
    
    .section-1-blog .categories-grid {
        margin:auto;
    }
    
    .section-1-blog .post {
        width:100%;
        max-width:400px;
        margin:auto auto 30px;
        flex-direction:column;
    }
    
    .section-1-blog .post .image {
        width: 100%;
        height: 150px;
    }
    
    .section-1-blog .post .image a {
        width:100%;
        display:flex;
        position:relative;
    }
    
    .section-1-blog .post .image a img {
        width:100%;
        height:auto;
        position: absolute;
        bottom: 0;
    }
    
    .section-1-blog .post:last-of-type {
        margin-bottom:auto;
    }
    
    
    /*------------------------------------ Contact ------------------------------------*/
    
    .section-1-contact .info-content {
        max-width:100%;
        height:auto;
        border:none;
    }
    
    .section-1-contact .info-content .module.module-image img {
        max-width:500px;
        width:100%;
        height:auto;
    }
    
    .section-1-contact .info-content .title h1 {
        font-size:24px;
        margin:20px auto;
    }
    
    .section-1-contact .info-content .phone, .section-1-contact .info-content .mail {
        display:flex;
    }
    
    .section-1-contact .info-content .phone p:first-of-type, .section-1-contact .info-content .mail p:first-of-type {
        margin:0;
        font-size:16px;
    }
    
    .section-1-contact .info-content .phone p:last-of-type, .section-1-contact .info-content .mail p:last-of-type {
        margin:0 0 0 10px;
        font-size:16px;
    }
    
    .section-1-contact .info-content .mail {
        margin:5px 0 20px;
    }
    
    .section-1-contact .info-content .business-info ul li {
        font-size:16px;
    }
    
    .section-1-contact .content {
        height:auto;
        padding:0;
        max-width:100%;
    }
    
    .section-1-contact .content form .agreement-radio {
        margin:20px auto 10px!important;
    }
    
    .section-1-contact .content form .btn-section {
        margin:auto auto 80px;
    }
    
    /*------------------------------------ Produs ------------------------------------*/
    
    body[data-pagetype="products"] .header-mobile {
        padding-bottom:93px;
    }
    
    .single-product-row {
        margin:auto;
    }
    
    .product-top-content {
        padding:0 0 30px;
    }
    
    .product-top-content .info {
        flex-direction:column-reverse;
    }
    
    .product-top-content .info .product-sku {
        margin:0;
    }
    
    .product-top-content .info .product-rating .rating-container {
        margin:0;
    }
    
    .single-product-image-col,
    .product-summary {
        max-width: 100%;
        flex: 100%;
    }
    
    .single-product-image-col img {
        width:100%;
        max-width: 300px;
        margin: auto;
        display: block;
    }
    
    .single-product-row .top-content {
        flex-direction:column;
    }
    
    .single-product-row .top-content .price-wrapper {
        width:100%;
    }
    
    .single-product-row .top-content .price-wrapper p,
    .single-product-row .top-content .price-wrapper .price{
        font-size:28px;
    }
    
    .single-product-row .top-content .action-buttons {
        width:100%;
        margin:20px 0 0;
        justify-content: flex-start;
    }
    
    .single-product-row .top-content .add-to-cart {
        width:fit-content;
    }
    
    .single-product-row .spec p,
    .single-product-row .extra .tech-details span,
    .single-product-row .reviews p {
        font-size:24px;
    }
    
    .single-product-row .create-review {
        flex-direction:column;
    }
    
    .single-product-row .create-review button {
        margin:auto 0;
        width:fit-content;
    }
    
    .single-product-row .reviews .form-group.row:first-of-type .col-12:first-of-type {
        margin-bottom:30px;
    }
    
    .single-product-row .reviews button {
        margin:0 0 auto;
        padding:8px 20px;
    }
    
    .single-product-row .acceptance label {
        padding: 0;
        top: auto;
        font-size: 16px;
        left: auto;
        line-height: 1.2;
        position:Relative;
    }
    
    .single-product-row .acceptance label input {
        margin:Auto;
    }
    
    #review-form-response {
        margin:0!important;
    }
    
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    
    /*------------------------------------ Miscellaneous ------------------------------------*/
    
    .container {
        max-width:100%!important;
    }
    
    main {
        min-height:auto;
    }
    
    /*------------------------------------ Header ------------------------------------*/
    
    .header-mobile {
        padding-bottom:123px;
    }
    
    header .top {
        flex-direction:row;
    }
    
    header .contact-info {
        width:65%
    }
    
    header .essentials {
        width:35%;
    }
    
    header .contact-info .secondary-menu,
    header .essentials .secondary-menu {
        width:100%;
    }
    
    header .contact-info .secondary-menu .nav,
    header .essentials .secondary-menu .nav {
        justify-content: space-around;
    }
    
    header .top .contact-info a,
    header .top .essentials a {
        padding:0;
        margin:0;
        font-size:12px;
    }
    
     header .top .essentials .nav-item-log-in {
         display:flex;
     }
    
    header .top .essentials button {
        color: var(--gray);
        border: 0;
        background-color: transparent;
        font-family: 'Roboto Regular';
        font-size: 12px;
        letter-spacing: .3px;
        padding: 0;
        margin: auto;
        display: flex;
        align-items: center;
    }
    
    header .navbar {
        padding:0;
    }
    
    .header-mobile .navbar {
        position: fixed;
        z-index: 1000;
        background-color: #fff;
        width: 100%;
        padding: 0;
        animation: inView .5s normal forwards ease-in-out;
    }
    
    @keyframes inView {
        
        0% {
            top:-100%;
        }
        
        100% {
            top:0;
        }
        
    }
    
    header .navbar .container {
        display: flex;
        flex-flow: row;
        padding: 15px;
    }
    
    header .header-info {
        margin: 0;
        height: auto;
        width: auto;
    }
    
    header .header-info .search-wrapper {
        width: auto;
        margin: auto;
        order: 2;
        display: flex;
    }
    
    header .header-info .search-wrapper .form-control {
        width: 250px!important;
        padding: 0 10px!important;
        height: auto;
        margin-left: 10px!important;
    }
    
    header .header-info .navbar-brand {
        display:flex;
        height:fit-content;
    }
    
    header .header-info .navbar-brand img {
        max-height:25px;
    }
    
    header .header-info .content {
            z-index: 10;
        height: auto;
        order: 3;
        width: auto;
    }
    
    header .header-info .content .user,
    header .header-info .content .cart {
        margin:auto 10px;
    }
    
    header .header-info .content .user:before,
    header .header-info .content i {
        font-size:16px;
    }
    
    header .menu {
        height:40px;
        display:flex;
        width:auto;
        padding:0;
        position: unset;
    }
    
    header .navbar-toggler {
        top: 0;
        padding: 0;
        right: 0;
        border: 0;
        bottom: 0;
        outline:0;
        margin: auto 0 auto auto;
    }
    
    header .navbar-collapse {
        position: absolute;
        left: 0;
        top: 73px;
        background-color: var(--white);
        width: 100%;
        border-bottom: 2px solid var(--green);
        height: auto;
        padding: 20px 15px;
        z-index:1000;
    }
    
    header .menu .navbar-nav {
        height:auto;
    }
    
    header .menu .navbar-nav .nav-item {
        margin: 0 0 20px;
    }
    
    header .menu .navbar-nav .nav-item a {
        font-size:18px;
    }
    
    header .menu .navbar-nav .nav-item:last-of-type {
        margin:0;
    }
    
    header .main-nav-item ul.dropdown-menu {
        border:none;
        padding:0;
        margin:10px auto auto 20px;
    }
    
    header .main-nav-item ul.dropdown-menu li a {
        margin:auto!important;
        font-family: 'Roboto Regular'!important;
    }
    
    /*------------------------------------ Footer ------------------------------------*/
    
    footer {
        padding:30px 0 20px!important;
    }
    
    footer .description {
        flex-flow:wrap;
        display:flex;
        margin-bottom:20px;
    }
    
    footer .description .text p {
        margin:20px 0;
    }
    
    footer .description .phone,
    footer .description .mail {
        display:flex;
        width:fit-content;
    }
    
    footer .description .mail {
        margin: 0 0 0 20px;
    }
    
    footer .description .phone p:first-of-type, footer .description .mail p:first-of-type {
        margin:0;
    }
    
    footer .description .phone p:last-of-type, footer .description .mail p:last-of-type {
        margin:0 0 0 5px;
    }
    
    footer .menu {
        padding:0 15px 20px;
        max-width: 33.333333%;
    }
    
    footer .menu:last-of-type {
        padding:0;
    }
    
    footer .menu .title {
        width:100%;
        height:auto;
    }
    
    footer .menu .module-code nav ul li {
        height:auto;
    }
    
    footer .menu .module-code nav ul li a {
        margin:5px 0;
        font-size: 16px;
    }
    
    footer .bottom {
        margin-top:10px;
        padding-top:20px;
    }
    
    /*------------------------------------ Cart & Checkout ------------------------------------*/
    
    .page-id-cart .builder-section.py-5 {
        padding-top:0!important;
        padding-bottom:0!important;
    }
    
    .cart-page__container {
        padding:0 15px;
    }
    
    .cart-page__container .cart-title {
        font-size:34px;
    }
    
    .cart-page__container .cart-content {
        border:none;
    }
    
    .cart-content-heading ul {
        margin-bottom:25px;
    }
    
    .cart-content-heading ul li {
        text-align:Center;
        border-right: 1px solid var(--green);
    }
    
    .cart-content-heading ul li:last-of-type {
        border:none;
    }
    
    .cart-item-inner .cart-prod-price {
        text-align:Center;
    }
    
    .cart-item-inner .item-qty {
        margin: auto;
        max-width: 100%;
        justify-content: center;
    }
    
    .cart-item {
        margin-bottom:30px;
    }
    
    .cart-item-inner .cart-item-product-group {
        flex-direction:column;
        align-items:Center;
    }
    
    .cart-item-inner .cart-item-product-group .item-action {
            margin: 0;
        flex-direction: column;
        width: auto;
        text-align: center;
        justify-content: center;
    }
    
    .cart-item-inner .cart-item-product-group .item-action a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
    
    .cart-item-inner .cart-item-product-group .item-action button {
        padding: 5px 10px;
        width: fit-content;
        margin: auto;
    }
    
    .cart__container .cart-heading {
        margin-bottom:30px;
    }
    
    .cart__container .cart-sumar-details {
        width:100%;
    }
    
    .cart__container .cart-sumar-details .cart-sumar-details__products,
    .cart__container .cart-sumar-details .cart-sumar-details__reducere,
    .cart__container .cart-sumar-details .cart-sumar-details__taxes,
    .cart__container .cart-sumar-details .cart-sumar-details__total {
        width:100%;
    }
    
    .cart__container .cart-sumar-details .cart-sumar-details__total span:first-of-type {
        font-size:20px;
    }
    
    .cart__container .cart-checkout-btn {
        margin: 30px auto;
        font-size: 14px;
        padding: 10px 20px;
    }
    
    .checkout-page__container {
        margin:-3rem 0;
    }
    
    .checkout-form-col,
    .checkout-details-col{
        max-width:50%;
        flex:50%;
    }
    
    .checkout-page__container .form-content .form-group input,
    .checkout-page__container .create-account .form-group input,
    .checkout-page__container .other-address .form-group input {
        padding: 5px 30px;
        height:40px;
    }
    
    .checkout-details-col .summary-items ul {
        height:36px;
    }
    
    .checkout-details-col .summary-items ul a {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 200px;
    }
    
    .checkout-page__container .form-content .form-group textarea {
        height:100px;
    }
    
    /*------------------------------------ Categorii generate ------------------------------------*/
    
    
    .products-list-receiver .product-item-thumb-wrap {
        height:150px;
    }
    
    .products-list-receiver .product-item-thumb-wrap a img {
        height:150px;
    }
    
    .products-list-receiver .product-wrapper__title__price .price {
        font-size:18px;
    }
    
    /*------------------------------------ Blog ------------------------------------*/
    
    .section-1-blog .categories-grid {
        margin:auto;
    }
    
    .section-1-blog .post {
        width:48%;
        margin:auto auto 30px;
        flex-direction:column;
    }
    
    .section-1-blog .post .image {
        width: 100%;
        height: 150px;
    }
    
    .section-1-blog .post .image a {
        width:100%;
        display:flex;
        position:relative;
    }
    
    .section-1-blog .post .image a img {
        width:100%;
        height:auto;
        position: absolute;
        bottom: 0;
    }
    
    
     /*------------------------------------ Homepage ------------------------------------*/
    
    .section-1-home {
        height:100%;
    }
    
    .section-1-home .slider {
        padding:0;
        max-height:40vh;
        height:100%;
        margin-bottom:50px;
    }
    
    .section-1-home .slider .slick-slide {
        height:40vh;
    }
    
    .section-1-home .slider .slick-slide .slick-slide-inner {
        margin:auto 20px;
    }
    
    .section-1-home .content {
        max-height:100%;
        padding:0;
        flex-direction:row;
    }
    
    .section-1-home .content .info {
        width:100%;
        margin-bottom:50px!important;
    }
    
    .section-1-home .content .info:last-of-type {
        margin-bottom:0!important;
    }
    
    .section-1-home .content .info.small,
    .section-1-home .content .info.big {
        height:20vh;
        width:48%;
        margin:0;
    }
    
    .section-1-home .content .info .fickle-header {
        margin:auto 0;
    }
    
    .section-2-home {
        margin:50px auto auto;
    }
    
    .section-2-home .top-content {
        padding: 0 0 30px;
        margin-bottom: 30px;
        flex-direction: column;
    }
    
    .section-2-home .top-content .title p {
        font-size:18px;
        margin:auto auto 10px;
    }
    
    .cat-button a {
        padding:8px 20px;
    }
    
    .categ-image-wrapper {
        height:auto;
    }
    
    .categ-image-wrapper a img {
        height:150px;
    }
    
    .categories-item-wrapper {
        margin-bottom:20px;
    }
    
    .categories-grid {
        margin-bottom:0;
    }
    
    .section-3-home {
        padding:50px 0;
        margin:40px auto 0;
    }
    
    .section-3-home .content {
        max-width: 100%;
        flex-direction: row;
        padding: 0;
    }
    
    .section-3-home .content .module-code {
        margin:0 20px;
        width: fit-content;
    }
    
    .section-3-home .content .module-code .countdown {
        margin:auto;
    }
    
    .section-3-home .content .module-code .countdown .timer .item {
        padding:10px;
    }
    
    .section-3-home .content .module-code .countdown .timer .item span {
        font-size:40px;
    }
    
    .section-3-home .content .module-code .countdown .timer .item p {
        font-size:12px;
    }
    
    .section-3-home .content .text {
        margin:0 20px;
    }
    
    .section-3-home .content .text p:first-of-type {
        font-size:32px;
        margin:auto auto 20px;
    }
    
    .section-3-home .content .text p a {
        padding:6px 20px;
        font-size:18px;
    }
    
    .section-4-home {
        margin:50px auto auto;
    }
    
    .section-4-home .content {
        max-width:100%;
        padding:0 15px;
        margin-bottom:50px;
    }
    
    .section-4-home .content .title {
        margin: auto auto 20px;
        border-bottom: 3px solid var(--green);
        padding-bottom: 10px;
    }
    
    .section-4-home .content .title p {
        font-size:24px;
        margin:auto;
    }
    
    .section-4-home .cat-button {
        margin-top:30px;
    }
    
    .section-5-home {
        padding:50px 0;
        max-width:100%;
    }
    
    .section-5-home .content .categories-grid {
        margin:auto;
    }
    
    .section-5-home .post {
        width:48%;
        margin-bottom:20px;
    }
    
    .section-5-home .post .image {
        height:140px;
    }
    
    /*------------------------------------ Recomandate ------------------------------------*/
    
    .section-1-recomandate {
        height:auto;
    }
    
    .section-1-recomandate .slide-item {
        height:30vh;
    }
    
    .section-1-recomandate .slide-item .slide-image {
        height:100%;
    }
    
    .section-1-recomandate .slide-content {
        left:0;
        margin:auto;
        height:100%;
        z-index:1;
        display:flex;
        flex-direction:column;
        padding:20px 10px;
        justify-content: center;
    }
    
    .section-1-recomandate .slide-content:before {
        content:'';
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:var(--black);
        opacity:35%;
        z-index:-1;
    }
    
    .section-1-recomandate .slide-item h3 {
        font-size: 12px;
        letter-spacing: 7px;
    }

    .section-1-recomandate .slide-item p {
        font-size: 14px;
        max-width:100%;
        margin:0;
    }
    
    .section-1-recomandate .slide-item .btn-wrapper a {
        margin:10px 0 0;
    }
    
    .banner-recommended {
        margin-top:50px;
        padding:50px 0;
    }
    
    .banner-recommended .content {
        max-width:100%;
        flex-direction:column;
        
    }
    
    .banner-recommended .content p {
        font-size:14px;
    }
    
    .banner-recommended .content .module-button {
        width: auto;
        text-align: left;
        margin-top: 20px;
    }
    
    .banner-recommended .content .module-button a {
        width:auto;
        padding:8px 20px;
        font-size:14px;
    }
    
    .cat-recommended .top-content {
        margin: 50px 0 20px;
        padding: 10px 0;
        flex-direction: column;
    }
    
    .cat-recommended .top-content .title p {
        font-size:18px;
        margin:0;
    }
    
    .cat-recommended .top-content .span p {
        font-size:14px;
    }
    
    /*------------------------------------ Contact ------------------------------------*/
    
    .section-1-contact {
        margin-bottom:50px;
    }
    
    .section-1-contact .info-content {
        max-width:50%;
        height:auto;
    }
    
    .section-1-contact .info-content .module.module-image img {
        width:100%;
        height:100%;
    }
    
    .section-1-contact .content {
        max-width: 50%;
        padding-left: 15px;
        height: auto;
    }
    
    .section-1-contact .content .contact-content .col-lg-12 {
        padding:0;
    }
    
    .section-1-contact .content form .agreement-radio {
        margin:20px 0!important;
    }
    
    /*------------------------------------ Produs ------------------------------------*/
    
    body[data-pagetype="products"] .header-mobile {
        padding-bottom:93px;
    }
    
    .single-product-row .single-product-image-col {
        max-width:50%;
        flex:50%;
    }
    
    .single-product-row .single-product-image-col img {
        width:100%;
    }
    
    .single-product-row .top-content {
        flex-direction:column;
    }
    
    .single-product-row .top-content .price-wrapper {
        width:100%;
    }
    
    .single-product-row .top-content .price-wrapper p,
    .single-product-row .top-content .price-wrapper .price{
        font-size:28px;
    }
    
    .single-product-row .top-content .action-buttons {
        width:100%;
        margin:20px 0 0;
        justify-content: flex-start;
    }
    
    .single-product-row .top-content .add-to-cart {
        width:fit-content;
    }
    
    .single-product-row .product-summary {
        max-width:50%;
        flex:50%;
    }
    
    .single-product-row .spec p,
    .single-product-row .extra .tech-details span,
    .single-product-row .reviews p {
        font-size:24px;
    }
    
    .single-product-row .rating-stars input {
        height:auto!important;
    }
    
    .single-product-row .theme-krajee-uni .clear-rating {
        font-size:24px;
    }
    
    .single-product-row .theme-krajee-uni .star {
        font-size:24px;
    }
    
    .single-product-row .reviews .form-group input {
        padding:0 30px;
        height:34px;
    }
    
    .single-product-row .create-review {
        flex-direction:column;
    }
    
    .single-product-row .create-review button {
        margin:auto 0;
        width:fit-content;
    }
    
    .single-product-row .reviews .form-group.row:first-of-type .col-12:first-of-type {
        margin-bottom:30px;
    }
    
    .single-product-row .reviews button {
        margin:0 0 auto;
        padding:8px 20px;
    }
    
    .single-product-row .acceptance label {
        padding: 0;
        top: auto;
        font-size: 16px;
        left: auto;
        line-height: 1.2;
        position:Relative;
    }
    
    .single-product-row .acceptance .form-group {
        margin:auto;
    }
    
    .single-product-row .acceptance label input {
        margin:Auto!important;
        padding:0!important;
        height:auto!important;
    }
    
    #review-form-response {
        margin:0!important;
    }
    
    .single-product-row .reviews .form-group textarea {
        height:100px;
    }
    
}


@media screen and (min-width: 992px) and (max-width: 1200px) {
    
    /*------------------------------------ Miscellaneous ------------------------------------*/
    
    .container {
        max-width:100%!important;
    }
    
    main {
        min-height:auto;
    }
    
    /*------------------------------------ Footer ------------------------------------*/
    
    footer {
        padding:50px 0 0;
    }
    
    footer .description img {
        height: auto;
        width: 100%!important;
    }
    
    /*------------------------------------ Cart & Checkout ------------------------------------*/
    
    .page-id-cart .builder-section.py-5 {
        padding-top:0!important;
        padding-bottom:0!important;
    }
    
    .cart-page__container {
        padding:0 15px;
    }
    
    .cart-page__container .cart-title {
        font-size:34px;
    }
    
    .cart-page__container .cart-content {
        border:none;
    }
    
    .cart-content-heading ul {
        margin-bottom:25px;
    }
    
    .cart-content-heading ul li {
        text-align:Center;
        border-right: 1px solid var(--green);
    }
    
    .cart-content-heading ul li:last-of-type {
        border:none;
    }
    
    .cart-item-inner .cart-prod-price {
        text-align:Center;
    }
    
    .cart-item-inner .item-qty {
        margin: auto;
        max-width: 100%;
        justify-content: center;
    }
    
    .cart-item {
        margin-bottom:30px;
    }
    
    .cart-item-inner .cart-item-product-group {
        flex-direction:column;
        align-items:Center;
    }
    
    .cart-item-inner .cart-item-product-group .item-action {
            margin: 0;
        flex-direction: column;
        width: auto;
        text-align: center;
        justify-content: center;
    }
    
    .cart-item-inner .cart-item-product-group .item-action a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
    
    .cart-item-inner .cart-item-product-group .item-action button {
        padding: 5px 10px;
        width: fit-content;
        margin: auto;
    }
    
    .cart__container .cart-heading {
        margin-bottom:30px;
    }
    
    .cart__container .cart-sumar-details {
        width:100%;
    }
    
    .cart__container .cart-sumar-details .cart-sumar-details__products,
    .cart__container .cart-sumar-details .cart-sumar-details__reducere,
    .cart__container .cart-sumar-details .cart-sumar-details__taxes,
    .cart__container .cart-sumar-details .cart-sumar-details__total {
        width:100%;
    }
    
    .cart__container .cart-sumar-details .cart-sumar-details__total span:first-of-type {
        font-size:20px;
    }
    
    .cart__container .cart-checkout-btn {
        margin: 30px auto;
        font-size: 14px;
        padding: 10px 20px;
    }
    
    .checkout-page__container {
        margin:-3rem 0;
    }
    
    .checkout-form-col,
    .checkout-details-col{
        max-width:50%;
        flex:50%;
    }
    
    .checkout-page__container .form-content .form-group input,
    .checkout-page__container .create-account .form-group input,
    .checkout-page__container .other-address .form-group input {
        padding: 5px 30px;
        height:40px;
    }
    
    .checkout-details-col .summary-items ul {
        height:36px;
    }
    
    .checkout-details-col .summary-items ul a {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 200px;
    }
    
    .checkout-page__container .form-content .form-group textarea {
        height:100px;
    }
    
    /*------------------------------------ Homepage ------------------------------------*/
    
    .section-1-home {
        height:460px;
    }
    
    .section-1-home .content {
        max-height:460px;
    }
    
    .section-1-home .content .info {
        width:22vw;
    }
    
    .section-1-home .content .info.small {
        height: 180px;
    }
    
    .section-1-home .content .info.big {
        height:250px;
    }
    
    .section-1-home .content .info .fickle-header h4 {
        font-size:20px;
    }
    
    .section-2-home {
        margin-top:50px;
    }
    
    .section-2-home .cat-button a {
        margin:auto;
    }
    
    .categ-image-wrapper {
        height:auto;
    }
    
    .categ-image-wrapper a img {
        width: auto;
        height: 170px;
    }
    
    .categ-title h2 a {
        font-size:16px;
    }
    
    .categories-grid {
        margin:auto;
    }
    
    .section-3-home {
        padding:50px 0;
        margin:40px auto 0;
    }
    
    .section-3-home .content {
        max-width: 100%;
        flex-direction: row;
        padding: 0;
    }
    
    .section-3-home .content .module-code {
        margin:0 20px;
        width: fit-content;
    }
    
    .section-3-home .content .module-code .countdown {
        margin:auto;
    }
    
    .section-3-home .content .module-code .countdown .timer .item {
        padding:10px;
    }
    
    .section-3-home .content .module-code .countdown .timer .item span {
        font-size:60px;
    }
    
    .section-3-home .content .module-code .countdown .timer .item p {
        font-size:16px;
    }
    
    .section-3-home .content .text {
        margin:auto 20px;
    }
    
    .section-3-home .content .text p:first-of-type {
        font-size:32px;
        margin:auto auto 20px;
    }
    
    .section-3-home .content .text p a {
        padding:6px 20px;
        font-size:18px;
    }
    
    .section-4-home {
        margin:50px auto auto;
    }
    
    .section-4-home .content {
        max-width:50%;
        margin-bottom: 50px;
    }
    
    .section-4-home .content .title p {
        font-size:18px;
        margin:auto auto 10px;
    }
    
    .cat-button a {
        margin-top:20px;
    }
    
    .section-5-home {
        padding:50px 0;
    }
    
    .section-5-home .post {
        width: 48%;
        margin-bottom:30px;
    }
    
    .section-5-home .bottom a {
        margin-top:30px;
    }
    
    /*------------------------------------ Produs ------------------------------------*/
    
    .single-product-row .single-product-image-col {
        max-width:50%;
        flex:50%;
    }
    
    .single-product-row .single-product-image-col img {
        display:block;
        margin:auto;
        width:70%;
    }
    
    .single-product-row .top-content {
        flex-direction:column;
    }
    
    .single-product-row .top-content .price-wrapper {
        width:100%;
    }
    
    .single-product-row .top-content .price-wrapper p,
    .single-product-row .top-content .price-wrapper .price{
        font-size:28px;
    }
    
    .single-product-row .top-content .add-to-cart {
        width:100%;
    }
    
    .single-product-row .top-content .add-to-cart button {
        margin:20px 0 0;
        width:fit-content;
    }
    
    .single-product-row .product-summary {
        max-width:50%;
        flex:50%;
    }
    
    .single-product-row .spec p,
    .single-product-row .extra .tech-details span,
    .single-product-row .reviews p {
        font-size:24px;
    }
    
    .single-product-row .rating-stars input {
        height:auto!important;
    }
    
    .single-product-row .theme-krajee-uni .clear-rating {
        font-size:24px;
    }
    
    .single-product-row .theme-krajee-uni .star {
        font-size:24px;
    }
    
    .single-product-row .create-review {
        flex-direction:column;
    }
    
    .single-product-row .create-review button {
        margin:auto 0;
        width:fit-content;
    }
    
    .single-product-row .reviews .form-group.row:first-of-type .col-12:first-of-type {
        margin-bottom:30px;
    }
    
    .single-product-row .acceptance label {
        padding: 0;
        top: auto;
        font-size: 16px;
        left: auto;
        line-height: 1.2;
        position:Relative;
    }
    
    .single-product-row .acceptance .form-group {
        margin:auto;
    }
    
    .single-product-row .acceptance label input {
        margin:Auto!important;
        padding:0!important;
        height:auto!important;
    }
    
    #review-form-response {
        margin:0!important;
    }
    
    .single-product-row .reviews .form-group textarea {
        height:100px;
    }
    
}


@media screen and (min-width: 1201px) and (max-width: 1400px) {
    
    /*------------------------------------ Miscellaneous ------------------------------------*/
    
    .container {
        max-width:100%!important;
    }
    
    main {
        min-height:auto;
    }
    
    /*------------------------------------ Footer ------------------------------------*/
    
    footer {
        padding:50px 0 0;
    }
    
    footer .description img {
        height: auto;
        width: 100%!important;
    }
    
    /*------------------------------------ Cart & Checkout ------------------------------------*/
    
    .page-id-cart .builder-section.py-5 {
        padding-top:0!important;
        padding-bottom:0!important;
    }
    
    .cart-page__container {
        padding:0 15px;
    }
    
    .cart-page__container .cart-title {
        font-size:34px;
    }
    
    .cart-page__container .cart-content {
        border:none;
    }
    
    .cart-content-heading ul {
        margin-bottom:25px;
    }
    
    .cart-content-heading ul li {
        text-align:Center;
        border-right: 1px solid var(--green);
    }
    
    .cart-content-heading ul li:last-of-type {
        border:none;
    }
    
    .cart-item-inner .cart-prod-price {
        text-align:Center;
    }
    
    .cart-item-inner .item-qty {
        margin: auto;
        max-width: 100%;
        justify-content: center;
    }
    
    .cart-item {
        margin-bottom:30px;
    }
    
    .cart-item-inner .cart-item-product-group {
        flex-direction:column;
        align-items:Center;
    }
    
    .cart-item-inner .cart-item-product-group .item-action {
            margin: 0;
        flex-direction: column;
        width: auto;
        text-align: center;
        justify-content: center;
    }
    
    .cart-item-inner .cart-item-product-group .item-action a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
    
    .cart-item-inner .cart-item-product-group .item-action button {
        padding: 5px 10px;
        width: fit-content;
        margin: auto;
    }
    
    .cart__container .cart-heading {
        margin-bottom:30px;
    }
    
    .cart__container .cart-sumar-details {
        width:100%;
    }
    
    .cart__container .cart-sumar-details .cart-sumar-details__products,
    .cart__container .cart-sumar-details .cart-sumar-details__reducere,
    .cart__container .cart-sumar-details .cart-sumar-details__taxes,
    .cart__container .cart-sumar-details .cart-sumar-details__total {
        width:100%;
    }
    
    .cart__container .cart-sumar-details .cart-sumar-details__total span:first-of-type {
        font-size:20px;
    }
    
    .cart__container .cart-checkout-btn {
        margin: 30px auto;
        font-size: 14px;
        padding: 10px 20px;
    }
    
    .checkout-page__container {
        margin:-3rem 0;
    }
    
    .checkout-form-col,
    .checkout-details-col{
        max-width:50%;
        flex:50%;
    }
    
    .checkout-page__container .form-content .form-group input,
    .checkout-page__container .create-account .form-group input,
    .checkout-page__container .other-address .form-group input {
        padding: 5px 30px;
        height:40px;
    }
    
    .checkout-details-col .summary-items ul {
        height:36px;
    }
    
    .checkout-details-col .summary-items ul a {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 200px;
    }
    
    .checkout-page__container .form-content .form-group textarea {
        height:100px;
    }
    
    /*------------------------------------ Homepage ------------------------------------*/
    
    .section-1-home {
        height:460px;
    }
    
    .section-1-home .content {
        max-height:460px;
    }
    
    .section-1-home .content .info {
        width:22vw;
    }
    
    .section-1-home .content .info.small {
        height: 180px;
    }
    
    .section-1-home .content .info.big {
        height:250px;
    }
    
    .section-1-home .content .info .fickle-header h4 {
        font-size:20px;
    }
    
    .section-2-home {
        margin-top:50px;
    }
    
    .section-2-home .cat-button a {
        margin:auto;
    }
    
    .categ-image-wrapper {
        height:auto;
    }
    
    .categ-image-wrapper a img {
        width: auto;
        height: 170px;
    }
    
    .categories-grid {
        margin:auto;
    }
    
    .section-3-home {
        padding:50px 0;
        margin:40px auto 0;
    }
    
    .section-3-home .content {
        max-width: 100%;
        flex-direction: row;
        padding: 0;
    }
    
    .section-3-home .content .module-code {
        margin:0 20px;
        width: fit-content;
    }
    
    .section-3-home .content .module-code .countdown {
        margin:auto;
    }
    
    .section-3-home .content .module-code .countdown .timer .item {
        padding:10px;
    }
    
    .section-3-home .content .module-code .countdown .timer .item span {
        font-size:60px;
    }
    
    .section-3-home .content .module-code .countdown .timer .item p {
        font-size:16px;
    }
    
    .section-3-home .content .text {
        margin:auto 20px;
    }
    
    .section-3-home .content .text p:first-of-type {
        font-size:32px;
        margin:auto auto 20px;
    }
    
    .section-3-home .content .text p a {
        padding:6px 20px;
        font-size:18px;
    }
    
    .section-4-home {
        margin:50px auto auto;
    }
    
    .section-4-home .content {
        max-width:50%;
        margin-bottom: 50px;
    }
    
    .section-4-home .content .title p {
        font-size:18px;
        margin:auto auto 10px;
    }
    
    .cat-button a {
        margin-top:20px;
    }
    
    .section-5-home {
        padding:50px 0;
    }
    
    .section-5-home .post {
        width: 48%;
        margin-bottom:40px;
    }
    
    /*------------------------------------ Produs ------------------------------------*/
    
    .single-product-row .single-product-image-col {
        max-width:50%;
        flex:50%;
    }
    
    .single-product-row .single-product-image-col img {
        display:block;
        margin:auto;
        width:70%;
    }
    
    .single-product-row .top-content {
        flex-direction:column;
    }
    
    .single-product-row .top-content .price-wrapper {
        width:100%;
    }
    
    .single-product-row .top-content .price-wrapper p,
    .single-product-row .top-content .price-wrapper .price{
        font-size:28px;
    }
    
    .single-product-row .top-content .add-to-cart {
        width:100%;
    }
    
    .single-product-row .top-content .add-to-cart button {
        margin:20px 0 0;
        width:fit-content;
    }
    
    .single-product-row .product-summary {
        max-width:50%;
        flex:50%;
    }
    
    .single-product-row .spec p,
    .single-product-row .extra .tech-details span,
    .single-product-row .reviews p {
        font-size:24px;
    }
    
    .single-product-row .rating-stars input {
        height:auto!important;
    }
    
    .single-product-row .theme-krajee-uni .clear-rating {
        font-size:24px;
    }
    
    .single-product-row .theme-krajee-uni .star {
        font-size:24px;
    }
    
    .single-product-row .reviews .form-group input {
        padding:0 30px;
        height:34px;
    }
    
    .single-product-row .reviews .form-group.row:first-of-type .col-12:first-of-type {
        margin-bottom:auto;
    }
    
    .single-product-row .reviews button {
        margin:0 0 auto;
        padding:8px 20px;
    }
    
    .single-product-row .acceptance label {
        padding: 0;
        top: auto;
        font-size: 16px;
        left: auto;
        line-height: 1.2;
        position:Relative;
    }
    
    .single-product-row .acceptance .form-group {
        margin:auto;
    }
    
    .single-product-row .acceptance label input {
        margin:Auto!important;
        padding:0!important;
        height:auto!important;
    }
    
    #review-form-response {
        margin:0!important;
    }
    
    .single-product-row .reviews .form-group textarea {
        height:100px;
    }
    
}

@media screen and (min-width: 991px) and (max-width: 1365px){
    
    /*---------------------------------------------------------------------------------------------------- Header ----------------------------------------------------------------------------------------------------*/
    
    
    header .container {
        display:flex;
        flex-direction:column;
        border-bottom: 3px solid #5ab536;
    }
    
    header .header-info {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        height: 100px;
    }
    
    .header-scroll .menu {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
        padding: 30px;
        background-color: var(--white);
        border-bottom:3px solid var(--green);
    }
    
    .header-scroll .menu .navbar-collapse {
        width:75%;
        margin:auto;
    }
    
    .header-scroll .menu .navbar-nav .nav-item-level-1.dropdown:before {
        height:60px;
    }
    
    .header-scroll .menu .navbar-nav .nav-item-level-1.dropdown:hover .dropdown-menu {
        top:80px;
    }
    
    header .header-info .search-wrapper {
        position: relative;
        top: auto;
        padding: 0;
        box-shadow: none;
        background: none;
        z-index: auto;
        left: auto;
        width: 200px;
        height: auto;
        margin: auto 0;
        z-index:100;
    }
    
    header .header-info .search-wrapper .form-control {
        padding: 5px 20px!important;
        width: 200px!important;
        border-radius: 20px!important;
        border: 1px solid #5ab5364d!important;
        color: var(--black);
    }
    
    header .header-info .search-wrapper input::-webkit-input-placeholder {
        color:var(--gray)!important;
        font-size:13px;
        height:fit-content!important;
        margin:auto 0!important;
        font-family:Roboto Regular;
        letter-spacing: .3px;
    }
    
    header .header-info .navbar-brand {
        margin:auto;
        padding:0;
    }
    
    header .header-info .navbar-brand img {
        max-height:60px;
    }
    
    header .header-info .content {
        display:flex;
        flex-direction:row;
        height:fit-content;
        margin:Auto 0;
        width: 200px;
        justify-content: flex-end;
    }
    
    header .header-info .content i {
        font-size: 24px;
        color: var(--gray);
        transition:all .15s linear;
    }
    
    header .header-info .content .user {
        margin: auto 20px auto 0;
        text-decoration:none;
        list-style:none;
        padding:0;
        display: flex;
        align-items: center;
    }
    
    header .header-info .content .user:before {
        content:'\f007';
        font-family:'Font Awesome 5 Free';
        font-weight:900;
        font-size:24px;
        color:var(--gray);
        margin-right:5px;
        transition:all .15s linear;
    }
    
    header .header-info .content .user button,
    header .header-info .content .user a {
        padding: 0;
        border: none;
        text-decoration:none;
        background-color: transparent;
        font-family: 'Roboto Light';
        font-size: 13px;
        color: Var(--gray);
        transition:all .15s linear;
    }
    
    header .header-info .content .user:hover:before,
    header .header-info .content .user:hover button,
    header .header-info .content .user:hover a{
        color:var(--green);
        transition:all .15s linear;
    }
    
    header .header-info .content .cart {
        margin: auto 0 auto 20px;
    }
    
    header .header-info .content .cart a {
        text-decoration:none;
        position: relative;
    }
    
    header .header-info .content .cart a .cart-items {
        color: var(--green);
        position: absolute;
        top: -10px;
        right: -10px;
        width: 20px;
        display: flex;
    }
    
    header .header-info .content .cart a .cart-items span {
        background-color: var(--green);
        color: var(--white);
        width: 20px;
        height: 20px;
        font-size: 14px;
        margin: auto;
        text-align: center;
        border-radius: 50%;
    }
    
    header .header-info .content .cart:hover i {
        color:var(--green);
        transition:all .15s linear;
    }
    
    header .menu {
        width:100%;
        padding-bottom:10px;
        position:Relative;
    }
    
    header .navbar-collapse {
        overflow: initial!important;
        max-height: fit-content;
    }
    
    header .menu .navbar-nav {
        width:100%;
        justify-content:space-evenly;
    }
    
    header .menu .navbar-nav a {
        padding:0;
        font-family:Roboto Regular;
        font-size:14px;
        letter-spacing:2.8px;
        color:var(--black);
        text-transform:uppercase;
        transition:all .15s linear;
    }
    
    header .menu .navbar-nav a:hover {
        color:var(--green);
        transition:all .15s linear;
    }
    
    .dropdown, .dropleft, .dropright, .dropup {
        position:initial;
    }
    
    header .menu .navbar-nav .dropdown-menu {
        position: absolute;
        width: 0;
        padding: 0;
        left: 0;
        top:30px;
        max-height: initial;
        transform: none;
        flex-direction: row;
        height: 0px;
        overflow: hidden;
        opacity: 0;
        min-width: 0;
        display: flex;
        transition: all .15s linear;
    }
    
    header .menu .navbar-nav .nav-item-level-1.dropdown:before {
        content: '';
        position: absolute;
        width: 110px;
        height: 20px;
    }
    
    header .menu .navbar-nav .nav-item-level-1.dropdown:hover .dropdown-menu {
        display: flex;
        border: 1px solid #5ab5364d;
        height: 380px;
        width: 100vw;
        left: 50%;
        transform: translate(-50%, 0);
        opacity: 1;
        transition: all .15s linear;
    }
    
    header .menu .navbar-nav .nav-item-level-2 .nav-item-image {
        width: 100%;
        height: 12vh;
        background-size: cover;
    }
    
    header .menu .navbar-nav li.nav-item.nav-item-level-2.nav-item {
        padding: 20px 10px;
        width: inherit;
    }
    
    header .menu .navbar-nav .nav-item-level-2 .nav-link {
        font-family: 'Roboto Bold';
        text-transform: none;
        letter-spacing: 1px;
        margin: 10px auto 10px;
        font-size: 14px;
        padding: 0;
        line-height:1.2;
        color:var(--black);
        transition:all .15s linear;
    }
    
    header .menu .navbar-nav .nav-item-level-2 .nav-link:hover {
        color:var(--green);
        transition:all .15s linear;
    }
    
    header .menu .navbar-nav .nav-item-level-2 .dropdown-menu {
        position: relative!important;
        width: auto!important;
        display: flex!important;
        flex-direction: column!important;
        top: auto!important;
        border: none!important;
        padding: 0!important;
    }
    
    header .menu .navbar-nav .nav-item-level-2 .dropdown-menu .nav-item-level-3 .nav-link {
        font-family: 'Roboto Regular';
        text-transform: none;
        letter-spacing: .3px;
        margin:auto auto 10px;
        font-size: 14px;
        padding: 0;
        color:var(--gray);
        transition:all .15s linear;
    }
    
    header .menu .navbar-nav .nav-item-level-2 .dropdown-menu .nav-item-level-3 .nav-link:hover {
        color:var(--green);
        transition:all .15s linear;
    }
    
}


@media screen and (min-width: 1366px) {
    
    /*---------------------------------------------------------------------------------------------------- Header ----------------------------------------------------------------------------------------------------*/
    
    
    header .container {
        display:flex;
        flex-direction:column;
        border-bottom: 3px solid #5ab536;
    }
    
    header .header-info {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        height: 170px;
    }
    
    .header-scroll .menu {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
        padding: 30px;
        background-color: var(--white);
        border-bottom:3px solid var(--green);
    }
    
    .header-scroll .menu .navbar-collapse {
        width:75%;
        margin:auto;
    }
    
    .header-scroll .menu .navbar-nav .nav-item-level-1.dropdown:before {
        height:60px;
    }
    
    .header-scroll .menu .navbar-nav .nav-item-level-1.dropdown:hover .dropdown-menu {
        top:80px;
    }
    

    
    header .header-info .navbar-brand {
        margin:auto;
        padding:0;
    }
    
    header .header-info .navbar-brand img {
        max-height:60px;
    }
    
    header .header-info .content {
        display:flex;
        flex-direction:row;
        height:fit-content;
        margin:Auto 0;
        width: 200px;
        justify-content: flex-end;
    }
    
    header .header-info .content i {
        font-size: 24px;
        color: var(--gray);
        transition:all .15s linear;
    }
    
    header .header-info .content .user {
        margin: auto 20px auto 0;
        text-decoration:none;
        list-style:none;
        padding:0;
        display: flex;
        align-items: center;
    }
    
    header .header-info .content .user:before {
        content:'\f007';
        font-family:'Font Awesome 5 Free';
        font-weight:900;
        font-size:24px;
        color:var(--gray);
        margin-right:5px;
        transition:all .15s linear;
    }
    
    header .header-info .content .user button,
    header .header-info .content .user a {
        padding: 0;
        border: none;
        text-decoration:none;
        background-color: transparent;
        font-family: 'Roboto Light';
        font-size: 13px;
        color: Var(--gray);
        transition:all .15s linear;
    }
    
    header .header-info .content .user:hover:before,
    header .header-info .content .user:hover button,
    header .header-info .content .user:hover a{
        color:var(--green);
        transition:all .15s linear;
    }
    
    header .header-info .content .cart {
        margin: auto 0 auto 20px;
    }
    
    header .header-info .content .cart a {
        text-decoration:none;
        position: relative;
    }
    
    header .header-info .content .cart a .cart-items {
        color: var(--green);
        position: absolute;
        top: -10px;
        right: -10px;
        width: 20px;
        display: flex;
    }
    
    header .header-info .content .cart a .cart-items span {
        background-color: var(--green);
        color: var(--white);
        width: 20px;
        height: 20px;
        font-size: 14px;
        margin: auto;
        text-align: center;
        border-radius: 50%;
    }
    
    header .header-info .content .cart:hover i {
        color:var(--green);
        transition:all .15s linear;
    }
    
    header .menu {
        width:100%;
        padding-bottom:10px;
        position:Relative;
    }
    
    header .navbar-collapse {
        overflow: initial!important;
        max-height: fit-content;
    }
    
    header .menu .navbar-nav {
        width:100%;
        justify-content:space-evenly;
    }
    
    header .menu .navbar-nav a {
        padding:0;
        font-family:Roboto Regular;
        font-size:14px;
        letter-spacing:2.8px;
        color:var(--black);
        text-transform:uppercase;
        transition:all .15s linear;
    }
    
    header .menu .navbar-nav a:hover {
        color:var(--green);
        transition:all .15s linear;
    }
    
    .dropdown, .dropleft, .dropright, .dropup {
        position:initial;
    }
    
    header .menu .navbar-nav .dropdown-menu {
        position: absolute;
        width: 0;
        padding: 0;
        left: 0;
        top:30px;
        max-height: initial;
        transform: none;
        flex-direction: row;
        height: 0px;
        overflow: hidden;
        opacity: 0;
        min-width: 0;
        display: flex;
        transition: all .15s linear;
    }
    
    header .menu .navbar-nav .nav-item-level-1.dropdown:before {
        content: '';
        position: absolute;
        width: 100px;
        height: 50px;
    }
    
    header .menu .navbar-nav .nav-item-level-1.dropdown:hover .dropdown-menu {
        display: flex;
        border: 1px solid #5ab5364d;
        height: 380px;
        width: 100vw;
        left: 50%;
        transform: translate(-50%, 0);
        opacity: 1;
        transition: all .15s linear;
    }
    
    header .menu .navbar-nav .nav-item-level-2 .nav-item-image {
        width: 100%;
        height: 150px;
        background-size: cover;
    }
    
    header .menu .navbar-nav li.nav-item.nav-item-level-2.nav-item {
        padding: 20px;
        width: inherit;
    }
    
    header .menu .navbar-nav .nav-item-level-2 .nav-link {
        font-family: 'Roboto Bold';
        text-transform: none;
        letter-spacing: 1px;
        margin: 30px auto 10px;
        font-size: 16px;
        padding: 0;
        color:var(--black);
        transition:all .15s linear;
    }
    
    header .menu .navbar-nav .nav-item-level-2 .nav-link:hover {
        color:var(--green);
        transition:all .15s linear;
    }
    
    header .menu .navbar-nav .nav-item-level-2 .dropdown-menu {
        position: relative!important;
        width: auto!important;
        display: flex!important;
        flex-direction: column!important;
        top: auto!important;
        border: none!important;
        padding: 0!important;
    }
    
    header .menu .navbar-nav .nav-item-level-2 .dropdown-menu .nav-item-level-3 .nav-link {
        font-family: 'Roboto Regular';
        text-transform: none;
        letter-spacing: .3px;
        margin:auto;
        font-size: 14px;
        padding: 0;
        color:var(--gray);
        transition:all .15s linear;
    }
    
    header .menu .navbar-nav .nav-item-level-2 .dropdown-menu .nav-item-level-3 .nav-link:hover {
        color:var(--green);
        transition:all .15s linear;
    }
    
}