anchor.diff:    .section-content{
       height: 100vh;
       width: 100vw;
  +    display: -webkit-flex;
       display: flex;
       align-items: center;
       justify-content: center;
     }
     .row-content{
       width: 100%;
  +  }
  +  .close-image{
  +    position: absolute;
  +    display: none;
  +    top: 30px;
  +    right: 60px;
  +    cursor: pointer;
  +    color: #fff;
  +    z-index: 151;
  +    border: 3px solid #fff;
  +    border-radius: 50%;
  +    padding: 15px;
  +    font-family: sans-serif;
     }
   
     @media (max-width: 767px) {
  
positive.code:         end = false;
      var slidesNum = document.querySelectorAll('.container-slider > div').length;
  
      document.getElementById('btn-next').addEventListener('click', function(){
        clickNumber += 1;
        size_ = size_screen*clickNumber;
  
negative.code:     <h2>CAR COLLECTOR SUITE</h2>
      <div class="wrap-groups">
        <div class="group">
          <span class="close-image" data-rel='3'>X</span>
          <%= image_tag "CollectionSuites_car_collector_suite_left.jpg", :class => 'img-gallery', :data => {:status => 'inactive', :rela => '3'}  %>
        </div>
        <div class="group">
          <span class="close-image" data-rel='4'>X</span>
          <%= image_tag "CollectionSuites_the_suites_cars.jpg", :class => 'img-gallery', :data => {:status => 'inactive', :rela => '4'}  %>
        </div>
      </div>
    </div>
  