.section-block {
  padding:0;
}
.layout-img {
  padding: 3px;
}
.layout-img:first-child {
  padding-left: 0px;
}

.layout-img:last-child {
  padding-right: 0px;
}
  @media only screen and  (min-width: 280px) {
    .layout-img {
      margin-top: 30px;
      margin-bottom: 40px;
    }
  }
  @media only screen and  (min-width: 360px) {

  }   
  @media only screen and  (min-width: 375px) {
    .pix-1 {
      max-height: 300px;
    }
    .pix-1-fl {
      max-height: 300px;
    }
    .pix-2 {
      max-height: 215px;
    }
    .pix-2-fl {
      max-height: 215px;
    }
    .pix-3 {
      max-height: 162px;
    }
    .pix-3-fl {
      max-height: 162px;
    }
    .pix-4 {
      max-height: 130px;
    }
    .pix-4-fl {
      max-height: 130px;
    }
    }
    @media only screen and  (min-width: 390px) {
      .pix-1 {
        max-height: 310px;
      }
      .pix-1-fl {
        max-height: 310px;
      }
      .pix-2 {
        max-height: 225px;
      }
      .pix-2-fl {
        max-height: 225px;
      }
      .pix-3 {
        max-height: 170px;
      }
      .pix-3-fl {
        max-height: 170px;
      }
      .pix-4 {
        max-height: 140px;
      }
      .pix-4-fl {
        max-height: 140px;
      }
    }
    @media only screen and  (min-width: 412px) {
      .pix-1 {
        max-height: 320px;
      }
      .pix-1-fl {
        max-height: 320px;
      }
      .pix-2 {
        max-height: 235px;
      }
      .pix-2-fl {
        max-height: 235px;
      }
      .pix-3 {
        max-height: 182px;
      }
      .pix-3-fl {
        max-height: 182px;
      }
      .pix-4 {
        max-height: 140px;
      }
      .pix-4-fl {
        max-height: 140px;
      }
    }
      
    @media only screen and  (min-width: 490px) {
           
      .pix-1 {
        max-height: 340px;
      }
      .pix-1-fl {
        max-height: 340px;
      }
      .pix-2 {
        max-height: 285px;
      }
      .pix-2-fl {
        max-height: 285px;
      }
      .pix-3 {
        max-height: 210px;
      }
      .pix-3-fl {
        max-height: 210px;
      }
      .pix-4 {
        max-height: 160px;
      }
      .pix-4-fl {
        max-height: 160px;
      }
    }    
    @media only screen and  (min-width: 540px) {
      .pix-1 {
        max-height: 380px;
      }
      .pix-1-fl {
        max-height: 380px;
      }
      .pix-2 {
        max-height: 320px;
      }
      .pix-2-fl {
        max-height: 320px;
      }
      .pix-3 {
        max-height: 220px;
      }
      .pix-3-fl {
        max-height: 220px;
      }
      .pix-4 {
        max-height: 170px;
      }
      .pix-4-fl {
        max-height: 170px;
      }
    }
 

    @media only screen and  (min-width: 670px) {
     
.section-block {
  padding:0 15px;
}
.pix-1-fl, .pix-2-fl, .pix-3-fl, .pix-4-fl  {
  padding:0 0;
}
      .pix-1 {
        max-height: 480px;
      }
      .pix-1-fl {
        max-height: 550px;
      }
      .pix-2 {
        max-height: 290px;
      }
      .pix-2-fl {
        max-height: 350px;
      }
      .pix-3 {
        max-height: 200px;
      }
      .pix-3-fl {
        max-height: 250px;
      }
      .pix-4 {
        max-height: 160px;
      }
      .pix-4-fl {
        max-height: 210px;
      }
    }
   
 
     @media only screen and  (min-width: 768px) {

            .pix-1 {
              max-height: 500px;
            }
            .pix-1-fl {
              max-height: 560px;
            }
            .pix-2 {
              max-height: 360px;
            }
            .pix-2-fl {
              max-height: 400px;
            }
            .pix-3 {
              max-height: 260px;
            }
            .pix-3-fl {
              max-height: 290px;
            }
            .pix-4 {
              max-height: 210px;
            }
            .pix-4-fl {
              max-height: 240px;
            }
    }

          @media only screen and  (min-width: 850px) {
            .pix-1 {
              max-height: 500px;
            }
            .pix-1-fl {
              max-height: 660px;
            }
            .pix-2 {
              max-height: 390px;
            }
            .pix-2-fl {
              max-height: 430px;
            }
            .pix-3 {
              max-height: 280px;
            }
            .pix-3-fl {
              max-height: 310px;
            }
            .pix-4 {
              max-height: 210px;
            }
            .pix-4-fl {
              max-height: 250px;
            }
    }

 
  
    @media only screen and  (min-width: 912px) {
      .pix-1 {
        max-height: 500px;
      }
      .pix-1-fl {
        max-height: 660px;
      }
      .pix-2 {
        max-height: 380px;
      }
      .pix-2-fl {
        max-height: 470px;
      }
      .pix-3 {
        max-height: 260px;
      }
      .pix-3-fl {
        max-height: 330px;
      }
      .pix-4 {
        max-height: 210px;
      }
      .pix-4-fl {
        max-height: 260px;
      }
    }

    @media only screen and  (min-width: 1050px) {
      .pix-1 {
        max-height: 500px;
      }
      .pix-1-fl {
        max-height: 660px;
      }
      .pix-2 {
        max-height: 500px;
      }
      .pix-2-fl {
        max-height: 520px;
      }
      .pix-3 {
        max-height: 350px;
      }
      .pix-3-fl {
        max-height: 360px;
      }
      .pix-4 {
        max-height: 270px;
      }
      .pix-4-fl {
        max-height: 300px;
      }
    }
    @media only screen and  (min-width: 1150px) {
      .pix-1 {
        max-height: 500px;
      }
      .pix-1-fl {
        max-height: 660px;
      }
      .pix-2 {
        max-height: 500px;
      }
      .pix-2-fl {
        max-height: 600px;
      }
      .pix-3 {
        max-height: 350px;
      }
      .pix-3-fl {
        max-height: 440px;
      }
      .pix-4 {
        max-height: 270px;
      }
      .pix-4-fl {
        max-height: 320px;
      }
    }
    @media only screen and  (min-width: 1250px) {
      .pix-1 {
        max-height: 500px;
      }
      .pix-1-fl {
        max-height: 660px;
      }
      .pix-2 {
        max-height: 580px;
      }
      .pix-2-fl {
        max-height: 600px;
      }
      .pix-3 {
        max-height: 420px;
      }
      .pix-3-fl {
        max-height: 440px;
      }
      .pix-4 {
        max-height: 320px;
      }
      .pix-4-fl {
        max-height: 360px;
      }
    }
    @media only screen and  (min-width: 1350px) {
      .pix-1 {
        max-height: 500px;
      }
      .pix-1-fl {
        max-height: 660px;
      }
      .pix-2 {
        max-height: 550px;
      }
      .pix-2-fl {
        max-height: 640px;
      }
      .pix-3 {
        max-height: 420px;
      }
      .pix-3-fl {
        max-height: 458px;
      }
      .pix-4 {
        max-height: 320px;
      }
      .pix-4-fl {
        max-height: 30px;
      }
    }
    @media only screen and  (min-width: 1400px) {
      .pix-1 {
        max-height: 500px;
      }
      .pix-1-fl {
        max-height: 690px;
      }
      .pix-2 {
        max-height: 610px;
      }
      .pix-2-fl {
        max-height: 640px;
      }
      .pix-3 {
        max-height: 420px;
      }
      .pix-3-fl {
        max-height: 498px;
      }
      .pix-4 {
        max-height: 320px;
      }
      .pix-4-fl {
        max-height: 30px;
      }
    }
       @media only screen and  (min-width: 1450px) {
        .pix-1 {
          max-height: 500px;
        }
        .pix-1-fl {
          max-height: 690px;
        }
        .pix-2 {
          max-height: 610px;
        }
        .pix-2-fl {
          max-height: 680px;
        }
        .pix-3 {
          max-height: 420px;
        }
        .pix-3-fl {
          max-height: 520px;
        }
        .pix-4 {
          max-height: 320px;
        }
        .pix-4-fl {
          max-height: 390px;
        }
    }
  
    @media only screen and  (min-width: 1600px) {

      .pix-1-fl {
        max-height: 690px;
      }
      .pix-2-fl {
        max-height: 780px;
      }
      .pix-3-fl {
        max-height: 540px;
      }
      .pix-4-fl {
        max-height: 440px;
      }
    }
    @media only screen and  (min-width: 1650px) {

      .pix-2-fl {
        max-height: 780px;
      }
      .pix-3-fl {
        max-height: 575px;
      }
      .pix-4-fl {
        max-height: 440px;
      }
    }
    @media only screen and  (min-width: 1800px) {
  
      .pix-1 {
        max-height: 890px;
      }
           .pix-1-fl {
        max-height: 890px;
      }
      .pix-2-fl {
        max-height: 800px;
      }
      .pix-3-fl {
        max-height: 625px;
      }
      .pix-4-fl {
        max-height: 520px;
      }

      }