@media (max-width: 1200px) {
  .news__row > div.span-6 {
    grid-column: span 12;
  }
  .news__col.small .wrapper {
    grid-template-columns: 1fr;
  }
  .banner-section .news__col.small {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .more__holiday .news__row > div.span-6 {
    grid-column: span 6;
  }
}

@media (max-width: 960px) {
  .search__icon {
    padding: 10px 0;
  }
  .search__icon i {
    color: var(--primary);
  }
  .top__header__wrapper .custom-logo {
    width: 250px;
  }
  .top__header__wrapper {
    display: flex;
    justify-content: space-between;
  }
  .top__header__wrapper {
    padding: 10px 0;
  }
  .latest__section .news__col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .news__col.small {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .mukhya__carousel .medium__img a > img {
    height: 350px;
  }
  .tv__section .news__col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .more__holiday .news__col {
    display: block;
  }
  .more__holiday .news__col .wrapper {
    display: grid;
    grid-template-columns: 200px 1fr;
  }
  .banner-section .news__col.small {
    grid-template-columns: repeat(2, 1fr);
  }
  .custom__arrow .arrow {
    padding: 20px;
  }
  .side__international {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .side__international > div:not(:last-child) {
    margin-bottom: 0;
  }
  .various__section .news__col.small {
    display: grid;
    grid-template-columns: 12fr;
    gap: 20px;
  }
  .tv__container .news__title.x-large > a {
    font-size: 30px;
    line-height: 38px;
  }
  .site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #fff;
    border-bottom: 1px solid var(--primary);
  }
  .header__nav {
    position: static;
  }
  .offcanvas__nav ul {
    margin: 0;
    padding: 0;
  }

  .single__section .news__col.small .wrapper a > img {
    height: 200px;
  }
  .single__heading {
    font-size: 35px;
    line-height: 45px;
  }
  .destination__container .custom__arrow img {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 767px) {
  .holiday__section .more__holiday .news__col .wrapper {
    display: grid;
    grid-template-columns: 1fr;
  }
  .holiday__section .more__holiday .news__col.small .wrapper a > img {
    height: 150px;
  }
  .main__international .news__row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
  }
  .main__international .news__col.small .wrapper a > img {
    height: 150px;
  }
  .category__section {
    grid-template-columns: repeat(1,1fr);
  }
  .category__section__wrapper {
    grid-template-columns: repeat(2,1fr);
  }
 
}

@media (max-width: 640px) {
  .header__news {
    padding: 20px 0;
  }
  .latest__section .news__col {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  .tv__section .news__col {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .banner-section .news__col.small {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  .news__col.small .wrapper a > img {
    height: 150px;
  }
  .news__col.large .wrapper a > img {
    height: 250px;
  }
  .news__col.large__col .wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
  .news__row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
  }
  .side__international {
    grid-template-columns: repeat(1, 1fr);
  }
  .main__international .news__row {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .tv__container .news__title.x-large > a {
    font-size: 25px;
    line-height: 34px;
  }
  .section {
    padding: 20px 0;
  }
  .section-t {
    padding-top: 20px;
  }
  .section-b {
    padding-bottom: 20px;
  }

  .news__title.m-large > a {
    font-size: 25px;
    line-height: 35px;
  }
  .destination__container .custom__arrow img {
    width: 10px;
    height: 10px;
  }
  .news__heading {
    font-size: 26px;
    line-height: 36px;
  }
  .uk-subnav {
    gap: 5px;
  }
  .top__header__wrapper .custom-logo {
    width: 200px;
  }
  .news__title.x-large > a {
    font-size: 30px;
    line-height: 40px;
  }
  .news__col .wrapper:not(:last-child) {
    margin-bottom: 10px;
  }
  .more__holiday {
    margin-top: 10px;
    padding-top: 20px;
  }
  .news__card {
    background: #eee;
    padding: 10px;
  }
  .destination__section .news__date {
    padding: 10px 20px 0 20px;
  }
  .destination__section .news__title {
    padding: 0px 20px 10px 20px;
  }
  .destination__section.section {
    padding: 20px 0 10px 0;
  }
  .footer__menu ul li a {
    padding: 10px 10px;
  }
  .top__footer {
    padding: 10px 15px 8px;
    font-size: 18px;
  }
  .header__news::after {
    height: 80px;
  }
  .footer__social__icon {
    margin-top: 20px;
  }
  .footer__social__icon i {
    width: 15px;
    height: 15px;
  }
  .news__col .wrapper a > img,
  .news__overlay .hover__img img {
    height: auto !important;
  }
  .news__tab.large__tabs .uk-subnav > * > :first-child {
    font-size: 18px;
  }
  .main__video iframe,
  .side__video iframe {
    height: 220px;
    margin-bottom: 10px;
  }
  .news__title.small > a,
  .news__title.medium > a {
    font-size: 20px;
    line-height: 30px;
  }
  .large__img a > img {
    height: 250px;
  }
  .news__overlay.large__overlay .news__overlay__txt {
    padding: 20px;
  }
  .top__footer::before {
    width: 280px;
  }
  .site-footer {
    margin-top: 100px;
  }
  .news__content p,
  .entry-content p,
  .news__content li {
    font-size: 18px;
    line-height: 30px;
  }

  #st-1 .st-btn {
    display: inline-block !important;
    width: auto;
    margin-bottom: 0;
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .single__news__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 0;
    margin: 15px 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-top: 0;
  }
  .single__news__author img {
    width: 40px;
    height: 40px;
    margin: 0;
    margin-right: 10px;
  }
  .post__time {
    margin: 0;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #eee;
  }
  .comment-reply-title {
    font-size: 22px;
  }
  .comment-reply-title #cancel-comment-reply-link {
    font-size: 18px;
  }
  .comment-respond form p:nth-child(3),
  .comment-respond form p:nth-child(4),
  .comment-respond form p:nth-child(5) {
    grid-column: span 12;
  }
  .comment-respond {
    /* margin-top: 20px; */
    padding: 10px 20px 20px 20px;
  }
  /*  */
  .single__news__content {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
  .single__section .news__col.small {
    grid-template-columns: repeat(1, 1fr);
  }
  .single__heading {
    font-size: 30px;
    line-height: 40px;
  }
  .single__img img {
    margin: 0;
  }
  .header__news__carousel .news__title.small > a {
    font-size: 17px;
    line-height: 27px;
  }
  .category__section__wrapper {
    grid-template-columns: repeat(1,1fr);
  }
  .error-404 {
    padding-top: 90px;
  }
  .error-404 .error-watermark {
    top: calc(50% - 90px);
    font-size: 160px;
  }
  .error-404 .error-title {
    font-size: 25px;
  }
  .error-404 .error-text {
    font-size: 14px;
    margin-top: 10px;
  }
  
  .gallery-columns-2,
  .gallery-columns-3,
  .gallery-columns-4,
  .gallery-columns-5,
  .gallery-columns-6,
  .gallery-columns-7,
  .gallery-columns-8,
  .gallery-columns-9 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gallery-item img {
    height: auto;
  }
  .page-numbers.next, .page-numbers.prev {
    margin: 0 10px;
    font-size: 16px;
  }
  .page-numbers {
    height: 35px;
    width: 35px;
    line-height: 35px;
  }
  .category-pagination {
    margin-top: 40px;
  }
}