@media screen and (max-width: 992px) {
    html {
        overflow-x: hidden;
    }

    .no-mobile {
        display: none;
    }

    .desktop-header {
        display: none;
    }

    .detail-page-content {
        padding: 0 !important;
        padding-bottom: 75px !important;
    }

    .contact-text,
    .page-top {
        padding: 50px 0 !important;
        text-align: center;
    }

    .contact-form {
        padding: 50px 0px !important;
    }

    .footer-socials-content span {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .footer-socials-content {
        flex-direction: column;
    }

    .footer-socials-content a {
        margin: 0 10px;
    }

    .footer-bottom ul {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .footer-bottom ul a {
        text-align: center;
        margin: 2px 15px 2px 0;
        display: flex;
        white-space: nowrap;
    }

    .contact-text p.contact-description,
    .page-top p.page-top-description {
        margin-top: 25px;
    }

    ul.breadcrumb-list {
        overflow: auto;
    }

    ul.breadcrumb-list li {
        white-space: nowrap;
    }

    section.list-page .page-content {
        padding: 25px 0;
    }

    span.list-item-title {
        font-size: 18px;
        line-height: unset;
    }

    span.detail-title {
        font-size: 24px;
        line-height: unset;
    }

    .page-banner {
        margin-bottom: 25px;
    }

    .media-page .page-top {
        padding: 25px 0 !important;
    }

    .videos-item a,
    .gallery-item a {
        margin-bottom: 10px;
    }

    .videos-item,
    .gallery-item {
        padding: 0 5px !important;
    }

    .videos-item a {
        height: 250px;
    }

    .blog-section-text {
        width: 100%;
    }

    .main-news .row {
        padding: 0;
    }

    .main-news .section-title.section-title-lg {
        margin-bottom: 25px;
    }

    .news-content {
        padding-top: 0 !important;
        padding-bottom: 50px;
    }

    span.news-list-title {
        display: none;
    }

    .news-image {
        padding: 0 !important;
    }

    li.news-item a {
        font-size: 16px;
    }

    p.main-section-description {
        padding: 25px 0px !important;
        font-size: 14px !important;
    }

    .section-title.section-title-lg {
        font-size: 28px;
        text-align: center;
    }

    .main-slider .slider-content h2 {
        font-size: 38px;
        margin-bottom: 10px;
    }

    .main-slider .slider-content h4 {
        font-size: 18px;
    }

    .main-slider {
        margin-top: -65px;
    }

    .main-slider .item.slider-item {
        /* height: calc(100dvh - 65px); */
        height: 100dvh;
    }

    .item.slider-item .container {
        align-items: end !important;
        padding-bottom: 115px;
    }

    .main-content-section {
        padding: 75px 0;
    }

    .main-buttons {
        height: unset;
        padding: 35px 0;
    }

    .main-button-item {
        margin: 15px 0;
    }

    .product-category-image,
    .product-category-item {
        width: 100%;
    }

    .product-category-image img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }

    a.product-category-item {
        flex-direction: column;
        height: unset;
    }

    a.product-category-item .more {
        margin-bottom: 0;
    }


    /**** header-begin ****/


    .mobile-header {
        display: block;
    }

    .header-languages .other-languages {
        transform: translate(30px, -30px) !important;
        transition: 400ms;
    }

    .mobile-header .mobile-header-top {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 5px 20px;
        align-items: center;
        z-index: 999;
    }

    .mobile-header .header-logo img {
        height: 55px;
        object-fit: contain;
    }

    .mobile-header .row {
        width: 100%;
    }

    .mobile-header button.menu-button {
        background: none;
        border: none;
        padding: 0;
    }

    .mobile-header button.menu-button .line {
        width: 27px;
        height: 4px;
        border-radius: 5px;
        /* background: #fff; */
        background: var(--secondary);
        margin: 5px 0;
        transition: 400ms;
    }

    .mobile-header button.menu-button .line.small-line {
        width: 20px;
    }

    .mobile-header.menu-active button.menu-button .small-line:nth-child(1) {
        transform: rotate(-45deg) translateY(5px) translateX(-5px);
        width: 27px;
    }

    .mobile-header.menu-active button.menu-button .small-line:nth-child(3) {
        transform: rotate(45deg) translateY(-6px) translateX(-6px);
        width: 27px;
    }

    .mobile-header.menu-active button.menu-button .big-line {
        opacity: 0;
    }

    .mobile-header.menu-active button.menu-button .line {
        height: 3px;
        background-color: #000;
    }

    /* 
    .mobile-header .header-menu * {
        text-transform: uppercase !important;
    } */

    .mobile-header .header-menu ul {
        list-style: none;
        padding: 0;
        margin-top: -7px;
    }

    .mobile-header .header-menu li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 45px;
        padding-left: 25px;
    }

    .mobile-header .header-menu li .accordion-header {
        margin: 0;
    }

    .mobile-header .header-menu li span,
    .mobile-header .header-menu li a {
        color: var(--secondary);
        font-size: 22px;
        font-weight: 600;
    }

    .mobile-header .menu-buttons {
        display: flex;
        flex-direction: column;
    }

    .mobile-header .menu-buttons a {
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: var(--secondary);
        border-radius: 30px;
        padding: 0 25px;
        margin-bottom: 10px;
        color: var(--primary);
        font-size: 16px;
    }

    .mobile-header .header-menu {
        position: absolute;
        z-index: 99;
        width: 100%;
        height: 100dvh;
        left: -100%;
        top: 0;
        background: #fff;
        padding: 100px 25px 25px 25px;
        display: flex;
        align-items: center;
        transition: 400ms
    }

    .accordion-item ul li {
        padding-left: 25px !important;
        height: 35px;
    }

    .accordion-item ul {
        margin: 0;
    }

    .accordion-item ul li a {
        font-size: 16px !important;
        font-weight: 500 !important;
    }

    .mobile-header.menu-active .header-top {
        background: #fff;
        transition-delay: 400ms;
    }

    .mobile-header.menu-active .header-menu {
        left: 0;
        overflow: auto;
    }

    body:has(.menu-active),
    body:has(.loader:not(.d-none)) {
        overflow: hidden;
    }

    .mobile-header .header-menu .accordion-button::after {
        display: none;
    }

    .mobile-header .header-menu .accordion-button {
        width: 100%;
        display: flex;
        justify-content: space-between;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px;
        padding-left: 25px !important;
        padding: 0;
    }

    .mobile-header .header-menu .accordion-button::after {
        display: none;
    }

    .mobile-header .header-menu .accordion-button {
        width: 100%;
        display: flex;
        justify-content: space-between;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 50px;
        padding-left: 25px !important;
        padding: 0;
        box-shadow: none !important;
        border: none !important;
        outline: none !important;
        background: none !important;
    }


    .mobile-header .header-menu .accordion li a span {
        font-size: 14px;
        padding-left: 15px;
    }

    .mobile-header .header-menu .accordion li a img {
        height: 12px;
        object-fit: contain;
        width: 12px;
    }

    .mobile-header .header-menu .accordion li a {
        height: 45px;
    }

    .mobile-header .header-menu .accordion li a {
        border: none;
    }

    .mobile-header button.accordion-button:not(.collapsed) img {
        transform: rotate(90deg);
    }

    .mobile-header button.accordion-button img {
        transition: 400ms;
    }

    .mobile-header .language a,
    .mobile-header.menu-active .language a {
        font-size: 18px;
        color: var(--secondary);
        transition: 400ms;
    }

    body.home-page.loaded .language a {
        color: var(--primary);
    }

    .aside ul li .aside-dropdown {
        display: flex !important;
        flex-direction: column !important;
        position: absolute !important;
        opacity: 0;
        pointer-events: none !important;
        transition: 400ms !important;
        padding-top: 35px !important;
        z-index: 99 !important;
        left: 50% !important;
        transform: translate(-50%, 0) !important;
        width: 100%;
        min-height: 30px;
        padding-left: 10px !important;
    }

    .aside ul li .aside-dropdown:after {
        opacity: 0 !important;
    }

    .aside ul li:hover .aside-dropdown {
        opacity: 1;
        pointer-events: unset;
    }

    .products-list-page .aside h2 i {
        display: none;
    }

    .products-list-page .aside {
        padding: 20px !important;
    }

    .products-list-page .aside h2 {
        margin-bottom: 15px;
    }

    .products-list-page .aside ul li {
        border-radius: 10px;
    }

    .header-languages img {
        border-radius: 100%;
        object-fit: cover;
        width: 24px;
        height: 24px;
    }

    .other-languages {
        position: absolute;
        display: flex;
        background: #fff;
        padding: 5px 0px;
        border-radius: 25px;
        transform: translate(0px, -30px);
        opacity: 0;
        transition: 400ms;
    }

    .header-languages:hover .other-languages {
        transform: translate(30px, -30px);
        opacity: 1;
        transition: 400ms;
    }

    .other-languages a {
        padding: 0px 5px;
    }

    .header-top,
    .header-bottom {
        display: none !important;
    }


    /**** header-end ****/
    .product-detail-page li.nav-item {
        width: calc(50% - 15px);
    }

    .nav-tabs .nav-link span {
        font-size: 14px;
    }

    .blog-section-text .section-title {
        display: flex !important;
    }

    .blog-slider-content .owl-carousel {
        width: 100% !important;
    }

    .blog-slider-content .blog-slider-title {
        display: none !important;
    }

    .main-slider .owl-dots {
        bottom: 75px !important;
        width: 325px !important;
        /* left: 15px !important; */
    }

    .main-slider .owl-nav {
        bottom: 50px !important;
        position: absolute !important;
        left: unset !important;
        right: 15px !important;
    }


}



/** max992 **/

@media (max-width: 1500px) {}


/**** Laptop ****/


/* @media (min-width: 1399px) and (max-width: 1699px) {
    .main-slider .owl-dots {
        left: 15px;
    }
}

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

    .main-slider .owl-dots {
        left: 9.5%;
    }
}

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

    .main-slider .owl-dots {
        left: 9.5%;
    }
} */

@media (max-width: 1366px) {

    /* .main-slider .owl-dots {
        left: 9.5%;
    } */

    .media-page .page-top,
    .list-page .page-top,
    .product-detail-page .page-top,
    .contact-text {
        padding: 50px 250px 50px 250px;
    }

    .contact-form {
        padding: 50px 250px;
    }

    a.product-category-item {
        height: 225px;
    }

    .header-bottom-right {
        display: none;
    }

    .nav-tabs .nav-link span {
        font-size: 14px;
    }
}


/**** Laptop END ****/


/**** Tablet ****/

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


/**** Tablet END ****/

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

@media screen and (max-width: 375px) {
    /** Ä°phoneX **/
}

@media (min-width: 1399px) {
    .container {
        max-width: 1640px !important;
    }

    .page-container,
    .page-container-lg,
    .page-container-md,
    .page-container-sm,
    .page-container-xl {
        max-width: 1640px !important;
    }
}

@media (max-width: 992px) {

    .page-container,
    .page-container-lg,
    .page-container-md,
    .page-container-sm {
        max-width: 960px !important;
    }
}

@media (max-width: 768px) {

    .page-container,
    .page-container-md,
    .page-container-sm {
        max-width: 720px !important;
    }
}

@media (max-width: 576px) {

    .page-container,
    .page-container-sm {
        max-width: 540px !important;
    }
}

.page-container,
.page-container-fluid,
.page-container-lg,
.page-container-md,
.page-container-sm,
.page-container-xl {
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}