@media screen and (max-width: 960px)
{
    .event_block
    {
        margin: 10px 0;
    }
    .event_block .title_lbl
    {
        margin: 0px 0 10px;
    }
    .header_row
    {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        background: #fff;
    }
    .sub_title
    {
        margin: 10px 0;
        font-size: 2rem;
    }
    .padding80
    {
        padding: 100px 0 70px;
    }
    .footer_row
    {
        padding: 10px 0;
        position: fixed;
        bottom: 0;
        z-index: 999;
        background: #fff;
    }
    .resp_block0
    {
        padding: 0;
    }
    .event_detail .datetime_block
    {
        border: 1px solid #efefef;
    }
    .res_GenBtn
    {
        position: fixed;
        bottom: 0px;
        left: 0;
        width: 50%;
        z-index: 9999;
        margin: 0;
        border-radius: 0;
    }
    .res_cancelBtn
    {
        left: 50%;
    }
    .seat_detail {
    padding: 5px 0;
    bottom:30px;
    
}
}
@media screen and (max-width: 800px)
{
    .event_block
    {
        margin: 0;
    }
    .event_block .title_lbl
    {
        display: block;
        margin: 0;
        border-radius: 0px;
        border: 0;
        padding: 15px 25px;
        color: #333;
        font-weight: 600;
    }
    .rm-padding
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .rml-padding
    {
        padding-left: 15px;
    }
    .rmr-padding
    {
        padding-right: 15px;
    }
     .res_GenBtn
    {
        bottom: 30px;
    }
}
@media screen and (max-width: 768px)
{

    .main-banner .deskImg
    {
        display: none;
    }
    .main-banner .mobileImg
    {
        display: block;
    }
    .auditorium_block
    {
        padding: 0px;
    }
    .seat_note
    {
        position: fixed;
        bottom: 45px;
        margin:0;
        width: 100%;
        left: 0;
        background: #f5f5f5;
        z-index: 9999;
        border-top: 1px solid #e8e8e8;
    }
    .sub_title
    {
        margin: 5px 0;
        font-size: 1.8rem;
    }
    .fixed-header .sub_title
    {
        margin-top: 5px;
    }
    .padding80
    {
        padding: 100px 0;
    }
     .seat_note
    {
        text-align: center;
        padding: 5px;
    }
}
@media screen and (max-width: 550px)
{
    .booking_form .head_title
    {
        padding: 10px 15px;
        margin: 0 0 20px;
    }
    .form-control
    {
        margin-bottom: 15px;
    }
    .booking_form .form_lbl
    {
        margin: 0 0 5px;
    }
    .padding50
    {
        padding-bottom: 20px;
    }
    .booking_form .book_detail
    {
        border-radius: 10px;
        padding: 5px 0;
    }
    .booking_form .book_detail .gen_bookedBG
    {
        margin: 5px 0;
    }
    .res_logout
    {
        position: fixed;
        top: 17px;
        right: 30px;
        z-index: 999;
        padding: 3px 15px !important;
    }
   
    .seat_block .title, .seat_block .title span
    {
        font-size: 12px;
    }
}
@media screen and (max-width: 500px)
{
    .booking_form
    {
        padding: 15px 10px 0;
    }
    .booking_form .head_title
    {
        padding: 0px 0px 10px;
        margin: 0 0 20px;
        border-radius: 0;
        background: transparent;
        border-bottom: 1px solid #ccc;
    }
    .auditorium_block
    {
        padding: 0px;
    }
    .next_btn, .seat_detail .seatblock_info
    {
        margin: 5px 0;
    }
    .res_tc
    {
        padding: 0 10px;
    }
    .footer_row p img
    {
        width: 20px;
    }
    .seat_note
    {
        bottom: 35px;
        margin:0;
    }
    .booknow_btn
    {
        bottom:8%;
        right:1%;
    }

}
@media screen and (max-width: 400px)
{
    .booking_form
    {
        padding: 15px 0px 0;
    }
    .res_logout
    {
        right: 0px;
        padding: 3px 7px !important;
    }
    .sub_title
    {
        font-size: 1.6rem;
    }

}

@media screen and (max-width: 340px)
{
    .sub_title
    {
        font-size: 1.4rem;
    }

}