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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1100px) {
	.slider_el .s_kol { left: 190px; }
	.slider_el .s_price { right: 0; }

	.made h2 { font-weight: 700; }
	
	.link_part { display: none !important; }

	#partners_img {
		padding: 80px 35px !important;
	}
	#wrap {
		min-width: 320px;
		width: 100%;
	}
	.dp {
		width: 100%;
		max-width: 1040px;
		overflow: hidden;
	}

	/*header*/
	#header {
		height: auto;
	}
	#header .dp {
		padding-bottom: 20px;
	}
	#menu {
		position: relative;
		float: left;
		margin-top: 35px;
		top: 0;
		margin-left: 10px;
	}
	#menu a {
		margin: 15px 15px 15px 0;
		padding-bottom: 15px;
	}
	#callback {
		position: relative;
		float: right;
		margin-top: 35px;
		top: 0;
	}
	#callback a.get_call {
		display: none;
	}
	#maintext {
		position: relative;
		top: auto;
		left: auto;
		width: 666px;
		margin: 200px auto 0;
		background: url(images/logo_r.png) left top no-repeat;
		background-size: 162px auto;
		padding-left: 195px;
	}
	#old {
		position: relative;
		top: auto;
		margin-top: 20px;
		padding: 0 25px;
	}
	#icons {
		position: relative;
		top: auto;
		margin-top: 50px;
		text-align: center;
		font-size: 0;
	}
	#icons div {
		position: relative;
		display: inline-block;
		vertical-align: top;
		left: auto !important;
		right: auto !important;
		margin-top: 30px;
		padding-left: 100px;
		min-height: 90px;
		font-size: 16px;
	}
	#icons div:last-of-type {
		margin-right: 0;
	}

	/*made*/
	.made {
		padding: 0;
	}
	.made .dp {
		padding: 20px 0;
		text-align: center;
	}
	.made .title {
		margin-bottom: 15px;
		font-size: 25px;
		line-height: 30px;
	}
	span.tre { text-align: left; }
	.slider_el .s_price {  }
	.slider_el div { font-size: 15px;}
	.z_logo { padding: 25px 0; }
	.z_name { display: none; }
	.ass_m h2 { margin: 0; }
	.zavod2 .z_cif { left: 0; }
	.zavod1 { min-height: 320px !important; }
	h2 { 
		font-size: 25px;
		line-height: 30px;
	}
	.vline {
		bottom: 10px;
		display: none;
	}
	.zavod1, .zavod2 {
		zoom: 1;
	}
	.zavod {
		height: auto;
		min-height: 180px;
		background: none;
	}
	.zavod1 .z_logo {
		top: auto;
		margin-bottom: 10px;
	}
	.zavod div {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		margin: 5px auto;
	}

	.ass_m {
		text-align: center;
	}
	.slider_el {
		display: inline-block;
		vertical-align: top;
		float: none;
		margin: 30px 20px !important;
	}
	.hline {
		display: none;
	}
	.vline.vline2 {
		display: none;
	}

	/*delivery_cont*/
	#delivery_cont {
		-webkit-background-size: cover;
		background-size: cover;
		padding-bottom: 0;
	}
	#delivery_cont .dp {
		padding: 40px 0;
		text-align: center;
	}
	#delivery_cont .title {
		padding: 0;
		font-size: 25px;
	}
	#delivery_cont .title p {
		margin-top: 10px;
		padding: 0;
		font-size: 25px;
	}

	#dtext {
		float: none;
		display: inline-block;
		vertical-align: top;
		margin: 20px;
	}
	#delivery_cont #delivery {
		margin-top: 30px;
	}

	/*usl*/
	#usl {
		padding: 0;
	}
	#usl .dp {
		padding: 40px 0;
		text-align: center;
	}
	.subT1 {
		padding-top: 30px;
	}

	/*partners_img*/
	#partners_img {
		height: auto;
		padding: 10px 5px;
		background: none;
		font-size: 0;
		text-align: center;
	}
	#partners_img img {
		display: inline-block;
		max-width: 100%;
	}

	/*map*/
	#map {
		margin-top: 10px;
	}
}
@media only screen and (max-width : 768px) {
	#callback .callto { color: #8d172d !important; }

	/*header*/
	#maintext {
		width: 330px;
		margin: 80px auto 0;
		font-size: 16px;
		line-height: 26px;
		background: url(images/logo_r.png) left top no-repeat;
		background-size: 130px auto;
		padding-left: 150px;
	}
	#maintext span,
	#maintext p {
		font-size: 16px;
		line-height: 20px;
		margin-top: 0;
	}
	#maintext p {
		font-size: 12px;
	}
	#icons div {
		background-position: center top !important;
		padding: 110px 0 25px !important;
		text-align: center !important;
	}
	#old { margin-top: 50px; }


	.menu_toggle {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		background: #8D172D;
		border: none;
		width: 90px;
		height: 54px;
		text-indent: -900em;
		overflow: hidden;
		cursor: pointer;
		outline: none;
		z-index: 101;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.menu_toggle:after {
		content: '';
		position: absolute;
		width: 40%;
		height: 4px;
		background: #fff;
		top: 14px;
		left: 30%;
		box-shadow: 
			0 10px 0 #fff, 
			0 20px 0 #fff;
	}
	.menu_toggle:hover {
		background: #F8D201;
	}
	#menu {
		display: none;
		float: none;
		position: fixed;
		top: 54px;
		left: 0;
		width: 100%;
		margin: 0; 
		background: #8D172D;
		padding: 20px;
		z-index: 100;
	}
	#menu a {
		display: block;
		text-align: right;
		color: #fff;
		margin-bottom: 20px;
	}
	#menu a:last-of-type {
		margin-bottom: 0;
	}
	#callback {
		position: fixed;
		float: none;
		top: 0;
		height: 54px;
		line-height: 54px;
		padding: 0;
		margin: 0;
		text-align: left;
		width: 100%;
		background: #F8D201;
		color: #333 !important;
		padding-left: 20px;
		z-index: 100;
	}
	#icons {
		margin-top: 20px;
	}
	#icons div {
		width: 300px;
	}
	#icons div:last-of-type {
		margin-right: 0;
	}

	/*post*/
	#post {
		margin: 50px 0;
	}
	.title {
		font-size: 25px;
		margin-bottom: 10px;
	}
	#delivery {
		margin-top: 25px;
		padding-bottom: 10px;
	}

	/*partners_img*/
	#part_bg {
		padding: 0;
	}

	/*get_kp_modal*/
	#get_kp_modal {
	/*	width: 310px;*/
	}
	#get_kp_modal h2 {
		font-size: 26px;
	}
	#get_kp_modal #send {
		margin-left: 0;
		width: 100%;
	}

	#mapbg .title b {
		line-height: 60px;
	}

	#detail___truu_mobile {
		padding-top: 60px;
	}

}
@media only screen and (max-width : 480px) {
	/*header*/
	#maintext {
		width: 300px;
	}
	
	/*made*/
	.slider_el {
		width: 290px;
		margin: 20px 0;
		height: 320px;
		border-top: 1px solid #e5e5e5;
		padding-top: 25px;
	}
	.s_img { top: 75px !important; }
	#delivery a {
		font-size: 16px;
		padding: 6px 20px;
	}
	
	/*delivery_cont*/
	#dtext {
		width: 310px;
		margin: 20px 0;
		height: auto;
	}

	.fancybox-wrap {
		width: 90% !important;
		left: 5% !important;
	}

	.title {
		margin-bottom: 15px;
		font-size: 25px;
		line-height: 30px;
	}
	span.tre { text-align: left; }
	.slider_el .s_price {  }
	.slider_el div { font-size: 15px;}
	.z_logo { padding: 25px 0; }
	.z_name { display: none; }
	.ass_m h2 { margin: 0; }
	.zavod2 .z_cif { left: 0; padding-top: 30px; }
	h2 { 
		font-size: 25px;
		line-height: 30px;
		padding: 0 15px;
	}
	.subT .btnc {
		width: 280px;
	}
	#partners { display: none; }
	#mapbg span { line-height: 10px; }
	#mapbg {    background-size: auto 270px; height: 275px;}

	#delivery a {
		font-size: 16px;
		padding: 16px 30px;
	}
	.slider_el .s_kol { left: 160px; }

	#icons div { font-size: 16pt; }

	#get_kp_modal { padding-top: 60px; }
	#get_kp_modal h2 { 
		font-size: 14pt !important;
		line-height: 17pt;
	}

	.back_fancy {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;

font-weight: 300;
    font-size: 12pt;
    padding: 6px 15px;
    color: #000;
    border-bottom: 2px solid #8f8f8f;
    background: #ccc;
/*    background-image: linear-gradient(180deg, #fedc30 0%, #ffa206 100%);*/
    text-shadow: 0 1px rgba(0,0,0,0.1);
    border-radius: 8px;
    text-align: center;
	}

/*	#get_kp_modal {
		width: 240px !important;
	}
*/
}

@media only screen and (max-width : 414px) {
/*	#get_kp_modal { width: 320px !important; }*/
}

@media only screen and (max-width : 375px) {
/*	#get_kp_modal { width: 290px !important; }  */
}