@media only screen and (max-width: 575.98px)
{
	#topNavbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 90vw !important;
        margin: 0 !important;
        padding: 40px 40px 50px 40px !important;
        border-right: 0;
    }

    /* main hero section */
    #mainHero {
        padding: 140px 35px 50px 35px;
    }

    .btn-hero {
        padding: 6px 18px 6px 18px !important;
        max-width: 230px;
        margin-bottom: 26px !important;
    }

    /* institute details section */
    #detailsLeft {
        padding: 30px 105px 30px 35px;
    }

    #detailsRight {
        padding: 30px 35px 50px 35px;
    }

    .mid-item-margin {
        margin-top: 30px;
        margin-bottom: 0 !important;
    }

    .details-columns {
        height: 180px !important;
    }

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

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

    .btn-instituteDetails-sm {
        margin-top: 30px;
        margin-left: 35px;
        padding: 13px 30px 13px 30px !important;
    }

    /* careers section */
    .careers-section-top-padding {
        padding: 70px 35px 20px 35px;
    }

    .careers-section-side-padding {
        padding-left: 20px;
        padding-right: 20px;
    }

    .careers-section-bottom-padding {
        padding-bottom: 70px;
    }

    .btn-careers-grey {
        height: 180px;
    }

    .carousel-control-next {
        width: 20px;
        height: 20px;
        top: -12px;
        left: 94%;
    }

    .carousel-control-next::before {
        bottom: 6px;
        left: 5px;
        width: 11px;
        height: 4px;
    }

    .carousel-control-next::after {
        top: 6px;
        left: 5px;
        width: 11px;
        height: 4px;
    }

    .carousel-control-prev {
        width: 20px;
        height: 20px;
        top: 8px;
        left: 88%;
    }

    .carousel-control-prev::before {
        bottom: 6px;
        right: 5px;
        width: 11px;
        height: 4px;
    }
    
    .carousel-control-prev::after {
        top: 6px;
        right: 5px;
        width: 11px;
        height: 4px;
    }

    .multiple-items-carousel .slick-dots {
        bottom: -60px;
    }

    .single-items-carousel .slick-dots {
        bottom: 0;
    }

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

    .info-section .single-items-carousel .slick-carousel-item>div {
        padding: 0 4vw 0 4vw;
    }

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

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

    /* headquarters */
    .headquarters-text-details {
        padding: 50px 35px 30px 35px;
        width: 100vw;
    }

    .headquarter-map-col {
        top: auto;
        bottom: 0;
        width: 50vw;
        transition-duration: 250ms;
        transform-origin: bottom right;
    }

    /*.btn-map {
        top: auto;
        left: auto;
        bottom: 0;
        right: 0;
        width: 36px;
        height: 36px;
        border-radius: 50% 50% 0 50%;
    }

    .open-map .btn-map {
        top: 0;
        left: 0;
        bottom: auto;
        right: auto;
        transform: rotate(180deg);
    }

    .btn-map::after {
        top: 9px;
        left: 12px;
        height: 16px;
        width: 8px;
        transform: rotate(35deg)
    }

    .open-map .btn-map::after {
        left: 12px;
        transform: rotate(-140deg);
    }*/

    .headquarter-map-col .map-overlay::before {
        clip-path: polygon(0 0, 0 100%, 100% 0);
    }
    
    /*.headquarter-map-col.open-map .map-overlay::before {
        transform: scale(0.15, 0.15);
        top: 0;
    }*/

    /*.headquarter-map {
        opacity: 0;
    }*/

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

    .headquarter-map-col.open-map {
        width: 92vw;
        /*height: 100%;*/
    }

    .open-map .headquarter-map {
        opacity: 1;
    }

    .btn-map {
        left: 30%;
    }

    .headquarter-map-col .selected-headquarter-info {
        transition-duration: 100ms;
    }

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

    /* footer */
    footer {
        padding: 30px 35px 50px 35px;
        text-align: center !important;
    }
	
	 /* about */
    .about-info {
        padding: 50px 3% 70px 3%;
    }

    /* career */
    .career-pr {
        padding-left: 7vw !important;
    }

    .btn-details {
        padding: 2px;
    }

    .btn-infos {
        height: 40vw;
        padding-left: 10%;
        padding-right: 10%;
    }

    .btn-send {
        float: none !important;
    }

    .g-recaptcha {
        float: none !important;
        margin-bottom: 15px;
    }

    .plr-sm-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important;
    }
}

@media only screen and (max-width: 379.98px)
{
    #topNavbar {
        padding: 40px 30px 50px 30px !important;
    }

    #topNavbar ul li {
        padding-bottom: 5px;
        margin-bottom: 5px !important;
    }

    .mb-xs-0 {
        margin-bottom: 0 !important;
    }

    .mt-xs-0 {
        margin-top: 0 !important;
    }

    .details-columns {
        width: 100%;
    }

    .marginT-r {
        margin-top: 20px !important;
        margin-left: 0 !important;   
    }

    .btn-careers-grey {
        height: 230px;
    }

    .headquarters-text-details {
        padding: 50px 20px 30px 20px;
    }

    .btn-map {
        left: 25%;
    }

    #contactUs {
        padding: 30px 20px 45px 20px;
    }

    footer {
        padding: 30px 20px 50px 20px;
    }

    .subPageMainHero {
        padding: 175px 2% 80px 2%;
    }

    .btn-send {
        margin-top: 87px;
    }

    .g-recaptcha {
        transform: scale(0.94);
        position: absolute;
        top: -3px;
        left: -12px;
    }
}