.cart-fixed-btn {
    z-index: 1000
}

@media (min-width:1200px) {
    .container { max-width: 1300px}
}

@media (max-width:1024px) {
    .home-carousel { height: 333px}

    .five-cols .col-lg-2 {
        flex: 0 0 19%;
        max-width: 19%
    }

    .asking-price-text p {
        font-size: 12px
    }

    .car-listing-rightsidebar .bottom-list .btn-style {
        padding: 7px
    }

    .car-listing-rightsidebar .bottom-list a {
        font-size: 14.4px
    }

    .user-righ-rsidebar .btn-style {
        display: inline-block;
        padding: 10px 9px
    }

    .four-tabs .nav-fill .nav-item {
        font-size: 15px
    }
}

@media (min-width:992px) {
    /* Header Responsive Styles */
    header .navbar-expand-lg {
        flex-flow: wrap;
        justify-content: space-between;
    }
}

@media (max-width:991px) {
    .container {
        max-width: 908px
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url(../images/menu-icon.png)
    }

    /* Header Responsive Styles */
    /* Mobile Menu Toggle Button */
    .navbar-toggler {
        display: block !important;
        border: none;
        background: transparent;
        padding: 0;
        width: 30px;
        height: 30px;
        position: relative;
        cursor: pointer;
        margin-left: auto;
    }
    
    .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }
    
    .navbar-toggler-icon {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #ffffff;
        position: relative;
        transition: all 0.3s ease;
    }
    
    .navbar-toggler-icon::before,
    .navbar-toggler-icon::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #ffffff;
        transition: all 0.3s ease;
    }
    
    .navbar-toggler-icon::before {
        top: -8px;
    }
    
    .navbar-toggler-icon::after {
        bottom: -8px;
    }
    
    /* Hamburger animation */
    .navbar-toggler.active .navbar-toggler-icon {
        background-color: transparent;
    }
    
    .navbar-toggler.active .navbar-toggler-icon::before {
        transform: rotate(45deg);
        top: 0;
    }
    
    .navbar-toggler.active .navbar-toggler-icon::after {
        transform: rotate(-45deg);
        bottom: 0;
    }

    .client-review-bg {
        padding: 100px 15px 119px
    }

    .latest-award h1 {
        font-size: 17.5px
    }

    .footer-list ul li {
        font-size: 14px;
        height: auto;
        padding: 6px 0
    }

    .blue-bg.subscribe-row.pb-0 {
        padding-top: 25px
    }

    .awardsss img {
        margin: 0 auto
    }
}

@media (max-width:768px) {
    .sell-clinic input[type=text] {
        width: 66%
    }

    .mob-top-padding {
        padding-top: 10px
    }

    .bottom-list {
        margin-top: 0 !important
    }

    .mob-text-center {
        text-align: center !important
    }

    .asking-price-text {
        padding: 15px !important;
        margin: auto;
        text-align: center
    }

    .sorting-row {
        display: flex
    }

    .padding-box {
        padding: 20px 15px
    }

    .mob-text-size {
        font-size: 24px
    }

    /* Header styles moved to frontend layout */

    .home-carousel {
        height: 301px
    }

    .five-cols .col-lg-2 {
        flex: 0 0 33%;
        max-width: 32%
    }

    .search-form {
        max-width: 657px
    }

    .container {
        max-width: 690px
    }

    .client-review-bg {
        padding: 100px 15px 101px
    }

    .client-review-bg p {
        font-size: 14.4px;
        line-height: 19px
    }

    .latest-award .col-lg-4 .col-lg-12 {
        background-size: 100%
    }

    .pagination a {
        padding: 5px 6px
    }

    .course-meterial .carousel.slide {
        max-width: 536px
    }

    .user-righ-rsidebar .btn-style {
        padding: 10px 6px;
        font-size: 14.4px
    }

    .four-tabs .nav-fill .nav-item {
        font-size: 12px;
        margin: 0 0 0 7px
    }

    .horizental-line {
        top: 36px
    }

    .mark-as-sold {
        padding: 6px;
        position: relative;
        top: 7px;
        width: 100%
    }

    .mob-text-one-line {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .listing-id {
        font-size: 14.4px
    }

    .listing-id .active-noted {
        font-size: 12px;
        padding: 1px 7px;
        float: right
    }

    .less-width {
        max-width: 25%
    }

    /* .owl-nav {
        display: none
    } */

    .asking-price-text .ml-2.float-right {
        float: none !important
    }

    .dahboard-row h3 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .car-listing-rightsidebar h5 {
        font-size: 15px
    }

    .info-links ul li {
        padding: 0 4px 10px;
        font-size: 12px
    }

    .timeago {
        position: unset !important
    }
}

@media (max-width:600px) {

    .app-store.mt-4.pt-2,
    .model-heading,
    .sell-clinic {
        text-align: center
    }

    /* Header styles moved to frontend layout */

    .input-style button[type=submit],
    .input-style input,
    .input-style label,
    .input-style select,
    .input-style textarea {
        word-break: break-word
    }

    .dashboard-header .top-menu li:first-child,
    .dashboard-header .top-menu li:nth-child(2),
    .dashboard-header .top-menu li:nth-child(3),
    .dashboard-header .top-menu li:nth-child(4) {
        display: inline-block
    }

    /* Header styles moved to frontend layout */

    .home-carousel {
        height: 218px
    }

    .search-form {
        margin: 30px auto 0;
        padding: 0 15px
    }

    .search-form button {
        margin: 0 0 0 3px
    }

    #search-form {
        display: contents
    }

    .h1,
    h1 {
        font-size: 26px
    }

    .home-carousel .owl-dots {
        top: -41px;
        margin-bottom: -41px
    }

    .home-carousel .caption .set-width {
        max-width: 264px
    }

    .advance-search {
        padding-right: 0
    }

    section {
        padding: 44px 0
    }

    .five-cols .col-lg-2 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .five-cols {
        padding-right: 15px;
        padding-left: 15px
    }

    .five-cols .set-height {
        height: 193px
    }

    .read-more-services {
        padding: 8px 15px
    }

    section .h1,
    section h1 {
        margin-bottom: 20px
    }

    .client-review-bg {
        padding: 100px 52px 101px
    }

    .partner-logos {
        margin: auto
    }

    footer .subscribe-box {
        margin-top: 21px
    }

    .mob-p-b {
        padding-bottom: 20px
    }

    .follow-us {
        margin-bottom: 9px
    }

    .mob-full-width-image,
    .sell-clinic form {
        width: 100%;
        /* height: 170px !important; */
        object-fit: cover;
    }

    .sell-clinic .sell-clinic-btn {
        float: none;
        margin: 30px auto 0;
        display: inline-block
    }

    .broker-person {
        height: 210px
    }

    .sort-by {
        margin: 15px 0 0
    }

    .filter-sidebar {
        margin-bottom: 35px
    }

    .car-listing-rightsidebar .car-list-image {
        height: 188px;
        margin-bottom: 20px
    }

    .asking-price-text p {
        font-size: 14px
    }

    .car-listing-rightsidebar .mob-top-padding {
        padding-top: 0
    }

    .car-listing-rightsidebar .col-sm-7.col-lg-7.pl-0 {
        padding-left: 15px !important
    }

    .course-meterial .carousel-indicators,
    .horizental-line {
        display: none
    }

    .user-righ-rsidebar {
        padding-left: 15px
    }

    .user-righ-rsidebar h1 {
        font-size: 46px;
        margin-bottom: 0 !important
    }

    .user-righ-rsidebar .btn-style {
        padding: 10px 20px;
        font-size: 17px
    }

    .user-righ-rsidebar .col-sm-3.col-lg-3.pt-4.pb-5 {
        padding-bottom: 0 !important
    }

    .dashboard-header .top-menu {
        padding-top: 8px !important
    }

    .dashboard-header .top-menu li img {
        width: 19px;
        height: 20px;
        object-fit: contain
    }

    .four-tabs .nav-fill .nav-item {
        font-size: 14px;
        margin: 0 0 0 32px
    }

    .pagination a {
        padding: 3px 4px
    }

    .dahboard-row {
        padding: 26px 30px
    }

    .mob-text-one-line {
        display: block
    }

    .my-ads .bottom-list span {
        margin-bottom: 20px;
        display: inline-block
    }

    .image-inquiry {
        height: 177px
    }

    .show-more-cat {
        position: relative;
        left: 0;
        width: 100%
    }

    .user-left-sidebar {
        padding-bottom: 30px
    }

    .box-width,
    .less-width {
        max-width: 100%
    }

    .mob-text-right {
        text-align: right
    }

    .mob-text-dark {
        color: #333 !important
    }

    .map-content {
        height: 235px;
        top: 17px;
        width: 265px;
        position: absolute
    }

    .map-bg {
        background-color: #012070;
        height: 280px;
        width: 285px;
        clip-path: inset(0 0 38% 75%)
    }

    .guide-detail .icons ul {
        top: -7px
    }

    .guide-detail {
        margin-top: 0
    }

    #socialModal .modal-body {
        padding: 0
    }

    .my-auto a {
        font-size: 12px
    }

    #model-content .mt-4 .mr-4 {
        margin-right: 5px !important
    }

    #model-content .col-md-3 .rounded-circle {
        margin: 0 auto;
        display: block
    }

    #model-content .container-fluid.pl-5.pt-5 {
        padding: 0 !important
    }

    .general-banner.move-up-banner {
        top: -211px;
        margin-bottom: -211px
    }

    .search-form.clearfix.sell-clinic.container a.text-white.mob-text-dark {
        color: #fff !important
    }

    .general-banner .caption h1.opensansregular.letter-spacing-none {
        margin-top: 75px;
        text-align: center
    }
}

.row.mt-2.bottom-list .col-sm-12.col-lg-7.my-auto.mob-text-center.pr-0 a {
    margin-left: 0 !important
}

.car-listing-rightsidebar .col-lg-7 p a,
a {
    color: #212529;
}

a.general-btn.search-bar-btn {
    width: auto !important;
}



.car-listing-rightsidebar h5 {
    text-decoration: none;
    cursor: pointer;
}

.tit_clinc {
    width: 71%;
    display: inline-block
}

@media only screen and (min-width:320px) and (max-width:890px) {
    .col-12.col-lg-7.my-auto.mob-text-center.d-flex {
        margin: 17px 20px !important;
    }

    div#reviews-data {
        float: left;
        width: 100%;
        margin-top: 25px
    }

    .footer-list h5 {
        margin-top: 17px
    }

    footer {
        padding-top: 0
    }

    .guide-detail .title h2 {
        width: 90%
    }

    .map-bg {
        width: 100%
    }

    .map-content {
        width: 89%
    }

    .new-bg .col-sm-4.col-lg-4 {
        margin-top: 20px
    }

    section.four-tabs .col-sm-3.col-lg-3.pt-5.mt-5 {
        margin: 0 !important;
        padding-top: 0 !important
    }

    .col-sm-9.col-lg-9.pl-0.courses_filter_data {
        padding-left: 15px !important
    }

    .posted-by-row.pt-3 .float-left.line-height-30 {
        margin-top: 30px
    }

    .posted-by-row.pt-4.mt-3 img.float-left {
        width: 100%;
        height: auto;
        object-fit: cover
    }

    video#intro_video,
    video.course-video {
        object-fit: cover
    }

    .contact-seller-form .card-body,
    .row.bg-white.seller-registration-form-holder.mt-5,
    .seller-registration-form .card-body {
        overflow: scroll
    }

    .seller-registration-form h5 {
        padding: 0 15px
    }

    .user-righ-rsidebar .btn-style.mark-as-sold {
        right: 0;
        width: auto;
        position: relative;
        margin-top: 15px
    }

    .bottom-list {
        flex-direction: column-reverse
    }

    .bottom-list .col-sm-12.col-lg-5.text-right,
    .car-listing-rightsidebar .car-list-image {
        text-align: center !important
    }

    .most-viewed-clinics-for-sale-carousel .btn-style {
        right: inherit !important;
        position: inherit !important;
        left: inherit !important;
        bottom: inherit !important
    }

    .col-12.col-lg-2.col-sm-6.mb-3.d-flex.align-items-center .general-btn.search-bar-btn {
        margin: 0 auto;
        display: block
    }

    .col-5.col-lg-2.col-sm-6.mb-3.d-flex.align-items-center.justify-content-center {
        text-align: center;
        width: 100%;
        flex: 0 0 100% !important;
        max-width: 100%
    }

    .stat-bg.mt-3 h1.text-white.mb-4 {
        float: left;
        width: 100%;
        margin: 12px 0 !important
    }

    .stat-bg.mt-3 .row.mt-5 {
        margin-top: 0 !important
    }

    

    .asking-price-text .btn-style {
        width: 49%;
        margin-left: 6px
    }

    .upload-video-file .video-js {
        width: 100% !important
    }

    #load-useful-links .set-height.mob-full-width-image {
        height: auto !important
    }

    .company-logo img {
        max-height: 75px
    }

    .general-btn.search-bar-btn.mob_cent {
        margin: 0 auto
    }

    .seller-title {
        word-break: break-all
    }

    div#subscribe-button {
        margin-top: 20px !important
    }

    .row.pl-3.pr-3.asdfgg .col-md-4.mb-4.d-flex.justify-content-end {
        justify-content: center !important
    }

    .row.pl-3.pr-3.asdfgg .col-md-8.mt-4.mb-4 {
        text-align: center
    }
}

.make-diff p,
.make-diff ul li {
    text-align: justify
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    /* Header styles moved to frontend layout */
    .testimonials_wrap_2 .loop_test {
        min-height: 440px
    }

    /* Header styles moved to frontend layout */

        .stat-bg .btn-style {
            padding: 10px 15px;
        }

        .col-12.col-lg-5.text-right.my-auto.mob-text-center.mob-top-padding.media-query {
            justify-content: center;
            display: flex !important;
        }

        .col-12.col-lg-7.my-auto.mob-text-center.d-flex{ justify-content: center;}

        section.five-cols.text-center.mt-4 .container.grey-bg .row {
            justify-content: center;
        }

        section.pb-0 .col-lg-10.col-sm-6.search-form1.mt-0.mb-3.clearfix ,  section.pb-0 .col-lg-9.col-sm-6.search-form1.mt-0.mb-3.clearfix{
            flex: 0 0 70%;
            max-width: 70%;
        }

        section.pb-0 .col-lg-2.col-sm-6.mb-3.d-flex.align-items-center, section.pb-0  .col-lg-3.col-sm-6.mb-3.d-flex.align-items-center {
            flex: 0 0 30%;
            max-width: 30% !important;
        }

        .navbar-light .navbar-brand {
            margin: 0px auto !important;
            display: block;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }


        /* Header styles moved to frontend layout */


}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape)  {

    /* Header styles moved to frontend layout */

    .col-12.col-lg-5.text-right.my-auto.mob-text-center.mob-top-padding span {
        margin-top: 14px;
    }

    .search-bar-btn {
        background-color: #fecd00;
        color: #012070 !important;
        padding: 13px 18px;
        margin: 0 auto;
    }

    .car-listing-rightsidebar .bottom-list .btn-style {
        padding: 7px;
        margin-left: 0px !important;
    }

}

@media only screen and (min-width:320px) and (max-width:767px) {
    .service-image img {height: 230px !important; object-fit: contain; }
    .five-cols .set-height {height: 345px}

    .five-cols.text-center.asdf .col-sm-3.col-lg-2.p-0.bg-white { max-width: 100%; flex: 0 0 100%; }

    .slick-slide .item {width: auto !important;}.slick-slide {text-align: center;}

    .select-packages .select-clinics-packages-holder{ height: auto !important; width: 100%;}
    .select-packages .row.owl-carousel.owl-theme.package-carousel.owl-loaded.owl-drag { margin: 0; }

    .select-packages .package-quantity{ font-size: 23px; }
    .seller-btn-nav .add-cat{ margin-bottom: 15px !important; }
    .preview-ad { height: 40px; line-height: 20px; padding-top: 10px !important; display: inline-block; margin-bottom: 13px; }

    .select-packages.bg-white.seller-registration-form-holder.sider_1 { justify-content: center; display: flex; }
    .select-packages.bg-white.seller-registration-form-holder.sider_1 #package-carousel_1 { margin: 0px auto; }
    .rp_inner .col-md-7 .row.nimi { position: inherit !important; }
    .rp_inner .col-md-7 .ro_inner { float: left; width: 100%; margin-bottom: 20px; }
    .car-listing-rightsidebar.mb-4.new_resg .car-list-image { height: auto; margin: 0px; }
    .car-listing-rightsidebar.new_resg .col-sm-12.col-lg-8 { border-right: none; }

    .innovative-listing div#listing { margin: 0;}
    .innovative-listing div#listing .loop_listing  .col-md-5 { padding-left: 15px;}
    .innovative-listing div#listing .loop_listing .innovative-listing-content.card_mt_list { margin-top: 0 !important;}

    div#most-viewed-clinic-carousels { margin-left: 0; }

    .owl-prev{ left: 0; opacity: 1 !important;}

    .owl-carousel .owl-nav button.owl-next{ right:0px; opacity: 1 !important; }

    section.service-bg.mt-4 { overflow: hidden; }

    .car-listing-rightsidebar.new_resg .col-lg-12 h5 { margin-right: 30px; }

    a.preview-ad.card-icon { display: inline-block; }

    div#carouselExampleIndicators .carousel-item img { width: 76% !important; margin: 0px auto; }

    img.set-height.mob-full-width-image { height: auto !important; }
    .seller-btn-nav .btn-style { margin-top: 20px; }
    div#previewVideosContainer video.video-js.my-video { width: 100% !important; }

    .contact-seller-form .seller-registration-form label { margin-right: 10px;}
    button.btn.btn-danger.btn-sm.float-right { margin-bottom: 15px; }
    .col-md-10.text-center.text-md-right button.skip-button { margin-bottom: 15px; }

    span.select2.select2-container.select2-container--default { width: 100% !important; }
    .seller-btn-nav .add-cat{ display:inline-block; }
    .sell-clinic-container { width: 100%; right: 0 !important; top: 112% !important; }
    .sell-clinic-container img { margin-top: 10px; margin-bottom: 10px; }
    .contact-seller .fa{ padding: 4px; }
    .overflow{overflow: scroll;}
    .seller-btn-nav.seller-btn-nav-bottom.col-md-12.col-lg-12 .add-cat.save_for_later {margin-top: 25px;}

    div#mob_filter{ display:block !important; }
    div#advance_filter{ display:block !important; }
    /* .filter-sidebar{ display:none; } */
    .advance_toggle{ display:none; }
    .pt0{ padding-top:0px; }

    /* Header styles moved to frontend layout */
    .media-query{ display: inline-block !important; }
    .video_wrap h2.text-center { font-size: 20px !important; }
    .h1_r h2 { font-size: 20px !important; }

    
    .car-listing-rightsidebar .car-list-image img, .general-banner img, .image-inquiry img, .service-image img{ object-fit:cover; }

    .seller-registration-form .add-cat { margin: 20px auto 0; float: none !important; display: block; }

    .stat-bg.mt-3 .text-white { color: #fff !important; float: left; width: 100%; margin: 10px 0 !important; }
    .stat-bg .btn-style { display: inline-block; }

    .h1_r h2 a.home-med-deals { font-size: 35px !important; }

    
    /* Header styles moved to frontend layout */

    .dropdown-menu { right: 0px !important; left: inherit; }

    .search-form.clearfix.sell-clinic.btn-wrapper { width: 100%; max-width: 100%; margin-bottom: 25px; }
    .search-form.clearfix.sell-clinic.btn-wrapper .col-sm-6.col-lg-6 { width: 50%; margin: 0 !important; }
    .search-form.clearfix.sell-clinic.btn-wrapper .row { align-items: center; }
    .search-form.clearfix.sell-clinic.btn-wrapper a.btn-style.sell-clinic-btn { margin-top: 0; }


    section.video_wrap video { margin-top: 20px; }
    section.h1_r.make-diff .row.mt-5.pt-3 { margin-top: 0 !important; }
    section.h1_r.make-diff img { margin-bottom: 20px; }


}



@media only screen and (min-width:320px) and (max-width:767px) and (orientation: landscape) {
    /* Header styles moved to frontend layout */
}

@media only screen and (max-width:1112px) and (min-width:834px)  {
    .five-cols .col-lg-2 { -ms-flex: 0 0 19%; flex: 0 0 19%; max-width: 19%; margin: 4px; }
}


@media only screen and (min-width:320px) and (max-width:932px) and (orientation: landscape)  {
    .col-lg-9.col-sm-6.search-form1.mt-0.mb-3.clearfix.asfawe { max-width: 75%; flex: 0 0 75%; }
    .col-lg-9.col-sm-6.search-form1.mt-0.mb-3.clearfix.asfawe .col-sm-3.col-lg-2.p-0.bg-white { flex: 0 0 32%; max-width: 32%; }
    /* Header styles moved to frontend layout */
    .contact-seller-form label.create-group, .testimonials_wrap_2 .loop_test .test_name h2{ font-size: 18px !important; }
    .col-sm-3.col-lg-3.less-width{ flex: 0 0 25%; max-width: 25%; }
    .stat-bg .btn-style{ display:block; }
    section.text-center { overflow: hidden; }
    .dropdown-menu { right: 0; left: inherit; }

}


section.p-0.p-lg-4.clinic-for-salse-tabs div#nav-tabContent div#search_posted_clinics_data { margin-top: 0; }
#search_subscriptions_data { margin-top: 0; }
.enrolled_courses_dashboard_logo { margin-top: 0% !important; }








/*@media only screen and (max-width: 4000px) and (min-width: 2000px) {
    body, body p{ font-size:22px; line-height:inherit !important; }
   .container,.header-container { max-width: 2500px;}
   .home-carousel { height: 550px; }
   .five-cols .set-height { height: 450px; }
   .service-image img { height: 450px !important; object-fit: cover; }
   .service-image .image-overlay { font-size: 25px; }
   .service-bg .col-sm-4.col-lg-3.mb-4 p { font-size: 18px; line-height: normal; }
   .video_wrap video { max-height: 450px !important; object-fit: cover !important; }

   section.h1_r.make-diff img { margin: 0px auto; display: block; max-width: 70% !important; }
   .broker-person { height: 350px; object-fit: cover; }


}*/

/* Cookie Modal Responsive Styles */
@media (max-width: 768px) {
    .cookie-check {
        max-width: 90% !important;
        left: 5% !important;
        right: 5% !important;
        bottom: 10px;
        padding: 15px;
    }

    .cookie-check h4 {
        font-size: 18px !important;
        margin-bottom: 10px;
    }

    .cookie-check p {
        font-size: 12px !important;
        line-height: 1.4;
        margin-bottom: 15px;
    }

    .cookie-check .btn.btn_new,
    .cookie-check .btn.btn_red {
        font-size: 12px !important;
        height: 35px;
        padding: 8px 15px;
        margin: 5px;
        width: 100%;
        display: block;
    }

    .btn_cookies,
    .btn_cookies_rej {
        padding: 0 15px;
        margin-top: 10px !important;
    }
}

/* Voice Reader h6_font Responsive Styles */
@media (max-width: 1024px) {
    .voice-reader.h6_font {
        font-size: 18px !important;
        margin: 12px 0;
    }
}

@media (max-width: 768px) {
    .voice-reader.h6_font {
        font-size: 16px !important;
        margin: 10px 0;
        line-height: 1.3;
    }
}

@media (max-width: 480px) {
    .voice-reader.h6_font {
        font-size: 14px !important;
        margin: 8px 0;
        line-height: 1.2;
    }
}

@media (max-width: 320px) {
    .voice-reader.h6_font {
        font-size: 12px !important;
        margin: 6px 0;
        line-height: 1.1;
    }
}

@media (max-width: 480px) {
    .cookie-check {
        max-width: 95% !important;
        left: 2.5% !important;
        right: 2.5% !important;
        bottom: 5px;
        padding: 12px;
    }

    .cookie-check h4 {
        font-size: 16px !important;
        margin-bottom: 8px;
    }

    .cookie-check p {
        font-size: 11px !important;
        line-height: 1.3;
        margin-bottom: 12px;
    }

    .cookie-check .btn.btn_new,
    .cookie-check .btn.btn_red {
        font-size: 11px !important;
        height: 32px;
        padding: 6px 12px;
        margin: 3px 0;
    }

    .btn_cookies,
    .btn_cookies_rej {
        padding: 0 12px;
        margin-top: 8px !important;
    }
}

@media (max-width: 320px) {
    .cookie-check {
        max-width: 98% !important;
        left: 1% !important;
        right: 1% !important;
        padding: 10px;
    }

    .cookie-check h4 {
        font-size: 14px !important;
    }

    .cookie-check p {
        font-size: 10px !important;
    }

    .cookie-check .btn.btn_new,
    .cookie-check .btn.btn_red {
        font-size: 10px !important;
        height: 30px;
        padding: 5px 10px;
    }
}

/* Grid Layout Responsive Styles - Content Arrangement */
.container-fluid.grey-bg .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    margin: 0;
}

.container-fluid.grey-bg .row .col-sm-6.col-lg-2,
.container-fluid.grey-bg .row .col-sm-3.col-lg-2 {
    display: flex;
    flex-direction: column;
    height: auto;
    margin-bottom: 15px;
    padding: 0;
    background: white;
}

.container-fluid.grey-bg .row .col-sm-6.col-lg-2 img,
.container-fluid.grey-bg .row .col-sm-3.col-lg-2 img {
    width: 100%;
    height: 195px;
    object-fit: cover;
    display: block;
}

.container-fluid.grey-bg .row .col-sm-6.col-lg-2 h3,
.container-fluid.grey-bg .row .col-sm-3.col-lg-2 h3 {
    margin: 15px 10px 10px 10px;
    font-size: 20px;
    line-height: 1.2;
    order: 2;
}

.container-fluid.grey-bg .row .col-sm-6.col-lg-2 p,
.container-fluid.grey-bg .row .col-sm-3.col-lg-2 p {
    margin: 0 10px 15px 10px;
    font-size: 14px;
    line-height: 1.4;
    order: 3;
    flex-grow: 1;
}

/* Responsive breakpoints for grid layout */
@media (max-width: 1200px) {
    .container-fluid.grey-bg .row .col-sm-6.col-lg-2,
    .container-fluid.grey-bg .row .col-sm-3.col-lg-2 {
        flex: 0 0 19.2%;
        max-width: 19.2%;
        margin: 4px;
    }
}

@media (max-width: 991px) {
    .container-fluid.grey-bg .row .col-sm-6.col-lg-2,
    .container-fluid.grey-bg .row .col-sm-3.col-lg-2 {
        flex: 0 0 48%;
        max-width: 48%;
        margin: 4px;
    }
}

@media (max-width: 767px) {
    .container-fluid.grey-bg .row .col-sm-6.col-lg-2,
    .container-fluid.grey-bg .row .col-sm-3.col-lg-2 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 4px 0;
    }
    
    .container-fluid.grey-bg .row .col-sm-6.col-lg-2 img,
    .container-fluid.grey-bg .row .col-sm-3.col-lg-2 img {
        height: 200px;
    }
}

@media (max-width: 480px) {
    .container-fluid.grey-bg .row .col-sm-6.col-lg-2,
    .container-fluid.grey-bg .row .col-sm-3.col-lg-2 {
        margin: 2px 0;
    }
    
    .container-fluid.grey-bg .row .col-sm-6.col-lg-2 h3,
    .container-fluid.grey-bg .row .col-sm-3.col-lg-2 h3 {
        font-size: 18px;
        margin: 12px 8px 8px 8px;
    }
    
    .container-fluid.grey-bg .row .col-sm-6.col-lg-2 p,
    .container-fluid.grey-bg .row .col-sm-3.col-lg-2 p {
        font-size: 13px;
        margin: 0 8px 12px 8px;
    }
}