@media only screen and (max-width: 800px) {

      .col-s-1 {grid-column-end: span 1;}
      .col-s-2 {grid-column-end: span 2;}
      .col-s-3 {grid-column-end: span 3;}
      .col-s-4 {grid-column-end: span 4;}
      .col-s-5 {grid-column-end: span 5;}
      .col-s-6 {grid-column-end: span 6;}
      .col-s-7 {grid-column-end: span 7;}
      .col-s-8 {grid-column-end: span 8;}
      .col-s-9 {grid-column-end: span 9;}
      .col-s-10 {grid-column-end: span 10;}
      .col-s-11 {grid-column-end: span 11;}
      .col-s-12 {grid-column-end: span 12;}

      .off-s-0{grid-column-start: 1;}
      .off-s-1{grid-column-start: 2;}
      .off-s-2{grid-column-start: 3;} 
      .off-s-3{grid-column-start: 4;}
      .off-s-4{grid-column-start: 5;}
      .off-s-5{grid-column-start: 6;}
      .off-s-6{grid-column-start: 7;}
      .off-s-7{grid-column-start: 8;}
      .off-s-8{grid-column-start: 9;}
      .off-s-9{grid-column-start: 10;}
      .off-s-10{grid-column-start: 11;}
      .off-s-11{grid-column-start: 12;}
      .off-s-12{grid-column-start: 13;}

              


            .slider-left,
            .slider-right{
              height: 50%;
              width: 100%;
              position: fixed !important;
              
              transition: transform 0.5s ease-in-out;
              cursor: pointer;
            }



            .slider-left{
                  top: 6% !important;
              left: 0;
            }

            .slider-right{
                  top: 50% !important;
              left: 0;
            }

              .slick-slide {
                  height: 50vh !important;
                  width: 100vw !important;
                  top: 0 !important;
              }

              .slide-img {
                width: 100% !important;
                height: 50vh !important;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
              }


              .title-left,
              .title-right{
                width: 100%;  
                height: 50vh;
                
              }

              .content-left,
              .content-right{
                height: 100%;
                width: 100%;
                position: fixed !important;
                top: 0 !important;
                overflow-y: scroll;
                padding-top: 5vh;
                padding-bottom: 5vh;
              }

              .content-left{
                left: 0;
              }

              .content-right{
                left: 0;
              }

}