@media screen and (max-width: 1198px){
 
  /* BOTTOM Info Menu */
   ul.bottomMenuAdd{
   width: 20%;
   }
 
  /*BOTTOM Logo*/
  div.logoBottom{
  width: 40%;
  }

  /* BOTTOM toTOP */
  div.upScroll{
  width: 5%;
  max-width: 30px;
  }

}

 
@media screen and (max-width: 1098px){
 
h1{
font-size: 165%;
}
 
}


@media screen and (max-width: 998px){
 
h1{
font-size: 145%;
}
h2{
font-size: 130%;
}
h3{
font-size: 120%;
}
h4{
font-size: 100%;
}
 
}


@media screen and (max-width: 898px){
 
body{
padding: 50px 0px 15px 0px;
}

h1{
font-size: 130%;
}
h2{
font-size: 120%;
}
h3{
font-size: 110%;
}
h4{
font-size: 95%;
}

/*TOP*/
/*
div.top{
padding: 0px 10px 0px 10px;
background: #e6d9ca;
background: linear-gradient(to top, transparent, rgba(255,255,255,0.2)), url(top.png);
background-repeat: repeat-x, repeat;
background-position: 0px 0px, 0px 0px;
border-bottom: solid 10px #660000;
}
div.top2{
padding: 10px 0px 10px 0px;
}
*/

/*TOP Logo*/
/*
a.logoTop{
max-width: 250px;
height: 80px;
background: url(logoTop.png) no-repeat ;
box-shadow: none;
}
*/

/*TOP Info*/
/*
div.timeTop{
width: 25%;
max-width: 200px;
padding-top: 8px;
font-size:  120%;
}
*/

/*TOP Contacts*/
/*
div.phonesTop{
max-width: 280px;
padding-top: 0px;
}
 div.phonesTop div{
 margin: 0px 0px 5px 0px;
 font-size:  170%;
 background-position: 10% 100%;
 }
 div.phonesTop div.mailTop{
 font-size: 160%; 
 }
*/


/*MENU*/
ul.mainMenu{
margin: 10px 0px 0px 0px;
}
  ul.mainMenu li a{
  padding: 13px 2px 0px 2px;
  font-size: 100%;
  }


/* LOCATION */
 div.path2{
 font-size: 80%;
 }


/*BOTTOM*/
 div.bottom2{
 padding-top: 10px;
 padding-bottom: 20px;
 }

  /* BOTTOM Info Menu */
   ul.bottomMenuAdd{
   width: 50%;
   }
   
   
  /* BOTTOM Contacts */
  div.phonesBottom{
  width: 50%;
  }
   div.phonesBottom div{
   margin: 0px 0px 10px auto;
   }
 
  /*BOTTOM Logo*/
  div.logoBottom{
  width: 80%;
  margin-top: 20px;
  }
   a.logoBottom{
   margin: 0px 0px 0px 0px;
   background-size: 100% auto;
   }

  /* BOTTOM toTOP */
  div.upScroll{
  width: 20%;
  max-width: 80px;
  margin-top: 20px;
  }


  div.bottomLine{
  float: left;
  width: 100%;
  min-height: 5px;
  background: #660000;
  margin: 10px 0px 0px 0px;
  opacity: 1;
  }

}



@media screen and (max-width: 798px){
 
h1{
font-size: 120%;
}
h2{
font-size: 110%;
}
h3{
font-size: 100%;
}
h4{
font-size: 90%;
}

/*
div.phonesTop{
max-width: 220px;
width: 33%;
}
 div.phonesTop div{
 font-size:  160%;
 background: none;
 }
 div.phonesTop div.mailTop{
 font-size: 150%; 
 }
*/
}


/*
@media screen and (max-width: 698px){
 

a.logoTop{
width: 43%;
background-size: 100% auto;
}


div.timeTop{
width: 22%;
padding-top: 5px;
font-size: 100%;
text-align: center;
}


div.phonesTop{
max-width: auto;
}
 div.phonesTop div{
 font-size: 140%;
 }
 div.phonesTop div.mailTop{
 font-size: 130%; 
 }

}
*/


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

/*
a.logoTop{
width: 38%;
height: 70px;
}


div.timeTop{
width: 27%;
margin-top: 0px;
}


 div.phonesTop div{ 
 font-size: 120%;
 }
 div.phonesTop div.mailTop{
 font-size: 115%; 
 }
*/ 


/*MENU*/
ul.mainMenu{
margin: 5px 0px 0px 0px;
padding: 0px 0px 5px 0px;
line-height: 2;
/*text-align: left;*/
}
  ul.mainMenu li a{
  display: inline;
  padding: 0px;
  font-size: 90%;
  }
  
  ul.mainMenu li a, ul.mainMenu li a:hover, ul.mainMenu li.inThis a{
  background: none;
  }

 
  /* BOTTOM Info Menu */
   ul.bottomMenuAdd{
   width: 35%;
   }
   
  /* BOTTOM Contacts */
  div.phonesBottom{
  width: 65%;
  }


 /* CENTER */
 div.left, div.content{
 width: 100%;
 float: none;
 }
 
/* CENTER NAVIGATION */
 div.left{
 margin: 20px 0px 20px 0px;
 }
  div.leftMenuName{
  padding-bottom: auto;
  margin-bottom: 10px;
  padding: 10px;
  background: #faf4ed;
  }

}



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

/*
a.logoTop{
width: 49%;
height: 75px;
margin-bottom: 5px;
}



div.timeTop{
width: auto;
max-width: 100%;
float: none;
clear: both;
margin-top: 0px;
padding-top: 0px;
padding: 5px;
background: rgba(50,0,0,0.1);
font-size: 130%;
}
 div.timeTop span{
 display: inline;
 font-size:  100%;
 margin-top: 0px;
 }



div.phonesTop{
width: 49%;
}
 div.phonesTop div{
 font-size: 140%;
 }
 div.phonesTop div.mailTop{
 font-size: 135%; 
 }
 
*/
 

/*MENU*/
ul.mainMenu{
text-align: left;
}
  ul.mainMenu li a{
  font-size: 100%;
  }


  /* BOTTOM Contacts */
   div.phonesBottom div{
   max-width: 260px;
   font-size: 160%;
   }
   div.phonesBottom div:last-child{
   font-size: 150%; 
   }
   
  /*BOTTOM Logo*/
  div.logoBottom{
  width: 86%;
  }

  /* BOTTOM toTOP */
  div.upScroll{
  width: 10%;
  }

}



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

/*
a.logoTop, div.phonesTop{
width: auto;
max-width: 100%;
float: none;
clear: both;
}


a.logoTop{
max-width: 250px;
height: 80px;
margin: 0px auto 10px auto;
background-size: 100% auto;
}


div.phonesTop{
min-height: 25px;
padding: 5px;
margin-bottom: 2px;
background: rgba(50,0,0,0.1);
border-top: solid 5px #660000;
}
 div.phonesTop div{
 width: 50%;
 float: left;
 text-align: center;
 font-size: 120%;
 }
 div.phonesTop div.mailTop{
 font-size: 110%; 
 }


div.timeTop{
font-size: 100%;
}
*/


/* BOTTOM Info Menu */
ul.bottomMenuAdd, div.phonesBottom, div.logoBottom, div.upScroll{
width: 100%;
float: none;
}


  /* BOTTOM Contacts */
  div.phonesBottom{
  background-color: rgba(255,255,255,0.1);
  padding-bottom: 5px;
  }
   div.phonesBottom div{
   max-width: 330px;
   margin: 15px 5px 0px 5px;
   font-size:  220%;
   background-position: 0% 80%;
   }
   div.phonesBottom div:last-child{
   font-size: 210%; 
   }

  /* BOTTOM toTOP */
  div.upScroll{
  max-width: 100%;
  }

  div.bottomLine{
  display: none;
  min-height: 0px;
  }

}



@media screen and (max-width: 358px){
 
 /*
 div.phonesTop div{
 font-size: 90%;
 }
  div.phonesTop div span{
  font-size: 100%;
  }
 div.phonesTop div.mailTop{
 font-size: 95%; 
 }
*/

  /* BOTTOM Contacts */
   div.phonesBottom div{
   max-width: 290px;
   font-size:  190%;
   }
   div.phonesBottom div:last-child{
   font-size: 180%; 
   }
   
}



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

/*
 div.phonesTop div{
 width: 100%;
 float: none;
 font-size: 180%;
 }
  div.phonesTop div span{
  font-size: 80%;
  }
 div.phonesTop div.mailTop{
 font-size: 170%; 
 }
*/

/*MENU*/
  ul.mainMenu li{
  display: block;
  }
  ul.mainMenu li a{
  display: block;
  font-size: 110%;
  border-bottom: solid 1px #faf4ed;
  }
  ul.mainMenu li.inThis a{
  border-bottom: solid 1px #fff;
  }
  ul.mainMenu li a:hover{
  border-bottom: solid 1px #faf4ed;
  }
  

  /* BOTTOM Contacts */
   div.phonesBottom div, div.phonesBottom div.mailBottom{
   max-width: 100%;
   font-size:  170%;
   background: none;
   text-align: left;
   }
   div.phonesBottom div:last-child{
   font-size: 160%; 
   }

}

/*
@media screen and (max-width: 268px){
 

a.logoTop{
margin: 0px auto 5px auto;
}


 div.phonesTop div{
 font-size: 160%;
 }
 div.phonesTop div.mailTop{
 font-size: 155%; 
 }
 

div.timeTop{
font-size: 90%;
}

}
*/







/*PHOTOS*/

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

  div.photos_f a div{
  font-size: 90%;
  }

}


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

  div.photos_f a div{
  height: 65px;
  }

}


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

 div.photos a{
 width: 49%;
 margin: 10px 0px 10px 0px;
 }
 div.photos a:nth-child(3n){
 margin: 10px 0px 10px 0px;
 }
 div.photos a:nth-child(2n){
 margin: 10px 0px 10px 2%;
 }
 
  div.photos_f a div{
  font-size: 100%;
  height: 55px;
  }
 
}


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

  div.photos_f a div{
  font-size: 90%;
  }

}


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

  div.photos_f a div{
  height: 65px;
  }

}


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

  div.photos_f a div{
  font-size: 100%;*/
  }

}


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

  div.photos_f a div{
  font-size: 90%;
  height: 55px;
  }

}


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

  div.photos_f a div{
  height: 65px;
  }

}


@media screen and (max-width: 398px){
 
 div.photos a{
 float:none;
 width: 100%;
 margin: 10px 0px 10px 0px;
 }
 div.photos a:nth-child(3n){
 margin: 10px 0px 10px 0px;
 }
 div.photos a:nth-child(2n){
 margin: 10px 0px 10px 0px;
 }

  div.photos_f a div{
  font-size: 100%;
  height: 50px;
  }

}


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

  div.photos_f a div{
  font-size: 90%;
  }

}







/*Main*/


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

/*Quality*/
div.mainPro{
box-sizing: border-box;
padding: 0px 10px 0px 10px;
}

/*123*/
div.main123{
box-sizing: border-box;
padding: 0px 10px 0px 10px;
}


/*Servises*/
div.mainServOut{
padding: 20px 10px 0px 10px;
}
  div.mainServ div.mainServElem div{
  height: 60px;
  }

}


@media screen and (max-width: 1098px){
 
/*Quality*/
  div.mainPro div.mainProElem div{
  font-size:100%;
  }

/*123*/ 
  div.main123 div.mainElem123 div{
  font-size:100%;
  }

/*Servises*/
  div.mainServ span{
  font-size:110%;
  }
  
  div.mainServ div.mainServElem img{
  margin: 10px 0px 10px 0px;
  vertical-align: top;
  }
  
}



@media screen and (max-width: 898px){
/*Servises*/
  div.mainServ span{
  font-size:100%;
  }
  
  div.mainServ div.mainServElem div{
  font-size:90%;
  padding: 5px 5px 5px 5px;
  }
  
  div.mainServ div.mainServElem img{
  margin: 10px 0px 10px 0px;
  vertical-align: top;
  }
  
}



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

/*Quality*/
  div.mainPro div.mainProElem div{
  height: 50px;
  padding: 5px 5px 5px 5px;
  font-size:90%;
  }

/*123*/ 
  div.main123 div.mainElem123 div{
  padding: 5px 5px 5px 5px;
  font-size:90%;
  }

}


@media screen and (max-width: 698px){
 
/*Quality*/
  div.mainPro span{
  height: 33px;
  padding: 7px 0px 0px 0px;
  font-size:130%;
  }
  
  div.mainPro div.mainProElem img{
  width: 80%;
  margin: 10px 0px 10px 0px;
  }
 

/*123*/ 
   div.main123 span mainD123{
   max-width: 35px;
   height: 33px;
   padding: 2px 0px 0px 0px;
   font-size: 140%;
   vertical-align: top;
   }
   div.main123 span span{
   width: 70%;
   padding: 3px 0px 0px 0px;
   font-size:140%;
   vertical-align: bottom;
   }
   
  div.main123 div.mainElem123 img{
  width: 80%;
  margin: 10px 0px 10px 0px;
  }


/*Servises*/
  div.mainServ div.mainServElem div{
  height: 70px;
  }
  
}


@media screen and (max-width: 658px){
 
/*Quality*/
  div.mainPro div.mainProElem div{
  font-size:80%;
  }
/*123*/
  div.main123 div.mainElem123 div{
  font-size:80%;
  }
  
}


@media screen and (max-width: 598px){
 
/*Quality*/
  div.mainPro span{
  height: 33px;
  padding: 7px 0px 0px 0px;
  font-size:110%;
  }
  
  div.mainPro div.mainProElem div{
  height: 65px;
  }

/*123*/ 
   div.main123 span mainD123{
   max-width: 35px;
   height: 30px;
   padding: 5px 0px 0px 0px;
   font-size: 120%;
   }
   div.main123 span span{
   width: 70%;
   padding: 7px 0px 0px 0px;
   font-size:110%;
   }
   
  div.main123 div.mainElem123 div{
  }

/*Servises*/
div.mainServOut{
padding: 10px 10px 0px 10px;
}
div.mainServ{
padding: 0px 0px 10px 0px;
}

 div.mainServ div.mainServElem{
 width: 49%;
 margin: 10px 2% 0px 0px;
 }
 div.mainServ div.mainServElem:nth-child(2n), div.mainServ div.mainServElem:nth-child(4n){
 margin: 10px 0px 0px 0px;
 }
 
  div.mainServ span{
  font-size:110%;
  }
  
  div.mainServ div.mainServElem img{
  margin: 0px 0px 10px 0px;
  }
  
  div.mainServ div.mainServElem div{
  height: 50px;
  }
  
}


@media screen and (max-width: 498px){
 
/*Quality*/
  div.mainPro span{
  height: 25px;
  padding: 5px 0px 0px 0px;
  font-size:100%;
  }
  
  div.mainPro div.mainProElem div{
  height: 70px;
  }

/*123*/ 
   div.main123 span mainD123{
   max-width: 25px;
   height: 23px;
   padding: 2px 0px 0px 0px;
   font-size: 100%;
   }
   div.main123 span span{
   padding: 4px 0px 0px 0px;
   font-size:100%;
   }
   
  div.main123 div.mainElem123 img{
  width: 80%;
  margin: 0px 0px 10px 0px;
  }
  
  div.main123 div.mainElem123 div{
  height: 70px;
  }
 
 
/*Servises*/
  div.mainServ span{
  font-size:100%;
  }
  
}


@media screen and (max-width: 448px){
 
/*Quality*/
  div.mainPro span{
  font-size:90%;
  }
  

/*123*/ 
   div.main123 span span{
   font-size:90%;
   }
  
}


@media screen and (max-width: 398px){
 
/*Quality*/
 div.mainPro div.mainProElem{
 width: 33%;
 margin: 10px 0.5% 10px 0px;
 }
  div.mainPro span{
  font-size:84%;
  }
  div.mainPro div.mainProElem div{
  height:80px;
  }

/*123*/
 div.main123 div.mainElem123{
 width: 33%;
 margin: 10px 0.5% 10px 0px;
 }
  div.main123 div.mainElem123 div{
  height:80px;
  }
  
/*Servises*/
  div.mainServ div.mainServElem img{
  margin: 10px 0px 10px 0px;
  }
  
}


@media screen and (max-width: 358px){
 
 
 div.mainPro div.mainProElem, div.main123 div.mainElem123{
 float: none;
 width: 100%;
 margin: 10px 0px 10px 0px;
 }
 
 
/*Quality*/

 div.mainPro div.mainProElem:nth-child(3n){
 margin: 10px 0px 10px 0px;
 }
  div.mainPro span{
  height: 45px;
  padding: 15px 0px 0px 0px;
  font-size:150%;
  }
  
  div.mainPro div.mainProElem img{
  width: 100%;
  margin: 20px 0px 20px 0px;
  }
  
  div.mainPro div.mainProElem div{
  height: 50px;
  padding: 5px 10px 5px 10px;
  font-size:115%;
  }
  
/*123*/
 div.main123 div.mainElem123:nth-child(3n){
 margin: 10px 0px 10px 0px;
 }
  div.main123 span{
  height: 40px;
  padding: 0px 0px 0px 0px;
  }
   div.main123 span mainD123{
   max-width: 50px;
   height: 45px;
   padding: 5px 0px 0px 0px;
   font-size: 180%;
   vertical-align: middle;
   }
   div.main123 span span{
   padding: 0px 0px 0px 0px;
   font-size:170%;
   text-align: center;
   vertical-align: bottom;
   }
  
  div.main123 div.mainElem123 img{
  width: 100%;
  max-width: 176px;
  margin: 30px 0px 20px 0px;
  }
  
  div.main123 div.mainElem123 div{
  height: 50px;
  padding: 5px 10px 5px 10px;
  font-size:115%;
  }
  
  
/*Servises*/
 div.mainServ div.mainServElem{
 float: none;
 width: 100%;
 margin: 10px 0px 20px 0px;
 }
 div.mainServ div.mainServElem:nth-child(2n), div.mainServ div.mainServElem:nth-child(4n){
 margin: 10px 0px 20px 0px;
 }
 
  div.mainServ span{
  font-size:120%;
  }
  
  div.mainServ div.mainServElem img{
  margin: 0px 0px 10px 0px;
  }
  
  div.mainServ div.mainServElem div{
  height: 50px;
  font-size:100%;
  }
 
}



@media screen and (max-width: 298px){
 
/*Quality*/
  div.mainPro div.mainProElem div{
  font-size:100%;
  }
/*123*/
  div.main123 div.mainElem123 div{
  font-size:100%;
  }
  
}


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

/*Quality*/
  div.mainPro div.mainProElem div{
  font-size:90%;
  }
  
/*Servises*/
  div.mainServ div.mainServElem div{
  font-size:90%;
  }

}


/* BA */

@media screen and (max-width: 798px){
 
.baWrap{
padding: 0px 10px 0px 10px;
}

div.baElem{
float: left;
width: 45%;
margin: 15px 2.5% 15px 2.5%;
}

}


@media screen and (max-width: 498px){
 
.baWrap{
padding: 0px 0px 0px 0px;
margin: 10px auto 0px auto;
}

div.baElem{
float: none;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 20px 15px 20px 15px;
border-bottom: solid 5px #fff;
}

}