@media only screen and (max-width: 1680px) {
  body {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1440px) {
  .container {
    width: 100%;
    max-width: 94%;
    margin: 0 auto;
  }

  body {
    font-size: 16px;
  }

  .monthly_list li .images {
    width: 40%;
  }

  .monthly_list li img {
    width: 100%;
  }
}

@media only screen and (max-width: 1366px) {
  body {
    font-size: 15px;
  }
}

@media only screen and (max-width: 1280px) {
  body {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1199px) {
  body {
    font-size: 13px;
  }

  .navbar-brand {
    width: 20%;
  }

  .serch_bar {
    max-width: 25.889em;
  }
}

@media only screen and (max-width: 991px) {
  .navbar-brand {
    width: 20%;
  }

  .serch_bar {
    max-width: 15.889em;
  }

  .popular_list li .images {
    width: 26%;
  }

  .popular_list li .info {
    width: calc(100% - 26%);
  }

  .stories_list li .images {
    width: 28%;
  }

  .stories_list li .info {
    width: calc(100% - 28%);
  }

  .stories_card {
    padding: 0 0 2em 0;
  }

  .monthly_highlights .col-lg-3.col-md-6.col-sm-12.f-left {
    margin: 3em auto 0 auto;
  }

  .language-picker__dropdown {
    width: 150px;
  }

  .popular_list li .info h5 {
    font-size: 1.7em;
  }

  .popular_list li .info p {
    font-size: 1.2em;
    margin: 0 0 0.8em 0;
  }

  .most_popular h4 a {
    font-size: 0.7em;
  }

  .stories_list li .info a {
    font-size: 1.1em;
    margin: 0 0 1em 0;
  }

  .stories_list li .info h5 {
    font-size: 1.7em;
  }

  .video_box .caption h3 {
    font-size: 1.150em;
  }

  .video_btn img {
    width: 60%;
  }

  .recently_socials li a {
    display: inline-block;
    width: 100%;
    font-size: 1.1em;
  }
}

@media only screen and (max-width: 568px) {
  .navbar-brand {
    width: 34%;
  }

  .serch_bar {
    display: none;
  }

  .js {
    display: none;
  }

  .navbar-dark .navbar-toggler {
    position: absolute;
    top: -48px;
    right: 0.5em;
    z-index: 99;
    background: #521081;
    border-radius: 0;
    padding: 0.2em 0.5em;
  }

  .social_icon {
    margin: 0 5em 0 0;
  }

  .popular_list li .info h5 {
    font-size: 1.4em;
  }

  .popular_list li .info p {
    font-size: 1.1em;
    margin: 0 0 0.4em 0;
  }

  .popular_list li .info {
    width: calc(100% - 32%);
  }

  .popular_list li .images {
    width: 28%;
  }

  .stories_list li .info h5 {
    font-size: 1.4em;
  }

  .stories_list li .info a {
    font-size: 1em;
    margin: 0 0 0.6em 0;
  }

  .stories_list li .info {
    width: calc(100% - 32%);
  }

  .monthly_list li .images {
    width: 100%;
  }

  .monthly_list li .info {
    width: 100%;
  }

  .monthly_list li {
    width: 100%;
    display: inline-block;
  }

  .monthly_list li .info {
    padding: 1.5em 0 0 0;
  }

  .navbar-dark .navbar-nav .nav-link {
    font-size: 1.1em;
    padding: 0.8em 1em;
  }

  .stories_card .caption h3 {
    font-size: 1.7em;
  }

  .card .caption {
    padding: 1.5em 2.5em 1.5em 2.5em;
  }

  .footer .col1 {
    margin-bottom: 1.5em;
  }

  .marquee h4 {
    padding: 1em 1em;
  }

  .navigation .container {
    width: 100%;
    max-width: 100%;
  }

  .footer_social {
    margin-right: 0;
  }

  .recently_socials {
    padding: 1.5em 0 0em 0;
  }
}

@media only screen and (max-width: 375px) {
  .navbar-dark .navbar-toggler {
    padding: 0.1em 0.3em;
  }

  .social_icon {
    display: none;
  }

  .navbar-dark .navbar-toggler {
    top: -44px;
  }

  .stories_card .caption {
    bottom: 15px;
  }

  .stories_card .caption h3 {
    font-size: 1.4em;
  }

  .popular_list li {
    padding: 1em 0em 1em 0em;
  }
}