@media screen and (min-width: 992px) {
    .spotlight-others-home .articles .article-img-box .article-img {
        height:200px!important
    }

    .others-stories .border-bottom-category {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .others-stories .ads-box {
        margin: 0!important
    }

    .mt-festive-ad {
        margin-top: 500px
    }

    .ls-article-list .articles .article-img-box .article-img {
        height: 85px!important
    }

    .elections .modal-content video {
        height: inherit!important
    }

    .election-video-box .expand {
        bottom: 10px!important;
        right: 17%!important
    }

    .rm-menu .rm-menu-li:hover .rm-submenu {
        transform: translateX(-3.3%)
    }

    .rm-menu .rm-submenu {
        min-width: 184px;
        width: 240px
    }

    .rm-menu .rm-menu-li {
        overflow-x: unset;
        position: unset
    }

    .rm-menu .rm-menu-list-block {
        width: max-content
    }

    .overflow-menu {
        overflow-x: scroll
    }

    .overflow-menu::-webkit-scrollbar {
        display: none
    }

    .election-party {
        width: 78%!important
    }

    .election-select-width {
        width: 70%
    }

    .election-select-title-width {
        width: 31%
    }

    .election-video-box iframe {
        height: 500px!important
    }

    .main-top {
        margin-top: 151px!important
    }

    .next_prev_stories {
        display: flex
    }

    .next_prev_stories .prev {
        border-right: 1px solid #e9e4e4;
        margin-right: 10px;
        padding-right: 10px;
        width: 50%
    }

    .next_prev_stories .next {
        width: 50%
    }

    .rm-menu .rm-menu-li:hover .rm-submenu,.rm-menu .rm-menu-list-block,.rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu:hover ul {
        display: flex!important
    }

    .articles .article-heading-one {
        margin-top: 6px
    }

    .hero-ads-banner {
        overflow: hidden
    }

    .slide2 .articles .article-img-box .article-img {
        height: 170px
    }

    .pdr-0 {
        padding-right: 0
    }

    .pdl-0 {
        padding-left: 0
    }

    .longread-container,.rm-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px
    }

    .home-banner-div {
        height: 100px;
        width: 1280px
    }

    .home-banner-div img {
        height: 100%;
        width: 100%
    }

    .rm-menu {
        width: 100%
    }

    .rm-header .rm-menu {
        border-top: 1px solid var(--grey-three)
    }

    .rm-header {
        padding-bottom: 0
    }

    .rm-bt-section {
        margin-bottom: 80px!important
    }

    .jnl-grey-bg .jnl-box .form-control {
        width: 620px
    }

    .magazine-issue {
        margin-top: -20px!important
    }

    .article-height {
        height: 280px
    }

    .art-next,.art-previous {
        height: 150px;
        width: 340px
    }

    .bg-primary-light-red,.bg-primary-red {
        padding: 50px 40px!important
    }

    .newsletter-subscription-form {
        margin-top: 200px
    }

    .rm-pills .sorted-authors .author-list img {
        width: 180px!important
    }

    .rm-pills .sorted-authors .author-list li:not(:last-child) {
        margin-right: 40px!important
    }

    .rm-pills .sorted-authors .author-list {
        justify-content: start!important
    }

    .rm-menu .rm-submenu {
        padding: 0 0 10px!important
    }

    .rm-menu .rm-menu-li:hover .rm-submenu {
        padding-left: 0!important;
        padding-top: 0!important
    }

    .rm-menu .rm-submenu .rm-submenu-li:not(:last-child) {
        margin-bottom: 0!important
    }

    .rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu .rm-dd {
        font-size: 15px!important;
        padding-bottom: 5px!important
    }

    .rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu ul {
        position: absolute!important
    }

    .rm-menu .rm-menu-list-block .rm-menu-li:hover .rm-category {
        border-bottom: 2px solid var(--primary-red);
        color: var(--primary-red)!important
    }

    .rm-header .offcanvas {
        background-color: var(--white)!important;
        width: 100%!important
    }

    .rm-menu .rm-menu-list-block .rm-menu-li .rm-category {
        color: var(--black)!important;
        font-size: 15px!important
    }

    .rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu ul li:not(:last-child) {
        margin-right: 20px!important
    }

    .rm-menu .rm-submenu .rm-submenu-li .rm-dd {
        font-size: 15px!important
    }

    .rr-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1400px
    }

    .mag-art-head {
        padding: 40px
    }

    .art-next {
        text-align: end
    }

    .oi-newletter {
        padding: 0 120px
    }

    .story .story-pills {
        margin-top: 60px!important
    }

    .story .tags {
        margin-top: 80px!important
    }

    .fs-32 {
        font-size: 32px!important
    }

    .other-stories-container {
        width: 1000px
    }

    .mag-issue-cover-story .articles .article-img-box .card-article-img {
        height: 350px!important
    }

    .category-containers .articles .article-img-box,.election-news-list .articles .article-img-box {
        margin-top: 0
    }

    .category-article-list li:not(:last-child) {
        border-bottom: 0 solid var(--grey-three);
        margin-bottom: 0;
        padding-bottom: 0
    }

    .border-bottom-category {
        border-bottom: 1px solid var(--grey-three);
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .category-containers .articles .slug {
        margin-bottom: 6px
    }

    .articles .slug {
        margin-top: 12px
    }

    .hero-specified-height .articles .article-img-box.custom .article-img {
        height: 190px
    }

    .story-hero-img {
        height: 525px!important
    }

    .rm-social-share {
        display: flex;
        justify-content: center;
        position: sticky;
        top: 160px;
        z-index: 1
    }

    .allmag-wh {
        height: 245px!important
    }

    .w-93 {
        width: 93%!important
    }

    .rm-menu .rm-menu-li:nth-last-child(2) .rm-submenu {
        transform: translateX(-59.7%)
    }

    .rm-menu .rm-menu-li:last-child .rm-submenu {
        transform: translateX(-73%)
    }

    .rm-menu .rm-menu-list-block .rm-menu-li:hover:last-child {
        background-color: transparent
    }

    .rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu .rm-dd:last-child {
        padding-bottom: 0!important
    }

    .rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu .rm-dd:hover {
        color: var(--primary-red)
    }

    .ls-ol-footer li {
        width: calc(33.33333% - 40px)!important
    }

    .wst-height,.wst-height-cat {
        height: 430px!important
    }
}

@media screen and (min-width: 769px) {
    .buy-amazon {
        left:11%!important
    }
}

@media screen and (min-width: 768px) {
    .buy-amazon {
        left:3%
    }

    .tricolor-img {
        width: 80px
    }

    .budget-2024 .articles .article-img-box .bud-hero-img {
        height: 380px
    }

    .articles .article-heading-six a {
        font-family: var(--marcellus);
        font-size: 32px
    }

    .olympics-header .menu ul li a {
        padding: 8px 24px
    }

    .olympics-header .oly-logo {
        margin-right: 40px
    }

    .spotlight-others-home .articles .article-img-box .article-img {
        height: 160px
    }

    .others-stories .border-bottom-category {
        border-bottom: 1px solid var(--grey-three);
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .category-containers .articles .slug {
        margin-bottom: 6px
    }

    .articles .slug {
        margin-top: 12px
    }

    .fss-box img {
        height: 500px
    }

    .br-grey {
        border-right: 1px solid var(--grey-three)
    }

    .ls-article-list .articles .article-img-box .article-img {
        height: 115px
    }

    .elections .modal-content video {
        height: 875px;
        width: 100%
    }

    .election-video-box .expand {
        bottom: 10px;
        right: 30%
    }

    .election-party {
        margin: auto;
        width: 44%
    }

    .election-video-box iframe {
        height: 500px;
        width: 100%
    }

    .wst-height,.wst-height-cat {
        height: 300px
    }

    .ls-ol-footer {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        padding: 0 10px
    }

    .ls-ol-footer li {
        box-sizing: border-box;
        padding-left: 5px;
        position: relative;
        width: calc(50% - 40px)
    }

    .ls-ol-footer {
        gap: 20px 60px
    }

    .allmag-wh {
        height: 311px
    }

    .articles .article-desc {
        margin-top: 8px
    }

    .slider-weekend-main img {
        object-fit: cover;
        object-position: center
    }

    .story-hero-img {
        height: 436px
    }

    .category .articles .article-img-box .article-img {
        max-height: 308px;
        object-fit: cover
    }

    .story .story-title {
        font-size: 44px
    }

    .articles .article-img-box.custom1 .article-img,.weekender-slider {
        height: 100%
    }

    .spotlight-row {
        border-top: 2px solid var(--black)
    }

    .sb-blockquote blockquote {
        font-size: 40px
    }

    .rm-mt-section,.story .tags {
        margin-top: 30px
    }

    .election-news-list .article-hero-list {
        margin-bottom: 100px
    }

    .longread-container,.rm-container {
        padding: 0 20px
    }

    .footer-magazine-list li a img {
        height: 100%;
        width: 130px
    }

    .copyright-text {
        padding: 0 150px
    }

    .rm-bt-section {
        margin-bottom: 40px
    }

    .bg-primary-light-red,.bg-primary-red {
        padding: 50px 20px
    }

    .rm-pills .sorted-authors .author-list img {
        width: 170px
    }

    .rm-pills .sorted-authors .author-list li:not(:last-child) {
        margin-right: 10px
    }

    .all-issues .date-n-tabs .mob-years {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 570px
    }

    .all-issues .date-n-tabs .mob-years .nav {
        display: flex;
        flex-wrap: nowrap
    }

    .rm-menu .rm-menu-list-block,.rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu:hover ul {
        display: block
    }

    .p-tab-0 {
        padding: 0
    }

    .rm-menu .rm-menu-list-block .rm-menu-li:not(:last-child),.rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu ul li:not(:last-child) {
        margin-right: 0
    }

    .rm-menu .rm-submenu {
        padding: 10px 0 22px
    }

    .rm-menu .rm-menu-li:hover .rm-submenu {
        display: block;
        padding-left: 10px;
        padding-top: 10px
    }

    .rm-menu .rm-submenu .rm-submenu-li {
        margin-bottom: 0;
        margin-top: 10px
    }

    .rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu .rm-dd {
        font-size: 18px;
        padding-bottom: 0
    }

    .rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu ul {
        position: static
    }

    .rm-header .offcanvas {
        background-color: var(--black)
    }

    .rm-menu .rm-menu-list-block .rm-menu-li .rm-category {
        color: var(--white);
        font-size: 24px
    }

    .rm-menu .rm-submenu .rm-submenu-li .rm-dd {
        font-size: 20px
    }

    .http-error-code-box .hec-img img {
        max-width: 300px
    }

    .http-error-code-box .hec-title {
        font-size: 48px
    }

    .http-error-code-box .hec-desc {
        font-size: 24px
    }

    .navbar-toggler-icon {
        display: none!important
    }

    .navbar-toggler {
        border: 1px solid #fff!important
    }

    .mag-issue-cover-story .articles .article-img-box .card-article-img {
        height: 300px
    }

    .election-news-list .article-hero-list li:not(:last-child) {
        margin-bottom: 44px;
        padding-bottom: 40px
    }

    .sb-bigfact .bigfact-title {
        font-size: 42px
    }
}

@media screen and (min-width: 560px) {
    .bg-primary-red {
        padding:50px 20px
    }

    .magazine-issue {
        margin-top: 30px
    }

    .rm-header .offcanvas {
        background-color: var(--black)
    }

    .rm-menu .rm-menu-list-block .rm-menu-li .rm-category {
        color: var(--white);
        font-size: 24px
    }

    .btn-close {
        background-repeat: no-repeat!important;
        background-size: contain!important;
        background: url(https://img-2.outlookindia.com/outlookindia/2024-02/01fc2063-b65c-437c-b5cc-500e0fd1b1ff/close.png);
        border-radius: 0;
        opacity: 1;
        padding: 0!important;
        width: 27px
    }

    .offcanvas {
        margin: auto;
        width: 100%!important
    }

    .article-hero-list li {
        margin-right: .75rem
    }
}

@media screen and (max-width: 700px) {
    .comp-point-table .rm-points-table {
        width:max-content
    }

    .election-news-list .article-hero-list li:not(:last-child) {
        margin-bottom: 24px;
        padding-bottom: 20px
    }

    .rm-container .category-head-white .title {
        margin-top: 2px
    }

    .rm-container .category-head-white .title a {
        font-size: 1rem
    }

    .election-news-list .articles .article-img-box {
        margin-top: 0
    }

    .sb-bigfact .bigfact-title,.sb-blockquote blockquote {
        font-size: 30px
    }

    .sb-video iframe {
        width: 100%
    }
}

@media screen and (max-width: 992px) {
    .offcanvas-backdrop-custom {
        background-color:#000;
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 1040
    }

    .offcanvas-backdrop-custom.fade {
        opacity: 0
    }

    .offcanvas-backdrop-custom.show {
        opacity: .5
    }

    .spotlight-others-home .article-hero-list .spotlight-comp-tab:not(:last-child) {
        border-bottom: 1px solid var(--grey-three);
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .spotlight-others-home .spotlight-comp-tab {
        width: 100%
    }

    .article-hero-list .spotlight-comp-tab:not(:last-child) {
        border-bottom: 0 solid var(--grey-three);
        margin-bottom: 0;
        padding-bottom: 0
    }

    .spotlight-comp-tab {
        width: 50%
    }

    .member-pic {
        width: 40%
    }

    .week-s-header {
        align-items: center;
        background-color: #c12a2a;
        display: block;
        display: flex;
        justify-content: space-between;
        min-height: 4.5rem;
        padding: 1rem 2rem;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100000000000000
    }

    .week-s-header svg {
        margin-right: 8px
    }

    .week1 {
        display: flex;
        flex-direction: column-reverse
    }

    .week2 {
        margin-top: 10rem
    }

    .articles .article-img-box .card-article-img {
        height: 145px
    }

    .long-read-topic {
        max-height: 328px!important;
        overflow-x: hidden;
        overflow-y: scroll
    }

    .rm-header .offcanvas {
        width: 70%!important
    }

    .spotlight .article-hero-list li .articles .article-img-box {
        margin-right: .5rem
    }

    .about-content {
        width: 85%
    }

    .marq-slider .slide {
        flex: 0 0 45%
    }

    .about .about-banner img {
        margin: 0 auto;
        width: 90%
    }

    .about-content-img img {
        margin: 0 auto;
        width: 100%
    }

    .rm-menu .rm-submenu {
        position: relative!important
    }
}

@media screen and (max-width: 900px) {
    .slider-item-custom-1,.slider-item-custom-2 {
        min-width:33.33%
    }

    .ss-next,.ss-prev {
        display: block!important
    }
}

@media screen and (max-width: 850px) {
    .week-foot {
        margin:7rem auto
    }
}

@media screen and (max-width: 800px) {
    .spotlight-others-home .articles-spotlight {
        border-left:0 solid var(--grey-three);
        margin-left: 0!important;
        padding-left: 0
    }

    .spotlight-others-home .spotlight-resposive {
        display: block
    }

    .spotlight-resposive {
        display: flex;
        justify-content: space-evenly
    }

    .articles-spotlight {
        border-left: 1px solid var(--grey-three);
        margin-left: 5px!important;
        padding-left: 10px
    }

    .navbar-toggler-icon {
        display: none!important
    }

    .navbar-toggler {
        border: 1px solid #fff!important
    }

    .articles .article-img-box .card-article-img {
        height: 115px
    }

    .articles .article-img-box .card-article-img-author-single {
        height: 185px!important
    }
}

@media screen and (max-width: 768px) {
    .main-top {
        margin-top:64px!important
    }

    .rm-social-share ul {
        display: flex;
        margin-bottom: 15px
    }

    .story .tags .tags-title {
        margin-bottom: 16px
    }

    .story .tags {
        flex-direction: column
    }

    body {
        overflow: hidden
    }

    .in-house-banner-mobile {
        margin-top: 1rem
    }

    .articles .article-img-box .card-article-img-magazine {
        height: auto;
        object-fit: cover;
        width: 100%
    }

    .mag-year {
        margin-top: 2rem;
        width: 40%
    }

    .election-news-list .articles .article-heading-two,.election-news-list .articles .article-img-box {
        margin-top: 0
    }

    .election-news-list .article-hero-list {
        margin-bottom: 0
    }
}

@media screen and (max-width: 600px) {
    .others-stories .border-bottom-brand-category {
        border-bottom:1px solid var(--grey-three);
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .date-carousel-1 .date-c-next-btn,.date-carousel-1 .date-c-prev-btn {
        width: 10%
    }

    .date-carousel-1 .dates-slider {
        width: 75%
    }

    .budget-slider .slick-next {
        right: -35px
    }

    .budget-slider .slick-prev {
        left: -35px
    }

    .sch-br {
        justify-content: space-between;
        width: 100%
    }

    .sch-br .srh-ar {
        width: 250px
    }

    .oly-ply-mob {
        color: #000;
        font-size: 10px;
        font-weight: 400;
        line-height: normal;
        opacity: .5;
        text-transform: capitalize
    }

    .cty-rk {
        width: 30px
    }

    .cty-wdt {
        width: 50px
    }

    .slider-item-custom-1 {
        min-width: 100%
    }

    .slider-item-custom-2 {
        min-width: 50%
    }

    .ss-next,.ss-prev {
        display: block!important
    }
}

@media screen and (max-width: 560px) {
    .category-head-4stories h2 {
        font-size:24px
    }

    .election-news-list .articles .author .name {
        margin-right: 6px
    }

    .football-tab-pane {
        font-size: 14px
    }

    .f-match-table td,.f-match-table th {
        font-size: 12px;
        padding: 4px
    }

    .football-section .fs-15 {
        font-size: 12px
    }

    .football-section .score-vs {
        width: 30px
    }

    .f-match-table .flag {
        width: 16px
    }

    .points-table-main::-webkit-scrollbar {
        display: none
    }

    .points-table-main {
        -ms-overflow-style: none;
        font-size: 14px;
        overflow-y: scroll;
        scrollbar-width: none
    }

    .f-team-cards-main .flag-img img {
        width: 42px
    }

    .f-team-cards-main .team-name {
        font-size: 16px
    }

    .f-match-score-nav .country-name {
        font-size: 14px
    }

    .f-match-score-nav .score-points {
        font-size: 12px
    }

    .f-match-score-nav .points {
        font-size: 20px
    }

    .f-match-score-nav .country-img {
        width: 36px
    }

    .f-match-score-nav .live-dot {
        width: 8px
    }

    .score-name-section {
        font-size: 12px
    }

    .spotlight-others-home .slick-next,.spotlight-others-home .slick-prev {
        top: 102%;
        z-index: 9
    }

    .spotlight h5 {
        margin-top: 10px
    }

    .election-main-head {
        font-size: 26px;
        justify-content: space-between
    }

    .faq-list a {
        font-size: 16px
    }

    .week-link a {
        color: #212529
    }

    .week-link .slider-desc {
        color: #6b7b84
    }

    .article-authors {
        display: flex;
        flex-direction: column;
        position: relative
    }

    .displayAuth,.week2 img,.week3 img {
        position: absolute
    }

    .auth-line,.mobile-view-article,.outlookfooterlogo,.story-dec-time {
        display: none
    }

    .navbar-toggler-icon,.story-author-name-d-none {
        display: none!important
    }

    .displayAuth,.outlookfooterlogomobile,.rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu:hover ul {
        display: block
    }

    .story-dec-time-mobile {
        display: block;
        font-size: 14px;
        font-weight: 300!important;
        margin-left: 0!important
    }

    .displayAuth {
        color: red;
        font-weight: 600;
        right: 8%
    }

    .akc-gallery button {
        background-color: transparent!important
    }

    .akc-gallery>.slick-next,.akc-gallery>.slick-prev {
        margin-right: 0!important
    }

    .akc-single .draggable {
        height: auto!important
    }

    .w-93 {
        width: 100%!important
    }

    .ads-box {
        margin: auto
    }

    .category-head .title a,.http-error-code-box .hec-desc,.rm-menu .rm-submenu .rm-submenu-li .rm-dd,.spotlight h5 a {
        font-size: 20px
    }

    .long-read-btns2 a:first-child,.long-read-btns2 a:nth-child(2) {
        padding: .5rem 2rem
    }

    .articles .author .date {
        margin-left: 0
    }

    .popular {
        margin: 1rem 0 0
    }

    .member-pic {
        width: 40%
    }

    .week-s .mag-art-head .art-main-head h1,.week-s .mag-art-head .art-main-head p {
        text-align: start
    }

    .art-cnt,.week-s .mag-art-head {
        padding: 2rem 1rem
    }

    .week2 .mag-art-head,.week3 .mag-art-head {
        background-color: rgba(0,0,0,.503);
        padding: 2rem 0;
        z-index: 1
    }

    .weekender-bottom-outlook .week-b-img {
        width: 50%!important
    }

    .week2 {
        margin-top: 8rem;
        position: relative
    }

    .week2 img {
        left: 0;
        top: 0
    }

    .week2 .mag-art-head {
        left: 22px;
        position: absolute;
        top: 100px;
        width: 90%!important
    }

    .week2 .mag-art-head .art-main-head h1,.week2 .mag-art-head .art-main-head p,.week2 .mag-art-head .mag-auth-det p,.week3 .mag-art-head .art-main-head h1,.week3 .mag-art-head .art-main-head p,.week3 .mag-art-head .mag-auth-det p {
        color: #fff
    }

    .week3 {
        margin-top: 25rem;
        position: relative
    }

    .week3 .mag-art-head {
        position: relative;
        right: 16px;
        top: 293px;
        width: 432%!important
    }

    .week-foot {
        margin-bottom: 6rem;
        margin-top: 25rem!important
    }

    .spt-lgt-img {
        height: 170px!important;
        object-fit: cover!important
    }

    .member-pic img {
        width: 92%
    }

    .rm-mt-section,.story .story-pills {
        margin-top: 20px
    }

    .story .tags {
        margin-top: 30px
    }

    .footer-magazine-title {
        font-size: 22px
    }

    .footer-social li:not(:last-child) {
        margin-right: 25px
    }

    .footer-menu-small li:not(:last-child) {
        margin-right: 8px
    }

    .footer-menu-small {
        flex-wrap: nowrap;
        margin-left: 0;
        white-space: nowrap
    }

    .footer-menu-small li a {
        font-size: 11px
    }

    .bb-grey {
        border-bottom: 1px solid var(--grey-three);
        padding-bottom: 15px
    }

    .election-news-list .article-hero-list,.rm-bt-section {
        margin-bottom: 40px
    }

    .mx-res-0 {
        margin: 0
    }

    .longread-container,.rm-container {
        padding: 0 10px
    }

    .bg-primary-light-red,.bg-primary-red {
        padding: 40px 10px
    }

    .rm-pills .sorted-authors .author-list {
        justify-content: space-between
    }

    .p-tab-0 {
        padding: 0
    }

    .rm-menu .rm-menu-list-block .rm-menu-li:not(:last-child) {
        margin-bottom: 5px;
        margin-right: 0
    }

    .rm-menu .rm-submenu {
        margin-top: 10px
    }

    .sidebar-mob {
        margin-bottom: 0
    }

    .rm-menu .rm-submenu .rm-submenu-li:not(:last-child) {
        margin-bottom: 10px;
        margin-right: 0
    }

    .rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu .rm-dd {
        font-size: 18px;
        padding-bottom: 0
    }

    .rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu ul {
        margin-left: 15px;
        margin-top: 10px;
        position: static
    }

    .rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu ul li {
        margin-bottom: 10px
    }

    .rm-header .offcanvas {
        background-color: var(--black)
    }

    .rm-menu .rm-menu-list-block .rm-menu-li .rm-category {
        color: var(--white);
        font-size: 24px
    }

    .btn-close {
        background-repeat: no-repeat!important;
        background-size: contain!important;
        background: url(https://img-2.outlookindia.com/outlookindia/2024-02/01fc2063-b65c-437c-b5cc-500e0fd1b1ff/close.png);
        border-radius: 0;
        opacity: 1;
        padding: 0!important;
        width: 27px
    }

    .rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu ul li:not(:last-child) {
        margin-right: 0
    }

    .http-error-code-box .hec-img img {
        max-width: 300px
    }

    .http-error-code-box .hec-title {
        font-size: 32px
    }

    .http-error-code-box .hec-btn {
        margin-top: 24px
    }

    .articles .article-heading-two a {
        color: var(--black);
        font-family: var(--marcellus);
        font-size: 16px;
        line-height: 20px;
        text-decoration: none
    }

    .articles .article-heading-two,.articles .slug {
        margin-top: 0
    }

    .navbar-toggler {
        border: 1px solid #fff!important
    }

    .spotlight-resposive {
        display: flex;
        flex-direction: column
    }

    .image-item {
        flex: 0 0 24%
    }

    .image-item img {
        display: block;
        height: auto;
        width: 100%
    }

    .articles .article-img-box .card-article-img {
        height: 115px
    }

    .articles .article-hero-heading a {
        font-size: 22px;
        line-height: 28px
    }

    .hr-grey {
        margin: 8px 0
    }

    .article-hero-list li:not(:last-child) {
        margin-bottom: 8px;
        padding-bottom: 8px
    }

    .hero-article-image {
        max-height: 68px;
        object-fit: cover
    }

    .articles .article-heading-one a,.jon {
        font-size: 16px
    }

    .category-head {
        margin-bottom: 8px
    }

    .articles .article-heading-four a {
        font-size: 16px;
        line-height: 20px
    }

    .articles .author {
        margin-top: 8px
    }

    .jon-head {
        font-size: 20px;
        font-weight: 600
    }

    .weekender-slider {
        height: 250px
    }

    .home-banner-div {
        height: 60px;
        width: 300px
    }

    .home-banner-div img {
        height: 100%;
        width: 100%
    }

    .articles .article-img-box.custom .latest-custom {
        max-height: 225px
    }
}

@media screen and (max-width: 450px) {
    .articles .article-img-box .card-article-img {
        height:90px
    }
}

@media screen and (max-width: 400px) {
    .articles .article-img-box .card-article-img {
        height:80px
    }

    .weekender-slider {
        height: 210px
    }
}

@media screen and (max-width: 385px) {
    .articles .article-img-box .card-article-img {
        height:68px
    }

    .weekender-slider {
        height: 190px
    }
}

.newsletter-subscription-form {
    margin-top: 2rem
}

@media screen and (max-width: 1920px) {
    .search-form {
        right:292px
    }
}

@media screen and (max-width: 320px) {
    .in-house-banner {
        margin-top:1rem
    }

    .hero-article-top {
        margin-top: 0
    }
}

.longread-container {
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    .buy-amazon {
        left:6%
    }

    .tricolor-img {
        width: 40px
    }

    .budget-2024 .articles .article-img-box .bud-hero-img {
        height: auto
    }

    .articles .article-heading-six a {
        font-family: var(--marcellus);
        font-size: 22px
    }

    .olympics-header .menu ul li a {
        padding: 8px 10px
    }

    .olympics-header .oly-logo {
        margin-right: 20px
    }

    .olympics-header .menu ul li a {
        font-size: 15px
    }

    .entertainment-home-section .articles .article-img-box .article-img1 {
        height: 64px;
        max-height: 100px;
        object-fit: contain
    }

    .story .story-author-details .story-author-name {
        margin-bottom: 10px
    }

    .spotlight-others-home .articles .article-img-box .article-img {
        height: 200px
    }

    .hc-box .astrologer-profile .astro-name {
        margin-top: 10px
    }

    .todays-horoscope-box {
        text-align: center
    }

    .todays-horoscope-box .th-title {
        font-size: 20px;
        width: 233px
    }

    .articles .article-img-box .article-img1 {
        height: 200px
    }

    .fss-box img {
        height: 220px
    }

    .elections .modal-content {
        display: block
    }

    .elections .modal-content video {
        height: 500px;
        margin: 20px auto auto;
        width: 100%
    }

    .election-video-box .expand {
        bottom: 10px;
        right: 13%
    }

    .election-party {
        margin: auto;
        width: 81%
    }

    .election-video-box iframe {
        height: 500px;
        width: 100%
    }

    .election-video-box iframe .video_poster .video_poster_image {
        object-fit: contain!important
    }

    .wst-height {
        height: 540px!important;
        object-position: top
    }

    .wst-height-cat {
        height: 90px!important;
        object-position: top
    }

    .fss-box .fss-title a {
        text-shadow: none
    }

    .next_prev_stories {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .next-sec,.prev-sec {
        display: none
    }

    .ls-ol-footer li:not(:last-child) {
        border-bottom: 1px solid var(--grey-three);
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .story .story-title {
        font-size: 32px;
        line-height: 40px
    }

    .category .articles .article-img-box .article-img {
        max-height: 100px;
        object-fit: cover
    }

    .sb-article p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 600px) {
    .breadcrumb .breadcrumb-item.active {
        margin-top:3px
    }

    .category-containers .article-heading-one {
        margin-top: 12px!important
    }

    .ls-article-list .articles .article-img-box .article-img {
        height: 85px
    }

    .follow-social img {
        width: 125px
    }

    .in-house-banner-main-scroll {
        top: 0;
        width: 100%;
        z-index: 999
    }

    .ls-bb {
        border-bottom: 1px solid var(--grey-three)
    }

    .longread-container,.sb-data,.slider-one-1 {
        width: 100%
    }

    .pt-scroll,.sb-data,.slider-one-1 {
        overflow-x: scroll
    }

    .pt-scroll::-webkit-scrollbar {
        display: none
    }

    .rm-sports-tabs .rm-points-table {
        width: max-content
    }

    .allmag-wh {
        height: 240px
    }

    #banner-cube-pe {
        bottom: -45px!important;
        left: -50px!important
    }

    #taboola-below-homepage-thumbnails[data-feed-main-container-id=taboola-below-homepage-thumbnails].tbl-feed-full-width {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .story-hero-img {
        max-height: 236px
    }

    .absolute-caption-div {
        padding-right: 30px
    }

    body {
        overflow: hidden
    }

    .slider-one-1 .articles {
        width: 230%
    }

    .slider-one-1 {
        column-gap: 9rem!important
    }

    .slider-bg {
        padding: 10px 0
    }

    .slider-bg .rm-container {
        padding: 0
    }

    .rm-container .category-head-white .title {
        margin-top: 2px
    }

    .rm-container .category-head-white .title a,.rm-menu-li a {
        font-size: 1rem
    }

    .offcanvas {
        margin: auto;
        width: 50%!important
    }

    .rm-menu .rm-menu-list-block .rm-menu-li .rm-category {
        font-size: 18px
    }

    .article-hero-list li {
        margin-right: .25rem
    }

    .election-news-list .article-heading-two {
        margin-top: 0
    }

    .nav-block,.spotlight-row {
        display: flex;
        flex-direction: column
    }

    .mag-article {
        margin-top: 2rem
    }

    .about-content {
        width: 95%
    }

    .about .about-banner img {
        margin: 0 auto
    }

    .marq-slider .slide {
        border-radius: 10px;
        box-shadow: 0 2px 8px 0 rgba(99,99,99,.2);
        flex: 0 0 80%;
        text-align: center
    }

    .team-section {
        margin: 3rem auto;
        text-align: center;
        width: 100%
    }

    .rm-story-pills-scroller {
        margin-bottom: 20px;
        overflow-x: scroll
    }

    .rm-story-pills-scroller .nav-pills {
        display: inline-flex;
        flex-wrap: nowrap;
        margin-bottom: 0
    }

    .rm-story-pills-scroller .nav-pills .nav-link {
        font-size: 20px!important;
        text-wrap: nowrap
    }

    .category-containers .articles .article-img-box {
        margin-top: 12px
    }

    .category-containers .ads-box {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 1300px) {
    .rm-main,.slider-bg,.slider-one {
        width:100%
    }

    .slick-prev {
        margin-left: 3rem
    }

    .slick-next {
        margin-right: 3rem
    }
}

@media only screen and (min-width: 1200px) and (max-width:1340px) {
    .home-containers {
        width:1220px
    }

    .category-containers {
        width: 1245px
    }

    .magazine-container {
        width: 1270px
    }

    .other-stories-container {
        margin: auto;
        width: 98%
    }
}

@media only screen and (min-width: 1100px) and (max-width:1200px) {
    .home-containers {
        width:1030px
    }

    .category-containers {
        width: 1170px
    }

    .about-content-img img {
        margin: 0 auto;
        width: 100%
    }

    .about-content {
        width: 70%
    }

    .privacy {
        margin: auto!important;
        width: 95%!important
    }

    .magazine-container {
        width: 1182px
    }

    .other-stories-container {
        margin: auto;
        width: 98%
    }
}

@media only screen and (min-width: 1200px) and (max-width:1250px) {
    .story-container {
        max-width:1150px
    }

    .rs-pr {
        padding-right: 30px
    }
}

@media only screen and (min-width: 1000px) and (max-width:1199px) {
    .story-container .row {
        --bs-gutter-x:0rem
    }

    .story-container {
        padding: 0 20px!important
    }

    .rm-container {
        padding: 2px
    }

    .home-containers {
        width: 900px
    }

    .slider-bg .home-containers {
        width: 1000px
    }

    .rm-menu .rm-menu-list-block .rm-menu-li .rm-category {
        font-size: 12px!important
    }

    .category-containers {
        width: 1009px
    }

    .magazine-container {
        width: 1011px
    }

    .other-stories-container {
        margin: auto;
        width: 98%
    }
}

.banner-ad-1280 {
    width: 1280px!important
}

@media screen and (min-width: 992px) {
    .spotlight-others-home .article-hero-list .spotlight-comp-tab:not(:last-child) {
        border-bottom:1px solid var(--grey-three);
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .spotlight-others-home .spotlight-comp-tab {
        width: 100%
    }

    .french-sports-slider .slick-dots {
        bottom: 17px!important
    }

    .fo-author,.fo-author a {
        color: var(--white)
    }

    .fo-author a {
        font-weight: 700;
        text-decoration: none
    }

    .fss-box {
        position: relative
    }

    .fo-article-detail {
        bottom: 48px;
        position: absolute;
        width: 100%
    }

    .fss-box img {
        height: 500px!important
    }

    .fss-box .fss-title a {
        color: var(--white);
        text-decoration: none
    }

    .fss-box .fss-title {
        color: var(--white);
        font-size: 32px;
        text-align: center
    }

    .fo-box .fo-box-ads {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .fo-box .fo-content {
        border: 1px solid var(--grey-three);
        padding: 16px 24px 24px
    }
}

@media screen and (max-width: 991px) {
    .fss-box .fss-title a {
        color:var(--black);
        text-decoration: none
    }

    .french-open .articles .article-heading-one a {
        font-size: 18px
    }

    .fss-box .fss-title {
        color: var(--black);
        font-size: 20px;
        margin-top: 20px
    }

    .fo-author,.fo-author a {
        color: var(--black)
    }

    .fo-author a {
        font-weight: 700;
        text-decoration: none
    }

    .french-sports-slider .slick-dots li button:before {
        color: var(--primary-red)!important
    }

    .french-sports-slider .slick-dots {
        margin-top: 20px
    }
}

@media screen and (min-width: 992px) {
    .sl-slider .slick-dots {
        bottom:17px!important
    }

    .sl-author,.sl-author a {
        color: var(--white)
    }

    .sl-author a {
        font-weight: 700;
        text-decoration: none
    }

    .sl-slider-box {
        position: relative
    }

    .sl-article-detail {
        bottom: 48px;
        position: absolute;
        width: 100%
    }

    .sl-slider-box .sl-slider-title {
        color: var(--white);
        font-size: 32px;
        text-align: center
    }

    .sl-box .sl-box-ads {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .sl-box .sl-content {
        margin-top: 20px
    }
}

@media screen and (max-width: 991px) {
    .others-widget h2,.previous-winner .category-head-two h2 {
        font-size:22px
    }

    .sports-league .articles .article-heading-one a {
        font-size: 18px
    }

    .sl-slider-box .sl-slider-title {
        color: var(--black);
        font-size: 20px;
        margin-top: 20px
    }

    .sl-author,.sl-author a {
        color: var(--black)
    }

    .sl-author a {
        font-weight: 700;
        text-decoration: none
    }

    .sl-slider .slick-dots li button:before {
        color: var(--primary-red)!important
    }

    .sl-slider .slick-dots {
        margin-top: 20px
    }
}