/* lg */ 
@media (min-width: 1200px) {



}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
  #spacerparallax {
    background-attachment: scroll;
    overflow: hidden;
  }

    #mainpGetAppoint {
        top: 23%;
        left: 60%;
    }    

   .carousel-caption {
      left: 0;
   }

}



/* sm */
@media (min-width: 768px) and (max-width: 991px) {
   
 #mainpGetAppoint {
  height: 0;
  width: auto;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  top: 15%;
  left: 50%;
  z-index: 9999;
  background-image: none;
  }

 #mainpGetAppoint:hover {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    -o-transition: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-image: none;
 }
  

  .app-icon-box  > i {
    font-size: 18px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
  }


  #mainpAppPhone {
    top: 70px;
    left: 14%;
  }

  #mainpAppOnline {
    top: 70px;
    left: 29%;
  }

  #mainpAppAddress {
    top: 70px;
    left: 44%;  
  }  

.carousel-caption {
    margin-bottom: 20px;
    left: -5%;
}
    
   #main-slider h1 {
    font-size: 2.3em;
   }

   #main-slider p, #main-slider .godown {
      display: none;
    } 
    

  #spacerparallax {
    background-attachment: scroll;
    overflow: hidden;
  }   
  
  #formTitle{
    font-size: 25px;
  }  
  
  #apontmForm h3 {
    font-size: 20px;
  }
   
  #selectOption .btn {
    font-size: 17px;
  } 
}

/* xs */
@media (max-width: 767px) {

    .collapsing, .in {
        background-color: #B2947E;
    }

    .collapsing ul li a, .in ul li a {
        color: #7C6858!important;
        text-align: left;
    }

    .collapsing ul li a:hover, .in ul li a:hover {
        color: #FEF4ED!important;
    }


    #mainpGetAppoint {
      display:none;
    }

    .carousel-indicators {
    display: none;
   }

    .booking {
      display: block;
    }

  .app-icon-box  > i {
    font-size: 18px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
  }

  #main-slider h1 {
    font-size: 1.8em;
  }

  #main-slider p, #main-slider .godown {
    display: none;
  }

  .godown {
     font-size: 150%;
     color: #7F8395;
   }

   .textcont h2 {
      font-size: 1.5em;
   }

   #aboutUs h3, #MedServices h3, #special_info h3, .articleBody h3, ul.breadcrumb li {
     font-size: 1.2em;
   }
   
   .textcont h1 {
     font-size: 1.8em;
  }

   .textcont p ,  #aboutUs li, #MedServices li, .articleBody li {
      font-size: 1em;
    }  
	
   #aboutUs p, #MedServices p, #special_info p, .articleBody p {
	  margin-bottom: 30px;
      margin-top: 30px;
    }
	
	#aboutUs  ul, #MedServices ul, .articleBody ul {
	  margin-top:0;
	}
	
  #spacerparallax h1 {
      font-size: 1.8em;
   }

  #spacerparallax {
    background-attachment: scroll;
    overflow: hidden;
  }  

  #spacerparallax p {
     display: none;
  }


  #address, #phones {
    float: none;
	display: inline-block;
  }
  
  .fullWidth {
    width: 100%;
	text-align: center;
  }

.contactUsResp {
    display: none;
}

#formDiv {
    padding-bottom: 30px;
}

#formDiv h2 {
    padding-top: 25px;
}

  #footer h2 {
    font-size: 1.5em;
 }

 
   #formTitle{
    font-size: 20px;
  }  
  
  #apontmForm h3 {
    font-size: 16px;
  }
   
  #selectOption .btn {
    font-size: 15px;
	margin:5px;
  } 
 
   #selectOption { 
     margin-bottom: 10px; 
   }
 
   .formDiv p {
     font-size: 10px;
   }
 
 
}
/* XS Portrait */
@media (max-width: 479px) {
  
 #main-slider h1 {
      display: none;
   }
  
}