@media screen and (max-width: 767px) {
    .snameoverlay {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        background-color: #626262b6;
    }
    .snametext :nth-child(1) {
        margin-top: 200px;
        font-size: max(1em, 8vw);
        text-align: center;
        line-height: 0.9em;
    }
    .snametext :nth-child(2), .snametext :nth-child(3) {
        font-size: max(1em, 10vw);
        text-align: center;
        line-height: 0.9em;
    }
    .carouselcards {
        position: relative;
        bottom: 120vh;
        z-index: 2;
    }
    .carousel-card {
        padding: 1em!important;
    }
    .cardssection .container {
        margin-top: 15vh;
    }

}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }
    .navbar .nav-item:hover .nav-link {
        color: inherit!important;
        -webkit-transform: translateY(-2px);
            -ms-transform: translateY(-2px);
                transform: translateY(-2px);
    }
    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }
    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
    .dropdown-menu *:active {
        background-color: inherit;
    }
    .dropdown-menu *:hover {
        background-color: #05366e;
    }
    .nav-link:focus {
        color: inherit;
    }
}

@media screen and (max-width: 500px) {
    .carouselsection {
        height: 60vh!important;
    }
    .c-x {
        height: 60vh!important;
    }
    .c-inner1 .carousel-item img {
        opacity: 0;
    }
    .snameoverlay {
        height: 60vh;
    }
    .cardssection .container {
        margin-top: 12vh;
    }
    .carousel-control-next,
.carousel-control-prev {
   display: none;
}
}

@media screen and (max-width: 375px) {
    .snametext :nth-child(1) {
        margin-top: 100px;
        font-size: 0.8em;
        text-align: center;
        line-height: 0.9em;
    }
}

@media screen and (max-width: 315px) {
    .hide315 {
        display: none!important;
    }
    .show315 {
        display: block;
    }
}

@media screen and (min-width: 315px) {
    .hide315 {
        display: block!important;
    }
    .show315 {
        display: none!important;
    }
}

.translateup {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.translateup:hover {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
}

.translateup:active {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
}

.nav-link:hover, .nav-link:active, .nav-link:visited {
    color: inherit;
}

.dropdown-item:hover, .dropdown-item:active {
    color: #F4BF02;
}

.dropdown-item:active {
    background-color: inherit;
}

.nav-link:hover {
    -webkit-transition: all .2s ease-in-out!important;
    -o-transition: all .2s ease-in-out!important;
    transition: all .2s ease-in-out!important;
    cursor: pointer!important;
}

.nav-link:hover {
    -webkit-transform: translateY(-3px)!important;
        -ms-transform: translateY(-3px)!important;
            transform: translateY(-3px)!important;
}

.nav-link:active {
    -webkit-transform: scale(0.97)!important;
        -ms-transform: scale(0.97)!important;
            transform: scale(0.97)!important;
}

.grow {
    -webkit-transition: all .2s ease-in-out!important;
    -o-transition: all .2s ease-in-out!important;
    transition: all .2s ease-in-out!important;
}

.grow:hover {
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
}

.month .flex-row:hover, .listrow:hover {
    background-color: #626262d7;
}

.yellowlink {
    COLOR: #FCA91F!important;
}

.yellowlink:hover {
    color: #F4BF02!important;
    font-weight: 600;
}

.downloadBtn :hover
{
-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}
.downloadBtn :hover
{
-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}
.downloadBtn :active{
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}

.fadeEle {
    -webkit-animation: fadeInOut 3s linear forwards;
            animation: fadeInOut 3s linear forwards;
}

@-webkit-keyframes fadeInOut {
 0% { opacity:0; }
 50% { opacity:1; } 
 100% { opacity:0; } 
}

@keyframes fadeInOut {
 0% { opacity:0; }
 50% { opacity:1; } 
 100% { opacity:0; } 
}