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

    #w0-success-0 {
        flex-direction: column-reverse;
        text-align: center;
        font-size: 16px;
        gap: 10px;
    }

}

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

    #w0-success-0 {
        flex-direction: column-reverse;
        text-align: center;
        font-size: 16px;
        gap: 10px;
    }

}

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

    /*---------------------------------------------- Comune ----------------------------------------------*/

    /*----------------------- Grid categorie -----------------------*/

    .associated_products {
        padding:0 10px;
    }

    .categories-grid .category-item,
    .associated_products_list .assoc_item {
        max-width:100%;
    }

    .categories-grid .category-item .categ-image-wrapper a,
    .associated_products_list .assoc_item .item_image_wrapper a {
        
        height: 120px;
        width: 100%;
    }

    .categories-grid .category-item .buttons-wrapper,
    .associated_products_list .assoc_item .item_buttons_wrapper {
        flex-direction: row;
        gap: 10px;
        justify-content: center;
    }

    .categories-grid .category-item .categ-title .title,
    .associated_products_list .assoc_item .item_title_wrapper .title {
        display: block;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
        overflow: unset;
        height: auto;
        margin-top: 10px;
    
    }

    .categories-grid .category-item .categ-title .price {
        display:flex;
        flex-direction:column;
    }

    .categories-grid .category-item .short-desc {
        margin: 10px auto;
        text-align: left;
        height: auto;
        line-height: 1.1;
    }

    .associated_products_list .assoc_item .short-desc {
        height:auto;
        margin: 10px auto;
    }

    .categories-grid .category-item .short-desc p {
        margin:0;
    }

    .categories-grid .category-item .short-desc br {
        display:none;
    }

    /*----------------------- Sectiune top comuna -----------------------*/

    .common-top-section {
        margin-top:110px;
        height:auto;
        min-height: 200px;
    }

    .common-top-section.section-full-height {
        height:auto;
    }

    .common-top-section:after {
        opacity: .8;
        width: 95%;
    }

    .common-top-section.section-full-height:after {
        opacity: .8;
        width: 115%;
        left: -25%;
    }

    .common-top-section .content {
        padding: 20px 10px;
    }

    .common-top-section .content p {
        max-width:70%;
        text-align:left;
    }

    /*----------------------- Modal -----------------------*/

    .self_modal .modal-dialog {
        min-height: fit-content;
        height: 100%;
        padding: 0 10px;
    }

    .self_modal .modal-dialog .modal-content {
        height: auto;
    }

    .self_modal .modal-dialog .modal-content .modal-header {
        border-bottom: 1px solid var(--red);
    }

    .self_modal .modal-header .modal-title {
        font-size: 18px;
        border-bottom: 0;
        width: 80%;
        padding: 20px;
    }

    .self_modal .modal-header button.close span {
        font-size:42px;
    }

    .self_modal .modal-body {
        padding: 10px 20px 20px;
    }

    .self_modal .modal-body .form-groups, .self_modal .modal-body .details {
        max-width:100%;
    }

    .self_modal .modal-body .form-groups .form-group:not(:last-of-type):before {
        height: 36px;
    }

    .self_modal .modal-body .form-groups .form-group input {
        height:36px;
        padding:5px 10px;
        font-size:14px;
    }

    /*---------------------------------------------- Header ----------------------------------------------*/

    header {
        height:auto;
    }
    
    header #main-navbar .container {
        height:auto;
    }
    
    header #main-navbar .container .navbar-brand {
        max-width: calc(100% - 60px);
        justify-content: left;
        z-index: 2;
    }
    
    header #main-navbar .container .navbar-brand img {
        max-height:70px;
        height: 70px;
    }
    
    header .header-menus {
        z-index:1;
    }
    
    header .header-menus .first-menu {
        z-index: 3;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 70px;
        display: flex;
        justify-content: right;
        align-items: center;
    }
    
    .navbar-toggler {
        z-index:10;
        outline:none!important;
        box-shadow:none!important;
        top:0;
        padding:0;
    }

    .navbar-toggler .icon-bar {
        width:40px;
    }
    
    header .header-menus .first-menu .navbar-collapse {
        height: auto;
        margin: 0;
        padding: 10px;
        width: 100%;
        position: absolute;
        top: 70px;
        background-color: var(--white);
    }
    
    header .header-menus .first-menu .navbar-collapse > ul {
        gap:0;
        border-bottom: 2px solid var(--red);
    }
    
    header .header-menus .first-menu .navbar-collapse > ul li {
        padding:10px 0;
    }
    
    header .header-menus .first-menu .navbar-collapse > ul li .nav-link {
        color:var(--black);
    }
    
    .navbar-toggler .icon-bar {
        background-color:var(--white);
        
    }
    
    header .header-menus .second-menu {
        height:40px;
    }
    
    header .header-menus .second-menu .secondary-menu {
        padding:0 10px;
    }
    
    header .header-menus .second-menu .secondary-menu .nav {
        gap:0;
        flex-wrap:nowrap;
        flex-direction:row;
        justify-content:space-between;
    }
    
    header .header-menus .second-menu .secondary-menu .nav li:last-of-type {
        /* margin:0;
        position:absolute;
        top: 15px;
        right: 10px; */
        display: none;
    }
    
    header .header-menus .second-menu .secondary-menu .nav li:not(:last-of-type) .nav-link {
        font-size:12px;
    }
    
    header .header-menus .first-menu .extra {
        gap:20px;
        padding-top:10px;
    }
    
    header .header-menus .first-menu .extra a svg,
    header .header-menus .first-menu .extra .logout-account .logout-content svg {
        color:var(--black);
    }
    
    header .header-menus .first-menu .extra .icon.cart span {
        color:Var(--black);
    }

    header .header-menus .first-menu .extra .logout-account .logout-dropdown {
        top:34px;
        left: 65px;
    }

    .search-wrapper {
        width:100%;
        height:90vh;
        border-bottom:2px solid var(--red);
    }

    .search-wrapper .input-wrapper:before {
        height:40px;
    }

    .search-wrapper #search,
    .search-wrapper #search:focus {
        height:40px;
        padding:0 20px;
    }

    .search-wrapper .close-wrapper {
        width: 50px;
        height: 40px;
    }

    .search-wrapper a.search-hide:before,
    .search-wrapper a.search-hide:after {
        height:20px;
    }

    .search-wrapper .search-results {
        height: calc(100% - 60px);
        padding-bottom:0;
    }

    .search-wrapper .search-results ul {
        padding:0!important;
    }

    .search-wrapper .search-results ul li {
        flex-direction:row;
    }

    .search-wrapper .search-results .item-img-wrapper {
        height: 100px;
        width: 100px;
    }

    .search-wrapper .item-info-wrapper {
        padding-left:10px;
        width: calc(100% - 110px);
    }

    .search-wrapper .item-info-wrapper .short-desc {
        margin:10px 0;
        text-align: left;
    }

    .search-wrapper .item-info-wrapper .short-desc p {
        margin:0;
        line-height:1.1;
    }

    .search-wrapper .item-info-wrapper .btn-primary {
        padding:10px 20px;
        font-size:14px;
        margin-left:10px;
    }

    /*---------------------------------------------- Footer ----------------------------------------------*/

    footer .content {
        gap:20px;
        padding-bottom:20px;
    }

    footer .menu {
        padding:0 10px;
    }
    
    /*---------------------------------------------- Homepage ----------------------------------------------*/
    
    .section-1-home.vh-100,
    .homepage-slider.vh-100 {
        height:calc(100vh - 50px)!important;
    }
    
    .section-1-home .homepage-slider .slick-slide {
        padding-top: 110px;
        align-items: flex-start;
        overflow: hidden;
    }
    
    .section-1-home .homepage-slider .slick-slide-inner {
        margin:0;
        max-width:100%;
        width: 100%;
        padding: 50px 10px 0;
        height: 100%;
    }
    
    .section-1-home .homepage-slider .slick-slide-inner:before {
        left: -150px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: calc(100vh - 110px);
        width: 80%;
    }
    
    .section-1-home .homepage-slider .slick-prev {
        height: 40px;
        width: 50px;
        right: 70px;
    }
    
    .section-1-home .homepage-slider .slick-next {
        height: 40px;
        width: 50px;
        right: 10px;
    }
    
    .section-1-home .homepage-slider .slick-next:before,
    .section-1-home .homepage-slider .slick-prev:before {
        font-size:18px;
    }
    
    .section-2-home {
        padding:50px 10px;
    }

    .section-2-home .title p {
        font-size: 14px;
        margin-bottom: 10px
    }

    .section-2-home .title h1 {
        font-size: 24px;
    }

    .section-2-home .content {
        padding-top:20px;
        gap:20px;
    }

    .section-2-home .content .add-to-cart,
    .section-2-home .content .btn-secondary {
        padding: 5px 10px;
        width: fit-content;
    }

    .section-2-home .section-2-button {
        padding-left:10px;
    } 

    .section-image {
        height:auto;
        padding:50px 10px;
        background-size: cover;
        background-attachment: scroll;
    }

    .section-image .content .text h3,
    .section-image .content .text p {
        color:var(--white);
    }

    .section-3-home.section-image:after {
        right: -60px;
        width: 50%;
        height: 110%;
        background-color:var(--black);
    }

    .section-image .content .module-button {
        width:100%;
        justify-content: flex-start;
        padding-left:10px;
    }

    .section-4-home.section-image:after {
        left:-75px;
        background-color:var(--black);
    }

    .section-5-home {
        padding:50px 10px;
        gap: 20px;
    }

    .section-5-home .left,
    .section-5-home .right  {
        max-width: 100%;
    }

    .section-5-home .right .option {
        width: calc(50% - 10px);
    }

    .section-5-home .section-5-button {
        width: calc(50% - 10px);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .section-5-home .section-5-button .btn-primary {
        padding: 10px 20px;
    }

    .section-6-home {
        padding: 50px 10px;
    }

    .section-6-home .content-cards {
        gap: 20px;
        padding:20px 0;
        flex-wrap: wrap;
    }

    .section-6-home .content-cards .module-fickle {
        max-width: calc(50% - 10px);
        padding: 20px;
        transform: none;
    }

    .section-6-home .content-cards .module-fickle .fickle-header,
    .section-6-home .content-cards .module-fickle .fickle-image {
        transform:none;
        z-index: 1;
    }

    .section-6-home .content-cards .module-fickle .fickle-header paragraph {
        font-size:14px;
        display: block;
        line-height: 1;
    }

    .section-6-home .content-text {
        gap:20px;
    }

    .section-6-home .content-text .module-fickle {  
        max-width: 100%;
    }

    .section-7-home.section-image:after {
        left: -75px;
        background-color: var(--black);
    }

    /*---------------------------------------------- Despre noi ----------------------------------------------*/

    .section-about {
        height: auto;
        gap: 20px;
        padding: 50px 10px 0;
    }

    .section-about.reverse {
        flex-direction: column-reverse;
    }

    .section-about.bottom {
        padding-bottom:50px;
    }

    .section-about .text-column,
    .section-about .image-column {
        max-width: 100%;
    }

    .section-about .image-column {
        min-height: 180px;
        max-width: 80%;
        margin: auto;
    }

    .section-about .image-column .module.module-image img {
        width: 124%!important;
        top: -6%;
        left: -12%;
    }

    .section-about-cards {
        padding:50px 10px 100px;
    }

    .section-about-cards .title h2 {
        font-size: 24px;
    }

    .section-about-cards .cards-content {
        margin-top:20px;
    }

    .section-about-cards .cards-content .slick-list {
        margin:0 -10px;
    }

    .section-about-cards .cards-content .slick-prev {
        width:50px;
        height:40px;
        left:10px;
        top:auto;
        bottom:-50px;
    }

    .section-about-cards .cards-content .slick-next {
        width:50px;
        height:40px;
        right:10px;
        top:auto;
        bottom:-50px;
    }

    /*---------------------------------------------- Contact ----------------------------------------------*/

    .section-contact {
        height: auto;
        padding:50px 10px;
    }

    .section-contact .contact-info {
        max-width:100%;
        padding:0 0 20px;
        margin:0 0 20px;
        border-right:0;
        border-bottom:2px solid var(--red);
    }

    .section-contact .contact-form {
        padding:20px;
        max-width:100%;
    }

    .section-map {
        padding:50px 10px; 
    }

    .section-map .content {
        overflow:hidden;
        border-radius: 20px;
    }

    /*---------------------------------------------- Servicii ----------------------------------------------*/

    .section-services-top {
        height:auto;
        padding:50px 10px;
        gap:20px;
    }

    .section-services-top .text-column .title p {
        font-size:24px;
    }

    .section-services-top .text-column {
        max-width:100%;
    }

    .section-services-top .image-column {
        max-width:80%;
        min-height:200px;
        margin:auto;
    }

    .section-services-background {
        padding:50px 10px;
    }

    .section-services-background .content .title h2,
    .section-services-background .content .title h2 strong {
        font-size:24px;
    }

    .section-services-background .content ul {
        margin:20px 0;
        flex-direction: column;
        gap:20px;
    }

    .section-services-background .content ul li {
        max-width:100%;
    }

    .section-services-background .content .module-button {
        padding-left:10px;
    }

    .section-services-white {
        padding:50px 10px;
    }

    .section-services-white .content {
        display:flex;
        flex-direction:column;
        gap: 20px;
    }

    .section-services-white .content .module-fickle {
        max-width:100%;
    }

    .section-services-white .content .module-fickle .fickle-content p {
        height:auto;
    }

    .section-services {
        padding:50px 10px;
        gap:20px;
    }

    .section-services.before {
        flex-direction: column-reverse;
    }

    .section-services .text-column {
        max-width:100%;
    }

    .section-services .text-column .title p {
        font-size:24px;
    }

    .section-services .image-column {
        max-width:80%;
        margin:auto;
        min-height:200px;
    }

    .section-services.only-text .text-column {
        grid-template: 1fr / 1fr;
        row-gap: 30px;
    }

    .section-services.only-text .text-column .description {
        max-width:100%;
        grid-template-rows: auto;
    }

    .section-services.only-text .text-column .description p {
        font-size:24px;
    }

    .section-services.only-text .button {
        flex-direction:column;
        gap:20px;
    }

    .section-services.only-text .button .module-button {
        width:100%;
        max-width:400px;
        margin:auto;
    }

    /*---------------------------------------------- Catalog ----------------------------------------------*/
 
    .catalog-content {
        margin:0;
        padding:50px 10px;
        flex-direction: column;
        gap: 20px;
    }

    .catalog-content .filters {
        padding: 20px;
        max-width: 100%;
        overflow: hidden;
        max-height: 60px;
        height:100%;
        transition: var(--transition);
    }

    .catalog-content .filters:after {
        content:'\f078';
        font-family:"Font Awesome 5 Free";
        font-weight:900;
        color:var(--black);
        position:absolute;
        font-size:20px;
        height:20px;
        width:20px;
        top:20px;
        right:20px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotate(0deg);
        transition: var(--transition);
    }

    .catalog-content .filters.filters-full-view {
        max-height: 700px;
    }

    .catalog-content .filters.filters-full-view:after {
        transform: rotate(180deg);
    }

    .catalog-content .filters .filter-title {
        height: 20px;
        padding-bottom: 0px;
        margin-bottom:20px;
        border-bottom: 0px solid var(--light-red);
        transition: var(--transition);
        pointer-events: all;
    }

    .catalog-content .filters.filters-full-view  .filter-title {
        border-bottom: 2px solid var(--light-red);
        padding-bottom: 20px;
        height:40px;
    }

    .catalog-content .filters .reset-products a {
        padding:10px 20px;
        font-size:14px;
    }

    .catalog-content .filters .filter-catalog .checkbox-group {
        margin-bottom:20px;
    }

    .catalog-content .filters .filter-catalog .checkbox-group label {
        font-size:16px;
        line-height:1.1
    }

    .catalog-content .filters .reset-products:last-of-type {
        margin-top:20px;
    }


    .catalog-content .products-with-price {
        max-width: 100%;
    }

    .catalog-content .products-with-price .categories-grid {
        gap:20px;
    }

    .catalog-content .products-with-price .categories-grid .category-item {
        max-width: 100%;
    }

    .catalog-content .products-with-price .btn-primary,
    .catalog-content .products-with-price .btn-secondary {
        padding: 5px 10px;
    }

    .catalog-content .pagination {
        gap:5px;
    }

    .catalog-content .pagination li {
        width: 25px;
        height: 25px;
        border: none;
    }

    /*---------------------------------------------- Magazin ----------------------------------------------*/
 
    .magazin-content {
        margin:0;
        padding:50px 10px;
        flex-direction: column;
        gap: 20px;
    }

    .magazin-content .filters {
        padding: 20px;
        max-width: 100%;
        overflow: hidden;
        max-height: 60px;
        height:100%;
        transition: var(--transition);
    }

    .magazin-content .filters:after {
        content:'\f078';
        font-family:"Font Awesome 5 Free";
        font-weight:900;
        color:var(--black);
        position:absolute;
        font-size:20px;
        height:20px;
        width:20px;
        top:20px;
        right:20px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotate(0deg);
        transition: var(--transition);
    }

    .magazin-content .filters.filters-full-view {
        max-height: 100%;
    }

    .magazin-content .filters.filters-full-view:after {
        transform: rotate(180deg);
    }

    .magazin-content .filters .filter-title {
        height: 20px;
        padding-bottom: 0px;
        margin-bottom:20px;
        border-bottom: 0px solid var(--light-red);
        pointer-events: all;
        transition: var(--transition);
    }

    .magazin-content .filters.filters-full-view  .filter-title {
        border-bottom: 2px solid var(--light-red);
        padding-bottom: 20px;
        height:40px;
    }

    .magazin-content .filters .reset-products a {
        padding:10px 20px;
        font-size:14px;
    }

    .magazin-content .filters .filter-magazin .checkbox-group {
        margin-bottom:20px;
    }

    .magazin-content .filters .filter-magazin .checkbox-group label {
        font-size:16px;
        line-height:1.1
    }

    .magazin-content .filters .reset-products:last-of-type {
        margin-top:20px;
    }


    .magazin-content .products-with-price {
        max-width: 100%;
    }

    .magazin-content .products-with-price .categories-grid {
        gap:20px;
    }

    .magazin-content .products-with-price .categories-grid .category-item {
        max-width: 100%;
    }

    .magazin-content .products-with-price .btn-primary,
    .magazin-content .products-with-price .btn-secondary {
        font-size:14px;
    }

    /*---------------------------------------------- Produs single ----------------------------------------------*/

    .single_product_wrapper {
        padding:120px 10px 0px;
        min-height: fit-content;
    }

    .product_row_wrapper {
        gap:20px;
    }

    .product_image_wrapper,
    .product_summary_wrapper {
        max-width:100%;
        flex: auto;
    }

    .product_image_wrapper {
        display:flex;
        flex-direction:column;
    }

    .product_summary_wrapper .product_description_wrapper ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    .product_image_wrapper .product_feature_image {
        min-height:250px;
    }

    .product_summary_wrapper h1 {
        font-size:28px;
    }

    .product_summary_wrapper .buttons_price_wrapper {
        margin-top:20px;
    }

    .product_summary_wrapper .buttons_price_wrapper {
        flex-direction: column-reverse;
    gap: 20px;
    }

    .product_summary_wrapper .product_buttons_wrapper {
        padding: 0 10px;
        margin: 0;
        flex-direction: row;
        gap: 0;
        justify-content: space-between;
    }

    .product_summary_wrapper .product_buttons_wrapper button {
        padding:10px;
    }

    .product_summary_wrapper .product_buttons_wrapper i {
        display:none;
    }

    .product_summary_wrapper .product_price_wrapper {
        align-items: flex-start;
    }

    .related_products {
        padding:0 10px;
    }

    .related_products h3 {
        font-size:24px;
    }

    .related_products .add-to-cart, .related_products .btn-secondary, .related_products .btn-primary,
    .associated_products_list .add-to-cart, .associated_products_list .btn-secondary, .associated_products_list .btn-primary {
        padding:5px 10px;
    }

    .section_product_break {
        height:auto;
        margin:0;
    }

    .section_product_break .section_widget_product {
        background-attachment:scroll;
        background-size: cover;
        background-position: center;
        padding:50px 10px;
    }

    .section_product_break .section_widget_product .section_content .col-12 h2 {
        font-size: 28px;
    }

    .section_product_break .section_widget_product:after {
        left: -30%;
        background-color: var(--black);
        width: 80%;
        height: 100%;
    }

    .section_product_break .section_widget_product .section_content .col-12 p {
        color:var(--white);
    }

    .section_product_break .btn-primary {
        padding:10px 15px;
        margin-left:10px;
    }

    .associated_products h3 {
        font-size:24px;
    }

    /*---------------------------------------------- Contul meu (Toate) ----------------------------------------------*/

    /*----------------------- Login / Sign-up -----------------------*/

    .login-section.vh-100 {
        padding-top:110px;
        height:auto!important;
    }

    .login-section .container {
        gap:20px;
        padding:50px 0;
    }

    .signup_wrapper .signup_header h1,
    .login-section .connect-content .title h1 {
        font-size:28px;
    }

    .login-section .connect-content,
    .login-section .image-content {
        max-width:100%;
        flex:auto;
        min-height:200px;
        height: 100%;
    }

    .login-section .image-content {
        max-width:80%;
        margin:auto;
    }

    .login-section .image-content .image-module {
        min-height:200px;
    }

    /*----------------------- Contul meu -----------------------*/

    .password-reset-wrapper {
        padding:110px 10px 0;
    }

    .password-reset-wrapper .password-reset-content {
        padding:20px;
    }

    .account_wrapper {
        padding:150px 10px 50px;
    }

    .account_wrapper .account_content {
        gap:20px;
    }

    .account_wrapper .account_content .account_nav,
    .account_wrapper .account_content .account_views {
        max-width:100%;
    }

    .account_wrapper .account_content .account_nav .list-group-item:last-of-type {
        border-bottom:0;
    }

    .account_wrapper .account_views .account_personal_data .personal_data_content p {
        width:100%;
    }

    .account_wrapper .account_views .view_title {
        height:auto;
        flex-direction: column;
        padding: 20px;
    }

    .account_wrapper .account_views .view_title p {
        margin-left:0;
        padding-left:0;
        border-left:0;
    }

    .account_wrapper .account_views .account_orders .order_item {
        height:auto;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 0;
    }

    .account_wrapper .account_views .account_orders .order_item .order_link {
        font-family: var(--font-bold);
    }

    .account_wrapper .account_views .account_orders .order_item .order_date {
        display: flex;
        flex-direction: column;
        padding: 5px 0;
    }

    .account_wrapper .account_views .open_orders .order_price {
        padding:0 0 5px;
    }

    .account_wrapper .account_views .open_orders .order_info .btn_wrapper {
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .order_wrapper .order_item_wrapper .order_item {
        height:auto;
        flex-direction: column;
    }

    .account_wrapper .account_views .personal_data .personal_row {
        gap:20px;
    }

    .account_wrapper .account_views .personal_data .personal_col {
        max-width:100%;
        flex:auto;
    }

    .account_wrapper .account_views .form-group {
        height:auto;
        margin: 0 0 20px;
    }

    .account_wrapper .account_views .personal_data .personal_col .form-group:first-of-type,
    .account_wrapper .account_views .account_security form .form-group:first-of-type {
        margin-top:20px;
    }

    .account_wrapper .account_views .account_security form {
        width: 100%;
    }

    .account_wrapper .account_views .favorite_item {
        height: auto;
        flex-direction: column;
    }

    .account_wrapper .account_views .favorite_item .fav_item_image a {
        display: flex;
    width: 100%;
    }

    .account_wrapper .account_views .favorite_item .fav_item_image a img {
        height: auto;
        width: 50%;
        margin: auto;
    }

    .order_wrapper .order_item_wrapper .order_item .order_item_image a img{
        max-height: 150px;
        height: 100%;
    }

    /*---------------------------------------------- Shopping cart / Checkout ----------------------------------------------*/

    /*----------------------- Shopping cart -----------------------*/

    #cart-message-box {
        width:100%;
        padding:20px;
    }

    #cart-message-box .add-to-cart,
    #cart-message-box .btn-secondary {
        padding:10px 20px;
        width: 100%;
        text-align:center;
    }

    #cart-message-box .cart-message-box-buttons {
        gap:10px;
        flex-direction:column;
        width:100%;
    }

    .shopping_cart_wrapper {
        padding-top:150px;
    }

    .shopping_cart_wrapper .shopping_cart_title {
        margin: 0 10px 20px;
        justify-content: center;
    }

    .shopping_cart_wrapper .cart_row {
        gap:20px;
        padding: 0 10px;
    }

    .shopping_cart_wrapper .shopping_cart_content,
    .shopping_cart_wrapper .shopping_cart_summary {
        max-width: 100%;
        padding: 20px;
    }

    .shopping_cart_wrapper .cart_item {
        flex-direction: column;
        gap:20px;
    }

    .shopping_cart_wrapper .cart_item .cart_item_image {
        width:40%;
    }

    .shopping_cart_wrapper .cart_item .cart_item_title {
        justify-content: center;
        width:100%;
    }

    .shopping_cart_wrapper .cart_item .cart_item_shop_info {
        width:100%;
        align-items: center;
    }

    .shopping_cart_wrapper .cart_item .cart_item_price_wrapper {
        align-items: center;
    }

    .shopping_cart_wrapper .cart_item .cart_item_price_wrapper .cart_item_price {
        align-items: center;
    }








    .shopping_cart_wrapper .shopping_cart_summary .btn-primary {
        width: calc(100% - 10px);
        padding: 10px 20px;
    }

    /*----------------------- Checkout -----------------------*/

    .checkout_wrapper {
        padding:150px 10px 50px;
    }

    .checkout_wrapper .checkout_row {
        gap:20px;
    }

    .checkout_wrapper .checkout_row .checkout_forms,
    .checkout_wrapper .checkout_row .checkout_details_wrapper {
        max-width:100%;
        padding:20px;
    }

    .checkout_wrapper .checkout_forms .checkout_heading_wrapper {
        flex-direction:column;
        gap:20px;
    }

    .checkout_wrapper .checkout_forms .checkout_heading_wrapper .checkout-heading {
        font-size:24px;
        line-height: 1;
    }

    .checkout_wrapper .checkout_details_wrapper .btn-primary {
        width: calc(100% - 10px);
        padding: 10px 20px;
    }

    .thankyou_wrapper .content {
        max-height:auto;
        max-width:calc(100% - 20px);
    }

    /*---------------------------------------------- Portofoliu spalatorii self-service ----------------------------------------------*/

    .portfolio-item-wrapper:nth-child(odd) .row.item-inner {
        flex-direction: column;
    }

    .portfolio-item-wrapper .row.item-inner {
        gap:20px;
    }

    .portfolio-item-wrapper .row.item-inner .item-info {
        max-width:100%;
        flex:auto;
        padding: 20px;
    }

    .portfolio-item-wrapper .row.item-inner .item-image-wrapper {
        max-width:70%;
        margin:auto;
        flex:auto;
        padding: 20px;
        min-height:180px;
    }

    .portfolio-bottom {
        padding:20px;
    }

    .portfolio-bottom .content h2 {
        font-size:24px;
        line-height:1;
    }

    .portfolio-bottom .buttons {
        gap:20px;
        justify-content: center;
    }

    .portfolio-bottom .buttons .btn-primary-white a {
        padding:10px 20px;
        font-size:14px;
    }

    /*---------------------------------------------- Echipamente self-service ----------------------------------------------*/
  
    .self-service-section {
        margin: 0;
    }

    .self-service-section .content {
        margin:0;
        padding: 50px 25px;
    }

    .self-service-section .content .self-service-item-wrapper {
        max-width:100%;
    }

    .self-service-header {
        gap:20px;
        margin: 0;
        padding: 150px 10px 0;
    }

    .self-service-header .image-content,
    .self-service-header .text-content {
        max-width:100%;
        padding:20px;
        flex:auto;
    }

    .self-service-header .text-content h1 {
        font-size:24px;
    }

    .self-service-header .text-content .price-info {
        margin-bottom:20px;
    }

    .self-service-header .text-content .buttons-wrapper {
        gap:20px;
        margin:0;
        flex-direction:column;
    }

    .self-service-content-wrapper {
        padding:0 10px;
    }

    .self-service-content-wrapper h2 {
        font-size:24px;
    }

    .self-service-content-wrapper .content-general.content ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    .self-service-content-wrapper .info-action {
        gap:20px;
        flex-direction: column;
    }

    .self-service-gallery .slick-prev {
        height:30px;
        max-width: 33px;
        left:10px;
    }

    .self-service-gallery .slick-next {
        height:30px;
        max-width: 33px;
        right:10px;
    }

    .self-service-gallery .slick-prev:before,
    .self-service-gallery .slick-next:before {
        font-size:18px;
    }

    .self-service-gallery .slick-list {
        margin:0 60px;
    }

    /*---------------------------------------------- Pagina 404 ----------------------------------------------*/

    .site-error {
        padding:120px 20px 50px;
    }

    .site-error .container {
        padding:20px;
        margin:auto;
    }

    .site-error .container h1 {
        font-size:72px;
    }

    .site-error .container p {
        line-height: 1.1;
    }

    .site-error .container .btn_wrapper .btn-primary {
        padding:10px 20px;
    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {

    /*---------------------------------------------- Comune ----------------------------------------------*/

    /*----------------------- Grid categorie -----------------------*/

    .categories-grid .category-item,
    .associated_products_list .assoc_item {
        max-width:calc(50% - 10px);
        flex: auto;
    }

    .categories-grid .category-item .categ-image-wrapper a,
    .associated_products_list .assoc_item .item_image_wrapper a {
        height: 120px;
        width: 100%;
    }

    .categories-grid .category-item .buttons-wrapper,
    .associated_products_list .assoc_item .item_buttons_wrapper{
        gap:10px;
        justify-content: flex-start;
    }

    .categories-grid .category-item .categ-title .title,
    .associated_products_list .assoc_item .title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height:40px;
    }

    .categories-grid .category-item .categ-title .price {
        display:flex;
        flex-direction:column;
    }

    .categories-grid .category-item .short-desc,
    .associated_products_list .assoc_item .short-desc {
        margin: 10px auto;
        text-align: left;
        line-height: 1.1;
        height: auto;
    }

    .categories-grid .category-item .short-desc p {
        margin:0;
    }

    .categories-grid .category-item .short-desc br {
        display:none;
    }

    /*----------------------- Sectiune top comuna -----------------------*/

    .common-top-section {
        margin-top: 130px;
        height: auto;
        min-height: 300px;
    }

    .common-top-section.section-full-height {
        height:auto;
    }

    .common-top-section:after {
        opacity: .8;
        width: 95%;
    }

    .common-top-section.section-full-height:after {
        opacity: .8;
        width: 115%;
        left: -25%;
    }

    .common-top-section .content {
        padding: 20px 10px;
    }

    .common-top-section .content p {
        max-width:70%;
        text-align:left;
    }

    /*----------------------- Modal -----------------------*/

    .self_modal .modal-dialog {
        min-height: fit-content;
        height: 100%;
        padding: 0 10px;
    }

    .self_modal .modal-dialog .modal-content {
        height: auto;
    }

    .self_modal .modal-dialog .modal-content .modal-header {
        border-bottom: 1px solid var(--red);
    }

    .self_modal .modal-header .modal-title {
        font-size: 18px;
        border-bottom: 0;
        width: 80%;
        padding: 20px;
    }

    .self_modal .modal-header button.close span {
        font-size:42px;
    }

    .self_modal .modal-body {
        padding: 10px 20px 20px;
    }

    .self_modal .modal-body .form-groups, .self_modal .modal-body .details {
        max-width:100%;
    }

    .self_modal .modal-body .form-groups .form-group:not(:last-of-type):before {
        height: 36px;
    }

    .self_modal .modal-body .form-groups .form-group input {
        height:36px;
        padding:5px 10px;
        font-size:14px;
    }

    /*---------------------------------------------- Header ----------------------------------------------*/

    header {
        height:auto;
    }
    
    header #main-navbar .container {
        height:auto;
    }
    
    header #main-navbar .container .navbar-brand {
        max-width: calc(100% - 60px);
        justify-content: left;
        z-index: 2;
    }
    
    header #main-navbar .container .navbar-brand img {
        max-height:70px;
        height: 70px;
    }
    
    header .header-menus {
        z-index:1;
    }
    
    header .header-menus .first-menu {
        z-index: 3;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 70px;
        display: flex;
        justify-content: right;
        align-items: center;
    }
    
    .navbar-toggler {
        z-index: 10;
        outline: none!important;
        box-shadow: none!important;
        top: 0;
        padding: 0;
        right: 10px;
        display: block;
        float: right;
        position: relative;
    }

    .navbar-toggler .icon-bar {
        width:40px;
    }
    
    header .header-menus .first-menu .navbar-collapse {
        height: auto;
        margin: 0;
        padding: 10px;
        width: 100%;
        position: absolute;
        top: 70px;
        background-color: var(--white);
    }
    
    header .header-menus .first-menu .navbar-collapse > ul {
        gap:0;
        border-bottom: 2px solid var(--red);
    }
    
    header .header-menus .first-menu .navbar-collapse > ul li {
        padding:10px 0;
    }
    
    header .header-menus .first-menu .navbar-collapse > ul li .nav-link {
        color:var(--black);
    }
    
    .navbar-toggler .icon-bar {
        background-color:var(--white);
        
    }
    
    header .header-menus .second-menu .secondary-menu {
        padding:0 10px;
    }
    
    header .header-menus .second-menu .secondary-menu .nav {
        flex-wrap:nowrap;
        flex-direction:row;
        justify-content:space-between;
    }
    
    header .header-menus .first-menu .extra {
        gap:20px;
        padding-top:10px;
    }
    
    header .header-menus .first-menu .extra a svg,
    header .header-menus .first-menu .extra .logout-account .logout-content svg {
        color:var(--black);
    }
    
    header .header-menus .first-menu .extra .icon.cart span {
        color:Var(--black);
    }

    header .header-menus .first-menu .extra .logout-account .logout-dropdown {
        top:34px;
        left: 65px;
    }

    .search-wrapper {
        width:100%;
        height:90vh;
        border-bottom:2px solid var(--red);
    }

    .search-wrapper .input-wrapper:before {
        height:40px;
    }

    .search-wrapper #search,
    .search-wrapper #search:focus {
        height:40px;
        padding:0 20px;
    }

    .search-wrapper .close-wrapper {
        width: 50px;
        height: 40px;
    }

    .search-wrapper a.search-hide:before,
    .search-wrapper a.search-hide:after {
        height:20px;
    }

    .search-wrapper .search-results {
        height: calc(100% - 60px);
        padding-bottom:0;
    }

    .search-wrapper .search-results ul {
        padding:0!important;
    }

    .search-wrapper .search-results ul li {
        flex-direction:row;
    }

    .search-wrapper .search-results .item-img-wrapper {
        height: 100px;
        width: 100px;
    }

    .search-wrapper .item-info-wrapper {
        padding-left:10px;
        width: calc(100% - 110px);
    }

    .search-wrapper .item-info-wrapper .short-desc {
        margin:10px 0;
        text-align: left;
    }

    .search-wrapper .item-info-wrapper .short-desc p {
        margin:0;
        line-height:1.1;
    }

    .search-wrapper .item-info-wrapper .btn-primary {
        padding:10px 20px;
        font-size:14px;
        margin-left:10px;
    }

    /*---------------------------------------------- Footer ----------------------------------------------*/

    footer .content {
        gap:50px 20px;
        padding-bottom:20px;
    }

    footer .menu:not(:last-of-type),
    footer .info {
        padding:0 10px;
        max-width: calc(50% - 10px);
        width: 100%;
    }

    footer .menu:last-of-type {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    footer .anpc {
        margin:0!important;
    }
    
    /*---------------------------------------------- Homepage ----------------------------------------------*/
    
    .section-1-home.vh-100,
    .homepage-slider.vh-100 {
        height:calc(100vh - 50px)!important;
    }
    
    .section-1-home .homepage-slider .slick-slide {
        padding-top: 130px;
        align-items: flex-start;
        overflow: hidden;
    }
    
    .section-1-home .homepage-slider .slick-slide-inner {
        margin: 0;
        max-width: 70%;
        width: 100%;
        padding: 0;
        padding-left: 10px;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    
    .section-1-home .homepage-slider .slick-slide-inner:before {
        left: -40px;
        width: 60%;
    }
    
    .section-1-home .homepage-slider .slick-prev {
        height: 40px;
        width: 50px;
        right: 70px;
    }
    
    .section-1-home .homepage-slider .slick-next {
        height: 40px;
        width: 50px;
        right: 10px;
    }
    
    .section-1-home .homepage-slider .slick-next:before,
    .section-1-home .homepage-slider .slick-prev:before {
        font-size:18px;
    }
    
    .section-2-home {
        padding:50px 10px;
    }

    .section-2-home .title p {
        font-size: 14px;
        margin-bottom: 10px
    }

    .section-2-home .title h1 {
        font-size: 24px;
    }

    .section-2-home .content {
        padding-top:20px;
        gap:20px;
    }

    .section-2-home .content .add-to-cart,
    .section-2-home .content .btn-secondary {
        padding: 5px 10px;
    }

    .section-2-home .section-2-button {
        padding-left:10px;
    } 

    .section-image {
        height: auto;
        padding: 50px 10px;
        background-size: cover;
        background-attachment: scroll;
    }

    .section-3-home.section-image .content .text h3,
    .section-3-home.section-image .content .text p {
        color:var(--white);
        max-width: calc(50% - 10px);
        margin-left:auto;
    }

    .section-3-home.section-image:after {
        right: 0;
        width: 50%;
        height: 100%;
        background-color: var(--black);
        transform: none;
    }

    .section-image .content .module-button {
        max-width: calc(50% - 20px);
    }

    .section-4-home.section-image .content .text h3,
    .section-4-home.section-image .content .text p {
        color:var(--white);
        max-width: calc(50% - 10px);
        margin-right:auto;
    }

    .section-4-home.section-image:after {
        left: 0;
        width: 50%;
        height: 100%;
        background-color: var(--black);
        transform: none;
    }

    .section-5-home {
        padding:50px 10px;
        gap: 20px;
    }

    .section-5-home .left,
    .section-5-home .right  {
        max-width: 100%;
    }

    .section-5-home .right .option {
        width: calc(50% - 10px);
    }

    .section-5-home .section-5-button {
        width: calc(50% - 10px);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .section-5-home .section-5-button .btn-primary {
        padding: 10px 20px;
    }

    .section-6-home {
        padding: 50px 10px;
    }

    .section-6-home .content-cards {
        gap: 18px;
        padding:20px 0;
        flex-wrap: wrap;
    }

    .section-6-home .content-cards .module-fickle {
        max-width: calc(33.333333% - 12px);
        padding: 20px;
        transform: none;
    }

    .section-6-home .content-cards .module-fickle .fickle-header,
    .section-6-home .content-cards .module-fickle .fickle-image {
        transform:none;
        z-index: 1;
    }

    .section-6-home .content-cards .module-fickle .fickle-header paragraph {
        font-size:14px;
        display: block;
        line-height: 1;
    }

    .section-6-home .content-text {
        gap:20px;
    }

    .section-6-home .content-text .module-fickle {  
        max-width: calc(50% - 10px);
    }

    .section-7-home.section-image:after {
        left: 0;
        width: 50%;
        height: 100%;
        background-color: var(--black);
        transform: none;
    }

    .section-7-home.section-image .content .text h3,
    .section-7-home.section-image .content .text p {
        color:var(--white);
        max-width: calc(50% - 10px);
        margin-right:auto;
    }

    /*---------------------------------------------- Despre noi ----------------------------------------------*/

    .section-about {
        gap: 40px;
        padding: 50px 10px 0;
        height: auto;
    }

    .section-about.bottom {
        padding-bottom:50px;
    }

    .section-about .text-column{
        max-width: calc(50% - 20px);
    }

    .section-about .image-column {
        min-height: 180px;
        max-width: calc(50% - 70px);
        margin: auto;
        min-height: 230px;
        height: auto;
    }

    .section-about .image-column .module.module-image img {
        width: 150%!important;
    }

    .section-about-cards {
        padding:50px 10px 100px;
    }

    .section-about-cards .title h2 {
        font-size: 24px;
    }

    .section-about-cards .cards-content {
        margin-top:20px;
    }

    .section-about-cards .cards-content .slick-list {
        margin:0 -10px;
    }

    .section-about-cards .cards-content .slick-prev {
        width:50px;
        height:40px;
        left:10px;
        top:auto;
        bottom:-50px;
    }

    .section-about-cards .cards-content .slick-next {
        width:50px;
        height:40px;
        right:10px;
        top:auto;
        bottom:-50px;
    }

    .section-about-cards .cards-content .module-fickle {
        padding:10px;
    }

    .section-about-cards .cards-content .module-fickle .fickle-title paragraph {
        height:30px;
    }

    .section-about-cards .cards-content .module-fickle .fickle-text-content P {
        min-height: 340px;
    }

    /*---------------------------------------------- Contact ----------------------------------------------*/

    .section-contact {
        height: auto;
        padding:50px 10px;
    }

    .section-contact .contact-info {
        max-width:100%;
        padding:0 0 20px;
        margin:0 0 20px;
        border-right:0;
        border-bottom:2px solid var(--red);
    }

    .section-contact .contact-form {
        padding:20px;
        max-width:100%;
    }

    .section-map {
        padding:50px 10px; 
    }

    .section-map .content {
        overflow:hidden;
        border-radius: 20px;
    }

    /*---------------------------------------------- Servicii ----------------------------------------------*/

    .section-services-top {
        padding: 50px 10px;
        gap: 40px;
        justify-content: space-between;
    }

    .section-services-top .text-column .title p {
        font-size:24px;
    }

    .section-services-top .text-column {
        max-width: calc(50% - 20px);
    }

    .section-services-top .image-column {
        max-width: calc(50% - 120px);
        min-height: 300px;
        height: fit-content;
        margin: auto 50px auto 0;
    }

    .section-services-background {
        padding:50px 10px;
    }

    .section-services-background .content .title h2,
    .section-services-background .content .title h2 strong {
        font-size:24px;
    }

    .section-services-background .content ul {
        margin:20px 0;
        flex-direction: column;
        gap:20px;
    }

    .section-services-background .content ul li {
        max-width:100%;
    }

    .section-services-background .content .module-button {
        padding-left:10px;
    }

    .section-services-white {
        padding:50px 10px;
    }

    .section-services-white .content {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }

    .section-services-white .content .module-fickle {
        max-width: calc(50% - 10px);
    }

    .section-services-white .content .module-fickle:last-of-type {
        max-width:100%;
    }

    .section-services-white .content .module-fickle .fickle-content p {
        height:auto;
    }

    .section-services {
        padding:50px 10px;
        gap:40px;
        justify-content: space-between;
    }

    .section-services .text-column {
        max-width: calc(50% - 20px);
    }

    .section-services .text-column .title p {
        font-size:24px;
    }

    .section-services .image-column {
        max-width: calc(50% - 120px);
        min-height: 300px;
        height: fit-content;
        margin: auto 50px auto 0;
    }

    .section-services.before .image-column {
        margin: auto 0 auto 50px;
    }

    .section-services.only-text .text-column {
        grid-template: 1fr / 1fr 1fr;
        row-gap: 30px;
        column-gap: 30px;
    }

    .section-services.only-text .text-column .description {
        max-width:100%;
    }

    .section-services.only-text .text-column .description p {
        font-size:24px;
    }

    /*---------------------------------------------- Catalog ----------------------------------------------*/
 
    .catalog-content {
        margin:0;
        padding:50px 10px;
        flex-direction: column;
        gap: 20px;
    }

    .catalog-content .filters {
        padding: 20px;
        max-width: 100%;
        overflow: hidden;
        max-height: 60px;
        height:100%;
        transition: var(--transition);
    }

    .catalog-content .filters:after {
        content:'\f078';
        font-family:"Font Awesome 5 Free";
        font-weight:900;
        color:var(--black);
        position:absolute;
        font-size:20px;
        height:20px;
        width:20px;
        top:20px;
        right:20px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotate(0deg);
        transition: var(--transition);
    }

    .catalog-content .filters.filters-full-view {
        max-height: 700px;
    }

    .catalog-content .filters.filters-full-view:after {
        transform: rotate(180deg);
    }

    .catalog-content .filters .filter-title {
        height: 20px;
        font-size:20px;
        padding-bottom: 0px;
        margin-bottom:20px;
        border-bottom: 0px solid var(--light-red);
        transition: var(--transition);
        pointer-events: all;
    }

    .catalog-content .filters.filters-full-view  .filter-title {
        border-bottom: 2px solid var(--light-red);
        padding-bottom: 20px;
        height:40px;
    }

    .catalog-content .filters .reset-products a {
        padding:10px 20px;
        font-size:14px;
    }

    .catalog-content .filters .filter-catalog .checkbox-group {
        margin-bottom:20px;
    }

    .catalog-content .filters .filter-catalog .checkbox-group label {
        font-size:16px;
        line-height:1.1
    }

    .catalog-content .filters .reset-products:last-of-type {
        margin-top:20px;
    }


    .catalog-content .products-with-price {
        max-width: 100%;
    }

    .catalog-content .products-with-price .categories-grid {
        gap:20px;
    }

    .catalog-content .products-with-price .categories-grid .category-item {
        max-width: calc(50% - 10px);
    }

    .catalog-content .products-with-price .btn-primary,
    .catalog-content .products-with-price .btn-secondary {
        padding: 5px 10px;
    }

    .catalog-content .pagination {
        gap:5px;
    }

    .catalog-content .pagination li {
        width: 25px;
        height: 25px;
        border: none;
    }

    /*---------------------------------------------- Magazin ----------------------------------------------*/
 
    .magazin-content {
        margin:0;
        padding:50px 10px;
        flex-direction: column;
        gap: 20px;
    }

    .magazin-content .filters {
        padding: 20px;
        max-width: 100%;
        overflow: hidden;
        max-height: 60px;
        height:100%;
        transition: var(--transition);
    }

    .magazin-content .filters:after {
        content:'\f078';
        font-family:"Font Awesome 5 Free";
        font-weight:900;
        color:var(--black);
        position:absolute;
        font-size:20px;
        height:20px;
        width:20px;
        top:20px;
        right:20px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotate(0deg);
        transition: var(--transition);
    }

    .magazin-content .filters.filters-full-view {
        max-height: 700px;
    }

    .magazin-content .filters.filters-full-view:after {
        transform: rotate(180deg);
    }

    .magazin-content .filters .filter-title {
        height: 20px;
        font-size:20px;
        padding-bottom: 0px;
        margin-bottom:20px;
        border-bottom: 0px solid var(--light-red);
        transition: var(--transition);
        pointer-events: all;
    }

    .magazin-content .filters.filters-full-view  .filter-title {
        border-bottom: 2px solid var(--light-red);
        padding-bottom: 20px;
        height:40px;
    }

    .magazin-content .filters .reset-products a {
        padding:10px 20px;
        font-size:14px;
    }

    .magazin-content .filters .filter-magazin .checkbox-group {
        margin-bottom:20px;
    }

    .magazin-content .filters .filter-magazin .checkbox-group label {
        font-size:16px;
        line-height:1.1
    }

    .magazin-content .filters .reset-products:last-of-type {
        margin-top:20px;
    }


    .magazin-content .products-with-price {
        max-width: 100%;
    }

    .magazin-content .products-with-price .categories-grid {
        gap:20px;
    }

    .magazin-content .products-with-price .categories-grid .category-item {
        max-width: calc(50% - 10px);
    }

    .magazin-content .products-with-price .btn-primary,
    .magazin-content .products-with-price .btn-secondary {
        font-size:14px;
    }

    /*---------------------------------------------- Produs single ----------------------------------------------*/

    .single_product_wrapper {
        padding:150px 10px 0px;
        min-height: fit-content;
    }

    .product_row_wrapper {
        gap:20px;
    }

    .product_image_wrapper,
    .product_summary_wrapper {
        max-width:100%;
        flex: auto;
    }

    .product_image_wrapper {
        display:flex;
        flex-direction:column;
    }

    .product_image_wrapper .product_feature_image,
    .product_image_wrapper .product_gallery .slick-slider-gallery .slick-slide {
        max-height:250px;
    }

    .product_image_wrapper .product_feature_image img {
        width:auto;
        height: 100%;
    }

    .product_image_wrapper .product_gallery .slick-slider-gallery .slick-slide img {
        height: 100%;
        width:auto;
    }

    .product_summary_wrapper h1 {
        font-size:28px;
    }

    .product_summary_wrapper .buttons_price_wrapper {
        margin-top:20px;
    }

    .product_summary_wrapper .buttons_price_wrapper {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .product_summary_wrapper .product_buttons_wrapper button {
        padding:10px 15px;
        font-size:14px;
    }

    .product_summary_wrapper .product_buttons_wrapper i {
        display:none;
    }

    .product_summary_wrapper .product_price_wrapper {
        align-items: flex-start;
    }

    .related_products {
        padding:0 10px;
    }

    .related_products h3 {
        font-size:24px;
    }

    .related_products .add-to-cart, .related_products .btn-secondary, .related_products .btn-primary,
    .associated_products_list .add-to-cart, .associated_products_list .btn-secondary, .associated_products_list .btn-primary {
        padding:5px 10px;
    }

    .section_product_break {
        height:auto;
        margin:0;
    }

    .section_product_break .section_widget_product {
        background-attachment:scroll;
        background-size: cover;
        background-position: center;
        padding:50px 10px;
    }

    .section_product_break .section_widget_product .section_content .col-12 h2 {
        font-size: 28px;
    }

    .section_product_break .section_widget_product:after {
        left: -30%;
        background-color: var(--black);
        width: 80%;
        height: 100%;
    }

    .section_product_break .section_widget_product .section_content .col-12 p {
        color:var(--white);
    }

    .section_product_break .btn-primary {
        padding:10px 15px;
        margin-left:10px;
    }

    .associated_products h3 {
        font-size:24px;
    }

    /*---------------------------------------------- Contul meu (Toate) ----------------------------------------------*/

    /*----------------------------- Resetare parola -----------------------------*/

    .password-reset-wrapper {
        padding:110px 10px 0;
    }

    .password-reset-wrapper .password-reset-content {
        padding:20px;
    }

    /*----------------------- Login / Sign-up -----------------------*/

    .login-section.vh-100 {
        padding-top:110px;
        height:auto!important;
    }

    .login-section .container {
        gap:20px;
        padding:50px 0;
    }

    .signup_wrapper .signup_header h1,
    .login-section .connect-content .title h1 {
        font-size:28px;
    }

    .login-section .connect-content,
    .login-section .image-content {
        max-width:100%;
        flex:auto;
        min-height:200px;
        height: 100%;
    }

    .login-section .image-content {
        max-width:80%;
        margin:auto;
    }

    .login-section .image-content .image-module {
        min-height:200px;
    }

    /*----------------------- Contul meu -----------------------*/

    .account_wrapper {
        padding:150px 10px 50px;
    }

    .account_wrapper .account_content {
        gap:20px;
    }

    .account_wrapper .account_content .account_nav {
        height: fit-content;
        max-width: calc(35% - 10px);
    }

    .account_wrapper .account_content .account_views {
        height: fit-content;
        max-width: calc(65% - 10px);
    }

    .account_wrapper .account_content .account_nav .list-group-item:last-of-type {
        border-bottom:0;
    }

    .account_wrapper .account_views .account_personal_data .personal_data_content p {
        width:100%;
    }

    .account_wrapper .account_views .view_title {
        height:auto;
        flex-direction: column;
        padding: 20px;
    }

    .account_wrapper .account_views .view_title p {
        margin-left:0;
        padding-left:0;
        border-left:0;
    }

    .account_wrapper .account_views .account_orders .order_item {
        height:auto;
        padding: 20px 0;
        gap: 10px;
    }

    .account_wrapper .account_views .account_orders .order_item .order_link {
        font-family: var(--font-bold);
    }

    .account_wrapper .account_views .account_orders .order_item .order_date {
        display: flex;
        flex-direction: column;
        padding: 5px 0;
    }

    .account_wrapper .account_views .open_orders .order_price {
        padding:0 0 5px;
    }

    .account_wrapper .account_views .open_orders .order_info .btn_wrapper {
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .order_wrapper .order_item_wrapper .order_item {
        height:auto;
        flex-direction: column;
    }

    .account_wrapper .account_views .personal_data .personal_row {
        gap:20px;
    }

    .account_wrapper .account_views .personal_data .personal_col {
        max-width:100%;
        flex:auto;
    }

    .account_wrapper .account_views .form-group {
        height:auto;
        margin: 0 0 20px;
    }

    .account_wrapper .account_views .personal_data .personal_col .form-group:first-of-type,
    .account_wrapper .account_views .account_security form .form-group:first-of-type {
        margin-top:20px;
    }

    .account_wrapper .account_views .account_security form {
        width: 100%;
    }

    .account_wrapper .account_views .favorite_item {
        height: auto;
        flex-direction: column;
    }

    .account_wrapper .account_views .favorite_item .fav_item_image a {
        display: flex;
    width: 100%;
    }

    .account_wrapper .account_views .favorite_item .fav_item_image a img {
        height: auto;
        width: 50%;
        margin: auto;
    }

    /*---------------------------------------------- Shopping cart / Checkout ----------------------------------------------*/

    /*----------------------- Shopping cart -----------------------*/

    #cart-message-box {
        width:100%;
        padding:20px;
    }

    #cart-message-box .add-to-cart,
    #cart-message-box .btn-secondary {
        padding:10px 20px;
        width: 100%;
        text-align:center;
    }

    #cart-message-box .cart-message-box-buttons {
        gap:10px;
        flex-direction:column;
        width:100%;
    }

    .shopping_cart_wrapper {
        padding-top:150px;
    }

    .shopping_cart_wrapper .shopping_cart_title {
        margin: 0 10px 20px;
        justify-content: center;
    }

    .shopping_cart_wrapper .cart_row {
        gap:20px;
        padding: 0 10px;
    }

    .shopping_cart_wrapper .shopping_cart_content,
    .shopping_cart_wrapper .shopping_cart_summary {
        max-width: 100%;
        padding: 20px;
    }

    .shopping_cart_wrapper .cart_item {
        flex-direction: column;
        gap:20px;
    }

    .shopping_cart_wrapper .cart_item .cart_item_image {
        width:50%;
    }

    .shopping_cart_wrapper .cart_item .cart_item_title {
        justify-content: center;
        width:100%;
    }

    .shopping_cart_wrapper .cart_item .cart_item_shop_info {
        width:100%;
        align-items: center;
    }

    .shopping_cart_wrapper .cart_item .cart_item_price_wrapper {
        align-items: center;
    }

    .shopping_cart_wrapper .cart_item .cart_item_price_wrapper .cart_item_price {
        align-items: center;
    }

    .shopping_cart_wrapper .shopping_cart_summary .btn-primary {
        width: calc(100% - 10px);
        padding: 10px 20px;
    }

    /*----------------------- Checkout -----------------------*/

    .checkout_wrapper {
        padding:150px 10px 50px;
    }

    .checkout_wrapper .checkout_row {
        gap:20px;
    }

    .checkout_wrapper .checkout_row .checkout_forms,
    .checkout_wrapper .checkout_row .checkout_details_wrapper {
        max-width:100%;
        padding:20px;
    }

    .checkout_wrapper .checkout_forms .checkout_heading_wrapper {
        flex-direction:column;
        gap:20px;
    }

    .checkout_wrapper .checkout_forms .checkout_heading_wrapper .checkout-heading {
        font-size:24px;
        line-height: 1;
    }

    .checkout_wrapper .checkout_details_wrapper .btn-primary {
        width: calc(100% - 10px);
        padding: 10px 20px;
    }

    .thankyou_wrapper .content {
        max-height:auto;
        max-width:calc(100% - 20px);
    }

    /*---------------------------------------------- Portofoliu spalatorii self-service ----------------------------------------------*/

    .portfolio-section .portfolio-grid {
        margin:auto 10px;
    }

    .portfolio-item-wrapper .row.item-inner {
        gap:20px;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
    }

    .portfolio-item-wrapper .row.item-inner .item-info {
        padding: 30px;
        max-width: calc(50% - 20px);
    }

    .portfolio-item-wrapper .row.item-inner .item-image-wrapper {
        max-width: 40%;
        height: 270px;
        margin-right: 50px;
    }

    .portfolio-item-wrapper:nth-child(even) .row.item-inner .item-image-wrapper {
        margin-left: 50px;
    }


    .portfolio-bottom {
        padding:20px;
    }

    .portfolio-bottom .content h2 {
        font-size:24px;
        line-height:1;
    }

    .portfolio-bottom .buttons {
        gap:20px;
        justify-content: center;
    }

    .portfolio-bottom .buttons .btn-primary-white a {
        padding:10px 20px;
        font-size:14px;
    }

    /*---------------------------------------------- Echipamente self-service ----------------------------------------------*/
  
    .self-service-section {
        margin: 0;
    }

    .self-service-section .content {
        margin:0;
        padding:50px 25px;
    }

    .self-service-section .content .self-service-item-wrapper {
        max-width: calc(50% - 10px);
    }

    .self-service-header {
        gap:20px;
        margin: 0;
        padding: 150px 10px 0;
    }

    .self-service-header .image-content,
    .self-service-header .text-content {
        max-width:100%;
        padding:20px;
        flex:auto;
    }

    .self-service-header .image-content .module-image {
        max-height: 250px;
    }

    .self-service-header .image-content .module-image img {
        width: auto;
        height: 100%;
    }

    .self-service-header .text-content h1 {
        font-size:24px;
    }

    .self-service-header .text-content .price-info {
        margin-bottom:20px;
    }

    .self-service-content-wrapper {
        padding:0 10px;
    }

    .self-service-content-wrapper .self-program,
    .self-service-content-wrapper .compatible-self-program {
        max-width: 100%;
        flex: auto;
    }

    .self-service-content-wrapper h2 {
        font-size:24px;
    }

    .self-service-content-wrapper .content-general.content ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    .self-service-content-wrapper .info-action {
        gap:20px;
    }

    .self-service-gallery .slick-prev {
        height:30px;
        max-width: 33px;
        left:10px;
    }

    .self-service-gallery .slick-next {
        height:30px;
        max-width: 33px;
        right:10px;
    }

    .self-service-gallery .slick-prev:before,
    .self-service-gallery .slick-next:before {
        font-size:18px;
    }

    .self-service-gallery .slick-list {
        margin:0 60px;
    }

    /*---------------------------------------------- Pagina 404 ----------------------------------------------*/

    .site-error {
        height:auto;
        padding:120px 20px 50px;
    }

    .site-error .container {
        padding:20px;
        margin:auto;
    }

    .site-error .container h1 {
        font-size:72px;
    }

    .site-error .container p {
        line-height: 1.1;
    }

    .site-error .container .btn_wrapper .btn-primary {
        padding:10px 20px;
    }

}

@media screen and (min-width: 992px) and (max-width: 1300px) {

    /*---------------------------------------------- Comune ----------------------------------------------*/

    .common-top-section {
        padding:0 10px;
    }

    .common-top-section.section-full-height .content .module-button {
        margin-left:10px;
    }

    .add-to-fav-btn svg {
        height: 24px;
        width: 24px;
    }

    /*---------------------------------------------- Homepage ----------------------------------------------*/
    
    .section-1-home.vh-100,
    .homepage-slider.vh-100 {
        height:calc(100vh - 50px)!important;
    }

    .section-1-home .homepage-slider .slick-slide {
        padding-top: 130px;
        align-items: flex-start;
        overflow: hidden;
    }

    .section-1-home .homepage-slider .slick-slide-inner {
        margin: 0;
        max-width: 70%;
        width: 100%;
        padding: 0;
        padding-left: 10px;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .section-1-home .homepage-slider .slick-slide-inner:before {
        left: -40px;
        width: 60%;
    }

    .section-1-home .homepage-slider .slick-prev {
        height: 40px;
        width: 50px;
        right: 70px;
    }

    .section-1-home .homepage-slider .slick-next {
        height: 40px;
        width: 50px;
        right: 10px;
    }

    .section-1-home .homepage-slider .slick-next:before,
    .section-1-home .homepage-slider .slick-prev:before {
        font-size:18px;
    }

    .section-2-home {
        padding:50px 10px;
    }

    .section-2-home .title p {
        font-size: 14px;
        margin-bottom: 10px
    }

    .section-2-home .title h1 {
        font-size: 24px;
    }

    .section-2-home .content {
        padding-top:20px;
        gap:20px;
    }

    .categories-grid .category-item .buttons-wrapper,
    .associated_products_list .assoc_item .item_buttons_wrapper {
        flex-direction: column;
        gap:10px;
    }

    .section-2-home .content .add-to-cart,
    .section-2-home .content .btn-secondary {
        padding: 5px 10px;
    }

    .section-2-home .section-2-button {
        padding-left:10px;
    } 

    .section-image {
        height: auto;
        padding: 50px 10px;
        background-size: cover;
        background-attachment: scroll;
    }

    .section-3-home.section-image .content .text h3,
    .section-3-home.section-image .content .text p {
        color:var(--white);
        max-width: calc(50% - 10px);
        margin-left:auto;
    }

    .section-3-home.section-image:after {
        right: 0;
        width: 50%;
        height: 100%;
        background-color: var(--black);
        transform: none;
    }

    .section-image .content .module-button {
        max-width: calc(50% - 20px);
    }

    .section-4-home.section-image .content .text h3,
    .section-4-home.section-image .content .text p {
        color:var(--white);
        max-width: calc(50% - 10px);
        margin-right:auto;
    }

    .section-4-home.section-image:after {
        left: 0;
        width: 50%;
        height: 100%;
        background-color: var(--black);
        transform: none;
    }

    .section-5-home {
        padding:50px 10px;
        gap: 20px;
    }

    .section-5-home .right .option {
        width: calc(50% - 10px);
    }

    .section-5-home .section-5-button {
        width: calc(50% - 10px);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .section-5-home .section-5-button .btn-primary {
        padding: 10px 20px;
    }

    .section-6-home {
        padding: 50px 10px;
    }

    .section-6-home .content-cards {
        gap: 18px;
        padding:20px 0;
        flex-wrap: wrap;
    }

    .section-6-home .content-cards .module-fickle {
        max-width: calc(33.333333% - 12px);
        padding: 20px;
        transform: none;
    }

    .section-6-home .content-cards .module-fickle .fickle-header,
    .section-6-home .content-cards .module-fickle .fickle-image {
        transform:none;
        z-index: 1;
    }

    .section-6-home .content-cards .module-fickle .fickle-header paragraph {
        font-size:14px;
        display: block;
        line-height: 1;
    }

    .section-6-home .content-text {
        gap:20px;
    }

    .section-6-home .content-text .module-fickle {  
        max-width: calc(50% - 10px);
    }

    .section-7-home.section-image:after {
        left: 0;
        width: 50%;
        height: 100%;
        background-color: var(--black);
        transform: none;
    }

    .section-7-home.section-image .content .text h3,
    .section-7-home.section-image .content .text p {
        color:var(--white);
        max-width: calc(50% - 10px);
        margin-right:auto;
    }

    /*---------------------------------------------- Despre noi ----------------------------------------------*/

    .section-about {
        gap: 0 40px;
        justify-content: space-between;
        align-items: center;
        padding: 50px 10px;
    }

    .section-about .text-column {
        max-width: calc(50% - 20px);
    }

    .section-about .image-column {
        max-width: 35%;
        margin: auto;
        min-height: 250px;
        height: auto;
    }

    .section-about-cards {
        padding:50px 10px;
    }

    .section-about-cards .cards-content {
        margin: 50px auto 0;
        max-width: calc(100% - 280px);
    }

    /*---------------------------------------------- Pachete self service ----------------------------------------------*/

    .self-service-section .content {
        margin: 50px auto;
    }

    .self-service-section,
    .self-service-section .self-service-grid {
        margin:auto;
    }

    .self-service-section .self-service-grid {
        padding:0 10px;
    }

    .self-service-section .content .self-service-item-wrapper {
        max-width: calc(50% - 10px);
        flex: auto;
    }

    .self-service-wrapper {
        padding:0 10px;
    }

    /*---------------------------------------------- Pachete self service ----------------------------------------------*/

    .portfolio-section {
        padding:0 10px;
    }

    .portfolio-item-wrapper .row.item-inner {
        gap:0 40px;
    }

    .portfolio-item-wrapper .row.item-inner .item-info {
        max-width: calc(50% - 20px);
    }

    .portfolio-item-wrapper .row.item-inner .item-image-wrapper {
        max-width: 40%;
        margin: auto;
        min-height: 330px;
    }

    /*---------------------------------------------- Produs single ----------------------------------------------*/

    .single_product_wrapper {
        padding: 150px 10px 0;
        min-height: fit-content;
    }

    .product_image_wrapper, .product_summary_wrapper {
        height: fit-content;
    }

    .product_summary_wrapper .buttons_price_wrapper {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 20px;
    }

    .product_summary_wrapper .product_buttons_wrapper .add-to-cart,
    .product_summary_wrapper .product_buttons_wrapper .add-to-fav-btn {
        padding:15px 30px;
    }

    .related_products,
    .associated_products {
        padding:0 10px;
    }

    .section_product_break .section_widget_product .section_content .col-12 {
        padding-left:10px;
    }

    .section_product_break .section_widget_product .section_content .col-12 a {
        margin-left:10px;
    }

    /*---------------------------------------------- Contact ----------------------------------------------*/
    
    .section-contact {
        padding:50px 10px;
        height:auto;
    }

    /*---------------------------------------------- Contul meu ----------------------------------------------*/

    .account_wrapper {
        padding: 150px 10px 50px;
    }

    .account_wrapper .account_views .account_orders .order_item .order_date,
    .account_wrapper .account_views .open_orders .order_price {
        display: flex;
        flex-direction: column;
    }

    .account_wrapper .account_views .open_orders .order_info .btn_wrapper {
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 10px;
    }

}

@media screen and (min-width: 1301px) and (max-width: 1601px) {

    /*---------------------------------------------- Comune ----------------------------------------------*/

    .common-top-section {
        padding:0 10px;
    }

    .common-top-section.section-full-height .content .module-button {
        margin-left:10px;
    }

    .add-to-fav-btn svg {
        height: 24px;
        width: 24px;
    }

    /*---------------------------------------------- Homepage ----------------------------------------------*/
    
    .section-1-home.vh-100,
    .homepage-slider.vh-100 {
        height:calc(100vh - 50px)!important;
    }

    .section-1-home .homepage-slider .slick-slide {
        padding-top: 130px;
        align-items: flex-start;
        overflow: hidden;
    }

    .section-1-home .homepage-slider .slick-slide-inner {
        margin: 0;
        max-width: 70%;
        width: 100%;
        padding: 0;
        padding-left: 10px;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .section-1-home .homepage-slider .slick-slide-inner:before {
        left: -40px;
        width: 60%;
    }

    .section-1-home .homepage-slider .slick-prev {
        height: 40px;
        width: 50px;
        right: 70px;
    }

    .section-1-home .homepage-slider .slick-next {
        height: 40px;
        width: 50px;
        right: 10px;
    }

    .section-1-home .homepage-slider .slick-next:before,
    .section-1-home .homepage-slider .slick-prev:before {
        font-size:18px;
    }

    .section-2-home {
        padding:50px 10px;
    }

    .section-2-home .title p {
        font-size: 14px;
        margin-bottom: 10px
    }

    .section-2-home .title h1 {
        font-size: 24px;
    }

    .section-2-home .content {
        padding-top:20px;
        gap:20px;
    }

    .categories-grid .category-item .buttons-wrapper,
    .associated_products_list .assoc_item .item_buttons_wrapper {
        flex-direction: column;
        gap:10px;
    }

    .section-2-home .content .add-to-cart,
    .section-2-home .content .btn-secondary {
        padding: 5px 10px;
    }

    .section-2-home .section-2-button {
        padding-left:10px;
    } 

    .section-image {
        height: auto;
        padding: 50px 10px;
        background-size: cover;
        background-attachment: scroll;
    }

    .section-3-home.section-image .content .text h3,
    .section-3-home.section-image .content .text p {
        color:var(--white);
        max-width: calc(50% - 10px);
        margin-left:auto;
    }

    .section-3-home.section-image:after {
        right: 0;
        width: 50%;
        height: 100%;
        background-color: var(--black);
        transform: none;
    }

    .section-image .content .module-button {
        max-width: calc(50% - 20px);
    }

    .section-4-home.section-image .content .text h3,
    .section-4-home.section-image .content .text p {
        color:var(--white);
        max-width: calc(50% - 10px);
        margin-right:auto;
    }

    .section-4-home.section-image:after {
        left: 0;
        width: 50%;
        height: 100%;
        background-color: var(--black);
        transform: none;
    }

    .section-5-home {
        padding:50px 10px;
        gap: 20px;
    }

    .section-5-home .right .option {
        width: calc(50% - 10px);
    }

    .section-5-home .section-5-button {
        width: calc(50% - 10px);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .section-5-home .section-5-button .btn-primary {
        padding: 10px 20px;
    }

    .section-6-home {
        padding: 50px 10px;
    }

    .section-6-home .content-cards {
        gap: 18px;
        padding:20px 0;
        flex-wrap: wrap;
    }

    .section-6-home .content-cards .module-fickle {
        max-width: calc(33.333333% - 12px);
        padding: 20px;
        transform: none;
    }

    .section-6-home .content-cards .module-fickle .fickle-header,
    .section-6-home .content-cards .module-fickle .fickle-image {
        transform:none;
        z-index: 1;
    }

    .section-6-home .content-cards .module-fickle .fickle-header paragraph {
        font-size:14px;
        display: block;
        line-height: 1;
    }

    .section-6-home .content-text {
        gap:20px;
    }

    .section-6-home .content-text .module-fickle {  
        max-width: calc(50% - 10px);
    }

    .section-7-home.section-image:after {
        left: 0;
        width: 50%;
        height: 100%;
        background-color: var(--black);
        transform: none;
    }

    .section-7-home.section-image .content .text h3,
    .section-7-home.section-image .content .text p {
        color:var(--white);
        max-width: calc(50% - 10px);
        margin-right:auto;
    }

    /*---------------------------------------------- Despre noi ----------------------------------------------*/

    .section-about {
        gap: 0 40px;
        justify-content: space-between;
        align-items: center;
        padding: 50px 10px;
    }

    .section-about .text-column {
        max-width: calc(50% - 20px);
    }

    .section-about .image-column {
        max-width: 35%;
        margin: auto;
        min-height: 250px;
        height: auto;
    }

    .section-about-cards {
        padding:50px 10px;
    }

    .section-about-cards .cards-content {
        margin: 50px auto 0;
        max-width: calc(100% - 280px);
    }

    /*---------------------------------------------- Pachete self service ----------------------------------------------*/

    .self-service-section .content {
        margin: 50px auto;
    }

    .self-service-section,
    .self-service-section .self-service-grid {
        margin:auto;
    }

    .self-service-section .self-service-grid {
        padding:0 10px;
    }

    .self-service-wrapper {
        padding:0 10px;
    }

    /*---------------------------------------------- Pachete self service ----------------------------------------------*/

    .portfolio-section {
        padding:0 10px;
    }

    .portfolio-item-wrapper .row.item-inner {
        gap:0 40px;
    }

    .portfolio-item-wrapper .row.item-inner .item-info {
        max-width: calc(50% - 20px);
    }

    .portfolio-item-wrapper .row.item-inner .item-image-wrapper {
        max-width: 40%;
        margin: auto;
        min-height: 330px;
    }

    /*---------------------------------------------- Produs single ----------------------------------------------*/

    .single_product_wrapper {
        padding: 150px 10px 0;
    }

    .product_image_wrapper, .product_summary_wrapper {
        height: fit-content;
    }

    .product_summary_wrapper .buttons_price_wrapper {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 20px;
    }

    .product_summary_wrapper .product_buttons_wrapper .add-to-cart,
    .product_summary_wrapper .product_buttons_wrapper .add-to-fav-btn {
        padding:15px 30px;
    }

    .related_products,
    .associated_products {
        padding:0 10px;
    }

    .section_product_break .section_widget_product .section_content .col-12 {
        padding-left:10px;
    }

    .section_product_break .section_widget_product .section_content .col-12 a {
        margin-left:10px;
    }

    /*---------------------------------------------- Contact ----------------------------------------------*/
    
    .section-contact {
        padding:50px 10px;
        height:auto;
    }

    /*---------------------------------------------- Contul meu ----------------------------------------------*/

    .account_wrapper {
        padding: 150px 10px 50px;
    }

    .account_wrapper .account_views .account_orders .order_item .order_date,
    .account_wrapper .account_views .open_orders .order_price {
        display: flex;
        flex-direction: column;
    }

    .account_wrapper .account_views .open_orders .order_info .btn_wrapper {
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 10px;
    }

}