@media (max-width: 1300px) {


}

@media (max-width: 1200px) {
  .custom_nav-container .navbar-nav .nav-item .nav-link{    padding: 5px 15px;}
.mobileno {width:22%}

}

@media (max-width: 992px) {
  .hero_area {
    min-height: auto;
  }
.mobileno {width:45%}
  .custom_nav-container .navbar-nav {
    padding-top: 15px;
    align-items: center;
  }


  .custom_nav-container .navbar-nav .nav-item .nav-link {
    padding: 5px 25px;
    margin: 5px 0;
  }

  .slider_section {
    padding: 75px 0;
  }

.card-wrapper .card-img img{height: 120px}
.card-wrapper .card-title {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
  .card-wrapper .card-img img{height: auto}
  .navbar-brand img{width: 119px}
  .layout_padding .ps-5, .layout_padding .pe-5, .detail-box,.layout_padding-top{padding:5px !important;}
  .custom_nav-container .navbar-nav .nav-item {width: 100% !important}

  .copyright div{text-align: center !important; padding-top: 5px !important}
    .copyright div p{padding: 0 !important}

.header_section .header_top .contact_nav a{display: inline-flex;margin-bottom: 4px}
/*.header_section .header_top .contact_nav{display: block;}*/
  .heading_container{ display: inherit !important;}
  .about_section .img-box {
    margin-top: 45px;
  }
  .card-body.p-5 {padding: 20px !important; text-align: center;}
  .contact_section {
    padding-bottom: 0;
  }

  .contact_section .heading_container {
    padding-left: 15px;
  }

  .contact_section .map_container {
    margin-top: 45px;
  }

  .contact_section .form_container, .service_container .courses2 {
    
    margin-top: 30px;
  }
  .layout_padding{padding: 50px 0;}
  .layout_padding2{padding: 40px 0;}
  .card-wrapper .card-title{font-size: 24px;}
  .team-list-style li{text-align: left;}

  .team-list-style2 {
    text-align: left !important;
  }
  .team-list-style3 li {
    font-size: 16px !important;
    line-height: 20px;
}

}

@media (max-width: 576px) {
  .mobilen {width:45%; position: absolute;  left: 107px; bottom: 8px;}
  .mobilen a{color: #f00; font-weight: 500; font-size: 13px;font-weight: 500; }
  .mobilen h3 { text-align: center; font-size: 17px;}
  .emailtext{font-size: 14px}

 /* .header_section .header_top .contact_nav a span {
    display: none;
  }*/
  .card-ul li {width: 100%}

.header_section .header_top .contact_nav a{font-size: 14px;}

  .service_section .py-5,
    .service_section .p-4,
     .service_section .mb-5{ margin: 0 !important; padding: 20px !important;}


  .client_section .client_container {
    width: 100%;
  }

  .client_section .box {
    margin: 0;
  }

  .owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 45px;
  }

  .client_section .owl-carousel .owl-nav .owl-prev,
  .client_section .owl-carousel .owl-nav .owl-next {
    position: unset;
    margin: 0 2.5px;
  }
}

@media (max-width: 480px) {

  .mobileno h3 {
        text-align: center;
        font-size: 15px;
    }
.navbar-brand img {
        width: 100px;
    }
.navbar-brand{margin-right: 0rem;}
  .custom_nav-container .navbar-toggler span{width: 26px;
    height: 4px;}
  .slider_section .detail-box h1 {
    font-size: 2rem;
  }

  .track_section form {
    flex-direction: column;
    align-items: flex-start;
  }

  .track_section form input {
    width: 100%;
  }

  .track_section form button {
    padding: 10px 60px;
    margin-top: 10px;
  }
}

@media (max-width: 420px) {
  .service_section .box {
    flex-direction: column;
  }

  .service_section .box .img-box {
    justify-content: flex-start;
    margin-bottom: 15px;
  }
}

@media (max-width: 320px) {

  .header_section .header_top .contact_nav a i {   
    width: 18px;
    height: 18px;
}
.header_section .header_top .contact_nav a {
        font-size: 12px;
    }

}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}