/** MEDIA QUERIES FOR RESPONSIVENESS **/
/** MOBILE LAYOUT */

@media screen and (max-width: 1363px) {
    
    .col-box {
        grid-template-columns: repeat(2, 407px);
    }
}

@media screen and (max-width: 1204px) {
    .second-part-logo-real, .second-part-logo-third {
        font-size: 80px;
        line-height: 70px;
    }
}

@media screen and (max-width: 1080px){

    .h-icons img {
        width: 38px;
        height: 38px;
    }

    .h-flex-icons .h-icons:nth-child(2) {
        margin-left: 20px;
    }

    .h-icons {
        text-decoration: none;
    }

    .m-left-side-header {
        display: flex;
        margin-left: 50px;
        align-items: center;
        flex: unset;
    }

    #header-mobile {
        z-index: 61;
        display: flex;
    }

    .useless-div {
        display: block;
        height: 100%;
    }

    .h-wrapper {
        display: flex;
        height: 100%;
    }

    .h-container-left {
        display: flex;
        width: 100%;
        height: 100%;
        margin-left: 50px;
        flex-direction: column;
        justify-content: space-evenly;
        flex: 50%
    }
    
    .h-container-right {
        flex: 50%
    }

    .h-red-text {
        text-decoration: none;
        color: #da2e36;
    }

    .h-red-text span {
        font-family: 'Teko';
        font-weight: bold;
        font-size: 30px;
    }
    
    .hamburger_black > span {
        background-color: #000000;
    }

    .cover-btn-lp-image {
        width: 70px;
        height: 70px;
    }
    
    .header-section {
        position: fixed;
        z-index: 50;
        width: 100%;
        background-color: #ffffff;
    }

    .hidden-div-ham {
        background-color: #ffffff;
        box-shadow: px 20px 20px 0px #000000;
        width: 100%;
        height: 200px;
        top: 148px;
        right: 0;
        display: none;
        z-index: 9999;
        position: fixed;
    }

    .mob-first-image {
        margin-top: 148px;
    }

    .mob-first-image, .mob-second-image, .mob-third-image {
        width: 100%;
    }

    .video-mobile-box {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .m-img-box {
        position: relative;
        width: 100%;
    }

    .mob-second-image {
        height: 320px;
        max-width: 550px;
    }

    .nome-aluna-absolute {        
        color: white;
        height: 20px;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.411);
        border-radius: 5px;
    }

    .mob-third-image {
        object-fit: cover;
        object-position: top;
        height: 450px;
        width: 550px;
    }

    .m-common-btn {
        font-weight: bold;
        font-size: 23px;
        line-height: 22px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
        box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.301);
        border: none;
        justify-content: center;
        width: 500px;
        height: 72px;
    }
    
    .m-header {
        font-size: 77px;
        padding: 30px;
        max-width: 490px;
        line-height: 65px;
        font-family: 'Teko';
        font-weight: bold;
        text-align: center;
    }

    .m-sub-header {
        display: flex;
        justify-content: center;
        text-align: justify;
        max-width: 550px;
        font-size: 25px;
        margin-bottom: 40px;
    }

    .m-common-btn-box {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .m-map-subheader {
        display: flex;
        font-size: 20px;
        flex-direction: column;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 60px;
    }

    .m-map-subheader span:nth-child(1){
        max-width: 400px;
        font-weight: bold;
    }

    .m-map-subheader span:nth-child(2){
        max-width: 400px;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    
    .h-white:hover {
        cursor: pointer;
        background-color: #ffffff;
        color: #000000;
    }

    .h-red:hover {
        cursor: pointer;
        background-color: #da2e36;
        color: #ffffff;
    }

    .m-background-red {
        background-color: #da2e36;   
    }

    .m-background-white {
        background-color: #ffffff;
    }

    .m-color-black {
        color: #000000;
    }

    .m-color-white {
        color: #ffffff;
    }

    .m-color-red {
        color: #da2e36;   
    }

    .m-color-grey {
        color: #8b8b8b;
    }

    .mobile-section {
        display: block;
        width: 100%;
    }

    .mt {
        margin-top: 50px;
    }

    .mb {
        margin-bottom: 50px;
    }

    .flex-center {
        display: flex;
        justify-content: center;
    }

    .m-container {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .m-footer-section {
        background-color: #da2e36;
    }

    .m-footer-section .m-container {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .m-footer {
        display: flex;
        align-items: center;
    }

    .m-content {
        display: flex;
        flex-direction: column;
    }
    
    .m-outer-wrapper-form {
        justify-content: center;
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        background-color: #da2e36;
        flex: 50%;
    }

    .m-wrapper-form {
        margin-top: 30px;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
    }

    .m-imagem-3 {
        object-fit: cover;
        width: 100%;
        object-position: 100% 30%;
        max-height: 439px;
    }

    .m-container {
        display: flex;
        flex-direction: column;
    }

    .whatsapp-float-div {
        height: 0;
        width: 0;
        margin-right: 80px;
        margin-bottom: 100px;
    }

    .whatsapp-float-div img {
        width: 70px;
        height: 70px;
    }

    
    .left-side-header img {
        margin-left: 50px;
    }

    .hamburger {
        margin-right: 50px;
    }

    .mob-first-image {
        position: relative;
        object-fit: cover;
        width: 100%;
        max-height: 537px;
    }
    .desktop {
        display: none;
    }

    .hamburger {
        display: flex;
        flex-direction: column;
        cursor: pointer;
    }

    .right-side-header span {
        margin: 5px;
    }
    
    .shadow-text-box {
        display: none;
    }
    
    .right-side-header {
        justify-content: right;
    }
    
    .line_1, .line_2, .line_3 {
        width: 64px;
        height: 5px;
        background-color: #8b8b8b2c;
        padding: 1px;
    }
}

@media screen and (max-width: 1080px) {    
    .anchor-header-fb, .anchor-header-ins, .header-text-ktc {
        display: none;
    }

    .first-section, .second-section, .fourth-section {
        height: auto;
    }

    .middle-conheca {
        display: none;
    }

    .content {
        flex-direction: column;
    }

    .left-side, .right-side {
        justify-content: center;
    }

    .right-side {
        margin-top: 50px;
    }
    
    .right-box {
        margin-left: 0;
    }

    .left-box {
        margin-right: 0;
    }

    .generic-text {
        text-align: center;
    }

    .two_six {
        margin-top: 0;
    }

    .four_six {
        margin-top: 0;
    }
    
    .four_six .feliz-right-box {
        height: 700px;
    }

    .generic-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section-single-text {
        justify-content: center;
    }

    .centered {
        align-items: center;
    }

    .wide-content {
        flex-direction: column;
    }
    
    .wide-content .right-side {
        margin-left: 5%;
        margin-bottom: 5%;
    }

    .localizacao-right-box {
        height: 400px;
    }

    .map-iframe {
        width: 100%
    }

    .m-google-map {
        width: 100%;
    }

    .section-footer .left-side .left-box {
        justify-content: center;
    }

    .footer-left-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0;
    }

    .footer-right-box {
        margin: 0;
    }

    .box-logo-footer {
        max-width: 100%;
        text-align: center;
    }

    .footer-right-box .right-side {
        justify-content: center;
    }

    .section-footer {
        padding: 30px 0 0 0;
    }

    .first-left-box {
        align-items: center;
    }
    
    .first-part-logo {
        justify-content: center;
    }

    .big-logo {
        text-align: center;
    }

    .first-right-box {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .first-left-box {
        margin-bottom: 50px;
    }
    
}

@media screen and (max-width: 996px) {

    .wide-content .right-side {
        justify-content: center;
    }
}

@media screen and (max-width: 927px){
    .col-box {
        grid-template-columns: repeat(1, 367px);
    }

}

@media screen and (max-width: 817px) {

    .aluno-serie-div {
        margin-bottom: 10%;
    }

    video {
        width: 100%;
        height: auto;
    }

    .section-content {
        padding: 0;
    }

    .separator {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .wide-content .clickable-btn {
        width: 100%;
    }

    .section-footer {
        padding: 5%;
    }

    .nineth-section {
        margin-top: 0;
    }

    .section-single-text {
        line-height: 80px;
    }

    .eighth-section .section-single-text {
        line-height: 55px;
    }

}

@media screen and (max-width: 630px){

    .mob-third-image, .mob-second-image {
        width: 100%;
    }

    .hidden-div-ham {
        top: 120px;
    }

    .m-header {
        font-size: 47px;
        line-height: 47px;
    }

    .m-common-btn {
        max-width: calc(100% - 30px);
        width: 100%;
    }

    .m-common-btn-box {
        display: flex;
        justify-content: center;
    }

    .m-sub-header {
        max-width: calc(100% - 50px);
        font-size: 20px;
        word-spacing: -2px;
        line-height: 20px;
    }

    
    .left-side-header img {
        width: 65px;
        height: 80px;
    }
    
    .hamburger span {
        width: 54px;
        height: 3px;
    }

    .whatsapp-float-div {
        height: 0;
        width: 0;
        margin-left: 20px;
        margin-bottom: 80px;
        left: 0;
    }

    .whatsapp-float-div img {
        width: 60px;
        height: 60px;
    }

    .nome-aluna-absolute {
        height: 40px;
    }
}

@media screen and (max-width: 571px) {
    
    .form-box {
        width: calc(100% - 10px);
        max-height: 1400px;
        height: 1%;
        padding: 5%;
    }

    .two_six .first-right-box {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .little-logo {
        text-align: center;
    }

    .localizacao-right-box, .first-right-box {
        margin-left: 0;
    }

    .eleventh-section .section-single-text {
        line-height: 70px;
        font-size: 50px;
    }

    .big-logo {
        max-width: 100%;
    }
    
    .eighth-section .section-single-text {
        font-size: 40px;
        line-height: 40px;
    }

    .sixth-section .section-single-text {
        font-size: 70px;
        line-height: 65px;

    }

    .second-part-logo {
        max-width: 100%;
    }

    .first-right-box {
        justify-content: center;
        max-height: 1500px;
    }

    .left-box .generic-box {
        margin-bottom: 50px;
    }

    .first-right-box .form-header-text, .form-subheader-text, .form-input {
        width: calc(100% - 30px);
    }

    .submit-form-btn {
        width: calc(100% - 30px);
    }

    .checkbox-box {
        min-width: 27px;
        min-height: 27px;
    }

    .section-content .clickable-btn {
        width: 100%;
    }

    .separator .clickable-btn {
        width: calc(100% - 20px);
    }

    .footer-right-box {
        flex-direction: column;
    }

    .footer-right-box img {
        margin-left: 0px !important;
    }

    .eighth-section {
        margin-top: 60px
    }

    .generic-multiple-text {
        text-align: center;
    }

    .phone_div {
        justify-content: center;
    }
    
    .first-part-logo {
        flex-direction: column;
    }

    .wide-content .right-side {
        height: 400px;
        margin: 0;
        padding: 0;
    }

    .localizacao-right-box {
        height: 400px;
    }

    .section-single-text {
        line-height: 50px;
    }

    .one_six {
        padding-top: 0;
    }

    .second-part-logo {
        font-size: 50px;
        line-height: 50px;
    }

    .big-logo {
        margin-right: 5%;
    }

    .form-inputs-dinamic {
        flex-direction: column;
    }

    .four_five-width {
        flex: none;
    }

    .form-inputs-dinamic {
        display: flex;
        max-height: 722px;
    }

    .first-right-box {
        height: 100%
    }

    .low-resolution-text-item {
        font-size: 20px;
    }

    .aluno-serie-div {
        font-size: 20px
    }

    .first-part-logo {
        flex-direction: row;
    }

    .little-logo {
        font-size: 35px;
        line-height: 28px;
    }

    .break-logo {
        font-size: 76px;
        line-height: 50px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 407px) {
    .col-box {
        grid-template-columns: repeat(1, calc(100% - 20px)) 
    }

    .form-box {
        width: 100%;
        padding-bottom: 5%;
    }
    
    .wrapper-label-contact {
        margin-top: 15px
    }

    .flex-box .div_h1 {
        height: 100%;
        margin-bottom: 20px;
    }

    .flex-box .h1_custom {
        font-size: 25px;
    }

    .clickable-btn {
        font-size: 17px;
    }

    .generic-multiple-text {
        font-size: 19px;
    }

    .low-resolution-text-item {
        font-size: 19px;
    }

    .form-subheader-text {        
        font-size: 14px
    }

    .submit-form-btn {
        font-size: 17px
    }

    .first-part-logo {
        flex-direction: row;
    }

    .little-logo {
        font-size: 30px;
        line-height: 25px;
    }

    .break-logo {
        font-size: 60px;
        line-height: 50px;
        margin-top: 20px;
    }

    .aluno-serie-div {
        line-height: 22px;
    }

    .checkbox-text {
        font-size: 15px
    }

    .carousel-text-item-html .h1_custom {
        font-size: 20px;
        line-height: 20px;
    }

    .carousel-text-item-html .h2_custom {
        font-size: 15px;
        line-height: 15px;
    }

    .m-header {
        font-size: 30px;
        line-height: 30px;
    }

    .m-sub-header {
        font-size: 15px;
        line-height: 15px;
        word-spacing: unset;
    }

    .nome-aluna-absolute {
        display: flex;
        align-items: center;
        font-size: 13px;
        height: 23px;
    }
    
    .m-common-btn  {
        max-width: unset;
        font-size: 15px;
        line-height: 15px;
        height: 45px;
    }

    .m-map-subheader {
        font-size: 15px;
    }

    .submit-form-btn {
        font-size: 13px;
        height: 50px;
    }

}

@media screen and (max-width: 377px) {
    .nome-aluna-absolute {
        height: 40px;
    }  
}

@media screen and (max-width: 326px) {
    .m-header {
        padding: 20px 0px 20px 0px;
    }

    .carousel-buttons span {
        width: 10px;
        height: 10px;
    }
}