/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 767px) {


  .university-list-section.listing .col-md-4 { width: 100%; } 
  .col-md-6.form-container.inner { margin-top: 40px; }
  .contact_wrapper iframe { width: 100%; }
  .event_loop img { width: 100%; }
  .event_wrapper.event_Detail_single .saf h2 { width: 70%; }
  img.contact-img { width: 100%; margin-top: 40px; }
  .dream-study-card{ width:100%; }

  .testimonial-pic{ display:none; }

  .testimonial { max-width: 90%; }

  .content-slider { padding-bottom: 40px; }

  .study-abroad-heading .d-flex.justify-content-between.align-items-center.ps-3 { display: block !important; }
  .study-abroad-heading .search-wrapper { width: 95%; }

  .benefits-columns{ display:inline-block; }
  .banner-image img { object-fit: cover; }

  .country-img .overlay_top{ height:85%; }
  .typically-working-day{ margin-bottom:50px; }

  .navbar.navbar-expand-lg.navbar-light.header-bar { padding-left: 0; padding-right: 0; }
 

  /* nav bar top  */
  .header-bar {
    background: #000000;
    color: white;
  }

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
    /* background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e) !important; */
  }

  .navbar-toggler {
    color: rgb(255, 255, 255);
    /* border-color: #EBCE48 !important; */
    ;
  }

  .navbar-light .navbar-nav .nav-link {

    color: white;

  }

  .navbar-light .navbar-nav .nav-link:focus {
    color: rgb(235, 227, 227);


  }

  .navbar-light .navbar-nav .nav-link.active,
  .navbar-light .navbar-nav .show>.nav-link {
    color: #DDAE1A;
  }

  .navbar-toggler:focus {
    box-shadow: none !important;
  }

  .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    background-color: #DDAE1A;
  }

  .custom-dropdown .dropdown-item {
    color: white !important;
    border-bottom: 1px solid #eddf64 !important;
  }

  .custom-dropdown .dropdown-item:hover {
    background-color: white !important;
    border-radius: 10px;
    color: black !important;
  }

  /****************** here section  *****************/
  .hero-content {
    padding-top: 70px;
    margin-left: 25px;
    padding-right: 30px;
    padding-bottom: 20px;
  }

  .hero-content h2 {
    font-size: 24px;
    line-height: 32px;
  }

  /********** searching css ******** */
  .card-header-pills {
    margin: 0px !important;
  }

  .hero-search .nav-item {
    margin: 0px !important;

  }

  .hero-search .nav-item .nav-link {
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-left: 0px;
    padding: 10px;

  }

  #navbarNavDropdown {
    margin-left: 30px !important;
  }

  /* ************** credit hours**************** */
  .toggle-tab-btn {
    writing-mode: horizontal-tb;
    transform: none;
  }

  .toggle-tab-btn {
    padding: 0px !important;
    /* margin-bottom: 10px; */
  }

  .credit-hour {
    padding: 15px;
  }

  .credit-img {
    width: 370px;
    height: 430px;
    position: relative;
    top: 0px;
  }

  .responsive-card {
    justify-content: center;
    display: flex;
  }

  .circle-step {
    width: 65px;
    height: 65px;

  }

  .circle-number {
    font-size: 23px !important;

  }

  .dream-study-card b {
    font-family: Metropolis;
    font-weight: 600;
    font-size: 14px;

  }

  .dream-study span {
    font-family: Metropolis;
    font-weight: 500;
    font-size: 10px;
    /* padding: 0 27px; */
  }

  /* *********** footer ************  */
  .footer-copyright span {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #FFFFFF;
  }

  .footer-copyright .col-md-6 {
    justify-content: center !important;
    display: flex !important;
  }

  .accreditations {
    padding-bottom: 0px;
  }

  /* ********* our services page ********      ------------ page scetion ------------  */
  .page-banner .banner-content {
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100%;
    text-align: center;
    display: none; word-wrap: break-word;
  }

  /* .our-services .banner-content {
    left: 100px;
  } */

  /* ********* study abroad ***********  */
  .responsive-study {
    padding: 10px;
  }

  .responsive-study h2 {
    font-size: 20px;
  }

  .responsive-study span a {
    font-size: 20px;
  }

  .study-abroad-details .card {
    margin-bottom: 10px;
  }

  .study-abroad-details h2 {
    font-size: 20px;
  }

  .study-abroad-details a {
    font-size: 20px;
  }

  .inquiry-content {
    padding: 30px 15px 0px 15px;
  }

  /* ****** discover scholarship ******** */
  /* .discover-scholarship .banner-content {
    left: 30px;
  } */

  .discover-scholarship .banner-content h2 {
    font-size: 35px;
  }

  /* ****** immigration-package*********  */
  /* .immigration .banner-content {
    left: 50px;
  } */
  .benefits-list li {
    display: block;
    padding-left: 20px;
  }

  .circle {
    margin-left: -20px;
  }

  .circle::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #000000;
    top: 17px;
    left: 6.5px;
  }

  /* *********** work-permit *****  */

  .work-permit .banner-content h2 {
    font-size: 28px;
  }

  /* ********* language************  */
  .language .banner-content h2 {
    font-size: 30px;
  }

  /* ******** umera-package*********  */
  .left_right_img.bottom .lect_conent {
    margin-top: 20px;
  }

  .study_country_list {
    padding: 0px !important;
  }

  .fontact_form .btn.btn-dark {
    margin-bottom: 30px;
  }

  .lect_conent p {
    line-height: 30px;
    text-align: justify;
  }

  .left_right_img.top .lect_conent {
    padding-right: 0px;
  }

  .left_right_img.bottom .lect_conent {
    padding-left: 0px;
  }

  /* ********* visa country detail ***********  */
  .bg-circle {
    margin-left: -20px;
  }

  .bg-circle::after {
    height: 100%;
    top: 21px;
    left: 6.5px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .header-bar {
    background: #000000;
    color: white;
  }


  .hero-content h2 {
    font-size: 24px
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

  /* nav bar top  */
  .header-bar {
    background: #000000;
    color: white;
  }

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
    /* background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e) !important; */
  }

  .navbar-toggler {
    color: rgb(255, 255, 255);
    /* border-color: #EBCE48 !important; */
    ;
  }

  .navbar-light .navbar-nav .nav-link {

    color: rgba(240, 240, 240, 0.55);

  }

  .navbar-light .navbar-nav .nav-link:focus {
    color: rgb(235, 227, 227);


  }

  .navbar-light .navbar-nav .nav-link.active,
  .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(235, 227, 227);
  }

  .navbar-toggler:focus {
    box-shadow: none !important;
  }

  .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    background-color: #DDAE1A;
  }

  .custom-dropdown .dropdown-item {
    color: white !important;
    border-bottom: 1px solid #eddf64 !important;
  }

  .custom-dropdown .dropdown-item:hover {
    background-color: white !important;
    border-radius: 10px;
    color: black !important;
  }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* iPad Pro, Surface Pro 7, Galaxy S20 Ultra */
}

/* only for navbar  */
@media (min-width: 992px) and (max-width: 1400px) {
  /* .nav-item .nav-link {
    font-size: 11px !important;
    line-height: 100%;
  }

  #navbarNavDropdown {
    margin-left: 0px !important;
  }

  .navbar {

    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .navbar-brand {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-right: 1.5rem;
  } */

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 760px) and (max-width: 1366px) {
 
.navbar-brand {
  margin-left: 50px;

}

}

@media only screen and (min-width: 1199px) and (max-height:1366px) {
  .container {
    max-width: 1300px;
  }

  .nav-item .nav-link {
    font-size: 15px;
  }

  .hero-content {
    padding-top: 50PX;

  }
  .navbar.navbar-expand-lg.navbar-light.header-bar .nav-link{ font-size:15px !important; }
  .header-bar {
  background: linear-gradient(135deg, #1D1B1B 0%, #1D1B1B 25%, white 22%, white 22%, #DDAE1A 22%, #F8EA71 87.65%); }
}



@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .hero-section { padding-bottom: 75px; }
  .hero-content { padding-top: 40px; margin-left: 0; }
  .hero-section .row .col-md-6:last-child { padding-right: calc(var(--bs-gutter-x) * .5) !important; }

  img.contact-img { width: 100%; }
  .event_loop img { width: 100%; }

  .services-content-card { height: auto; padding: 25px 20px; height: 100%; }
  .credit-hour .row{ padding-bottom:20px; }
  .credit-hour .row .col-md-6 { width: 100%; }
  .credit-hour .row .col-md-6 img { object-fit: contain; }
  .credit-img{ top:0; }

  

  .user-pic{ width:auto; height:auto; }
  .user-pic.active-pic { width: auto; height: auto; }

  .user-pic .contact-img { width: 40px; height: 40px; }

  .bg-footer-theme a.navbar-brand { margin: 0; }
  .bg-footer-theme a.navbar-brand img{ width:100%; }
  .footer-social-links a { margin-right: 10px; }

  .footer-copyright span { font-size: 14px; }

  .service-description { padding: 10px; }

  .university-list-section.listing .col-md-4 { width: 33.334%; }

  .inquiry-content{ padding-left:0; padding-right:0; }
  a.filter-button { font-size: 12px; padding: 8px 9px; }
  .custom-btn { padding: 8px 9px; font-size: 12px; }

  .search-wrapper { width: 430px; }
  .lop_sco p { min-height: inherit; }

  .navbar-brand { margin-left: 0; }
  .banner-image img { object-fit: cover; }

  .contact_wrapper iframe { width: 100%; }
  .contact_wrapper .colum_areas .col-md-3 { width: 50%; }

  .contact_wrapper .colum_areas p br { display: none; }


}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .bg-footer-theme .col-md-3, .bg-footer-theme .col-md-2 { width: 33.334%; }
  div#navbarNavDropdown { margin-left: 0 !important; margin-bottom: 20px; }
  .dream-study-card { height: 100%; padding: 15px 0; display: block; }
  .circle-step{ position:inherit !important; }
  .study-set-center { width: 100%; text-align: left; padding: 10px 8px 0px 8px; }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .navbar div#navbarNavDropdown { margin-left: 0 !important; }
  .navbar.navbar-expand-lg.navbar-light.header-bar .nav-link{ font-size:12px !important; }

  .study-set-center { width: 75%; text-align: left; float: right; margin-right: 10px !important; }
  .navbar.navbar-expand-lg.navbar-light.header-bar a.navbar-brand img { width: 100px; }


}
@media only screen and (min-width: 320px) and (max-width: 900px) and (orientation: landscape) {

  .dream-study-card { height: 100%; padding: 15px 0; display: block; }
  .circle-step { position: inherit !important; }
  .study-set-center { width: 100%; margin-right: 0px !important; padding: 10px; }
  .bg-footer-theme .col-md-3, .bg-footer-theme .col-md-2 { width: 33.334%; }


}