@media (max-width:1100px){
    .mainCard.w-50{
        width:70% !important;
    }
}

@media (max-width:990px){
    .header {
        transform: translate(0, 0) !important;
        background: #ffffff !important;
    }

    .verticalNavbar{
        top: 90px;
    }

    .mainCard.w-50{
        width:90% !important;
    }

    .verticalNavbar ul li.nav-item.text-dark{
        color: #ffffff !important;
    }

    .verticalNavbar ul li.nav-item.text-dark, .verticalNavbar ul li.nav-item .nav-link.text-dark {
        color: #ffffff !important;
    }

    p{
        font-size: 18px;
    }

    .carousel {
        margin-top: 80px;
    }

    .flightcust {
        width: 15rem;
    }

    .secWhyus.bg-whyus{
        background:none;
    }
}

@media (max-width:850px){
    .card.trans-card{
        width:300px;
    }
    
    
.list.steps-to-follow .cards-cantainer .card .content-box{
    width:300px !important;
    }

    .mainCard.w-50{
        width:90% !important;
    }
}

@media (max-width:768px){
    .header {
        transform: translate(0, -10px) !important;
    }

    .carousel-caption {
        width: 75%;
    }
    .carousel-caption.d-none {
        display: block!important;
    }
    .display-1 {
        font-size: calc(0.625rem + 4.5vw);
    }

    .display-2 {
        font-size: calc(0.575rem + 3.9vw)
    }

    .conatBox .txtCont{
        display:none;
    }

    .divider{
        display:none;
    }

    .linkSec {
        text-align: center;
    }

    .card.trans-card{
        width:280px;
    }

    .list.steps-to-follow .cards-cantainer .card .content-box{
        width:250px !important;
    }

    .mainCard.w-50{
        width:100% !important;
    }

    .values .mainCard .card {
        width: 115px;
        height: 115px;
        box-shadow: 0 0 10px -1px var(--black-transparent);
    }

    .conatBox.fs-6{
        font-size:12px !important;
    }

    .lh-lgXl {
        line-height: 75px;
    }

    .linkSec, .quick-Links, .address, .getInTuch{
        text-align:center !important;
    }

    .getInTuch{
        width:180px;
        margin:0 auto;
        text-align:center !important;
    }

    p{
        font-size:16px;
    }

    .card.testimonial-card{
        width:100% !important;
    }

    .whatsapp_float {
        width: 45px;
        height: 45px;
        bottom: 15px;
        right:35px;
    }

    .whatsapp_float img {
        width: 35px;
        transform: translate(-50%, -75%);
    }

    .min-vh-c100 {
        min-height:95vh;
    }

    .hoverEffect .listItems .listItem p.containt{
        margin-bottom:5px !important;
    }

}

@media (max-width:600px){
    .card.trans-card{
        width:100%;
    }

    .listItem{
        width:40px;
    }

    .linkSec {
        text-align: center;
    }
    
    .cardlist, .list.steps-to-follow .cards-cantainer .card, .list.steps-to-follow .cards-cantainer .card .content-box{
        width:100% !important;
    }

    .devider {
        display: none;
    }

    .before-element{
        display:block !important;
    }
    .list-service-offer.ms-5{
        margin-left:0 !important;
    }

    .list-service-offer .listItem, .listItems .listItem {
        width:100% !important;
    }

    .fs-3{
        font-size:20px !important;
    }

    .flightcust {
        width: 10rem;
    }

    .fs-2 {
        font-size: calc(0.9rem + .9vw)!important;
    }

    .btn {
        padding: 5px 10px;
        font-size: 13px;
    }

    .hoverEffect .listItems .listItem p {
        margin-bottom: 0.5rem !important;
        font-size: 14px !important;
    }
    
    
}

@media (max-width:500px){
    .values .mainCard .card {
        width: 90px;
        height: 90px;
    }

    .mainCard .row .card::after {
        font-size: 35px;
    }

    .conatBox.fs-3 {
        font-size: 18px !important;
    }

    .lh-lgXl {
        line-height: 55px;
    }

    .card .conatBox{
        width:115%;
    }

    .conatBox.fs-6 {
        font-size: 10px !important;
    }

    .card.honesty::after {
        bottom: 90px;
        right: -135%;
        transform: rotate(-80deg) !important;
    }

    .card.responsibility::after {
        bottom: -45px;
        left: 65px;
    }

    .card.commitment::after {
        top: -150%;
        left: -85%;
    }

}

@media (max-width:400px){

    .carousel {
        margin-top: 60px;
    }

    p{
        font-size:15px;
    }
    .linkSec {
        text-align: center;
    }
    .listItem{
        width:35px;
    }

    .fa-xl {
        font-size: 18px !important;
        line-height: .04167em !important;
        vertical-align: -0.125em !important;
    }

    .navbar-brand .logo {
        width: 100px;
    }

    .verticalNavbar {
        top: 65px;
    }

    .values .mainCard .card {
        width: 70px;
        height: 70px;
    }

    .mainCard .row .card.p-3 {
        padding: 5px !important;
    }

    .conatBox.fs-3 {
        font-size: 14px !important;
    }

    .mainCard .row.mb-4{
        margin-bottom:10px !important;
    }

    .mainCard .row.mt-4{
        margin-top:10px !important;
    }

    .mainCard .row .card::after {
        font-size: 25px;
    }

    .card.commitment::after {
        top: -122%;
        left: -60%;
    }

    .card.honesty::after {
        bottom: 75px;
        right: -100%;
    }

    .card.responsibility::after {
        bottom: -25px;
        left: 55px;
    }

    .card.tracking::after {
        bottom: -20px;
        left: -45px;
    }

    .mainCard .row.mx-5 {
        margin-right: 1rem!important;
        margin-left: 1rem!important;
    }

    .popup {
        top: 65px;
    }

}
@media (max-width:350px){
    .navbar-brand {
        width: 110px;
    }
}
@media (max-width:290px){
    .navbar-brand{
        width:150px !important;
    }

    .navbar-toggler-icon{
        position: absolute !important;
        right: 8px;
        top: 50%;
        transform: translate(0, -50%);
    }
}