@media (min-width: 1200px){



    .navbar-expand-md {

        flex-wrap: nowrap;

        justify-content: flex-start;

    }

    .navbar-expand-md .navbar-toggler {

        display: none;

    }

    .navbar-expand-md .navbar-collapse {

        display: flex!important;

        flex-basis: auto;

    }

    .navbar-expand-md .navbar-nav {

        flex-direction: row;

    }

   

    

}





@media(max-width: 1200px){



    .navbar-nav{

        padding-left:0;

    }

    .navbar-nav li{

        /* padding-left:0; */

        margin-top: 10px;

    }

    .navbar-nav li a{

        padding-left:0;

    }

    .nav-item {

        border-right: none;

    }

    .nav-item .nav-link {

      font-size: 13px;

    }

    .navbar-collapse {

        backdrop-filter: blur(5px);

        -webkit-backdrop-filter: blur(5px);

        background: #00000069;

        z-index: 999999999;

        padding-bottom: 15px;

        padding-top: 5px;

    }

    .navbar-toggler{

        border:none;

    }

    .centerNav{

        align-items: unset;

    }

    .topEventLink{

        margin-left: 15px;

        width:122px;

    }

    .navDrop .dropdown-menu li{

         margin-top: 0;

    }

    .navDrop .dropdown-menu li a{

       padding-left: 15px;

       font-size: 14px;

   }

   .navDrop .dropdown-menu{

       left: 15px;

       position: absolute;

   }

    .toggleEvent{

       display: block;

       float: left;

       margin-right: 30px;

 

    }

    .defaultEvent{

      display: none;

    }

    .main-header {

        /* border-bottom: 1px solid #00000026; */

        padding-top: 9px;

        z-index: 999999999;

    }



}



@media (max-width: 1024px){



    .intro_txt h1{

       font-size: 30px;

       margin-top: 5px;

    }

    .bit_color h1{

        font-size: 34px;

    }

    .contentBox h4 {

        font-size: 20px;

    }



    .intro_txt h4{

        font-size: 18px;

     }

     .intro_txt {

       padding: 50px 0px;

       width: 60%;

       margin-bottom: 170px!important;

    }

    .upperFootUl a {

       font-size: 14px;

    }

    .bottomFooterTxt {

       font-size: 14px;

    }

    .aboutBack{

        height: unset;

    }

    .eventDiv .btn {

        font-size: 14px;

        padding: 7px 20px;

    }

    .min-hight{

        min-height: 650px;

    }

    .bit_color h1 {

        font-size: 24px;

    }

    

   

    

}



@media(max-width:820px){

    .intro_txt h1 {

        font-size: 24px;

        margin-top: 0px;

    }

    .intro_txt h4 {

        font-size: 14px;

    }

    .intro_txt {

        padding: 40px 0px;

        width: 60%;

    }

   

    .bit_color h1 {

        font-size: 28px;

    }

    .contentBox h4{

        font-size: 16px;

    }

    .contentMain .custom-cont{

        padding: 0!important;

    }

    .custom-cont {

        padding: 0 25px !important;

    }

    .top-banner h1 {

        margin-bottom: 20px;

    }

    .aboutBack .contentBox h4 {

        margin-bottom: 40px;

    }

    .radioTxt img {

       width: 70px;

    }

    .eventDiv .btn {

        font-size: 12px;

        padding: 7px 10px;

    }

    .inDiv .btn {

       font-size: 12px;

       padding: 2px 2px;

       width: 90px;

    }

    .discription {

        font-size: 12px;

    }

    .contact-form-bx .form-control {

        font-size: 14px;

    }

    .radio-back{

       background-image: url("../images/mic1.jpg");

    } 

   .radioTxt {

      left: 4%;

    } 

    .radioTxt h1{

        font-size: 30px!important;

    }

    .xss{

        width: 33%;

        margin-bottom:20px;

    }

    .eventsBx .row{

        justify-content: center;

    }

    .videoTrailerModal .modal-dialog{

        top: 20%;

    }

    

    

}



@media(max-width:768px){

    .intro_txt h4 {

        margin-bottom: 0;

    }

    .intro_txt h1 {

        font-size: 22px;

    }

    .intro_txt {

        padding: 50px 0px;

        width: 65%;

    }

    .contentBox p {

       font-size: 14px;

    }

    .contentBox h4 {

        font-size: 14px;

    }

    

    .contact-form-bx form {

        max-width: 400px;

    }

    .contact-form-bx form .btn {

        font-size: 14px;

    }

}



@media (max-width:600px){

   .intro_txt h1 {

       font-size: 20px;

   }

   .intro_txt h4 {

       font-size: 12px;

   }

   .intro_txt {

       padding: 40px 0px;

       width: 70%;

   }

   .upperfooter{

       display: unset;

   }

   .upperFootUl {

       justify-content: center;

   }

   .socialUl {

       justify-content: center;

       width: 100%;

       margin-top: 15px;

   }

   .bottomFooterTxt {

       padding-top: 25px;

       font-size: 12px;

   }

   .socialUl li {

       width: 25px;

       height: 25px;

   }

   .socialUl li i{

       font-size: 15px;

       position: relative;

       top: -2px;

   }

   .nav-item .nav-link {

       font-size: 12px;

   }  

   .navbar-brand img {

       width: 150px;

   }

   .navbar-toggler-icon {

       width: 1.5em;

       height: 1.5em;

   }

   .custom-cont {

       padding: 0 15px !important;

   }

   .aboutBack .contentBox h4 {

       margin-bottom: 30px;

   }

   .radioTxt img {

       width: 50px;

   }

   .radioTxt {

       top: 70%;

   }

   .events {

       padding-left: 0px;

       padding-right: 0px;

   }

   .eventDiv .btn {

       font-size: 10px;

       padding: 5px 5px;

   }

    .inDiv .btn {

       font-size: 11px!important;

       padding: 2px 2px;

       width: 90px;



    }

    .navDrop .dropdown-menu{

        min-width: 122px;

    }

    .videoTrailerModal .modal-dialog{

        top: 30%;

    }

    .toggleEvent {

        margin-left: 15px;

        width: 120px;

        padding: 4px 10px;

    }





}



@media(max-width:576px) {

    .contentMain .custom-cont {

        padding: 0 15px!important;

    }

    .xss{

        width: 33%;

        margin-bottom:20px;

    }

    .eventsBx .row{

        justify-content: center;

    }

   

    

}



@media (max-width:480px){

    .intro_txt h1 {

       font-size: 18px;

       margin-bottom: 0;

    }

    .intro_txt h4{

       line-height: 1.5;

       margin-top: 15px;

    }

    .intro_txt {

       padding: 25px 0px;

       width: 75%;

    }

    .intro_txt {

       margin-top: 51px!important;

    }

    .bit_color h1 {

       font-size: 20px;

    }

    .contentBox h4 {

       font-size: 12px;

    }

   .contentBox p {

       font-size: 11px;

    }

    .xss{

       width: 50%;

       margin-bottom:20px;

    }

    .eventsBx{

       padding: 0 10px

    }

    .radio-back{

        height: 600px;

     } 

    .radioTxt {

       left: 4%;

     } 

     .radioTxt h1{

         font-size: 25px!important;

     }

     .radioTxt {

        top: 50%;

    }

    .eventDiv .btn {

        font-size: 12px;

    }

}





@media(max-width:414px){

    .navbar-brand img {

        width: 120px;

    }

    .intro_txt h1 {

        font-size: 16px;

        margin-bottom: 0;

    }

    .intro_txt h4 {

        font-size: 9px;

    }

    .upperFootUl a {

        font-size: 10px!important;

    }

    footer {

       padding: 20px 0px 15px 0px;

    }

    .socialUl li {

        width: 23px;

        height: 23px;

    }

    .socialUl li i {

        font-size: 13px;

        position: relative;

        top: -4px;

    }

    .upperFootUl a {

        font-size: 10px;

        margin-bottom: 10px;

    }

    .upperFootUl {

       flex-flow: wrap;

    }

    .radioTxt img {

        width: 45px;

    }

   

    .contact-form-bx .form-control {

        font-size: 12px;

    }

    .contact-form-bx form .btn {

        font-size: 12px;

    }

    .connectTxt .discription {

        font-size: 11px;

    }

    .topEventLink a {

       

        font-size: 10px!important;

    }

    .toggleEvent {

       width: 110px;

       margin-left: 0;

       margin-right: 0;

    }

    

}



@media (max-width:400px){

    .eventDiv .btn {

        font-size: 11px;

    }

}



@media (max-width: 376px){

   .intro_txt {

       padding: 25px 10px;

       width: 75%;

    }

   .bottomFooterTxt {

       padding-top: 25px;

       font-size: 11px;

   }

    .upperFootUl a {

       font-size: 11px!important;

    }

    .nav-item .nav-link {

        font-size: 11px;

    }

   

    .intro_txt {

        margin-bottom: 30px!important;

        margin-top: 30px;

    }

    .bit_color h1 {

        font-size: 16px;

    }

    .radioTxt img {

        padding-right: 10px;

    }

    .contact {

        padding-left: 25px !important;

        padding-right: 25px!important;

    }

    .radioTxt h1 {

        font-size: 20px!important;

    }

    .eventDiv .btn {

        font-size: 10px;

    }

    .navDrop .dropdown-menu li a {

        font-size: 11px;

    }

}



@media (max-width: 320px){

    .intro_txt h1 {

       font-size: 14px;

    }

    .intro_txt {

        margin-bottom: 40px!important;

        margin-top: 40px;

    }

    .contentBox h4 {

        font-size: 11px;

    }

    .radioTxt {

        left: 10%;

    }

    .connectTxt .discription {

        font-size: 10px;

    }

    .contact-form-bx .form-control {

        font-size: 11px;

    }

    .contact-form-bx form {

       padding: 25px 30px 25px 30px;

    }

    .contact-form-bx textarea{

        height: 60px;

    }

    .eventDiv .btn {

        font-size: 8px;

    }

    .inDiv .btn {

        font-size: 10px!important;

    }

}