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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) { 
    header .top_contacts{
		width: 70%;
	}
	.btn_zakaz{
		bottom: 50px;
	    right: 11%;
	}
	.first_ekran h1.h1_top{
		font-size: 30px;
		line-height: 40px;
		margin: 0;
		padding: 80px 0 5px;
	}
	.first_ekran_zakaz h1{
		padding: 20px 0 5px;
	}
	.first_ekran_zakaz h1.h_two{
		padding: 10px 0 20px;
	}
	.first_ekran form p.big_p{
		font-size: 24px;
		padding: 50px 0 20px 0;
	}
	.first_ekran form input{
		width: 47%;
	}
	.first_ekran form button{ 
		width: 96%;
	}
	.vigodi h1{
		font-size: 26px;
		line-height: 30px;`
		margin: 0;
		padding: 0 0 20px;
	}
	.vigodi p{
		font-size: 18px;
		line-height: 22px;`
		margin: 0;
		padding: 0;
	}
	.exit_ekran h1 span.exit_h{
		font-size: 24px;
		line-height: 28px;
	}
	.exit_ekran h1{
		font-size: 20px;
		line-height: 24px;`
		padding: 0;
	}
	.video .wrap_fut{
		width:100%;
		height:auto;
		padding: 70px 0 0 50px ;
	}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	
	.descript p{
		font-size: 18px;
	}
    header .top_contacts{
		width: 90%;
	}
	.first_ekran{
		background-image: url(../img/polosa4.jpg);
		background-position: top center;
		height: 650px;
	}
	.first_ekran h1.h1_top{
		font-family: "OpenSans";
		font-weight: normal;
		color: #fff;
		font-size: 24px;
		line-height: 34px;
		margin: 0;
		text-align: center ;
		padding: 95px 0 10px;
	}
	.first_ekran h1.h1_body.b_big{
		font-size: 30px;
		line-height: 38px;
		padding: 0 0 10px;	
	}
	.first_ekran h1.h1_body{
		font-size: 26px;
		line-height: 36px;
		padding: 0;	
	}
	
	.first_ekran h1.h1_footer{
		font-size: 16px;
		line-height: 18px;
		padding: 15px 0 130px;
	}
	.first_ekran p{
		font-size: 18px;
		line-height: 18px;`
		font-weight: normal;
		margin: 0;
		padding: 3px 0 8px;	
		text-align: center;
		color: #fff;
		text-shadow: 
		#000000 0 0 2px;
	}
	.btn_zakaz{
		bottom: 50px;
	    right: 10%;
	}
    .first_ekran_zakaz{
		height: 900px;
		margin: 30px 0 2px;
	}	
    .first_ekran form p.big_p{
		font-size: 24px;
		padding: 140px 0 20px 0;
	}
    .vigodi h1{
		font-size: 22px;
		line-height: 26px;`
		margin: 0;
		padding: 20px 0 20px;
	}
	.vigodi p{
		font-size: 18px;
		line-height: 22px;`
		margin: 0;
		padding: 0;
	}
	.mrg_p{
		margin: 0 0 10px;
	}
	.exit_ekran h1{
		padding: 20px 0 10px;
		line-height: 28px;`
	}
	.video .wrap_fut{
		padding: 50px 0 0 0;
	}
	.video img.logo_fut{
		width: 120px;
		display: block;
		margin: 20px auto 0 ;
		padding: 0;
	}
	.video img.insta_fut{
		float: right;
		width: 35px;
		margin: 0;
		padding: 0;
	}
	.video p, .video a{
		font-size: 16px;
		line-height: 20px;`
	}
	
}	
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.first_ekran{
		background-image: url(../img/polosa5.jpg);
		background-position: top center;
		height: 650px;
	}
	.descript p{
		font-size: 16px;
		line-height: 19px;
		padding: 10px 0 0 0;
	}	
     header .top_contacts{
		width: 60%;
	}
    .first_ekran h1.h1_top{
		font-family: "OpenSans";
		font-weight: normal;
		color: #fff;
		font-size: 24px;
		line-height: 34px;
		margin: 0;
		text-align: center ;
		padding: 55px 0 0;
	}
	.first_ekran h1.h1_body.b_big{
		font-size: 30px;
		line-height: 38px;
		padding: 0 0 0;	
	}
	.first_ekran h1.h1_body{
		font-size: 26px;
		line-height: 36px;
		padding: 0;	
	}	
	.first_ekran h1.h1_footer{
		font-size: 16px;
		line-height: 18px;
		padding: 5px 0 250px;
	}
	.first_ekran p{
		font-size: 18px;
		line-height: 18px;`
		font-weight: normal;
		margin: 0;
		padding: 3px 0 3px;	
		text-align: center;
		color: #fff;
		text-shadow: 
		#000000 0 0 2px;
	}
	.btn_zakaz{
		bottom: 50px;
	    right: 18%;
	}
	 .first_ekran form p.big_p{
		font-size: 24px;
		padding: 160px 0 20px 0;
	}
	.video .wrap_fut{
		padding: 20px 0 0 0;
	}
	.video img.logo_fut{
		width: 80px;
		margin: 0 auto 0 ;
		padding: 0;
	}
	.video img.insta_fut{
		width: 35px;
		margin: 0;
		padding: 0;
	}
	.video p, .video a{
		font-size: 16px;
		line-height: 20px;`
		text-align: right;
	}
}     
/* Custom, iPhone Retina */
@media only screen and (max-width : 632px) {
    .descript p{
		font-size: 16px;`
		padding: 10px 0 0 5px;
	}
    header .top_contacts{
		width: 65%;
	}
	.first_ekran_zakaz{
        background-position: center center;
		height: 950px;
	}
	.btn_zakaz{
		bottom: 50px;
	    right: 15%;
	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 540px) {

	.descript p{
		font-size: 14px;
		line-height: 17px;
		padding: 10px 0 0 5px;
	}
	.descript p span{
		display:block;
	}
	header .top_contacts{
		padding: 10px 0 0;
		width: 70%;
	}
	.first_ekran_zakaz{
        background-position: center center;
		height: 1000px;
	}
	.btn_zakaz{
		bottom: 50px;
	    right: 12%;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {		
    .logo img{
		width: 35px;
	}
	.descript{
		padding: 0 0 0 3px;
		margin: 0;
	}
	.descript p{
		font-size: 12px;
		line-height: 14px;`
		padding: 0 0 0;
		margin: 0;
	}	
	header .top_contacts{
		padding: 3px 0 0;
		width: 90%;
	}
    header .top_contacts a{
		font-size: 13px;
		line-height: 14px;
		margin: 2px 0 0;
	}
	header .top_contacts img{	
		width: 19%;
	}
	.btn_konsult{
		font-size: 14px;
		letter-spacing: 0;
		width: 180px;
		height: 25px;
		margin:  0;
		padding: 3px 0;
		background-color: #b90e1d;
	}
    .first_ekran{
		background-image: url(../img/polosa16.jpg);
		background-position: top center;
		height: 610px;		
	}
	.first_ekran_zakaz{
        background-position: center center;
		height: 1000px;
	}
	.first_ekran h1{
	    text-shadow: #000000 0 0 2px;
	}
	.first_ekran h1.h1_top{
		font-family: "OpenSans";
		font-weight: normal;
		color: #fff;
		font-size: 18px;
		line-height: 30px;
		margin: 0;
		text-align: center ;
		padding: 35px 0 0;
	}
	.first_ekran h1.h1_body{
		font-size: 20px;
		line-height: 22px;
		padding: 0;	
	}
	.first_ekran h1.h1_body.b_big{
		font-size: 24px;
		line-height: 20px;
		padding: 0;	
	}
	.first_ekran h1.h1_footer{
		font-size: 16px;
		line-height: 18px;
		padding: 5px 0 250px;
	}
	.first_ekran p{
		font-size: 18px;
		line-height: 18px;`
		font-weight: normal;
		margin: 0;
		padding: 3px 0 3px;	
		text-align: center;
		color: #fff;
		text-shadow: 
		#000000 0 0 2px;
	}
	.btn_zakaz{
		width: 250px;
		font-size: 16px;
		bottom: 90px;
	    right: 15%;
	}
	.first_ekran_zakaz h1{
		font-size: 20px;
		line-height: 22px;
		letter-spacing: 0;`
		margin: 0;
		text-align: left ;
		padding: 15px 20px 20px;
	}
	.first_ekran_zakaz .wrap_first h1{
		padding: 30px 20px 10px;
	}	
	.first_ekran_zakaz p{
		font-size: 18px;
		line-height: 20px;`
		margin: 0;
		padding: 0 20px 10px;
		text-align: left;
	}
	.first_ekran_zakaz form{
		margin: 200px 0 0;
		padding: 0;
	}
	.first_ekran_zakaz form input{
		float: none;
		width: 75%;
		height: 30px;
		display: block;
		margin: 0 auto 5px auto;
		padding: 0 0 0 10px;
		border: none;
	}
	.first_ekran_zakaz form button{
		border: none;
		background-color: #D9534F;
		font-size: 18px;
		font-weight: bold;
		width: 75%;
		height: 50;
		display: block;
		margin: 0 auto;
	}
	.first_ekran_zakaz form p{
		font-size: 20px;
		line-height: 16px;
		font-weight: normal;`
		margin: 0;
		padding: 10px 10px 10px;
	}
	.first_ekran_zakaz form p.big_p{
		font-size: 26px;
		line-height: 22px;
		font-weight: bold;`
		margin: 0;
		padding: 0 10px 0;
		text-align: center;
	}
    .first_ekran_zakaz p.spasibo_txt{
		font-size: 20px;
		line-height: 16px;
		font-weight: normal;`
		margin: 0;
		padding: 0 0 10px;
	}
	.first_ekran_zakaz h1.anketa_h{
		font-size: 28px;
		line-height: 28px;
	    padding: 70px 0 0;`
		text-align: left;
	}
	.first_ekran_zakaz p.anketa_p{
		font-size: 20px;
		line-height: 16px;
		font-weight: normal;`
		margin: 0;
		padding: 1 0 10px;
	}	
	.vigodi{
		padding: 30px 0 0;
		margin: 0;
	}
	.vigodi h1{
		font-size: 20px;
		line-height: 24px;`
		display: inline-block;
        text-align: center;
		padding: 10px 0 10px;
	}
	.vigodi h2{
		font-size: 16px;
		line-height: 20px;`
		margin: 0;
		padding: 0 0 20px;
	}
	.vigodi p{
		font-size: 16px;
		line-height: 18px;`
		margin: 0;
		padding: 0;
	}
	.mrg_p{
		margin: 0 0 10px;
	}
	.exit_ekran h1 span.exit_h{
		font-size: 20px;
		line-height: 24px;
	}
	.exit_ekran h1{
		font-size: 15px;
		line-height: 18px;`
		padding: 0;
	}
	.exit_ekran form p{
		font-size: 16px;
		line-height: 18px;`
		margin: 0;
		padding: 10px 0 10px;
	}
	.exit_ekran form input{
		width: 80%;
		height: 40px;		
		display: block;
		margin: 0 auto 10px;
		padding: 0 0 0 10px;
		border: #cccccc solid 1px;
	}
	.exit_ekran form button{
		border: none;
		font-weight: bold;
		background-color: #D9534F;
		font-size: 18px;
		width: 80%;
		height: 50px;
		display: block;
		margin: 0 auto;
	}
	.video{
		padding: 20px 0 0;
	}

	.video img.insta_fut{
		width: 30px;
		margin: 0;
	}
	.video .wrap_fut{
		padding: 10px 0 0 0;
	}
	.video img.logo_fut{
		width: 60px;
		margin: 0 auto 0 ;
		padding: 0;
	}

	.video p, .video a{
		font-size: 15px;
		line-height: 20px;`
	}
	.form_fot_first input{
		width: 300px;
		height: 50px;
	}

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 390px) {
    
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 355px) {
   
   .first_ekran{
		height: 500px;		
	}
	.logo img{
		width: 35px;
	}
	.descript{
		padding: 0 0 0 3px;
		margin: 0
	}
	.descript p{
		font-size: 12px;
		line-height: 14px;`
		padding: 0 0 0;
		margin: 0;
	}
	
	header .top_contacts{
		position: fixed;
		top: 5px;
		right: 15px;
		padding: 0;
		margin: 0;
		width: 45%;
	}
    header .top_contacts a{
		font-size: 11px;
		line-height: 12px;
		margin: 0;
		padding: 0;
	}
	header .top_contacts img{	
		width: 19%;
		margin: 0;
		padding: 0;
	}
	.btn_zakaz{
		right: 12%;
		bottom: 90px;
	}
	.descript p{
		font-size: 11px;
		line-height: 13px;`
		margin: 0;
	}
	.btn_konsult{
		font-size: 12px;
		letter-spacing: 0;
		width: 160px;
		height: 25px;
		margin:  0;
		padding: 3px 0;
		background-color: #b90e1d;
	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    
}


/*==========  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) {
	nav ul{
		display: block !important; 
	}
}

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

}