@media only screen and (max-width: 1440px) {
    /* .logo {width: 160px;} */
    /* .navbar-brand img { width: 170px; } */
    .carousel-caption h2  {font-size: 45px;}
    .carousel-caption p {font-size: 25px;}
    .core-values-wrap .core-value-item h4 {font-size: 16px;}
}

@media only screen and (max-width: 1368px) {
    .title-bordered  {font-size: 150px; }
    .sq-vector-lb::after, .sq-vector-tl::after, .sq-vector-rb::after, .sq-vector-rt::after { width: 55px; height: 55px; }
    .footer-cta-wrap { background-size: 90px; }
}
@media only screen and (min-width: 1200px) {
    .main-footer .collapse:not(.show),
    .category-sidebar-wrap .collapse:not(.show) {display: block !important; }
    .goal-slider .owl-nav { position: absolute; top: -90px;right: 15%; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* .main-footer .collapse:not(.show) {display: block !important; } */
    .carousel-caption h2 {font-size: 32px;}
    .home-contact-wrap { padding: 50px 30px 80px; margin-bottom: -120px; }
    .core-values-wrap .core-value-item .icon-wrap .icon { height: 100px; width: 100px;}
    .core-values-wrap .core-value-item .icon-wrap::after {height: 120px;width: 120px;}
    .core-values-wrap .core-value-item::before { top: 55px; width: 120%; }
    .title-bordered {font-size: 100px;text-align: center;}
    .slider-thumb {max-height: 90%;width: 90%;margin: 0 auto;display: block;}
    .carousel-caption p {font-size: 15px;}
    header .navbar-nav .nav-item.dropdown .dropdown-menu { display: none; opacity: 1;}
    .home-main-slider .carousel-item .main-banner-bg { max-height: 480px; }
    .section-heading h2, .section-heading h1 {font-size: 24px;}
    .navbar-brand img {width: 120px;}
    .product-listing-item .p-ls-title {display: -webkit-box;overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    footer .f-title button, footer .m-title button {display: block; position: relative; color: #fff; text-shadow: none; background: none;background-image: none;border: 0;box-shadow: none;
        font-size: 12px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        width: 100%;
        cursor: pointer;
        height: 100%;
        outline: 0 !important;
    }
	.f-title button, .m-title button { display: block; position: relative; color: #fff; text-shadow: none; background: none; background-image: none; background-image: none; border: 0; box-shadow: none; font-size: 12px; position: absolute; top: 0; right: 0; padding: 0; width: 100%; cursor: pointer; height: 100%; outline: 0!important; }
    .f-title button:focus, .f-title button:hover, .f-title button:active, .m-title button:focus, .m-title button:hover, .m-title button:active { box-shadow: none!important; outline: 0!important; background-color: transparent; }
    .f-title .accordion-button:not(.collapsed) {background-color: transparent;box-shadow: none;}
    header .navbar-nav .nav-item .nav-link {padding-left: 5px; padding-right: 5px; font-size: 14px;}
    .category-sidebar-wrap .collapse:not(.show) {display: block !important;}
    .inner-banner-wrap {background-position: 70% 100%;}
    .category-sidebar-wrap .collapse:not(.show) {display: block !important; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .desktop { display: none; }
    .mobile { display: block; }
	.desk-nav { display: none; }
    .mobile-menu { display: block;}
    .translator-nav { width: 100%; margin-bottom: 5px; border-bottom: 1px solid #ddd; padding-bottom: 5px;}
    header.sticky .translator-nav{display: none !important;}
    header .search-btn { height: 50px; width: 50px;}    
    header .navbar-nav .nav-item.dropdown .dropdown-menu { display: none; opacity: 1; transform: none !important; pointer-events: auto;}
    .hidden-search-box {width: 400px;}
    /* .main-footer .collapse:not(.show) {display: block !important; } */
    .carousel-caption h2 {font-size: 25px;}
    .carousel-caption p {font-size: 15px;}
    .title-bordered {font-size: 100px;}
    .about-content-wrap::before {right: -10px;bottom: -90px;}
    .product-item .product-content .p-name { font-size: 16px;}
    .home-contact-wrap { padding: 50px 30px 80px; margin-bottom: -120px; }
    .core-values-wrap .core-value-item .icon-wrap .icon { height: 100px; width: 100px;}
    .core-values-wrap .core-value-item .icon-wrap::after {height: 120px;width: 120px;}
    .core-values-wrap .core-value-item::before { top: 55px; width: 120%; }
    .core-values-wrap .core-value-item h4 { font-size: 16px; min-height: 38px; font-size: 15px; }
    .core-values-wrap .core-value-item { padding: 25px 5px;}
    .section-heading h2, .section-heading h1 { font-size: 18px !important; }
    .home-main-slider .carousel-item .main-banner-bg { max-height: 420px; }
    .search-nav-wrap { flex-flow: row-reverse;}
    .product-listing-item .p-ls-title { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .inner-banner-wrap { background-position: 70% 100%;}
    /* ---- */
    .category-sidebar-wrap {
        /* position: sticky; */
        /* top: 60px; */
        /* z-index: 99; */
    }
    .category-sidebar-wrap .f-title .accordion-button {
        position: absolute;
        left: 0;
        top: 0;
        background-color: transparent;
        box-shadow: none !important;
        outline: none !important;
    }
    .category-sidebar-wrap .f-title .accordion-button::after {
        background-image: url(../images/arrow-down-sign-to-navigate.png);
        position: absolute;
        right: 5px;
        background-size: contain;
        background-position: center;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .category-sidebar-wrap .f-title .accordion-button:not(.collapsed) {
        background-color: transparent;
        border: 0;
        box-shadow: none;
        outline: 0;
    }
    footer .f-title button, footer .m-title button {
        display: block; position: relative; color: #fff; text-shadow: none; 
        background: none;
        background-image: none;
        border: 0;
        box-shadow: none;
        font-size: 12px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        width: 100%;
        cursor: pointer;
        height: 100%;
        outline: 0 !important;
    }
    .f-title button, .m-title button { display: block; position: relative; color: #fff; text-shadow: none; background: none; background-image: none; background-image: none; border: 0; box-shadow: none; font-size: 12px; position: absolute; top: -7px; right: 0; padding: 0; width: 100%; cursor: pointer; height: 100%; outline: 0!important; }
    .f-title button.accordion-button:not(.collapsed) , .m-title button.accordion-button:not(.collapsed) , .ac-title button.accordion-button:not(.collapsed)  {
        background-color: transparent; box-shadow: none !important;
    }
    .f-title button:focus, .f-title button:hover, .f-title button:active, .m-title button:focus, .m-title button:hover, .m-title button:active,
    .ac-title button:focus, .ac-title button:active, .ac-title button:hover { box-shadow: none!important; outline: 0!important; background-color: transparent; }
    .f-title .accordion-button:not(.collapsed) {background-color: transparent;box-shadow: none;}
    .sq-vector-rt {padding-top: 100px;}
    .about-core-value-item .value-title {font-size: 18px;}
    footer .footer-logo { width: 150px; }
    .category-sidebar-wrap .collapse:not(.show) {display: block !important; }
}

@media only screen and (max-width: 767px) {
    .desktop { display: none; }
    .mobile { display: block; }
	.desk-nav { display: none; }
    .mobile-menu { display: block;}
    section {padding: 50px 0;}
    .translator-nav { width: 100%; margin-bottom: 5px; border-bottom: 1px solid #ddd; padding-bottom: 5px;}
    header.sticky .translator-nav{display: none !important;}
    header .search-btn { height: 50px; width: 50px;}
    footer .f-title button, footer .m-title button, .ac-title button {
        display: block; position: relative; color: #fff; text-shadow: none;
        background: none;
        background-image: none;
        background-image: none;
        border: 0;
        box-shadow: none;
        font-size: 12px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        width: 100%;
        cursor: pointer;
        height: 100%;
        outline: 0 !important;
    }
	.f-title button, .m-title button, .ac-title button { display: block; position: relative; color: #fff; text-shadow: none; background: none; background-image: none; background-image: none; border: 0; box-shadow: none; font-size: 12px; position: absolute; top: 0; right: 0; padding: 0; width: 100%; cursor: pointer; height: 100%; outline: 0!important; }
    .f-title button:focus, .f-title button:hover, .f-title button:active,
    .ac-title button:focus, .ac-title button:hover, .ac-title button:active { box-shadow: none!important; outline: 0!important; background-color: transparent; }
    .f-title .accordion-button:not(.collapsed),
    .ac-title button .accordion-button:not(.collapsed) {background-color: transparent;box-shadow: none;}
    .navbar-brand img { width: 120px; }
	.screen-wrapper { padding-top: 80px; }
    .rdio > label > img { width: 50px; }
    .section-heading > span { font-size: 20px; }
    .section-heading h2 { font-size: 30px; }
    .core-values-wrap { grid-template-columns: repeat(2, 1fr); }
    .title-bordered {font-size: 60px;}
    .about-content-wrap::after { display: none;}
    .mj-wrapper { position: relative; }
    .mj-wrapper::after { position: absolute; content: ""; height: 100%; width: 100%; background-color: #384b98; background-image: url(../images/bg-vertical-30-large-tr.png); background-repeat: no-repeat; background-position: bottom center; background-size: cover;right: 0; top: unset; z-index: -1; bottom: 0;}
    .product-item .product-content .p-name {font-size: 15px;margin: 0;}
    .sq-vector-rb::after, .sq-vector-rt::after {height: 25px;width: 25px;right: 25px;}
    .bg-end-80::before {width: 100%;height: 70%;top: unset;bottom: 0;}
    footer .footer-cta-wrap {padding: 40px 20px 10px;background-size: 40px;border-radius: 6px;}
    /* .navbar-brand img {width: 150px;} */
    footer .footer-logo {width: 140px;}
    .bg-img-wrap {background-repeat: no-repeat;background-position: center top;background-size: contain;padding-top: 90px;}
    .core-values-wrap .core-value-item::before {top: 40px;height: 22px;}
    button.back-to-top {right: 25px;bottom: 25px;height: 40px;width: 40px;}
    .core-values-wrap .core-value-item .icon-wrap .icon { height: 70px; width: 70px;}
    .core-values-wrap .core-value-item .icon-wrap .icon img { height: 35px; width: 35px; }
    .core-values-wrap .core-value-item .icon-wrap::after {height: 85px;width: 85px;}
    .core-values-wrap .core-value-item h4 { font-size: 16px; min-height: 36px; }
    .home-contact-wrap {padding: 50px 30px 60px;margin-bottom: -70px;}
    .home-main-slider .carousel-item .main-banner-bg {/* min-height: 85vh; */ height: 70vh;object-fit: cover;object-position: center;}
    .carousel-caption h2 {font-size: 20px;}
    .carousel-caption p {font-size: 15px;}
    .carousel-control-next, .carousel-control-prev {margin: auto 3px; }
    .btn-custom {padding: 10px 30px;font-size: 15px;}
    .carousel-item::before { width: 30px; height: 20px; max-height: 10%; max-width: 10%; }
    .carousel-item::after { width: 20px; height: 20px; right: 15px; max-height: unset; max-width: unset; }
    .about-content-wrap::before {bottom: -70px;}    
    header .navbar-nav .nav-item.dropdown .dropdown-menu { display: none; opacity: 1; transform: none !important; pointer-events: auto;}
    .product__carousel .gallery-thumbs .swiper-slide { width: 100px; max-width: 100px; }
    .vertical-tabs-wrapper .nav-tabs.vertical-tabs {display: flex;flex-wrap: nowrap;width: 100%;overflow-x: auto;}
    .vertical-tabs-wrapper .nav-tabs.vertical-tabs .nav-item {display: inline-block; min-width: 80%;}
    .vertical-tabs-wrapper .nav-tabs.vertical-tabs .nav-item .nav-link::after { height: 25px; width: 25px; right: unset; left: 0;}
    .vertical-tabs-wrapper .nav-tabs.vertical-tabs .nav-item .nav-link { padding-right: 0; padding-left: 40px; }
    .vertical-tabs-wrapper .nav-tabs.vertical-tabs .nav-item .nav-link.active { color: #384b98; }
    .product-listing-item .p-ls-title {display: -webkit-box;overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .sticky  .hidden-search-box { position: fixed; left: 0; right: 0; top: 65px; width: 90%; margin: auto; }
    .hidden-search-box { position: fixed; left: 0; right: 0; top: 145px; width: 90%; margin: auto; }
    .category-check-wrapper { padding-top: 20px; }
    /* ---- */
    .inner-banner-wrap {
        background-position: center left;
    }
    .category-sidebar-wrap {
        /* position: sticky;
        top: 60px;
        z-index: 99; */
    }
    .category-sidebar-wrap .f-title .accordion-button {
        position: absolute;
        left: 0;
        top: 0;
        background-color: transparent;
        box-shadow: none !important;
        outline: none !important;
    }
    .category-sidebar-wrap .f-title .accordion-button::after {
        background-image: url(../images/arrow-down-sign-to-navigate.png);
        position: absolute;
        right: 5px;
        background-size: contain;
        background-position: center;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .category-sidebar-wrap .f-title .accordion-button:not(.collapsed) {
        background-color: transparent;
        border: 0;
        box-shadow: none;
        outline: 0;
    }
    .vertical-tabs-wrapper .ind-thumb img {
        height: 190px;
        width: 190px;
    }
    .vertical-tabs-wrapper .ind-content .ind-desc p {
        font-size: 15px;
    }
    .custom-accordion .accordion-item .accordion-button {font-size: 16px;}
    .popup-product-thumb > img {
        max-width: 80%;
        display: block;
        margin: 0 auto;
    }
    .about-core-value-item .value-title {
        font-size: 18px;
    }
}

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

    .rdio > label > img { width: 45px; }
    .product__carousel .gallery-thumbs .swiper-slide { width: 80px; max-width: 80px; }
    .vertical-tabs-wrapper .ind-content .ind-desc p { font-size: 14px;}
    .custom-accordion .accordion-item .accordion-button { font-size: 15px;}
    .custom-accordion .accordion-body p {
        font-size: 14px;
        color: #404040;
    }
    .custom-accordion .accordion-item .accordion-button::after {margin-left: 5px;}
}
@media only screen and (max-width: 375px) {
    .title-bordered {
        font-size: 50px;
    }
}