@media (min-width: 576px) {
  .container {
    width: 540px;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 720px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
    max-width: 100%;
    padding: 0px;
    margin-top: 0px;
  }
}

















@media (max-width: 1800px)
{
}


@media (max-width: 1700px)
{
}

@media (max-width: 1400px)
{
}

@media (max-width: 1240px)
{
}


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

/*IPAD BEGIN*/
@media (min-width: 768px) and (max-width: 991px)
{
	body { background-position:center 95px; }
	#map1 { width:100%; }

	.mobile-button { display:none; }

	.resp_table tr{display:block;}
	.resp_table tr th{display:none;}
	.resp_table tr td{width: 100% !important;display:block; border:0px; padding-top:5px; padding-bottom:5px; }
	.resp_table tr td:before{display:inline-block;width:43%;margin-right:2%;font-weight:700;vertical-align:top;}
	.resp_table tr td div {display:inline-block;width: 55%;}
	.resp_table tr .img { padding-top:20px; }
	.resp_table tr .btn
	{
		border-bottom: 2px solid white;
		padding-bottom:20px;
	}
	.resp_table .model { padding-bottom:2px !important; }
	.resp_table .complect
	{ background:none !important; padding-top:2px !important; padding-bottom:17px !important; text-align:left !important; padding:0px !important;  }
	.tb_complects .tr .btn { background: none; padding-top:0px !important; }

}
/*IPAD END*/

/*MOBILE BEGIN*/
@media (max-width: 767px)
{
	header {}
	header .container {}
	header .row1 {
    flex-wrap: wrap;
    padding-bottom: 10px;
}
	header .row1 .logo1 {
    width: 123px;
    order: 0;
}
	header .row1 .logo1:before{ content:''; }
	header .row1 .logo1:after{ content:''; }
	header .row1 .logo1:hover {}
	header .row1 .logo1 img {
    width: 100%;
}
	header .row1 .column1 {
    flex-direction: column;
    border-right: 0px !important;
    height: auto !important;
    order: 3;
    margin: 0 auto;
    display: inline-block;
    width: auto;
    text-align: center;
}
	header .row1 .column1 .addr {}
	header .row1 .column1 .phone {
    font-size: 14px !important;
    margin: 0px;
    margin-top: 4px;
    display: inlnie-block;
}
	header .row1 .column1 .phone:before{ content:''; }
	header .row1 .column1 .phone:after{ content:''; }
	header .row1 .column1 .phone:hover {}
	header .row1 .button1 {
    margin: 0px !important;
    order: 1;
    width: 50%;
}
	header .row1 .button1:before{ content:''; }
	header .row1 .button1:after{ content:''; }
	header .row1 .button1:hover {}
	header .row1 .mobile-button {
    display: block !important;
    order: 1;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 6px;
}
	header .row1 .mobile-button:before{ content:''; }
	header .row1 .mobile-button:after{ content:''; }
	header .row1 .mobile-button:hover {}
	header .row1 .mobile-button span {}
	.block1-wrap { padding-left:0px; padding-right:0px; }
	.block1 {
    padding-right: 0px !important;
}
	/*.block1 .menu {}
	.block1 .menu .anchor {}
	.block1 .menu .anchor:before{ content:''; }
	.block1 .menu .anchor:after{ content:''; }
	.block1 .menu .anchor:hover {}
	.block1 .menu .spacer {}*/

	header .menu
	{
		display: flex !important;
		flex-direction: column;
		position: absolute;
		right: 0px;
		top: 110px;
		width:100% !important;
		background: white;
		width: auto;
		padding-top: 20px;
		z-index: 2;
		padding-bottom: 20px;
		right:-500px;
		transition:all 0.5s;
		z-index: 222;
	}
	header .menu.active
	{ right:0px; }
	header .menu a
	{text-align:right;padding-right:15px;font-weight:bold;font-size:18px;line-height:38px;color: #3fb042;}




	.block1 .title_wrap {
    padding-left: 15px;
    padding-right: 15px;
}
	.block1 .title_wrap .title1 {
    font-size: 30px !important;
}
	.block1 .title_wrap .title1 br {}
	.block1 .up {
    margin-top: 20px;
    padding-left: 22px;
    padding-right: 15px;
}
	.block1 .up:before{ content:''; }
	.block1 .up:after{ content:''; }
	.block1 .up:hover {}
	.block1 .items {
    padding-left: 15px;
    padding-right: 15px;
    max-height: 222px;
}
	.block1 .items .popup {
    font-size: 14px;
}
	.block1 .items .popup:before{ content:''; }
	.block1 .items .popup:after{ content:''; }
	.block1 .items .popup:hover {}
	.block1 .items_hid {
    padding-left: 15px;
    padding-right: 15px;
    background-position: 15px bottom;
}
	.block1 .down {
    padding-left: 24px;
    padding-right: 15px;
    margin-top: -64px;
}
	.block1 .down:before{ content:''; }
	.block1 .down:after{ content:''; }
	.block1 .down:hover {}
	.block1 .button1 {
    width: calc( 100% - 30px );
    margin-left: 15px;
}
	.block1 .button1:before{ content:''; }
	.block1 .button1:after{ content:''; }
	.block1 .button1:hover {}
	.block1 .button1.transparent {}
	.block1 .button1.transparent:before{ content:''; }
	.block1 .button1.transparent:after{ content:''; }
	.block1 .button1.transparent:hover {}
	.block1 i {
    padding-left: 15px;
    padding-right: 15px;
}
	.block1 i br {}

	.block1 .mp_simple_slider {  }
	.block1 .container_slider {
    width: 240px;
    height: 240px;
    margin: 0 auto;
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -120px;
    bottom: auto;
    margin-top: 116px;
    margin-bottom: 106px;
}
	.block1 .container_slider .circle1 {}
	.block1 .container_slider .circle2 {}
	.block2 {
    margin-top: -200px;
    padding-top: 230px;
    padding-bottom: 246px;
}
	.block2 .container {}
	.block2 .title1 {
    font-size: 26px;
}
	.block2 .title2 {
    font-size: 22px;
}
	.block2 .items {
}
	.block2 .items .item {
    width: 100%;
    flex-direction: column;
    padding-top: 13px;
    border-top: 1px solid #d4d4d4 !important;
    padding-left: 0px;
}
	.block2 .items .item .column1 {
    width: 100%;
    margin-bottom: 10px;
}
	.block2 .items .item .column1 .image-wrap {
    margin-bottom: 19px;
    align-items: center;
    justify-content: center;
    align-items: center;
    display: flex;
}
	.block2 .items .item .column1 .image-wrap:before{ content:''; }
	.block2 .items .item .column1 .image-wrap:after{ content:''; }
	.block2 .items .item .column1 .image-wrap:hover {}
	.block2 .items .item .column1 .image-wrap img {}
	.block2 .items .item .column1 .cost {}
	.block2 .items .item .column1 .cost:before{ content:''; }
	.block2 .items .item .column1 .cost:after{ content:''; }
	.block2 .items .item .column1 .cost:hover {}
	.block2 .items .item .column1 i {}
	.block2 .items .item .column1 .button1.transparent {}
	.block2 .items .item .column1 .button1.transparent:before{ content:''; }
	.block2 .items .item .column1 .button1.transparent:after{ content:''; }
	.block2 .items .item .column1 .button1.transparent:hover {}
	.block2 .items .item .column2 {
    width: 100%;
}
	.block2 .items .item .column2 .popup {}
	.block2 .items .item .column2 .popup:before{ content:''; }
	.block2 .items .item .column2 .popup:after{ content:''; }
	.block2 .items .item .column2 .popup:hover {}
	.block2 .items .item .column2 .popup .name {}
	.block2 .items .item .column2 .popup .desc {
}
	.block2 .items .item .column2 ul {
    margin-top: 6px;
    margin-bottom: 6px;
}
	.block2 .items .item .column2 ul li {}
	.block2 .items .item .column2 table {
    margin-bottom: 10px;
}
	.block2 .items .item .column2 table tr {}
	.block2 .items .item .column2 table tr th {}
	.block2 .items .item .column2 table tr td {}
	.block2 .items .item .column2 .button1 {
    margin-top: 0px !important;
}
	.block2 .items .item .column2 .button1:before{ content:''; }
	.block2 .items .item .column2 .button1:after{ content:''; }
	.block2 .items .item .column2 .button1:hover {}
	.block2 .button1 {
    width: 100%;
    margin-top: 0px !important;
}
	.block2 .button1:before{ content:''; }
	.block2 .button1:after{ content:''; }
	.block2 .button1:hover {}
	.block3 {
    margin-top: -180px;
    margin-bottom: 47px;
}
	.block3 .container {
    flex-wrap: wrap;
}
	.block3 .title1 {
    font-size: 24px;
}
	.block3 .title2 {
    font-size: 20px;
}
	.block3 .column1 {
    max-width: 100%;
    width: 240px;
    height: 240px;
    margin: 0px;
    position: relative;
    left: 50%;
    margin-left: -120px;
    margin-top: 120px;
    margin-bottom: 120px;
}
	.block3 .column1 .circle1 {}
	.block3 .column1 .circle2 {}
	.block3 .column1 img {}
	.block3 .column2 {
    width: 100%;
}
	.block3 .column2 b {
    margin-top: 0px;
}
	.block3 .column2 .items {}
	.block3 .column2 .items .popup {}
	.block3 .column2 .items .popup:before{ content:''; }
	.block3 .column2 .items .popup:after{ content:''; }
	.block3 .column2 .items .popup:hover {}
	.block3 .column2 i {
    margin-top: 0px;
    margin-bottom: 16px;
}
	.block3 .column2 i br {}
	.block3 .column2 .button1 {
    width: 100%;
}
	.block3 .column2 .button1:before{ content:''; }
	.block3 .column2 .button1:after{ content:''; }
	.block3 .column2 .button1:hover {}
	.contacts {
    margin-bottom: 20px;
}
	.contacts .container {}
	.contacts .row1 {
    flex-wrap: wrap;
}
	.contacts .row1 .column1 {width: 40%;display: none;}
	.contacts .row1 .column2 {
    width: 100%;
}
	.contacts .row1 .column2 input {}
	.contacts .row1 .column2 span {}
	.contacts .row1 .column2 font {}
	.contacts .row1 .column3 {
    width: 100%;
    justify-content: center;
    margin-top: 10px;
}
	.contacts .row1 .column3 .phone {}
	.contacts .row1 .column3 .phone:before{ content:''; }
	.contacts .row1 .column3 .phone:after{ content:''; }
	.contacts .row1 .column3 .phone:hover {}
	footer {}
	footer .container {
    flex-wrap: wrap;
}
	footer .logo1 {}
	footer .logo1:before{ content:''; }
	footer .logo1:after{ content:''; }
	footer .logo1:hover {}
	footer .logo1 img {}
	footer .column1 {}
	footer .column1 .addr {}
	footer .column1 .phone {}
	footer .column1 .phone:before{ content:''; }
	footer .column1 .phone:after{ content:''; }
	footer .column1 .phone:hover {}
	footer .button1 {
    width: 100%;
    margin-top: 14px;
}
	footer .button1:before{ content:''; }
	footer .button1:after{ content:''; }
	footer .button1:hover {}
}
/*MOBILE END*/




/* Portrait phones and smaller */
@media (max-width: 576px)
{
	a.fancybox-close
	{ right:-9px; }
	.fancybox-slide--html .fancybox-close-small { width:70px; height:70px;     top: -20px; }
	.fancybox-button svg { pointer-events:none; }


	html, body {
	    max-width: 100%;
	    overflow-x: hidden;
	}


	.mobile-button {
		display: block;
		top: 40px;
		right: 22px;
		z-index: 3;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.mobile-button span
	{
		display: block;
		width: 33px;
		height: 4px;
		margin-bottom: 5px;
		position: relative;
		background: #3fb042;
		border-radius: 3px;
		z-index: 3;
		-webkit-transform-origin: 4px 0px;
		transform-origin: 4px 0px;
		transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	}
	.mobile-button span:nth-last-child(2) {
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
	}
	.mobile-button.active span {
		opacity: 1;
		-webkit-transform: rotate(45deg) translate(-10px, -20px);
		transform: rotate(45deg) translate(-5px, -17px)     /*background: #232323;*/;
	}
	.mobile-button.active span:nth-last-child(3)
	{
		opacity: 0;
		-webkit-transform: rotate(0deg) scale(0.2, 0.2);
		transform: rotate(0deg) scale(0.2, 0.2);
	}
	.mobile-button.active span:nth-last-child(2)
	{
		-webkit-transform: rotate(-45deg) translate(0, 10px);
		transform: rotate(-45deg) translate(-2px, 15px);
	}


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


}

@media (max-width: 420px)
{
}

@media (max-width: 380px)
{
}

@media (max-width: 320px)
{
	header .row1 .logo1 {
	    width: 100px;
	    order: 0;
	}
}