/* CSS Document */

@media (max-width: 575px) 
{
a.logo {width: 100%;text-align: center;}
.header-block {text-align: center;margin-top: 0;}
.header-label {margin-bottom: 10px;}
.footer-section {margin-bottom: 35px;}
.footer-menu-container ul {float: none !important;text-align: center;}
.footer-menu-container ul > li {display: inline-block;float: none;}
.footer-bottom ul.social-links {width: 100%;}
.copyright {font-size: 11px;width: 100%;}
.appointment-card img {width: auto;}
.top-header {height: auto;}
.social-links {text-align: center;}
nav.navbar.navbar-expand-lg {float: none;background-color: #f2f7f9;}
.top-nav .navbar-nav {float: right;margin: 0;width: 100%;margin-top: 10px;}
.list-contacts li {display: inline-block;width: 100%;clear: both;margin-bottom: 57px;}
}

@media (min-width: 576px) and (max-width: 767px) {
a.logo {width: 100%;text-align: center;}
.header-block {text-align: center;margin-top: 0;}
.header-label {margin-top: 10px;padding: 8px 0 8px 0;}
.footer-section {margin-bottom: 35px;}
.footer-menu-container ul {float: none !important;text-align: center;}
.footer-menu-container ul > li {display: inline-block;float: none;}
.footer-bottom ul.social-links {width: 100%;}
.copyright {font-size: 11px;width: 100%;}
.appointment-card img {width: auto;}
nav.navbar.navbar-expand-lg {float: none;background-color: #f2f7f9;}
.top-nav .navbar-nav {float: right;margin: 0;width: 100%;margin-top: 10px;}
.list-contacts li {display: inline-block;width: 100%;clear: both;margin-bottom: 57px;}

}

@media (min-width: 768px) and (max-width: 991px) {
a.logo {width: 100%;text-align: center;margin-top: 0;}
.header-block {text-align: center;margin-bottom: 10px;}
.footer-section {margin-bottom: 35px;}
.footer-menu-container ul {float: none !important;text-align: center;}
.footer-menu-container ul > li {display: inline-block;float: none;}
.appointment-card img {width: auto;}
nav.navbar.navbar-expand-lg {float: none;background-color: #f2f7f9;}
.top-nav .navbar-nav {float: right;margin: 0;width: 100%;margin-top: 10px;}
.contact-form-container form {width: 80%;margin: 0 auto;}

}

@media (min-width: 992px) and (max-width: 1199px)  {
.logo img {width: 100%;}
.header-label {padding: 15px 15px;}
.ser-panel-title {min-height: 60px;}
.footer-menu-container ul > li > a {padding-left: 21px;}
.contact-form-container form {width: 80%;margin: 0 auto;}
}

@media (min-width: 1200px)  {
.ser-panel-title {min-height: 60px;}
	
}



}