@media screen and (max-width: 1200px) {
  .container {
    width: 100%;
  }
  .wrap {
  	width: 98%;     
  }
}


@media screen and (max-width: 1125px) {
  nav#mainmenu ul#menu li {
    font-size: 1.1em;
  }
}

@media screen and (max-width: 1095px) {
  nav#mainmenu ul#menu li {
    float: left;
    height: 35px;
    margin: 20px 0px 0px 0px;
    padding: 0px 15px 0px 15px;
    font-size: 1.1em;
    line-height: 32px;
    border-right: 1px solid #c0c0c0;
  }
  nav#mainmenu ul#menu li.end {
    padding: 0px 0px 0px 15px;
    border-right: 0px solid #c0c0c0;
  }
  div#conts div#tel {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 1030px) {
  nav#mainmenu ul#menu li {
    float: left;
    height: 35px;
    margin: 20px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    font-size: 1.0em;
    line-height: 32px;
    border-right: 1px solid #c0c0c0;
  }
  nav#mainmenu ul#menu li.end {
    padding: 0px 0px 0px 15px;
    border-right: 0px solid #c0c0c0;
  }
}

@media screen and (max-width: 945px) {
   div#conts div#inf {
    font-size: 0.9em;
    padding: 10px 0px 0px 15px;
  }
  div#conts div#tel {
    padding: 5px 0px 0px 15px;
    font-size: 1.2em;
    color: #000;
  }
  #intro {
    margin: 80px 0px 0px 20px;
  }
  div#slider {
    height: 500px;
    background-size: 1627px 500px;
  }
}

@media screen and (max-width: 915px) {
  div#conts div#inf {
    font-size: 1.0em;
    padding: 10px 0px 0px 10px;
  }
  div#conts div#tel {
    padding: 5px 0px 0px 10px;
    font-size: 1.2em;
    color: #000;
  }
}

@media screen and (max-width: 890px) {
  div#conts {  
    display: none;
  }
  nav#mainmenu {
    padding: 0px 10px 0px 0px;
    margin: 20px 0px 0px 0px;
    border-right: 0px solid #c0c0c0;
  }
  nav#mainmenu ul#menu li {
    font-size: 1.3em;
  }
  #intro {
    margin: 80px 0px 0px 20px;
  }
  #intro h1 {
    font-size: 1.5em;
    margin: 0px 0px 10px 0px;
  }
  div#slider {
    height: 400px;
    background-size: 1302px 400px;
  }
}
@media screen and (max-width: 830px) {
  #intro p {
    line-height: 1.2em;
  }
  #intro {
    width: 60%;
  }
  nav#mainmenu ul#menu li {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 780px) {
  nav#mainmenu ul#menu li {
    font-size: 1.15em;
  }
}
@media screen and (max-width: 760px) {
  #logo {
    width: 200px;
    height: 172px;
    background-size: 200px 172px;
  }
  #logo a  {
    width: 170px;
    height: 100px;
    margin: 10px 0px 0px 15px;
  }
  #intro {
    margin: 50px 0px 0px 20px;
  }
  #intro h1 {
    font-size: 1.3em;
    margin: 0px 0px 0px 0px;
  }  
  #intro p {
    font-size:0.9em;
  } 
  nav#mainmenu ul#menu li {
    font-size: 1.1em;
  }
  div#slider {
    height: 350px;
    background-size: 1139px 350px;
  }
  #intro {
    width: 55%;
  }
  div.colWrap {
    display: block;
    float: left;
    width: 100%;
  }
  div.col-1-3a {
    flex: 0;
    float: left;
    width: 45%;
  }  
}
@media screen and (max-width: 700px) {
  nav#mainmenu ul#menu li {
    font-size: 1.0em;
  }
}

@media screen and (max-width: 690px) {
  nav#mainmenu ul#menu li {
    font-size: 1.0em;
  }
  body {
    font-size: 0.85em;
  }
  #intro p {
    font-size:1em;
  } 
  nav#mainmenu ul#menu {
    display: none; 
  }
  nav#mainmenu {
    padding: 20px 10px 0px 0px;
  }
  div#slidemenu {
  	display: block; 
    float: left;
    width: 40px;
    height: 40px;
    margin: 0px 5px 0px 5px;    
    text-indent: -999em; 
  }
  div#slidemenu a {
  	float: left;
    width: 40px;
    height: 40px;
    background: url('../../images/ico-slidemenu.png') left top no-repeat; 
  }
  div#slidemenu a:hover {
    background-position: 0px -40px; 
  }
  
}

@media screen and (max-width: 600px) {
   a.btn  {
    height: 30px;
    padding: 0px 10px 0px 10px;
    line-height: 30px;
    font-size: 0.9em;
    border-radius: 15px;
  }  
  div#slider {
    height: 350px;
    background: url('../../images/bgr-slider-small.jpg') right top no-repeat;
    background-size: 676px 350px;
  }
}

@media screen and (max-width: 500px) {
  #intro {
    display: none;
  }
  div.col-1-2, div.col-2-2, div.col-1-3a {
    width: 100%;
  }

  ul.foto li {
    padding: 0px 10px 10px 0px;
  }
  ul.foto li.end {
    padding: 0px 0px 10px 0px;
  }
  ul.foto li img {
    width: 90px;
    height: 90px;
  }
  div.elektro {  
    padding: 0px 0px 30px 60px;  
    background: url('../../images/ico-serv-elektro-sm.gif') top left no-repeat;   
  }
  div.instal {  
    padding: 0px 0px 30px 60px;  
    background: url('../../images/ico-serv-instal-sm.gif') top left no-repeat;   
  }
  div.montaze {  
    padding: 0px 0px 30px 60px;  
    background: url('../../images/ico-serv-montaze-sm.gif') top left no-repeat;   
  }
}