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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	header .top_header nav .menu li a{
		font-size: 16px;
		margin: 0 10px;
	}
	header .block_title .title p br{
		display: none;
	}
	header .block_title{
		padding-top: 280px;
	}	
	.about .about_block p br{
		display: none;
	}
	.about{
		padding-bottom: 130px;
	}
	.about .about_block a{
		margin-top: 30px;
	}
	.offer .wrap_offer .wrap_btn a{
		display: block;
		width: auto;
		max-width: 387px;
	}
	.path .wrap_path .path_step{
		min-height: 130px;
	}							
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	header .top_header nav .menu{
		display: none;
	}
	header .top_header .colapse-menu-button{
		display: block;
	}
	header .top_header nav{
		margin:0;
	}
	header .top_header nav .menu li{
		display: block;
		text-align: center;
	}
	header .top_header nav .menu li a{
		display: inline-block;
		margin: 5px 0;
	}
	.about .forma{
		margin: 50px auto 0;
	}
	.path .wrap_path{
		background:none;
		padding-top: 0;
	}
	.path .wrap_path .path_step{
		margin-bottom: 70px;
		min-height: 0;		
	}
	.path .wrap_path .path_step:after{
		position: absolute;
		bottom:-50;
		left:50%;
		margin-left: -14px;
		content:url('../images/arrow.png');	
	}
	.path .wrap_path .col-xs-12:last-child .path_step:after,
	.path .wrap_path .col-sm-12:last-child .path_step:after
	{
		display: none;
	}			
	.path .wrap_path .path_step.s1,
	.path .wrap_path .path_step.s2,
	.path .wrap_path .path_step.s3,
	.path .wrap_path .path_step.s4,
	.path .wrap_path .path_step.s5,
	.path .wrap_path .path_step.s6,
	.path .wrap_path .path_step.s7,
	.path .wrap_path .path_step.s8,
	.path .wrap_path .path_step.s9
	{
		margin-left: 0!important;

	}
	.path .wrap_path .path_step.big_block{
		width: 100%;
	}
	.path .wrap_path .path_step p br{
		display: none;
	}
	.map .contacts{
		display: block;
		width: auto;
		height: auto;
		max-width: 350px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.map .forma{
		display: block;
		width: auto;
		max-width: 445px;
		float: none;
		margin: 30px auto 0;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.offer .wrap_offer .wrap_btn a{
		margin: 20px auto;
	}
	header .block_title .title h1{
		font-size: 40px;
	}
	header .block_title .title h1 span{
		font-size: 55px;
	}
	header .block_title{
		padding-top: 150px;
		min-height: 0!important;
	}
	footer .wrap_logo_copy{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;		
	}
	footer .social{
		text-align: center;
	}
	footer .social ul li a{
		margin: 0 7px;
	}				
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 600px) {
	.about .forma{
		width: 100%;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.offer .wrap_offer .wrap_btn a{
		font-size: 26px;
	}
	.map .contacts{
		padding:0 20px 20px;
	}
	.about .forma h5,
	.map .forma h5
	{
		font-size: 21px;
	}
	header .block_title .title h1 span{
		font-size: 35px;
	}	
	header .block_title .title h1{
		font-size: 30px;
	}
	header .block_title .title p{
		font-size: 20px;
	}
	footer .wrap_logo_copy{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;		
	}
	footer .wrap_logo_copy p{
		margin-top: 10px;
	}
	.cost_block .wrapper table tr td:last-child{
		width: auto;
		padding-left: 10px;
	}
	.cost_block .title h2{
		font-size: 30px;
	}	
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.col-xs-1,
	.col-xs-2,
	.col-xs-3,
	.col-xs-4,
	.col-xs-5,
	.col-xs-6,
	.col-xs-7,
	.col-xs-8,
	.col-xs-9,
	.col-xs-10,
	.col-xs-11,
	.col-xs-12
	{
  		padding-right: 0;
  		padding-left: 0;
	}
	.cost_block .title h2{
		font-size: 24px;
	}
	.cost_block .wrapper table tr td{
		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) {

}