/* Landscape - телефоны */
@media (max-width: 480px) {

  .header .text1{
    padding-left: 15px;
    padding-right: 15px;
  }

  .grass .green-icons .title, .header .text1, .green2 .block1, .green2 .block2, .green2 .block4, .green2 .block6, .green .text1,.works-block .title-page{
    font-size: 14px;
  }
  .menu-left, .menu-right{
    text-align: right;
  }

  .topmenu a{
    font-size: 12px;
  }

  .green2 .block3 img{
    width: 30%;
    float:none;
    margin-left: auto;
    margin-right: auto;
  }

  .button-red a{
    font-size: 12px;
    padding: 10px;
  }

  .green .number{
    font-size: 14px;
  }
  .green2 .block5 img{
    width: 50%;
  }

  .footer-logo{
    text-align: center;
    margin-bottom: 15px;
  }

  .green2 .block7{
    font-size: 12px;
  }

  .green .pdf{
    padding-top: 30px;
    font-size: 14px;

  }

  .green .pdftitle{
    padding-top: 30px;
  }

  .green .pdf img{
    width: 15%;
  }

  .gazon-price-str{
    font-size: 14px;
  }


  .works .item .price{
    font-size: 12px;
    padding-top: 0;
    padding-left: 60px;
  }
  .works .item .desc{
    font-size: 12px;
  }
  .works .item .title{
    width: 80%;
    padding: 0;
    padding-left: 60px;
    padding-top: 15px;
    font-size: 14px;
    padding-bottom: 10px;
  }

  .gazon-price-str{
    margin-top: 15px;
  }

  .green2 .block3{
    width: 100%;
  }

  


}
	
/* От ландшафтного экрана телефона до потретного планшета */
@media (min-width: 481px) and (max-width: 767px){ 
  .header .text1{
    padding-left: 15px;
    padding-right: 15px;
  }

  .grass .green-icons .title, .header .text1, .green2 .block1, .green2 .block2, .green2 .block4, .green2 .block6, .green .text1,.works-block .title-page{
    font-size: 14px;
  }
  .menu-left, .menu-right{
    text-align: right;
  }

  .topmenu a{
    font-size: 12px;
  }

  .green2 .block3 img{
    width: 30%;
    float:none;
    margin-left: auto;
    margin-right: auto;
  }

  .button-red a{
    font-size: 12px;
    padding: 10px;
  }

  .green .number{
    font-size: 14px;
  }
  .green2 .block5 img{
    width: 50%;
  }

  .footer-logo{
    text-align: center;
    margin-bottom: 15px;
  }

  .green2 .block7{
    font-size: 12px;
  }

  .green .pdf{
    padding-top: 30px;
    font-size: 14px;

  }

  .green .pdftitle{
    padding-top: 30px;
  }

  .green .pdf img{
    width: 15%;
  }

  .gazon-price-str{
    font-size: 14px;
  }


  .works .item .price{
    font-size: 12px;
    padding-top: 0;
    padding-left: 60px;
  }
  .works .item .desc{
    font-size: 12px;
  }
  .works .item .title{
    width: 80%;
    padding: 0;
    padding-left: 60px;
    padding-top: 15px;
    font-size: 14px;
    padding-bottom: 10px;
  }

  .gazon-price-str{
    margin-top: 15px;
  }

  .green2 .block3{
    width: 100%;
  }
  
}
	
/* От портретного планшета до ландшафтного экрана и настольных дисплеев */
@media (min-width: 768px) and (max-width: 991px) {
  .header .text1{
    padding-left: 15px;
    padding-right: 15px;
  }

  .grass .green-icons .title, .header .text1, .green2 .block1, .green2 .block2, .green2 .block4, .green2 .block6, .green .text1,.works-block .title-page{
    font-size: 28px;
  }

  .green .pdf{
    padding-top: 0;
  }

  .green .gazon-price-block{
    margin-top: 15px;
  }

  .green .number{
    font-size: 40px;
  }

  .green .number-desc{
    font-size: 18px;
    margin-top: -20px;
  }

  .green2 .block3 img{
    width: 30%;
    margin-left: 230px;
  }


  .green2 .block5 img{
    width: 30%;
    margin-left: auto;
    margin-right: auto;
  }

  .grass .green-icons{
    margin-top: 200px !important;
  }

  .works .item .price{
    padding-left: 60px;
  }

  .footer-logo{
    text-align: center;
  }

  .footer-logo img{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }

}
	

@media (min-width: 992px) and (max-width: 1199px) {
  .grass .green-icons .title, .header .text1, .green2 .block1, .green2 .block2, .green2 .block4, .green2 .block6, .green .text1,.works-block .title-page{
    font-size: 28px;
  }
  .green2 .block3 img {
    float: left;
    margin-left: 320px;
    width: 30%;
}

.green2 .block5 img {

  width: 40%;
}

}

/* Большой дисплей */
@media (min-width: 1200px) {

	
  }