/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1199px) {
	.carousel-item__div {
		height: 280px;
	}
	.logo img {
	    width: 96px
	}
	.menutop li a {
	    padding: 12px 8px;
	}
	.heder_title {
	    width: 426px;
	}
	.heder_title p {
	    font-size: 18px;
	}
	.heder_title strong {
	    font-size: 24px;
	}
	.phone-cont strong,
	.adr-cont strong,
	.time-cont strong {
	    font-size: 18px;
	}
	.uslugi_list img {
		width: 100%;
	}
	.menuleft li a {
	    background: url("../images/menu_list.png") 190px 50% no-repeat;
	}

	.menuleft li a:hover,
	.menuleft li a.active {
		text-decoration: none;
		background: url("../images/menu_list.png") 190px 50% no-repeat #db584d;
	}

	.phone-cont {
		width: 160px;
		position: relative;
		margin-left: -20px;
	}

	.callback_cont {
		width: 160px;
		margin-left: -20px;
	}
}



@media only screen and (max-width : 991px) {
	.carousel-item__div {
		height: 260px;
	}
	.header {
		text-align: center;
	}

	.adr-cont, .time-cont {
		text-align: left;
	    max-width: 212px;
	    float: right;
	}

	.phone-cont {
		width: auto;
		margin-left: 0px;
		text-align: left;
	}

	.callback_cont {
		width: 160px;
		margin-left: 0px;
		margin-top: 8px;
	}

	.callback_btn, .callback_btn:hover {
	    display: block;
	    padding: 2px 0 3px 22px;
	}

	.menutop {
		text-align: center;
	}

	.zapis_btn, .zapis_btn:hover {
	    font-size: 16px;	
	}

}



/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	h1 {
		margin: 0 0 20px;
		padding: 8px 0 10px 50px;
	}

	.carousel-item__div {
		height: 230px;
	}

	.adr-cont,
	.time-cont {
		display: none;
	}

	.phone-cont {text-align: center;}

	.menuleft li a {
	    background: url("../images/menu_list.png") 245px 50% no-repeat;
	}

	.menuleft li a:hover,
	.menuleft li a.active {
		text-decoration: none;
		background: url("../images/menu_list.png") 245px 50% no-repeat #db584d;
	}	
	.phone-cont {
		width: auto;
		position: relative;
		margin-left: 0px;
	}

	.callback_cont {text-align: center;
		width: 100%;
		margin-left: 0px;
	}

	.callback_btn,
	.callback_btn:hover {
		width: 168px;
		padding: 2px 0 3px 16px;
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
	}

	.tel_zapis_text {
		width: auto;
		margin: 0px auto;
		padding: 85px 0 15px;
		background: url("../images/red_tel.jpg") 50% 5px no-repeat;
	}

	.tel_zapis_text p {
		width: 220px;
		position: relative;
		margin: 0px auto;
	}

	.menutop,
	.menutop li:first-child a:hover,
	.menutop li:first-child a.active {
		border-radius: 0px;
	}

	.menutop {
		text-align: center;
	}

	.menutop li a {
	    font-size: 14px;
	    padding: 5px 8px;
	}

	.menutop_cont {
		margin: 0;
		padding: 0;
	}

	.menuleft ul ul {
		display: none;
	}
	.uslugi_list td {
		display: block;
		width: 100%;
	}
	.uslugi_list img {
		width: auto;
	}

	.heder_title_1 {
		border: none;
	}

	.heder_title {
		border: none;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	.header {
		text-align: left;
	}

	.carousel-item__div {
		height: 130px;
	}

	.heder_title_1 {
		border: none;
		margin: 0;
		padding: 0;
	}

	.heder_title {
		width: auto;
		padding: 6px 0px;
		border: none;
		margin:0;
		text-align: center;
	}

	.heder_title span {
		display: block;
		position: absolute;
		top: -62px;
		left: 80px;
		z-index: 0;
	}

	.heder_title strong {
		font-weight: normal;
		font-size: 30px;
		color: #34733d;
	}

	.heder_title p {
	    font-size: 16px;
	}

	.logo img {width: 80px}


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
.carousel-item__div {
	height: 120px;
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}