@media only screen and (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1250px
    }

    .site-header {
        padding-top: 100px;
        padding-bottom: 50px
    }

    .float-img {
        margin-left: 260px
    }
}

@media only screen and (max-width:991px) {
    .alliance-brings {
        margin: 0
    }

    .best-cab .r-fold .r-flex h4,
    h2 {
        font-size: 1.6rem
    }

    .post-date .date,
    .post-date .month,
    li,
    p {
        font-size: 15px
    }

    .nav-main .nab-btn-d {
        text-align: left;
        align-items: flex-start;
        justify-content: flex-start
    }

    .advantages-section .card-title {
        font-size: 15px;
        font-weight: 500
    }

    .potentia-opportunity h4 {
        font-size: 25px;
        margin-bottom: 1rem
    }

    .banner h1,
    .blog-details-content h2,
    .investor-section h4 {
        font-size: 20px
    }

    .banner h1 {
        line-height: normal
    }

    .section {
        padding: 35px 0
    }

    .alliance-inner {
        padding: 15px
    }

    .about,
    .down-app {
        padding-bottom: 0
    }

    .slick-arrow {
        display: none !important
    }

    .banner .left-box {
        padding: 2.5rem 3rem;
        border-radius: 30px;
        position: relative;
        overflow: hidden;
        z-index: 9
    }

    .banner .app-down,
    .down-app .mob-r ul,
    footer .f-menu li {
        width: 100%
    }

    .float-img img {
        position: relative !important;
        top: 0 !important;
        width: 57% !important;
        margin: 0 auto !important;
        right: 0 !important;
        height: auto !important;
        left: 20% !important
    }

    .about,
    .about-us,
    .media,
    .why,
    .why-we {
        padding-top: 0
    }

    .about .ab-blk ul li {
        line-height: 1.3
    }

    .best-cab .road-c {
        height: 45vh
    }

    .float-img::before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: "";
        top: 81%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 1;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, transparent 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, transparent 80%);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform, opacity;
        transition-property: transform, opacity
    }

    .tab-view {
        display: flex
    }

    .book-bar .row img {
        width: 40%;
        margin: 0 auto
    }

    .book-bar .row {
        border-radius: 12px
    }

    .rel-mob {
        height: 40vh
    }

    .down-app .img-mob {
        width: 100%;
        position: relative;
        transform: translate(-50%, -77%);
        top: 73%;
        left: 45%
    }

    .down-app .mob-r ul li {
        align-items: start;
        flex-basis: 100%;
        max-width: 100%
    }

    .down-app .mob-r,
    .part-card {
        padding: 2rem
    }

    .down-app .mob-r .app-down {
        width: 90%;
        margin: 0 auto
    }

    .best-cab .r-fold {
        width: 100%;
        padding: 2.8rem 1.4rem
    }

    h2 {
        font-weight: 600;
        line-height: 1.7rem
    }

    li,
    p {
        color: #505050
    }

    .book-bar .row p {
        font-size: 1.4rem;
        margin: 12px
    }

    footer li,
    footer p {
        color: #fff
    }

    .adv .adv-box {
        padding: 1rem;
        row-gap: 5px
    }

    .modal-dialog {
        transform: translate(-50%, -50%) !important;
        top: 50%;
        left: 48%
    }

    .adv .adv-box p {
        text-align: center;
        -moz-text-align-last: center;
        text-align-last: center
    }

    .why .chose {
        padding: 1rem
    }

    .about-us {
        overflow-x: hidden;
        padding-bottom: 0
    }

    .lea-ab .cards .social {
        margin-bottom: 0
    }

    .lea-ab .cards {
        height: 300px
    }

    .about-us .vis .ab-r h2 {
        line-height: 2.7rem;
        font-size: 2.5rem
    }

    footer {
        padding: 5.5rem 0
    }

    .about-us .vis .ab-r-right {
        padding: 8% 10% 8% 1%
    }

    .about-us .vis .ab-r-left {
        padding: 8% 2% 8% 7%
    }

    .about-us .vis .ab-r .text::after {
        width: 160%
    }

    .lea-ab .cards img.avatar {
        height: 200px
    }

    .lea-ab .cards:hover .avatar {
        height: 45%
    }

    .why-we .we-c {
        margin: auto
    }

    .why-we .we-c h3 {
        font-size: calc(1.3rem + 0vw)
    }

    .media article {
        margin: 2rem 0
    }

    .map,
    .our-promises ul {
        margin-top: 0
    }

    .why-u .position .image {
        top: -90%
    }

    .our-promises ul li {
        font-size: 18px;
        margin: 15px 0
    }

    .alliance-inner h2 {
        font-size: 18px
    }

    .media-info-img img {
        height: auto
    }
}

@media only screen and (max-width:767px) {
    .banner .row {
        background: 0 0
    }

    .mob-img {
        border-radius: 15px;
        position: relative;
        top: -28%;
        z-index: 1;
        display: block
    }

    .banner .left-box {
        padding: 1.5rem;
        background-color: #12b2d2
    }
}

@media only screen and (max-width:580px) {
    .book-bar .row img {
        width: 13%;
        margin: 0 auto
    }

    .road-c {
        display: none
    }

    footer .f-menu {
        flex-direction: column
    }

    footer .f-menu li {
        width: 100%
    }

    .why .chose,
    .why p {
        text-align: center
    }

    .about-us .vis .ab-r-left,
    .about-us .vis .ab-r-right {
        padding: 8% 10% 8% 7%
    }

    .about-us .vis .ab-r .text::after {
        width: 200%
    }

    .lea-ab .cards {
        height: 500px
    }

    .lea-ab .cards img.avatar {
        height: 100%
    }

    .lea-ab .cards:hover .avatar {
        height: 60%
    }

    .why-we .we-c {
        margin: 25px
    }

    .why-we .we-c h3 {
        font-size: calc(1.3rem + .6vw)
    }

    .media article {
        margin: 2rem
    }

    .about .ab-blk {
        padding: 0 1rem 1rem
    }

    .float-img::before {
        top: 101%
    }

    .best-cab .l-fold,
    .contact-form h2,
    .why-u .margin-top1 {
        margin-bottom: 40px
    }

    .why-u {
        padding: 75px 0
    }

    .contact {
        padding: 30px 0
    }

    .contact .text-outer .text p {
        margin-bottom: 0 !important
    }
    .owl-item:last-child .slide-item .youtube-text{padding-bottom: 10px; margin-bottom: 0 !important;}
}