@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1440px;
  }
  .get_inspired_slider {
    position: relative !important;
    max-width: 1350px;
    overflow: hidden;
    margin: auto;
}
.get_inspired_slider .swiper-button-prev, .get_inspired_slider .swiper-button-next {
    width: 6%;
}
}

@media (max-width: 1199px) {
  /* Practical Info */
  .help_further_sec {
    background-size: 120%;
  }
}

@media (max-width: 991px) {
  /* Header */
  #offcanvas {
    background: var(--teal);
  }
  .nav_ul {
    padding-left: 20px;
    padding-right: 20px;
  }
  .nav_ul li {
    margin-bottom: 20px;
    margin-right: 0;
  }
  .nav_ul,
  .nav_ul li,
  .nav_ul li a {
    width: 100%;
    text-align: center;
  }
  .nav_ul li a {
    font-size: 18px;
  }

  /* detail */
  .detail_top {
    display: flex;
    flex-direction: column-reverse;
  }
  .detail_banner {
    position: static;
    -webkit-mask-image: none;
    width: 100%;
    aspect-ratio: unset;
  }
  .detail_banner img {
    height: auto;
  }

  /* Practical Info */
  .help_further_sec {
    background-size: 160%;
  }
  .practical_info {
    background-size: cover;
  }

  /* dashboard */
  .d_content {
    width: 100%;
  }
  .dashbaord_main {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .br_md_none > br {
    display: none !important;
  }
  .bg_md_transparent {
    background: transparent !important;
  }

  /* banner */
  .banner_left,
  .banner_right{
    aspect-ratio: 1 / .6;
  }
  .banner_right{
  border-radius: 0 0 15% 0;
  -webkit-border-radius: 0 0 15% 0;
  -moz-border-radius: 0 0 15% 0;
  -ms-border-radius: 0 0 15% 0;
  -o-border-radius: 0 0 15% 0;
}
.banner_left .box,
.banner_right .box{
  transform: translateY(25%);
  -webkit-transform: translateY(25%);
  -moz-transform: translateY(25%);
  -ms-transform: translateY(25%);
  -o-transform: translateY(25%);
}

  /* info_counters_sec_bg */
  .info_counters_sec {
    padding: 40px 0;
    background: url("/public/vista/media/image/site/info_counters_sec_bg-responsive.svg") no-repeat;
    background-size: cover;
  }
  .info_counters_sec2 {
    background: unset;
  }
  .info_counters_sec .info_c_box {
    border-left: 0;
  }
  .info_counters_sec .info_c_box:first-child,
  .info_counters_sec .info_c_box:last-child {
    justify-content: center;
  }

  /* get inspired */
  .education_landscape_sec {
    background: url("/public/vista/media/image/site/education_landscape_sec_bg-res.svg");
    background-size: cover;
    background-position: top center;
    padding-bottom: 80px;
  }

  /* Practical Info */
  .help_further_sec {
    background: url("/public/vista/media/image/site/help_further_sec_bg_res.svg") no-repeat;
    background-size: 170%;
    background-position: top left;
  }

  table.p_info_table tr:last-child td {
    border-bottom: 1px solid var(--teal);
  }
  table.p_info_table tr td:first-child {
    width: 45%;
  }

  .custom_shape_box {
    position: unset !important;
    transform: translate(-12px, 0);
    width: 108% !important;
    margin-bottom: -45px;
  }

  .training_org_sec:last-child {
    flex-direction: column-reverse;
  }
}

@media (max-width: 576px) {
  /* Header */
  #offcanvas {
    max-width: 100%;
    width: 100%;
  }
  .site_logo img {
    width: 100px;
  }

  /* banner */
  .banner_left,
  .banner_right{
    aspect-ratio: 1 / .7;
  }

  /* home */
  .get_inspired_slider .swiper-button-prev, .get_inspired_slider .swiper-button-next {
    width: 15%;
}

  /* dashboard */
  .dashboard_select {
    width: 100%;
  }
  .dataTables_wrapper .dataTables_paginate a.paginate_button,
  .paginate_button {
    width: 35px;
    height: 35px;
    font-size: 14px;
    padding: 0.4em 0.9em;
  }
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
    margin-top: 40px;
  }

  #resultsCount {
    margin-top: -75px;
  }

  /* login */
  .d_form {
    max-width: 100%;
    width: 100%;
  }

  /* details */
  .catalog_grid{
    margin-left: -8px;
    margin-right: -8px;
  }
  .catalog_grid > div{
    padding-left: 8px;
    padding-right: 8px;
  }
  .catalog_grid .inspired_slide h5{
    font-size: 3.4vw;
    font-size: 3.4dvw;
  }
  .catalog_grid .inspired_slide p{
    font-size: 2.6vw;
    font-size: 2.6dvw;
  }
  .catalog_grid .inspired_tags div{
    font-size: 2.3vw;
    font-size: 2.3dvw;
  }
  .catalog_grid .inspired_slide .inspired_slide_img .inspired_tags {
    gap: 10px;
    padding: 10px;
}

}


@media(max-width: 480px){
  /* banner */
  .banner_left,
  .banner_right{
    height: 300px !important;
    aspect-ratio: unset !important;
  }
  .banner_left .box,
.banner_right .box{
  transform: translateY(25%) scale(.9);
  -webkit-transform: translateY(25%) scale(.9);
  -moz-transform: translateY(25%) scale(.9);
  -ms-transform: translateY(25%) scale(.9);
  -o-transform: translateY(25%) scale(.9);
}
}