/*                                   1230px
------------------------------------------------------------------------------- */
@media screen and (max-width: 1230px) {
	#intro-wrapper {
		margin-bottom: 0px;
	}
	#intro {
	    height: 850px;
	}
	#intro-wrapper .boxes {
	    max-width: none;
	    left: 0;
	    bottom: 40px;
	}
	#intro-wrapper .box {
	    width: 33.33%;
	    font-size: 1em;
	    min-height: 245px;
	    padding:30px;
	}
	h2 {
    	font-size: 1.5em;
	}
	h3 {
    	font-size: 1.3em;
	}
	.two-cols .txt {
	    padding: 20px 40px;
	}	
	.two-cols .image::after {
    	padding-top: 80%;
    }
}

/*                                   1030px
------------------------------------------------------------------------------- */
@media screen and (max-width: 1030px) {
	.btn {
    	padding: 0 1em;
    	line-height: 2.4em;
	}
	#main_nav a {
		padding:10px;
	}
	.header_top {
		padding:10px 0 0px;
	}
	#logo {
		width:200px;
		margin-top:15px;
	}
	#intro {
	    height: 710px;
	}
	#intro-wrapper .box {
	    min-height: 210px;
	    padding: 20px;
	}
	#intro-wrapper .box h2 {
	    margin-bottom: 10px;
	}
	.two-cols .txt {
	    padding: 10px 20px;
	}
	.two-cols .txt h3, .two-cols .txt p {
	    margin-bottom: 10px;
	}
	.two-cols .image::after {
		padding-top: 90%;
	}
	.two-cols .pediatric_service, .two-cols .nephrologic_service {
		background-size: 150%;
	}
	.form_box_wrapper {
	    background-position: 160px 50%;
	    background-size: cover;
	}
	.form_box {
	    width: 40%;
	}
}

/*                                   860px
------------------------------------------------------------------------------- */
@media screen and (max-width: 860px) {
	#menu-button {
    	display: block;
	}
	#menu.inactive {
		display:none;
	}
	#menu.active {
		display:block;
	}
	#menu {
		float: none;
		top:110px;
    	position: fixed;
    	width: 100%;
    	height: auto;
    	left: 0;
	    margin: 0;
	    padding: 10px 0 4px;
	    background: #f4f3f3;
	    z-index: 333;
	}
	#menu li {
		display:block;
		height: 46px;
        margin: 0 10px 6px;
	}
	#menu li a {
	    display: block;
	    height: 46px;
	    line-height: 46px;
	    padding: 0 25px;
	    color: #242424;
	    background: #fff;
	}
	#main_nav a {
		border-bottom:none;
	}
	#main_nav .current a {
		color: #fff;
		background:#f9525a;
		border-bottom:none;
	}
	#intro {
	    height: 560px;
	}
	.intro-txt h1 {
	    font-size: 2em;
	}
	#intro-wrapper .box {
	    min-height: 180px;
	}
	#intro-wrapper .box h2 {
	    font-size: 1.2em;
	}
	#intro-wrapper .box p {
	    margin-bottom: 5px;
	}
	#intro-wrapper .box .info {
		display:none;
	}
	.two-cols .col {
		width: 100%;
	}
	.two-cols .pediatric_service, .two-cols .nephrologic_service {
	    background-size: 100%;
	}
	.two-cols .image::after {
	    padding-top: 40%;
	}
	.two-cols .txt {
	    padding: 20px 0px;
	}
	.three-cols .col {
	    width: 49%;
	    padding: 0 10px;
	    margin-bottom: 20px;
	}
	.three-cols .col .news_txt, .one-col .col .news_txt {
	    padding: 0 10px;
	}
	.one-col .col .image-wrapper {
		width:50%;
	}
	.banner h3 {
		font-size: 1.2em;
	}
	#footer {
		height: 390px;
	}
	#content-wrapper {
	    padding: 0px 0 390px;
	}
	.footer-nav li {
	    margin-bottom: 10px;
	}
}

/*                                   750px
------------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {
	.form_box_wrapper {
	    background-position: 180px 50%;
	}
	.form_box {
	    width: 55%;
	}
}

/*                                   680px
------------------------------------------------------------------------------- */
@media screen and (max-width: 680px) {
	.row {
	    width: 64%;
	    display: inline-block;
	    margin-bottom: 20px;
	    background: #ebebeb;
	}
	.row.table-head {
	    background: #f9525a;
	    color: #fff;
	    width: 35%;
	    display: inline-block;
	}
	.row.table-head.first {
	  display:inline-block;
	}
	.col-2 {
	    width: 100%;
	    border-bottom: 1px solid #fff;
	}
}

/*                                   620px
------------------------------------------------------------------------------- */
@media screen and (max-width: 620px) {
	#logo {
	    width: 120px;
	    margin-top: 15px;
	}
	#header .contacts .col br {
	    display: none;
	}
	#header .contacts .col {
    	width: 100%;
    	max-width: none;
    	padding-top:0;
    	margin-left:0;
	}
	#header .contacts svg {
		width:8px;
	}
	#header .contacts img {
		display:none;
	}
	#intro {
	    height: 450px;
	}
	.intro-txt h1 {
	    font-size: 1.5em;
	}
	.intro-txt .btn {
	    margin-top: 10px;
	}
	#intro-wrapper .box {
	    min-height: 130px;
	    padding: 10px;
	    text-align: center;
	    width:50%;
	}
	#intro-wrapper .box:nth-child(3) {
	    display: none;
	}
	#intro-wrapper .box h2 {
	    margin-bottom: 10px;
	}
	#intro-wrapper .box .btn {
	    margin-top: 10px;
	}
	.banner {
	    width: 100%;
	    padding: 15px 0 10px;
	}
	.banner h3 {
	    float: none;
	    text-align: center;
	    margin-bottom: 20px;
	}
	.banner .btn {
	    float: none;
	    text-align: center;
	}
	.one-col .col .image-wrapper {
	    width: 100%;
	    float: none;
	    margin-right: 0;
	    margin-bottom: 2%;
	}
}

/*                                   520px
------------------------------------------------------------------------------- */
@media screen and (max-width: 520px) {
	#intro {
	    height: 410px;
	}
	#intro-wrapper .box p {
    	font-size: 0.8em;
	}
	.three-cols .col {
	    width: 100%;
	    padding: 0;
	}
	.three-cols .col .image-wrapper {
	    margin-bottom: 15px;
	}
	.form_box {
	    width: 100%;
	}
	.crew .image {
	    float: none;
	    margin-left: 0;
	    text-align: center;
	}
}

/*                                   480px
------------------------------------------------------------------------------- */
@media screen and (max-width: 480px) {
	#header .contacts {
		font-size:0.8em;
	}
	#intro-wrapper {
	    margin-bottom: 30px;
	}
	#intro {
	    height: 620px;
	}
	#intro-wrapper .boxes {
	    bottom: 0;
	}
	#intro-wrapper .box {
	    width: 100%;
	    padding: 20px 10px;
	    min-height:auto;
	}
	#intro-wrapper .box:nth-child(3) {
	    display: block;
	}
	.intro-txt .btn {
		padding: 0 1em;
	    line-height: 2em;
	    font-size: 0.9em;
	}
	.intro-txt {
	    margin-top: 30%;
	}
	#intro-image {
		min-width: 150%;
	}
	#footer {
	    height: 420px;
	}
	#content-wrapper {
	    padding: 0px 0 420px;
	}
	.row {
	    width: 57%;
	}
	.row.table-head {
	    width: 42%;
	}
	.col-2 {
	    font-size:0.9em;
	    padding:5px;
	}
}

/*                                   400px
------------------------------------------------------------------------------- */
@media screen and (max-width: 400px) {
	#logo {
	    margin-top: 10px;
	}
	#header .left {
	    margin-bottom: -12px;
	}
	#header .contacts {
		display:none;
	}
	#menu {
	    top: 90px;
	}
	#footer {
	    height: 470px;
	}
	#content-wrapper {
	    padding: 0px 0 470px;
	}
}