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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.warp_menu .container::before, .warp_menu .container::after{
		height: 53px;
	}
}

@media (min-width: 1335px) {
	.warp_menu .container::before,
	.warp_menu .container::after	{
		width: 58px;
	}
}

@media (min-width: 992px) and (max-width: 1280px) {
	.warp_menu{
		border: none;
	}
	.warp_menu .container::before,
	.warp_menu .container::after	{
		display: none;
	}
}



@media (min-width: 992px) and (max-width: 1199px) {
	.warp_btn_head{
		text-align: center;
	}
	.warp_btn_head a{
		display: inline-block;
	}
	.index_block a{
		height: 210px;
	}
	.index_profel .items{
		height: 400px;
	}
	.index_o_nas span img{
		width: 100%;
		height: auto;
	}
	.footer_phone a{
		font-size: 20px;
	}
	.link_block .col a{
		font-size: 10px;
	}
	.poduction_profil .items{
		height: 512px;
	}
	.block_bg_grad img{
		width: 100%;
		height: auto;
	}
	.block_bg_grad .table td{
		line-height: normal;
		padding-bottom: 20px;
	}
	.index_o_nas img{
		width: 100%;
	}

}	

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

}

/* Small Devices, Tablets */
@media only screen and (max-width : 769px) {
	.index_shema img, .index_o_nas img{
		width: 100%;
		height: auto;
	}


	.warp_menu .container::before, .warp_menu .container::after{
		display: none;
	}

	.warp_btn_head{
		text-align: center;
	}
	.warp_btn_head a{
		display: inline-block;
	}
	.footer_phone a::before{
		width: 16px;
		height: 16px;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.footer_phone a{
		font-size: 14px;
	}
	.index_block a{
		margin-bottom: 30px;
	}

	.index_profel .fix_profel{
		height: 329px;
	}
	.warp_profel_img img{
		width: 100%;
		height: auto;
	}
	.redz-link, .redz-link a:hover{
		font-size: 12px;
	}
	.warp_index_price .index_price_block{
		max-height: 200px;
		margin-bottom: 20px;
	}

	.block_bg_grad img{
		width: 100%;
		height: auto;
	}
	.block_bg_grad .table td{
		line-height: normal;
		padding-bottom: 0px;
		font-size: 12px;
	}

	.block_bg_grad .table tr td:first-child{
		font-size: 12px;
	}
	.block_bg_grad .table .table_price{
		font-size: 13px;
	}

	.index_price_block p{
		font-size: 12px;
	}
	.index_price_block a{
		font-size: 12px;
		padding: 10px 13px;
		margin-left: -47px;
	}

	.cotteg_img a{
		height: 255px;
		margin-bottom: 15px;
	}
	.warp_cotteg_block{
		height: 255px;
	}

	.index_price_block a{
		top: 72px;
	}

	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

}

@media only screen and (max-width : 769px) {
	.index_shema img{
		width: 50%;
		height: auto;
	}
	.index_shema .row div::before{
		top: 28px;
	}
	.block_bg_grad .col-5{
		-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}
	.warp_cotteg_block a{
		 font-size: 15px;
	line-height: 79px;
	}
	.warp_slogan span::after,
	.warp_slogan span::before{
		display: none;
	}
	.warp_slogan:after{
		content: '';
		width: 120px;
		height: 38px;
		display: block;
		background-image: url('i/rehau_logo.png');
		background-repeat: no-repeat;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.index_o_nas img{
		margin-top: 15px;
	}
	.index_shema img{
		width: auto;
		height: auto;
	}
	.warp_slogan span{
		font-size: 16px;
	}
	.header_phone{
		text-align: center;
	}
	.warp_btn_head{
		text-align: center;
	}
	.callback{
		display: block;
		margin:auto;
		width: 275px;
		margin-bottom: 10px;
	}
	.redz_slider .carousel-caption h5{
		font-size: 14px;

	}
	.redz_slider .carousel-caption p{
		font-size: 12px;
		line-height: 19px;
	}
	.index_shema .row div::before{
		display: none;
	}
	.index_block a{
		height: 177px;
	}
	.link_block{
		display: none;
	}
	.warp_cotteg_block a{
		height: 50%;
		width: 50%;
		float: left;
		font-size: 14px;
		line-height: 120px;
	}
	.warp_cotteg_block a:last-child{
		width: 100%;
	}
	.index_profel .fix_profel{
		height: 450px;
	}
	div.news-detail img{
		max-width: 100%;
		width: 100%;
		height: auto;
}




}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.warp_logo img{
		width: 100%;
		height: auto;
	}
	.warp_slogan{
		font-size: 11px;
	}
	.warp_slogan span {
		font-size: 14px;
	}
}


/*==========  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) {
		.container {
			max-width: 1200px;
		}
	}