/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 991.98px /*1199.98px*/ /*575.98px*/ ) {
    /*Navbar*/
    .slicknav_nav {
        top: 100%;
        position: absolute;
    }

        .slicknav_nav a:hover, .slicknav_nav .active {
            color: #e64415;
        }
    /*Index.cshtml*/
    #newsSection > .container > .row > div > h1:before {
        left: 39%
    }
    #our-team > .container > .row > div > h1::before {
        left: 43%;
        top: 100%;
    }
    #logo_aubay_initial {
        width: 200px;
    }

        #logo_aubay_initial:hover {
            cursor: inherit;
        }

    .section-title:before {
        left: 42%;
    }

    a.back-to-top {
        bottom: 5px;
        right: 5px;
    }

    a.go-to-contacts {
        bottom: 5px;
        left: 5px;
    }

    /*Game Section*/
    #video-landing h2 {
        margin-top: 40px;
        font-size: 3em;
        position: absolute;
        left: 0%;
    }

    #chartdiv {
        width: 350px;
        height: 350px;
    }
    /*Business Section*/
    .business_outsource_design, .business_turnkey_design {
        top: 0%;
        left: 0%;
    }

    .business_nearshore_design {
        top: 8%;
        left: 0%;
    }

    .business_turnkey_design > h3 {
        top: 0%;
        left: 0%;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center
    }

    .business_outsource_design > p, .business_turnkey_design > p {
        padding-left: 45px;
        padding-right: 45px;
        text-align: justify;
    }
    /*Counters Section*/
    .work-counter-widget .counter p {
        font-size: 20px !important;
    }

    .work-counter-widget i {
        font-size: 50px;
    }
    /*Opportunities Section*/
    #div_opp > div > div > #headingOne3 > div > h4 {
        text-align: center
    }

    .arrow_func {
        left: 46%;
        position: relative !important;
        top: 1% !important;
    }

    #opportunities_area > .container > .row > div {
        padding: 0px 45px;
    }

    #div_opp > div > div > div > div > div > i {
        font-size: 20px;
        left: 31%;
        position: absolute;
    }

    #div_opp > div > div > div > div > .col-md-11 {
        font-size: 16px;
        left: 40%;
    }

    .panel-collapse > .panel-body {
        padding-right: 0px
    }

    .panel-collapse > .col-md-12 {
        text-align: center
    }

        .panel-collapse > .col-md-12 > a {
            width: 120px;
            height: 38px;
        }

            .panel-collapse > .col-md-12 > a > div > .col-md-4 {
                text-align: left !important;
                top: 23%;
                position: absolute;
            }

            .panel-collapse > .col-md-12 > a > div > .col-md-8 {
                position: absolute;
                top: 23%;
                left: 40%;
            }

                .panel-collapse > .col-md-12 > a > div > .col-md-8 > h5 {
                    position: absolute;
                }
    /*Happiness Management Section*/
    .section-title {
        font-size: 23px;
    }

    .aubay_cares, .aubay_outdoor, .aubay_meetups, .aubay_trainning {
        transform: rotateZ(0deg);
    }

    #happy_img_section {
        padding-left: 45px;
        padding-right: 45px
    }

    #team_area {
        padding: 85px 0 0 0
    }
    /*Testimonial Section*/
    .testimonial-item .datils p {
        padding: 0px 30px;
    }
    /*Academy Section*/
    #academySection {
        padding: 85px 60px 0px 60px;
    }

    #owl-demo .owl-wrapper-outer {
        left: 1%;
    }

    #owl-demo .owl-controls .owl-pagination {
        left: 4%;
    }

    #owl-demo2 {
        position: relative;
        top: 0%;
        left: -4%;
        width: 101%;
    }
    /*News Section*/
    #newsSection {
        padding: 45px
    }

    #div_news > div {
        padding-top: 0px !important
    }
    /*Contact Section*/
    #contacts_area {
        padding: 60px 0 30px 0;
    }

    #contact_row > div > h3 {
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: center;
        font-size: 20px
    }

    #contact_row > div > .contact-details {
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: center
    }

    .client .client-logo img{
        width: 65%;
    }
    .partner .partner-logo {
        height: 132.5px;
    }
    .partner .partner-logo img {
        background: white
    }
        /* Opportunities View*/
    #opp_section {
    padding: 45px
    }

        #opp_section > div > div > div > div > #div_opp > div > div > div > div > div > h4 {
            text-align: center;
            font-size: 20px !important
        }

        #opp_section > div > div > div > div > #div_opp > div > div > div > div > div > div > i {
            font-size: 20px;
            left: 31%;
            position: absolute;
        }

        #opp_section > div > div > div > div > #div_opp > div > div > div > div > div > .col-md-11 {
            font-size: 16px;
            left: 40%;
        }

        #opp_section > div > div > div > div > .search-box {
            text-align: center
        }

        #opp_section > div > div > .col-md-4 {
            margin: 10px 0px 45px 0px !important;
        }
    /* News View*/
    #news_view_section {
        padding: 45px
    }
    /* Spontaneaus Application View*/
    #spontApp_view_section {
        padding: 85px 45px
    }

        #spontApp_view_section > div > div > .col-md-8 {
            padding: 45px 0px;
            text-align: center
        }

            #spontApp_view_section > div > div > .col-md-8 > div > div > div {
                margin-bottom: 0px !important
            }

                #spontApp_view_section > div > div > .col-md-8 > div > div > div > .col-md-5 {
                    padding-top: 15px
                }

        #spontApp_view_section > div > div > div > h1 {
            font-size: 16px;
            margin-bottom: 150px !important;
        }

            #spontApp_view_section > div > div > div > h1:before {
                top: 25%;
                left: 41.5%;
                bottom: 0%
            }

    .user_icon {
        left: 30%;
        top: -10.7%;
    }

    .aubay_black_logo {
        top: -11.2%;
        left: 37%;
    }

    .opcionalFields {
        bottom: -50%;
        left: 0%;
        right: 0px
    }

    .personalDataProcessing {
        margin: 80px 0px 0px 0px;
        padding: 0px 45px !important;
        text-align: justify
    }

        .personalDataProcessing > h3 {
            font-size: 20px;
            text-align: center;
        }

    #Save {
        margin: 20px auto 0px auto !important;
    }

    #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Telemovel, #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #correct_Telemovel {
        position: absolute;
        left: 12%;
        padding-top: 0px !important;
        top: 96px;
    }

    #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Nome, #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Email, #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Linkedin {
        position: absolute;
        left: 12%;
        padding-top: 0px !important;
        top: 57px;
    }

    #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Tecnologias {
        position: absolute;
        padding-top: 0px !important;
        left: 12%;
        top: 62px;
    }
    /*Vagas Modal*/
    #vagasModal > div > div > div > div > div > .col-md-1 > #err_Telemovel {
        position: absolute;
        left: 12%;
        padding-top: 0px !important;
        top: 81px;
    }

    #vagasModal > div > div > div > div > div > .col-md-1 > #err_Nome, #vagasModal > div > div > div > div > div > .col-md-1 > #err_Email, #vagasModal > div > div > div > div > div > .col-md-1 > #err_Linkedin {
        position: absolute;
        left: 12%;
        padding-top: 0px !important;
        top: 42px;
    }

    #vagasModal > div > div > div > div > div > .col-md-1 > #err_Tecnologias {
        position: absolute;
        padding-top: 0px !important;
        left: 12%;
        top: 46px;
    }

    .g-recaptcha {
        left: -35px
    }

    #vagasModal > .modal-dialog {
        top: 45px;
        width: 302px;
        left: 11%;
    }

        #vagasModal > .modal-dialog > .modal-content > .modal-body {
            text-align: center
        }

    #vagasModal > div > div > div > div > div {
        margin-bottom: 0px !important;
    }

        #vagasModal > div > div > div > div > div > .col-md-5 {
            margin-bottom: 15px;
        }
    /*Privacy Modal*/
    #privacyModal > .modal-dialog > .modal-content {
        width: 350px;
        position: absolute;
        top: 10px !important;
        left: 10%;
    }
    #contacts_nearshore > div > .contact-details, #contacts_nearshore > div > h3 {
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: center !important
    }
    .nearshore_why_list {
        margin-left: 5%;
    }
    .nearshore_section {
        padding-top:0px !important
    }
    #center_vertically > h1 {
        font-size: 40px
    }
    .tecnhology_col > div {
        text-align:center
    }
}

@media (min-width: 400.98px) and (max-width: 580px){
    #newsSection > .container > .row > div > h1:before {
        left: 42%
    }
}
/*Extra-extra small devices*/
@media (max-width: 399px) {

    /*Privacy Modal*/
    #privacyModal > .modal-dialog > .modal-content {
        width: 291px;
    }
    /*Index.cshtml*/
    #logo_aubay_initial {
        width: 200px;
    }
    #logo_aubay_initial:hover {
        cursor: inherit;
    }
    .logo_section {
        left: 0%;
        top: 45%
    }
    .news_button > .row > div > i {
        position: absolute;
        left: 20px;
        top: 5px;
    }

    .news_button > .row > div > h5 {
        position: absolute;
        right: 18px;
        top: 2px;
    }

    .news_button {
        width: 150px;
        height: 40px;
    }
    /*Game Section*/
    #video-landing h2 {
        margin-top: 30px;
        font-size: 2.5em;
        position: absolute;
        left: 0%;
    }
    #chartdiv {
        width: 300px;
        height: 300px;
    }
    /*Opportunities Section*/
    #div_opp > div > div > div > div > div > i {
        left: 25%;
    }
    #div_opp > div > div > div > div > .col-md-11 {
        top: -15%;
        left:37%;
    }
    #div_opp > div > div > #headingOne3 > div > h4 {
        font-size: 18px !important
    }
    #a_detectedHover1 {
        width: 250px
    }
        #a_detectedHover1 > i {
            left: 3%;
        }
        #a_detectedHover1 > span {
            left: 13%;
            top: 26.5%;
            font-size: 12px;
        }
    /*Happiness section*/
    .aubay_meetups {
        margin-top:20px
    }
    .aubay_trainning {
        margin-top:60px
    }
    /*Opportunities View*/
    #opp_section > div > div > div > div > #div_opp > div > div > div > div > div > div > i {
        left: 22%;
    }
    #opp_section > div > div > div > div > #div_opp > div > div > div > div > div > .col-md-11 {
        left: 37%;
    }
    /*Spontaneaus View*/
    #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Nome, #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Email, #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Linkedin, #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Telemovel, #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Tecnologias {
        left: 4%;
    }
    .user_icon {
        left: 25%;
        top: -8.7%;
    }
    .aubay_black_logo {
        top: -9%;
        left: 33.5%;
    }
    /*Vagas Modal*/
    #vagasModal > div > div > div > div > div > .col-md-1 > #err_Telemovel, #vagasModal > div > div > div > div > div > .col-md-1 > #correct_Telemovel {
        position: absolute;
        left: -2%;
        padding-top: 0px !important;
        top: 81px;
    }

    #vagasModal > div > div > div > div > div > .col-md-1 > #err_Nome, #vagasModal > div > div > div > div > div > .col-md-1 > #err_Email, #vagasModal > div > div > div > div > div > .col-md-1 > #err_Linkedin {
        position: absolute;
        left: -2%;
        padding-top: 0px !important;
        top: 42px;
    }

    #vagasModal > div > div > div > div > div > .col-md-1 > #err_Tecnologias {
        position: absolute;
        padding-top: 0px !important;
        left: -2%;
        top: 46px;
    }
    #vagasModal > div > .modal-content {
        top: 150px !important;
        left: -5%;
        width: 103%;
    }
    .personalDataProcessing {
        padding: 0px 15px !important;
    }
    .nearshore_section {
        padding-top:0px
    }

}

@media (min-width: 400px) and (max-width: 580px) {
    .news_button > .row > div > i {
        position: absolute;
        left: 20px;
        top: 5px;
    }
    .news_button > .row > div > h5 {
        position: absolute;
        right: 18px;
        top: 2px;
    }
    .news_button {
        width: 150px;
        height: 40px;
    }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    /*Aubay Proxy Section*/
    .proxyContentResponsive {
        padding: 0px 4em;
    }
    .news_button > .row > div > i {
        position: absolute;
        left: 20px;
        top: 5px;
    }

    .news_button > .row > div > h5 {
        position: absolute;
        right: 18px;
        top: 2px;
    }

    .news_button {
        width: 150px;
        height: 40px;
    }
    /*Navbar*/
    .slicknav_nav {
        top: 100%;
        position: absolute;
    }
    .client .client-logo img {
        width: 100%;
    }
    /*Vagas Modal*/
    #vagasModal > div > div > div > div > div > .col-md-1 > #err_Telemovel {
        position: absolute;
        left: 65px;
        padding-top: 0px !important;
        top: 81px;
    }

    #vagasModal > div > div > div > div > div > .col-md-1 > #err_Nome, #vagasModal > div > div > div > div > div > .col-md-1 > #err_Email, #vagasModal > div > div > div > div > div > .col-md-1 > #err_Linkedin {
        position: absolute;
        left: 65px;
        padding-top: 0px !important;
        top: 42px;
    }

    #vagasModal > div > div > div > div > div > .col-md-1 > #err_Tecnologias {
        position: absolute;
        padding-top: 0px !important;
        left: 65px;
        top: 46px;
    }
    #vagasModal > .modal-dialog {
        top: 0px;
        width: 350px;
        left: -3%;
    }
    .g-recaptcha {
        left: -7px;
    }
    #privacyModal > .modal-dialog > .modal-content {
        width: 500px;
        left: 0%;
    }
    /* Spontaneaus View */
    #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Telemovel, #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #correct_Telemovel {
        position: absolute;
        left: 130px;
        padding-top: 0px !important;
        top: 96px;
    }

    #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Nome, #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Email, #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Linkedin {
        position: absolute;
        left: 130px;
        padding-top: 0px !important;
        top: 57px;
    }

    #spontApp_view_section > div > div > div > div > div > div > .col-md-1 > #err_Tecnologias {
        position: absolute;
        padding-top: 0px !important;
        left: 130px;
        top: 62px;
    }
    .user_icon {
        left: 35%;
        top: -12.7%;
    }
    .aubay_black_logo {
        top: -13.2%;
        left: 40%;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .section-title:before {
        left: 46%;
    }
    #newsSection > .container > .row > div > h1:before {
        left: 45.5%;
    }
    #our-team > .container > .row > div > h1::before {
        left: 45%;
        top: 35px;
    }
    #video-landing h2 {
        left: 10%;
    }
    .business_outsource_design, .business_turnkey_design {
        top: -10%;
    }
    .business_outsource_design > p, .business_turnkey_design > p {
        padding-left: 0px;
        padding-right: 0px;
    }
    .business_nearshore_design {
        left: -8%;
    }
        .business_nearshore_design > p {
            padding-left: 23px;
            padding-right: 26px;
        }
    .business_nearshore_design::before {
        left: 56% !important;
    }
    .arrow_func {
        left: -12%;
        top: 70% !important;
    }
    #happy_img_section > div > div > img {
        margin: 0 100px 
    }
    #headingOne3 > .col-md-12 {
        left:50%
    }
    #headingOne3 > .row {
        left: 60%
    }
    #div_opp > div > div > div > div > div > i {
        left: 100%;
        top:3px
    }
    #div_opp > div > div > div > div > .col-md-11 {
        left: 25%;
    }
    .Material-default-accordion .panel-default .panel-heading {
        margin-bottom: 45px;
    }
    #div_news {
        padding: 0px 60px;
    }
    .client .client-logo img, .partner .partner-logo img {
        width: 100%;
    }
    #privacyModal > .modal-dialog > .modal-content {
        width: 600px;
        left: -10%
    }
    #opp_section > div > div > .col-md-offset-4 {
        margin: 0px 0px 45px 0px !important;
    }
    #opp_section > div > div > div > div > #div_opp > div > div > div > div > div > div > i {
        left: 50px;
    }
    #opp_section > div > div > div > div > #div_opp > div > div > div > div > div > .col-md-11 {
        left: 26%;
    }
    #owl-demo, #owl-demo2 {
        left: 83%;
    }
    .navbar-brand {
        display:none
    }
    .scrolled > div > div > .slicknav_menu {
        display: block;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){
    #academy_carousel_responsiveTel {
        top:260px
    }
    .navbar-brand {
        left:30px
    }
    #news_view_section, #opp_section, #opportunities_area, #team_area, #newsSection {
        padding: 85px 100px;
    }
    #partner-logo .owl-wrapper {
        margin: 0 auto !important;
        width: fit-content !important;
    }
}
@media (max-width: 576px) {
    .client {
        padding-top: 5em !important;
    }
    .bluePrism-logo {
        width: 65% !important;
        transform: translate(0,1%);
    }

    .outsystems-logo {
        width: 65% !important;
        transform: translate(0,5%);
    }

    .siemens-logo {
        height: 132.5px !important;
        width: 65% !important;
        transform: translate(0,3%);
    }
    .aubilousSectionResize {
        margin-bottom: 6em;
    }
    /*Aubay Proxy Section*/
    .proxyContentResponsive {
        padding: 0px 4em;
    }
    .business_section > div > div:before {
        display: none;
    }
    /*Nearshore website*/
    .tecnhology_col > div {
        text-align: center;
        margin: 0 auto
    }
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 991.98px) and (max-width: 1274px) {
    .testimonial {
        margin-top: 15%;
    }

}
 /*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1274.98px) {
    
}