@media screen and (max-width: 992px) {

    .no-mobile {
        display: none;
    }

    .no-desktop {
        display: block;
    }

	.product-detail-buttons a {
		margin-right: 15px;
	}

	.product-detail-buttons {
		margin-top: 40px;
		display: flex;
		justify-content: flex-start;
	}

    .page-top {
        border-radius: 0 !important;
        padding: 25px;
    }

    h4.section-subtitle {
        font-size: 15px;
        margin-bottom: 10px;
    }

    h2.section-title {
        text-transform: uppercase;
        font-size: 28px;
    }

    .breadcrumb * {
        font-size: 12px;
    }

    .page-banner {
        border-radius: 0 !important;
        margin-bottom: 75px;
    }

    .contact-informations {
        padding-left: 15px !important;
        margin-top: 75px !important;
    }

    span.contact-item-title {
        font-size: 22px;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .contact-item {
        margin-bottom: 35px;
    }

    .contact-item a,
    .contact-item p {
        font-size: 20px;
        font-weight: 400;
    }

    .contact-item i {
        margin-right: 15px;
        color: var(--primary);
        font-size: 18px;
    }

    .footer-contact {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: start;
    }

    .footer-contact ul li {
        text-align: start;
    }

    h3.footer-menu-title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 15px;
        margin-top: 35px;
    }

    .footer-menu-item ul li a {
        line-height: 35px;
    }

    span.news-title {
        font-size: 24px !important;
        margin-top: 15px !important;
        margin-bottom: 20px !important;
    }

    span.news-description {
        line-height: 24px !important;
    }

    a.media-news-item img {
        height: 275px !important;
    }

    a.media-video-item,
    a.media-photo-item {
        height: 275px !important;
    }

    span.media-section-title {
        font-weight: 600 !important;
        margin-bottom: 15px !important;
    }

    .catalog-col {
        height: 200px !important;
        border-radius: 0 !important;
    }

    .logos-col {
        border-radius: 0 !important;
        padding: 35px !important;
    }

    .catalog-image {
        display: none !important;
    }

    .catalog-col span.documents-title {
        margin-bottom: 20px !important;
        font-size: 20px !important;
    }

    .documents-title-col {
        padding-left: 25px !important;
    }

    .teamkom-bottom-content {
        padding-left: 15px !important;
    }

    .teamkom-bottom-content .subtitle {
        font-size: 20px !important;
        line-height: 60px !important;
    }

    .teamkom-bottom-content .title {
        font-size: 48px !important;
        line-height: 50px !important;
        font-weight: 900 !important;
        margin-bottom: 25px !important;
    }

    .teamkom-bottom {
        height: 420px !important;
        width: 130% !important;
        background-position: -130px 100% !important;
    }

    section.kommar-page .page-content-right {
        padding-top: 45px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    section.kommar-page .page-content-left:before {
        top: -74px !important;
    }

    .kommar-page div#counter .col-md-3:nth-child(1) .counter-item {
        border-radius: 0 !important;
    }

    .kommar-page div#counter .col-md-3:nth-child(2) .counter-item,
    .kommar-page div#counter .col-md-3:nth-child(3) .counter-item {
        border-radius: 0 !important;
    }

    .kommar-page div#counter .col-md-3:nth-child(4) .counter-item {
        border-radius: 0 !important;
    }

    .call-center-content {
        height: auto !important;
        justify-content: center !important;
        border-radius: 0 !important;
    }

    .call-center-content .call-center-left {
        height: auto !important;
    }

    .call-center-content .call-center-left {
        padding: 15px !important;
    }

    .call-center-content .call-center-left .row.w-100 {
        width: unset !important;
    }

    .call-center-content a.call-center-item {
        border-radius: 0 !important;
    }

    .call-center-content .call-center-left .col-md-6:last-child .call-center-item {
        border-radius: 0 !important;
    }

    .page-counter-top {
        margin-bottom: 50px !important;
    }

    div#counter .col-md-3 .counter-item {
        padding: 35px !important;
    }

    .brand-top-slider {
        height: 250px !important;
        position: relative !important;
    }

    .brand-top-title {
        height: 225px !important;
        border-radius: 0 !important;
    }

    .brand-top-title span {
        font-size: 36px !important;
    }

    .brand-top-slider:after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        bottom: 0px !important;
        border-radius: 0 !important;
        border: 2px solid var(--primary-light) !important;
        height: 100% !important;
        width: 77% !important;
        border-right: 0 !important;
        border-top: 0 !important;
    }

    .page-brands .brands-tabs {
        height: auto !important;
        padding: 25px 0px !important;
    }

    .brands-tab-image {
        padding: 15px 30px !important;
    }

    span.call-center-title {
        font-size: 26px !important;
        line-height: 38px !important;
    }

    .page-call-center {
        padding-top: 115px !important;
    }

    .page-brands {
        margin-top: 125px !important;
    }

    section.kommar-page .page-content-left {
        border-radius: 0 !important;
        padding: 50px 45px 50px 45px !important;
    }

    .main-about-left .about-image img {
        border-radius: 0 !important;
    }

    .main-about-area .col-md-5 {
        padding-right: 0 !important;
    }

    .main-about-left .left-icons {
        height: 100px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 35px !important;
    }

    .main-about-description .theme-button {
        margin-top: 35px !important;
    }

    .main-brands-top-title .title {
        font-size: 32px !important;
        line-height: 40px !important;
        margin-bottom: 20px !important;
    }

    .main-brands-top-title .subtitle {
        font-size: 18px !important;
        margin-bottom: 5px !important;
    }

    .main-brands-top-text p {
        font-size: 14px !important;
        line-height: 24px !important;
        margin-bottom: 55px !important;
    }

    .main-brands {
        margin-bottom: 125px !important;
    }

    .main-media .main-media-item {
        margin-bottom: 25px !important;
    }

    .main-brands-top {
        padding: 20px 35px 50px 35px !important;
    }

    .attached-area-content {
        padding: 50px 25px 35px 25px !important;
        border-radius: 0 !important;
    }

    .attached-area-title .title {
        font-size: 30px !important;
        line-height: 34px !important;
        color: #fff !important;
    }

    .attached-area-title .subtitle {
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 10px !important;
        color: #fff !important;
    }

    .attached-area-content:after {
        display: none !important;
    }

    .truck-left:after {
        display: none !important;
    }

    .truck-left {
        padding-left: 25px !important;
        padding-top: 25px !important;
    }

    .truck-left .subtitle {
        font-size: 26px !important;
        line-height: 33px !important;
    }

    .truck-left .title {
        font-size: 60px !important;
        line-height: 90px !important;
        margin-bottom: 35px !important;
    }

    .middle-area-background {
        width: 75% !important;
        height: 935px !important;
    }

    .main-products-left {
        padding-left: 25px !important;
        padding-right: 25px !important;
        padding-top: 70px !important;
        padding-bottom: 75px !important;
    }

    .main-truck-area {
        height: 825px !important;
        padding-top: 75px !important;
    }

    .main-products-left .title {
        margin-bottom: 25px !important;
        font-size: 32px !important;
        font-weight: 900 !important;
        line-height: 38px !important;
    }

    .main-products-left .subtitle {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .main-products-slider {
        padding: 0 20px !important;
    }

    .product-list-item .item-bottom:before {
        top: -49px !important;
    }

    .main-counter-area .page-counters .item-icon {
        display: none;
    }

    .main-counter-area .page-counters .col-6:nth-child(1),
    .main-counter-area .page-counters .col-6:nth-child(3) {
        padding-right: 0 !important;
    }

    .main-counter-area .page-counters .col-6:nth-child(2),
    .main-counter-area .page-counters .col-6:nth-child(4) {
        padding-left: 0 !important;
    }

    .main-counter-area .page-counters .col-6:nth-child(1) .counter-item {
        border-radius: 0 !important;
    }

    .main-counter-area .page-counters .col-6:nth-child(2) .counter-item {
        border-radius: 0 !important;
    }

    .main-counter-area .page-counters .col-6:nth-child(3) .counter-item {
        border-radius: 0 !important;
    }

    .main-counter-area .page-counters .col-6:nth-child(4) .counter-item {
        border-radius: 0 !important;
    }

    .slider-button-area {
        width: 60% !important;
    }

    .slider-socials {
        display: none !important;
    }

    button.search-button {
        display: none !important;
    }

    form.search-form {
        height: 100px !important;
        padding: 0 25px !important;
    }

    input#q {
        font-size: 13px !important;
        margin: 0px 25px !important;
        width: calc(100% - 110px) !important;
    }

    .product-list-item .product-list-image {
        height: 250px !important;
    }

    .product-list-item .item-top {
        height: 345px !important;
        padding-top: 35px;
    }

    section.product-detail-page .page-top,
    .product-list-page .page-top {

        border-bottom: none !important;
    }

    .product-features .col-md-9 {
        padding-left: 15px !important;
    }

    span.product-feature-title {
        margin-bottom: 0 !important;
        border-radius: 0 !important;
    }

    span.product-feature-description {
        border-radius: 0 !important;
        margin-bottom: 15px !important;
        min-height: 48px !important;
        height: auto !important;
        padding: 10px 30px !important;
    }

    .similar-products {
        margin-top: 100px !important;
    }


    /**** header-begin ****/

    section.mt-5.pt-1 {
        padding-top: 0 !important;
        margin-top: 15px !important;
    }

    .mobile-header {
        display: block !important;
        position: relative !important;
        height: 100px !important;

    }

    .mobile-header.menu-active {
        display: block !important;
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 10000 !important;
        top: 0;
    }

    .mobile-header .header-top {
        position: relative !important;
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        padding: 25px !important;
        align-items: center !important;
        z-index: 999 !important;
        transition: 400ms;
        position: fixed !important;
        height: 100px !important;
        background: #FFFFFF !important;
    }

    .mobile-header .header-logo img {
        height: 30px !important;
    }
	
	.header-logo {
		padding-left: 25px !important;
	}

    .mobile-header .row {
        width: 100% !important;
    }

    .mobile-header button.menu-button {
        background: none !important;
        border: none !important;
        padding: 0 !important;
    }

    .mobile-header button.menu-button .line {
        width: 27px !important;
        height: 4px !important;
        border-radius: 0 !important;
        background: var(--primary) !important;
        margin: 5px 0 !important;
        transition: 400ms !important;
    }

    .mobile-header button.menu-button .line.small-line {
        width: 20px !important;
    }

    .mobile-header.menu-active button.menu-button .small-line:nth-child(1) {
        transform: rotate(-45deg) translateY(5px) translateX(-5px) !important;
        width: 27px !important;
    }

    .mobile-header.menu-active button.menu-button .small-line:nth-child(3) {
        transform: rotate(45deg) translateY(-6px) translateX(-6px) !important;
        width: 27px !important;
    }

    .mobile-header.menu-active button.menu-button .big-line {
        opacity: 0 !important;
    }

    .mobile-header.menu-active button.menu-button .line {
        height: 3px !important;
        background-color: #000 !important;
    }

    .mobile-header .header-menu * {
        text-transform: uppercase !important;
    }

    .mobile-header .header-menu ul {
        list-style: none !important;
        padding: 0 !important;
        margin-top: 7px !important;
        width: 100%;
    }

    .mobile-header .header-menu li a {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        height: 60px !important;
        padding-left: 0 !important;
    }


    .mobile-header .header-menu li span,
    .mobile-header .header-menu li a {
        font-size: 18px !important;
        font-weight: 400 !important;
        height: 80px !important;
        display: flex !important;
        align-items: center !important;
        border-bottom: 1px solid #CEE5FE;
        padding: 0 20px;
        color: var(--primary);
        width: 100%;
        justify-content: center;
    }

    .mobile-header .header-menu .accordion-item li span {
        font-size: 16px !important;
        height: unset !important;
        border-bottom: none !important;
        padding: 0 10px;
    }

    .mobile-header .header-menu .accordion-item {
        border-bottom: 1px solid #CEE5FE !important;
    }


    .mobile-header .header-menu button.accordion-button span {
        border-bottom: none;
    }

    .mobile-header .menu-buttons {
        display: flex !important;
        flex-direction: column !important;
    }

    .mobile-header .menu-buttons a {
        width: 100% !important;
        height: 60px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        background: var(--secondary) !important;
        border-radius: 0 !important;
        padding: 0 25px !important;
        margin-bottom: 10px !important;
        color: var(--primary) !important;
        font-size: 16px !important;
    }

    .mobile-header .header-menu {
        position: absolute !important;
        z-index: 99 !important;
        width: 100% !important;
        height: 100dvh !important;
        left: -100% !important;
        top: 0 !important;
        background: #fff !important;
        padding: 100px 25px 25px 25px !important;
        transition: 400ms;
    }

    .mobile-header.menu-active .header-top {
        background: #fff !important;
        transition: 400ms !important;
    }

    .mobile-header.menu-active .header-menu {
        left: 0 !important;
        overflow: auto !important;
        display: flex !important;
        align-items: start !important;
        padding-top: 175px;
        /** align-items: center !important; */
        justify-content: center !important;
        text-align: center !important;
        background: #fff !important;
    }

    body:has(.menu-active),
    body:has(.loader:not(.d-none)) {
        overflow: hidden !important;
    }


    .mobile-header .header-menu button.accordion-button {
        border: none !important;
        background: none !important;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-direction: row;
    }

    /*
    .mobile-header .header-menu .accordion-button::after {
        display: none !important;
    }

    .mobile-header .header-menu .accordion-button {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        height: 60px !important;
        padding-left: 0 !important;
        padding: 0 !important;
    }

    .mobile-header .header-menu .accordion-button::after {
        display: none !important;
    }

    .mobile-header .header-menu .accordion-button {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        height: 50px !important;
        padding-left: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
        border: none !important;
        outline: none !important;
        background: none !important;
    }

    .mobile-header .header-menu .accordion li a span {
        font-size: 14px !important;
        padding-left: 15px !important;
    }
	
    .mobile-header .header-menu .accordion li a img {
        height: 12px !important;
        object-fit: contain !important;
        width: 12px !important;
    }*/

    .mobile-header .header-menu .accordion li a {
        height: 45px !important;
    }

    .mobile-header .header-menu .accordion li a {
        border: none !important;
    }

    .mobile-header button.accordion-button:not(.collapsed) img {
        transform: rotate(90deg) !important;
    }

    .mobile-header button.accordion-button img {
        transition: 400ms !important;
    }

    .mobile-header .language a,
    .mobile-header.menu-active .language a {
        font-size: 18px !important;
        color: var(--secondary) !important;
        transition: 400ms !important;
    }

    section.contact-page.mt-5.pt-1 {
        overflow-x: hidden;
    }

    .main-slider {
        margin-bottom: 75px;
    }

    .attached-area-content {
        background-attachment: scroll;
    }

    .main-about-description p {
        display: none;
    }

    .main-about-description p:nth-of-type(1),
    .main-about-description p:nth-of-type(2) {
        display: block;
    }

    .about-image-title {
        position: absolute;
        right: unset !important;
        left: 50px;
        bottom: 30px;
        top: unset !important;
        z-index: 9;
        width: 97px;
        height: 25px;
        display: flex;
    }

    .about-image-title span {
        transform: none;
    }

    .about-image:before {
        height: 45px;
        bottom: 0 !important;
        top: unset !important;
        width: 90px;
        right: 95px;
        border-right: 1px solid var(--primary-light);
        border-top: 1px solid var(--primary-light);
        border-left: none !important;
        border-radius: 0 !important;
    }

    ul.lang-dropdown {
        margin-top: -1px;
    }



    /* New style */

    .footer-menu-item ul li {
        margin: 5px 0;
    }

    .page-top .section-subtitle {
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 0px;
    }

    .page-top {
        padding: 15px 0;
        margin-top: 25px;
    }

    .page-top .section-title {
        font-size: 40px;
    }

    .breadcrumb {
        height: 50px;
        padding: 0 25px !important;
        width: 100%;
    }

    .breadcrumb a {
        font-size: 14px;
        font-weight: 400;
    }

    a.media-news-item span.news-description p {
        font-size: 14px;
        font-weight: 300;
        color: #A2A2A2 !important;
    }

    span.news-title {
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    a.media-news-item img {
        margin-bottom: 20px !important;
    }

    .media-bottom-item {
        padding: 25px;
        min-height: 500px;
        margin-bottom: 25px;
    }

    .media-bottom {
        height: auto;
        margin-bottom: 50px;
    }

    .docs-bottom {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }

    a.bottom-kit.media-bottom-item {
        min-height: 350px !important;
    }

    .docs-bottom .title {
        margin-bottom: 15px;
    }

    .footer-menu {
        margin: 50px 0;
    }

    .footer-slogan {
        font-size: 38px;
    }

    .footer-location-button {
        margin-top: 50px;
    }

    .footer-location-button a {
        font-size: 14px;
        padding: 20px 25px;
    }

    .product-list-page .aside {
        padding: 45px 50px;
    }

    .product-list-page .aside ul li a {
        margin-top: 25px;
    }

    section.product-list-page .page-top {
        margin-bottom: 0;
    }

    a.product-list-item {
        height: 400px;
    }

    .product-big-image .image {
        height: 400px;
    }

    .product-detail-col {
        margin-top: 50px;
    }

    span.product-detail-title {
        font-size: 40px;
        line-height: 1.4;
        margin-bottom: 35px;
    }

    .document-item .item-image img {
        height: 400px;
    }

    .document-item .item-bottom {
        height: 100px;
        padding: 30px;
    }

    .document-item .item-bottom span {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.4;
    }

    .document-item .item-image {
        margin-bottom: 10px;
    }

    .document-items {
        margin-top: 50px;
    }

    .contact-top {
        margin-top: 35px;
    }

    .newsletter-content .overlay {
        height: 100%;
    }

    .newsletter-content {
        height: auto !important;
        justify-content: center;
        text-align: center;
        padding: 25px;
    }

    .newsletter-left {
        padding-left: 0;
        margin-top: 25px;
    }

    .newsletter-left form input {
        width: 100%;
        margin-bottom: 15px;
    }

    .newsletter-right {
        padding: 45px !important;
    }

    .o-progress-circle.o-progress-circle--rounded {
        /* max-width: 185px; */
        max-width: 47%;
        margin: 5px;
    }

    div#counter {
        flex-wrap: wrap;
        padding: 0 !important;		
    	justify-content: center;
    }

    div#counter span.number {
        font-size: 36px !important;
    }

    .o-progress-circle .counter-item-title {
        font-size: 14px;
    }

    .o-progress-circle__number img {
        height: 22px !important;
        object-fit: contain;
    }

    .section.bottom-docs.main-bottom .bottom-item {
        margin-bottom: 25px;
    }

    .attached-content {
        height: 90dvh;
        padding: 35px;
        background-attachment: unset !important;
        /* background-position: right; */
    }

    .attached-top .title * {
        font-size: 44px;
        color: var(--primary);
    }

    .section.experience-section {
        height: auto;
    }

    .experience-section .section-left {
        padding: 25px 0 50px 0;
    }

    .experience-section .section-left .section-desc span {
        margin-bottom: 35px;
    }

    .experience-section .section-left .section-title {
        margin-bottom: 25px;
    }

    .experience-section .section-left .section-title * {
        font-size: 36px;
    }

    .section.main-about-section {
        height: auto;
        margin-bottom: 50px;
        border-radius: 0 0 46px 46px;
        padding-bottom: 25px;
        margin-top: -75px;
        padding-top: 125px;
    }

    .main-about-title * {
        font-size: 32px;
        line-height: 1.4;
    }

    .main-about-title {
        margin-bottom: 50px;
    }

    span.about-title-1 {
        margin-bottom: 25px;
    }

    .about-desc {
        margin-bottom: 25px;
    }

    .main-about-right {
        margin-top: 50px;
    }

    section.counter-section {
        padding: 50px 0;
    }

    .section.attached-section {
        margin-top: 150px;
        margin-bottom: 125px;
    }

    .other-page .banner-image img {
        border-radius: 24px;
    }

    .other-page .page-banner {
        margin-bottom: 0 !important;
    }

    .footer-socials.socials {
        justify-content: center;
        margin-top: 25px;
    }

    .footer-socials.socials a {
        margin: 0 15px;
    }

    .footer-left {
        margin-bottom: 50px;
    }

    .infinite-content {
        height: auto;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .infinite-right {
        padding-bottom: 0;
        padding-left: 0;
        margin-top: 25px;
    }

    .infinite-title * {
        font-size: 58px;
        line-height: 1.2;
    }

    .infinite-left img {
        width: 80%;
    }

    .infinite-left {
        justify-content: center;
    }

    .infinite-title {
        text-align: center;
        align-content: center !important;
        width: 100%;
    }

    .bottom-right {
        padding-top: 50px;
    }

    .bottom-left .title {
        height: auto;
        padding: 50px 35px;
    }

    .bottom-left .title * {
        color: #fff;
        font-size: 35px;
        line-height: 1.4;
    }

    .bottom-banner img {
        height: 550px;
    }

    .feature-items .item {
        padding: 15px;
        width: 33%;
        height: auto;
        margin-left: 10px;
        aspect-ratio: 1;
    }

    .feature-items .item span {
        font-weight: var(--medium);
        font-size: 14px;
    }

    .corporate-top {
        height: auto;
        margin-top: 0;
    }

    .corporate-counter {
        padding-top: 100px;
        padding-bottom: 50px;
        margin-top: -75px;
    }

    .counter-title {
        align-items: center;
        padding-top: 40px;
        margin-bottom: 50px;
        text-align: center;
    }

    .counter-title * {
        font-size: 42px;
        line-height: 1.3;
    }

    .corporate-top-overlay {
        align-items: flex-start;
    }

    img.overlay-image {
        margin-right: 0;
        width: 100%;
        top: 25px;
        height: 250px;
        object-position: right;
        padding-right: 15px;
    }

    .corporate-left-bg {
        height: 575px !important;
    }

    .corporate-top-title {
        justify-content: flex-end !important;
        height: 575px !important;
        padding-bottom: 50px !important;
        text-align: end !important;
    }

    .corporate-top-title strong {
        font-size: 50px !important;
        color: #fff !important;
        max-width: 400px !important;
        line-height: 1.4 !important;
    }

    .corporate-top-right {
        margin-top: 15px !important;
    }

    .top-decription {
        margin-bottom: 50px !important;
    }

    ul.lang-dropdown {
        margin-top: -1px;
        list-style: none;
        padding: 0;
    }

    .header-lang-list {
        position: absolute;
        top: 25px;
    }

    section.inner-page {
        margin-top: 0px;
    }

    .slider-overlay img {
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: contain;
        top: 0;
        object-position: top;
    }

    .mobile-header .header-top {
        background: #FFFFFF00 !important;
        z-index: 9999;
    }

    .scrolled .mobile-header .header-top {
        background: #FFFFFF !important;
    }

    .mobile-header {
        z-index: 9999;
    }

    .slider-area {
        height: 875px;
        margin-top: -100px;
        border-radius: 0 0 38px 38px;
    }

    .main-slider {
        top: 125px;
    }

    .slider-left .slider-slogan {
        font-size: 20px;
    }

    .slider-left h4 {
        font-size: 44px;
    }

    .slider-box {
        padding: 25px;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .slider-image {
        position: relative;
        top: 0;
        z-index: 9;
        padding-bottom: 0;
        margin-top: 25px;
    }

    .slider-overlay-left {
        border-radius: 38px;
    }

    .slider-features .right-bottom {
        margin-bottom: 25px;
    }

    .slider-area .slider-overlay-left {
        height: 173px !important;
    }

    .slider-features .feature-items .item {
        margin: 0 5px;
    }

	.docs-right img:nth-child(3), .docs-right img:nth-child(4) {
		display: none;
	}

	body:has(.menu-active) main {
		padding-top: 100px;
	}










}


/** max992 **/

@media (max-width: 1500px) {}


/**** Laptop ****/

@media (max-width: 1366px) {

    a.product-list-item {
        height: 350px;
    }























    ul.menu-dropdown {
        margin-top: -5px;
        margin-right: 5px;
    }

    section.kommar-page span.left-title {
        font-size: 36px;
        line-height: 50px;
    }

    div#counter .col-md-3 .counter-item {
        height: 200px;
        padding: 20px;
    }

    div#counter span.number {
        font-size: 55px;
    }

    .call-center-content a.call-center-item {
        padding-right: 25px;
    }

    .call-center-content a.call-center-item span.email {
        font-size: 22px;
    }

    span.call-center-title {
        font-size: 28px;
    }

    .call-center-content a.call-center-item span.title {
        margin-bottom: 15px;
        font-size: 14px;
    }

    .call-center-content a.call-center-item span.phone {
        font-size: 38px;
    }

    .brand-top-title span {
        font-size: 45px;
    }

    .main-about-left .left-icons img {
        margin-right: 45px;
        height: 40px;
    }

    .middle-area-background {
        width: 770px;
    }

    .theme-button {
        display: flex;
        align-items: center;
    }

    .main-brands-top {
        padding: 20px 35px 70px 35px;
    }

    .main-brands-top-title .title {
        font-size: 40px;
    }

    .main-brands-top-title .subtitle {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .main-brands-top-text p {
        margin-bottom: 35px;
    }

    .main-media .main-media-item {
        height: 450px;
        border-radius: 0 !important;
    }

    .main-media .main-media-item span {
        height: 75px;
        padding: 25px 40px;
        font-size: 16px;
        font-weight: 700;
    }

    .main-media .media-contact-item .email {
        font-size: 20px;
    }

    .main-media .media-contact-item .phone {
        font-size: 50px;
        line-height: 60px;
        margin-top: 15px;
        margin-bottom: 10px;
        display: block;
    }

    .main-media .main-media-contact-item {
        border-radius: 0 !important;
        padding: 75px 25px;
    }

    h2.section-title {
        font-size: 28px;
    }

    .breadcrumb * {
        font-size: 12px;
    }

    .header-menu-content {
        padding: 0 !important;
    }

    ul.header-menu-list li a {
        font-size: 14px;
    }

    ul.header-menu-list li .header-menu-link {
        padding: 10px;
        margin: 0;
    }
}


/**** Laptop END ****/


/**** Tablet ****/

@media screen and (max-width: 768px) {}


/**** Tablet END ****/

@media screen and (min-width: 992px) {

    /** Desktop **/
    .no-desktop {
        display: none !important;
    }

    .mobile {
        display: none !important;
    }
}

@media screen and (max-width: 375px) {
    /** Ä°phoneX **/
}

@media (max-width: 1500px) {
    .right-container {
        margin-left: 0 !important;
    }
}

@media (min-width: 1399px) {
    .container {
        max-width: 1640px !important;
    }

    .right-container {
        margin-left: 132px;
    }

    .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;
}