/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
  

}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

   
    
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    

}


@media only screen and (min-width: 768px) and (max-width: 5000px){
    .appointment-book-up{    
        display: none;
    }  
    .appointment-book-down{
        display: block;
    }    
    
    
}


@media only screen and (min-width: 100px) and (max-width: 768px){
    .appointment-book-up{    
        display: block;
    }  
    .appointment-book-down{
        display: none;
    }  
    .max-form-responsive{
        width: 97%;
        margin-left: 5px;
    }    
}


/*==========  Non-Mobile First Method  ==========*/
     
/* Large Devices, Wide Screens */  

@media only screen and (max-width : 1199px) {
html {
	font-size: 90%;
}
.bg-img-box .caption .title {
	font-size: 24px;
	margin-top: 0px;
}
.testimonial-carousel .owl-controls .owl-pagination {
	margin-right: 15px !important;
}

}


/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
      html {
      	font-size: 75%;
      }
      .navbar-nav  .dropdown-menu {
          left: auto;
      }
      #header-logo {
      	padding: 10px 15px;
      }
      section > .container, section > .container-fluid {
      	padding-top: 30px;
      	padding-bottom: 30px;
      }
      .divider .container {
      }
      .header .navbar-default .navbar-nav > li > a::after {
      	display: none;
      }
      .team-member, .working-progress {
      	margin-bottom: 60px !important;
      }
      .testimonial-carousel .owl-controls .owl-pagination {
      	margin-right: 0px !important;
      }
      .map {
      	margin-top: 30px;
      }
      .curve-bg:after, .curve-bg-half:after {
      	left: auto;
      	-webkit-transform: rotate(-0deg);
      	-moz-transform: rotate(-0deg);
      	-ms-transform: rotate(-0deg);
      	-o-transform: rotate(-0deg);
      	transform: rotate(-0deg);
      }
      .blog-posts .entry-header .entry-title {
      	padding-top: 0;
      }
      .blog-posts .entry-header .entry-date {
      	margin-left: 0;
      }
      .contact-wrapper {
          padding: 50px 30px;
      }
      .header #header-logo {
      	padding-top: 20px;
      }
      .boxed-layout .header #header-logo,
      .vertical-header .header #header-logo {
      	padding-top: 10px;
      }
      .header .navbar-default .navbar-toggle {
      	margin-top: 18px;
      }
      .boxed-layout .header .navbar-default .navbar-toggle {
      	margin-top: 8px;
      }
      .header #header-logo img {
      	height: 30px;
      }
      .pricing-table .table-price {
      	font-size: 30px;
      }
      .bg-img-box .caption .title {
      	font-size: 24px;
      	margin-top: 0px;
      }
      .bg-img-box .caption .schedule {
      	font-size: 14px;
      	margin-top: 0px;
      }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    html {
    	font-size: 60%;
    }
    .box-hover-effect {
    	float: none;
    }
    #header-logo {
    	padding: 10px 15px;
    }
    #spinner {
    	left: 42%;
    }
    .navbar-default .navbar-toggle {
    	margin-top: 15px;
    	border-radius: 0px;
    }
    #home .display-table p {
    	margin: 15px 0;
    	font-size: 14px;
    }
    .icon-box {
    	margin-top: 30px;
    	margin-bottom: 30px;
    }
    .icon-box {
    	text-align: center;
    }
    .icon-box.left {
    	text-align: center;
    }
    .icon-box.left a {
    	margin-right: 0;
    	padding: 0;
    }
    .icon-box .media-left {
    	float: none !important;
    	margin: 0 0 30px 0;
    }
    .icon-box .media-left, .icon-box .media-right, .icon-box .media-body {
    	display: block;
    	width: auto;
    }
    .call-to-action {
    	text-align: center;
    }
    .call-to-action .icon {
    	float: none;
    }
    .sidebar.pull-left,
    .sidebar.pull-right {
    	float: none !important;
    }
    .blog-posts .entry-meta {
    	background: none;
    	left: auto;
    	position: relative;
    	top: auto;
    }
    .testimonial-carousel.boxed .owl-dots {
     	text-align: center;
    }
    .bg-img-box .caption .title {
    	font-size: 24px;
    	margin-top: 30px;
    }      
    .mr-full-width{
            width: 100% !important;
    } 
    .mr-half-width{
            width: 50% !important;
    }


}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
  html {
  	font-size: 50%;
  }
  .vertical-text-carousel .owl-controls .owl-buttons {
  	top: 18%;
  }
  .maxwidth-300 {
  	max-width: 300px;
  }
  
  
  .price-heading .col-xs-1{
      font-size: 10px !important;
      width: 12% !important;
      padding-right: 5px !important;
      padding-left: 5px !important;
  }
  
  .price-heading .col-md-12 .col-xs-2{
      font-size: 10px !important;
      width: 16% !important;
      padding-right: 5px !important;
      padding-left: 5px !important;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
  html {
  	font-size: 35%;
  }
}