@media screen and (max-width:1220px){

	.fly-btn {display: none}
}
@media screen and (max-width:1120px){
}
@media screen and (max-width:1000px){
	
	.inform-clinic .basic {padding-left: 15px; padding-right: 15px}
	.inform-clinic .contact {width: 40%}
	.inform-clinic .side {width: 30%; padding-left: 15px}
	.inform-clinic .descr {padding-left: 15px; padding-right: 15px}

	.inform-analize .tbl .title {padding-left: 15px; padding-right: 5px}
	.inform-analize .tbl .price {padding-right: 15px}
	.inform-analize .tbl .head {padding: 0 30px}
	.inform-analize .tbl li .wrap {padding: 0 30px}
	.inform-analize .tbl li .char {padding-left: 30px; padding-right: 30px}

	.site-footer .contact {width: 33%}
	.site-footer .info {width: 40%}
}
@media screen and (max-width:900px){

	.inform-clinic .bt a {font-size: 13px}

	.inform-analize .tbl .n {width: 9%}
	.inform-analize .tbl .title {width: 56%}
	.inform-analize .tbl .price {width: 23%}
	.inform-analize .tbl .act {width: 12%}
	.inform-analize .tbl li .char > * {display: block; border-bottom: 1px dotted #b6c6d4}
	.inform-analize .tbl li .char > * .l:after {display: none}
	.inform-analize .tbl li .char > * .v {margin-top: 3px}

	.site-footer .wrapper {display: block; text-align: center}
	.site-footer .contact {width: auto}
	.site-footer .info {width: auto; margin-top: 20px}
	.site-footer .dev {margin: 20px 0 0 0}

	.modal-close {left: auto; bottom: auto; right: 0; top: 0; width: 45px; height: 45px}

	.modal-form .title {padding-left: 20px; text-align: left}

	#modal-info .title {display: block; height: auto; padding: 15px 50px 15px 20px; text-align: left}
	#modal-info .text {padding-left: 20px; padding-right: 20px}
}
@media screen and (max-width:800px){

	.site-header .top {padding-top: 15px; padding-bottom: 15px; height: auto}
	.site-header .logo {position: static; text-align: left}
	.site-header .logo a {display: block; background: url(../i/logo-m.png) no-repeat; width: 184px; height: 32px}
	.site-header .logo img {display: none}
	.site-header .contact {margin-left: 30px}
	.site-header .callback {margin-left: auto}

	.site-body:after {display: none}
	.site-sidebar {width: auto; float: none}
	.site-content {width: auto; float: none; margin: 30px 0 0 0}
	.site-cont {margin: 0; padding: 0; border: 0}

	.widget-menu ul {display: flex; margin-top: 0}
	.widget-menu ul li {margin: 15px 15px 0 0}
	.widget-menu ul li:last-child {margin-right: 0}

	.promo-top .list {justify-content: space-between; padding: 0 15px}
	.promo-top .list .item {width: 48%; margin: 0}
	.promo-top .list a .title {font-size: 24px}
}
@media screen and (min-width:701px){
	
	.site-header .menu {display: block !important}
}
@media screen and (max-width:700px){

	ul.breadcrumbs {display: none}

	.site-header {border-bottom: 1px solid #007dc5}
	.site-header .top {flex-wrap: wrap; padding-bottom: 10px}
	.site-header .logo {order: 1}
	.site-header .contact {order: 2; margin: 0 15px 0 auto; text-align: right}
	.site-header .phone {margin: 5px 0 0 0}
	.site-header .callback {margin: 0; order: 3}
	.site-header .callback a {padding-top: 0}
	.site-header .callback a span {display: none}
	.site-header .callback a:before {position: static; margin: 0}
	.site-header .menu-bt {display: block; order: 4}
	.site-header .bot {border-top: 0; border-bottom: 0}
	.site-header .menu {display: none; position: absolute; left: 0; right: 0; top: 100%; background: #007dc5; padding: 10px 0 15px; color: #fff}
	.site-header .menu ul {display: block}
	.site-header .menu ul li {display: block}
	.site-header .menu ul li:after {display: none}
	.site-header .menu ul li a {padding: 10px 15px; height: auto; line-height: normal; color: #fff}

	.promo-top .basic {padding: 40px 15px 0; height: 480px}

	.promo-top .basic .icon {position: static}

	.promo-top .basic .bt {position: absolute; margin-top: 20px; bottom: -10px;}
	.promo-top .list a {height: 100%; padding-bottom: 30px}
	.promo-top .list a .icon {height: 120px}

	.inform-main {display: block}

	.inform-where {width: auto}

	.clinicLine {max-width: none}

	.inform-onmap {width: auto; margin-top: 30px}

	.inform-analize .tbl .head {padding: 0 15px}
	.inform-analize .tbl li .wrap {padding: 0 15px}
	.inform-analize .tbl li .char {padding-left: 15px; padding-right: 15px}

	.contact-map {height: 300px}

	.contact-box {display: block; margin-top: 30px}

	.contact-fb {width: auto}
	.contact-fb .form {padding-top: 0}

	.contact-inf {width: auto; margin-top: 35px}
	.contact-inf .box {margin-top: 25px}
}
@media screen and (max-width:600px){

	.site-header .contact {position: static; order: 5; width: 100%; margin: 15px 0 0 0; text-align: center}
	.site-header .phone {margin: 0; position: absolute; right: 105px; top: 0; bottom: 22px; display: flex; justify-content: center; flex-direction: column}*
	.site-header .phone > * {display: block}
	.site-header .phone > * span {display: none}
	.site-header .callback {margin-left: auto}

	.promo-top .basic {height: 370px}
	.promo-top .list a .title {font-size: 20px}
	.promo-top .list a .text {font-size: 14px; line-height: 18px}

	.inform-clinic .level {padding-left: 56px; font-size: 18px}
	.inform-clinic .logo {width: 100%; padding-right: 0; margin-bottom: 20px}
	.inform-clinic .contact {width: 55%}
	.inform-clinic .side {width: 45%}
}
@media screen and (max-width:500px){

	.promo-top {padding-bottom: 0}
	.promo-top .basic {height: auto; padding-bottom: 45px}
	.promo-top .basic .item {background: rgba(255,255,255,.7)}
	.promo-top .list {position: static; display: block; padding: 0}
	.promo-top .list .item {width: auto; margin-top: 15px}
	.promo-top .list a {padding-bottom: 25px}
	
	.inform-sert .item ul {justify-content: space-between}
	.inform-sert .item ul li {width: 49%; margin-right: 0}
	.inform-sert .item ul li a {text-align: center}
	.inform-sert .item ul li a img {width: auto; max-width: 100%}

	.inform-analize .level {padding-left: 56px}
	.inform-analize .level .title {font-size: 16px}
	.inform-analize .value {padding-top: 25px}
	.inform-analize .tbl .n {width: 12%}
	.inform-analize .tbl .title {width: 48%; padding-left: 10px}
	.inform-analize .tbl .price {width: 28%; padding-right: 7px}
	.inform-analize .tbl .act {width: 12%}
	.inform-analize .tbl .head {font-size: 10px}
	.inform-analize .tbl li {font-size: 10px}
	.inform-analize .tbl li .i {font-size: 16px}

	.news-list .title {font-size: 16px}

	.modal-form {width: 100%}
}
@media screen and (max-width:440px){

	.site-header .phone {position: static; display: block; margin-top: 5px}
	.site-header .phone > * {display: inline-block}
	.site-header .phone > * span {display: inline}
}
@media screen and (max-width:400px){

	.site-header .logo img {width: 190px}
	.site-header .menu-bt {margin-left: 10px}

	.inform-clinic .level {font-size: 16px}
	.inform-clinic .basic {display: block}
	.inform-clinic .logo {width: auto}
	.inform-clinic .contact {width: auto; padding-right: 0}
	.inform-clinic .side {width: auto; padding: 0; margin-top: 25px}
	.inform-clinic .side:after {display: none}

	.news-list .top {display: block}
	.news-list .img {max-width: 80px; padding-right: 0}
	.news-list .img.empty {display: none}
	.news-list .entry {padding-bottom: 0; margin-top: 15px; width: auto}
	.news-list .date {position: static; margin-top: 10px}

	.contact-fb .inln {display: block}
	.contact-fb .inln .item {width: auto}
	.contact-fb .bot {display: block}
	.contact-fb .bt {margin-top: 20px}

	.modal-form .form {max-width: none; padding-left: 20px; padding-right: 20px}
	.modal-form .item {display: block}
	.modal-form .value {margin-top: 5px}
	.modal-form .bt {text-align: center}
}

@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0)
{
	form button, a.button {transition: background .3s}
	form button:hover, a.button:hover {background: #5acbeb}

	.site-header .callback a {transition: color .3s}
	.site-header .callback a:hover {color: #007dc5}
	.site-header .menu ul li a {transition: color .3s}
	.site-header .menu ul li a:hover {color: #007dc5}

	.widget-menu ul li a {transition: color .3s}
	.widget-menu ul li a:hover {color: #007dc6}

	.inform-sert .item ul li a {transition: box-shadow .3s}
	.inform-sert .item ul li a:hover {box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75)}

	.site-footer a {transition: color .3s}
	.site-footer a:hover {color: #4ebde7}
}
@media screen and (max-width:700px) {
	.site-header .menu ul li a:hover {
		color: #FFF;
		text-decoration: underline;
	}
}