/* MOBILE - small */
@media screen and (max-width: 360px) {
  #content {margin-top: 95px;}
  .icons {padding: 0.25em 0.5em; font-size: 1.25em;}
}

/* MOBILE - all */
@media screen and (min-width: 361px) and (max-width: 450px) {
  #content {margin-top: 100px;}
}

/* MOBILE - all */
@media screen and (max-width: 450px) {
  h1 {font-size: 130%;}
  h2, h3 {font-size: 125%;}
  h4,h5,h6 {font-size: 120%;}
  .pc {display: none;}
  .mob {display: block;}
  .nomob {display: none;}
  h1,h2,h3,h4,h5,h6 {padding: 2% 0 1% 2%;}
  p {margin-bottom: 0.5em !important;}
  #header {padding: 0.1em 0.2em; min-height: 70px;}
 .logo img {height: 40px;}
 .menu {display:none; font-size: 90%;}
 .slider {height: 300px;}
 .wr-contacts {padding: 1em 0; }
 .stat h2, .stat h3 {font-size: 1.1em;}
 .approve {font-size: 80%; font-weight: normal;}

  .icons {padding: 0.25em 0.75em; font-size: 1.4em;}
  .grid-icons { font-size: 1.1em; margin-top: 0.5rem;}

  .scroll{padding-top: 120px; margin-top: -120px;}
  .lh-1-25 {line-height: 1.25em;}
}

/* Tablet */
@media screen and (min-width: 451px) and (max-width: 799px) {
    #header {padding: 0.25em 0.5em;}
    .slider {height: 600px;}
    .menu {display:none;}
    .wr-contacts {padding: 25px 0; }
    #content {margin-top: 110px;}
    .pc {display: none;}
    .mob {display: block;}
    .scroll{padding-top: 200px; margin-top: -200px;}
    .lh-1-25 {line-height: 1.25em;}
    .smallTextIcon {font-size: 40%;}
    .logo img {height: 50px;}
}
    
/* PC */
@media screen and (min-width: 800px) {
  #header {
    /* background-image: url('/assets/img/header-bg.png'); */
    background-image: url('/assets/img/header-bg2.png');
  }
  .slider {height: 800px;}
  .wr-contacts {padding: 50px 0;}
  #content {margin-top: 200px;}
  .mob {display: none;}
  .scroll{padding-top: 200px; margin-top: -200px;}
}

/* PC -small */
@media screen and (min-width: 800px) and (max-width: 1599px) {
  #header {padding: .5rem;}
  #content {margin-top: 140px;}
  .logo img {height: 60px;}
}

/* PC - medium */
@media screen and (min-width: 1600px) {
  #header {padding: .75rem;}
  #content {margin-top: 150px;}
  #slider {height: 1080px;}
  .smallTextIcon {font-size: 45%;}
}

@media screen and (min-width: 1600px) and (max-width: 1920px) {
  .logo img {height: 65px;}
}

/* PC - large */
@media screen and (min-width: 1920px) {
  #header {padding: 1rem;}
  #content {margin-top: 160px;}
}

/* Fix vertikal mobile */
@media (pointer:none), (pointer:coarse) and (min-width: 451px) and (max-width: 850px) {
  #header { position: relative; /*border: solid 1px red;*/}
  #content {margin-top: 10px;}
  .pc {display: none;}
}