@media only screen and (max-width:1300px) {
    .right-blog img {
        display: none;
    }
}

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

    .text h1 {
        color: #fff;
        font-size: 20px;
        padding-left: 30%;
    }

    .text1 h5 {
        color: #fff;
        font-size: 20px;
        padding-left: 30%;
    }

    .text1 h5 {
        color: #fff;
        font-size: 20px;
        padding-left: 30%;
    }

    .text h5 {
        color: #fff;
        font-size: 20px;
        padding-left: 30%;
    }
}


@media screen and (max-width: 767px) {
    .slide p {
        padding: 0 20px;
    }

    section.funfact .col-md-3 {
        width: 50%;
    }

    section.blog .col-md-3 {
        width: 50%;
    }

    .nav-btn {
        display: none;
    }

    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        position: absolute;
        top: 6%;
        right: 5%;
        z-index: 99;
        width: 50%;
        padding: 10px;
    }

    .text h1,
    .text1 h1 {
        font-size: 25px;
    }

    .wrapper {
        width: 90vw;
        flex-wrap: wrap;
        gap: 30px;
    }

    .container {
        width: calc(50% - 40px);
        /* height: 30vmin; */
        font-size: 14px;
    }

    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        position: absolute;
        top: 6%;
        right: 5%;
        z-index: 99;
        width: 50%;
        padding: 15px;
    }

    div#services {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}


@media screen and (min-width: 991px) {
    /* section {
        padding: 1em 3em;
    } */

    .column {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}


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

    .prev,
    .next,
    .text {
        font-size: 11px
    }
}

@media only screen and (max-width: 700px) {
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .responsive {
        width: 100%;
    }

    .service {
        margin-top: 50%;
    }

    button.btn {
        border: 2px solid #ff5e31;
        background-color: #ff5e31;
        color: #fff;
        padding: 14px 28px;
        font-size: 16px;
        cursor: pointer;
    }

    button.navbar-toggler {
        position: absolute;
        right: 0;
        top: -15px;
    }

    .logo img {
        width: 30%;
        height: auto;
    }

    .text1 h1 {
        font-size: 16px;
    }

    #dtn {
        display: none;
    }

    #htn {
        display: none;
    }

    .text h5 {
        font-size: 20px;
        padding-left: 14px;
    }

    .text h1 {
        font-size: 20px;
        padding-left: 14px;
    }

    .text1 h1 {
        font-size: 20px;
        padding-left: 14px;
    }

    .text1 h5 {
        font-size: 20px;
        padding-left: 14px;
    }
}

@media only screen and (max-width: 684px) {
    button.navbar-toggler {
        position: fixed;
        right: 25px;
        top: 20px;
        border-color: #000;
    }
}

@media only screen and (max-width: 667px) {
    button.navbar-toggler {
        position: fixed;
        right: 25px;
        top: 20px;
        border-color: #000;
    }
}

@media only screen and (max-width: 736px) {
    button.navbar-toggler {
        position: absolute;
        right: 25px;
        top: -19px;
        border-color: #000;
    }
}

@media only screen and (max-width: 320px) {
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        position: absolute;
        top: 3%;
        right: 5%;
        z-index: 99;
        width: 50%;
    }
}