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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.heater_title {
	    /*font-size: 70px;*/
	    font-size: 4rem;
	}
	/* логотип в шапке */
	.logo {
		width: 80px;
	}
	.phone_top {
		padding: 0px 0px;
	}
	.phone_top p {
		font-size: 1.0rem;
	}
}

/* Medium Devices, Desktops IPAD */
@media only screen and (max-width : 992px) {
	.header {
	    padding: 20px 20px;
	}
	.heater_title {
	    /*font-size: 70px;*/
	    font-size: 3rem;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 640px) {
	.header {
	    padding: 20px 20px;
	}
	/*Здесь место для логотипа*/
	.h_left_row { 
	    /*display: block; */
	    /* width: 100%; */
	}
	
	/* логотип в шапке */
	.logo {
		display: block;
		position: relative;
		width: 80px;
		margin: 0px auto;
		border: 0px solid white;
	}

	.h_right_row {
	   /* display: block; 
	    width: auto;
	    text-align: right;
	    position: absolute;
	    top: 40px;
	    right: 5px;
	    font-size: 22px;*/
	}
	.heater_title {
	    /*font-size: 70px;*/
	    font-size: 3rem;
	}
	
	/*контейнер телефонов в шапке*/
	.phone_top a.fancybox {
		display: none;
	}
	.phone_top p {
		font-size: 1.5rem;
		margin-top: 5px;
	}
	.phone_top p a{
		/*text-decoration: underline;*/
	}



	#nav-wrap {

	    position: absolute;
	    top: 44px;
	    left: 20px;


	}

	#nav-wrap img {
		display: none;
	}

	#nav {
		background: #1e1e1e;
	}

	#menu-icon {
		color: #fff;
		background: url("../images/btn_menu_mob.png") no-repeat 0% 50%;
		font-size: 22px;
		padding: 0 0 5px 60px;
		cursor: pointer;
		display: block;
	}
	
	.h_left_row ul {
		display: none;
		position: absolute;
		width: 255px;
	}

	.h_left_row ul ul {
		position: relative;
	}

	.h_left_row li {
		display: block;
		background: #1e1e1e;
		z-index: 99;
	}

	.h_left_row a {
		font-size: 22px;
	}

	.h_left_row ul ul a {
		font-size: 18px;
		color: #e0ba8f;
		padding: 0px;
	}



	.main_content {
	    padding: 0px 0px 30px 0px;
	}

	.main_area h1 {
	    font-size: 45px;
	    margin: 0px 0 20px;
	    text-align: center;
	}
	
	.uslugi a {
	    height: auto;
	    padding: 0;
	    margin-bottom: 25px;
	}

	.footer_block {
	    margin-top: 50px;
	    padding: 0 0 25px;
	}

	.footer {
	    padding: 0px 20px 20px;
	    position: relative;
	}
	.f_adr, .f_ico, .f_tel {
	    display: block;
/*	    width: 100%; */
	}

	.f_adr, .f_tel p {
	    text-align: center;
	}

	.m_hidden {
		display: none;
	}

	.m_foot {
		position: absolute;
		width: 100%;
		text-align: center;
		bottom: 0px;
	}

	.m_foot {
		margin: 0px;
		text-align: center;
	}

	.main_area td {
		display: block;
	}

	.pimg_big_cont {
	    width: 100%;
	}

	.pimg_big {
	    float: none;
	    margin: 0 15px;
	}

	.form_vopr {
	    width: auto;
	}

	.heater_title {
	    /*font-size: 70px;*/
	    font-size: 3rem;
	}

	.top_text {
	    padding: 0;
	    position: relative;
	}

	.derevo {
	    position: absolute;
	    width: 316px;
	    height: auto;
	    top: 0;
	    left: -20px;
	}

	.top_text_line {
		display: none;
	}

/*Индивидуальный подход к сложным задачам*/
	.top_text_r {
	    position: absolute;
	    top: 0;
	    right: 0px;
	    background: #e0ba8f;
	}
	.top_text_r_2 {
	    width: 300px;
	    height: 196px;
	    border: 1px solid #7e5930;
	    margin: 7px;
	}

/*пустышка на главной, чтобы показать узор на черном фоне*/
	.top_text_l {
		/*display: none;*/
	    padding: 280px 0 50px;
	    /*margin: 0px auto;*/
	}

	.top_text_2 td {
		display: block;
		width: 100%;
	}

	.ind_catalog_st,
	.top_text_2_img_fix {display: none;}

	.ind_catalog_mod {
		display: block;
	}

	.slider_item {
	    width: 100%;
	    position: absolute;
	    display: block;
	}

	.slider_item:last-child .slider_img img {
	    float: none;
	}

	

	.top_text_2_cont {
		padding: 20px 0 0;
	}

	.top_text_2_cont p {
	    display: block;
	    width: 100%;
	    margin: 20px 0;
	    padding: 0;	    
	}

	/*в разделе производство*/
	.text_logo_black2{
		display: none;
	}
	.main_area .rezka_text1 {
		position: relative;
		top: 0px;
		left: 5px;
		font-size: 18px;
		width: 95%;
	}
	.rezka_text2 {
		position: relative;
		bottom: 10px;
		left: 0px;
		width: 95%;
		margin-top: 20px;
	}
	.derevo_text p {
		margin: 30px 5px 5px 5px;
	}

	/* в разделе Двери*/
	.dveri-text {
		padding: 10px 0 0 5px; 
		width: 95%;
	}
	.dveri-moda {
		padding: 0 5px;
	}

	/*на главной странице*/
	.text_logo_black {
		display: none;
	}

	.top_text_2_r_2 {
	    height: auto;
	    padding: 20px 0;
	}

	.top_text_2_r_2 p {
	    padding: 85px 100px 0 60px;
		font-size: 1.2rem;
	}
}

/* Extra Small Devices, Phones мой телефон вертикально */
@media only screen and (max-width : 480px) {
	.derevo {
		display: none;
	}
	.heater_title {
	    /*font-size: 70px;*/
	    font-size: 2.6rem;
	}
	.header_text {
		font-size: 1.0rem;
	}
	.form_vopr p, .form_chpt {
		font-size: 0.9rem;
	}
	.form_vopr input[type="text"],
	 .form_vopr textarea {
		width: 90%;
	}
	.form_vopr label {
		width: 90%;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.heater_title {
	    /*font-size: 70px;*/
	    font-size: 2.0rem;
	}
	.header_text {
		font-size: 0.8rem;
	}
}


/*==========  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 : 641px) {

	.h_left_row ul,
	.h_left_row li {
		display: inline-block;
	}

	.h_left_row li a:hover {
		text-decoration: none;
	}


	.h_left_row li a:hover,
	.h_left_row li a.active {
		border-bottom: 2px solid #e0ba8f;
	}

	.h_left_row li:first-child a:hover {
		border: none;
	}

	.h_left_row li:first-child {
		padding-left: 45px;
	  	background: url("../images/btn_menu.png") no-repeat 15px 15px;
	 }

	.h_left_row li:first-child:hover {
		background: url("../images/btn_menu.png") no-repeat 15px 15px #1e1e1e;
	}

	.h_left_row li:first-child:hover a {
		border: none;
	}

	.h_left_row ul ul {
			margin: 0;
			opacity: 0;
			padding:30px 15px;
			visibility: hidden;
			position: absolute;
			top: 41px;
			left: 0;
			z-index: 90;    
			background: #1e1e1e;
			width: 752px;
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
		}

	.h_left_row li:hover > ul {
			opacity: 1;
			visibility: visible;
			margin: 0;
	}
		
	.h_left_row ul ul li,
	.h_left_row ul ul li:first-child,
	.h_left_row ul ul li:first-child:hover  {
			border: 0;
			margin: 0px;
			padding: 0;
			background: transparent;
	}

	.h_left_row ul ul img {
		width: 77px;
	}

	.h_left_row ul ul li a {
		display: block;
		height: auto;
		line-height: 1.2;	
		color: #a5a5a5;
		text-transform: none;
		font-size: 14px;
		font-family: PlayfairDisplay;	
		width: 117px;
		text-align: center;
		padding: 5px 0;
	}

	.h_left_row ul ul li a,
	.h_left_row ul ul li a:hover,
	.h_left_row ul ul li a.active {
		border: none;	
	}


}

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

}

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

}