@media (min-width: 1200px) {
    .get-started-row {
      
    } 
    .px-3 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (max-width: 1680px) { 
    .btn-lg { 
        font-size: 1.2vw !important;
    }
    .custom-navbar {
        box-shadow: 0 0 0 0.4vh lightgrey
    } 
    .navbar-brand {
        width: 60%;
    }

    .bg-image {
        height: 95vh !important;
    }

    .bg-image-1 {
        height: 20%;
    }

    .play-video-link span {
        font-size: 1.8vw !important;
    }

    .history-section-label1 {
        font-size: 5vw !important;
    } 

    .history-section-label2 {
        font-size: 2vw !important;
        margin-top: 5vh !important
    }

    .step-font-size-sm { 
        width: 90% !important;
    }
    .step-font-size-sm p{
        font-size: 1.3vw !important; 
    }

    .line-height p {
        line-height: 5vh !important;
    }

    .footer-header {
        font-size: 3vh !important;
    }

    .footer-header-content {
        margin-top: 1vh !important;
        font-size: 2.5vh !important;
    }

    .footer-header-content p {
        line-height: 3vh !important;
    }

    
} 
/*Large devices (desktops, 992px and up)*/
@media  (max-width: 1199.98px) { 
    .custom-navbar {
        box-shadow: 0 0 0 0.4vh lightgrey
    }

    .navbar-brand { 
        width: 60%;
    } 
    .navbar-brand img {
        width: 90%;
    }  
    .messagealert {
        top: 6%;    
    }
    .modal-lg, .modal-xl { 
        max-width: 80% !important; 
    } 
    .modal-xsm, .modal-sm, .modal-md{ 
        max-width: 50% !important; 
    }  
   
    .nav-link .nav-label{
        font-size: 1.8vw!important;
    }
    .custom-container, .custom-container-sm {
        max-width: 80% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin: auto !important;
    }
    .customVideoModal-dialog {  
        margin-top: 100px !important; 
    }
    .calendar-div { 
        width: 5%;
    }
    .bg-image {
        width: 100vw;
        height: 135vh;
        background-size: 180% 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    .bg-image-1{ 
        height: 20%; 
    }
    .play-video-link span{ 
        font-size: 2vw !important;
    } 

    .text-content2 p{
        font-size: 2vw !important;
    } 
    .history-section-label1 {
        font-size: 6vw !important;
    }

    .history-section-label2 {
        font-size: 2.5vw !important;
        margin-top: 3.5vw !important;
        padding: 0px;
    }

    .step-font-size-sm { 
        width: 95% !important;
    }

    .step-font-size-sm p{
        font-size: 1.9vw !important; 
    } 

    .line-height p {
        line-height: 3.5vh !important;
    }
    .footer-header {
        font-size: 3vh !important;
    }

    .footer-header-content {
        margin-top: 1vh !important;
        font-size: 100% !important;
    }

    .footer-header-content p {
        line-height: 2.5vh !important;
    }
    /*.scroll-container {
        position: absolute !important;
        top: 50% !important;
        left: 83% !important; 
    }*/
    .videoStyle {
        height: 450px !important;
    }
    .flexi-column {
        display: none !important;
    }
    .custom-col-lg-6 {
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }
    .sample-bg-image {
        width: 120%;
        height: 80%;
        margin-top: 5%;
    }

    .sample-container label h1{
        font-size: 2rem;
    }
    .sample-container label h4 {
        font-size: 1.3rem;
    }

    .custom-margin-container {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .video-div video {
        width: 200% !important;
        height: 85% !important; 
    }

    .panel1 p {
        font-size: 2.5vw !important;
    }

    .sample-timeline-content {
        max-width: 80% !important; 
    }

    .sample-timeline-content span {
        font-size: 4vh !important
    }

    .sample-timeline-content h1 {
        font-size: 3vh !important
    }

    .sample-timeline-content p {
        font-size: 2.5vh !important;
    }

    .sample-timeline-content button {
        font-size: 2vh !important;
        margin-top: 5vh !important;
        margin-bottom: 5vh !important;
    } 

    .bg-image-small-right-2 { 
        background-size: 20% 80%; 
    }

    .welcome-timeline-content { 
        margin-top: 5vh !important;
    }

    .welcome-timeline-content h1 {
        font-size: 5vh !important
    }

    .welcome-timeline-content button, .welcome-timeline-content, .welcome-timeline-content p {
        font-size: 3vh !important
    } 

    .welcome-panel {
        min-height: 30vh !important;
    }
    .bg-image-small-right {
        background-size: 20% 40% !important;
    }

    .bg-image-small-custom {
        background-position: 70% 60% !important;
        background-size: 10% 60% !important;
    }

    .sample-container button, .sample-container h2 {
        margin-top: 4vh !important;
        margin-bottom: 4vh !important;
        font-size: 2vh !important;
    }

    .custom-container-lg {
        max-width: 95%!important; 
    }
   
}
/*Custom*/
@media (max-width: 1529.98px) {
    /*.calendar-div {
        width: 11%;
    }*/ 
    .button-default i {
        display: none !important;
        font-size: 100%;
    }

    .button-default span {
        display: block !important;
    }
     
}
@media (max-width: 1095.98px) { 
    .button-default {
        height: 10px;
        min-width: 30px;
    } 
    .button-default i {
        display: block !important;
        font-size: 100%;
    } 
    .button-default span {
        display: none !important;
    }
  
}
/*Medium devices (tablets, 768px and up)*/
@media screen and (max-width: 991.98px) { 
    .custom-navbar {
        box-shadow: 0 0 0 0.4vh lightgrey
    }

    .navbar-brand {
        width: 50%;
    }

    .navbar-brand img {
        width: 110%;
    }

    

    .navbar-toggler .fa {
        font-size: 3vw !important;
    }

    .messagealert {
        top: 6%;
    }
     

    .bg-image {
        width: 100vw;
        height: 70vh;
        background-size: 180% 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .customModal-dialog {
        margin-top: 5% !important;
    }

    .bg-image-1 {
        width: 99.1vw;
        height: 15%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: center;
    }

    

    .video-div video {
        width: 95% !important;
        height: 112% !important;
        padding-bottom: 8% !important;
/*        position: absolute; top: 50%; left: 50%; transform: translate(10%, 20%);*/
    }
     
    .line-height p {
        line-height: 2vh !important;
    }

    .section-2 {
        font-size: 2.5vw !important
    }

    .text-content2 p {
        font-size: 2.5vw !important;
    }

    .know-more {
        height: 15vh !important;
        padding-top: 0% !important
    } 

    .step-font-size-sm { 
        width: 85% !important;
    }

    .footer-header {
        font-size: 2.5vw !important;
    }

    .footer-header-content {
        margin-top: 1vh !important;
        font-size: 2vw !important;
    } 

    .footer-header-content p {
        line-height: 1.5vh !important;
    } 
    .sample-container label { 
        text-align: center !important;
    }
    /*.sample-container label h1{
        font-size: 8vw !important;
    }*/ 
    .sample-container label h1 {
        font-size: 2.5rem;
    } 
    .sample-container label h4 {
        font-size: 1.4rem;
    }

    .sample-bg-image {
        visibility: hidden!important;
    }

    .disable-link-button {
        padding: 0.5px 5px 3.5px 5px !important;
    }

    .default-link-button {
        padding: 2px 5px 5px 5px !important;
    }

    .panel1 h1 {
        font-size: 3vw !important; 
    }
    .panel1 p {
        font-size: 3vw !important;
    }
    .panel1 button {
        font-size: 1.5vh !important;
    }
    .panel1 h2, .panel1 h2 span {
        font-size: 3vw !important; 
    }
     

}

@media screen and ( max-height: 400px ) {
    .custom-modal-body {
        max-height: 350px !important;
    }
}
@media screen and ( max-height: 699px ) {
    .custom-modal-body {
        max-height: 550px !important;
    }
}
@media screen and ( min-height: 700px ) {
    .custom-modal-body {
        max-height: 650px!important; 
    }
}