/************************************************************** banner**********************************************************************/

.res-banner {
    display: none;
}

@media (min-width:700px) {
    .res-banner {
        display: none;
    }
}

@media (max-width:700px) {
    .hide-banner {
        display: none;
        width: auto !important;
    }

    .res-banner {
        display: block;
        width: 100%;
        height: 657px;
        object-fit: cover;
    }
}

@media (max-width:1800px) {
    .carousel-caption {
        font-size: 80px;
    }

    .loop-text {
        font-size: 200px;
    }
}

@media (max-width:1500px) {
    .carousel-caption {
        font-size: 70px !important;
        line-height: 64px !important;
    }

    .loop-text {
        font-size: 130px;
    }

    .banner-content {
        font-size: 14px;
    }

    #section05 {
        height: 50px;
        width: 50px;
    }

    .scroll-text {
        margin-left: 10px;
        top: -8px;
    }

    .text-wrapper {
        bottom: -93px !important;
    }
}

@media (max-width: 1300px) {
    .scroll-text {
        margin-left: 10px;
        top: -6px;
    }
}

@media (max-width: 1199px) {
    .carousel-caption {
        font-size: 55px !important;
        line-height: 49px;
    }

    .circle-img {
        position: absolute;
        top: -279px;
        left: -59%;
    }
}

@media (max-width: 1024px) {
    .text-wrapper {
        bottom: -186px !important;
    }

    .loop-text {
        font-size: 100px;
    }

    .abt-content {
        width: 85%;
    }

}

@media (max-width: 1000px) {
    /* .text-wrapper {
       display: none;
    }
    */
}

@media (max-width: 991px) {
    .desk-hide {
        display: none;
    }
}

@media (max-width:884px) {
    .banner-content {
        display: none;
    }
}

@media (max-width:1500px) {
    #slider-two .swiper-slide {
        width: 100% !important;
    }
}

@media (max-width:1643px) {
    .business-content {
        font-size: 50px;
        line-height: 60px;
    }
}

@media (max-width:1280px) {
    .business-content {
        font-size: 44px;
        line-height: 53px;
    }

    .second-section-content {
        font-size: 15px;
        position: relative;
        padding-bottom: 35px;
        line-height: 21px;
        width: 93%;
    }
}

@media (max-width:1199px) {
    .first-section {
        width: 100%;
    }

    .second-section {
        width: 100%;
        padding-top: 30px;
        text-align: left;
    }

    .business-content {
        padding-bottom: 35px;
    }

    .second-section-content {
        width: 100%;
    }

    .head-slider {
        font-size: 17px;
    }

    .swiper-slide {
        font-size: 15px;
    }

    .csr-content {
        font-size: 55px;
        line-height: 58px;
    }
}

@media (max-width:1500px) {
    .news-content-second {
        font-size: 14px;
    }

    .news-content {
        font-size: 24px;
        line-height: 39px;
    }

    .filter-img img {
        width: 100%;
    }

    /* .nws-img {
        width: 100%;
    } */
}

.nws-img {
    border-radius: 10px;
}

@media (max-width:1200px) {
    .section-margin {
        margin-left: 100px;
    }

    .news-content {
        font-size: 18px;
        line-height: 33px;
    }
}

@media (max-width:1024px) {
    .section-margin {
        margin-left: 50px;
    }
}

@media (max-width:900px) {
    .news-section {
        flex-direction: column;
    }

    .news-content {
        font-size: 34px;
        line-height: 41px;
        width: 72%;
        margin-top: 50px;
    }

    .news-content-second {
        margin-top: 50px;
        font-size: 18px;
    }

    .section-width {
        width: 100%;
    }

    .section-margin {
        margin-left: 0px;
    }

    .filter-img img {
        width: auto;
    }

    /* .nws-img {
        width: auto;
    } */
}

@media (max-width:820px) {
    .news-section {
        flex-direction: column;
    }

    .news-content {
        font-size: 34px;
        line-height: 41px;
        width: 72%;
        margin-top: 20px;
    }

    .news-content-second {
        margin-top: 50px;
        font-size: 18px;
    }

    .section-width {
        width: 100%;
    }

    .section-margin {
        margin-left: 0px;
    }

    .filter-img img {
        width: auto;
    }

    /* .nws-img {
        width: auto;
    } */
}

@media (max-width:1024px) {
    .centered-circle {
        height: 100px;
        width: 100px;
        font-size: 14px;
    }
}

@media (min-width:991px) {
    .hide-desk-nav {
        display: none;
    }
}

@media (max-width:991px) {
    .business-container {
        flex-direction: column;
    }

    .hide-mb-nav {
        display: none;
    }
}

@media (min-width:992px) and (max-width:1500px) {
    .link-title {
        padding-top: 70px;
    }

    .address-head:after {
        right: -20px;
        top: 12px;
    }

    .address-head-bs::after {
        left: 125px;
        top: 12px;
    }

    .address-head-nav::after {
        right: -20px;
        top: 12px;
    }
}

@media (min-width:1501px) and (max-width:1642px) {
    .ftr-link {
        font-size: 14px !important;
    }

    .address-head {
        font-size: 17px !important;
    }
}

@media (min-width:1000px) and (max-width:1462px) {
    .ftr-link {
        font-size: 12px !important;
    }

    .navigation-ftr {
        padding: 0px 15px !important;
    }

    .sadhya-ftr-sec {
        padding: 0px 15px !important;
    }
}

@media (min-width:992px) and (max-width:999px) {
    .navigation-ftr {
        padding: 0px 15px !important;
    }

    .sadhya-ftr-sec {
        padding: 0px 15px !important;
    }
}

@media (max-width:1500px) {
    .centered-circle {
        height: 80px;
        width: 80px;
        font-size: 12px;
    }

    .reveal-text {
        font-size: 50px;
        line-height: 60px;
    }
}

@media (max-width:1235px) {
    .reveal-text {
        font-size: 25px;
        line-height: 50px;
    }
}

@media (max-width:1501px) {
    .reveal-text {
        font-size: 56px !important;
    }
}

@media (max-width:1203px) {
    .reveal-text {
        font-size: 30px !important;
        line-height: 40px;
    }
}

@media (max-width:991px) {
    .slider-content-sec {
        padding: 30px;
    }

    .reveal-text {
        padding-bottom: 0px;
    }
}

@media (max-width:884px) {
    .reveal-text {
        font-size: 25px;
    }
}

@media (max-width:675px) {
    .head-abt {
        padding-bottom: 50px;
    }

    .big {
        font-size: 37px;
        padding-left: 35px;
        margin-left: 0;
        margin-right: 0;
        text-align: left !important;
    }

    .bg-news {
        background-color: black;
        padding: 85px 0px 40px 0px;
    }

    .loop-text-new {
        margin-bottom: 0px;
    }
}

@media (max-width: 820px) and (min-width: 576px) {
    .centered-circle {
        height: 48px;
        width: 48px;
        font-size: 8px;
        top: 35%;
    }
}

@media (max-width:575px) {
    .slider-img-sec-outer {
        flex-direction: column;
    }

    .slider-img-sec-2 {
        width: 100%;
    }

    .slider-content-sec {
        width: 100%;
    }

    .slider-img-sec {
        width: 100%;
    }

    .swiper-horizontal>.swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-horizontal,
    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
    .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        left: 0 !important;
        width: 100% !important;
    }

    .big {
        text-align: left !important;
        font-size: 29px;
        line-height: 39px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 50px;
    }

    .head-abt {
        padding-bottom: 30px;
    }

    .reveal-text {
        font-size: 26px !important;
        line-height: 36px;
        padding-bottom: 0px;
    }

    .short-title {
        font-size: 13px;
    }

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

    #sliderone {
        margin-left: 15px;
        margin-right: 15px;
    }

    .arrows-slider {
        margin-right: 0px;
    }

    .swiper-button-prev {
        right: 46px !important;
    }

    .arrow-outer {
        height: 36px !important;
        width: 36px !important;
    }

    .swiper-pagination-current,
    .swiper-pagination-total {
        font-size: 13px;
    }

    .j-img {
        right: -163px;
    }

    .slider-title {
        font-size: 15px;
    }

    .centered-circle {
        position: absolute;
        top: 39%;
    }

    .logo-imgs {
        width: 150px;
    }

    .logo-imgs img {
        width: 100%;
    }

    .address-head {
        font-size: 14px;
        margin-bottom: 10px;
        font-weight: 700;
    }

    .address-content {
        font-size: 12px;
    }

    .phone-sec {
        font-size: 12px;
    }

    .ftr-link {
        font-size: 12px;
    }

    .address-head:after {
        top: 11px;
        margin-left: -53px;
    }
}

@media (max-width:450px) {
    .logo-imgs {
        padding-top: 50px;
    }
}

@media (min-width:992px) {
    .nav-links {
        width: 100%;
        background-color: transparent;
        display: flex;
    }

    .nav-links {
        display: flex;
    }

    .nav-link {
        position: relative;
        list-style: none;
    }

    .dropdown {
        display: none;
        position: absolute;
        background-color: black;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        z-index: 1;
        padding: 56px 26px 42px 26px;
        top: 100%;
    }

    .nav-link:hover .dropdown {
        display: block;
    }

    .dropdown-link {
        cursor: pointer;
        position: relative;
    }

    .image-container {
        display: none;
        position: fixed;
        top: 24%;
        left: 55%;
        width: 189px;
        height: 140px;
        opacity: 0;
        transition: opacity 0.3s ease, transform 0.3s ease;
        transform: translateY(-10px);
    }

    .dropdown-link.active .image-container,
    .dropdown-link:hover .image-container {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }

    .image-container img {
        width: 100%;
        height: 100%;
        filter: grayscale();
        border-radius: 10px;
    }

    .dropdown-link:hover .image-container img {
        filter: none;
    }

    /* .drp-dwn-business{
    width: 250px!important;
    padding-top: 42px!important;
  } */
    .dropdown-link>a {
        padding: 7px !important;
    }

    .dropdown-link {
        position: relative;
    }

    .dropdown-link-new .active a::after {
        content: "";
        display: block;
        width: 19px;
        height: 2px;
        /* Adjust the height as needed */
        background: red;
        /* Adjust the color as needed */
        position: absolute;
        bottom: -5px;
        /* Adjust the position as needed */
        left: 0;
    }
}

@media (min-width:575px) {
    .new-center-img {
        display: none;
    }

    .res-image-footer {
        display: none;
    }
}

@media (max-width:575px) {
    .res-image-footer-desk {
        display: none;
    }

    .new-center-img {
        display: block;
        width: 100%;
        filter: grayscale();
    }

    .bg-img {
        display: none;
    }

    .nav-link>a {
        line-height: 1;
        padding: 1rem 2rem !important;
    }

    .navigation-ftr {
        width: 100%;
    }

    .res-image-footer {
        display: block
    }
}

@media (max-width:991px) {
    .nav-link a.active:after {
        content: '';
        position: absolute;
        left: 32px;
        top: 41px;
        width: 19px;
        height: 2px;
        background-color: #E6B00B;
    }

    .nav-links>ul {
        gap: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .nav-link>a {
        line-height: 1;
        padding: 1rem 2rem !important;
    }

    .hamburger-menu div {
        width: 1.2rem;
    }

    .dropdown-link>a {
        font-size: 15px;
    }
}


/* @media (min-width:1920px) {

.text-wrapper {
    bottom: -210px;
}
.container{
    top: -152px;
    position: absolute;
}
} */

@media (max-width: 1800px) {
    .carousel-caption {
        top: 43%;
    }

    .text-wrapper {
        bottom: -160px;
    }

    .banner-content {
        font-size: 14px;
    }
}

@media (max-width: 1700px) {

    .big {
        line-height: 60px;
        font-size: 40px;
        margin-bottom: 60px;
    }

}

@media (max-width: 1440px) {
    .scroll-text {
        margin-left: 10px;
        top: -2px;
    }
}

@media (max-width: 1366px) {
    .scroll-text {
        margin-left: 10px;
        top: -2px;
    }
}

@media (max-width:1680px) {
    .carousel-caption {
        top: 42%;
    }

    .banner-content {
        font-size: 13px;
        line-height: 17px;
    }

    .text-wrapper {
        bottom: -170px;
    }

    .dq-collab-section div {
        max-width: 1300px;
    }
}

@media (max-width:1539px) {
    .loop-text {
        font-size: 171px;
    }

    .text-wrapper {
        bottom: -149px;
    }
}

@media (max-width:1525px) {
    .carousel-caption {
        font-size: 80px !important;
        line-height: 76px;
    }

    .banner-content {
        padding-top: 17px;
        padding-bottom: 17px;
    }

    .text-wrapper {
        bottom: -147px;
    }
}

@media (max-width:1440px) {
    .carousel-caption {
        font-size: 75px !important;
        top: 43%;
        line-height: 63px !important;
    }

    .banner-content {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (max-width: 1374px) {
    .text-wrapper {
        bottom: -100px !important;
    }

    .loop-text {
        font-size: 153px;
    }
}

@media (max-width: 1300px) {
    .carousel-caption {
        font-size: 59px !important;
        top: 43%;
        line-height: 54px !important;
    }

    .banner-inner-head {
        top: 46%;
    }

    .nav-link>a {
        padding: 0 .5rem;
        font-size: 12px;
    }

    .content-img {
        width: 40%;
    }

    .content-sec {
        width: 60%;
        padding: 50px 30px 50px 30px;
    }


}

@media (max-width: 1263px) {
    .loop-text {
        font-size: 140px;
    }

    .text-wrapper {
        bottom: -90px !important;
    }

    .csr-head {
        font-size: 34px;
    }
}

@media (max-width: 1215px) {
    .loop-text {
        font-size: 113px;
    }

    .text-wrapper {
        bottom: -77px !important;
    }
}

@media (max-width:1199px) {
    .carousel-caption {
        font-size: 40px !important;
        top: 45%;
        line-height: 41px !important;
    }

    .banner-inner-head {
        top: 46% !important;
    }

    .content-under-section {
        margin-top: 16px;
    }

    .scroll-text {
        margin-left: 5px;
        top: -2px;
    }

    #section05 {
        height: 40px;
        width: 40px;
    }

    .text-wrapper {
        bottom: -52px !important;
    }

    .loop-text {
        font-size: 100px;
    }
}

@media (max-width:1024px) {
    .logo {
        width: 150px !important;
    }

    .circle-img {
        top: -323px !important;
        left: -82% !important;
    }

    .banner-content {
        font-size: 12px !important;
        padding: 6px 0px !important;
        line-height: 18px;
    }

    .scroll-text {
        margin-left: 7px !important;
        font-size: 10px !important;
    }

    .text-wrapper {
        bottom: -48px !important;
    }

    .loop-text {
        font-size: 84px !important;
    }

    .nav-link>a {
        font-size: 11px !important;
    }

    .vertical-text-container {
        font-size: 12px !important;
    }

    .uparrow-new {
        height: 44px !important;
        margin-bottom: 19px !important;
    }

    .carousel-caption {
        font-size: 42px !important;
        line-height: 45px !important;
        top: 42%;
    }

    #section05 {
        height: 40px;
        width: 40px;
    }
}

@media (max-width:1014px) {
    .text-wrapper {
        bottom: -48px !important;
    }
}

@media (max-width:991px) {
    .text-wrapper {
        bottom: -87px !important;
    }

    .loop-text {
        font-size: 70px !important;
    }

    .big {
        font-size: 30px;
        line-height: 45px;
    }

    .carousel-caption {
        font-size: 49px !important;
    }

    .nav-link>a {
        font-size: 18px !important;
    }

    .csr-padding {
        padding-left: 30px;
        padding-right: 30px;
    }

    .csr-list {
        padding: 0 30px;
    }

    .csr-content {
        font-size: 35px;
        line-height: 40px;
    }

    .ser-img-sec {
        flex-direction: column;
    }

    .content-img {
        width: 100%;
        justify-content: center;
    }

    .content-sec {
        width: 100%;
    }

    .dq-collab-section {
        padding: 60px 30px;
    }
}

@media (max-width:675px) {
    .carousel-caption {
        font-size: 37px !important;
        line-height: 34px !important;
        top: 50% !important;
    }

    #section05 {
        margin-top: 10px;
    }

    .scroll-text {
        margin-left: 9px;
        top: 7px;
    }

    .abt-content {
        text-align: left;
        font-size: 30px;
        line-height: 45px;
        margin: 0;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .about-section {
        background-color: black;
        padding: 30px 0px 0px 0px;
    }

    .business-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .business-section {
        padding-top: 50px;
        flex-direction: column;
    }

    .first-section {
        width: 100%;
    }

    .business-content {
        font-size: 18px;
        line-height: 33px;
        padding-bottom: 20px;
    }

    .second-section-content {
        width: 100%;
        text-align: left;
    }

    .second-section {
        width: 100%;
        padding-top: 20px;
    }

    .head-abt::after {
        content: '';
        position: absolute;
        left: 8%;
    }

    /* .swiper-slide {
        width: auto!important;
    } */
    .news-section {
        flex-direction: column;
        gap: 50px;
    }

    .loop-text-new {
        font-size: 180px;
    }

    .main-top {
        margin-top: 0;
    }

    .section-width {
        width: 100%;
    }

    .filter-img img {
        width: 100%;
    }

    .section-margin {
        margin-left: 0px;
    }

    .arrow-outer-news {
        margin-left: 0;
        margin-top: 20px;
    }

    .nws-img {
        border-radius: 5px;
        width: 100%;
    }

    .csr-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .csr-content {
        font-size: 35px;
        line-height: 45px;
    }

    .showroom-content {
        padding-left: 15px;
        top: 22%;
    }

    .big-title {
        font-size: 26px;
        line-height: 30px;
    }

    .link-title {
        padding-top: 45px;
        font-size: 13px;
    }

    .arrow-bg img {
        width: 50px;
    }

    .footer-sec {
        padding: 80px 30px;
    }

    .swiper-pagination-new {
        left: 20% !important;
    }

    .head-abt {
        text-align: left;
        padding-left: 30px;
    }

    .head-abt::after {
        left: 32px;
    }

    .slider-part {
        padding-top: 0px !important;
    }

    .slider-content-sec {
        padding: 25px;
    }

    .head-slider {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 15px;
    }

    .news-sec-slider {
        line-height: 29px;
        font-size: 13px;
    }

    .discvr {
        font-size: 9px;
    }

    .news-content-slider {
        margin-bottom: 50px;
    }

    .logo-imgs {
        padding-top: 0px;
    }

    .footer-sec {
        padding: 20px 15px !important;
    }

    .banner-content {
        font-size: 14px !important;
        padding: 10px 0px !important;
    }

    /* .text-wrapper {
        display: none;
     } */
}

@media (max-width:575px) {
    .slider-content-sec {
        padding: 15px !important;
    }

    .head-slider {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 15px;
    }

    .news-sec-slider {
        line-height: 29px;
        font-size: 15px;
    }

    .discvr {
        font-size: 12px;
    }

    .news-content-slider {
        margin-bottom: 50px;
    }

    .filter-img img {
        width: 100%;
    }

    .news-content {
        width: 100%;
        font-size: 27px;
        line-height: 30px;
    }

    .news-section {
        gap: 0;
    }

    .news-content-second {
        font-size: 16px;
    }

    .view {
        font-size: 12px;
    }

    .nws-img {
        width: 100%;
    }

    .logo-area {
        padding-left: 0px;
    }

    .loop-text-new {
        color: #141313;
    }

    .news-section {
        padding: 0px 15px;
    }

    .secnd-news {
        margin-top: 50px;
    }

    .arrow-outer-news {
        margin-bottom: 20px;
    }

    .abt-content {
        font-size: 18px;
        line-height: 35px;
    }

    .business-content {
        font-size: 18px;
        line-height: 26px;
    }

    .csr-content {
        font-size: 29px;
        line-height: 39px;
    }

    .big-title {
        font-size: 50px;
        line-height: 45px;
    }

    .link-title {
        padding-top: 47px;
    }

    .footer-sec {
        padding-top: 165px;
        /* margin-top: 50px; */
    }

    .logo-imgs {
        margin-bottom: 10px;
    }

    .logo-content {
        font-size: 14px;
        line-height: 26px;
    }

    .address-content {
        font-size: 14px;
    }

    .phone-sec {
        font-size: 14px;
    }

    .address-logo {
        margin-top: 25px;
    }

    .vertical-text-container {
        left: -23px;
        top: 37%;
        font-size: 13px;
    }

    .uparrow-new {
        height: 42px;
    }

    .banner-content {
        width: 82%;
        display: block;
    }

    .view a {
        font-size: 12px;
    }

    .premium-sec {
        margin-bottom: 4px;
    }

    #section05 {
        height: 50px;
        width: 50px;
    }

    .scroll-text {
        margin-left: 9px !important;
        font-size: 12px !important;
    }

    .loop-text {
        font-size: 115px !important;
    }

    .text-wrapper {
        bottom: -181px !important;
    }

    .swiper-button-next-new {
        right: 0 !important;
        border: 1px solid #E6B00B !important;
        background-color: #E6B00B !important;
        height: 35px !important;
        width: 35px !important;
        align-items: center;
        justify-content: center;
        display: flex;
        transform: scale(1);
        transition: transform 0.89s cubic-bezier(0.33, 1, 0.68, 1), background-color 0.89s cubic-bezier(0.33, 1, 0.68, 1);
        top: 25% !important;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .swiper-button-prev-new {
        left: 0 !important;
        border: 1px solid #E6B00B !important;
        background-color: #E6B00B !important;
        height: 35px !important;
        width: 35px !important;
        align-items: center;
        justify-content: center;
        display: flex;
        transform: scale(1);
        transition: transform 0.89s cubic-bezier(0.33, 1, 0.68, 1), background-color 0.89s cubic-bezier(0.33, 1, 0.68, 1);
        top: 25% !important;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .swiper-button-prev-new {
        left: 0 !important;
    }

    .res-image-footer {
        height: 400px;
        object-fit: cover;
    }

    .address-head-bs::after {
        left: 159px !important;
    }

    .address-head:after {
        right: -20px !important;
    }

    .address-head-nav::after {
        right: -20px !important;
    }

    .tb-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .csr {
        padding-bottom: 60px;
    }
}

@media (max-width:991px) {
    .filter-img img {
        width: 100%;
    }

    .section-width {
        width: 100%;
    }

    .news-section {
        gap: 15px;
    }

    .news-section {
        flex-direction: column;
    }

    .section-margin {
        margin-left: 0px;
    }

    .news-content {
        font-size: 34px;
        line-height: 40px;
    }

    .news-content {
        padding-top: 20px;
    }
}


/********************************************************* about-us-jos-alukkas ******************************************************/

@media (max-width: 991px) {
    .text-wrapper-new {
        bottom: -95px !important;
    }
}

@media (max-width: 1200px) {

    .head-news:after {
        left: 44%;
    }

    .nav-link>a {
        padding: 0 .5em;
        letter-spacing: -0.5px;
        font-size: 11px;
    }
}

@media (max-width: 575px) {
    .showroom-page-head:after {
        left: 42%;
    }

    .content-sec {
        padding: 15px;
    }

    #slider-two .swiper-slide .slider-img-sec-outer {
        height: auto;
    }

    .dq-collab-section {
        padding: 40px 15px;
    }

    .about-section .big {
        font-size: 26px;
        line-height: 40px;
    }

    .about-inner-page .res-banner {
        height: 470px;
    }

    .about-inner-page .text-wrapper {
        bottom: -160px !important;
    }
}

@media (max-width: 1024px) {

    .csr-head {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .csr-head {
        font-size: 24px;
    }

    .top-bar-right-actions {
        margin: 20px 15px 0px 0px;
        gap: 12px;
    }

    .shop-online-btn {
        font-size: 12px;
        gap: 5px;
    }

    .shop-cart-icon {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 480px) {
    .top-bar-right-actions {
        margin: 15px 10px 0px 0px;
        gap: 8px;
    }

    .shop-online-text {
        font-size: 11px;
    }

    .shop-cart-icon {
        width: 16px;
        height: 16px;
    }
}