/* responsive */

@media (-webkit-min-device-pixel-ratio: 1.5) {

    .container {

      width: 100%;

      max-width: 1140px;

    }

}



@media only screen and (min-width:992px) and (max-width: 1380px) {

	.container {width: 100%; max-width: 1140px;}

    header .navbar-brand{max-width: 90px;}

    header .navbar .navbar-nav .nav-link,header.fixed .navbar .navbar-nav .nav-link {padding: 45px 10px;}

    .btn-custom{padding: 16px;}

    header .btn-custom{margin-left: 15px;}



}



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

 

}







@media only screen and (min-width:992px) and (max-width:1280px) {

    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}

    #departments .slider .owl-nav{top: -40px;}

    h2.title{position: relative; z-index: 2;}

}



@media only screen and (min-width:768px) and (max-width:1002px) {

    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}

    

    

}



@media only screen and (min-width:768px) and (max-width:992px){

    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}

    #banner .pic-outer::before{display: none;}

    #banner .pic-outer img{top: 0;}

    #banner .banner-text{margin-top: 0; padding-right: 0 !important;}

    #banner{height: auto; padding: 50px 0;}

    #departments::before{display: none;}

    #departments .slider .owl-nav{top: -40px;}

    h2.title{position: relative; z-index: 2;}

}



@media only screen and (min-width:320px) and (max-width:767px)

{

    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}
    header .navbar-brand {max-width: 150px !important;}
    header .nabh-logo {max-width: 80px;}
    header .right-logos {display: flex; align-items: center;}
    header .right-logos a {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px;}

    header .phone-number span{display: none;}

    header .phone-number .icon{display: block; margin-right: 0;}

    header .phone-number .icon img{transform: scale(0.7);}

    header .phone-number{display: inline-block; padding: 0; border-radius: 50%; border: 1px solid rgb(var(--primary2));}

    #banner{height: auto;}

    #banner .banner-text{margin-top: 30px; padding-right: 0 !important;}

    #banner .banner-text h2.title{margin-bottom: 30px;}

    #banner .pic-outer::before{display: none;}

    #banner .pic-outer{margin: 30px 0;}

    #banner .pic-outer img{top: 0;}

    .sub-text{margin-bottom: 30px;}

    #departments::before{display: none;}

    #departments .slider .owl-nav{top: -40px;}

    #footer .bottom{text-align: center;}

    .copyright{margin-bottom: 15px;}

}



@media only screen and (max-width:767px) and (orientation: landscape) {

    

     

}



@media only screen and (min-width:320px) and (max-width:480px) { 

  

}