/* When screen is < 1200px */

@media only screen and (max-width: 1440px) {



}

@media only screen and (max-width: 1300px) {

  .header-top {
    width: 100%;
  }

  .download-button {
    width: 18%;
  }

}

@media only screen and (max-width: 1200px) {

  .banner-center {
    margin: 0 30px;
  }

  #search_form {
    margin: 0 0 0 6vw;
  }

  .single-course-square {
    width: calc(100% / 3 - 15px);
  }

  /* Map */
  .container {
    width: 100%;
  }

  .home-map {
    width: 1000px;
    margin: 0 auto;
  }

  foreignObject {
    display: none;
  }

  .home-map svg {
    width: 100%;
    height: 300px;
  }

  .resume-area {
    top: -281px;
    width: 230px;
    height: 257px;
    left: 770px;
  }

  .home-map:after {
    top: -75px;
    left: 483px;
  }

  .home-map.slice-corner:after {
    top: -332px;
    left: 483px;
  }

  /* Main Containers */
  .page-wrapper .main,
  .page-content,
  .work-main,
  .breadcrumb,
  .about-content,
  .main-case-studies,
  .contact-us-main,
  .main-filters,
  .main-services,
  .default-main,
  .search-main {
    padding: 0 30px;
  }

  .page-wrapper .main,
  .main-case-studies {
    padding: 0 30px 30px 30px;
  }

  .main-filters {
    padding: 0 0 20px 0;
    margin: 0 30px;
  }

  .single-main {
    padding: 0 32px 30px 30px;
  }

  /* Our Client Groups */
  .client_group {
    width: 35%;
    margin-bottom: 20px;
  }

  .client_group p {
    height: auto;
    margin-bottom: 10px;
  }

  .client_group a {
    display: block;
  }

  /* Newsletter Section */
  .newsletter-form {
    width: 60%;
  }

  .newsletter-title {
    width: 15%;
  }

  .download-button {
    width: 20%;
  }

  /* Service Filters */
  .filter-item {
    width: 100px;
  }

  .single-services {
    width: 100%;
  }

  /* Contact Form */
  .contact-form {
    width: 100%;
    display: block;
  }

  .details-contact {
    float: none;
    display: block;
    width: 100%;
    margin-bottom: 25px;
  }

  /* .details-contact p span {
      padding-right: 20px;
  } */

}

@media only screen and (max-width: 1110px) {

  #search_form {
    margin: 0 0 0 5vw;
  }

  .starbit {
    padding-bottom: 80px;
  }

}

@media only screen and (max-width: 1060px) {

  #search_form {
    margin: 0 0 0 4vw;
  }

  #socialmedia_section {
    flex-direction: column;
    align-items: center;
    row-gap: 50px;
  }

}

@media only screen and (max-width: 1050px) {

  /* Map */
  .home-map {
    width: 900px;
    margin: 0 auto;
  }

  .home-map svg {
    width: 100%;
    height: 300px;
  }

  .resume-area {
    top: -268px;
    width: 215px;
    height: 231px;
    left: 685px;
  }

  .home-map:after {
    top: -88px;
    left: 433px;
  }

  .home-map.slice-corner:after {
    top: -319px;
    left: 432px;
  }

  .download-button {
    width: 22%;
  }

  /* Service Filters */
  .filter-item {
    width: 95px;
  }

}

@media only screen and (max-width: 1040px) {

  #search_form {
    margin: 0 0 0 3vw;
  }

}

@media only screen and (max-width: 1010px) {

  #search_form {
    margin: 0 0 0 2vw;
  }

}

@media only screen and (max-width: 1000px) {

  #menu-main-menu li a {
    padding: 9px 5px;
  }

  #search_form {
    margin-left: 5vw;
  }

  .sub-filter {
    display: none;
    overflow: hidden;
  }

  .sub-filter h3.lato {
    font-size: 16px;
  }

  .sub-filter.select {
    display: block;
  }

  .main-filters.courses {
    display: none;
  }

  .main-filters.select.courses {
    display: block;
    padding-top: 0;
  }

  .filter {
    display: block;
    margin-top: 10px;
    width: 100%;
    padding: 7px 5px;
    border: 2px solid #24576c;
    font: 14px Lato, sans-serif;
    box-sizing: border-box;
  }

  .page-banner {
    background-size: cover;
  }

  .breadcrumb {
    margin-top: 20px;
  }

  /* Custom selects */
  .custom-select select {
    outline: none;
    -webkit-appearance: none; /* remove the strong OSX influence from Webkit */
    display: inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 35px;
  }

  label.custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
  }

  /* Select arrow styling */
  .custom-select:after {
    content: "▼";
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    font-size: 60%;
    line-height: 35px;
    padding: 0 10px;
    background: #24576c;
    color: white;
    pointer-events: none;
    height: 35px;
  }

}

@media only screen and (max-width: 960px) {

  #search_form {
    margin: 0 0 0 4vw;
  }

}

@media only screen and (max-width: 950px) {

  /* Responsive Menu Kicks In */
  .spacer {
    height: 55px;
  }

  .header-main {
    position: fixed;
    z-index: 999;
    background-color: white;
    height: 55px;
    width: 100%;
    box-shadow: 0 3px 5px #c3c9d1;
  }

  .menu-top-menu-container,
  .main-menu,
  .sticky-header {
    display: none !important;
  }

  .header-top {
    height: 0;
  }

  .menu-logo {
    display: block;
  }

  .menu-logo {
    width: 122px;
    height: 100%;
    margin: 0 auto;
    padding-top: 5px;
  }

  .menu-logo a img {
    width: auto;
    height: 45px;
    content: url("../images/ai-logo-stumpy-by-starbit.png");
  }

  .slide-top {
    margin: 100px 0 !important;
    height: 650px;
    top: -100px !important;
    z-index: 800 !important;
  }

  #rmp-menu-wrap-2307 .rmp-menu-subarrow {
    border-left-width: 0px;
    background-color: transparent;
  }

  #rmp-menu-wrap-2307 .rmp-menu-subarrow:hover,
  #rmp-menu-wrap-2307 .rmp-menu-subarrow-active:hover {
    background-color: transparent;
  }

  /* Responsive Scrolling */
  #responsive-menu-wrapper {
    position: relative;
    height: 575px;
    overflow: scroll !important;
  }

  #responsive-menu-item-273 {
    padding-top: 75px !important;
  }

  #responsive-menu-item-275 {
    padding-bottom: 20px !important;
  }

  .responsive-menu-subarrow {
    background-color: #f29b3d !important;
    border-left: none !important;
  }

  .responsive-menu-item-link {
    font-size: 16px !important;
  }

  .breadcrumb {
    margin-bottom: 20px;
  }

  /* Map */
  .home-map {
    width: 800px;
    margin: 0 auto;
  }

  .home-map svg {
    width: 100%;
    height: 300px;
  }

  .resume-area {
    top: -256px;
    width: 211px;
    height: 206px;
    left: 589px;
  }

  .home-map:after {
    top: -101px;
    left: 383px;
  }

  .home-map.slice-corner:after {
    top: -307px;
    left: 382px;
  }

  .work-resume h2 {
    padding: 0;
  }

  .work-resume p {
    width: 80%;
    margin: 0 auto;
    padding: 0;
  }

  /* Footer */
  .newsletter-form {
    width: 50%;
  }

  .tnp-email {
    width: 200px;
  }

  .download-button {
    width: 30%;
    font-size: 12px;
  }

  .page-banner-content {
    padding: 25px 0;
  }

}

@media only screen and (max-width: 900px) {

  .single-course-square {
    width: calc(50% - 15px);
  }

  .hero-slider .slick-track {
    column-gap: 0;
  }

  .slick-slide {
    width: 100% !important;
  }

  .slick-slide.slick-current {
    margin-right: 0;
  }

  .slick-slide.slick-current + div {
    margin-left: 0;
  }

  .slick-slide img {
    max-height: 340px;
  }

  .home .featured-case > .container {
    flex-direction: column;
    max-width: 550px;
  }

  .home .case-studies-top-content {
    flex-direction: column;
    align-items: center;
  }

  .home .case-studies-top-content > div {
    text-align: center;
  }

  .home .case-studies-top-content > .case-studies-img {
    margin-right: 0;
  }

  .home .case-studies-bottom-content p {
    text-align: center;
  }

  .home .case-studies-bottom-content p + a {
    margin: 0 auto;
    display: block;
    width: max-content;
  }

}