/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 18, 2020, 1:42:39 PM
    Author     : chennai9
*/

/* CSS FOR GENERAL / DESKTOP VIEW STARTS */
/*.navbar.line-nav.main-navbar.landing-page-active{
    height: 110px;
}
*/
/* font weight adjustment for safari browser */
.safari .gallery-promo-section h1,
.safari .gallery-promo-section button,
.safari .slider-img-caption,
.safari .about-section-content h1,
.safari .landing-review-btn,
.safari .review-section h3,
.safari .overlay-text h1,
.safari .landing-banner,
.safari .gallery-header h6
{
    font-family: 'OpenSans-Bold' !important;
    font-weight: normal !important;
}
/*hide this code for client update feedback*/

.landing-page-active .main-navbar-div{
    max-width: none;
    margin: 0 40px;
    /*padding-top: 10px;*//*hide this code for client update feedback*/
}
.landing-page-active #app_footer_menu_list_desktop{
    margin: 20px 0 0 0 !important
}
/*.landing-page-active .footer-icon-bgimg.des-ev-img{
    height: 32px;
}*/
/*hide this code for client update feedback*/

.landing-page-active .hamburger-menu{
    height: 32px;
    /*margin-left: 17.5px !important;*//*hide this code for client update feedback*/
}
.landing-banner {
    height: 38px;
    font-size: 21px;
    padding: 7px 0 0;
    background-color: #e4bc0d !important;
    /*SET THIS HODE CODE COLOR VALUE FOR UPDATE FEEDBACK*/
}
.main-navbar-div.landing-page-active .logo-cover{
    margin-top: 17px;
}
/*.overlay-container .overlay-text {
    height: calc(80vh - 55px);*/
    /*110px(navbar) + 45px(banner) (155px - 100px) adjustment for vertical center*/
/*}*/
.overlay-text h1{
    text-transform: uppercase;
    font-size: 43px;
    margin: 0 6%;
    overflow-wrap: break-word !important;/*ADD THIS CSS FOR MOBILE VIEW TO AVOID IF LONG TEXT TO CROP CROPPING*/
}
.overlay-text h3{
    font-size: 28px;
    margin: 0 6%;
    overflow-wrap: break-word !important;/*ADD THIS CSS FOR MOBILE VIEW TO AVOID IF LONG TEXT TO CROP CROPPING*/
}
.header-swiper.swiper-container{
    height: calc(80vh); 
    /*110px(navbar) + 45px(banner)*/
    /*70px(navbar) + 45px(banner)*/
}
.has-banner +.row .header-swiper.swiper-container{
    height: calc(80vh - 45px); 
    /*110px(navbar) + 45px(banner)*/
    /*70px(navbar) + 45px(banner)*/
}
.header-swiper .swiper-slide{
    background-position: center;
}
.header-swiper.swiper-container .outer{
    height: 100%;
    top: 0;
}
.overlay-container .overlay-text{
    height: auto;
}
/*.landing-page-active.navbar a.icon-only{
    min-width: auto;
    margin: 0 17.5px !important
}*/
/*hide this code for client update feedback*/

/*.landing-page-active .open-panel.hamburger-menu .f7-icons.menu_icn{
    margin-left: 0 !important;
}*//*hide this code for client update feedback*/

.gallery-header h6{
    width: 181px;
    height: 25px;
    /*margin: 0 107px 30px;*/
    margin: 0;
    font-family: OpenSans;
    font-size: 17px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--color_choice_2);
}
.gallery-header h6.viewall{
    font-weight: 500 !important;
    margin: 0 0 0 10px;
}
.gallery-promo-section h1{
    width: auto;
    height: 39px;
    margin: 0 0 6px;
    font-family: OpenSans;
    font-size: 33px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
}
.gallery-promo-section h4{
    width: auto;
    height: 36px;
    margin: 6px 0 37px;
    font-family: OpenSans;
    font-size: 23px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}
.gallery-promo-section button{
    margin: 15px 0;
    font-family: OpenSans;
    font-size: 17px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--color_choice_1);
    width: 230px;
    height: 55px;
    padding: 2px 2px 2px 0;
    border-radius: 5px;
}
.slider-img-caption{
    /*width: 393px;*/
    /*height: 29px;*/
    /*CHANGE THIS HEIGHT VALUE TO AUTO TO AVOID OVERLAPPING LONG TEXT TO BELOW SECTION IN DESKTOP VIEW 1000PX TO 991PX SCREEC SIZE*/
    height: auto;
    margin: 25px 30px 0;
    font-family: OpenSans;
    font-size: 19px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--color_choice_2);
    top:0px;
}
.about-section-content h1{
    width: auto;
    height: 39px;
    margin: 0 0 13px;
    font-family: OpenSans;
    font-size: 33px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-top: 15px;
    text-transform: uppercase;
}
.about-section-content{
    max-width: none;
    margin:0;
}
.landing-about {
    padding: 40px 40px 55px 40px;
    background-color: var(--color_choice_1);
    color: var(--color_choice_4);
}
.landing-about p{
    width: 839px;
    /*height: 132px;*/
    margin: 13px 121px 0;
    font-family: OpenSans;
    font-size: 19px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}
.landing-review-btn {
    width: 235px;
    height: 25px;
    font-family: OpenSans;
    font-size: 17px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    width: 235px;
    height: 55px;
    padding: 15px 0;
    border-radius: 5px;
    margin: 50px auto 34px auto;
}
.review-section h3 {
    width: auto;
    height: 39px;
    margin: 0 92px 83px 95px;
    font-family: OpenSans;
    font-size: 33px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--color_choice_2);
}
/*.landing-page-active .main-navbar-div .logo-cover{
    margin-top: 18px;
}*/
/*hide this code for client update feedback*/

.default-image-gallery-bg-img, .image-gallery-bg-img{
    width: 139px;
    height: 139px;
    margin: 15px;
    border-radius:10px;
}
.landingPage-view .page-content {
    /*height: calc(100% - 110px);*/
}
.award-section{
    padding-top: 30px;
}
.image-gallery {
    background-color: var(--color_choice_2);
    padding: 45px; 
    width: auto; 
}
.image-gallery .row {
    justify-content: start;
    width: 1015px;
}
.event.gallery-header {
    padding: 50px 30px 30px;
}
.program.gallery-header{
    padding: 30px;
}
.imagegallery-swiper.swiper-container {
    height: calc(100vh - 100px);
    margin: 0;
    padding: 0;
}
.imagegallery-swiper.swiper-container .swiper-slide{
    background: #fff0;
    height:auto;
}
.imagegallery-swiper.swiper-container .swiper-slide img{
    width: 100%;
    margin: auto;
    height: auto;
    
    /*top: calc(100vh - 70%);*/
    position: relative;
}
.imagegallery-swiper.swiper-container .outer{
    height: calc(100% + 50px);
}
.imagegallery-swiper.swiper-container .swiper-button-prev,
.imagegallery-swiper.swiper-container .swiper-button-next{
  z-index: 5;  
}
/*.landing-page-active .image-gallery-view{
    width: 863.2px;
    height: 575px;
    margin: 171px 288.8px 278px 288px;
    padding:0% 23% 0% 23%;
}*/
/*.image-gallery-view-close-icon{
    width: 21px;
    height: 41px;
    margin: 51px 0 71px 25px;
    font-family: OpenSans;
    font-size: 29px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #b3b1b1;
}*/
.image-gallery-view-close .f7-icons{
        font-size: 30px;
        /*font-weight: 700;*/
}
.image-gallery-view .swiper-custom{
    /*width:1000px;*/
}
.image-gallery-view .col-16{
    /*width: 12.66666%;*/
    /*padding: 0rem 12.5px;*/
}
/*.imagegallery-swiper img{
    display: inline-block;
    width: 100%;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.6);
    box-shadow: 0 0 8px rgba(0,0,0,.6);
}*/

.outer {
    display: table;
    position: absolute;
/*    height: 80%;*/
    width: 100%;
}

.swiper-slide .slide-bg-img{
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    box-sizing: border-box;
    background-position: center;
    /*margin: 0 20px;*/
    height: 100%;
}
.photo-browser-cstm .content-block{
    padding-bottom: 0;
    margin: 0;
}

.review-swiper + .swiper-button-prev , .program-swiper + .swiper-button-prev, .event-swiper + .swiper-button-prev{
    left:15px;
    height:15px;
} 
.review-swiper + .swiper-button-prev + .swiper-button-next, .program-swiper + .swiper-button-prev + .swiper-button-next, .event-swiper + .swiper-button-prev + .swiper-button-next{
   right:15px; 
   height:15px;
}
.program-swiper.swiper-container,.event-swiper.swiper-container{
        /*height: 170px;*/ 
        height: auto; 
        padding: 0 0 100px 0;
    }
    .program-swiper img, .event-swiper img, .review-swiper img{
        position: relative;
        display: block;
        text-align: center;
        width: 100%;
        height: 100%;
        max-width: 100%;
        border-radius: 5px;
    }
    .program-slider-padding, .event-slider-padding{
        padding:0 20px;
    }
    .intrinsicsize-img{
        position: absolute !important;
    }
    .review-section-custom-img .swiper-custom{
        padding: 0 50px;
        position: relative;
    }
    .header-swiper .swiper-slide {
        height: 100% !important;
        background-size: cover;     
        background-repeat: no-repeat;
        background-position: center center;
      }
/* CSS FOR GENERAL / DESKTOP VIEW ENDS */


/*NOTE*/
/*PLEASE ADD NEW DESKTOP CSS ABOVE*/

/*NOTE: USED THIS MEDIA FOR AVOID ALIGNMENT MISSING IN LANDING PAGE*/ 
@media only screen and (max-width: 1178px) and (min-width: 991px){
    .landing-about p{
        width: auto ;
        margin: 7px 23px 0 ;
    }
    .image-gallery .row {
        width: auto;
    }
    .default-image-gallery-bg-img, .image-gallery-bg-img{
        width: 93px;
        height: 93px;
        margin:10px;
    }
}

/* MEDIA CSS FOR TABLET VIEW STARTS */
@media only screen and (max-width: 990px) and (min-width: 768px){
    .landing-page-active .navbar.landingPage{
        height: 86px;
    }
    .landing-page-active  .center.mobile-view .nav-img.logo-cover{
        margin-top: 18px;
        margin-left: 0;
        height: 48px;
        object-fit: contain;
    }
    .landing-page-active.landingPage-view .page-content {
        margin-top: 86px;
        height: calc(100% - 136px);
    }
    .header-swiper.swiper-container{
        height: calc(80vh - 260px) !important; 
        /*86px(navbar) + 30px(banner)*/
    }
/*    .overlay-container .overlay-text {
        height: calc(80vh - 16px);*/
        /*86px(navbar) + 30px(banner) (116px - 100px) adjustment for vertical center*/
    /*}*/
    .overlay-text h1{
        /*width: 700px;*/
        height: auto; /*to avoid text overlapping set height to auto*/
        font-family: OpenSans;
        font-size: 29px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        /*margin: 0 6%;*/
    }
    .overlay-text h3 {
        /*width: 700px;*/
        height: 33px;
        /*margin: 0 6%;*/
        font-family: OpenSans;
        font-size: 23px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }
    .landing-banner {
        /* width: auto; */
        height: 20px;
        margin: 0px 0 0;
        padding: 5px 198px;
        /*background-color: #c226f1;*/
    }
    .landing-banner {
        font-family: OpenSans;
        font-size: 13px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }
    .award-section{
        padding-top: 20px;
    }
    .program.gallery-header{
        padding: 20px 0;
    }
    .gallery-header h6 {
        width: auto;
        height: 22px;
        margin: 0 10px 0 0;
        /*        width: 131px;
                height: 22px;
                margin: 0 285px 20px 292px;*/
        font-family: OpenSans;
        font-size: 15px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color_choice_2);
    }
    .gallery-header h6.viewall{
        width: 74px;
        height: 22px;
        margin: 0 0 0 10px;
        font-family: OpenSans;
        font-size: 15px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color_choice_1);
    }
    .slider-img-caption{
        /*width: 342.6px;*/
        height: 28.5px;
        margin: 25px 22.4px 0 0;
        font-family: OpenSans;
        font-size: 15px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color_choice_2);
        top:0px;
    }
    .gallery-promo-section{
        /*width: auto;*/
        /*height: 220px;*/
        margin: 0;
        padding: 38px 33px 48px 35px;
        background-color: var(--color_choice_1);
    }
    .gallery-promo-section h1{
        width: auto;
        height: 33px;
        font-family: OpenSans;
        font-size: 23px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
    }
    .gallery-promo-section h4 {
        width: auto;
        height: 27px;
        margin: 0 0 27px;
        font-family: OpenSans;
        font-size: 19px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }
    .gallery-promo-section button {
        width: 203px;
        height: 46px;
        padding: 12px 0;
        margin: 0;
        border-radius: 5px;
        background-color: #ffffff;
    }
    .gallery-promo-section button {
        width: 203px;
        /*height: 22px;*/
        font-family: OpenSans;
        font-size: 15px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color_choice_1);
    }
    .event.gallery-header{
        padding: 33px 0 19px 0;
    }
    .event.gallery-header h6 {
        width: auto;
        height: 22px;
        margin: 0 10px 0 0;
        font-family: OpenSans;
        font-size: 15px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color_choice_2);
    }
    .event.gallery-header h6.viewall{
        width: 74px;
        height: 22px;
        margin: 0 0 0 10px;
        font-family: OpenSans;
        font-size: 15px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color_choice_2);
    }
    .review-section h3{
        width: auto;
        height: 33px;
        margin: 0 181px 20px 187px;
        font-family: OpenSans;
        font-size: 23px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color_choice_2);
    }
    .landing-review-btn{
        width: 220px;
        height: 50px;
        /*margin: 0 1px 0 0;*/
        border-radius: 5px;
        background-color: var(--color_choice_2);
    }
    .landing-review-btn{
        width: 220px;
        /*height: 21px;*/
        margin: 50px 0 15px 1px;
        font-family: OpenSans;
        font-size: 15px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }
    .image-gallery{
        /*width: auto;*/ 
    /* height: 230px; */
        margin: 0;
        padding: 24px 30px 23px 56px;
        background-color: var(--color_choice_2);
    }
    .default-image-gallery-bg-img, .image-gallery-bg-img{
        width: 93px;
        height: 93px;
        margin:10px;
    }
    .landing-about {
        /* width: auto; */
        /* height: 239px; */
        margin: 0 0 0;
        padding: 41px 55px;
        background-color: var(--color_choice_1);
    }
    .about-section-content h1 {
        width: auto;
        height: 30px;
        margin: 0 0 7px;
        font-family: OpenSans;
        font-size: 21px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
    }
    .landing-about p {
        width: auto;
        /*height: 133px;*/
        margin: 7px 56px 0;
        font-family: OpenSans;
        font-size: 17px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }
    .about-section-content{
        width: auto;
    }
    .image-gallery .row {
        width: auto;
    }
    .program-swiper.swiper-container, .event-swiper.swiper-container {
        /*height: 317px;*/
        padding: 0 0 15px 0;
    }
/*    .slider-img-caption{
        top: 260px;
    }*/
    .imagegallery-swiper.swiper-container {
        width: auto;
        /*height: 439px;*/
        /*margin: 15px 31px 212px 31px;*/
        /*padding: 0 5px;*/
    }
    #lrv .swiper-button-prev, #lrv .swiper-button-next{
        background-size: 30px 30px;
    }
/*    #lig .swiper-button-prev, #lig .swiper-button-next{
        background-size: 19px 30px;
    }*/
    .review-section {
        padding: 10px 0px 30px 0px;
    }
/*    .image-gallery-view-close-icon{
        width: 18px;
        height: 34px;
        margin: 15px 31px 5px 200px;
        font-family: OpenSans;
        font-size: 24px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #b3b1b1;
    }*/
    .image-gallery-view-close .f7-icons{
        font-size: 35px;
    }
    .imagegallery-swiper.swiper-container .swiper-button-next,
    .imagegallery-swiper.swiper-container .swiper-button-prev{
        background-color: black;
    }
    .image-gallery-view .swiper-custom{
        width:auto;
    }
}

/* MEDIA CSS FOR TABLET VIEW ENDS */


/*NOTE*/
/*PLEASE ADD NEW TABLET CSS ABOVE*/



/* MEDIA CSS FOR MOBILE VIEW STARTS */
@media only screen and (max-width: 767px){
    .landing-page-active .navbar.landingPage{
        height: 60px;
    }
    .landing-page-active  .center.mobile-view .nav-img.logo-cover{
/*        width: 158px;
        height: 40px;*/
        /*margin: 0 108px 13px 109px;*/
        object-fit: cover;
    /*    width: 100px;*/
        height: 32px;
        margin:0px;
    }

    .landing-page-active.landingPage-view .page-content {
        margin-top: 60px;
        height: calc(100% - 110px);
    }
    .overlay-text h1{
        /*width: auto;*/
        height: auto;/*to avoid text overlapping set height to auto*/
/*        margin: 0 6%;
        font-family: OpenSans;
        font-size: 23px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;*/
        font-weight: 600;
        color:white;
        margin: 0 6%;
        line-height: normal;
        text-transform: uppercase;
        /*above css are common for tab and native so i add css this here*/
        font-size: 19px;
    
    }
    .overlay-text h3 {
        /*width: auto;*/
        height: auto;/*to avoid text overlapping set height to auto*/
        /*margin: 0 23px;*/
        font-size: 18px;
        font-weight: 400;
        margin: 0 6%;
        color: white;
        line-height: normal;
    }
    .landing-banner {
        /*width: auto;*/
        /*height: 20px;*/
        /* margin: 9px 0 0; */
        /*padding: 5px 0 5px 3px;*/
        /*background-color: #c226f1;*/
        background-color: #e4bb0c;
        color: #fff;
        margin:0px;
        height: 20px;
        padding: 6px 0px 5.6px 0px;
         /*above css are common for tab and native so i add css this here*/
        font-size: 14px;
    }
    .landing-banner {
        /*        width: 372px;
                height: 20px;*/
/*        font-family: OpenSans;
        font-size: 13px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;*/
    }
    .program.gallery-header{
        padding: 20px 0;
    }
    .program.gallery-header h6 {
        width: auto;
        height: 19px;
        margin: 0 10px 0 0;
        font-family: OpenSans;
        font-size: 13px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color_choice_2);
    }
    .gallery-header h6.viewall{
        width: 65px;
        height: 19px;
        margin: 0 0 0 10px;
        font-family: OpenSans;
        font-size: 13px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color_choice_1);
    }
    .slider-img-caption{
        /*width: 260px;*/
        height: 20px;
        margin: 25px 19px 0 18px;
        font-family: OpenSans;
        font-size: 13px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color_choice_2);
        top:0px; /*event text is hiding for mobile view so adding is top value*/
    }
    .gallery-promo-section {
        width: auto;
        /* height: 155px; */
        margin: 0;
        padding: 24px 18px 28px 17px;
        background-color: var(--color_choice_1);
    }
    .gallery-promo-section h1 {
        width: auto;
        height: auto;
        margin: 0 0 0px;
        font-family: OpenSans;
        font-size: 17px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
    }
    .gallery-promo-section h4 {
        width: auto;
        height: 42px;
        margin: 0;
        font-family: OpenSans;
        font-size: 15px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }
    .gallery-promo-section button {
        width: 165px;
        height: 43px;
        /*margin: 0 0 0 1px;*/
        border-radius: 5px;
        background-color: #ffffff;
    }
    .gallery-promo-section button {
        width: 166px;
        /*height: 21px;*/
        /*margin: 11px 0;*/
        font-family: OpenSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color_choice_1);
        padding: 0px;
    }
    .event.gallery-header{
        padding: 33px 0 19px 0;
    }
    .event.gallery-header h6 {
        width: auto;
        height: 19px;
        margin: 0 10px 0 0;
        font-family: OpenSans;
        font-size: 13px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color_choice_2);
    }
    .event.gallery-header h6.viewall{
        width: 65px;
        height: 19px;
        margin: 0 0 0 10px;
        font-family: OpenSans;
        font-size: 13px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color_choice_2);
    }
    .review-section h3{
        width: auto;
        height: 25px;
        margin: 0 3px 26px 2px;
        font-family: OpenSans;
        font-size: 17px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color_choice_2);
    }
    .landing-review-btn{
        width: 165px;
        height: 45px;
        margin: 0 0 0 1px;
        border-radius: 5px;
        background-color: var(--color_choice_2);
    }
    .landing-review-btn{
        width: 166px;
        /*height: 21px;*/
        margin: 50px 0 0;
        font-family: OpenSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }
    .image-gallery {
        /* width: auto; */
        height: auto;
        margin: 0;
        padding: 25px 0px;
        background-color: var(--color_choice_2);
    }
    .default-image-gallery-bg-img, .image-gallery-bg-img{
        width: 72px;
        height: 72px;
        margin:7.5px;
    }
    .landing-about {
        width: auto;
        height: auto;
        margin: 0;
        padding: 50px 17px;
        background-color: var(--color_choice_1);
    }
    .about-section-content h1 {
        width: auto;
        height: 25px;
        margin: 0 2px 1px 3px;
        font-family: OpenSans;
        font-size: 17px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
    }
    .landing-about p {
        width: auto;
        /*height: 118px;*/
        margin: 1px 0 0;
        font-family: OpenSans;
        font-size: 13px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }
    .about-section-content{
        width: auto;
    }
    .image-gallery .row {
        width: auto;
    }
    .imagegallery-swiper.swiper-container {
        width: auto;
        /*height: 193px;*/
        /*margin: 160px 43px 177px 42px;*/
        /*padding: 0 5px;*/
    }
    #lrv .swiper-button-prev, #lrv .swiper-button-next{
        background-size: 30px 30px;
    }
/*    #lig .swiper-button-prev, #lig .swiper-button-next{
        background-size: 17px 30px;
    }*/
    .review-section {
        /*padding: 10px 50px 30px 50px;*/
        /*NOTE:CHANGE THE LEFT AND RIGHT PADDING VALUE TO MAINTAIN SWIPER ARROW EQUAL TO EVENT AND PROGRAM SWIPER ARROW*/
        padding: 10px 0px 30px 0px;
    }
/*    .image-gallery-view-close-icon{
        width: 14px;
        height: 27px;
        margin: 36px 10px 52px 287px;
        font-family: OpenSans;
        font-size: 19px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #b3b1b1;
    }*/
    .image-gallery-view-close .f7-icons{
        font-size: 30px;
    }
    .image-gallery-view .swiper-custom{
        width:auto;
    }
    .header-swiper.swiper-container{
        height: 300px !important; 
    }
    .program-swiper.swiper-container,.event-swiper.swiper-container{
        /*height: 170px;*/ 
        /*height: 154px;*/ 
        padding: 0 0 25px 0;
    }
    .award-section{
        padding-top: 20px;
    }
    .review-section-custom-img .swiper-custom{
        padding: 0 25px;
        position: relative;
    }
    .review-section-custom-img .swiper-button-prev{
        left:0;
    }
    .review-section-custom-img .swiper-button-prev + .swiper-button-next{
        right:0;
    }
    .header-swiper .swiper-slide {
        background-size: contain;
      }

}
@media only screen and (min-width:990px) and (max-width: 1200px){
    .header-swiper.swiper-container{
        height: calc(80vh - 260px); 
    }
}
@media only screen and (max-width: 500px){
    .header-swiper.swiper-container{
        height: 250px !important; 
    }
}