mo-assets/css/style.css

/*MAIN PAGE*/
/*HEADER*/

header{
    position: fixed;
	height: 45px;
	width: 100%;
	background: #3b434d;
	z-index: 99999999;
}

header .menu{
	position: relative;
	height: 100%;
	width: 100%;
}

header .menu ul li a{
	height: 100%;
	color: #fff;
	font-family: Cuprum, sans-serif;
	font-size: 16px;

}

header .menu ul li a:hover{
	text-decoration: none;
	color: #5597d1;
}

header .menu ul{
	padding: 0;
	margin-bottom:0;
	height: 100%;
	width: 100%;
	list-style: none;
	top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center; 
    overflow: hidden; 
}

header .menu ul li{
	padding-top: 13px; 
	margin:0 10px;
	height: 100%;
	float: left;
}

header .menu .circles{
	right: 0;
	position: absolute;
	padding-top: 5px ;
}

header .circles .circle{
	margin: 5px 2px;
	float: left;
	width: 30px;
	height: 30px;
	background:url(../images/circle-1.png); 
}

header .circles .circle:nth-child(2){
	background:url(../images/circle-2.png); 
}

header .circles .circle:nth-child(3){
	background:url(../images/circle-3.png); 
}

header .burger{
	display: none;
	width: 30px;
	height: 30px;
	background: url(../images/menu-burger.png) center no-repeat;
	cursor: pointer;
}

header .menu-mobile{
	list-style: none;
	text-align: center;
	color: #000;
	background: #3b434d;
}

header .menu-mobile ul{
	list-style: none;
}

header .menu-mobile ul li{
	margin-top: 10px;
}

header .menu-mobile ul li a{
	color: #fff;
	font-family: Cuprum, sans-serif;
	font-size: 18px;
}

header .menu-mobile ul li a:hover{
	text-decoration: none;
	cursor: pointer;
	color: #5597d1;
}

/*HEADER END*/

.main-container{
	padding-top: 60px; 
}

/*LEFT SIDE*/
.left-side{
	font-family: Cuprum, sans-serif;
	font-weight: 400;
	width: 20%;
}

@media (min-width: 992px){
	.left-side{
		padding-right: 20px;
	}
}

@media (min-width: 768px){
	.left-side{
		padding: 0 2px;
	}
}


.left-side .info{
	padding: 0 10px;
	margin-bottom: 20px;
}

.left-side .logo{
	text-align: center;
	margin-bottom: 15px
}

.left-side .logo-subtitle{
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	color:#a1a1a1;
}

.left-side .howtoget_button{
	font-size: 16px;
	display: block;
	cursor: pointer;
	padding: 10px 0;
	text-align: center;
	text-decoration: underline;
	color:#929292;
	background: #ebebeb;
	margin: 10px 0;
}
/*
.left-side .contacts{
	padding-left: 10px; 
}*/

.left-side .contact{
	color:#929292;
	font-size: 14px;
}

.left-side .value{
	font-size: 16px;
	margin-bottom: 5px;
}

	.left-side .all-phones{
		display: inline-block;
		text-decoration: underline;
	}

	.left-side .all-phones img{
		margin-left: 5px;
	}
.left-side .specializations .spec-header{
	padding: 6px 10px;
	font-size: 22px;
	font-weight: 700;
	background: #929292;
	color: #fff;
}
	.left-side .specializations .spec-header a{
		display: inline-block;
		float: right;
	}

.left-side .spec{
	margin-top: 10px;
	height: 54px;
    background: #ebebeb;
    border-radius: 32px 0 0 32px;
	position: relative;
}

.left-side .spec .spec-avatar{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    position: absolute;
    margin-left: -10px;
    z-index: 10;
    left: 12px;
    top: 2px;
}

.left-side .spec .text{
	margin-left: 55px;
	padding-top: 5px;
}

.left-side .spec .text .subtitle{
	font-size: 14px;
	color: #929292;
}

.left-side .spec .text .title{
	font-size: 16px;
}

.left-side .more{
	text-align: right;
	margin-top: 10px;	
}

.left-side .more a{
	font-size: 14px;
	color:#929292;
}

.left-side .add-info{
	width: 100%;
	display: inline-block;
	margin-top: 40px; 
}

.left-side .add-info .info{
	padding-top: 20px;
	height: 90px;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	background: #ebd0ce;
	text-align: center;
	color: #fff;
}
/*LEFT-SIDE END*/

/*MAIN TITLE*/

.main-title{
	position: relative;
}

.main-title .title{
	font-family: Cuprum;
	font-weight: 700;
	color: #004d7b;
}

.main-title .subtitle{
	font-family: Cuprum;
	font-weight: 700;
	font-size: 16px;
	color: #929292;
	margin-bottom: 20px; 
}

.soc{
	position: absolute;
	right: 60px;
	top: 30px;
}

.soc .social{
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 4px;
	border-radius: 50%;
	background: blue;
	display: block;
}

.soc .social:nth-child(1){
	background: url(../images/soc-fb.png)	
}

.soc .social:nth-child(2){
	background: url(../images/soc-vk.png)	
}


.soc .social:nth-child(3){
	background: url(../images/soc-ok.png)
}


.soc .social:nth-child(4){
	background: url(../images/soc-twitter.png)
}

.soc .social:nth-child(1):hover{
	background: url(../images/soc-fb-hover.png)	
}

.soc .social:nth-child(2):hover{
	background: url(../images/soc-vk-hover.png)	
}


.soc .social:nth-child(3):hover{
	background: url(../images/soc-ok-hover.png)
}


.soc .social:nth-child(4):hover{
	background: url(../images/soc-twitter-hover.png)
}

/*MAIN TITLE END*/
/*MAIN CONTENT*/

.main-container .col-lg-10{
	width: 80%;
}

/*.main-container .content{
	padding-right: 0; 
}*/

.content-left{
	padding-right: 0;
}

.content-left .slider{
	position: relative;
}

.content-left .arrow{
	width: 10px;
	height: 16px;
	position: absolute;
	z-index: 10;
	top: 50%;
	cursor: pointer;
}

.content-left .arrow-left{
	background: url(../images/slide-arrow-left.png);
	left: 10px;
}

.content-left .arrow-right{
	background: url(../images/slider-arrow-right.png);
	right: 10px;
}

.content-left .swiper-slide img{
	display: block;
}

.content-left .about{
	display: inline-block;
	margin-top: 40px;
}

.content-left .about .block-header{
	padding: 6px 10px;
	font-size: 22px;
	font-weight: 700;
	font-family: Cuprum, sans-serif;
	background: #929292;
	color: #fff;
	margin-bottom: 10px;
}

.content-left .about .block-header img{
	float: right;
	margin-top: 3px; 
}

.content-left .doctor{
	font-family: Cuprum, sans-serif;
	font-weight: 400;
}

.content-left .doctor .doctor-avatar{
	margin-bottom: 8px;
	text-align: center;
}

.content-left .doctor .doctor-name{
	text-align: center;
	font-size: 22px;
	color: #004d7b;
	line-height: 22px;
	margin-bottom: 4px;
}

.content-left .doctor .doctor-desc{
	text-align: center;
	color: #929292;
}

.content-left .doctor .doctor-link{
	padding: 9px 0;
	font-size: 14px;
	margin-top: 15px;
	text-align: center;
	background: #ebebeb;
}

	.content-left .doctor .doctor-link a{
		color: #929292;
		text-decoration: underline;
	}

.content-left .about .about-text .title{
	font-family: Cuprum, sans-serif;
	font-weight: 700;
	font-size: 16px;
}

.content-left .about .about-text .text{
	font-family: Open Sans, sans-serif;
	font-size: 16px;
	color: #3b434d;
}

.content-left .about .more-text{
	font-family: Open Sans, sans-serif;
	margin-top: 10px;
}

.content-left .about .more{
	margin-top: 10px;
	text-align: right;
}

.content-left .about .more a{
	font-size: 14px;
	color:#929292;
}

.content-left .clinics{
	margin-top: 40px;
}

.content-left .clinics .clinic{
	position: relative;
	display: inline-block;
	margin-bottom: 10px; 
	border: 1px solid #ebebeb; 
}

.content-left .clinics .block-header{
	padding: 6px 10px;
	font-size: 22px;
	font-weight: 700;
	font-family: Cuprum, sans-serif;
	background: #929292;
	color: #fff;
	margin-bottom: 10px;
}

.content-left .clinics .block-header img{
	float: right;
	margin-top: 3px; 
}


.content-left .clinics .clinic-image{
	margin-right: 15px; 
	display: block;
	float: left;
	height: 100%;
}

.content-left .clinics .text{
	/*padding-left: 115px;*/
}

.content-left .clinics .text .title{
	font-size: 18px;
	line-height: 18px;
	font-family: Cuprum, sans-serif;
}

.content-left .clinics .text .subtitle{
	font-family: Open Sans, sans-serif;
	color: #a1a1a1;
	padding-left: 10px;
}

.content-left .clinics .clinic .recomended{
	position: absolute;
	left: -7px;
	bottom: 5px;
	height: 36px;
	width: 196px;
	padding-top: 6px;
	font-family: Cuprum, sans-serif;
	font-size: 16px;
	color: #fff;
	padding-left: 6px;
	background:url(../images/green-recomended.png) no-repeat;
}

.content-left .clinics .more{
	text-align: right;
	margin-top: 10px;	
}

.content-left .clinics  .more a{
	font-size: 14px;
	color:#929292;
} 

.content-right{
	padding-left: 0;
}

.content .importants{
	font-family: Open Sans, sans-serif;
}

.content .importants .important{
	height: 90px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding:0;
	display: block;
	background: #d7d7d7;
}

.content .importants .important:hover{
	text-decoration: none;
	background: #004d7b;
}

.content .importants .important:focus{
	text-decoration: none;
}

.content .importants .important:nth-child(1) .description{
	padding-top: 20px; 
}

.content .importants .important:nth-child(2) .description{
	padding-top: 15px;
	padding-left: 0;  
}

.content .importants .important:nth-child(4) .description{
	padding-top: 10px; 
}

.content .importants .important:nth-child(6) .description{
	padding-top: 20px; 
}


.content .importants .important .important-image{
	padding-top: 20px;
	margin-left: 5px;
	height: 100%;
	width: 25%;
	display: block;
	float: left;
}

.content .importants .important .description{
	color: #fff;
	font-weight: 700;
	height: 100%;
	font-size: 15px;
	padding-left: 65px; 
}

.content-right .today{
	margin-top: 25px;
	padding-left: 15px; 
	display: inline-block;
}

.content-right .today .today-item .head{
	background: #929292;
	padding: 12px 5px;
	font-size: 13px;
	font-family: Cuprum;
	text-align: right;
	height: 40px;
	color: #fff;
	border-radius: 10px 0 0 0;
}

.content-right .today .today-item .head-blue{
	background: #5597d1;
}

.content-right .today .today-item .head .date{
	float: left;
	display: block;
}

.content-right .today .today-item .head .name{
	float: right;
	display: block;
}

.content-right .today .today-item{
	padding-right: 0;
}

.content-right .today .block-header{
	padding: 6px 10px;
	font-size: 22px;
	font-weight: 700;
	font-family: Cuprum, sans-serif;
	background: #929292;
	color: #fff;
	margin-bottom: 10px;
}

.content-right .today .block-header img{
	float: right;
	margin-top: 3px; 
}

.content-right .today .image{
	position: relative;
	margin-top: 10px;
}


.content-right .today .image img{
	display: block;
	width: 200px;
	margin: 0 auto; 
}

.content-right .today .logo{
	position: absolute;
	top: 0;
	font-family: Cuprum, sans-serif;
	right: 15px;
	width: 60px;
	height: 60px;
}

.content-right .today .logo img{
	width: 60px;
	height: 60px;
}

.content-right .today .free{
	position: absolute;
	padding-top: 5px;
	padding-left: 7px; 
	top: 60px;
	left: -5px;
	font-family: Cuprum, sans-serif;
	color: #fff;
	width: 200px;
	height: 40px;
	background: url(../images/free-bg.png) no-repeat;
}

.content-right .today .desc{
	margin-top:10px;
	margin-bottom: 10px;  
	font-family: Cuprum, sans-serif;
	padding-left: 5px; 
	font-size: 14px;
}

.content-right .today .org{
	font-family: Cuprum, sans-serif;
	font-weight: 600;
	text-align: center;
	border-top:1px solid #ebebeb;
	padding-top: 5px;
	color: #004d7b;
}

.content-right .today .adress{
	margin-top: 5px;
	font-family: Cuprum, sans-serif;
	font-size: 14px;
	padding: 15px 0;
	background: #ebebeb;
	color: #929292;
	text-align: center;
}

.content-right .news .block-header{
	padding: 6px 10px;
	font-size: 22px;
	font-weight: 700;
	font-family: Cuprum, sans-serif;
	background: #929292;
	color: #fff;
	margin-bottom: 10px;
}

.content-right .news .block-header img{
	float: right;
	margin-top: 3px; 
}
.content-right .news-item{
	height: 320px;
	padding: 0 10px;
	padding-right: 0;
	margin-bottom: 20px; 
}


.content-right .news-item .inner{
	height: inherit;
	background: #ebebeb;
}

.content-right .news{
	display: inline-block;  
	margin-top: 25px;
	padding-left: 15px;  
}

.content-right .news .image{
	font-family: Cuprum, sans-serif;
    margin-bottom: 10px; 
	color:#fff; 
	height: 140px;
	width: 100%;
	position: relative;
}

.content-right .news .image img{
	display: block;
	width: 200px;
	margin: 0 auto;
}

.content-right .news .image .title{
	font-size: 16px;
	position: absolute;
	bottom: 10px;
	left: 20%;
}

.content-right .news .desc{
	font-family: Open Sans, sans-serif;
	padding-left: 10px;
	font-size: 14px;
	line-height: 17px;
}

.content-right .news .data{
	padding: 10px 0;
	margin:10px;
	margin-top:20px; 
	color: #929292;
	text-align: right;
	border-top: 1px solid #d4d4d4; 
}

/*footer*/
footer{
	position: absolute;
	margin-top: 40px; 
	width: 100%;
	padding-top: 40px;
	padding-bottom: 20px;
	display: inline-block;
	background: #3b434d;
}


footer .list{
	position: relative;
	list-style: none;
	float: left;
	width: 25%;
	font-family: Cuprum, sans-serif;
	font-size: 16px;
}

footer .list a{
	color: #f2f2f3
}

footer .list li:nth-child(1){
}

footer .list li:nth-child(1) a{
	color: #75787b;
	font-weight: 700;
	font-size: 18px;
}

footer .admin-button{
	background: #ebebeb;
	margin-top: 25px;
	padding: 10px 5px;
	text-align: center;
	display: block !important;
}

footer .admin-button a{
	font-size: 14px;
	color: #929292;
	text-decoration: underline;
}

footer .admin-button a:hover{
	text-decoration: underline;
}

footer .copyright{
	float: right;
	height: auto;
	margin-top: 40px;
}

footer .copyright .text{
	color: #919293;
	font-family: Open Sans, sans-serif;
	float: left;
	width: 60%;
	text-align: right;
}

footer .copyright a{
	font-family: Open Sans, sans-serif;
	padding-left: 8px;
	text-decoration: underline;
	color: #9e9e9e;
}

footer .copyright a:hover{
	color: #9e9e9e;
	text-decoration: underline;
}

footer .copyright .logo{
	text-align: center;
	float: left;
	margin-left: 20px;
}
/**/

@media (min-width: 1200px){
.important{
    width: 47%;
}

}

@media (min-width: 992px){
.content-right .today .today-item{
	margin-top: 20px; 
}


}

@media (max-width: 992px){
.left-side{
	width: 27% !important;
}

.content-a-lot{
	padding-right: 0; 
}

.main-container .col-lg-10{
	width: 73% !important;
}

header	.circles{
	position: static !important;
}

header .menu ul li a{
	font-size: 14.5px ;
}

}

@media (max-width: 1200px){
.main-title .soc{
	display: none;
}

footer .admin-button{
	width: 80%;
}
}

@media (min-width: 768px){
.content-right .today .today-item{
	margin-top: 20px; 
}
}

@media (max-width: 1200px){
	.left-side{
		width: 20%;
	}

	.content-left{
		width: 100%;
	}

	.content-left .clinic{
		width: 100%;
	}

	.content-right{
		width: 100%;
	}
}

@media (max-width: 768px){
.left-side .specializations .spec{
	display: none;
}

.left-side .specializations .more{
	display: none;
}

.left-side .add-info{
	display: none;
}

.main-container .main-title{
	display: none;
}


.content .clinics{
	display: none;
}

.content-right{
	padding-right: 0;
}

.content-right .importants{
	display: none;
}

.left-side{
	width: 100% !important;
	margin-bottom:  40px;
}

.main-container .col-lg-10 {
    width: 100% !important;
}

.main-container .main-title{
	width: 100% !important;
}

.main-container .content-right{
	width: 100% !important;
}

.main-container .content-right .today{
	width: 100% !important;
}

.importants{
	width: 100% !important;
}

.main-container .content-left{
	width: 100% !important;
}

.main-container .content-left .clinic{
	width: 100% !important; 
}

.main-container .mobile{
	display: block;
}

.left-side .title{
	font-size: 32px;
}

.left-side .main-title{
	padding: 0;
}

.left-side{
	padding-right: 15px; 
}

.left-side .logo-subtitle{
	width: 50%;
	margin: 0 auto;
}

.left-side .specializations .spec-header a{
	transform: rotate(90deg);
}

.content-left .doctor{
	margin-bottom: 30px; 
}

.content-left .about .about-text{
	margin-bottom: 30px; 
}

.main-container .content-a-lot{
	padding-right: 0;
}

header .menu li{
	display: none;
}


header .menu ul .circles{
	display: block;
	position: absolute !important;
}

header .menu ul .burger{
	left: 0;
}

header .menu-mobile{
	position: absolute;
	width: 100%;
}

header .menu-mobile ul{
	padding: 0;
}

footer .list{
	width: 100%;
	padding-right: 40px;
}

footer .list li{
	display: none;
}

footer .list li:nth-child(1){
	display: block;
}

}

.mobile{
	display: none;
}
/*MAIN CONTENT END*/
/*END MAIN PAGE*/

/*CONTACTS PAGE*/


.contacts-container .side-bar .logo{
	margin-bottom: 50px;
}

.contacts-container .main-title{
	padding-left: 40px;
}

.contacts-container .main-title .title{
	font-size: 34px;
}

.contacts-container .side-bar ul{
	list-style: none;
	padding-left: 0; 
}

.contacts-container .side-bar li{
	padding: 7px 0;
	text-align: right;
	border-bottom: 1px solid  #ebebeb;
}

.contacts-container .side-bar li:first-child{
	border-top: 1px solid  #ebebeb;
}

.contacts-container .side-bar li a{
	color: #004d7b;
	font-family: Cuprum, sans-serif;
	font-weight: 600;
	font-size: 17px;
}

.contacts-container .side-bar li a:hover{
	text-decoration: none;	
}

.contacts-container .map{
	margin-bottom: 50px; 
}

.contacts-container #map{
	height: 345px;
	margin: auto;
}

.contacts-container .right-side-bar .info{
	margin-bottom: 10px;
}

.contacts-container .right-side-bar .soc{
	position: static;
	display: inline-block;
	text-align: center;
    padding: 0 10px;
    margin-top: 0; 
    margin-bottom: 20px;
}

.contacts-container .center-content .work-time{
	margin-bottom: 40px; 
}

.contacts-container .center-content .work-time .min-title{
	margin-bottom: 20px; 
	font-family: Cuprum, sans-serif;
	font-size: 20px;
	font-weight: 700;
}

.contacts-container .center-content .work-time .text{
	font-size: 16px;
}

.contacts-container .center-content .to-doctors{
	margin-bottom: 60px; 
	display: inline-block;
}

.contacts-container .center-content .to-doctors .min-title{
	margin-bottom: 20px; 
	font-family: Cuprum, sans-serif;
	font-size: 18px;
	font-weight: 700;
}

.contacts-container .center-content .callback .min-title-text{
	font-size: 16px;
	font-family: Cuprum;
	font-weight: 700;
}

.contacts-container .center-content .to-doctors .personal-doctor{
	width: 33.33333333332%;
	display: inline-block;
	color: #000;
	padding: 0;
	padding-right: 10px; 
	text-decoration: none;
	margin-bottom: 40px; 
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-type{
	font-size: 14px;
	font-family: Cuprum, sans-serif;
	color: #929292;
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-header{
	display: inline-block;
	width: 100%;
	background: #ebebeb;
	border-radius: 30px 0 0 30px; 
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-image{
	float: left;
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-name{
	padding-top: 10px;
	padding-left: 65px;
	font-family: Cuprum, sans-serif;
	color: #004d7b;
	font-size: 18px;
	line-height: 18px;
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image{
	width: 13%;
	float: left;
	padding-top: 70px;
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text{
	padding-top: 10px; 
	width: 87%;
	float: left;
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text .category{
	color: #929292;
	margin-bottom: 10px;
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text .otdels{
	color: #004d7b;
	font-family: Open Sans, sans-serif;
}

.contacts-container .center-content .to-doctors .personal-doctor .contacts{
	display: inline-block;
	margin-top: 10px;
	width: 100%;
	background: #ebebeb;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.contacts-container .center-content .to-doctors .personal-doctor .contact{
	color:#929292;
	font-size: 14px;
	font-family: Cuprum, sans-serif;
}

.contacts-container .center-content .to-doctors .personal-doctor .value{
	font-size: 16px;
	margin-bottom: 5px;
	font-family: Cuprum, sans-serif;
}

.contacts-container .center-content .to-doctors .personal-doctor .value a {
	font-size: 15px;
}

.contacts-container .center-content .to-doctors .personal-doctor .priem{
	margin-top: 10px;
	font-weight: 700;
	font-size: 16px;
	font-family: Cuprum, sans-serif;

}

.contacts-container .center-content .callback{

	display: inline-block;
}

.contacts-container .center-content .callback .min-title{
	margin-bottom: 20px; 
	font-family: Cuprum, sans-serif;
	font-size: 20px;
	font-weight: 700;
}

.contacts-container .center-content .callback .min-title-text{
	font-size: 19px;
	margin-bottom: 30px;
}

.contacts-container .center-content .callback form p{
	font-size: 12px;
	color: #929292;
}


.contacts-container .center-content .callback form input{
	margin-bottom: 10px;
	padding-left: 5px;
	font-family: Open Sans, sans-serif;
	font-size: 14px;
	font-weight: 400;
	width: 100%;
	height: 30px;
	color: #929292;
	background: #ebebeb;
	border: none;
}


.contacts-container .center-content .callback form input[type = "checkbox"]{
	width: 20px;
	height: inherit;
}

.contacts-container .center-content .callback form span{
	font-size: 12px;
	color: #929292;
}

.contacts-container .center-content .callback form textarea{
	width: 100%;
	height: 110px;
	padding-left: 5px;
	font-family: Open Sans, sans-serif;
	font-size: 14px;
	color: #929292;
	background: #ebebeb;
	border: none;
	resize: none;
}

.contacts-container .center-content .callback form .form-button{
	margin-top: 10px;
	cursor: pointer;
	padding: 7px 0;
	color: #fff;
	text-align: center;
	font-family: Cuprum , sans-serif;
	font-weight: 700;
	background: #004d7b;
	border: 0;
}

.contacts-container .center-content .to-doctors .doctor-button{
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	text-align: center;
	text-decoration: underline;
	font-family: Cuprum, sans-serif;
	padding: 7px 0; 
	color: #929292;
	background: #ebebeb;
}

.contacts-container .center-content .to-doctors .doctor-button:hover{
	color: #fff;
	background: #004d7b;

}


/*
.contacts-container .center-content .*/


@media (max-width: 1200px){
 .contacts-container .left-side {
    width: 20% !important;
}


.contacts-container .importants .important:nth-child(2) .description{
	padding-left:58px;
}

}

@media (min-width: 1200px){
 .contacts-container .main-title {
    width: 60%;
    padding-left: 40px;
}

 .contacts-container .focus-content {
    width: 60%;
    padding-left: 40px;
}

.contacts-container .important{
	width: 100%;
}
}


@media (max-width: 1200px){

.contacts-container .center-content .callback{
	margin-bottom: 40px; 
}

.contacts-container .left-side {
    width: 100% !important;
    margin-bottom: 40px;
}

.contacts-container .left-side .main-title{
	float: none;
	width: 100% !important;
}

.contacts-container .center-content{
	width: 100%;
}

.contacts-container .center-content .to-doctors .personal-doctor{
	width: 100%;
}

.contacts-container .center-content .callback form .form-button{
	width: 100%;
}

.contacts-container .main-title{
	padding-left: 15px; 
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image{
	width: 10%;
	padding-top: 20px; 
}

.contacts-container .left-side .importants .important-image{
	width: 10%;
}

.contacts-container .left-side .importants .description{
	padding-top: 20px;
}

.contacts-container .right-side-bar .info .logo{
	display: none;
}

.contacts-container .main-title{
	display: block;
}

.contacts-container .center-content .title{
	display: none;
}

.contacts-container .center-content .subtitle{
	display: none;
}


}
/*CONTACTS PAGE END*/