/* You can add global styles to this file, and also import other style files */

/* and (min-width : 320px) */
@media only screen and (max-width : 480px) {
    /* Styles */
        .contact-call-to-action-container> .contact-heading{
            font-size:21px ;
        }
        .director-name-container{
            padding-top: 5%;
        }
        .designation>p:first-child{
            color:black;
        }
        .awards{
            margin-top: 5% !important;
        }
        .menu-container{
            margin:0 !important;
        }
        .video_container>iframe{
            height:25%;
        }
        .about-container>.heading{
            margin-top: 47px;
        }
    }

    @media screen 
  and (min-width: 542px) 
  and (max-width: 700px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
    #test{
        height:300px;
    }
    .contact-call-to-action-container> .contact-heading{
        font-size:21px ;
    }
    .menu-container{
        margin:0 !important;
    }
}

 @media only screen and (max-width:1880px) and (min-width:838px){
    .contact-call-to-action-container> .contact-heading{
        font-size:80px ;
    }
} 
    
@media only screen and (min-width : 2100px){
    /* background-color:#766b58; */
}
    /* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
    /* .upcomingEvents > div{
        height:300px;
    }
    #test{
        height:300px;
    } */
    /* .contact-call-to-action-container> .contact-heading{
        font-size:21px ;
    } */
    .director-name-container{
        padding-top: 5%;
    }
    /* .menu-container{
        margin:0 !important;
    } */
    /* .awards{
        margin-top: 5% !important;
    } */
}
    
    /* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
            /* div.upcomingEvents > div{
                height:300px;
            }
            #test{
                height:300px;
            } */
            .contact-call-to-action-container> .contact-heading{
                font-size:21px ;
            }
            .director-name-container{
                padding-top: 5%;
            }
            .awards{
                margin-top: 5% !important;
            }
            .menu-container{
                margin:0 !important;
            }
    }

@media only screen and (max-width:768px){
        div.menu{
            left:0%;
            margin-top:0%;
        }
        .home-achievement-text>.home-achievement-press-release{
            font-size:6px;
            color:black;
        }

        .home-achievement-text>.home-achievement-press-release:hover{
            color:white;
        }

        .upcomingEvents{
            background-color: #7a6e5b;
        }
        .upcomingEvents > div{
            opacity: 0.5;
        }
        .upcoming-event-container{
            background-image: none !important;
        }
        .footer-container{
            padding:10px;
        }

        .menu-pills{
            margin:0 !important;
        }
        #navbarTogglerDemo02{
            background-color: gainsboro;
        }
 
        .reviews >.row{
            display:inline !important;
        }
        .contact-call-to-action-container> .contact-heading{
            font-size:21px ;
        }
        .director-name-container{
            padding-top: 5%;
        }
        .menu-container{
            margin:0 !important;
        }
        .contact-call-to-action-container > .contact-collab{
            font-size: 11px;
        }
        .contact-form-button-container>.send-button{
            font-size: 12px;
        }
        .contact-input-container>.contact-custom-form-control{
            height: 36px;
        }

        div>.carousel-container{
            min-height:122px;
        }
        div>.phantom-loading-div{
            min-height: 122px;
        }
        .definition-history-inner >.heading{
            margin-top: 25px;
            font-size: 20px;
        }
        .reviews-container>.reviews_heading{
            font-size:24px;
            margin-top: 28px;
        }
       .performance-container>.performance_heading{
           font-size:24px;
           margin-top: 28px;
       }
        .definition-history-inner>.definition-text-row>.definition-text{
            font-size: 16px;
            text-align: justify;
            padding:0px;
         }
         .definition-history-inner>.definition-text-row{
            margin-top: 4%;
         }
         .home-achievement-overlay-icon-container>.pew-icon{
            margin-top:1px;
         }
         .body >.home-achievement-container{
            height:24%;
        }
    
       .home-achievement-container> .home-achievement-image-overlay{
            height: 100%;
        }
    
        .home-achievement-image-overlay>.home-achievement-overlay-icon-container{
            width: 26%;
            height: 35%;
            margin-left: -24%;
         }
    
        .home-achievement-image-overlay > .home-achievement-overlay-achievement-container{
            width: 35%;
            height: 100%;
         }
    
         .home-achievement-overlay-achievement-container>.home-achievement-text{
            margin-left: 0%;
            width: 100%;
            font-size: 11px;
         }
         .home-upcoming-events-container>.home-upcoming-events-list{
             width:100%;
             text-align:center;
         }
         .home-upcoming-events-list>.home-events-container-heading{
             font-size:18px;
         }
        .home-upcoming-events-list> .upcoming-event{
            margin-top: 4%;
            padding-bottom: 3%;
         }
         .upcoming-event>.home-upcoming-event-heading{
             font-size:16px;
         }
        .upcoming-event> .home-upcoming-event-date{
             font-size:16px;
         }
         .upcoming-event> .home-upcoming-event-venue{
            font-size:16px;
         }
         .home-achievement-event-background-image{
            object-fit: contain;
            width: 100%;
         }
         .video_container>iframe{
             height:30%;
         }
         body>.body>.footer {
            height: 65%;
        }
        .social-media-row>.social-media-icon>a>i{
            font-size: 25px;
        }
    }

@media only screen and (min-width : 1024px) and (max-width : 1366px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2){
    .team-information-container> div >.director >.secondLeftPanel{
        top: 57%;
    }
    .team-information-container> div >.director >.firstLeftPanel{
        top: 50%;
        left: 12%;
    }
 

    div>.carousel-container{
        min-height:122px;
    }
    div>.phantom-loading-div{
        min-height: 122px;
    }
    .definition-history-inner >.heading{
        margin-top: 25px;
        font-size: 20px;
    }
    .definition-history-inner>.definition-text-row>.definition-text{
        font-size: 16px;
        text-align: justify;
        padding:0px;
     }
     .definition-history-inner>.definition-text-row{
        margin-top: 4%;
     }
     .home-achievement-overlay-icon-container>.pew-icon{
        margin-top:1px;
     }
     .body >.home-achievement-container{
        height:24%;
    }

   .home-achievement-container> .home-achievement-image-overlay{
        height: 100%;
    }

     .home-achievement-image-overlay>.home-achievement-overlay-icon-container{
        width: 26%;
        height: 35%;
        margin-left: -24%;
     }

    .home-achievement-image-overlay > .home-achievement-overlay-achievement-container{
        width: 35%;
        height: 100%;
     }

     .home-achievement-overlay-achievement-container>.home-achievement-text{
        margin-left: 0%;
        width: 100%;
        font-size: 11px;
     }
     .home-upcoming-events-container>.home-upcoming-events-list{
         width:100%;
         text-align:center;
     }
     .home-upcoming-events-list>.home-events-container-heading{
         font-size:18px;
     }
    .home-upcoming-events-list> .upcoming-event{
        margin-top: 4%;
        padding-bottom: 3%;
     }
     .upcoming-event>.home-upcoming-event-heading{
         font-size:16px;
     }
    .upcoming-event> .home-upcoming-event-date{
         font-size:16px;
     }
     .upcoming-event> .home-upcoming-event-venue{
        font-size:16px;
     }
     .home-achievement-event-background-image{
        object-fit: contain;
        width: 100%;
     }
     .team-information-container>.director>.firstLeftPanel{
        top: 40%;
     }
     .team-information-container>.director>.secondLeftPanel{
        top: 46%;
     }
     .director>.director-information-container>.member-bio {
         font-size: 16px; 
    }
     body>.body>.footer {
        height: 85%;
    }
     
}
    
   /* iPad pro ( landscape) ----------- */
@media only screen and (min-width : 1024px) and (max-width : 1366px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
        div.menu{
            left:0%;
            margin-top:0%;
        }
        #navbarTogglerDemo02{
            background-color: gainsboro;
        }
        .horizontal-nav-item>span>.horizontal-menu-home-menu-pill>.heading-middle >span{
            margin-left: 0%;
            font-size: 27pt;
        }
        .horizontal-nav-item>span>.horizontal-menu-home-menu-pill>.heading-top-bottom> span{
            line-height: 0;
            font-size: 21pt;
        }
        .row>.padded{
            padding-top:10px;
        }
        div>.carousel-container{
            min-height:122px;
        }
        div>.phantom-loading-div{
            min-height: 122px;
        }
        .footer-container{
            padding:10px !important;
        }
        .definition-history-inner >.heading{
            margin-top: 25px;
            font-size: 25px;
        }
        .director-name-container{
            padding-top: 5%;
        }
        .pic-container{
            top: 59% !important;
        }
   

        .director>.director-information-container>.member-bio {
            font-size: 16px; 
       }
        .definition-history-inner>.definition-text-row>.definition-text{
            font-size: 20px;
            text-align: justify;
            padding:0px;
         }
         .definition-history-inner>.definition-text-row{
            margin-top: 4%;
         }
         .home-achievement-overlay-icon-container>.pew-icon{
            margin-top:1px;
         }
         .body >.home-achievement-container{
            height:70%;
        }
    
       .home-achievement-container> .home-achievement-image-overlay{
            height: 100%;
        }
        

         .home-achievement-image-overlay>.home-achievement-overlay-icon-container{
            width: 26%;
            height: 28%;
            margin-left: -16%;
         }
    
        .home-achievement-image-overlay > .home-achievement-overlay-achievement-container{
            width: 35%;
            height: 100%;
         }
    
         .home-achievement-overlay-achievement-container>.home-achievement-text{
            width: 100%;
            font-size: 16px;
            margin-top: 10%;
            margin-left: 20%;
         }
         .home-upcoming-events-container>.home-upcoming-events-list{
             width:100%;
             text-align:center;
         }
         .home-upcoming-events-list>.home-events-container-heading{
            font-size: 25px;
            margin-top: 4%;
            padding-bottom: 4%;
         }
        .home-upcoming-events-list> .upcoming-event{
            margin-top: 0%;
            padding-bottom: 3%;
         }
         .upcoming-event>.home-upcoming-event-heading{
             font-size:16px;
             padding: 1%;
         }
        .upcoming-event> .home-upcoming-event-date{
             font-size:16px;
             padding: 1%;
         }
         .upcoming-event> .home-upcoming-event-venue{
            font-size:16px;
            padding: 1%;
         }
         .home-achievement-event-background-image{
            object-fit: contain;
            width: 100%;
         }

    }
    

    /* Desktops and laptops ----------- */
    @media only screen  and (min-width : 1224px) {
    /* Styles */
    /* #navbarTogglerDemo02{
        background-color: gainsboro;
    } */
    }
    
    /* Large screens ----------- */
    @media only screen  and (min-width : 1824px) {
    /* Styles */
    }
    
    /* iPhone 4 ----------- */
    @media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    }
    
    @media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
        /* Styles */
        .home-achievement-description{
            display:none
        }
    }
    
    /* iPhone 5 ----------- */
    @media only screen and (min-width: 320px) and (max-width: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
        .home-achievement-container>.home-achievement-image-overlay>.home-achievement-overlay-achievement-container>.home-achievement-text{
            font-size: 13px;
            margin-top: 9%;
            width: 59%;
        }
    }
    
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* .team-information-container>div>#director-0{
        height: 1090px;
    } 
    .team-information-container>div>#director-1{
        height: 900px;
    }  */

    .home-achievement-description{
        display:none
    }
}


 @media only screen and (min-width: 411px) and (max-width: 823px) and (orientation : portrait) {
    /* .team-information-container>div>#director-0{
        height: 800px;
     } 
     .team-information-container>div>#director-1{
        height: 750px;
     }  */
 }

 @media only screen and (min-width: 411px) and (max-width: 823px) and (orientation : landscape) {
    body>.body >.home-achievement-container{ 
        height: 100%;
    }
    .home-achievement-image-overlay>.home-achievement-overlay-achievement-container>.home-achievement-text{
        font-size: 16px;
        margin-top: 21%;
        width: 59%;
    }
    .home-achievement-container>.home-achievement-image-overlay > .home-achievement-overlay-achievement-container{
        width: 50%;
        height: 100%;
    }
    .home-achievement-container>.home-achievement-image-overlay>.home-achievement-overlay-icon-container{
        width: 26%;
        height: 35%;
        margin-left: -13%;
    }

    .home-achievement-description{
        display:none
    }
    
 }

 @media only screen and (min-width: 600px) and (max-width: 960px) and (orientation : portrait){
     .home-achievement-image-overlay>.home-achievement-overlay-achievement-container>.home-achievement-text{
        font-size: 13px;
     }
     .home-achievement-overlay-achievement-container>.home-achievement-text> p> u>.home-achievement-press-release{
        font-size:11px;
        color: black;
    }
     .home-achievement-description{
        display:none
    }

 }

 @media only screen and (min-width: 600px) and (max-width: 960px) and (orientation : landscape){
    .definition-history-inner >.heading{
        font-size:25px;
    }
    .reviews-container>.reviews_heading{
        font-size:24px;
        margin-top: 28px;
    }
   .performance-container>.performance_heading{
       font-size:24px;
       margin-top: 28px;
   }
    body>.body >.home-achievement-container{
        height: 85%;
    }
    .home-achievement-image-overlay>.home-achievement-overlay-achievement-container>.home-achievement-text{
        font-size: 13px;
        margin-top: 5%;
        width: 100%;
    }
    .home-achievement-description{
        display:none
    }
 }
@media only screen and (max-width:1024px){
    .home-achievement-container>.home-achievement-image-section{
        /* height: 500px; */
        background-color: #716852;
    }

     .director > .picture-container {
         display:none;
     }
     .director > .biography-container{
         flex-basis:100%;
     }
     .director-information-container>.about-member-tiny-pic{
        width:38%;
        margin:4%;
        display:block;
     }
     .awards-list{
         font-size:12px;
     }
     .director-information-container >.about-member-tiny-pic-0{
        float:left;
     }

     .director-information-container >.about-member-tiny-pic-1{
        float:right;
     }

     /* .director >.firstLeftPanel{
        left: 4%;
     } */

     /* .director >.secondLeftPanel{
        left: 51%;
        top: 55%;
     } */

     .row>.padded{
        padding-top:10px;
    }
    .definition-history-inner >.heading{
        margin-top: 25px;
        font-size: 20px;
    }
    div>.carousel-container{
        min-height:122px;
    }
    div>.phantom-loading-div{
        min-height: 122px;
    }
    /* .body>.footer{
        height: 60%;
    } */
    .definition-history-inner>.definition-text-row>.definition-text{
        font-size: 20px;
        text-align: justify;
        padding:0px;
     }
    .definition-history-inner>.definition-text-row{
        margin-top: 4%;
     }
     .home-achievement-overlay-icon-container>.pew-icon{
        margin-top:1px;
     }
     .body >.home-achievement-container{
        height: 66%;
    }

   .home-achievement-container> .home-achievement-image-overlay{
        height: 100%;
    }

     .home-achievement-image-overlay>.home-achievement-overlay-icon-container{
        width: 26%;
        height: 35%;
        margin-left: -24%;
     }

    .home-achievement-image-overlay > .home-achievement-overlay-achievement-container{
        width: 35%;
        height: 100%;
     }

     .home-achievement-overlay-achievement-container>.home-achievement-text{
        font-size: 18px;
        margin-top: 2%;
        margin-left: 23%;
     }
     .home-upcoming-events-container>.home-upcoming-events-list{
         width:100%;
         text-align:center;
     }
     .home-upcoming-events-list>.home-events-container-heading{
         font-size:20px;
         padding-bottom: 1%;
         margin-top: 4%;
     }
    .home-upcoming-events-list> .upcoming-event{
        margin-top: 1%;
        padding-bottom: 3%;
     }
     .upcoming-event>.home-upcoming-event-heading{
         font-size:16px;
     }
    .upcoming-event> .home-upcoming-event-date{
         font-size:16px;
     }
     .upcoming-event> .home-upcoming-event-venue{
        font-size:16px;
     }
     .home-achievement-event-background-image{
        object-fit: contain;
        width: 100%;
     }

     .reviews>.review-wrapper>.review-text{
         text-align:justify;
         font-size:16px;
     }

     .performances>.performance-wrapper{
         font-size:16px;
     }
    .about-container>.heading{
        font-size:25px;
    }
    .about-container>.defintion-text{
        font-size:18px;
        text-align:justify;
    }
    .director-information-container{
        top:1%;
    }
    .member-name{
        font-size:25px;
        display:block;
    }
    
    .member-bio{
        font-size:15px;
        text-align:justify
    }
    .body>.footer{
        height: 60%;
    }
    .footer-social-media-icon-container>.social-media-row{
        width: 40%;
    }
    .contact-call-to-action-container>.contact-collab {
        text-align: justify;
    }
    .events-container>.heading {
        font-size: 24px;
        margin-top: 28px;
    }  
    .captcha-row>.captcha-wrapper>.contact-form-recaptcha{
        transform: scale(0.77);
        -webkit-transform: scale(0.70);
        transform-origin: 4% 0;
        -webkit-transform-origin: 7% 0;
    }
}

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

     .director > picture > #image-director-1 {
        object-position: 71px;
    }
    .footer-contact-information-text{
        font-size:16px
    }
    body>.body>.padded{
        padding: 20px;
    }
    .review-source-name-container>.review-source-name{
        font-size: 18px;
    }
    div>.carousel>.phantom-loading-div {
        min-height: 92px;
    }
    .body>.reviews-container>.reviews_heading {
        font-size: 20px;
    }
    .home-achievement-description{
        display:none
    }
}
/* for any screen whose max width is upto 768px*/
@media only screen and (max-width: 611px)  {
        /* Styles */
        div.menu{
            left:0%;
            margin-top:0%;
        }
        .home-achievement-overlay-achievement-container>.home-achievement-text> p> u>.home-achievement-press-release{
            font-size:6px;
            color: black
        }
       
        .home-achievement-overlay-achievement-container>.home-achievement-text>p> u>.home-achievement-press-release:hover{
            color:white;
        }
        
        .home-achievement-description{
            display:none
        }

        .picture-container>.picture-container-row{
            column-count: 2;
        }

        .picture-container>.heading{
            font-size: 25px;
            margin-top: 28px;
        }

        .media-heading-container>.heading{
            font-size: 25px;
            margin-top: 25px;
        }
        .media-image>.overlay{
            height: 100%;
            font-size: 10px;
        }
        .row>.padded{
            padding-top:10px;
        }
        div>.carousel-container{
            min-height:122px;
        }
        div>.phantom-loading-div{
            min-height: 122px;
        }
        .footer-container{
            padding:10px !important;
        }
        .definition-history-inner >.heading{
            margin-top: 25px;
            font-size: 20px;
        }
        .contact-call-to-action-container> .contact-heading{
            font-size:21px ;
        }
        .director-name-container{
            padding-top: 5%;
        }
        .awards{
            text-align:center !important;
            margin-top: 5% !important;
        
        }
        .menu-container{
            margin:0 !important;
        }
        .contact-call-to-action-container{
            width: 33%;
        }
        .contact-call-to-action-container > .contact-collab{
            font-size: 11px;
        }
        .contact-form-button-container>.send-button{
            font-size: 12px;
        }
        .contact-input-container>.contact-custom-form-control{
            height: 36px;
        }

        div.menu{
            left:0%;
            margin-top:0%;
        }
        .footer-container{
            padding:10px !important;
        }
        .contact-call-to-action-container> .contact-heading{
            font-size:21px ;
        }
        .director-name-container{
            padding-top: 5%;
        }
        .awards{
            text-align:center !important;
            margin-top: 5% !important;
        
        }
        .contact-call-to-action-container{
            width: 33%;
        }
        .contact-call-to-action-container > .contact-collab{
            font-size: 11px;
        }
        .menu-container{
            margin:0 !important;
        }
        .contact-input-container> .contact-custom-form-control{
            height: 36px;
        }
       
    .about-container > .heading{
         font-size:18pt;
         padding-top:0%;
     }
     .reviews-container>.reviews_heading{
        font-size:24px;
        margin-top: 28px;
    }
   .performance-container>.performance_heading{
       font-size:24px;
       margin-top: 28px;
   }

     .about-container>.definition-text-container >.definition-text{
        font-size: 16px;
        text-align: justify;
        padding:0px;
     }
     
     .director > picture > #image-director-0{
        object-position: -62px;
     }

     .director > picture > #image-director-1{
        object-position: 129px;      
     }

     .director >.firstLeftPanel{
        line-height: 1.2;
        left: 0px;
        top: 22%;
        text-align: right;
        width: 39%;
        letter-spacing: 0px;
        padding-right: 6%;
        margin-right: 3%;
     }

     .director >.secondLeftPanel{
        top: 31%;
        width: 37%;
        padding-left: 8%;
        line-height: 1;
        margin-left: 3%;
     }

     .director >.firstLeftPanel > ul{
        padding-inline-start: 20px;
        padding-bottom:1px;
        text-align:right;
     }

     .director >.secondLeftPanel > ul{
        padding-inline-start: 20px;
        padding-bottom:1px;
     }

     .director > #director-information-container-0{
        top: 1%;
        left: 38%;
        width: 60%;
        height: 100%;
        padding-left: 2%;
        padding-right: 2%;
        text-align: left;
     }
     .director > #director-information-container-1{
        top: 2%;
        left: 4%;
        width: 60%;
        font-size: 12px;
        text-align:right;
     }

     .director-information-container> div >.member-name{
         font-size: 12px;
     }
     .director-information-container> div > h2 >.member-designation-font{
        font-size: 10px;
     }
     .director-information-container >.member-bio{
        font-size: 12px;
        text-align:justify;
        line-height: 1.7;
     }

     .definition-history-inner>.definition-text-row>.definition-text{
        font-size: 16px;
        text-align: justify;
        padding:0px;
     }
     .definition-history-inner>.definition-text-row{
        margin-top: 4%;
     }
     .home-achievement-overlay-icon-container>.pew-icon{
        margin-top:1px;
     }
     .body >.home-achievement-container{
        height:30%;
    }

   .home-achievement-container> .home-achievement-image-overlay{
        height: 100%;
    }

     .home-achievement-image-overlay>.home-achievement-overlay-icon-container{
        width: 26%;
        height: 35%;
        margin-left: -24%;
     }

    .home-achievement-image-overlay > .home-achievement-overlay-achievement-container{
        width: 35%;
        height: 100%;
        margin-top: 2%;
     }

     .home-achievement-overlay-achievement-container>.home-achievement-text{
        margin-left: 18%;
        width: 100%;
        font-size: 9px;
        margin-top: 2%;
     }
     .home-upcoming-events-container>.home-upcoming-events-list{
         width:100%;
         text-align:center;
     }
     .home-upcoming-events-list>.home-events-container-heading{
         font-size:18px;
     }
    .home-upcoming-events-list> .upcoming-event{
        margin-top: 4%;
        padding-bottom: 3%;
     }
     .upcoming-event>.home-upcoming-event-heading{
         font-size:16px;
     }
    .upcoming-event> .home-upcoming-event-date{
         font-size:16px;
     }
     .upcoming-event> .home-upcoming-event-venue{
        font-size:16px;
     }
     .home-achievement-event-background-image{
        object-fit: contain;
        width: 100%;
     }

     .events-heading-container>.heading{
        font-size:25px;
    }
    .events-container>.heading {
        font-size: 24px;
        margin-top: 28px;
    }
    .event-information-container>.event-information-header-container{
       display: flex;
       flex-direction: column;
       justify-content: space-between;
    }
    .event-information-header-container>.event-name, .event-information-header-container>.event-date{
        font-size:16px;
    } 
    .event-information-container>.event-information-secondary-header{
        font-size:16px;
        text-align: center;
    }
   .event-information-container>.event-information-description{
        text-align:justify;
    }

     .footer>.footer-container{
        font-size: 16px;
     }

     .footer-container >.footer-social-media-icon-container >.social-media-row > div > a >.footer-icon{
        font-size: 16px;
     }

     .footer-container >.footer-social-media-icon-container >.social-media-row >.instagram-button{
        margin-right: 7%;
        float: none;
     }

     .footer-contact-information >div >span{
        font-size:14px;
     }

     .footer-container >.footer-social-media-icon-container >.social-media-row >span{
        margin-right: 7%;
        float: none;
     }
    
}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation : landscape){
    .body >.home-achievement-container{
        height:100%;
    }
    .home-achievement-overlay-achievement-container>.home-achievement-text{
        font-size: 16px;
        margin-top: 30%;
    }

    .home-achievement-description{
        display:none
    }
}

@media only screen and (min-width:838px){
    .contact-call-to-action-container> .contact-heading{
        font-size:80px ;
    }
} 

@media only screen and (min-width: 1440px){
    /* #director-0{
        height: 584px;
    } */
}

@media only screen and (min-width: 1750px){
    /* .team-information-container>div>#director-0{
        height: auto;
    } */
}

@media only screen and (min-width: 1280px){
    
}

@media only screen and (min-width: 1950px){
    /* .firstLeftPanel{
        left: 27%;
        top:37%;
    } */
}

/**********
  iPad 3
**********/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
        /* Styles */
        div.menu{
            left:0%;
            margin-top:0%;
        }
        .home-achievement-text>.home-achievement-press-release{
            font-size:6px;
            color:black;
        }

        .home-achievement-text>.home-achievement-press-release:hover{
            color:white
        }

        .home-achievement-container>.home-achievement-image-section{
            /* height: 600px; */
            background-color: #716852;
        }
        #navbarTogglerDemo02{
            background-color: gainsboro;
        }
        .director-name-container{
            padding-top: 5%;
        }
        .pic-container{
            top: 59% !important;
        }
        .menu-container{
            margin:0 !important;
        }

        /* .team-information-container> div >.director >.secondLeftPanel{
            top: 56%;
        } */

        .reviews-container>.reviews_heading{
            font-size:24px;
            margin-top: 28px;
        }
       .performance-container>.performance_heading{
           font-size:24px;
           margin-top: 28px;
       }
       .events-container>.heading {
        font-size: 24px;
        margin-top: 28px;
    }  
}


@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    div.menu{
        left:0%;
        margin-top:0%;
    }
    #navbarTogglerDemo02{
        background-color: gainsboro;
    }
    div>.carousel-container{
        min-height:122px;
    }
    div>.phantom-loading-div{
        min-height: 122px;
    }
    .footer-container{
        padding:10px !important;
    }
    .definition-history-inner >.heading{
        margin-top: 25px;
        font-size: 23px;
    }
    .contact-call-to-action-container >.contact-heading{
        font-size:40pt;
    }
    .director-name-container{
        padding-top: 5%;
    }
    .pic-container
    {
        top: 59% !important;
    }
    .menu-container{
        margin:0 !important;
    }
    .definition-history-inner>.definition-text-row>.definition-text{
        font-size: 18px;
        text-align: justify;
        padding:0px;
     }
     .definition-history-inner>.definition-text-row{
        margin-top: 4%;
     }
     .home-achievement-overlay-icon-container>.pew-icon{
        margin-top:1px;
     }
     .body >.home-achievement-container{
        height: 35%;
    }

    .home-achievement-container> .home-achievement-image-overlay{
        height: 100%;
    }

    .home-achievement-image-overlay>.home-achievement-overlay-icon-container{
        width: 16%;
        height: 35%;
        margin-left: -24%;
     }

    .home-achievement-image-overlay > .home-achievement-overlay-achievement-container{
        width: 35% ;
        height: 100%;
     }

     .home-achievement-overlay-achievement-container>.home-achievement-text{
        width: 100%;
        font-size: 20px;
        margin-left: 29%;
        margin-top: 8%;
     }
     .home-upcoming-events-container>.home-upcoming-events-list{
         width:100%;
         text-align:center;
     }
     .home-upcoming-events-list>.home-events-container-heading{
         margin-top: 5%;
         font-size: 20px;
     }

    .home-upcoming-events-list> .upcoming-event{
        margin-top: 4%;
        padding-bottom: 3%;
     }

     .upcoming-event>.home-upcoming-event-heading{
         font-size:16px;
     }

    .upcoming-event> .home-upcoming-event-date{
         font-size:16px;
     }

     .upcoming-event> .home-upcoming-event-venue{
        font-size:16px;
     }

     .home-achievement-event-background-image{
        object-fit: contain;
        width: 100%;
     }

    /* .team-information-container>#director-0{
      
     } 

     .team-information-container>#director-1{
      
     }  */


     /* .footer{
         height: 1000px;
     } */
     body>.body>.footer{
        height: 80%;
     }

     .footer-container{
        font-size:16px;
     }

     .footer-container >.footer-social-media-icon-container >.social-media-row > div > a >.footer-icon{
        font-size: 25px;
     }

     .reviews-container>.reviews_heading{
        font-size:24px;
        margin-top: 28px;
    }
   .performance-container>.performance_heading{
       font-size:24px;
       margin-top: 28px;
   }
   .director-information-container>.member-bio{
       font-size:14px;
   }
   .events-container>.heading {
        font-size: 24px;
        margin-top: 28px;
    }   
   
}

@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    .definition-history-inner >.heading{
        font-size: 24px;
        margin-top: 25px;
    }
    body>.body>.footer{
        height:auto;
    }
    body>.body >.home-achievement-container{
        height: 100%;
    }
    .home-achievement-image-overlay>.home-achievement-overlay-icon-container{
        margin-left: -11%;
        width: 26%;
        height: 35%;
    }
    .home-achievement-image-overlay > .home-achievement-overlay-achievement-container{
        width: 50%;
        height: 100%;
    }
    .home-achievement-image-overlay>.home-achievement-overlay-achievement-container>.home-achievement-text{
        font-size: 10px;
        margin-top: 7%;
        margin-left: 32%;
        width: 65%;
    }
    .director >.firstLeftPanel{
        /* left: 0;
        width: 330px;
        top: 39%; */
        font-size: 12px;
    }
    .social-media-row>div>a>.footer-icon{
        font-size: 25px;
     }

     .events-heading-container>.heading{
        font-size:25px;
    }
    .event-information-container>.event-information-header-container{
       display: flex;
       flex-direction: column;
       justify-content: space-between;
    }
    .event-information-header-container>.event-name, .event-information-header-container>.event-date{
        font-size:16px;
    } 
    .event-information-container>.event-information-secondary-header{
        font-size:16px;
        text-align: center;
    }
   .event-information-container>.event-information-description{
        text-align:justify;
    }

    .contact-form-button-container>.send-button{
        font-size: 12px;
    }
    .contact-call-to-action-container> .contact-heading{
        font-size:40px ;
    }
    .contact-text{
        font-size:18px;
    }
    .reviews-container>.reviews_heading{
        font-size:24px;
        margin-top: 28px;
    }
   .performance-container>.performance_heading{
       font-size:24px;
       margin-top: 28px;
   }
   .definition-text-container>.definition-text{
        text-align: justify;
        font-size: 18px;
   }
   .member-information-header-wrapper>.member-name{
        font-size: 20px;
   }
   .member-information-header-wrapper>.member-name> h2 >.member-designation-font{
       font-size:20px;
   }
   
   .director-information-container>.member-bio{
        font-size:14px;
   }
   .director>.secondLeftPanel{
       top:47%;
   }

}
    
/* Iphone X */
 @media only screen and (min-width: 360px) and (max-width: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){}
 @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
        div.menu{
            left:0%;
            margin-top:0%;
        }
        .body>.footer {
            /* height: 27%; */
            height:55%;
        }
        .row>.padded{
            padding-top:10px;
        }
        div>.carousel-container{
            min-height:122px;
        }
        div>.phantom-loading-div{
            min-height: 122px;
        }
        .footer-container{
            padding:10px !important;
        }
        .definition-history-inner >.heading{
            margin-top: 25px;
            font-size: 20px;
        }
        .contact-call-to-action-container> .contact-heading{
            font-size:21px ;
        }
        .director-name-container{
            padding-top: 5%;
        }
        .awards{
            text-align:center !important;
            margin-top: 5% !important;
        }
        .contact-call-to-action-container{
            width: 33%;
        }
        .contact-call-to-action-container > .contact-collab{
            font-size: 11px;
        }
        .menu-container{
            margin:0 !important;
        }
        .contact-input-container> .contact-custom-form-control{
            height: 36px;
        }
       
    .about-container > .heading{
         font-size:25px;
         padding-top:0%;
     }

     .about-container>.definition-text-container >.definition-text{
        font-size: 16px;
        text-align: justify;
        padding:0px;
     }

     .definition-history-inner>.definition-text-row>.definition-text{
        font-size: 16px;
        text-align: justify;
        padding:0px;
     }
     .definition-history-inner>.definition-text-row{
        margin-top: 4%;
     }
     .home-achievement-overlay-icon-container>.pew-icon{
        margin-top:1px;
     }
     .body >.home-achievement-container{
        height:24%;
    }

   .home-achievement-container> .home-achievement-image-overlay{
        height: 100%;
    }

     .home-achievement-image-overlay>.home-achievement-overlay-icon-container{
        width: 26%;
        height: 35%;
        margin-left: -24%;
     }

    .home-achievement-image-overlay > .home-achievement-overlay-achievement-container{
        width: 35%;
        height: 100%;
     }

     .home-achievement-overlay-achievement-container>.home-achievement-text{
        margin-left: 0%;
        width: 100%;
        font-size: 11px;
        margin-top: 2%;
     }
     .home-upcoming-events-container>.home-upcoming-events-list{
         width:100%;
         text-align:center;
     }
     .home-upcoming-events-list>.home-events-container-heading{
         font-size:18px;
     }
    .home-upcoming-events-list> .upcoming-event{
        margin-top: 4%;
        padding-bottom: 3%;
     }
     .upcoming-event>.home-upcoming-event-heading{
         font-size:16px;
     }
    .upcoming-event> .home-upcoming-event-date{
         font-size:16px;
     }
     .upcoming-event> .home-upcoming-event-venue{
        font-size:16px;
     }
     .home-achievement-event-background-image{
        object-fit: contain;
        width: 100%;
     }
     .events-heading-container>.heading{
         font-size:25px;
     }
     .event-information-container>.event-information-header-container{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
     }
     .event-information-header-container>.event-name, .event-information-header-container>.event-date{
         font-size:16px;
     } 
     .event-information-container>.event-information-secondary-header{
         font-size:16px;
         text-align: center;
     }
    .event-information-container>.event-information-description{
         text-align:justify;
     }

     .team-information-container>#director-0{
        margin-top:0%;
     }

     #director-1{
        margin-top: 1%;
     }

     .director > picture > #image-director-0{
        object-position: -62px;
     }

     .director > picture > #image-director-1{
        object-position: 129px;      
     }

     .director >.firstLeftPanel{
        line-height: 1.2;
        left: 0px;
        top: 14%;
        text-align: right;
        width: 39%;
        letter-spacing: 0px;
        padding-right: 6%;
        margin-right: 3%;
     }

     .director >.secondLeftPanel{
        top: 17%;
        width: 37%;
        padding-left: 8%;
        line-height: 1;
        margin-left: 3%;
     }

     .director >.firstLeftPanel > ul{
        padding-inline-start: 20px;
        padding-bottom:1px;
        text-align:right;
     }

     .director >.secondLeftPanel > ul{
        padding-inline-start: 20px;
        padding-bottom:1px;
     }

     .director > #director-information-container-0{
        top: 1%;
        left: 38%;
        width: 60%;
        height: 100%;
        padding-left: 2%;
        padding-right: 2%;
        text-align: justify;
     }
     .director > #director-information-container-1{
        left: 4%;
        top: 1%;
        width: 60%;
        height: auto;
        font-size: 12px;
        text-align:justify;
        padding-left: 2%;
        padding-right: 2%;
     }
     .member-information-header-wrapper{
        height: auto;
        line-height: 18px;
     }

     .director>.director-information-container> div >.member-name{
         font-size: 18px;
         display:block;
     }
     .director>.director-information-container> div > h2>.member-designation-font{
        font-size: 10px;
     }
     .director>.director-information-container> div >.member-bio{
        font-size: 13px;
        text-align:justify;
     }

     .reviews-container>.reviews_heading{
        font-size:24px;
        margin-top: 28px;
    }
   .performance-container>.performance_heading{
       font-size:24px;
       margin-top: 28px;
    }

     .footer>.footer-container{
        font-size: 16px;
     }

     .footer-container >.footer-social-media-icon-container >.social-media-row > div > a >.footer-icon{
        font-size: 25px;
     }

     .footer-container >.footer-social-media-icon-container >.social-media-row >.instagram-button{
        margin-right: 7%;
        float: none;
     }

     .footer-contact-information >div >span{
        font-size:14px;
     }

     .footer-container >.footer-social-media-icon-container >.social-media-row >span{
        margin-right: 7%;
        float: none;
     }

 }

 @media only screen and (min-width: 414px) and (max-width: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    .team-information-container>.director >.firstLeftPanel{
        width: 34%;
        top: 21%;
    }
 }


    
html,body
{
    height: initial !important;
	width: initial !important;
}

div{
        box-sizing: border-box;
    }
.row{
        display:flex;
        margin-left:-15px;
        margin-right:-15px;
    }
.col
    {
        display:flex;
        flex: 0 0 100%;
        max-width:100%;
        position:relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
.col30{
    width:30%;
}

.col50{
    width:50%;
}

.navbar-nav{   
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-item {
    cursor: pointer;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1200px){
    .navbar-explan-xl{
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}

button, select {
    text-transform: none;
}

button, input {
    overflow: visible;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

*, ::after, ::before {
    box-sizing: border-box;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
button {
    text-rendering: auto;
    color: -internal-light-dark(buttontext, rgb(170, 170, 170));
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(74, 74, 74));
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}

.body{
    overflow-x: hidden;
    overflow-y:hidden;
}

.home-jumbo{
    height:300px;
    /* background-color:red !important; */
     background-image: url('/assets/images/homeJumbo2.png');
     background-repeat:no-repeat; 
}

.heading{
    font-size:26px;
    font-family: 'Josefin Sans', sans-serif;
    color:#FE2D03;
    margin-top:98px;
    /* padding-top:5%; */
    text-align:center;
    text-transform: uppercase;
}
.padded{
    padding:20px;
}
 div.padded{
    text-align: center;
    padding:40px;
}


.director{
     height:100%;
     background: linear-gradient(180deg, #ffff 60%, #e0dedf 60%);
}

.homeEvents{
     background-image: url('/assets/images/homeDuo.png') ; 
     background-repeat: no-repeat; 
     background-size: contain; 
     z-index: -100;
     background-color:greenyellow;
}

.directorName{
    font-size:28pt;
    font-family:'Roboto' Medium;
    color:#FECF03;
    padding-top:60px;
}

ul {
    list-style-type: none;
  }
.designation{
    font-family:'Roboto';
    font-weight:200;
    font-size:24pt;
    color: White;
    padding:10px;
}

.awards{
    /* position: absolute; */
    margin-top:23%;
    font-size:  16pt;
    font-family:'Roboto';
    font-weight:200;
}


.menu{
    position: absolute;
    z-index: 1002;
    /* left: 18%; */
    margin-top: 2px;
    width:97%;
}
.menu-pills{
    margin-top:10px;
}
.dance-company-div{
    position: absolute;
    z-index: 50;
    left:40%;
}
.nav-item >a{
    margin-top:25px;
}




.side-nav-heading-top-bottom > span{
    font-family: 'Josefin Sans';
    color:#ffffff;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
}

.heading-middle
{
    display: block !important;
}

.heading-middle > span{
    font-size:32pt;
    font-family: 'Josefin Sans';
    color:#FECF03;
}

.side-nav-heading-middle > span{
    font-family: 'Josefin Sans';
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fecf03;
}

.footer{
    font-family:'Roboto' ;
    font-size:20pt;
    color:#CFCBCB;
    margin-top:20px;
    text-align:center;
    height:65%;
    width:100%; 
    background-color: #242424;
    position:absolute;
    box-sizing: border-box;
}

.footer-container{
    height:100%;
    width:100%;
    position:relative;
    background-color:#242424;
    margin-top:40px;
    padding:40px;

    font-family: 'Roboto';
    font-size: 22px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.68;
    letter-spacing: normal;
    text-align: center;
    color: #cfcbcb;
}

 /* li.nav-item{
    font-size:20pt;
    font-family:Josefin Sans;
    color:White;
 } */

 .side-nav-heading-top-bottom > span{
    font-size:18px;
    font-family:'Josefin Sans';
    color:White !important;
 }

.reviews .padded > p  > span{
    /* border-bottom-width: 1px; */
    /* border-bottom-color:#6c757d; */
    /* border-bottom-style: groove; */
    padding-bottom:10px;
 }

 .reviews{
   font-family:  'Roboto';
   font-size:  20pt ;
   color:#424141;
   margin-top: 1%
 }
 
 .pic-grid{
     /* display: table; */
     width:100%;
 }

 .pic-grid .row .col-sm-4{
     display:table-cell;
 }

 .margin-auto{
     margin:auto;
 }

 .padding-top-reduced{
     padding-top:20px;
 }

 .phantom-div{
    position:absolute;
    /* max-width:300px; */
    height: 100%;
    width: 100%;
    z-index: -1000;
    background-color:#dfdede;
    -webkit-animation: fadein 2s linear infinite; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s linear infinite; /* Firefox < 16 */
    -ms-animation: fadein 2s linear infinite; /* Internet Explorer */
    -o-animation: fadein 2s linear infinite; /* Opera < 12.1 */
    animation: fadein 2s linear infinite;
    animation-direction:alternate-reverse;
    animation-fill-mode:  reverse;
}

.g-recaptcha > div {
    width: 100% !important;
}
    
.g-recaptcha > div > div {
    margin: 4px auto !important;
    /*text-align: center;*/
    width: auto !important;
    height: auto !important;
}

@keyframes fadein {
  0% { opacity: 0; }
  25%  { opacity: 0.25; }
  50% { opacity: 0.70; }
  100%{ opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  0% { opacity: 0; }
  25%  { opacity: 0.25; }
  50% { opacity: 0.50; }
  100%{ opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  0% { opacity: 0; }
  25%  { opacity: 0.25; }
  50% { opacity: 0.50; }
  100%{ opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  0% { opacity: 0; }
  25%  { opacity: 0.25; }
  50% { opacity: 0.50; }
  100%{ opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  0% { opacity: 0;}
  25%  { opacity: 0.25;}
  50% { opacity: 0.50;}
  100%{ opacity: 1;}
}