/*IPAD PRO BEGIN*/
@media (min-width: 768px) and (max-width: 1199px){

	body {
		background: url(../img/bg1.jpg) 20% 76px no-repeat white;
	}

	#form2 .form_title div {
		line-height: 150%;
		font-size: 30px;
		color: #010101;
		text-transform: uppercase;
	}

	#form2 {
		width: 47%;
	}

	.top_addr div {
		color: black;
		font-size: 14px;
	}

	.gifts_block_title {
		font-size: 18px;
	}

	.gifts_block_title br {
		display: none;
	}

	.gifts_block_items .item_text {
		font-size: 12px;
	}

	.gifts_block {
		padding: 20px 10px;
		display: block;
	}

	.gifts_block_title {
		font-size: 18px;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;	
	}

	.bg_grey_before .img-wrap img {
		top: -20px;
		left: 50%;
	}

}
/*IPAD PRO BEGIN*/

/*IPAD BEGIN*/
@media (min-width: 768px) and (max-width: 991px) {

	.bg_grey_before .img-wrap img {
		top: 50px;
		left: 50%;
	}

	.top_addr span {
		display: none;
	}

	#form3 {
		padding-top: 62px;
		text-align: left;
		padding: 0;
		padding-bottom: 30px;
		width: 100%;
		margin: 0 auto;
		background: none;
	}

	#form3 .form-group input[type=text] {
		border: 1px solid #ccc;
	}

	.bg_grey2_before {
		background: none;
	}

	.bg_grey2_before .bg_grey {
		background: none;
	}

	.bg_grey21_before .img-wrap {
		display: flex;
		justify-content: flex-start;
		margin-top: 0;
		margin-bottom: -20px;
		/* position: relative; */
		z-index: 3;
		margin-bottom: 0;
	}

	#form4 {
		margin-top: 0;
	}

	#form4 .form4-wrap {
		display: block;
		margin-top: 10px;
	}

	#form4 .form4-wrap > span {
		width: 100%;
		margin-bottom: 20px;
	}

	/* .logo1 {
		width: 15%;
	}

	.logo2 {
		width: 15%;
	} */

	/* .top_phone {
		font-size: 16px;
	} */

	body {
		background: url(../img/bg1.jpg) 33% 76px no-repeat white;
	}

	header .popup {
		width: 23%;
	}

	.top_addr div {
		font-size: 11px;
		display: none;
	}

	.title_ags {
		width: 80%;
	}

	.cars_items {
		flex-flow: wrap;
		justify-content: space-between;
	}

	.cars_items > li {
		width: 48%;
		margin-left: 0 !important;
	}

}
/*IPAD END*/

/*MOBILE BEGIN*/
@media (max-width: 767px) {
	
	.fancybox-type-image {width: 100% !important;margin: 0px !important;left: 0px !important;}
	.fancybox-close {right: 9px !important;top: -21px !important;
	    right: 6px !important;
	    top: -6px !important;
	}
	.fancybox-inner {width: 100% !important; height:auto !important; margin: 0px !important;padding: 0px !important;}
	.fancybox-wrap {margin:0px !important; height:auto !important; width: 100% !important;left: 0px !important; }
	.fancybox-type-image { padding:0px !important; }
	.fancybox-type-image .fancybox-close {top: -8px !important; }
	.fancybox-type-image .fancybox-inner { padding:0px !important; border: 0px; }


	.resp_table tr {display: block;}
	.resp_table tr th {display:none;}
	.resp_table tr td {width:100%;display: block;}
	.resp_table tr td:before {display:inline-block;width: 43%;margin-right: 2%;font-weight: 700;vertical-align: top;}

[id*="timer-text-"][id*="-days"],
[id*="timer-text-"][id*="-hours"],
[id*="timer-text-"][id*="-minutes"],
[id*="timer-text-"][id*="-secundes"]
{ color:black !important;  }


	body {
		background-position: 75% 100px;
		background-size: 200%;
	}
	* {}
	button,input {}

	img {}



	.bg_grey_before {
    background: #e4ded8;
    height: auto;
}
	.bg_grey_before .img-wrap
	{
    margin: 0px;
    display: block;
    margin-top: 20px;
}
	.bg_grey_before .img-wrap img
	{
    margin: 0px;
    height: initial;
    position: relative;
    left: 0px;
}
	.bg_grey_before .bg_grey {
    display: block;
    margin: 0px;
    padding: 0px;
}



	.bg_grey2_before {
    background: #e4ded8;
    margin-top: 40px;
}
	.bg_grey2_before .container
	{}

	.bg_grey21_before
	{}
	.bg_grey21_before .img-wrap
	{margin: 0px;display: block;}
	.bg_grey2_before .img-wrap img
	{}
	.bg_grey2_before .bg_grey {}



	.bg_blue {}


	a:hover {}

	.fancybox-type-image .fancybox-close {}
	.fancybox-close {}

	input[type=text],
	input[type=phone],
	input[type=email],
	input[type=tel],
	input[type=mail],
	select
	{}
	select
	{}

	button,
	input[type=submit]
	{}


	.has-danger input,
	.has-danger select,
	.has-danger textarea
	{}

	#form_popup,#form_popup2 {}
	.popup_container {}
	.popup_container h2
	{}
	.popup_container .close
	{}
	.popup_container .close:before
	{}
	.popup_container .close:after
	{}

	.popup_container .form-group input[type=text] {}
	.popup_container .form-group button {}


	.button1  {}
	.button1:hover {}
	.button1:after {}

	.button1.blue_red  {}
	.button1.blue_red:hover {}
	.button1.blue_red:after {}

	.button1.blue_blue  {}
	.button1.blue_blue:hover {}
	.button1.blue_blue:after {}

	.button1.red_red  {}
	.button1.red_red:hover {}
	.button1.red_red:after {}



	form {}
	form .form-group {}
	.form_title
	{}
	.form_title div
	{}
	.form_title span {}
	.form_title b
	{}


	header {}
	.title1_conatiner .proc10 
	{
	    left: 0px;
	    top: 140px;
	    font-size: 9px;
	    width: 110px;
	    display: inline-block;
	    padding: 6px 8px;
	}
	.title1_conatiner .proc10 span { font-size:21px; }
	.title1_conatiner .proc10 b { font-size:39px; }
	header .container {
    flex-wrap: wrap;
    height: auto;
    padding-bottom: 10px;
}
	.logo1 {}
	.logo1 img {
    width: 130px;
}
	.logo2 {}
	.logo2 img {
    width: 150px;
}

	.top_addr {  display: none;  }
	.top_addr div {}
	.top_addr span {}
	.top_phone {
    margin-top: 10px;
}
	header .popup
	{
	    position: absolute;
	    right: 15px;
	    bottom: 4px;
	    display: inline-flex;
	    height: auto;
	    padding-left: 10px;
	    padding-right: 10px;
	    font-size: 16px;
		width:auto;
	}
	header .popup:hover {}
	.timer {
    overflow: hidden;
    align-items: flex-start;
    justify-content: flex-start;
    	height:50px;
	margin-bottom:0px;
	}
	.timer>div{ transform: scale(0.65); transform-origin: top left; }


	footer {  
	background: #1e2b69;  
	text-align: center;  
	color: white;}
	footer .container {}

	.title_ags {
		flex-flow: wrap;
		width: 100%;
	}

	.title_ags a {
		width: 100%;
		margin-bottom: 15px;
	}


	.title1_conatiner {
    padding-top: 30px;
}
	.title1 {
    font-size: 24px;
		text-align: center;
		margin-bottom: 230px;
}
	.title1_comment {
    font-size: 20px;
	    margin-top: 5px;
}
	.title1_comment span {
    font-size: 26px;
}
	.title1_comment2 {
    color: black;
}
	.title1_comment2 div {}
	.title1_comment2 span {}

	.buttons_container .popup { order:2;
		margin-top: 15px;}
	.buttons_container .popup:after {}
	.buttons_container .popup span {}
	.buttons_container .popup:hover {}


	.title2 {
    padding-top: 20px;
    line-height: 100%;
}



.gifts_block_title {
	font-size: 18px;
}

.gifts_block_title br {
	display: none;
}

.gifts_block_items .item_text {
	font-size: 14px;
}

.gifts_block {
	padding: 20px 10px;
	display: block;
}

.gifts_block_title {
	font-size: 18px;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;	
}

.gifts_block_items {
    flex-wrap: wrap;
}

.gifts_block_items .item {
	width: 100%;
	text-align: left;
	margin: 10px 0 10px 30px;
}

.gifts_block_items .item a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.gifts_block_items .item_img {
	margin: unset;
	margin-right: 10px;
}

.gifts_block_items .item_img img {
	margin: 0 auto;
	display: block;
}


	.cars_items {}
	.cars_items > li {
    width: 100%;
    margin-left: 0px;
}
	.cars_items > li:nth-child(3n-2)
	{
    width: 100%;
    margin-left: 0px;
}
	.cars_items > li .circle_credit
	{
    right: 0px; top:0px;
}
	.cars_items > li .circle_credit span {}
	.cars_items .title { font-size: 25px; }
	.cars_items .price {}
	.cars_items .price span {}
	.cars_items .vigoda {}
	.cars_items .vigoda b {}

	.cars_items .title span {}
	.cars_items .image {}
	.cars_items .image img {}
	.cars_items .button1 {}
	.cars_items .button1:hover {}
	.cars_items .button1 + .button1 {}

	.cars_items li ul
	{}
	.cars_items li li
	{}
	.cars_items li li:before
	{}





	.bg_grey_before .container
	{}
	#form2 {
    width: 100%;
}
	#form2 .form_title {
    line-height: initial;
}
	#form2 .form_title div {
    font-size: 20px;
}
	#form2 .form_title span {
	    margin-bottom: 10px;
    display: block;
    margin-top: 10px;
	}

	#form2 .form-group {
    width: 100%;
}
	#form2 .form-group input[type=text] {}
	#form2 .form-group button[type=submit] {}
	#form2 .form-group button[type=submit]:hover {}




	#form3 {
    width: 100%;
    padding: 0px;
    padding-bottom: 20px;
}
	#form3 .form_title {}
	#form3 .form_title div {
    font-size: 30px;
    line-height: initial;
    margin-top: 20px;
}
	#form3 .form_title span {}
	#form3 .form_title b {
    font-size: 16px;
}
	#form3 .form-group {
    width: 100%;
}
	#form3 .form-group input[type=text] {
    width: 100%;
}
	#form3 .form-group button[type=submit] {
    width: 100%;
}
	#form3 .form-group button[type=submit]:hover {}




	#form4 {
    margin: 0px;
    margin-top: 40px;
    padding: 0px;
    padding-top: 20px;
}
	#form4 .form_title {
    font-size: 30px;
    padding-bottom: 0px;
}
	#form4 .form_title div {}
	#form4 .form4-wrap
	{
    display: block;
}
	#form4 .form4-wrap>span
	{
    width: 100%;
    padding-bottom: 10px;
}
	#form4 .form4-wrap>div
	{
    display: block;
}
	#form4 .form4-wrap b
	{}
	#form4 .form4-wrap>label
	{}
	#form4 .form-group {
    width: 100%;
    margin-bottom: 4px;
}
	#form4 .form-group input[type=text] {}
	#form4 .form-group button[type=submit] {}
	#form4 .form-group button[type=submit]:hover {}
	#form4 .agree_field {
    margin-left: 0px;
    width: 100%;
    text-align: left;
}
	#form4 .agree_field a {}



	#map1 {
    width: 100%;
    margin: 0px;
    margin-top: 40px;
}


	.contacts {}
	.contacts .container {
    display: block;
    /* padding: 0px; */
    width: 100%;
    padding: 0px;
}
	.contacts .title2 {
    font-size: 30px;
}
	.contacts .block_text {width: 100%;padding: 0px 15px;margin: 0px;}
	.contacts .block_text .title {
    width: 100%;
    padding-top: 15px;
}

	.contacts .block_text .title:first-child {}

	.contacts .block_text .bottom_addr {}
	.contacts .block_text .work_time {}
	.contacts .block_text strong {}
	.contacts .bottom_phone {}
	.contacts .button1 {
    text-align: left;
}






	.bottom_addr {}
	.bottom_addr .popup {}


	.bottom_logo_text {}

	.bottom_phone {}


	.agree_field {}
	.popup_container .agree_field  {}

	.agree_field input {}
	form.popup_on .agree_field input {}

	.agree_field a {}

	form.not_agree input[type="submit"],form.not_agree button[type="submit"],form.not_agree a.submit {}

	.form-disclamer {}	
}
/*MOBILE END*/

/* Portrait phones and smaller */
@media (max-width: 576px)
{
	.title1_comment2
	{ padding-top:140px; }
	.buttons_container 
	{
		padding-top:0px; 
	    display: flex;
	    flex-direction: column;
	}

}

@media (max-width: 420px)
{
	.title1_comment2
	{padding-top: 10px;}
	.buttons_container { padding-top:0px; }
	.title1 {
	    font-size: 24px;
		margin-top:20px;
	}
	.title1 span {
		font-size: 24px;
	}
}

@media (max-width: 380px)
{
	
	.buttons_container { padding-top:0px; }

	.title1 {
	    font-size: 23px;
		margin-top:10px;
	}

	.title1 span {
		font-size: 22px;
	}
}

@media (max-width: 360px) {

	.title1 {
		font-size: 22px;
		margin-top: 10px;
	}

	.title1 span {
		font-size: 21px;
	}
}

@media (max-width: 320px)
{

	.buttons_container { padding-top:0px; }

	header .popup { font-size:14px; }
	.title1 {
	    font-size: 20px;
		margin-top:0px;
	}

	.title1 span {
		font-size: 18px;
	}
}