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

    .main,
    .footer {
        height: 320px;
    }

    .header {
        min-height: 700px;
    }

    .main {
        top: 690px;
    }

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

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

    .container-join {
        min-height: 700px;
    }

    .row h1 {
        font-size: 3rem;
    }

    .intro-section {
        min-height: 700px;
        padding-top: 0px;
    }

    .title-intro-section {
        font-size: 1.20rem;
    }

    .row h3 {
        font-size: 1.10rem;
        margin-left: 5%;
    }

    .navbar-custom {
        width: 100%;
    }

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

    .img1,
    .img1-backdrop {
        left: 150px;
    }

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

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

    .orange-button-container {
        height: 30%;
    }

    .text-center {
        font-size: 14px;
    }

    .orange-button {
        border-radius: 15px;
        font-size: 100%;
    }

    .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;
    }
}

/*LAPTOP WIDER*/
@media (min-height: 901px) and (max-height: 1100px) {
    .main {
        top: 900px;
    }
}

@media (max-width: 1024px) {


    .header {
        min-height: 1180px;
        /* height: 100vh; */
        height: 880px;
    }

    .intro-section,
    .container-join,
    .image-join {
        min-height: 770px;
        /* height: 770px; */
        height: 70vh;
    }

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

    h1 {
        font-size: 2rem;
    }

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

    .quote-white {
        font-size: 12px;
        line-height: 1.5rem;
    }

    .orange-button {
        font-size: 1rem;
        margin-left: 5%;
    }

    p {
        font-size: 14px;
    }

    .main {
        top: 880px;
        /* top: 86vh; */
        height: 300px;
    }

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

    .footer-ul li {
        display: none;
    }

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

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

    .address {
        padding-left: 1rem;
    }

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

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

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

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

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

    .container-join {
        padding: 0;
    }

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

    #tablet-contact {
        display: block;
    }

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

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

}

@media (max-width: 1024px) and (max-height: 760px) {
    .main {
        top: 880px;
        height: 300px;
    }

}

@media (max-width: 1024px) and (min-height:1280px) {
    .main {
        top: 1050px;
    }
}



/*LAPTOP MINI*/
@media (max-width: 1280px) {
    .list .nav-link {
        padding: 0.5rem 0.5rem;
    }

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

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

    .quote-white {
        font-size: 0.8rem;
    }
}

/*IPAD MINI*/
@media (max-width: 768px) {
    .text-center {
        margin-bottom: 15%;
    }
}

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

    .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;
    }

    .intro-section-text-div {
        width: 60%;
    }

    .intro-section-text {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        z-index: 4;
        position: relative;
    }

    .intro-section-text-div-orange {
        width: 10%;
    }

    .orange-line-container,
    .text-box2-subdiv-none {
        display: none;
    }

    .main {
        top: 950px;
    }

    .header,
    .intro-section {
        height: 1000px;
    }

    .orange-button {
        margin-left: 10%;
    }

    .image-join {
        min-height: 300px;
        height: 300px;
        /* margin-top: 8%; */
        background-position: center bottom;
    }

    .footer {
        padding-right: 0;
    }

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

    .address {
        padding-left: 0;
    }

    .orange-button-container {
        height: 20%;
        padding-top: 10%;
    }

    .text-center {
        margin-bottom: 0;
    }

    .media img {
        width: 75%;
    }

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

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

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) {} */

/* // Medium devices (tablets, 768px and up) */
/* @media (min-width: 768px) { */