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

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

 @media only screen and (max-width: 767px) {
     .desktop-slider {
         display: none;
     }
     
    .event-sub-head h4 {
        text-align: center;
    }
     .mobile-slider {
         display: block;
     }

     .mt30 {
         margin-top: 30px;
     }

     .mobile-head {
         font-size: 25px;
     }

     .owl-prev span,
     .owl-next span {
         color: #00a649;
         font-size: 75px;
         display: none;
     }

 }

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

     table {
         display: block;
         width: 100%;
         overflow-x: auto;
     }
 }

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