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

@media(max-width: 991px) {
     .mobileMenu {
         height: 100%;
         width: 0;
         opacity: 0;
         position: fixed;
         z-index: 1111111;
         top: 0;
         left: 0;
         background-color: #000;
         background-color: #000;
         overflow-x: hidden;
         transition: .5s;
         text-align: center;
         box-shadow: 2px 2px 35px -12px rgba(0, 0, 0, .3);
     }
     .mobileMenu .close{
          position: absolute;
          top: 40px;
          right: 50px;
          font-size: 2rem;
          color: #00A182;
          background-color: #000;

      }

     .mobileMenu.open {
         padding: 55px 0;
         width: 65%;
         opacity: 1;
         z-index: 222222222;
         
     }   
     .overLay {
         position: fixed;
         top: 75px;
         bottom: 0;
         left: 0;
         right: 0;
         margin: auto;
         background: rgb(0, 0, 0,0.5);
         display: none;
         z-index: -1;
     }

     .overLay.open {
         display: block;
         z-index: 22;
     }

     .mobileMenu .navbar-nav {
         width: 100%;
         padding: 0 55px;
     }

     .mobileMenu .navbar-nav .nav-item {
         width: 100%;
         padding: 0px 10px;
     }
     .mobileMenu .navbar-nav .nav-item .nav-link{
         width: 100%;  
     }

    .s-btn{
         position: relative;
     }
    .search-box {
        position: absolute;
        top: 65px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        z-index: 999;
        border-radius: 0;
        text-align: center;
        /* background: #B08EAD; */
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
        display: none;
    }
    
    .search-box .form-control {
        width: 100%;
    }

    .search-box.show{
        display: flex;
    }



    .register-bg::before {
        content: '';
        position: absolute;
        left: 0;
        z-index: 23;
        background-image: url(../image/register.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }

    .register-bg::after {
        content: '';
        position: absolute;
        left: -20px;
        width: 120%;
        height: 200%;
        background: #f9f9f9;
    }
}

@media(max-width: 767px) {
    .mobileMenu .close {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 1.5rem;
        color: #00A182;

    }
    .web-slider {
        padding: 6.5rem 0 2.5rem;
    }
    .slide-1 {
        padding-top: 0;
    }
    /*=========== why choose section Css ===========*/
     .profile-slide {
         padding-bottom: 0;
         padding-top: 225px;
     }
     .profile-name {text-align: center;}
     .profile-name h1{
         color: #212529;
     }
     
    
    
    
}

@media(max-width: 575px) {
    
}

@media(max-width: 375px) {
    .my-logo span{
        font-size: 18px;
    }

}