@media screen and (min-width: 2000px)
{	
  .podval .info .tmenu2{
    margin-left: 0;
  	left: 45%;
  }

  .podval .info .tmenu1{
    margin-left: 0;
  	left: 25%;
  }

 .ttop .slider .sliders .s-info > b{
    text-transform: uppercase;
	font: normal normal bold 38px/62px Segoe UI;
	color: #ffffff;
 }
 
}

@media screen and (max-width: 1880px)
{	

  .mmmenu > ul a, .s-mmmenu > ul a{
	font: normal normal bold 16px/50px Segoe UI;
  }
  
  .mmmenu .pd span, .s-mmmenu .pd span{
	font: normal normal bold 16px/50px Segoe UI;
  }

  .mmmenu li ul li a, .s-mmmenu li ul li a{
	font: normal normal normal 16px/40px Roboto;
    line-height: 53px;
  }
 
 .content .txt {
/*
	width: calc(100% - 505px);
*/	
	width: calc(70% - 67px);
 	border: 1px solid #D4D4D4;
  }


 .ttop .slider .sliders .s-info{
/*	border: 10px solid #ffffff; */
    width: calc(100% - 600px);
	padding-left: 200px;
 } 

  .podval .info .tmenu2{
    margin-left: 0;
  	left: 40%;
  }

 .ttop .slider .sliders .s-info > b{
    text-transform: uppercase;
	font: normal normal bold 25px/35px Segoe UI;
	color: #ffffff;
 }

 .sotr .itm{
	height: 460px;
 }


}

@media screen and (max-width: 1666px)
{

 .podval .info .tmenu2{
    margin-left: 0;
  	left: 42%;
 }

 .priem .itm{
	height: 320px;
 }

}


@media screen and (max-width: 1470px)
{	
 .content .txt {
	width: calc(100% - 505px);
  }

}


@media screen and (min-width: 1700px)
{	
  .podval .info .tmenu2{
    margin-left: 0;
  	left: 40%;
  }

}

@media screen and (max-width: 1300px)
{
 .mmenu, .s-mmenu, .catalog, .banners {
    display: none;
 }
 
 .content .pnl .catalog2 select{
    width: 90%;
    padding: 5px 35px 5px 5px;
    border: 2px solid #ccc;
	font: normal normal normal 27px/30px Roboto;
	letter-spacing: 0px;
	color: #1D1D1D;
 }
 
 .content .pnl {
	min-height: 150px;
	height: 150px;
	width: calc(100% - 0px);
	border: 0px solid #76736e;
 }

 .content .txt {
	width: calc(100% - 62px);
 }
 
 .catalog2 {
	display: block;
 }
 
 .s-ttop .info {
	width: 60%;
 }

 .s-ttop .logo {
	top: 4px;
	left: 50%;
    margin-left: -194px;
	z-index: 2000;
 }

 .s-ttop .info {
	top: 167px;
	left: 10px;
	width: calc(100% - 200px);
 }

 .s-tttop {
    height: 494px; 
	background-position: left 280px, left 280px;
 }

 .s-ttop {
    height: 494px; 
 }
 
 .categ {
	width: auto;
	left: 20px;
	width: calc(100% - 150px);
	top: 300px;	 
	font: normal normal bold 30px/40px Segoe UI;
 }

 .menu-btn {
    display: block;
 	z-index: 2000;
 }
 
 .ttop .info {
	width: calc(100% - 200px);
	top: 210px;
	left: 20px;
 }
 
 .ttop .logo {
	left: calc(50% - 194px);
	z-index: 2000;
 }

 .ttop .slider .sliders .s-info{
/*	border: 10px solid #ffffff; */
    width: calc(100% - 600px);
	padding-left: 200px;
 } 

 .about {
	height: 1150px; 
 }
 
 .about .info{
	background-position: center top;
	height: 450px; 
 	padding-top: 550px;	
	padding-left: 0px;	
 }

 .nnews {
	height: 2100px;
 }

 .news .itm{
	width: calc(100% - 63px);
 }

 .news .se{
	width: calc(100% - 368px);
 }

 .pfotos {
    height: 1250px; 	 
 }

 .pfotos .itm{
    width: calc(33% - 14px);	 
 }

 .faq {
    width: calc(100% - 240px);
	padding-left: 120px;
	padding-right: 120px;	 
 }

 .opt .itm{
	height: 400px;
 }

 .sotr .itm{
	width: calc(50% - 83px);
	height: 380px;
	padding-left: 40px;
	padding-right: 40px;
 	border: 0;
 }


}

@media screen and (max-width: 1500px)
{

 .podval {
    min-height: 300px; 
 }

 .podval .info{
    height: 300px; 	 
 }

 .podval .info .adr{
	top: 200px;
 }

 .podval .info .tel{
	top: 200px;
    margin-left: -800px;
 }
 
 .podval .info .tmenu1{
	top: 200px;
    margin-left: 0px; 
	left: 10px;
 }
	
 .podval .info .tmenu2{
    margin-left: 280px; 
	top: 200px;
 }

 .podval {
    min-height: 400px; 
 }

 .podval .info{
    height: 530px; 	 
 }

 .podval .info .tel{
    margin-left: -320px;
 	left: 50%;
	top: 420px;
 }

 .podval .info .logo{
	left: 50%;
    margin-left: -194px; 
 }

 .podval .info .adr{
 	left: 50%;
	margin: 0;
	top: 420px;
    margin-left: 50px;
 }

 .podval .info .insta{
	top: 520px; 
	left: 50%;
    margin-left: -100px;
 }

 .podval .info .tmenu2{
	top: 250px;
	left: 50%;	
	margin: 0;
	padding: 0;
    margin-left: 20px; 
 }

 .podval .info .tmenu1{
	top: 250px;
	left: 50%;	
    text-align: right;
	margin: 0;
	padding: 0;
    margin-left: -230px;  
 }

 .types .itm{
	height: 350px;
 }


 .opt .itm:first-child{
	border: 0;
 }

 .opt .itm{
	width: calc(50% - 3px);
	height: 400px;
	border: 0;
 }


 .priem .itm{
 	height: 370px;
 }
 .priem .itm p{
	margin-bottom: 15px;
	font: normal normal bold 30px/35px Segoe UI;
 }

 .sotr .itm{
	width: calc(50% - 83px);
	height: 380px;
	padding-left: 40px;
	padding-right: 40px;
 	border: 0;
 }
 
}

@media screen and (max-width: 1400px)
{	
 .ttop .slider .sliders .s-info{
	padding-top: 310px;
    width: calc(100% - 400px);
	padding-left: 100px;
	padding-right: 300px;
	font: normal normal normal 18px/27px Segoe UI;
 }

 .ttop .slider .sliders .num {
    margin-left: -240px;	 
 }

 .ttop .slider .sliders .s-info > b{
	font: normal normal bold 30px/55px Segoe UI;
 }

 .about {
	height: 950px; 
}
 
 .about .info{
	height: 500px; 
 }

 .preim {
    height: 1150px; 
 }
 
 .preim .itms{
	height: 750px;
 }
 
 .preim .itms .itm{
    width: calc(50% - 3px);
 }
 
 .preim .itms .itm .sec {
	border: 0;
 }

 .pfotos {
    height: 1650px; 	 
 }

 .pfotos .itm{
    width: calc(50% - 14px);	 
 }

 .faq {
    width: calc(100% - 60px);
	padding-left: 20px;
	padding-right: 20px;	 
 }

 .faq .form .fld{
 }

}


@media screen and (max-width: 1300px)
{
 .about {
	height: 1200px; 
 }
}


@media screen and (max-width: 1200px)
{
 .ttop .logo {
	left: calc(100% - 404px);
 }

 .ttop .info {
	top: 140px;
	height: 160px;
}

 .ttop .info .mail{
 }

 .ttop .info .tel{
    position: relative;
    top: 80px;
	left: 0;
	margin: 0;	
 }

 .ttop .info .geo{
    top: 80px;
 }

 .about {
	height: 1300px; 
 }
 
 .about .info{
	height: 600px; 
 }

 .ffaq {
    height: 950px;
 }

 .faq {
     height: 850px; 
 }

 .faq .form .fld input[type=text]{
    width: calc(100% - 25px);
 }
 
 .faq .form{
    height: 450px;
 }
	
 .faq .form .fld{
    width: calc(100% - 2px);
 }

 .podval {
    min-height: 400px; 
 }

 .podval .info{
    height: 530px; 	 
 }

 .podval .info .tel{
    margin-left: -320px;
 	left: 50%;
	top: 420px;
 }

 .podval .info .adr{
 	left: 50%;
	margin: 0;
	top: 420px;
    margin-left: 50px;
 }

 .podval .info .insta{
	top: 520px; 
 }

 .podval .info .tmenu2{
	top: 250px;
	left: 50%;	
	margin: 0;
	padding: 0;
    margin-left: 20px; 
 }

 .podval .info .tmenu1{
	top: 250px;
	left: 50%;	
    text-align: right;
	margin: 0;
	padding: 0;
    margin-left: -230px;  
 }

 .opt .itm:first-child{
	border: 0;
 }

 .opt .itm{
	width: calc(50% - 3px);
	height: 400px;
	border: 0;
 }


}

@media screen and (max-width: 1130px)
{
 .s-ttop .info {
	top: 40px;
	left: 10px;
	width: 400px;
	height: 220px;
 }

 .s-ttop .info .tel {
	left: 0;
    margin-left: 0;
	top: 70px;
 }
 .s-ttop .info .geo {
	left: 0;
    margin-left: 0;
	top: 140px;
 }

 .s-ttop .logo {
	left: 50%;
    margin-left: -50px;
 }
 
 .s-menu-btn {
    top: 160px;
 }

 .ttop .slider .sliders .s-info > b{
    text-transform: uppercase;
	font: normal normal bold 25px/35px Segoe UI;
	color: #ffffff;
 }

 .types .itm{
	height: 330px;
 }

 .priem .itm{
	width: calc(100% - 113px);	 
 	height: 270px;
 }

 .sotr .itm{
	height: 430px;
 }

}

@media screen and (max-width: 870px)
{
 .ttop .info {
	top: 50px;
	height: 240px;
 }

 .ttop .info .geo{
    position: relative;
    top: 110px;
	left: 0;
	margin: 0;	
 }

 .ttop .slider .sliders .s-info{
    width: calc(100% - 250px);
	padding-left: 50px;
	padding-right: 200px;
 }

 .ttop .slider .sliders .num {
    margin-top: -290px;
    margin-left: -170px;	 
 }

 .preim {
/*    height: 1780px;  */
	padding-left: 10px;
	padding-right: 10px;
 }
 
 .types .itm{
	height: 200px;
	width: calc(99% - 105px);
 }

}