@media only screen and (max-width: 1599.98px)
{
    .navbar-brand-logo {
        width: 70px;
    }

    /*#mainNav .nav-item {
        margin-right: 10px;
    }*/

    /* main hero section */
    #mainHero {
        padding: 200px 8.12% 45px 8.12%;/*200px 130px 45px 130px;*/
    }

    .btn-hero {
        padding: 11px 25px 11px 25px !important;
        max-width: 280px;
        font-size: 16px;
    }

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

    /*.btn-facebook {

    }*/

    /* institute details section */ 
    #detailsLeft {
        padding: 95px 6.25% 130px 11.25%;/*95px 100px 130px 180px;*/
    }
    
    #detailsRight {
        background-color: #F6F6F6;
        padding: 95px 11.25% 130px 3.12%;/*95px 180px 130px 50px;*/
    }

    .btn-instituteDetails {
        padding: 15px 27px 15px 27px;
    }

    /* info sections */
    .info-section {
        height: 550px;
    }
    
    .info-section .carousel-item {
        padding: 0 11.25% 0 11.25%;/*60px 180px 0 180px;*/
    }

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

    .carousel-indicators li {
        /*width: 10px !important;
        height: 10px !important;
        border: 2px solid rgba(255, 255, 255, 0.5);*/
    }

    /* careers section */
    .careers-section-top-padding {
        padding-top: 65px;
        padding: 90px 11.25% 35px 11.25%;/*90px 180px 35px 180px;*/
    }
    
    .careers-section-side-padding {
        padding-left: 9.37%;/*150px;*/
        padding-right: 9.37%;/*150px;*/
    }
    
    .careers-section-bottom-padding {
        padding-bottom: 120px;
    }

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

    #careers-computacio-informatica {
        background-position: 90% 50%;
    }

    .btn-careers-color .btn-careers-foreground {
        padding: 50px 30px 50px 30px;
    }

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

    /* carousel */
    
    .btn-careers-grey {
        height: 230px;
    }
    
    .btn-careers-grey>div {
        padding: 25px 35px 30px 35px;
    }

    /* headquarters */
    .headquarters-text-details {
        padding: 65px 6.25% 65px 11.87%;/*65px 100px 65px 190px;*/
    }

    /* contact us section */
    #contactUs {
        padding: 65px 10% 65px 10%;/*65px 190px 65px 190px;*/
    }

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

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

    .btn-send {
        padding: 15px 45px 15px 45px;
    }

    /* footer */
    footer {
        padding: 50px 10% 50px 10%;/*50px 190px 50px 190px;*/
    }

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

    .info-spaces {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* about */
    .about-info {
        padding: 70px 11.25% 140px 11.25%;/*70px 180px 140px 180px;*/
    }

    /* career */ 
    #sideNavBar {
        left: 7vw;
    }

    .career-pl {
        padding-left: 12vw;/*280px;*/
    }
    .career-pr {
        padding-right: 12vw;/*280px;*/
    }
}

@media only screen and (max-width: 1300px)
{
    .careers-section-side-padding {
        padding-left: 6%;
        padding-right: 6%;
    }

    #info2.info-section, .info-section .single-items-carousel .slick-carousel-item>div {
        padding: 0 8% 0 8%;
    }

    .career-pr {
        padding-right: 8vw;
    }

    .careers-section-top-padding {
        padding: 90px 11% 35px 11%;
    }

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

    .btn-careers-grey div {
        height: 300px;
    }

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

    #contactUs {
        padding: 65px 6% 65px 6%;
    }

    footer {
        padding: 50px 6% 50px 6%;
    }
}

@media only screen and (max-width: 1199.98px)
{
    .prl-lg-4 {
        padding: 1.5rem!important;
    }
}