/*
 *    [Table of contents]
 *
 *    [&. Content / #key]
 *    [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
 *
 *    Summary:
 *
 *    1. RESPONSIVE SCREEN
 *        - 1.0. Responsive for layout boxed style
 *        - 1.1. Media screen max width 1600px
 *        - 1.2. Media screen max width 1024px
 *        - 1.3. Media screen max width 991px
 *        - 1.4. Media screen max width 767px
 *        - 1.5. Media screen max width 600px
 *        - 1.6. Media screen max width 480px
 *        - 1.7. Media screen max width 414px
 *        - 1.8. Media screen max width 380px
 *        - 1.9. Media screen max width 320px
 */
/*=========================================
=            RESPONSIVE SCREEN            =
=========================================*/
/*----------  1.0. Responsive for layout boxed style  ----------*/
@media (min-width: 992px) and (max-width: 1023px) {
  .body-wrapper.style-boxed {
    width: auto !important;
  }
  .body-wrapper.style-boxed .header-middle {
    width: auto;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .body-wrapper.style-boxed {
    width: 1000px !important;
  }
  .body-wrapper.style-boxed .header-middle {
    width: 1000px;
  }
  .body-wrapper.style-boxed .container {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .body-wrapper.style-boxed .container {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  /*boxed style*/
  .body-wrapper.style-boxed {
    width: auto !important;
  }
  .body-wrapper.style-boxed .header-middle {
    width: auto;
  }
}

/*----------  1.1. Media screen max width 1600px  ----------*/
/*----------  1.2. Media screen max width 1024px  ----------*/
@media screen and (max-width: 1024px) {
  .slz-header-edu .main-block .main-header-right {
    display: none;
  }
  .slz-header-edu .main-block .slz-logo-wrapper {
    padding: 0;
  }
  .slz-header-edu .main-block .slz-logo-wrapper.float-l {
    margin-right: 0;
  }
  .slz-header-edu .main-block .slz-logo-wrapper.float-r {
    margin-left: 0;
    left: 50%;
    right: auto;
  }
  .slz-header-edu .main-block {
    margin: 0;
  }
  .slz-header-edu .slz-header-fixed .main-block {
    display: block;
  }
  .slz-header-edu .slz-header-main {
    padding: 0;
  }
  .slz-header-edu .slz-header-topbar {
    padding: 0 30px;
  }
  .slz_re-heading h1 {
    font-size: 36px;
  }
  .slz-boxed-layout {
    width: 100% !important;
    margin-right: auto;
    margin-left: auto;
  }
}

/*----------  1.3. Media screen max width 991px  ----------*/
/*----------  1.4. Media screen max width 767px  ----------*/
@media screen and (max-width: 767px) {
  .slz-wrapper-content .lema-page-content.course-detail.la-india {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

/*----------  1.5. Media screen max width 600px  ----------*/
/*----------  1.6. Media screen max width 480px  ----------*/
@media screen and (max-width: 480px) {
  .slz-header-edu .main-block .slz-logo-wrapper.float-l {
    left: auto;
    right: 15px;
    float: right;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
  .post-navigation .nav-links .next-post .meta-nav {
    margin-top: 0;
  }
  .post-navigation .nav-links a {
    font-size: 0;
    line-height: 0;
  }
  .post-navigation .nav-links .prev-post,
  .post-navigation .nav-links .next-post {
    width: auto;
  }
  .post-navigation .nav-links .prev-post + .next-post {
    margin-top: 0;
  }
  .slz-blog-detail [class*='single-posts-'] .block-image.has-audio .audio-wrapper {
    padding: 50px 10px;
  }
  .slz-blog-detail [class*='single-posts-'] .block-image + h1.title {
    margin-top: 25px;
  }
  .wrapper-carousel-nav-01 .slz-carousel-nav-01 .slick-dots li {
    margin: 0 5px;
  }
  .slz-blog-detail.layout-4 .block-image.has-quote .block-quote-wrapper {
    padding: 30px 20px;
  }
  .slz-blog-detail.layout-4 .block-image.has-quote .block-quote-wrapper .block-quote {
    padding: 10px 0 10px 20px;
  }
  .block-quote-wrapper .block-quote {
    font-size: 16px;
    padding: 8px 0 8px 20px;
  }
  .block-quote-wrapper .block-quote cite {
    margin-top: 5px;
  }
  blockquote {
    font-size: 16px;
    padding-left: 20px;
  }
  .entry-content .slz-title-shortcode,
  .slz-title-shortcode {
    font-size: 28px;
  }
}

/*----------  1.7. Media screen max width 414px  ----------*/
/*----------  1.8. Media screen max width 380px  ----------*/
@media screen and (max-width: 380px) {
  .slz-pagination .page-numbers + .page-numbers,
  .pagination-comment .page-numbers + .page-numbers,
  .pagination-wrapper .pagination li + li {
    margin-left: 10px;
  }
  .slz-pagination .page-numbers,
  .pagination-comment .page-numbers,
  .pagination-wrapper .page-numbers {
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
  .slz-pagination .page-numbers.next,
  .pagination-comment .page-numbers.next,
  .pagination-wrapper .page-numbers.next {
    margin-right: 15px;
  }
  .slz-pagination .page-numbers.next:before,
  .pagination-comment .page-numbers.next:before,
  .pagination-wrapper .page-numbers.next:before {
    font-size: 26px;
  }
  .slz-pagination .page-numbers.prev,
  .pagination-comment .page-numbers.prev,
  .pagination-wrapper .page-numbers.prev {
    margin-left: 15px;
  }
  .slz-pagination .page-numbers.prev:before,
  .pagination-comment .page-numbers.prev:before,
  .pagination-wrapper .page-numbers.prev:before {
    font-size: 26px;
  }
}

/*----------  1.9. Media screen max width 320px  ----------*/
/*=====  End of RESPONSIVE SCREEN  ======*/