@media (max-width: 1440px) {

    .navbar-collapse {
        padding: 0 40px;
    }

    .navbar-nav {
        font-size: 1.2rem;
    }

    .card-image {
        height: 300px;
    }

}

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

.nav-link::after {
    content: none;
}

}

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

    header {
        height: 70vh;
    }

    .navbar-toggler {
        padding: 5px 10px;
        margin-left: 20px;
    }

    nav img {
        width: 200px;
    }

    .nav-item a {
        font-size: 1rem;
        margin-right: 0 !important;
        background-color: black;
        padding: 20px;
        text-align: center;
    }

    .navbar-text {
        text-align: center;
        width: 100%;
        margin: 0 !important;
    }

    #hotline-button {
        display: block;
        margin: 0 auto;
        border-radius: 0;
    }

    .navbar-nav .nav-item {
        margin-right: 0 !important;
    }

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

    .caption h2 {
        font-size: 1rem;
    }

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

    .card-text {
        font-size: 1.1rem;
    }

    .icon-text i {
        font-size: 1.3rem;
    }

    .caption h1 {
        display: 2rem !important;
    }

    .caption h2 {
        font-size: 1.5rem;
    }

    /* ------------------------------
-----------نظرة عامة--------- 
-------------------------------- */

    .section-title {
        font-size: 2rem;
    }

    .section-content {
        font-size: 1.4rem;
    }

    #gnrl_vu .row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    #gnrl_vu .image-container {
        order: -1;
        margin-bottom: 20px;
    }

    #gnrl_vu div {
        padding: 10px !important;
    }

    /* ------------------------------
-----------الفئات-------- 
--------------------------------  */

    .feature-icon {
        font-size: 1.3rem;
    }

    h3.tx {
        font-size: 1.8rem;
    }

    .icon-text {
        font-size: 1.3rem;
    }

    .icon-text i {
        font-size: 2rem;
    }

    .lft.img {
        max-height: 200px;
    }

    #srt .row1 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #srt .lft {
        order: -1;
        margin-bottom: 20px;
    }

    .icon-text {
        flex: 1 0 48%;
        margin-bottom: 10px;
    }

    #srt p {
        font-size: 1.3rem;
    }

    /* -- -- -- ----------------------------
---------- قسم للحجز والاستعلام ------ 
-------------------------------- -- -- */

    #help p {
        font-size: 1.3rem;
    }

    #help .btn {
        font-size: 1.4rem;
        padding: 9px 18px;
        margin-top: 10px;
    }

    #help .d-flex {
        flex-direction: column;
        align-items: flex-start;
    }

    /* --------------------------------
---------- الموقع------ 
-------------------------------- -- */

    iframe {
        height: 400px;
    }

    /* ----------------------------------
---------- المزيد------ 
---------------------------------- */

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

    .card-text {
        font-size: 1.4rem;

    }

    .card-txt {
        font-size: 1.2rem;
    }

    /* ------------------------------
-----------footer--------- 
-------------------------------- */
footer h5 {
    font-size: 1.1rem;
}

footer p span {
    font-size: .7rem;
}

footer p {
    font-size: .6rem;
}

.list-unstyled a {
    font-size: .7rem;
}

.social-icons {
    justify-content: center;
}

.social-icons a {
    font-size: 15px;
    margin: 0 7px;
}

}

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

    .caption {

        bottom: 20px;
        right: 10px;
    }

    nav img {
        width: 130px !important;
        margin-right: 0;
    }

    .navbar-toggler {
        padding: 3px 7px;
        margin-left: 20px;
    }

    .nav-item a {
        font-size: .8rem;
    }

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

    .caption h2 {
        font-size: .8rem;
    }

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

    .card-text {
        font-size: .9rem;
    }

    .icon-text i {
        font-size: 1.1rem;
    }

    .caption h1 {
        display: 1.8rem !important;
    }

    .caption h2 {
        font-size: 1.3rem;
    }

    /* ------------------------------
-----------نظرة عامة--------- 
-------------------------------- */

    .section-title {
        font-size: 1.8rem;
    }

    .section-content {
        font-size: 1.2rem;
    }

    /* ------------------------------
-----------الفئات-------- 
--------------------------------  */

    .feature-icon {
        font-size: 1.1rem;
    }

    h3.tx {
        font-size: 1.5rem;
    }

    .icon-text {
        font-size: 1.1rem;
    }

    .icon-text i {
        font-size: 1.8rem;
    }

    .lft.img {
        max-height: 150px;
    }

    #srt p {
        font-size: 1.1rem;
    }

    /* ----------------------------------
----------قسم للحجز والاستعلام ------ 
-------------------------------- -- -- */
    #help p {
        font-size: 1.1rem;
    }

    #help .btn {
        font-size: 1.1rem;
        margin: 10px 0  !important;
     
    }

    /* --------------------------------
---------- الموقع------ 
---------------------------------- */

    iframe {
        height: 300px;
    }

    /* ----------------------------------
---------- المزيد------ 
---------------------------------- */

    .card-title {
        font-size: 1.4rem;
        margin: 0 !important;
    }

    .card-text {
        font-size: 1rem;
        margin: 0 !important;
    }

    .card-txt {
        font-size: .7rem;
        margin: 0 !important;
    }

    .project-image img {
        height: 200px;
    }

    .card-body {
        padding: 10px !important;
    }

    /* ------------------------------
-----------footer--------- 
-------------------------------- */

    footer h5 {
        font-size: 1.1rem;
    }

    footer p span {
        font-size: .7rem;
    }

    footer p {
        font-size: .6rem;
    }

    .list-unstyled a {
        font-size: .7rem;
    }

    .social-icons a {
        font-size: 20px;
    }

    footer div {
        padding: 0 !important;
        margin: 0 !important;
    }


}