@media only screen and (max-width: 991.98px)
{
    #topNavbar {
        position: fixed;
        right: 0;
        width: 69vw !important;
        top: 0;
        margin: 0 !important;
        padding: 30px 80px 250px 80px;
        background-color: #E60046 !important;
        z-index: 10 !important;
    }

    .btn-close {
        cursor: pointer;
        position: absolute;
        top: 20px;
        left: 20px;
        width: 24px;
        height: 24px;
        font-size: 40px;
        color: #FFFFFF !important;
        background-color: transparent; /* red; /*#0082C8;*/
        padding: 0;
        border: 0;
    }

    .btn-close:before, .btn-close:after {
        position: absolute;
        left: 11px;
        content: ' ';
        height: 24px;
        width: 2px;
        background-color: #FFFFFF !important;
    }

    .btn-close:before {
        transform: rotate(45deg);
    }

    .btn-close:after {
        transform: rotate(-45deg);
    }

    #topNavbar .dropdown-menu {
        border-radius: 0 !important;
        border: 0 !important;
        margin: 0;
        background-color: #E60046 !important;
        padding: 20px 0 0 0 !important;
    }

    #topNavbar .dropdown-menu .dropdown-item {
        padding-right: 0;
        margin-bottom: 5px;
    }

    #topNavbar ul li {
        color: #ffffff !important;
        border-bottom: 1px solid #ffffff;
        text-align: right;
        padding-bottom: 20px;
        margin-bottom: 20px !important;
    }

    #topNavbar ul li a {
        padding: 0;
        color: #ffffff !important;
    }

    #mainNav .nav-item {
        margin: 0;
    }

    a.nav-link.dropdown-toggle::before {
        content: "+";
        position: absolute;
        left: 0;
        top: 0;
        color: #FFFFFF;
        margin-right: auto;
        margin-left: 0;
        font-size: 18px;
        line-height: 1.2;
    }

    a.nav-link.dropdown-toggle.collapsed::before {
        content: "+";
    }

        a.nav-link.dropdown-toggle:not(.collapsed)::before {
        content: "-";
    }

    .dropdown-item::after,
    .nav-item>.nav-link::after {
        border: 0;
    }

    .navbar-brand-logo {
        width: 50px;
    }

    .btn-contact {
        margin-left: auto;
        margin-right: 20px;
    }

    /* main hero section */
    #mainHero {
        padding: 330px 80px 45px 80px;
    }

    .btn-hero {
        padding: 6px 18px 6px 18px !important;
        max-width: 220px;
        margin-bottom: 52px;
        font-size: 14px;
    }

    .btn-hero span:nth-child(1) {
        font-size: 30px;
    }

    /*.btn-facebook {

    }*/

    /* institute details section */
    #detailsLeft {
        padding: 55px 30px 55px 80px;
    }
    
    #detailsRight {
        padding: 55px 80px 55px 80px;
    }

    .mid-item-margin {
        margin-top: 30px;
        margin-bottom: 90px;
    }

    .marginT-l {
        margin-top: 0 !important;
        margin-bottom: auto !important;
        height: 40%;
    }

    .marginT-r {
        margin-top: 20% !important;
        height: 40%;
    }

    .details-columns {
        height: 170px;
    }
    
    .btn-instituteDetails {
        padding: 13px 26px 13px 26px;
    }

    /* info sections */
    .info-section {
        height: 350px;
    }

    .info-section .carousel-item {
        padding: 0 80px 0 80px;
    }

    .testimonial-image {
        width: 108px;
        height: 108px;
    }

    /*#info2 {
        padding-top: 125px !important;
        padding-bottom: 125px !important;
    }*/

    /* careers section */
    .careers-section-top-padding {
        padding-top: 45px;
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .careers-section-side-padding {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    .careers-section-bottom-padding {
        padding-bottom: 80px;
    }

    .slick-dots {
        bottom: -50px;
    }

    .icon {
        width: 58px;
        height: 58px;
    }

    .btn-careers-color .btn-careers-foreground {
        padding: 28px 14px 14px 14px;
    }

    .btn-careers-color > h3 {
        margin-top: 14px !important;
        margin-bottom: 20px !important;
    }

    
    /* carousel */
    
    .btn-careers-grey {
        height: 160px;
    }
    
    .btn-careers-grey>div {
        padding: 20px 14px 14px 14px;
    }

    /* headquarters */
    .headquarters-text-details {
        padding: 47px 40px 30px 80px;
    }

    .headquarter-map-col:not(.open-map) {
        width: 60vw;
    }

    .btn-map {
        left: 20%;
    }

    /* contact us section */
    #contactUs {
        padding: 30px 80px 30px 80px;
    }

    #contactUs input {
        height: 35px !important;
    }

    #contactUs textarea {
        height: 138px !important;
    }

    .btn-send {
        padding: 13px 35px 13px 35px;
    }

    /* footer */
    footer {
        padding: 45px 80px 55px 80px;
    }

    footer .logo {
        width: 225px;
        height: auto;
    }

    /* about */
    .about-info {
        padding: 50px 8% 70px 8%;
    }

    /* career */ 
    #sideNavBar {
        width: 9vw;
        left: 2vw;
    }

    #sideNavBar a.nav-link {
        padding-top: 0;
        padding-bottom: 6px;
    }

    .career-pl {
        padding-left: 7vw;
    }
    .career-pr {
        padding-right: 7vw;
    }
}

@media only screen and (max-width: 767px)
{
    .details-columns {
        /*-ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;*/
        width: 47%;
        height: 180px;
    }

    .marginT-l,
    .marginT-r {
        margin: 0 !important;
    }

    .marginT-r {
        margin-left: 6% !important;
    }

    .btn-infos {
        height: 19.5vw;
    }
}