
.lg_none{
    display: none;
}
.lg_block{
    display: block;
}

@media (max-width: 1281px){
    .about_section .content_wrap .icon {
            max-width: 60px;
    }
}

@media (max-width:1025px) and (min-width:768px){
    .banner_wrap .title{
        font-size: 70px;
    }
    .contact_section .wrapper{
        padding-inline: 40px;
    }
    .about_section .content_wrap .title{
        font-size: 30px;
    }
    .about_section .content_wrap .desc{
        font-size: 15px;
    }
    .about_section .content_wrap .highlights_wrap li{
        font-size: 11px;
    }
    .past_gigs_section .masonry_sizer, 
    .past_gigs_section .masonry_item{
        width: 300px;
    }
}

@media (max-width:992px){
    .nav_wrap .menu_btn{
        display: block;
    }
    .lg-outer .lg-inner{
        transform: scale(0.8);
    }
     .highlights_off_stage .col_wrap{
        padding-left: 20px;
     }
}
@media (max-width: 768px){
    .sm_none{
        display: none;
    }
    .sm_block{
        display: block;
    }
    .sm_gap{
        gap: 3rem;
    }
    .sm_col_rev{
        flex-direction: column-reverse;
    }
    .spacer{
        height: 60px;
    }

    .slideIn_menu {
        width: 100%;
        padding-inline: 15px;
    }
    .slideIn_menu .social_wrap{
        flex-wrap: wrap;
    }
    .banner_wrap .bannerInnerContainer{
        height: 75vh;
        padding-inline: 15px;
    }
    .banner_wrap .video_wrap iframe{
        transform: scale(4);
    }
    .banner_wrap .title{
        font-size: 40px;
    }
    .about_section .content_wrap{
        padding-block: 40px;
        gap: 100px;
    }
    .about_section .content_wrap .title{
        font-size: 28px;
    }
    .about_section .content_wrap .desc{
        font-size: 18px;
    }
    .about_section .content_wrap .highlights_wrap{
        flex-wrap: wrap;
    }
    .about_section .content_wrap .highlights_wrap li{
        font-size: 15px;
    }
    .about_section .content_wrap .highlights_wrap li.dot{
        display: none;
    }
    .past_gigs_section .masonry_sizer,
    .past_gigs_section .masonry_item {
        width: 150px;
    }
    .contact_section .wrapper{
        padding-inline: 25px;
    }
    .contact_section .wrapper .form_wrap form{
        row-gap: 15px;
    }
    .contact_section .checkbox_wrap{
        row-gap: 10px;
        flex-wrap: wrap;
    }

    .video_wrap .play_pause_wrap, .img_wrap .play_pause_wrap{
        top: -33px;
        width: 40px;
        height: 40px;
    }
    .video_wrap .play_pause_wrap img, .img_wrap .play_pause_wrap img{
        width: 15px;
        height: 15px; 
    }
    
    /* lightbox  */
    .lg-outer .lg-inner{
        transform: scale(0.8);
    }
    .lg-icon{
        top: unset;
        bottom: 0;
    }


    /* ============== About Page START ============== */
    .page_banner .title{
        font-size: 35px;
    }
    .the_info_section .mine_desc{
        font-size: 18px;
        margin-top: 20px;
    }
    .the_info_section .desc{
        font-size: 20px;
        margin-top: 30px;
        max-width: 100%;
    }
     .highlights_off_stage .col_wrap{
        padding-left: 0;
     }
     .col_wrap{
        margin-bottom: 30px;
     }
     .highlights_off_stage > .container-fluid{
        padding-inline: 10px;
     }
    /* ============== About Page END ============== */

    .loader_wrapper .wrap{
        margin-bottom: 150px;
    }
    .loader_wrapper .wrap .loader_count{
        font-size: 8rem;
    }

}