/* (1366x768) WXGA Display */

@media screen and (min-width: 1441px) and (max-width: 1920px) {}


/*Medium Desktop Device*/

@media screen and (min-width: 1200px) and (max-width: 1440px) {}


/* Normal desktop :992px. */

@media (min-width: 1200px) and (max-width: 1364px) {}

@media (min-width: 992px) and (max-width: 1199px) {}


/* Normal desktop :991px. */

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

@media (min-width: 992px) {
    .col-lg-20 {
        flex: 0 0 auto;
        width: 20%;
    }
}
@media (min-width: 576px) and (max-width: 767px)  {
   .container{
    max-width: 100% !important;
    
}
}

@media (max-width: 992px) {
    .services-wrapper .service-widget .service-image {
       
    }
    header .container-fluid.top-bar {
        padding-top: 0px !important;
        padding-bottom: 0px  !important;
        padding-left: 0px  !important;

    }
    header .container-fluid.top-bar .btn-group {
        width: 100%;
        border-radius: 0px;
    }
    .inner-slide-wrapper h1 {
        font-size: 4vw;
    }
    .navbar-dark .navbar-toggler {
        border: 0px;
    }
    header .navbar-dark .navbar-nav .nav-link {
        padding: 10px 10px;
    }
    .inner-slide-wrapper {
        padding: 8vh 10px !important;
    }
    header .dropdown-menu {
        position: inherit !important;
        background-color: #1d4d4d36;
    }
    header .dropdown-menu.service-dropdown {
        min-width: inherit !important;
    }
    .navbar-collapse {
        padding-top: 10px;
        max-height: 500px;
        overflow-y: scroll;
    }
    header .dropdown-menu .dropdown-item {
        font-size: 14px;
        padding: 8px 15px 8px 20px;
        border-radius: 5px;
        position: relative;
        color: #fff !important;
    }
    header .dropdown-menu .dropdown-item:hover {
        background-color: #0d8080 !important;
        transition: all 0.3s ease-in;
    }
    header .dropdown-menu .dropdown-item::after {
        color: #fff !important;
    }
header .dropdown-menu .dropdown-item:hover, header .dropdown-menu .dropdown-item.active {
  background-color: #0d8080 !important;
  transition: all 0.3s ease-in;
  color: #fff !important;
}
}


/* small mobile :320px. */

@media (max-width: 767px) {
    .heading h1{
        font-size: 36px !important;
    }
    .services-wrapper .service-widget .service-image {
        height: inherit !important;
    }
    .wrapper {
        padding: 50px 10px  !important;
    }
    .slider-wrapper .swiper-slide {
        padding-top: 23vh;
    }
    .slider-wrapper .swiper {
        height: 400px;
    }
    .slider-wrapper .swiper-slide .slider-content h1 {
        font-size: 6vw;
        font-weight: 700;
        color: #fff;
    }
    .speciality-wrapper {
        padding: 0px 10px;
    }
    .border-rl {
        border-top: 1px solid #2badad;
        border-bottom: 1px solid #2badad;
        border-left: 0px solid #2badad !important;
        border-right: 0px solid #2badad !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .heading h1,
    .heading.white h1 {
        font-size: 38px;
        font-weight: 600;
    }
    .inner-slide-wrapper h1 {
        font-size: 30px;
    }
    .tmslocation-wrapper .location-widget .location-details h3 {
        font-size: 22px;
    }
    footer .row>* {
        margin-top: 20px;
    }
    .locations-wrapper h1 {
        font-size: 40px;
    }
    .location-margin, .wrapper-margin {
    margin: 3vh  !important;
    background-color: #ffffffde;
    padding: 20px  !important;
    backdrop-filter: blur(5px)  !important;
}
.mission-wrapper .image {
  
   background-image: inherit;
   
}
 .image-bg-right::after{
        display: none;
        margin-top: 20px;
    }
    .image-bg-left::after{
        display: none;
        margin-bottom: 20px;
    }
    .image-bg-right{
 
        margin-top: 20px;
    }
    .image-bg-left{
    
        margin-bottom: 20px;
    }
    .dropdown-menu.multi-column .col-sm-6{
/*         padding-left: 15px !important; */
    }
}

@media (max-width: 480px) {
    header .top-bar .btn-group .btn {
        font-size: 13px !important;
    }
    .slider-wrapper .swiper-slide {
        padding-top: 120px;
    }
    .heading h1 {
        font-size: 30px;
        font-weight: 600;
    }
    .locations-wrapper h1 {
        font-size: 35px;
    }
}


/* Large Mobile :480px. */

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


/* small mobile :320px. */

@media (min-width: 240px) and (max-width: 479px) {}