@media (max-width: 991px) {
    #app-main {
        overflow: hidden;
    }

    .main-header {
        margin-top: 20px;
    }

    .main-slider .slider-item .slider-box .title {
        white-space: unset;
        font-size: 25px;
    }

    .main-slider .slider-item .slider-box .box {
        white-space: unset;
    }

    .section-header h1 {
        font-size: 25px;
    }

    .section-header h1:before, .section-header h1:after {
        content: none;
        display: none;
    }

    .categories-container .category {
        width: 100%;
        margin: 15px 0;
    }

    .main-about .about-container {
        flex-direction: column;
    }

    .main-about .about-container > div {
        padding: 0;
        width: 100%;
    }

    .main-products .header {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .main-products .header .title {
        font-size: 25px;
    }

    .articles-container .blog {
        width: 100%;
        margin: 15px 0;
    }

    .newsletter-container {
        flex-direction: column;
        padding: 30px;
    }

    .newsletter-container > div {
        width: 100% !important;
    }

    .newsletter-container .form {
        margin-top: 30px;
    }

    .newsletter-container .form form {
        flex-direction: column;
    }

    .newsletter-container .form form input,
    .newsletter-container .form form button {
        width: 100%;
    }

    .newsletter-container .form form label {
        display: none;
    }

    .main-footer {
        padding: 10px;
        margin: 30px 0 0;
    }

    .main-footer .footer-container {
        border-radius: 0px;
        padding: 15px;
    }

    .mobileMenu {
        display: flex;
        height: 40px;
        width: 40px;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        border: 0;
        background-color: #688082;
    }

    .main-header .menu-container .menu {
        background: #fff;
        position: fixed;
        right: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        transition: 300ms;
        visibility: hidden;
        opacity: 0;
    }

    .main-header .menu-container .menu ul {
        flex-direction: column;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        padding: 0 20px;
    }

    .main-header .menu-container .menu > ul > li:last-child > a {
        background: none;
        padding: 0;
    }

    .main-header .menu-container .menu:before {
        position: absolute;
        content: '';
        right: -50px;
        top: -50px;
        width: 250px;
        height: 250px;
        background: #03269a;
        border-radius: 100%;
        transition: 2000ms;
        z-index: -1;
        transform: scale(0);
    }

    .main-header .menu-container .menu:after {
        position: absolute;
        content: '';
        right: -50px;
        top: 150px;
        width: 150px;
        height: 150px;
        background: #688082;
        border-radius: 100%;
        transition: 3000ms;
        z-index: -2;
        transform: scale(0);
    }

    .main-header.open-mobile-menu .mobileMenu {
        position: fixed;
        right: 20px;
        top: 20px;
        z-index: 999;
    }

    .main-header.open-mobile-menu .menu-container .menu:before,
    .main-header.open-mobile-menu .menu-container .menu:after {
        transform: scale(1);
    }

    .main-header.open-mobile-menu .menu-container .menu {
        right: 0;
        opacity: 1;
        visibility: visible;
    }

    .main-header .menu-container {
        border-radius: 30px;
        padding: 0 10px;
    }

    .main-header .menu-container .logo-container .languages {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 10px;
    }

    .main-header .menu-container .logo-container .languages:Before {
        content: none;
        display: none;
    }

    .main-header .menu-container .logo-container .languages .list {
        left: 0;
    }

    .main-header .menu-container .logo-container .languages .active {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 13px;
    }

    .main-header .menu-container .logo-container .logo {
        max-width: 120px;
    }

    .main-header .menu-container .logo-container {
        justify-content: space-between;
        width: 100%;
    }

    .main-header .bar-container {
        padding: 0 0 20px 0;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        visibility: hidden;
        opacity: 0;
        transform: translateX(30px);
        transition: 300ms;
        z-index: 99;
    }

    .main-header .bar-container a {
        color: #03269a;
    }

    .main-header .bar-container .socials nav a {
        margin: 0 10px 0 10px;
    }

    .main-header.open-mobile-menu .bar-container {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }

    .main-header .bar-container .contacts nav {
        flex-direction: column;
        justify-content: center;
    }

    .main-header .bar-container .contacts nav a {
        margin: 5px 0 5px 0;
    }

    .main-slider .slider-item .slider-box .box {
        max-width: 100%;
    }

    .main-slider .slider-item .slider-box .description {
        white-space: unset;
    }

    .main-slider .slider-item {
        min-height: 500px;
    }

    .main-products .header .buttons {
        position: relative;
        z-index: 9;
        margin-top: 20px;
    }

    .main-products .header .buttons button {
        border-radius: 20px;
    }

    .main-products .header .buttons > a {
        border-radius: 20px;
    }

    .main-footer .footer-container .menu {
        width: 100%;
    }

    .main-footer .footer-container .copyright {
        margin-left: 0;
        width: 100%;
        border-radius: 20px;
        overflow: hidden;
    }

    .main-header .menu-container .menu > ul > li > ul {
        display: none;
    }

    .page-container .app-content {
        width: 100%;
        padding-left: 0;
    }

    .page-container {
        flex-direction: column-reverse;
    }

    .page-container .app-sidebar {
        width: 100%;
        margin-top: 20px;
    }

    .page-container .app-content .page-images .image {
        width: calc(50% - 30px);
    }

    .page-container .app-content .page-images .image img {
        height: 100px;
    }

    .breadcrumb {
        margin: 0 10px 30px 10px;
    }

    .breadcrumb .breadcrumb-container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .breadcrumb .breadcrumb-container > .title h1 {
        font-size: 15px;
    }

    .breadcrumb .breadcrumb-container > ul {
        margin-top: 15px;
    }

    .breadcrumb .breadcrumb-container > ul li a,
    .breadcrumb .breadcrumb-container > ul li strong {
        font-size: 11px;
    }

    .products-container .product-item {
        width: 100%;
        margin: 15px 0;
    }

    .product-detail .images img {
        height: 100px;
    }

    .product-detail .header {
        margin-top: 30px;
    }

    .table-container {
        max-width: 100%;
        overflow: scroll;
    }

    .contact-form .input:nth-child(3), .contact-form .input:nth-child(4){
        width: 100%;
    }

    .contact-form .input:nth-child(4) input{
        border-top-right-radius: 0;
        border-top-left-radius: 20px;
    }
}