@media (min-width: 1200px) {
 .main-container { min-height: 1000px; }
 .hot-button-slider .hot-button a:hover img { opacity: 0.7; }
 .hot-button-slider .hot-button a:hover .button-title { background: #2fbdf2; }
 .hot-button-slider .hot-button a:hover .read-more { background: #333; }
}

@media (min-width: 992px) and (max-width: 1199px) {
 .logo { margin-top: 50px; }
 .logo-strip .callus a { font-size: 20px; line-height: 28px; }
 .logo-strip address { font-size: 13px; }
 .logo-strip .social img { height: 25px; }
 .navbar .nav > li.menu1 { width: 76px; }
 .navbar .nav > li.menu2 { width: 170px; }
 .navbar .nav > li.menu3 { width: 150px; }
 .navbar .nav > li.menu4 { width: 100px; }
 .navbar .nav > li.menu5 { width: 160px; }
 .navbar .nav > li.menu6 { width: 120px; }
 h3.footer-title { font-size: 20px; }
 .site-footer ul { min-height: 125px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.welcome-box {background-position: 220px; background-position-y: 97px;}

}

@media (max-width: 991px) {
 body { position:relative; overflow-x:hidden; }
 a.navbar-toggle { display: block; color: #fff; float: none; padding: 7px 0; margin: 0; }
 a.navbar-toggle span { display: inline-block; vertical-align: middle; position: relative; margin-right: 10px; padding: 5px 8px 5px 8px; background: #138AB1; line-height: 1; border-radius: 3px; }
 a.navbar-toggle span img { vertical-align: baseline; }
 a.navbar-toggle:hover span { background: #0B6D8D; }
 .nav-collapse { position: fixed; top: 0; left: -230px; width: 230px !important; height: 100% !important; overflow: auto; z-index: 9999; background: #00B5F1; }
 .navbar-nav { margin: 0; }
 .navbar .nav > li { text-align: left !important; width: 100% !important; }
 .navbar .nav > li > a { display: block; padding: 15px; margin-top: 0; }
 .menu-open.main-container { left: 240px; }
 .menu-open .nav-collapse { left: 0; }
 .menu-open .main-menu.sticky { left: 240px; }
 .dropdown-menu { position: static; float: none; box-shadow: none; border-radius: 0; border: 0; background: #D6F3FD !important;  }
 .dropdown-menu > li > a { color: #006FC4; padding: 4px 15px !important; }
 .dropdown-menu > li > a:hover { background: #A8E2F6; }
 .navbar .nav > li.dropdown > a { background:url(../images/plus-icon.png) no-repeat right !important; }
 .navbar .nav > li.open > a { background:url(../images/min-icon.png) no-repeat right !important; }
 
 .logo-strip .callus a { font-size:27px; line-height:29px; }
 .logo-strip address { margin-top:5px; }
 .logo { margin-top:82px; }
 .tagline p { margin-left:0; text-align:center; }
 .site-footer ul { font-size:13px; min-height: 119px; }
}

@media (max-width: 767px) {
 .logo { margin-top: 10px; }
 .header-right { text-align: center; margin-top: 30px; }
 .tagline p { margin-left: 0; text-align: center; }
 	
 .tel-link { text-decoration: underline; }
 .logo-strip address { display: none; }
 .logo-strip .callus a { font-size: 25px; }
 .logo-strip .social { margin-top: 20px; }
 .logo-strip .social a { margin: 0 3px; }
 .tagline p { font-size: 22px; }
 #map1 { margin: 20px auto; }
 .form .form-group { margin-bottom: 15px; }
 .page-nav { display: none; }
 h3.footer-title { display: none; }
 .site-footer ul { display: none; }
 .copyright { margin-top: 0 !important; padding-top:10px; border-top: 0; text-align:center; }
 h3.footer-title { font-size: 18px; }
 .site-footer ul { min-height: 125px; font-size: 12px; min-height: 115px; }
 .copyright p, .copyright h3 { text-align: center !important; margin: 5px auto 10px; }
  .welcome-box { background-image: none; padding: 20px; min-height: 1px; }
  .welcome-box h2 { margin-bottom: 20px; margin-top: 10px; font-size: 30px; }
  .text-xs-center { text-align:center !important}
}

@media (max-width: 640px) {
 body { font-size: 14px; }
 h2 { font-size: 25px; padding: 10px; }
 p { margin-bottom: 15px; }
 blockquote { font-size: 14px; }
 .team-box .pull-left, .team-box .pull-right { float:none !important; margin:0 auto 20px !important;}
}

@media (max-width: 480px) {
 .logo-strip .social a { margin: 0 1px; }
 .tagline p { font-size: 16px; }
 .thumbnail.pull-right, .thumbnail.pull-left {
	float: none !important;
	display: block;
	margin: 10px auto;
	text-align: center;
	width: auto !important;
 }
}

@media (max-width: 360px) {
 .hot-button-slider .hot-button img { width: 100%; }
 .map-box { width:185px; font-size:12px; }
 .map-box img { width: 84px; position: relative; top: 32px; }
 .map-box input { width:38% !important; }
 .map-box button { padding:7px 5px !important; font-size:12px; }
}

@media (max-width: 767px) and (orientation: landscape) {
 #back-to-top { bottom: 80px; }
}