@media screen and (min-width: 1200px) {
  .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
  }
}

@media screen and (min-width:992px) {

  .hero-card-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .hero-card-grid .hero-card-ad {
    grid-column: auto;
  }
  .main-top {
    margin-top: 151px !important;
  }
  .navbar-expand-lg .navbar-toggler {
    display: block !important;
  }

    .rm-header .offcanvas {
      width: 50%;
    }

  .nav-ht-fix {
      height: 41px;
  }

  .next_prev_stories {
    display: flex;
  }

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

  .next_prev_stories .next {
    width: 50%;
  }

  .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 {
    padding-bottom: 0
  }

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

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

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

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

  .article-height {
    height: 280px
  }

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

  .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-top: 0 !important;
    padding-left: 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 {
    padding-bottom: 5px !important;
    font-size: 15px !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 {
    color: var(--primary-green) !important;
    /* border-bottom: 2px solid var(--primary-green) */
  }

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

    width: 80% !important
  }

  .rm-menu .rm-menu-list-block .rm-menu-li .rm-category {
    color: var(--black-three) !important;
    font-size: 14px !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) {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0 solid var(--grey-three)
  }

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

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

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

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

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

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

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

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

  .rm-menu .rm-menu-li:last-child:hover .rm-submenu {
    right: 0 !important;
    left: auto;
  }
  .rm-menu .rm-submenu .rm-submenu-li .rm-nested-submenu .rm-dd:hover {
    color: var(--primary-green);
  }

  .ls-ol-footer li {
    width: calc(100% / 3 - 40px) !important;
  }

  .wst-height {
    height: 430px !important;
}
}

@media screen and (min-width:768px) and (max-width:991px) {
  .hero-card-grid {
    grid-template-columns: repeat(3, 1fr);
    padding: 0 20px;
  }
  /* .hero-card-grid .hero-card-ad {
    grid-column: 1 / -1;
  } */

  /* Footer Tablet Styles */
  .footer-main-content {
    padding: 35px 0 25px;
  }

  .footer-column {
    margin-bottom: 30px;
  }

  .footer-links-list li {
    margin-bottom: 12px;
  }

  .footer-links-list li a {
    font-size: 13px;
  }

  .footer-logo {
    max-width: 160px;
  }

  .footer-social {
    gap: 14px;
  }

  .footer-social li a img {
    width: 30px;
    height: 30px;
  }

  .footer-copyright {
    padding-top: 25px;
    margin-top: 25px;
  }

  .footer-copyright .copyright-text {
    font-size: 13px;
  }
}

@media screen and (min-width:992px) {
  .ot-hero-card-img {
    transition: transform 0.2s ease-in-out;
  }

  .ot-hero-card:hover .ot-hero-card-img {
    transform: scale(1.05);
  }
}

@media screen and (min-width:768px) {
  .wst-height {
    height: 300px;
  }

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

  .ls-ol-footer li {
    position: relative;
    padding-left: 5px;
    box-sizing: border-box;
    width: calc(100% / 2 - 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)
  }

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

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

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

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

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

  .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 {
    width: 570px;
    overflow-y: hidden;
    overflow-x: scroll
  }

  .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-top: 10px;
    padding-left: 10px
  }

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

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

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


  .rm-menu .rm-menu-list-block .rm-menu-li .rm-category {
    color: var(--black-three);
    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: 32px
  }

  .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
  }

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

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

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

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

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

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

  .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
  }

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

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

@media screen and (max-width:992px) {
  .hero-slider-section {
      padding: 2.5rem 0 2rem;
  }

  .ot-hero-slider {
      padding: 0;
  }

  .ot-hero-img {
      height: 320px;
  }

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

  .in-house-banner-main .navbar-brand img {
    max-width: 150px;
  }

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

  .member-pic {
    width: 40%
  }

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

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

  .video-section-sidebar-title {
    font-family: var(--font-cormorant, 'Cormorant Garamond', serif);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

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

  .rm-menu .rm-menu-list-block .rm-menu-li {
    margin-bottom: 0 !important;
    padding: 20px 0 !important;
    border-bottom: 1px solid var(--grey-three);
  }

  .week2 {
    margin-top: 10rem
  }

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

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

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

  .rm-external-oi-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    background: #fff;
    cursor: pointer;
    width: 100%;
  }

  .rm-external-oi-wrapper .rm-external-oi-link {
    flex-direction: column;
    display: flex;
    background: #fff;
    margin-top: 4px;

    /* Hidden default state */
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-8px);

    /* animation */
    transition:
      max-height 0.35s ease,
      opacity 0.35s ease,
      transform 0.35s ease;
  }

  .rm-external-oi-wrapper .rm-external-oi-link li:last-child {
    border-bottom: none;
  }

  .rm-external-oi-wrapper .rm-external-oi-link a {
    display: block;
    padding: 8px 0;
  }

  /* When open: animate dropdown */
  .rm-external-oi-wrapper.is-open .rm-external-oi-link {
    max-height: 400px; /* enough space for items */
    opacity: 1;
    transform: translateY(0);
  }

  .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:850px) {
  .week-foot {
    margin: 7rem auto
  }
}

@media screen and (max-width:800px) {
  .spotlight-resposive {
    display: flex;
    justify-content: space-evenly
  }

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

  .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) {

  .ot-hero-headline {
    padding: 0 60px;
  }
  .hero-card-grid {
    padding: 0 !important;
  }
  .main-top {
    margin-top: 64px !important;
  }

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

  body {
    overflow: hidden
  }

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

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

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

  .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
  }

  /* Footer Mobile Styles */
  .footer-main-content {
    padding: 30px 0 20px;
  }

  .footer-logo-social-mobile {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .footer-logo-wrapper-mobile .footer-logo {
    max-width: 160px;
  }

  .footer-social-wrapper-mobile .follow-us-text {
    font-size: 13px;
    margin-bottom: 12px;
  }

  .footer-social-wrapper-mobile .footer-social {
    gap: 14px;
  }

  .footer-social-wrapper-mobile .footer-social li a img {
    width: 30px;
    height: 30px;
  }

  .footer-column {
    margin-bottom: 25px;
    text-align: left;
  }

  .footer-links-list li {
    margin-bottom: 10px;
  }

  .footer-links-list li a {
    font-size: 13px;
  }

  .footer-copyright {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  .footer-copyright .copyright-text {
    text-align: center;
    font-size: 12px;
  }
}

@media screen and (max-width:560px) {

  .ot-hero-img {
    height: 260px;
    width: 100%;
}

.ot-hero-arrow {
    width: 42px;
    height: 42px;
    font-size: 1.2rem;
}

.ot-hero-card-img {
    height: 226px;
}
  .hero-slider-section.rm-container {
    padding: 0 0px;
  }

  .ot-hero-next {
    bottom: 0;
    top: 102%;
    right: 22%;
  }
  .ot-hero-prev {
    bottom: 0;
    top: 102%;
    left: 22%;
  }
  .ot-hero-headline {
    font-size: 24px;
  }
  .ot-hero-img {
    height: 249px;
  }
  .ot-hero-headline {
    padding: 0 32px;
  }
  .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-weight: 300 !important;
    margin-left: 0px !important;
  }

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

  .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
  }

  .col-gap {
    column-gap: .2rem;
  }

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

  .ads-box {
    margin: auto;
  }

  .ads-box-other {
    margin: auto;
    height: 328px;
  }

  .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 {
    z-index: 1;
    background-color: rgba(0, 0, 0, .503);
    padding: 2rem 0
  }

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

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

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

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

  .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 {
    width: 432% !important;
    position: relative;
    top: 293px;
    right: 16px
  }

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

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

  .member-pic img {
    width: 92%
  }

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

  .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 {
    white-space: nowrap;
    flex-wrap: nowrap;
    margin-left: 0
  }

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

  /* New Footer Responsive Styles - Small Mobile */
  .footer-main-content {
    padding: 25px 0 15px;
  }

  .footer-logo-social-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }

  .footer-social-wrapper-mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .footer-logo-wrapper-mobile .footer-logo {
    max-width: 140px;
    margin-bottom: 0;
  }
  

  .footer-social-wrapper-mobile .follow-us-text {
    color: #090909;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom:0;
  }

  .footer-social-wrapper-mobile .footer-social {
    gap: 12px;
  }

  .footer-social-wrapper-mobile .footer-social li a img {
    width: 32px;
    height: 32px;
  }

  .footer-column {
    margin-bottom: 20px;
  }

  .footer-links-list li {
    margin-bottom: 8px;
  }

  .footer-links-list li a {
    font-size: 12px;
  }

  .footer-copyright {
    padding-top: 15px;
    margin-top: 15px;
  }

  .footer-copyright .copyright-text {
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
  }

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

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

  .mx-res-0 {
    margin: 0
  }

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

  .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-right: 0;
    margin-bottom: 5px
  }

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

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

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

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

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


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

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

  .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 {
    font-size: 16px;
    line-height: 20px;
    color: var(--black);
    text-decoration: none;
    font-family: var(--marcellus)
  }

  .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 {
    width: 100%;
    height: auto;
    display: block
  }

  .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
  }

  
  .template3-horizontal-card-content {
    padding: 0 1rem;
  }

  .rm-footer {
    padding:80px 20px;
    background-color: #F2F2F2;
  }
}

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

@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) {

  .wst-height {
    object-position: top;
  }

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

  .prev-sec {
    display: none;
  }

  .next-sec {
    display: none;
  }

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

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

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

@media screen and (max-width:600px) {

  .web-stories-container {
    padding: 0 10px !important;
  }
  
  .in-house-banner-main .navbar-brand img {
    width: 175px;
  }
  .in-house-banner-main-scroll {
    z-index: 999;
    /* position: fixed; */
    top: 0;
    width: 100%;
  }

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

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

  .pt-scroll,
  .ob-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 {
    left: -50px !important;
    bottom: -45px !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 {
    width: 100% !important;
    margin: auto
  }

  .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 {
    flex: 0 0 80%;
    text-align: center;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
    border-radius: 10px
  }

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

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

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

  .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
  }
  .video-section-sidebar-title {
    font-size: 18px;
  }
}

@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: 1280px
  }

  .category-containers {
    width: 1245px
  }

  .magazine-container {
    width: 1270px
  }

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

@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 {
    width: 95% !important;
    margin: auto !important
  }

  .magazine-container {
    width: 1182px
  }

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

@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 {
    width: 98%;
    margin: auto
  }
  .video-section-sidebar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    max-height: none;
    overflow: visible;
  }
  .video-section-sidebar-item {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    display: flex;
    gap: 16px;
  }
  .video-section-main, .yt-player {
    height: 473px;
  }
}

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

/* template4 Section Responsive Styles */

/* Desktop Large (992px+) */
@media screen and (min-width: 992px) {
  .template4-grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .template4-card-featured .template4-card-img {
    height: 337px;
    width: 525px;
  }

  /* .template4-small-cards {
    border-left: 1px solid var(--grey-three);
    padding-left: 24px;
  } */
}

/* Tablet (768px - 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .template4-title {
    font-size: 30px;
  }

  .template4-arrow {
    font-size: 28px;
  }

  .template4-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .hero-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .template4-featured {
    grid-column: 1;
  }

  .template4-small-cards {
    grid-column: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  /* .template4-small-cards .template4-card-small:nth-child(3) {
    grid-column: 1 / -1;
  } */

  .video-section-main, .yt-player {
    height: 473px;
  }

  .template4-card-small {
    flex-direction: column;
    border-bottom: none;
    padding-bottom: 0;
  }

  .template4-card-small .template4-card-img-wrapper {
    width: 100%;
    height: 160px;
  }

  .template4-card-featured .template4-card-img {
    height: 320px;
  }

  .template4-ad-container {
    margin-top: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .video-section-title {
    display: block;
    font-size: 36px;
    font-family: var(--font-cormorant, 'Cormorant Garamond', serif);
    font-weight: 600;
    padding: 20px;
    padding-bottom: 0;
    color: var(--black);
    text-decoration: none;
    transition: color 0.2s ease;
    margin-bottom: 10px;
  }
}
/* Mobile (max-width: 767px) */
@media screen and (max-width: 767px) {
  .template4-section {
    padding: 0;
  }

  .template4-header {
    margin-bottom: 24px;
  }

  .template4-title {
    font-size: 24px;
  }

  .template4-arrow {
    font-size: 22px;
  }

  .template4-subtitle {
    font-size: 13px;
  }

  .template4-subtitle br {
    display: none;
  }
  .video-section-title {
    display: block;
    font-size: 24px;
    font-family: var(--font-cormorant, 'Cormorant Garamond', serif);
    font-weight: 600;
    padding: 20px;
    padding-bottom: 0;
    color: var(--black);
    text-decoration: none;
    transition: color 0.2s ease;
  }
  
  .video-section-sidebar {
    padding: 0 20px;
  }
  .video-section-title a:hover {
    text-decoration: underline;
    text-decoration-color: var(--primary-green);
  }

  .template4-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .template4-featured {
    grid-column: 1;
  }

  .template4-small-cards {
    grid-column: 1;
    gap: 6px;
  }
  .template4-card-content {
    padding: 0 1rem;
  }

  .template4-card-featured .template4-card-img {
    height: 220px;
  }

  .template4-card-featured .template4-card-title {
    font-size: 20px;
  }

  .template4-card-small {
    flex-direction: row;
    gap: 4px;
  }

  .template4-card-small .template4-card-img-wrapper {
    width: 150px;
    height: 104px;
  }

  .template4-card-small .template4-card-title {
    /* font-size: 14px; */
    margin: 2px 0 6px 0;
  }

  .section-header-subtitle {
    padding: 0 40px;
  }

  /* .template4-category {
    font-size: 11px;
  } */

  /* .template4-card-author {
    font-size: 12px;
  } */

  .template4-ad-container {
    margin-top: 24px;
    padding: 15px;
  }
}