@media only screen and (max-device-width: 1380px) {
    .news {
        font-size: 16px;
    }
}

@media only screen and (max-device-width: 1080px) {
    .news {
        font-size: 14px;
    }
}

@media only screen and (max-device-height: 900px) {
    .bgHome {
        height: 90vh;
    }

    .colNavHome {
        height: auto;
    }

    .colNavHome p {
        font-size: 20px !important;
    }

    .btnHome {
        padding: 10px;
        margin-bottom: 10px;
    }

    .holder {
        height: auto;
    }

    .news {
        width: 90%;
        font-size: 14px;
    }
}

@media only screen and (max-device-height: 800px) {
    .bgHome {
        height: 100vh;
        align-content: flex-start;
    }

    .contentNavHome {
        width: 480px;
    }
}

@media only screen and (max-device-height: 715px) {
    .colNavHome h2 {
        font-size: 40px;
    }

    .colNavHome p {
        font-size: 26px;
    }
}

@media only screen and (max-device-width: 1240px) {
    nav li {
        font-size: 20px;
        font-weight: 600;
        color: #4D4E50;
        padding: 10px;
        margin: 25px 5px 0px 5px;
        transition: all 0.3s;
    }

    .btnAccessStd {
        font-size: 16px;
        padding: 10px;
    }

    .footerBgHome {
        height: auto;
        padding: 15px 0px 15px 0px;
    }

    .barGradientCourses {
        display: none;
    }

    .contentCirclesCourses {
        height: auto;
    }

    .boxCircleCourse {
        margin: 15px;
    }

    .colLeftCurInt {
        width: 100%;
    }

    .colRightCurInt {
        width: 100%;
    }

    .colLeftCurInt h2 {
        padding-left: 15%;
    }

    .circleLightCurInt {
        margin-left: unset;
        left: 2%;
    }

    .contentCurInt {
        width: 100%;
    }
}    

@media only screen and (max-device-width: 1050px) {
    .headerTitle {
        height: auto;
        padding: 0px;
    }
    
    .msgTitleLeft {
        width: 50%;
    }

    .msgTitleRight {
        width: 50%;
    }
}

@media only screen and (max-device-width: 1000px) {
	.wrapper {
		display: block;
	}

    .logo {
        width: 30%;
    }

    .logo img {
        width: 100%;
    }

    nav {
        display: none;
    }

    .colIconCamaraHome {
        display: none;
    }
}

@media only screen and (max-device-width: 820px) {
	.colNavHome {
		width: 100%;
	}

    .contentNavHome {
        width: 100%;
    }

    .colLeftCurInt h2 {
        padding-left: 20%;
    }

    .circleLightCurInt {
        left: 2%;
    }
}

@media only screen and (max-device-width: 700px) {
	.bgHome {
		height: auto;
        background-size: cover;
        background-image:  url("../images/bgHomemobile.jpg");
	}

    .logo {
        width: 60%;
    }

    .logo img {
        width: auto;
    }

    .circleLightCurInt {
        width: 80px;
        height: 80px;
        margin-top: -85px;
    }

    .circleLightCurInt i {
        font-size: 44px;
    }

    .colLeftCurInt h2 {
        padding-left: 15%;
        font-size: 38px;
    }

    .colPromoLeft {
        width: 100%;
    }

    .colPromoRight {
        width: 100%;
    }

    .IconSocialFooter {
        justify-content: center;
    }

    .col2 {
        width: 100%;
    }

    .col2Certificate {
        width: 100%;
    }

    .contentRegisterForm form {
        width: 100%;
        padding-left: 0%;
    }

    .col2 a {
        width: 100%;
    }

    .col2 button {
        width: 100%;
    }

    .news {
        width: 85%;
        font-size: 12px;
        text-align: left;
    }

    .txtCourse .col2 {
        height: auto;
    }
}

@media only screen and (max-device-width: 515px) {
    .colNavHome {
        width: 100%;
        height: auto;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .title {
        text-align: center;
    }
    
    .title h3 {
        font-size: 38px;
    }

    .colNavHome p {
        font-size: 24px;
    }

    .colNavHome h2 {
        font-size: 38px;
    }

    .btnHome {
        padding: 10px;
        margin-bottom: 5px;
    }

    .btnHome p {
        font-size: 20px;
    }

    .msgTitleLeft h1 {
        font-size: 16px;
    }

    .msgTitleRight p {
        font-size: 16px;
    }

    .txtFooterHome p {
        text-align: center;
    }

    .footerBgHome .contentPage {
        justify-content: center;
    }

    .btnPromociones {
        width: 90%;
        margin: 10px 0px 10px 0px;
    }

    .contentCirclesCourses {
        justify-content: center;
    }

    .boxCircleCourse {
        width: 50%;
        margin: 10px 0px 10px 0px;

        display: -webkit-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-pack: center;
        -webkit-box-align: center;

        display: -moz-flex;
        -moz-box-orient: horizontal;
        -moz-box-pack: center;
        -moz-box-align: center;

        display: flex;
        box-orient: horizontal;
        box-pack: center;
        box-align: center;

        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        align-self: center;
        align-content: center;
        align-items: center;
    }

    .circleLightCurInt {
        margin-top: -75px;
    }

    .colLeftCurInt h2 {
        padding-left: 18%;
        font-size: 32px;
        line-height: 38px;
    }

    .btnCurInt {
        font-size: 22px;
    }

    .txtCurInt p {
        font-size: 34px;
    }

    .txtCurInt small {
        font-size: 26px;
        line-height: 28px;
    }

    .btnHome {
        box-shadow: unset;
        -moz-box-shadow: unset;
        -o-box-shadow: unset;
        -webkit-box-shadow: unset;
    }

    .btnBack {
        top: 200px;
    }

    .splitTitle {
        display: none;
    }

    .boxInfo {
        width: 100%;
        min-height: 100px;
        align-content: center;
    }

    .colBoxInfo {
        width: 80%;
    }

    .colBoxInfo p {
        font-size: 20px;
    }

    .titleCourse h2 {
        font-size: 18px;
    }

    .contentInfoBasicCourse {.boxInfo
        margin: 0px 0px 25px 0px;
    }

    .btnWhatsappInfo  {
        width: 95%;
    }

    .btnWhatsappInfo .colBoxInfo p {
        font-size: 18px;
    }

    .btnRegisterInfo {
        width: 95%;
    }

    .btnRegisterInfo .colBoxInfo p {
        font-size: 18px;
    }
}

@media only screen and (max-device-width: 440px) {
    .circleLightCurInt {
        width: 60px;
        height: 60px;
        font-size: 34px;
        margin-top: -60px;
    }

    .colLeftCurInt h2 {
        padding-left: 18%;
        font-size: 26px;
        line-height: 28px;
    }

    .btnCurInt {
        font-size: 20px;
    }

    .btnHome p {
        font-size: 18px;
    }
}

@media only screen and (max-device-width: 420px) {
    .btnCurInt {
        font-size: 18px;
    }

    .btnCurInt i {
        font-size: 24px;
    }

    .txtCurInt p {
        font-size: 32px;
    }

    .txtCurInt small {
        font-size: 24px;
        line-height: 26px;
    }

    .msgTitleLeft h1 {
        font-size: 14px;
    }

    .msgTitleRight p {
        font-size: 14px;
    }

    .splitTitle {
        margin-top: 8px;
    }

    .contentPageCenter {
        width: 98%;
    }

    .contentTableCourses {
        width: 100%;
    }

    .table thead th {
        font-size: 16px;
    }

    .alignLeft {
        font-size: 14px;
    }

    .contentTableCourses tbody tr td button {
        font-size: 12px;
    }

    .titleRegP {
        font-size: 20px;
    }
}

@media only screen and (max-device-width: 390px) {
    .colNavHome p {
        font-size: 20px;
    }

    .colNavHome h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .btnHome p {
        font-size: 14px;
    }

    .btnCurInt {
        font-size: 16px;
    }

    .btnCurInt i {
        font-size: 22px;
    }
}

@media only screen and (max-device-width: 370px) {
    .circleLightCurInt {
        margin-top: -55px;
    }

    .colLeftCurInt h2 {
        padding-left: 18%;
        font-size: 24px;
        line-height: 26px;
    }

    .msgTitleLeft h1 {
        font-size: 12px;
    }

    .msgTitleRight p {
        font-size: 12px;
    }

    .colBoxInfo {
        width: 100%;
    }

    .btnBack {
display: none;
    }
}

@media only screen and (max-device-width: 290px) {
    .btnBack {
        top: 360px;
    }
}