/* sm 576px -->      */
@media screen and (min-width:576px) {
    .sm-50 {
        width: 50%;
    }

    .sm-33 {
        width: 33.333%;
    }

    .sm-25 {
        width: 25%;
    }

    .sm-20 {
        width: 20%;
    }

    .sm-16 {
        width: 16.66%;
    }

}

/* md 768px  -->    */
@media screen and (min-width:768px) {
    .md-50 {
        width: 50%;
    }

    .md-33 {
        width: 33.333%;
    }

    .md-25 {
        width: 25%;
    }

    .md-20 {
        width: 20%;
    }

    .md-16 {
        width: 16.66%;
    }


    /* ============ Start Style Section ============== */

    /* Style Card Itme lf */


    section .box-image .layer-one span.one {
        font-size: 16px;
        line-height: 24px;
    }

    section .box-image .layer-one span.two {
        font-size: 14px;
        line-height: 20px;
    }

    section .box-image .layer-two {
        padding: 24px;
    }

    section .box-image .layer-two i {
        font-size: 24px;
        line-height: 32px;
    }

    section .box-image .layer-two p.one {
        font-size: 14px;
        line-height: 20px;
    }


    section .box-image .layer-two p.two {
        font-size: 16px;
        line-height: 24px;
    }

    /* Style Card Itme rh */


    section .card-item-rh .inner .head .box-left h3 {
        margin: 0px 0px 8px;
        font-size: 36px;
        line-height: 40px;
    }

    section .card-item-rh .inner .head .box-left p {
        font-size: 18px;
        line-height: 28px;
    }

    /* Style Nav And Taps */

    /* Style Nav two */
    section .tab-content .nav-two .parent .number {
        width: 48px;
        height: 48px;
        font-size: 12px;
        line-height: 25px;
    }

    section .tab-content .nav-two .parent .content {
        font-size: 16px;
        line-height: 24px;
    }


    /* Style Nav Three */


    section .tab-content .nav-three .inner .left .content {
        font-size: 16px;
        line-height: 24px;
    }

    section .tab-content .nav-three .inner .right {
        font-size: 20px;
        line-height: 28px;
    }


    /* Style Nav Foure */
    section .tab-content .nav-four .parent {
        font-size: 16px;
        line-height: 24px;
    }


    /* Style button  */

    section .card-item-rh .box-btn button {
        padding: 12px 24px;
    }


}

/* lg 992px  -->       */
@media screen and (min-width:992px) {
    .lg-50 {
        width: 50%;
    }

    .lg-33 {
        width: 33.333%;
    }

    .lg-25 {
        width: 25%;
    }

    .lg-20 {
        width: 20%;
    }

    .lg-16 {
        width: 16.66%;
    }


    /* ======= Start Style NaveBar====== */

    nav .parnet .content h1 {
        margin: 0;
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        color: black;
    }

    nav .parnet .content p {
        margin: 0;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        color: #6a7282;
    }

    /* ======= End Style NaveBar====== */


    /* ============ Start Style Section ============== */

    /* Style Card Itme lf */
    section .box-image {
        border-radius: 20px 0px 0px 20px;
    }

    section .box-image .imge-1 {
        height: 750px;
    }

    section .box-image .imge-2 {
        height: 750px;
    }

    section .box-image .imge-3 {
        height: 750px;
    }

    section .box-image .imge-4 {
        height: 750px;
    }

    section .box-image .imge-5 {
        height: 750px;
    }

    section .box-image .imge-6 {
        height: 750px;
    }

    section .box-image .imge-7 {
        height: 750px;
    }

    section .box-image .imge-8 {
        height: 750px;
    }

    section .box-image .layer-one span.one {
        font-size: 16px;
        line-height: 24px;
    }

    section .box-image .layer-one span.two {
        font-size: 14px;
        line-height: 20px;
    }

    section .box-image .layer-two {
        padding: 24px;
    }

    section .box-image .layer-two i {
        font-size: 24px;
        line-height: 32px;
    }

    section .box-image .layer-two p.one {
        font-size: 14px;
        line-height: 20px;
    }


    section .box-image .layer-two p.two {
        font-size: 16px;
        line-height: 24px;
    }

    /* Style Card Itme rh */

    section .card-item-rh {
        border-radius: 0px 20px 20px 0px;
    }

    section .card-item-rh .inner {
        padding: 40px;
        border-radius: 0px 20px 20px 0px;
    }

    section .card-item-rh .inner .head .box-left h3 {
        margin: 0px 0px 8px;
        font-size: 36px;
        line-height: 40px;
    }

    section .card-item-rh .inner .head .box-left p {
        font-size: 18px;
        line-height: 28px;
    }

    /* Style Nav And Taps */

    /* Style Nav two */
    section .tab-content .nav-two .parent .number {
        width: 48px;
        height: 48px;
        font-size: 12px;
        line-height: 25px;
    }

    section .tab-content .nav-two .parent .content {
        font-size: 16px;
        line-height: 24px;
    }


    /* Style Nav Three */


    section .tab-content .nav-three .inner .left .content {
        font-size: 16px;
        line-height: 24px;
    }

    section .tab-content .nav-three .inner .right {
        font-size: 20px;
        line-height: 28px;
    }


    /* Style Nav Foure */
    section .tab-content .nav-four .parent {
        font-size: 16px;
        line-height: 24px;
    }


    /* Style button  */

    section .card-item-rh .box-btn button {
        padding: 12px 24px;
        position: absolute;
        bottom: 30px;
    }

    section .card-item-rh .box-btn-1 button {
        padding: 12px 24px;
        position: absolute;
        bottom: 30px;
    }



}

/* xl 1200px  -->       */
@media screen and (min-width:1200px) {
    .xl-50 {
        width: 50%;
    }

    .xl-33 {
        width: 33.333%;
    }

    .xl-25 {
        width: 25%;
    }

    .xl-20 {
        width: 20%;
    }

    .xl-16 {
        width: 16.66%;
    }

}

/* xxl 1400px  -->       */
@media screen and (min-width:1400px) {
    .xxl-50 {
        width: 50%;
    }

    .xxl-33 {
        width: 33.333%;
    }

    .xxl-25 {
        width: 25%;
    }

    .xxl-20 {
        width: 20%;
    }

    .xxl-16 {
        width: 16.66%;
    }

}