/* // Medium devices (tablets, 768px and up) */
@media (max-height: 900px) {

    .header {
        min-height: 700px;
    }

    .main {
        top: 700px;
        min-height: 500px;
    }

    .footer {
        top: 500px;
        height: 320px;
    }

    #intro-section {
        background-position: top;
    }

    #hero-text {
        font-size: 400%;
        padding-top: 0.2rem !important;
    }

    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 40%;
    }

    .row h2 {
        padding-bottom: 2%;
    }

    .intro-column {
        padding-top: 0px;
        padding-right: 0px;
    }

    .intro-column p,
    .intro-column label {
        font-size: 14px;
    }

    .orange-button {
        border-radius: 10px;
    }

    .row-button {
        margin-top: 10%;
    }

    #map {
        max-width: 90%;
        height: 300px;
    }

    lord-icon {
        height: 30px;
        width: 30px;
    }

    .contact-icons {
        height: 30px;
        width: 30px;
    }

    .form-row {
        height: 14%;
    }

    .row .subtitles {
        font-size: 150%;
        padding-bottom: 10px;
        padding-top: 5px;
    }

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


    .btn-circular {
        padding-top: 5px;
    }

    .section1 {
        min-height: 450px;
        margin-top: 2%;
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
    }


    .row h2 {
        font-size: 150%;
    }


    .navbar-custom {
        width: 100%;
    }

    .nav-item,
    .btn-warning {
        font-size: 0.8rem;
    }

    .btn-circular {
        height: 40px;
        width: 40px;
    }

    .title-sections {
        margin-top: 2rem;
    }


    .footer {
        bottom: 0px;
        position: absolute;
    }


    .footer li,
    .footer p {
        font-size: 0.6rem;
    }

    .sidenav {
        padding-left: 1rem;
        min-width: 90px;
    }

    .sidenav:hover {
        width: 15%;
        min-width: 150px;
    }

    .side-link {
        font-size: 12px;
    }


    .sidenav:hover .side-link {
        visibility: visible;
        opacity: 1;
    }


    .side-link:hover {
        color: #F15A22;
    }

    .sidenav-nav {
        top: 15%;
    }

    .sidenav-nav li {
        height: 4rem;
        padding-left: 1rem;
    }

    .side-nav-span {
        padding-right: 2rem;
        padding-bottom: 3rem;
    }

    .scroll-down {
        position: absolute;
        right: 20px;
        bottom: 0.5rem;
        font-size: 12px;
    }

    .footer-ul-media {
        padding-left: 0;
    }

    .media li {
        padding: 5px 5px;
        height: 2rem;
        width: 2rem;
    }

    .address {
        line-height: 1.5rem;
    }

    .address span {
        font-size: 1rem;
    }

    .address p {
        font-size: 0.6rem;
    }

    lord-icon {
        -event: none;
    }

    .contact-form {
        margin-top: 5%;
    }
}

/*LAPTOP WIDER*/
@media (min-height: 901px) and (max-height: 1100px) {

    .sidenav {
        padding-left: 1.5rem;
    }

    .nav-link {
        padding: 0.5rem 0.5rem;
    }

    .contact-form {
        margin-top: 10%;
    }
}

/*LAPTOP MINI*/
@media (max-width: 1280px) {
    .sidenav:hover {
        width: 20%;
        min-width: 200px;
    }

    .nav-item {
        font-size: 0.7rem;
    }

    .main {
        top: 100vh;
        min-height: 500px;
    }

    .contact-form {
        margin-top: 2%;
    }

}

@media (max-width: 1280px) and (max-height: 600px) {
    .list .nav-link {
        padding: 0.5rem 0.5rem;
    }
}


/*IPAD AIR*/
@media (max-width: 1024px) {

    .contact-form {
        margin-top: 10%;
    }

    .hide {
        display: block;
    }

    .hideInMobile {
        display: none !important;
    }

    html {
        width: 100%;
    }

    nav {
        /* position: fixed; */
        top: 0;
        left: 0;
        right: 0;
    }

    .navbar-custom {
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
    }

    .header {
        right: 0;
        min-height: 900px;
        width: 100%;
    }

    .main {
        top: 1000px;
        min-height: 300px;
        right: 0;
        width: 100%;
    }

    .intro-section {
        background-position: top;
        right: 0;
        min-height: 900px;
        height: 900px;
    }

    .intro-column {
        padding-right: 10px;
    }

    .orange-button {
        width: 50%;
    }

    .intro-section-images {
        padding-top: 5%;
    }

    #hero-text {
        font-size: 400%;
        padding-top: 0.8rem !important;
    }

    .image-contact {
        height: 800px;
        width: 50vw;
        background-attachment: scroll !important;
        background-size: cover;
        background-position: left top;
    }

    .underline-h1 {
        padding-left: 0;
        margin-left: 0;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 40%;
    }

    .click-here {
        padding-left: 30%;
    }

    .row h2 {
        font-size: 2rem;
    }

    .row h3 {
        font-size: 0.8rem;
    }

    .row h4 {
        font-size: 1.5rem;
    }

    .row .h3-blue {
        font-size: 1.5rem;
    }

    .white-text {
        font-size: 2rem;
    }

    .faq {
        font-size: 4rem;
    }



    .card-custom {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 0;
        padding-right: 0;
        width: 100%;

    }

    .whitebox-button {
        top: 50%;
    }

    .text-right,
    .text-left {
        font-size: 12px;
        padding-right: 0;
    }

    .text-box2,
    .text-box3 {
        padding-top: 40%;
    }

    .spacing {
        height: 20px;
    }

    .numbers {
        font-size: 2rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

    p {
        font-size: 14px;
        line-height: 1.5rem;
    }

    form label {
        font-size: 14px;
    }

    .reach {
        font-size: 0.8rem;
        height: 70%;
        top: 40%;
    }

    .btn-circular {
        height: 40px;
        width: 40px;
    }

    .title-sections {
        margin-top: 2rem;
    }

    .section1 {
        min-height: 500px;
    }

    .section2,
    .section7 {
        height: 280px;
    }

    .img1,
    .img1-backdrop {
        left: 0px;
        width: 50%;
    }

    .img2-meet {
        background-attachment: scroll !important;
    }

    .img11 {
        background-attachment: scroll !important;
        background-size: cover;
        background-position: center top;
    }

    #map {
        width: 350px;
        height: 300px;
    }

    .section5 {
        border-right: 0px;
    }

    .quote,
    dd,
    .card-text,
    .quote-white {
        font-size: 12px;
        line-height: 2rem;
    }

    .orange-line-container {
        height: 35%;
    }

    .section4 {
        height: 500px;
    }

    .section5,
    .section6 {
        height: 15%;
    }

    .section3 {
        height: 30%;
    }

    .section8,
    .section9 {
        height: 15%;
    }

    .blue-box img {
        padding-bottom: 20%;
    }

    .table-column-row1 .blue-box {
        width: 100%;
        font-size: 540%;
    }

    .btn-circular-orange {
        height: 50px;
        width: 50px;
    }

    .table1 {
        height: 12%;
    }

    .icon .equip-naming {
        font-size: 100%;
    }

    .light-gray {
        font-size: 2rem;
    }

    .footer-ul li {
        display: none;
    }

    .footer {
        bottom: 0px;
        left: 0;
        position: absolute;
        margin-left: 0;
        padding-left: 0;
        height: 380px;
        top: 100%;
        justify-content: center;
    }

    .footer.container-fluid {
        bottom: 0;
    }

    .section10 {
        width: 100%;
        bottom: 188px;
    }

    .section10-col {
        right: 0px;
        bottom: 0px;
    }

    .footer li,
    .footer p {
        font-size: 11px;
    }

    .address {
        padding-left: 1rem;
    }

    .footer .logo-footer .col-md-5,
    .footer .list .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .sidenav {
        display: none;
        padding-left: 0.5rem;
        overflow: visible;
        width: 17%;
    }

    /* .side-link {
        font-size: 12px;
    } */


    .sidenav .side-link {
        visibility: visible;
        opacity: 1;
    }

    /* .sidenav-nav {
        top: 20%;
        transition: none;
    }

    .sidenav:hover {
        width: 17%;
    }

    .side-nav-span {
        padding-right: 0;
        padding-bottom: 3rem;
        font-size: 0px;
        visibility: hidden;
    } */

    .scroll-down {
        position: absolute;
        right: 10px;
        bottom: 30rem;
        font-size: 12px;
    }

    .scroll-down-left {
        position: absolute;
        left: 25px;
        bottom: 30rem;
        font-size: 12px;
    }

    .scroll-down span,
    .scroll-down-left span {
        padding: 0.5rem;
    }


    .scroll-down-left {
        display: flex;
    }

    .footer-ul-media {
        padding-left: 0;
    }

    .media li {
        padding: 5px 5px;
        height: 2rem;
        width: 2rem;
    }

    .address {
        line-height: 1.5rem;
    }

    .address span {
        font-size: 1rem;
    }

    .address p {
        font-size: 0.6rem;
    }

    .btn-circular img {
        height: 20px;
        width: 20px;
        top: 50%;
    }

    .row {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .container-join {
        padding: 0;
        width: 100%;
        height: 900px;
    }

    .form-group {
        padding-left: 0;
        padding-right: 10px;
    }

    .tablet-show-only {
        display: contents;
    }

    #tablet-contact {
        display: block;
    }

    .tablet-hide-only {
        display: none;
    }

    .nav-item {
        text-align: right;
    }

    .intro-column {
        padding-left: 24px;
    }

    .main {
        top: 850px;
    }

    .contact-center {
        width: 100%;
    }

}

/*LAPTOP MINI minimize*/
@media (max-width: 1024px) and (max-height: 1020px) {

    .scroll-down,
    .scroll-down-left {
        display: none;
    }

    .image-contact {
        width: 50%;
        background-position: left top;
    }
}

/*IPAD MINI*/
@media (max-width: 768px) {
    .intro-column {
        padding-left: 24px;
    }
}

/*LAPTOP MINI minimize*/
@media (max-width: 768px) and (max-height: 1020px) {

    .form-group,
    .form-row {
        height: 15%;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .form-row-group {
        height: 30%;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .scroll-down,
    .scroll-down-left {
        display: none;
    }

    #map {
        width: 80%;
    }
}

/*LAPTOP MINI minimize*/
@media (max-width: 576px) and (max-height: 1020px) {
    .image-contact {
        width: 100%;
        height: 300px;
        margin-top: 10%;
    }

    .orange-button {
        width: 100%;
    }

    .main {
        top: 1100px;
    }

    #map {
        margin-bottom: 10%;
    }

    .scroll-down,
    .scroll-down-left {
        display: none;
    }
}

/*Mobile*/
@media only screen and (max-width: 575px) {

    .contact-form {
        margin-top: 26%;
    }

    .hide {
        display: block;
    }

    .hideInMobile {
        display: none !important;
    }

    .tablet-show-only,
    #tablet-contact {
        display: none;
    }

    .tablet-hide-only {
        display: block;
    }

    .nav-item {
        text-align: center;
    }


    .row {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .form-group,
    .form-row {
        height: 15%;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .form-row-group {
        height: 30%;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .container-join,
    .intro-section {
        height: 800px;
    }

    .image-contact {
        /* top: 90px; */
        width: 100%;
        height: 350px;
    }

    .main {
        top: 1200px;
        height: 700px;
    }

    .row-button {
        width: 100%;
    }

    .orange-button {
        width: 150px;
        height: 40px;
    }

    .section1 {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        align-items: flex-start;
        height: 95%;
    }

    #map {
        width: 300px;
        padding-top: 10%;
    }

    .footer {
        padding-right: 0;
    }

    .media {
        padding-left: 0;
        padding-top: 8%;
    }

    .address {
        padding-left: 0;
    }

    .scroll-down {
        position: absolute;
        right: 5px;
        bottom: 27rem;
        font-size: 12px;
        color: #262D66;
    }

    .scroll-down-left {
        left: 5px;
        bottom: 27rem;
    }

    .scroll-down span {
        background-color: lightgrey;
    }

    .media img {
        width: 75%;
    }

    .px-5 {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
}

/*Mobile*/
@media only screen and (max-width: 430px) and (max-height:1200px) {

    .scroll-down,
    .scroll-down-left {
        display: flex;
    }
}

/* LAPTOP MINI MINIMIZE*/
@media (max-width: 430px) and (max-height: 600px) {

    .scroll-down,
    .scroll-down-left {
        display: none;
    }

}