/* dropdown animation */
.animate-fadeInLeft {
    animation: fadeInLeft 0.5s;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media screen and (max-width: 1199px) {
    .navbar .navbar-toggler {
        right: 0;
        top: -155px;
        border: none !important; box-shadow: none !important;
        position:relative;
        height: 22px;
        width: 30px;
        padding: 0;
        outline: 0;
    }

    .navbar .navbar-toggler span {
        width: 30px;
        height: 2px;
        background-color: #800020;
        display: block;
        position: absolute;
        transition: .5s
    }

    .navbar .navbar-toggler span:first-child {
        top: 0
    }

    .navbar .navbar-toggler span:nth-child(2),.navbar .navbar-toggler span:nth-child(3) {
        top: 9px
    }

    .navbar .navbar-toggler span:nth-child(4) {
        top: 18px
    }

    .navbar .navbar-toggler[aria-expanded=true] span:first-child,.navbar .navbar-toggler[aria-expanded=true] span:nth-child(4) {
        top: 9px;
        opacity: 0;
    }

    .navbar .navbar-toggler[aria-expanded=true] span:nth-child(2) {
        transform: rotate(45deg)
    }

    .navbar .navbar-toggler[aria-expanded=true] span:nth-child(3) {
        transform: rotate(-45deg)
    }
}