/* lg */ 
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }
.doctore-text span{ font-size: 13px !important; }
.appointment-1{ font-size: 13px; padding-left: 0px; }
.appointment-2 { font-size: 13px; }
.appointment-2 p{ margin-bottom:0px !important; }

}

@media (min-width: 1200px) and (max-width: 1600px) {
.navbar-inverse .navbar-nav > li > a {
  padding: 8px 8px;
  font-size:11px;}
.right-sidebar-call h4{ font-size:14px;}
.doctore-text p{font-size:18px; line-height:24px;}
.call-hover img{ width:20%; margin-right:5px;}
.appointment-right{ font-size:12px;}



}

@media (min-width: 1024px) and (max-width: 1199px) {
.navbar-inverse .navbar-nav > li > a {
  padding: 10px 0px;
  font-size:12px;}
.doctore-text p {   font-size: 18px;}
.caption h4{ font-size:16px !important;}
.caption p {    color: #fff; font-size:0.8em;}
#about h3, #information h3{ font-size:20px; margin-bottom:10px;}
#about .pt-30{ padding-top:0px;}
body > section {    padding: 25px 0;}
.right-sidebar-call h4{ font-size:13px;}
.call-hover img{ width:20%; margin-right:5px;}
.appointment-right{ font-size:11px;}
.doctore-text span{ font-size: 13px !important; }


}




/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-nav > li {
    margin-left: 1px;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

  .recent-work-wrap .overlay{
    padding: 15px;
  }

  .services-wrap {
    padding: 40px 10px 40px 30px;
  }

  .feature-wrap h2, 
  .single-services h2 {
    font-size: 18px;
  }

  .feature-wrap h3, 
  .single-services h3{
    font-size: 14px;
  }

  .tab-wrap .media .parrent.pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .parrent.media-body{
    clear: both;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .recent-work-wrap .overlay .preview{
    line-height: inherit;
  }

  .team-bar .first-arrow {
    width: 21%;
  }

  .team-bar .second-arrow {
    width: 20%;
  }

  .team-bar .third-arrow {
    width: 21%;
  }

  .team-bar .fourth-arrow {
    width: 20%;
  }

  ul.social_icons li{
    margin-right: 0;
  }
  
  	#testimonial{ background-size:200% 45%;}
   .values{ margin-top:20%;}
     .feature-item3{  margin-top:29% !important; padding-top:20px;}

.navbar-inverse .navbar-nav > li > a { 
    font-size: 12px;
    line-height: 14px; 
    padding: 15px 10px;
}
#links img{ width:40%; }
#links h3{ font-size:16px;}
.last, .social li, .footer-contact ul li{ margin-right:2px;}

.appointment-1 {
    padding: 22px 0 10px 20px; height:160px !important;}
.right-sidebar-call h4{ font-size:12px;}
.call-hover img{ width:20%; margin-right:5px;}
.doctore-text span{ font-size: 13px !important; }
  
}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-nav > li {
    margin-left: 0;
  }

  #main-slider .carousel h1 {
    font-size: 40px !important;
  }

  #main-slider .carousel h2 {
    font-size: 30px !important;
  }

  .tab-wrap .media .parrent.pull-left, 
  .media.accordion-inner .pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .parrent.media-body, 
  .media.accordion-inner .media-body{
    clear: both;
  }



  .recent-work-wrap .overlay{
   padding: 15px;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

  .sinlge-skill{
    width: 150px;
    height: 150px;
  } 

  .sinlge-skill p em {
    font-size: 25px;
  }

  .sinlge-skill p {
    font-size: 16px;
  }

  .team-bar .first-one-arrow {
    width: 2%;
  }

  .team-bar .first-arrow {
    width: 18%;
  }

  .team-bar .second-arrow {
    width: 24%;
  }

  .team-bar .third-arrow {
    width: 15%;
  }

  .team-bar .fourth-arrow {
    width: 20%;
  }

  .blog .blog-item .entry-meta > span a{
    font-size: 10px;
  }

   	
  .navbar-inverse .navbar-nav > li > a{ font-size:11px; padding:8px 7px;}
    .values{ margin-top:20%;}
	#testimonial{ background:#172837;}
	
	.slide-text > h2 {
    padding: 0;
    color: #222222;
    font-size: 24px !important;
    line-height: 24px;
    font-weight: 300; 
	margin:0px !important;  
}

.slide-text > h1 {
    
    padding: 0;
    color: #fff;
    font-size: 30px !important;
    font-style: normal;
	margin:5px 0 !important; 
    line-height: 24px;
    margin-bottom: 0px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.slide-text hr {
   margin:5px auto;
}
.slide-text{ top:8%;}
.indicators-line > .carousel-indicators{ bottom:0%;}
#call-action h4{ font-size:14px;}
 .slide-text > p {
        font-size: 14px;
    }
.slide-text > h3{ margin-bottom:15px;}
 .bg-blue ul{ padding:0 0 0 40px;}	
 #feature h3{ font-size:24px;}
 #about .col-md-3{ text-align:center;}
.header-contact img{ width:5%;}

.appointment-1 {
    padding: 22px 0 22px 20px; height:180px;
}
.doctore-text p{ text-align:right;}
.doctore-text .mt-40{ margin-top:0px;}
.company{ bottom:-30px;}
h2{  padding:10px;}
.doctore-text span{ font-size: 13px !important; }

}



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

 .bg-blue ul{ padding:0 0 0 40px;}	
  #feature h3{ font-size:24px;}
  .appointment-1 {
    padding: 22px 0 22px 20px; height:120px;
}
.doctore-text .mt-40{ margin-top:0px;}
.company{ bottom:-30px;}
.right-sidebar-call{ background:#f1f1f0; padding:15px;}
.doctore-text span{ font-size: 13px !important; }

}

/* xs */
@media (max-width: 767px) {
  .container > .navbar-header, .container > .navbar-collapse{
    margin-left: 0;
  }

  .top-number{
    font-size: 14px;
  }

  input.search-form:hover {
    width: 120px;
  }

  .navbar-nav > li {
    padding-bottom: 0;
  }

  #main-slider .carousel h1 {
    font-size: 25px !important;
  }

  #main-slider .carousel h2 {
    font-size: 16px !important;
  }

  .feature-wrap h2, 
  .single-services h2 {
    font-size: 18px;
  }

  .feature-wrap h3, 
  .single-services h3{
    font-size: 14px;
  }


  .media.accordion-inner .pull-left, 
  .media.accordion-inner .media-body{
    clear: both;
  }

  .accordion-inner h4 {
    margin-top: 10px;
  }

  .tab-wrap .media .pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .media-body{
    clear: both;
  }

  .nav-tabs > li.active > a:after{
    display: none;
  }

  #footer .col-sm-6{
      text-align:center;
  }
  
   #footer .pull-right{
      float: none !important;
  }

  .sinlge-skill {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .team .single-profile-top, 
  .team .single-profile-bottom {
    margin-bottom: 30px;
  }

  .clients-area {
    padding: 60px 0;
  }

  .clients-area h1 {
    font-size: 25px;
  }

  .portfolio-item, 
  #recent-works .col-xs-12.col-sm-4.col-md-3{
    padding:0 15px;
  }

  ul.social_icons li{
    margin-right: 0;
  }

  .blog .blog-item .entry-meta{
    margin-bottom: 20px;
  }

  .blog .blog-item .blog-content h3 {
    margin-bottom: 20px;
  }

  .post_reply_comments {
    padding-left: 20px;
  }
   .services-box{ float:none; width:auto;}
 
   
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background:none;
  color: #4a4a4a !important;}
  
  .navbar-inverse .navbar-nav > li > a:hover{
	background:none;
  color: #4a4a4a;}
  
  
  
  .navbar-inverse .navbar-nav > li > a{ padding:10px 15px; text-transform:none; color:#4a4a4a; font-size:14px;}
  


#bottom h4{ margin:25px 0;}
#footer{ font-size:13px;}
body > section{ padding:20px 0;}
h3{ font-size:30px;}
#feature{ padding-bottom:0px;}

#main-slider .carousel .item{ height:400px !important;  background-position: 70% center !important;}
#main-slider .carousel .slide-margin{ margin-top:0px;}
#main-slider .carousel .carousel-content{ margin-top:110px !important;}
	.slide-text > h2 {
    padding: 0;
    color: #222222;
    font-size: 14px !important;
    line-height: 24px;
    font-weight: 300; 
	margin:0px !important;  
}

.slide-text > h1 {
    
    padding: 0;
    color: #222222;
    font-size: 18px !important;
    font-style: normal;
    line-height: 24px;
    margin-bottom: 0px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
#bootstrap-touch-slider .btn-xl-2{ font-size: 12px !important;    padding: 5px 10px !important;}
#bootstrap-touch-slider .btn-xl{    padding: 5px 10px !important; font-size: 12px !important;}
.slide-text{ top:1% !important;}

.logo .img-responsive{ max-width:60% !important;}
.navbar-toggle{ margin-top:30px;}
#services .mt-40{ margin-top:0px !important;}

.navbar-brand{ float:none;}
.main-header .mt-30{ margin:0px}
.navbar{ padding:10px 0;}

.navbar-nav{ background:#fff !important; margin-top:15px !important;}
.main-header .pt-10{ padding:0px;}
.main-header .navbar-nav{ margin-top:0px;}
.main-header .col-md-9, .main-header .col-lg-6 .main-header, .col-xs-12 .main-header, .col-sm-8{ padding:0px !important;}
.main-header .pr-10{ padding-right:0px !important;}
.main-header .header-contact{ text-align:left; padding:15px 10px 10px 15px; border-bottom:1px solid #dddddd;}
.main-header .header-contact img{ margin-right:10px;}
.main-header .doctore-text { background:#0f3f8a; border:1px solid #fff; border-left:0px;}
.main-header .doctore-text p{ !important; margin-bottom:0px !important; font-size:16px; line-height:30px !important; padding:10px 0 10px 15px}

.navbar-inverse .navbar-nav > li{border-bottom:1px solid #dddddd;}
#appoinment .fa {
    font-size: 18px;
}
.appointment-2 .fa {
    background: #f8921c none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    padding: 9px 10px;
}
.main-header .mt-40{ margin-top:0px;}
.company{ bottom:-30px;}
h2{ font-size:30px !important; padding:10px;}	

.appointment-bottom, .appointment-left{ padding-left:10px; padding-right:10px; font-size: 13px; }
.mobile-location{ margin-top: 10px; }

}

/* XS Portrait */





/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) {
    .slide-text {
        padding: 10px 50px;
    }
    .slide-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .slide-text > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .control-round .carousel-control{
        display: none;
    }
.center-xs{ text-align:center;}


}
@media  (max-width: 480px) {
    .slide-text {
        padding: 10px 30px;
    }
    .slide-text h1 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .slide-text > p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .slide-text > a.btn-default, 
    .slide-text > a.btn-primary {
        font-size: 10px;
        line-height: 10px;
        margin-right: 10px;
        text-align: center;
        padding: 10px 15px;
    }
    .indicators-line > .carousel-indicators{
        display: none;
    }
	.top-number{ text-align:center; font-size:12px;}
	
	.header-contact img{ width:8%;}	
	#appoinment .text-uppercase{ float:left;}
	#call-action h4 {   font-size: 13px;  font-weight: 600; line-height: 18px;}
	#call-action img{ margin-right:0px !important;}
	.bg-blue ul {  padding: 0 0 0 20px;}
    .doctor-col-xs{ padding-top:90px;}
	.nonsurgical-row-bg{ background-size:contain;  background-attachment: scroll;
    background-position: top;
    background-repeat: no-repeat;}
	
	#doctor{background-size:contain;background-attachment: scroll;    background-position: top;
    background-repeat: no-repeat;}
	
	#doctor h2, #doctor p {color: #222222 !important; text-shadow:none;}
	.text-container{ height:200px;}
	ul.thumbnails{ padding:0px;}
	#about h3, #information h3{ font-size:26px; margin-bottom:15px;}
	#doctor h2{ font-size:28px !important;}
	#appoinment p, .appointment-1{ font-size:12px !important;}
	
}