@media (max-width: 1200px) {
  .search .site-content,
  .archive .site-content,
  .single-post .site-content {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .body-wrapper {
    width: 100%;
    padding: 0 10px;
  }

  .img-wrap img {
    object-fit: fill;
  }

  /******************************************
	CSS FOR ESN: Four Thumb with Recent News Widget
	*******************************************/

  .fnwr-side-news .img-wrap {
    height: 171px;
  }

  .fnwr-one-big-wrapper .fnwr-side-news .img-wrap {
    height: 350px;
  }

  .fnwr-recent-post-wrapper .img-wrap {
    height: 169px;
  }

  .fnwr-side-news-wrapper .title {
    font-size: 17px;
    display: flex;
    height: 67px;
    line-height: 1.7;
  }

  .fnwr-recent-num-title-wrapper p.fn-numbering {
    display: flex;
    height: 60px;
    align-items: center;
    justify-content: center;
  }

  .fnwr-recent-num-title-wrapper .title_wrapper {
    font-size: 17px;
    padding: 5px;
    padding-left: 20px;
    background: #f8f8f8;
  }

  .fnwr-recent-num-title-wrapper .title_wrapper .title {
    max-height: 50px;
    overflow: hidden;
  }

  .fnwr-side-news-wrapper .title a {
    max-height: 55px;
    line-height: 1.8;
  }

  /******************************************
	CSS FOR ESN: Four Big Thumb and Side News Widget
	*******************************************/

  .esn_four_thumb_side_news .news-thumb-section .img-wrap {
    height: 226px;
    overflow: hidden;
  }

  .blog-news-img-wrap img {
    width: 115px;
    height: 72px;
  }

  /******************************************
	CSS FOR ESN: One Big Four Small News
	*******************************************/

  .obfs-one-big-wrapper .img-wrap {
    height: 305px;
  }

  .obfs-side-news-wrapper .img-wrap {
    height: 130px;
  }

  /************************************************
	CSS FOR ESN: ESN: Big Thumb Small List with Side News Widget
	*************************************************/

  .big-thumb-img-wrap {
    height: 215px;
  }

  /******************************************
	CSS FOR ESN: Video News Widget
	*******************************************/

  .video-middle-news-wrapper .img-wrap {
    height: 315px;
  }

  .video-middle-news-wrapper .title {
    align-items: flex-end;
  }

  .video-middle-news-wrapper .title a {
    font-weight: 600;
    line-height: 1.3;
    font-size: 25px;
  }

  img.big-video-play-icon {
    width: 80px !important;
  }

  .video-news-wrapper .video-news .title {
    font-size: 17px;
    max-height: 55px;
  }

  .video-news .title a {
    font-weight: 600;
    max-height: 50px;
  }

  img.video-play-icon {
    width: 40px !important;
  }

  /******************************************
	CSS FOR FOOTER SECTION
	*******************************************/

  .site-footer-content-wrapper {
    padding: 20px !important;
  }

  .site-info .body-wrapper {
    padding: 20px !important;
    flex-direction: column;
    height: auto;
    gap: 10px;
  }

  /******************************************
	CSS FOR POST PAGES
	*******************************************/
  .single-post .site-content {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 768px) {
  .menu-item-has-children:hover > .sub-menu {
    display: block;
  }
}

@media (max-width: 768px) {
  .grid-3 {
    grid-template-columns: 1fr 1fr;
  }

  .logo-ad-wrapper {
    grid-template-columns: 1fr;
  }

  .site-logo {
    justify-content: center;
  }

  /************************************************
	CSS FOR BREAKER NEWS SECTION
	*************************************************/

  .news-highlight span {
    margin-bottom: 10px;
  }

  /*****************************
	CSS FOR MENU SECTION
	******************************/

  ul#primary-menu {
    min-height: 45px;
  }

  ul.sub-menu {
    width: 100%;
    position: unset;
  }

  ul.sub-menu li {
    padding: 10px 40px;
  }

  .main-navigation li {
    display: none;
  }

  li#home-icon {
    width: 50px;
  }

  #nav-toggle {
    display: block;
  }

  li.search-box {
    position: unset;
  }

  li#trend-display,
  #recent-display {
    top: 0;
  }

  .main-navigation li:first-of-type,
  .radio-program,
  #trend-display,
  #recent-display {
    display: block !important;
  }

  .main-navigation li a {
    width: 95%;
    display: block;
  }

  .radio-program a,
  .home-icon a {
    width: 100% !important;
  }

  li#search-icon {
    display: unset;
    top: 0;
    right: 126px;
    border: none;
    border-right: solid 2px #fff;
  }

  form.search-form {
    position: relative;
    width: 100%;
  }

  button.search-submit {
    position: absolute;
    right: 0;
    top: 0;
  }
  /******************************************
	CSS FOR ESN: Four Thumb with Recent News Widget
	*******************************************/

  .four-news-recent-posts-wrapper {
    grid-template-columns: 1fr;
  }

  .fnwr-recent-post-wrapper .img-wrap {
    height: auto;
  }

  .fnwr-one-big-wrapper .fnwr-side-news .img-wrap {
    height: auto;
  }

  .fnwr-one-big-wrapper .title {
    font-size: 25px;
    height: auto;
  }

  .fnwr-side-news-wrapper.grid-3 {
    grid-template-columns: 1fr 1fr;
  }

  .fnwr-side-news .img-wrap {
    height: 185px;
  }

  /************************************************
	CSS FOR ESN: ESN: Big Thumb Small List with Side News Widget
	*************************************************/

  .big-thumb-list.grid-2-1 {
    grid-template-columns: 1fr;
  }

  .list-news-rest.grid-1-2 {
    grid-template-columns: 1fr 4fr;
  }

  .list-news-img-wrap img {
    height: 85px;
  }
  .list-news-title-content-wrap .title {
    font-size: 18px;
  }

  /************************************************
	CSS FOR ESN: ESN: Side Middle Side News Full Width
	*************************************************/

  .side-middle-side-wrapper {
    grid-template-columns: 1fr;
  }

  .side-news .img-wrap {
    width: 100%;
    height: auto;
  }

  .side-news .img-wrap a {
    display: flex;
    height: 100%;
  }

  /************************************************
	CSS FOR ESN: Pradesh News Section
	*************************************************/
  .pradesh-news-wrapper .widget-title:nth-child(1) {
    position: unset;
    text-align: center;
    border-bottom: solid 2px var(--scolor);
  }

  .pradesh-news-wrapper .widget-title:nth-child(1) a {
    border-radius: 5px 5px 0 0;
    display: inline-block;
    background: var(--pcolor);
  }

  .pradesh-news-wrapper .widget-title:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 10px;
  }

  .widget-title .tablinks {
    text-align: center;
  }

  .tabcontent .big-thumb-img-wrap {
    height: auto;
  }

  .tabcontent .big-thumb-img-wrap a {
    display: flex;
  }

  /******************************************
	CSS FOR ESN: Four Big Thumb and Side News Widget
	*******************************************/

  .main_wrapper_big_thumb_side.grid-3-1 {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }

  .blog-news-img-wrap img {
    width: 115px;
    height: 115px;
  }

  /******************************************
	CSS FOR ESN: One Big Four Small News
	*******************************************/

  .obfs-wrapper.grid-1-1 {
    grid-template-columns: 1fr;
  }

  .obfs-one-big-wrapper .img-wrap {
    height: auto;
  }

  .obfs-one-big-wrapper .img-wrap a {
    display: flex;
  }

  .obfs-side-news-wrapper .img-wrap {
    height: 180px;
  }

  /**************************************************
	CSS FOR ESN:One Big Two Small News Section Widget
	***************************************************/
  .one-big-two-small-news.grid-2-1 {
    grid-template-columns: 1fr;
  }

  .onbts-news-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  /**************************************************
	CSS FOR ESN: Audio Section
	***************************************************/
  .three-vid-horizontal-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .three-vid-hr-news .img-wrap {
    height: 190px;
  }

  /******************************************
	CSS FOR ESN: Video News Widget
	*******************************************/

  .video-news-wrapper {
    grid-gap: 5px;
    grid-template-columns: 1fr 1fr;
  }

  .video-news .img-wrap {
    height: 190px;
    overflow: hidden;
  }

  img.video-play-icon {
    width: 55px !important;
    right: 42%;
  }

  /* 	img.big-video-play-icon {
		width: 100px !important;
		top: 30%;
	} */

  /******************************************
	CSS FOR FOOTER SECTION
	*******************************************/
  .site-footer-content-wrapper {
    grid-template-columns: 1fr;
    text-align: center;
  }

  /*   .site-info .body-wrapper {
    grid-template-columns: 1fr;
    height: auto;
    text-align: center;
    padding: 0;
  }
 */
  p.dev-info {
    text-align: center;
  }

  /*   .site-info p {
    border-bottom: dotted 1px #fff;
    margin: 5px 0;
  } */

  .site-info p:last-of-type {
    border: 0;
  }

  .site-logo-footer-info {
    flex-direction: column;
    text-align: center;
  }

  .site-logo-footer-info .custom-logo-link::before {
    content: none;
  }

  /*CSS FOR POST PAGES*/
  /*   h1.entry-title {
    text-align: center;
  } */

  .entry-meta {
    align-items: start;
    gap: 10px;
  }

  .single-post .entry-meta {
    flex-direction: column;
  }

  .author-pub-wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0;
  }

  span.posted-on {
    margin-top: 0;
  }

  .social-share-wrapper {
    text-align: center;
  }

  ul.related-post-news-list .widget-image {
    height: auto;
  }

  ul.related-post-news-list .widget-image a {
    display: flex;
  }

  .inner-news-ads {
    grid-template-columns: 1fr;
  }

  .inner-news-ads section {
    margin: 5px 0;
  }

  /* CSS FOR CATEGORY/ARCHIVE/SEARCH PAGES */
  .archive .site-main {
    grid-template-columns: 1fr 1fr;
  }

  .archive .page-header {
    grid-column: span 2;
  }

  .wp-pagenavi {
    grid-column: span 2;
  }

  .hot-topics-top {
    display: none;
  }
}

@media (max-width: 426px) {
  .grid-3 {
    grid-template-columns: 1fr;
  }

  .news-highlight {
    float: unset;
    margin: unset;
    max-width: 100%;
    margin-top: 40px;
    margin-bottom: 30px !important;
  }

  .auth_more_news_wrap {
    flex-direction: column;
    /* text-align: center; */
  }

  .auth_more_news_wrap ul li a {
    display: inline-block;
  }
}

@media (max-width: 425px) {
  .grid-3 {
    grid-template-columns: 1fr;
  }

  /************************************************
	CSS FOR BREAKER NEWS SECTION
	*************************************************/
  .title-big {
    font-size: 30px;
  }
  /******************************************
	CSS FOR ESN: Four Thumb with Recent News Widget
	*******************************************/
  .fnwr-one-big-wrapper .title a {
    max-height: unset;
  }

  .fnwr-side-news-wrapper.grid-3 {
    grid-template-columns: 1fr;
  }

  .fnwr-side-news .img-wrap {
    height: auto;
  }

  /************************************************
	CSS FOR ESN: ESN: Big Thumb Small List with Side News Widget
	*************************************************/

  .two-big-thumb-section.grid-1-1 {
    grid-template-columns: 1fr;
  }

  .big-thumb-img-wrap img {
    height: 200px;
    width: 100%;
  }

  /************************************************
	CSS FOR ESN: ESN: Big Thumb Small List with Side News Widget
	*************************************************/

  .list-news-rest.grid-1-2 {
    grid-template-columns: 1fr 2fr;
  }

  /************************************************
	CSS FOR ESN: ESN: Side Middle Side News Full Width
	*************************************************/
  .side-news .img-wrap img {
    object-fit: fill;
    height: 200px;
  }

  .middle-news-wrapper .img-wrap a {
    display: flex;
  }

  .middle-news-wrapper .img-wrap {
    height: 100%;
    object-fit: fill;
  }

  .middle-news-wrapper .img-wrap img {
    height: 100%;
    object-fit: fill;
  }

  .middle-news-wrapper .title a {
    font-size: 20px;
  }

  /************************************************
	CSS FOR ESN: Pradesh News Section
	*************************************************/
  .pradesh-news-wrapper {
    margin-top: unset;
  }

  .tabcontent .big-thumb-title-wrap .title a {
    font-size: 23px;
  }

  /************************************************
	CSS FOR ESN: ESN: Big Thumb Small List with Side News Widget
	*************************************************/

  .list-news-title-content-wrap .title {
    font-size: 17px;
  }

  /******************************************
	CSS FOR ESN: Four Big Thumb and Side News Widget
	*******************************************/

  .big_thumb_widget_news.grid-1-1 {
    grid-template-columns: 1fr;
  }

  /******************************************
	CSS FOR ESN: One Big Four Small News
	*******************************************/
  .obfs-side-news-wrapper.grid-1-1 {
    grid-template-columns: 1fr;
  }

  .obfs-side-news-wrapper .img-wrap {
    height: 200px;
  }

  /**************************************************
	CSS FOR ESN:One Big Two Small News Section Widget
	***************************************************/
  .obts-big-thumb-title-wrap .title a {
    font-size: 23px;
  }

  .onbts-news-wrapper {
    grid-template-columns: 1fr;
  }

  /**************************************************
	CSS FOR ESN: Audio Section
	***************************************************/
  .three-vid-horizontal-wrapper {
    grid-template-columns: 1fr;
  }

  .three-vid-hr-news .img-wrap {
    height: 200px;
  }

  /******************************************
	CSS FOR ESN: Video News Widget
	*******************************************/
  .video-news-wrapper {
    grid-template-columns: 1fr;
  }

  .video-middle-news-wrapper .img-wrap {
    height: 250px;
  }

  .video-middle-news-wrapper .title a {
    font-size: 20px;
  }

  /* 	img.big-video-play-icon {
		width: 90px !important;
		top: 30%;
		right: 38%;
	} */

  .video-news .title a {
    max-height: 60px;
  }

  /* CSS FOR POST PAGES*/
  ul.related-post-news-list {
    grid-template-columns: 1fr;
  }

  /* CSS FOR CATEGORY/ARCHIVE/SEARCH PAGES */
  .archive .site-main,
  .search .site-main {
    grid-template-columns: 1fr;
  }

  .archive .page-header,
  .search .page-header {
    grid-column: unset;
  }

  .wp-pagenavi {
    grid-column: unset;
  }
}