/* ==========================================================================
    Media Queries
========================================================================== */
@media (max-width:1520px) {
  .banner h1 {
    font-size: 50px;
    line-height: 61px;
  }
  .banner ul li {
    font-size: 15px;
    line-height: 25px;
  }
  .whychoose ul li {
    font-size: 15px;
    line-height: 25px;
  }
}

@media (max-width:1360px) {

}

@media (max-width: 960px) {
    
    .navbar-collapse{
        width: 100%;
        height: auto;
        padding: 8% 0 4% 0;
        background-color: #e7fcf2!important;
        position: absolute;
        left: 0;
        top: 108%;
        overflow-y: auto;
    }
    .apply_btn{
      width: fit-content;
    }
    .offcanvas-start .navbar-nav {
        width: 100%;
    }

    .navbar-light .navbar-nav .nav-link {
        text-align: left;
        padding: 15px 30px;
    }

    .dropdown-item {
        padding: 12px 0 12px 45px;
    }

    .dropdown-menu {
        box-shadow: none;
        padding: 0;

    }

    #header .container {
        padding: 0  25px;
    }
    .navbar-light .navbar-toggler {
        color: #000;
        border-color: transparent;
    }
    .navbar-light .navbar-toggler:focus {
      box-shadow: none;
  }
    #header{
        height: 75px;
    }
    .hamburger-lines {
        display: block;
        height: 20px;
        width: 29px;
        position: absolute;
        top: 17px;
        right: 20px;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: -1;
      }
      
      .hamburger-lines .line {
        display: block;
        height: 2px;
        width: 100%;
        border-radius: 10px;
        background: #fff;
      }
      
      .hamburger-lines .line1 {
        transform-origin: 1% 0%;
        transition: transform 0.4s ease-in-out;
      }
      
      .hamburger-lines .line2 {
        transition: transform 0.2s ease-in-out;
      }
      
      .hamburger-lines .line3 {
        transform-origin: 10% 100%;
        transition: transform 0.4s ease-in-out;
      }
      .navbar-toggler .checkbox{
        opacity: 0;
      }
      .navbar-toggler input[type="checkbox"]:checked ~ .menu-items {
        transform: translateX(0);
      }
      
      .navbar-toggler input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
        transform: rotate(45deg);
      }
      
      .navbar-toggler input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
        transform: scaleY(0);
      }
      
      .navbar-toggler input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
        transform: rotate(-45deg);
      }
      
      .navbar-toggler input[type="checkbox"]:checked ~ .logo{
        display: none;
        
      }
      .banner{
        padding: 6% 15px 4% 15px;
      }
      .usp ul li{
        width: calc((100% - 0px) /2);
      }
      .usp ul li span {
        letter-spacing: normal;
        font-size: 42px;

      }
      .cuntry_map, ul.tabs{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 0;
      }
      .cuntry_map li{
        width: calc((100% - 0px) /2);
      }
      ul.tabs li {
        width: calc((100% - 40px) /2);
        margin-bottom: 10px;
    }
    footer{
      padding: 30px 0;
    }
    .apply_btn{
      margin-left: 0 !important;
    }
    .cuntryase{
      padding:50px 0 0 0;
    }
    .resp_nav{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    
}

@media (max-width: 600px) {
  ul.tabs li span{
    font-size: 12px;
  }
}

@media (max-width: 480px) {
    
}

@media (max-width: 360px) {}

@media (max-width: 320px) {}