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

    .main {
        /* min-height: 3200px; */
        top: 800px;
    }

    .footer {
        height: 320px;
    }

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

    .header {
        min-height: 700px;
    }

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

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

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

    .row .team h3 {
        font-size: 1.10rem;
    }

    .faq {
        font-size: 4rem;
    }

    .section2 {
        min-height: 380px;
    }

    .section3 {
        min-height: 900px;
    }

    .section4 {
        min-height: 600px;
    }

    /* .section5 {
        min-height: 900px;
    } */

    .card-custom {
        width: 100%;
    }

    .text-box2 {
        padding-top: 30%;
    }

    .navbar-custom {
        width: 100%;
    }

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

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

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

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

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

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

    .content {
        height: 7200px;
    }

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

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

    .row-owner-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .row-owner {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        padding: auto;
    }

    .row .h3-blue {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        margin-bottom: 0;
    }

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

    .spacing {
        height: 30px;
        width: 100%;
        display: none;
    }

    h1 {
        font-size: 3rem;
    }

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

    .mobile {
        display: none;
    }

}


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

    .main {
        top: 1000px;
    }


    .spacing {
        height: 100px;
    }


    .sidenav {
        padding-left: 1.5rem;
    }

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

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

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

}

/*LAPTOP MINI*/
@media (max-width: 1280px) {

    .sidenav:hover {
        width: 20%;
        min-width: 200px;
    }

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

    .intro-section {
        min-height: 597px;
    }

    .main {
        top: 750px;
    }

    .row-custom .col-centered {
        padding: 0;
    }

    .section3 {
        min-height: 750px;
    }

    .section4 {
        min-height: 500px;
    }

    /* .section5 {
        min-height: 800px;
    } */

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

    p,
    dt,
    dd {
        font-size: 0.9rem;
        line-height: 1.5rem;
    }

    h5 {
        font-size: 0.9rem;
    }

    .text-right {
        line-height: 1.5rem;
    }

    .title-sections {
        margin-bottom: 0;
        padding-bottom: 0 !important;
    }

    .img1-backdrop,
    .img1 {
        top: 0;
        left: 90px;
    }

    .row-custom {
        padding-top: 2%;
    }

    .card-body {
        padding: 0.5rem 0.5rem;
    }

    .card-custom {
        height: 100%;
        width: 100%;
    }

    .faq {
        font-size: 3rem;
    }

    /* .main {
        min-height: 3200px;
    } */

}

/*LAPTOP WIDER minimize*/
@media (min-height: 901px) and (max-width: 1557px) {
    .spacing {
        display: none;
    }

    .main {
        top: 850px;
    }

}


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

    /* .main {
        min-height: 2800px;
    } */
}

/*LAPTOP minimize*/
@media (max-width: 1280px) and (min-height: 601px) {
    .main {
        min-height: 2000px;
    }
}

/*LAPTOP MINI minimize*/
@media (max-width: 1200px) and (min-width: 961px) {
    .card-custom {
        height: 100%;
        width: 90%;
    }

    .row-custom {
        width: 90%;
        margin-right: 0 !important;
        margin-left: 8%;
    }
}


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

    .img-profile-1:hover,
    .img-profile-2:hover,
    .img-profile-3:hover {
        filter: none;
        transform: none;
    }

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

    /* .btn-warning {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    } */

    .header {
        right: 0;
        min-height: 700px;
    }

    .main {
        top: 700px;
        /* min-height: 2800px; */
        right: 0;
        width: 100%;
    }

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

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

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

    .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: 95%;

    }

    .whitebox-button {
        top: 50%;
    }

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

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

    .spacing {
        height: 20px;
    }

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


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

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

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

    .section1 {
        height: 12%;
    }

    .section2 {
        min-height: 280px;
    }


    .section7 {
        min-height: 280px;
    }

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

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

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

    .section5 {
        border-right: 0px;
    }

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

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

    .section4 {
        min-height: 500px;
    }

    .section4-gradient {
        min-height: 500px;
    }

    /* .section5 {
        min-height: 800px;
    } */

    .section3 {
        min-height: 700px;
    }

    .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 {
        bottom: 0px;
        left: 0;
        position: relative;
        margin-left: 0;
        padding-left: 0;
        height: 380px;
        justify-content: center;
    }

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

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

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

    .footer-ul li {
        display: none;
    }

    .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: 15px;
        bottom: 30rem;
        font-size: 12px;
    }

    .scroll-down-left {
        position: absolute;
        left: 15px;
        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%;
    }

    .mobile {
        display: none;
    }

    .intro-section-text {
        display: flex;
        flex-direction: row;
    }

    .intro-section-text.col-centered {
        margin-left: 0 !important;
    }

    .row-custom {
        margin-right: 0;
        padding-left: 5%;
    }

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

    #tablet-contact {
        display: block;
    }

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

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


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

    .card-title {
        font-size: 0.9rem;
    }

    .card-text {
        line-height: 1.5rem;
    }

    .card-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .card-img-top {
        padding-top: 5%;
    }
}

/*IPAD AIR*/
@media (max-width: 1024px) and (min-height: 1190px) {
    .main {
        top: 800px;
    }
}


/*LAPTOP WIDER minimize*/
@media (max-width: 768px) and (max-height: 1020px) {
    .main .row {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .underline-h1 {
        font-size: 2rem;
    }

    .text-box2 {
        width: 50%;
        margin-right: 0 !important;
        margin-left: 50% !important;
        padding-top: 10%;
    }

    .text-box2-none {
        display: none;
    }
}


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

    .main {
        top: 700px;
    }

    .underline-h1 {
        font-size: 2rem;
    }

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

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

}


/*LAPTOP MINI minimize*/
@media (max-width: 768px) and (max-height: 600px) {
    .main .row {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .underline-h1 {
        font-size: 2rem;
    }

    .text-box2 {
        width: 50%;
        margin-right: 0 !important;
        margin-left: 50% !important;
        padding-top: 20%;
    }

    .text-box2-none {
        display: none;
    }
}


/*IPAD MINI*/
@media (max-width: 768px) {

    .scroll-down-left {
        left: 15px;
    }

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

    .underline-h1 {
        font-size: 2rem;
    }

    h1 {
        font-size: 1.5rem;
    }

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

    .card-title {
        font-size: 0.9rem;
    }

    .card-text {
        line-height: 1.5rem;
    }

    .card-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .card-img-top {
        padding-top: 5%;
    }
}

/*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;
    }

    lord-icon {
        height: 40px;
        width: 40px;
        padding-top: 5%;
    }

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

    .main {
        /* height: 3500px; */
        top: 1500px;
    }

    .header {
        height: 1500px;
        width: 100%;
    }

    .intro-section {
        height: 80%;
        top: 103px;
    }

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

    .intro-section-div {
        width: 90%;
        top: 0;
        position: relative;
        height: 80%;
    }

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

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

    .orange-line-container {
        width: 100%;
        align-items: center;
    }

    .scroll-down-left {
        left: 12px;
    }

    .underline-h1 {
        font-size: 1.8rem;
    }

    .intro-section-images {
        display: flex;
        flex-direction: column;
        justify-content: floex-start;
        align-items: center;
        height: 80%;
        width: 80%;
        margin: auto;
        /* top: 215px; */
        position: relative;
        z-index: 3;
        top: 0;
        left: 0;
    }


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

    .intro-section-subtitles-div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .intro-section-subtitles-subdiv {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .row-owner-container {
        justify-content: flex-end;
    }

    .intro-section-images img {
        margin-bottom: 1rem;
    }


    .row-president {
        display: flex;
        /* display: flex;
        flex-direction: row;
        justify-content: center; */
    }

    .owner-title,
    .subtitle-center {
        margin-top: 0.5rem;
    }

    .text-box2 {
        padding-top: 10%;
        height: 50%;
    }

    .text-box2-div {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .text-box2-subdiv1 {
        width: 10%;
    }

    .text-box2-subdiv2 {
        width: 70%;
    }

    .title-sections {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mission-vision-row {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .mission-vision-subrow1 {
        width: 40%;
    }

    .mission-vision-subrow2 {
        width: 40%;
    }

    .container {
        height: 100%;
    }

    .container-div {
        height: 100%;
    }

    .container-subdiv {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: 90%;
    }

    .img1-backdrop,
    .img1 {
        width: 90%;
        height: 40%;
        top: 55%;
        padding-left: 10%;
    }

    .section3 {
        height: 25%;
    }

    .section4 {
        height: 1000px;
    }

    .section5 {
        height: 12%;
        padding-top: 20%;
    }

    .section4-div {
        padding-top: 5%;
        height: 100%;
    }

    .row-custom {
        height: 100%;
        padding-top: 0;
    }

    .card-custom {
        height: 80%;
        width: 80%;
        margin: auto;
    }

    .faq {
        font-size: 2rem;
        padding-left: 24px;
    }

    dt {
        width: 100%;
    }

    dd {
        width: 100%;
    }

    .footer {
        padding-right: 0;
    }

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

    .address {
        padding-left: 0;
    }

    .row-owner-container {
        /* flex-direction: column;
        height: 33%;
        padding-bottom: 2%; */
        display: none;
    }

    .row-president {
        display: none;
        /* justify-content: center;
        align-items: flex-end; */
    }

    .row-president-container {
        display: none;
        /* display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        height: 33%; */
    }

    .mobile {
        display: contents;
    }

    .owner-title {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .subtitle-center {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .row h4 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: 'VTF Redzone Classic', sans-serif;
        font-size: 1.2rem;
        color: #262D66;
    }

    .section3 .row h4 {
        justify-content: flex-start;
    }

    .scroll-down {
        right: 15px;
        bottom: 27rem;
    }

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

    .media img {
        width: 75%;
    }

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

/*Mobile*/
@media only screen and (max-width: 390px) {
    .main {
        top: 1400px;
    }
}

@media only screen and (max-width: 360px) {
    .main {
        top: 1300px;
    }
}

@media only screen and (max-width: 320px) {
    .main {
        top: 1200px;
    }
}

/*MOBILE SMALLER*/
@media only screen and (max-width: 600px) and (max-height: 740px) {
    /* .main {
        top: 1500px;
    } */

    .row-custom {
        padding-left: 0 !important;
    }
}

/*MOBILE minimize*/
@media (max-width: 575px) and (max-height: 1020px) {

    .text-box2 {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-top: 10%;
    }

}

/*LAPTOP MINIMIZE*/
@media only screen and (max-width: 575px) and (min-width:542px) {
    .main {
        top: 2000px;
    }
}

@media only screen and (max-width: 541px) and (min-width:496px) {
    .main {
        top: 1800px;
    }
}

@media only screen and (max-width: 495px) and (min-width:430px) {
    .main {
        top: 1600px;
    }
}

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

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

}

@media (min-width: 3000px) {
    .main {
        min-height: 4500px;
        top: 1600px;
    }

}