@media(max-width:1399px){
    .transportation .service-grid .services-box {
        max-width: 29%;
        min-height: 220px;
    }
    .transportation .service-grid .services-box h4{
        font-size: 25px;
    }
    .transportation h2{
        font-size: 44px;
    }
}
@media(max-width:1365px){
    
    .product-slider .owl-nav{ position:relative;
        width: 100%;
        height: fit-content;
        display: flex ;
        justify-content: space-between;
       
        top: 110%;
        left: 0%;
        bottom: -10%;
        margin: 20px 0;}
}
@media (max-width: 1200px){
    #menu ul li {
        margin: 0 9px;
    }
    .header-main{
        padding: 0;
    }
}
@media(max-width:1365px){}

@media(max-width:1199px){
    .transportation h2{
        max-width: 90%;
    }
    .transportation .service-grid .services-box {
        max-width: 38%;
    }
}
@media (max-width: 991px) {

    header {position: relative; z-index: inherit;}
    .topbar {width: 90%;position: absolute;background: linear-gradient(48deg, #041F3D 78%, #765c0091);border-radius: 6px; padding: 20px 0;left: 0px;right: 0;top: 20px;margin: auto;} 
    .no_links .topbar{ -webkit-box-shadow:0 2px 10px rgb(255 255 255 / 6%); box-shadow:0 2px 10px rgb(255 255 255 / 6%);}
    .topbar.sticky{margin:0;position:fixed;top :20px;left:0;right: 0; margin: auto; width:90%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;
         box-shadow:0 0 5px 0px rgba(0, 0, 0, 0.49); -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49);}
    
    .topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
    .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; margin-right: 20px; line-height: 1;}
    .topbar ul.top_right_contents li:last-child {margin-right: 0;}
    .topbar ul.top_right_contents li a {color:#fff; line-height: 1;}
    .topbar ul.top_right_contents li a i {font-size: 26px;}
    .topbar ul.top_right_contents li a i.user { font-size: 34px;}
    .topbar ul.top_right_contents li a.menu_open i {font-size: 36px;}
    .topbar a.menu_open i{font-size: 30px;display: flex;}
    .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999;}
    .menu_toggler {margin:15px 0 0;}
    .menu_toggler .icons {font-size:26px; color:#212121}
    .menu_head {background:#000;text-align: center; position: relative;color:#fff;}
    .menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
    .menu_close {position: absolute; left:-40px; top:20px;}
    .menu_close i {font-size:30px; color: #fff;}
    .mobile_menu_wrap {position: fixed;border-radius: 10px; top:-100%;left: 0; right: 0%; z-index:99999;background: linear-gradient(48deg, #041F3D 78%, #765c0091); padding:0 0 75px; transition: all linear 0.2s; max-width: 100%; width: 90%; height: fit-content;margin: auto;}
    .mobile_menu_wrap.menu_show {top: 100px;}
    .mobile_menu_wrap ul {padding:0; margin:0; list-style:none; font-size: 15px}
    .mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 0 0px;}
    .mobile_menu_wrap ul.main_menu li {border-bottom: 1px solid #333; padding:0 15px 0 15px;}
    .mobile_menu_wrap ul.main_menu li a {font-size:15px; text-decoration: none;}
    .mobile_menu_wrap ul li a {display: block; padding:15px 0;color: #fff !important;}
    .mobile_menu_wrap ul li.hassub {position: relative; padding:0 50px 0 15px;}
    .mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute; right:0; top:0; font-size:18px; line-height: 1; padding:19px 20px; border-left:1px solid #333;}
    .mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 280px; background: linear-gradient(48deg, #041F3D 78%, #765c0091); margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility: hidden;}
    .mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
    .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #444;}
    .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #bbb; padding:10px 0;}
    .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa { margin-right: 5px;}
    .main:after{left: 15px;}
    footer .footer-main{
        padding: 30px 12px;
    }
    footer .footer-top h3 {
        font-size: 65px;
    }
    footer{
        background:linear-gradient( #0C2035 ,  #0C2035);
        padding: 150px 0 40px;
        position: relative;
    }
    section{
        padding: 50px 0;
    }
    .hero-banner {
        height: 600px;
        align-items: end;
        padding-bottom: 80px;
    }
    h1{
        font-size: 48px !important;
    }
    .hero-banner h1{
        max-width: 100%;
        line-height: 64px;
    }
    h2{
        font-size: 43px;
    }
    .hero-banner{
        background-position: center;
    }
    .transportation h2 {
        max-width: 90%;
        font-size: 32px;
        line-height: 48.2px;
    }
    .transportation .service-grid{
        grid-template-columns: repeat(auto-fit, minmax(322px, 1fr));
        margin-top: 40px;
    }
    .transportation .service-grid h4{
        font-size: 23px;
        
    }
    .transportation .service-grid {
        grid-gap: 25px;
    }
    .transportation .service-grid .services-box {
        max-width: 47%;
        min-height: 210px;
    }
    .med-transport h2 {
        max-width: 100%;
    }
    .about-grid .about-box {
        width: 300px;
    }
    .about-us .about-grid{
        row-gap: 36px;
        column-gap: 50px;
    }
    .med-group .about-box .text h5 {
        margin: 0 0 10px;
        font-size: 22px;
    }
    .med-group .about-box .text p{
        font-size: 19px;
    }
    .appointment img{
        margin-bottom: 20px;
    }
}
@media (max-width: 767px){
    footer .footer-top h3 {
        font-size: 50px;
        line-height: 60px;
    }
    h1 {
        font-size: 40px !important;
        line-height: 55px !important;
    }
    .hero-banner {
        height: 550px;
    }
    .about-grid .about-box {
        width: 233px;
    }
    .about-us .about-grid {
        column-gap: 50px;
    }
    h4{
        font-size: 27px;
        line-height: 30px;
    }
    h2{
        font-size: 35px !important;
        line-height: 40px;
    }
    p{
        font-size: 16px;
        line-height: 17px;
    }
    .count_project .count_box{width: 100%;}
    .btn-1 {min-width: 210px;font-size: 16px;height: 50px;}
    .transportation .service-grid .services-box {
        max-width: 100%;
        width: 100%;
        min-height: 210px;
    }
    .transportation h2 {
        max-width: 100%;
        font-size: 27px !important;
        line-height: 41px;
    }
    .med-transport h2{
        line-height: 52px;
    }
    .appointment ul li {
        width: 100%;
    }
    .appointment .heading h2 {
        font-size: 30px !important;
    }
    .med-transport h2 {
        line-height: 39px;
        font-size: 28px !important;
        margin-bottom: 10px;
    }
    .transportation .services-box img{
        height: auto;
    }
}
@media (max-width: 575px){
    h1{
        font-size: 32px !important;
        line-height: 45px !important;
    }
    .transportation h2 {
        max-width: 85%;
        font-size: 22px !important;
        line-height: 38px;
    }
    .hero-banner{
        height: 500px;
    }
    .hero-banner .col-12{
        padding-left: 30px;
    }
    .contact-us form {
        padding: 30px;
    }
    section{
        padding: 30px 0;
    }
    .contact-us h3 {
        font-size: 40px;
    }
    .about-grid .about-box {
        width: 85%;
    }
    .about-us .about-grid{
        margin-top: 50px;
    }
    .med-transport h2{
        line-height: 52px;
    }
    .med-transport h2 {
        line-height: 39px;
        font-size: 28px !important;
        margin-bottom: 10px;
    }
    .med-group .about-box{
        height: auto;
    }
    .med-group .about-box .image{
        width: 150px;
        height: 150px;
    }
}
@media (max-width: 515px){
    .transportation h2 {
        max-width: 100%;
    }
}
@media (max-width: 434px){
    h1 {
        font-size: 26px !important;
        line-height: 36px !important;
    }
    .transportation h2 {
        font-size: 20px !important;
    }
    .transportation .service-grid .services-box h4 {
        font-size: 20px;
    }
    .transportation .service-grid .services-box {
        min-height: 190px;
    }
   
    .btn-2{
        padding: 20px 30px;
        font-size: 16px;
    }
    .hero-banner{
        height: 430px;
        padding-bottom: 60px;
    }
    .hero-banner .btn-1 {
        min-width: 172px;
        font-size: 16px;
        height: 35px;
    }
    .hero-banner .banner-btn{
        margin-top: 20px;
    }
}
@media (max-width: 390px){
    .transportation h2 {
        font-size: 18px !important;
    }

}