@media (max-width: 1024px) {
    .section-1 .home-link {
        width: 100%;
    }

    .section-1 .home-link img {
        max-width: 35%;
    }
}

@media (min-width: 992px) {
    .ads-col {
        margin-top: 17%;
    }

    .sticky .ads-col .ads-list {
        position: sticky;
        top: 1px;
        width: 100%;
        max-height: 100vh;
        overflow-y: auto;
    }

    .sticky .ads-col .ads-list::-webkit-scrollbar {
        width: 0;
    }
}

@media (max-width: 991px) {
    .ads-col {
        display: none;
    }

    .s-rslt .ad-item {
        margin-bottom: 20px;
    }

    .sticky form {
        top: 52px;
    }

    .earn-amount-style {
        justify-content: center;
    }

    body:has(.ebox-style) .ads-col {
        display: block;
        order: 2;
    }
}

@media (max-width: 769px) {
    nav {
        margin-right: 15px;
    }

    .links,
    .link-1,
    .link-2 {
        display: block;
        text-align: center;
    }

    .link-2 {
        padding-right: unset;
    }

    .s-box,
    .s-rslt {
        width: 100%;
        padding: 0 30px;
    }

    .s-box .search-icon {
        left: 48px;
    }

    .section-1 .logo {
        width: 300px;
        height: auto;
        margin-bottom: -40px;
    }

    .s-box .vs-icon {
        top: 15px;
        right: 50px;
    }

    .s-box .s-input {
        padding: 10px 10px 10px 48px;
    }

    .s-box .verified-icon {
        right: 35px;
    }

    .matching-service .text-end {
        text-align: left;
    }

    #miniCartContent {
        font-size: 12px;
    }

    .remove-mini-cart-addon {
        width: 15px;
        height: 15px;
        font-size: 8.5px;
    }
}

@media (max-width: 767px) {
    span.session-city {
        display: inline-block;
        width: 55px;
        min-width: 0;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mfp-container {
        top: 0 !important;
    }

    .text-end {
        text-align: right;
        margin-top: 1rem !important;
    }

    .list-group-item .product-price-wrapper,
    .list-group-item {
        display: block !important;
    }

    #loginNavbar {
        top: -4px;
    }

    #available-addons .float-right {
        display: none;
    }

    .mob-sample {
        display: block !important;
        text-align: right;
    }

    .search-video-wrapper .image-wrapper {
        width: 100%;
    }

    .movie-search-box {
        display: grid;
        grid-template-columns: 30% auto;
    }

    .search-video-wrapper {
        width: auto;
        height: auto;
    }

    .video-wrapper,
    .image-wrapper,
    .search-video-wrapper a {
        min-height: unset;
    }

    .movie-search-box .search-video-content {
        width: 100%;
    }

    .movie-search-box:has(.video-wrapper) {
        display: flex;
        flex-direction: column;
        border: 1px solid #eeeeee;
        padding-bottom: 0 !important;
    }

    .video-wrapper {
        width: 100%;
    }

    .movie-search-box:has(.video-wrapper) p:last-child {
        margin: 0;
    }

    .movie-search-box:has(.video-wrapper) .search-video-content {
        margin: 0;
        padding: 1.25rem;
    }

    .search.movie-search-box.has-images:has(#logo-view),
    .search.movie-search-box.has-images:has(#profile_image) {
        display: flex;
        flex-direction: column;
    }

    .search-video-content:has(.editable-container) {
        margin-left: 0;
    }

    #listing-container .edit-icon {
        top: 8px;
        right: 0;
    }

    .addons-section .card-title {
        display: grid;
        grid-template-columns: 50% 50%;
        margin-bottom: -20px;
        font-size: 16px;
    }

    .addons-section .card .btn:not(.remove-addon) {
        min-width: 96px;
        font-size: 12px;
    }

    .menu-nav {
        margin-top: 7px;
        margin-right: -6px;
    }

    a#navbarDropdown {
        position: relative;
        max-width: 90px;
        margin-right: 10px;
        padding-right: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    a#navbarDropdown:after {
        position: absolute;
        top: 18px;
        right: 0;
    }

    .detail-list-group li:has(.card-title),
    .btn-colm-style {
        padding-top: 20px;
    }

    .btn-colm-style {
        text-align: center;
    }

    .card-container {
        position: relative;
    }

    .card-container .col-md-6:has(.earn-price-style),
    .card-container .col-md-4:has(.earn-price-style) {
        position: absolute;
        left: 0;
        right: 0;
        width: max-content;
        margin: 0 auto;
    }

    .card-container .col-md-6:has(.earn-price-style) {
        top: 285px;
    }

    .card-container .col-md-4:has(.earn-price-style) {
        top: 335px;
    }

    .detail-view .card-title {
        margin-top: 0 !important;
    }

    .detail-list-group .list-group-item {
        display: flex !important;
        justify-content: space-between;
        padding: 2px 0;
    }

    .detail-list-group,
    .detail-view .description {
        margin-top: 60px !important;
    }

    .btn-colm-style:has(.detail-btn-style) {
        width: 92%;
        margin: 0 auto;
    }

    .detail-view .description {
        padding: 0 !important;
    }

    .detail-view .box-img-style {
        width: 100% !important;
        height: 100% !important;
    }

    .detail-view .col-md-8.text-right {
        text-align: center !important;
    }

    .earn-price-style {
        padding: 4px 10px;
        border-bottom: 0;
    }

    .box-img-style img {
        height: 248px !important;
    }

    .balance-grid {
        display: flex !important;
        flex-direction: column;
    }

    .earn-amount-style {
        gap: 8px;
        padding: 16px 15px;
    }
}

@media (max-width: 600px) {
    .search-video-wrapper .image-wrapper {
        width: 100%;
    }

    .movie-search-box {
        grid-template-columns: 20% auto;
    }
}

@media (max-width: 542px) {
    .section-1 .logo {
        width: 200px;
        height: auto;
    }

    .s-box .s-input {
        padding: 5px 5px 5px 45px;
    }

    .s-box .search-icon {
        left: 43px;
    }

    .s-box .vs-icon {
        top: 9px;
    }
}

@media (max-width: 426px) {
    .search-video-wrapper {
        width: 60%;
        min-height: 150px;
        max-height: 150px;
    }

    .video-wrapper {
        width: 100%;
        min-height: 150px;
        max-height: 150px;
    }

    .search-video-content {
        width: 40%;
    }

    .s-rslt h3 {
        font-size: 18px;
    }

    .s-rslt p {
        font-size: 13px;
    }

    .terms-box {
        width: 80%;
    }
}

@media (max-width: 400px) {
    .search-video-wrapper {
        width: 100% !important;
    }

    .movie-search-box {
        grid-template-columns: 25% auto;
    }
}

@media (max-width: 376px) {
    .menu-nav {
        margin-top: 7px;
        margin-right: -6px;
    }

    .section-1 .home-link {
        height: auto;
    }

    .s-box {
        padding: 0 15px;
    }

    .s-box .search-icon {
        left: 28px;
    }

    .s-box .vs-icon {
        top: 7px;
        right: 29px;
    }

    .search-video-wrapper {
        min-height: 120px;
        max-height: 120px;
    }

    .video-wrapper {
        min-height: 120px;
        max-height: 120px;
    }

    .terms-box {
        width: 85%;
    }
}

@media (max-width: 375px) {
    span.session-city {
        width: 45px;
    }
}

@media (max-width: 321px) {
    .menu-nav {
        margin-top: 7px;
        margin-right: -6px;
    }

    .bar {
        right: 0;
    }

    footer h4 {
        font-size: 13px;
    }

    .search-video-wrapper {
        width: 60%;
        min-height: 100px;
        max-height: 100px;
    }

    .video-wrapper {
        width: 100%;
        min-height: 100px;
        max-height: 100px;
    }

    .search-video-content {
        width: 40%;
    }

    .s-rslt h3 {
        font-size: 15px;
    }

    .s-rslt p {
        font-size: 11px;
    }

    .terms-box {
        width: 95%;
    }
}