/* Global responsive layer for the legacy frontend. Loaded after page CSS. */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body,
#main-wrapper {
    max-width: 100%;
    overflow-x: hidden;
}

img,
iframe,
video,
embed,
object {
    max-width: 100%;
}

img {
    height: auto;
}

table {
    max-width: 100%;
}

.container,
#full {
    max-width: 100% !important;
}

#page-content {
    width: 100%;
}

#header > .row {
    margin-left: 0;
    margin-right: 0;
}

.header_ads .carousel,
.header_ads .carousel-inner,
.header_ads .carousel-inner .item {
    max-width: 100%;
}

.header_ads .carousel-inner .item img {
    max-width: 100%;
}

.primary-nav {
    margin-bottom: 0;
}

.product-details-list .tab-pane {
    padding-top: 24px !important;
}

.product-details-list .tab-pane h2 {
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.featured_table {
    table-layout: fixed;
}

.featured_table th,
.featured_table td {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.table-responsive {
    border: 0;
}

.single-product::after,
.single-product .row::after {
    clear: both;
    content: "";
    display: table;
}

.single-product figure {
    max-width: 100%;
}

.single-product figure img,
.home-slide-card img,
.featured-ad-img {
    max-width: 100%;
}

.side_img img,
#right img,
.dfd img {
    width: 100%;
}

.searchbar form {
    align-items: stretch;
    display: flex;
    width: 100%;
}

.searchbar input {
    min-width: 0;
}

.searchbar button {
    flex: 0 0 auto;
}

.DataTables_wrapper,
.dataTables_wrapper {
    max-width: 100%;
    overflow-x: auto;
}

.dataTables_length,
.dataTables_filter {
    max-width: 100%;
}

.dataTables_filter input,
.dataTables_length select {
    max-width: 100%;
}

.address-details {
    max-width: 100% !important;
}

@media (max-width: 1199px) {
    #full {
        width: 100% !important;
    }

    .container {
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    #header .row {
        margin-left: 0;
        margin-right: 0;
    }

    #header .top,
    #header .header_ads {
        float: none !important;
        margin-left: 0 !important;
        padding-left: 15px;
        padding-right: 15px;
        width: 100% !important;
    }

    #header .top {
        height: auto !important;
        padding-top: 8px;
        text-align: center;
    }

    #header .top img {
        display: inline-block;
        max-height: none;
        max-width: 92%;
    }

    #Date {
        margin: 6px 0 8px !important;
        text-align: center;
    }

    #header .header_ads {
        margin-top: 6px;
    }

    #header .header_ads .carousel {
        margin-left: 0 !important;
        width: 100% !important;
    }

    #header .header_ads .carousel-inner .item img {
        height: auto !important;
        min-height: 72px;
        object-fit: contain;
        width: 100% !important;
    }

    #header .header-nav-bar {
        width: 100%;
    }

    #header .header-nav-bar nav {
        position: relative;
        width: 100%;
    }

    #header .menu_toggle_btn {
        align-items: center;
        background: #403d5a;
        border: 0;
        color: #fff;
        display: flex !important;
        font-size: 22px;
        height: 48px;
        justify-content: center;
        width: 56px;
    }

    #header .header-nav-bar .primary-nav {
        background: #403d5a;
        clear: both;
        display: none;
        float: none !important;
        width: 100%;
    }

    #header .header-nav-bar .primary-nav.is-open,
    #header .header-nav-bar .primary-nav.menu-open,
    #header .header-nav-bar .primary-nav.open {
        display: block;
    }

    #header .header-nav-bar .primary-nav > li,
    #header .header-nav-bar .primary-nav > li[style] {
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 1px solid rgba(255,255,255,.16);
        display: block;
        float: none !important;
        width: 100%;
    }

    #header .header-nav-bar .primary-nav > li > a {
        display: flex;
        justify-content: space-between;
        min-height: 46px;
        padding: 13px 18px;
        width: 100%;
    }

    #header .header-nav-bar .primary-nav > li > ul {
        background: rgba(64, 61, 90, .96);
        display: none;
        left: 0 !important;
        max-height: 62vh;
        min-width: 0 !important;
        overflow-y: auto;
        position: relative !important;
        top: auto !important;
        transform: none !important;
        visibility: visible !important;
        width: 100% !important;
    }

    #header .header-nav-bar .primary-nav > li.open > ul,
    #header .header-nav-bar .primary-nav > li.active > ul {
        display: block;
        opacity: 1;
    }

    #header .header-nav-bar .primary-nav > li > ul .catt {
        height: auto !important;
        max-height: 62vh;
        overflow-y: auto !important;
        width: 100%;
    }

    #header .header-nav-bar .primary-nav > li > ul li a {
        min-height: 44px;
        padding: 11px 20px;
        width: 100% !important;
    }

    .sub_list {
        display: none;
        left: 0 !important;
        position: relative !important;
        top: auto !important;
        width: 100% !important;
    }

    .list.open > .sub_list,
    .list.active > .sub_list,
    .list:hover > .sub_list {
        display: block;
    }

    #page-content .col-md-2,
    #page-content .col-md-3,
    #page-content .col-md-4,
    #page-content .col-md-5,
    #page-content .col-md-6,
    #page-content .col-md-7,
    #page-content .col-md-8,
    #page-content .col-md-9,
    #page-content .col-md-10,
    #page-content .col-md-12 {
        float: none;
        width: 100%;
    }

    #page-content .side_img {
        display: block !important;
        order: 2;
    }

    #page-content #right,
    #page-content .dfd {
        order: 3;
    }

    #page-content #left.side_img {
        margin-top: 20px;
    }

    #page-content #right,
    #page-content .dfd {
        margin-top: 20px !important;
    }

    #page-content .side_img,
    #page-content #right,
    #page-content .dfd {
        text-align: center;
    }

    #page-content .side_img img,
    #page-content #right img,
    #page-content .dfd img {
        display: inline-block;
        max-width: 420px;
        width: 100%;
    }

    .slider-content,
    .slider-content #home-slider,
    .owl-carousel .owl-wrapper-outer {
        height: 380px !important;
    }

    .slider-content #home-slider .item > img {
        height: 380px !important;
    }

    .searchbar {
        left: 8% !important;
        max-width: 84%;
        width: 84% !important;
    }

    .home-section {
        padding-left: 0;
        padding-right: 0;
    }

    .home-section h2 {
        font-size: 24px;
        padding-right: 80px;
    }

    .home-slide-card img,
    .featured-ad-img {
        height: 160px;
        width: 100%;
    }

    .testimonial-band .review-comment p {
        font-size: 17px;
    }

    .testimonial-band .review-comment .headline {
        font-size: 24px;
    }
}

@media (max-width: 1199px) {
    .ads-detail-page #full {
        display: flex;
        flex-direction: column;
    }

    .ads-detail-page #full > .col-md-6 {
        order: 1;
        width: 100%;
    }

    .ads-detail-page #full > .side_img,
    .ads-detail-page #full > .col-md-2.side_img {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
    }

    .ads-detail-page #full > .dfd {
        order: 3;
        width: 100%;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    #page-content {
        padding-top: 0 !important;
    }

    #full {
        padding-left: 12px;
        padding-right: 12px;
    }

    .slider-content,
    .slider-content #home-slider,
    .owl-carousel .owl-wrapper-outer {
        height: 310px !important;
    }

    .slider-content #home-slider .item > img {
        height: 310px !important;
    }

    .header-search marquee {
        font-size: 13px;
        line-height: 30px !important;
    }

    .searchbar {
        border-width: 8px !important;
        left: 4% !important;
        top: 30% !important;
        width: 92% !important;
    }

    .searchbar form {
        gap: 0;
    }

    .searchbar input,
    .searchbar input[style] {
        flex: 1 1 auto;
        height: 40px !important;
        width: 100% !important;
    }

    .searchbar input#loc1 {
        display: none !important;
    }

    .searchbar button.btn-default,
    span.searchbar button.btn-default {
        height: 40px !important;
        padding: 8px 12px !important;
        position: static !important;
    }

    .customNavigation .btn {
        padding: 5px 8px;
    }

    .home-section {
        padding-bottom: 24px;
        padding-top: 24px;
    }

    .home-section h2 {
        font-size: 21px;
        line-height: 1.2;
        padding-right: 64px;
    }

    .home-section hr {
        margin-top: -12px;
    }

    .see_all {
        font-size: 13px;
        margin-top: -39px !important;
    }

    .single-product {
        margin-bottom: 16px;
    }

    .single-product figure {
        margin-left: 0;
        margin-right: 0;
    }

    .product-details-list .tab-pane {
        padding-top: 12px !important;
    }

    .product-details-list .tab-pane h2 {
        font-size: 28px;
        line-height: 1.18 !important;
        margin-top: 16px;
    }

    .comments {
        display: inline-block;
        margin-left: 6px;
    }

    .table,
    .table > thead,
    .table > tbody,
    .table > tfoot,
    .table > thead > tr,
    .table > tbody > tr,
    .table > tfoot > tr,
    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        max-width: 100%;
    }

    .featured_table,
    .featured_table tbody,
    .featured_table tr,
    .featured_table th,
    .featured_table td {
        display: block;
        width: 100% !important;
    }

    .featured_table th {
        padding-bottom: 2px !important;
    }

    .featured_table td {
        padding-top: 2px !important;
    }

    .ckeditor_box {
        max-height: none !important;
    }

    .top_img,
    .matrimony-top-img {
        height: auto !important;
        max-height: 360px;
        object-fit: contain !important;
    }

    .images-container,
    .images-container-thumbnail,
    .mobile-media-after-details {
        text-align: center;
    }

    .images-container a,
    .images-container-thumbnail a,
    .mobile-media-after-details .ad-media-trigger {
        display: inline-block;
    }

    .images-container img,
    .images-container-thumbnail img,
    .mobile-media-after-details img {
        max-width: 100% !important;
    }

    .ads-detail-page .mobile-media-after-details {
        display: flex !important;
        gap: 12px;
        margin-left: -12px;
        margin-right: -12px;
        overflow-x: auto;
        padding: 14px 12px 4px;
        scroll-snap-type: x mandatory;
        text-align: left;
        -webkit-overflow-scrolling: touch;
    }

    .ads-detail-page .mobile-media-after-details .ad-media-trigger {
        flex: 0 0 76%;
        margin: 0 !important;
        scroll-snap-align: center;
        width: 76% !important;
    }

    .ads-detail-page .mobile-media-after-details img {
        border-radius: 8px;
        height: 190px !important;
        object-fit: cover;
        width: 100%;
    }

    .ads-detail-page .dfd {
        display: flex;
        gap: 14px;
        margin-left: -12px;
        margin-right: -12px;
        overflow-x: auto;
        padding: 16px 12px 6px;
        scroll-snap-type: x mandatory;
        text-align: left;
        -webkit-overflow-scrolling: touch;
    }

    .ads-detail-page .dfd a {
        display: block;
        flex: 0 0 82%;
        scroll-snap-align: center;
    }

    .ads-detail-page .dfd img {
        border-radius: 4px;
        max-width: none !important;
        padding-bottom: 0 !important;
        width: 100% !important;
    }

    .ad-media-dialog {
        height: 78vh !important;
        max-width: 94vw !important;
    }

    .ad-media-stage {
        height: calc(78vh - 58px) !important;
    }

    footer .col-md-3,
    footer .col-md-4,
    footer .col-md-6,
    footer .col-md-12 {
        float: none;
        width: 100%;
    }
}

@media (max-width: 480px) {
    #header .top img {
        max-width: 96%;
    }

    #Date {
        font-size: 14px;
    }

    .slider-content,
    .slider-content #home-slider,
    .owl-carousel .owl-wrapper-outer {
        height: 260px !important;
    }

    .slider-content #home-slider .item > img {
        height: 260px !important;
    }

    .searchbar {
        top: 34% !important;
    }

    .search_cat {
        font-size: 14px;
    }

    .product-details-list .tab-pane h2 {
        font-size: 24px;
    }

    .home-slide-card .slider_bottom_name,
    .home-slide-card p {
        min-height: 0;
    }

    .dataTables_filter,
    .dataTables_length {
        float: none !important;
        text-align: left !important;
        width: 100%;
    }

    .dataTables_filter input {
        margin-left: 0 !important;
        width: 100%;
    }
}