/*
    Template Name    : Envo - Environmental Charity Landing Page Template
    Author           :Available Coder
    Version          : 1.0
    Created          : 2021
    File Description : Respnsive css file of the template
*/

/* Small */
@media (max-width: 400px) {
    .foot-links {
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
    }
    .foot-links * {
        text-align: center;
    }
}
@media (max-width: 767px) {
    button.menu-btn {
        display: block;
    }
    header .container nav ul {
        width: 230px;
        height: calc(100vh - 60px);
        overflow-y: auto;
        flex-direction: column;
        justify-content: flex-start;
        position: absolute;
        top: 100%;
        left: -200px;
        opacity: 0;
        padding: 10px 0;
    }
    header .container nav ul li {
        padding-bottom: 10px;
        margin: 0;
    }
    header .container nav ul a {
        padding: 8px 16px;
    }
    .home .tns-controls button[data-controls="next"],
    .home .tns-controls button[data-controls="prev"] {
        display: none;
    }
    .home .home-slider .content {
        width: 100%;
        padding: 10px;
    }
    .home .home-slider .content h1 {
        font-size: 30px;
    }
    .home .home-slider .content p {
        font-size: 14px;
    }
    .about-content {
        flex-direction: column;
    }
    .about-content > div {
        flex-basis: 100%;
    }
    .history-cont > div {
        flex-basis: 100% !important;
        margin-bottom: 40px;
    }
    .work ul li {
        margin: 0 15px 10px;
    }
    .services .content {
        padding: 10px 0;
    }
    .services .content ul {
        flex-wrap: wrap-reverse;
    }
    .services .content ul li {
        flex-basis: 50% !important;
        border-radius: 0;
    }
    .services .content > div .field {
        flex-direction: column;
    }
    .donation .content {
        flex-direction: column;
    }
    .donation .content p {
        font-size: 18px;
        padding-right: 0;
        text-align: center;
    }
    .team-cont > div {
        flex-basis: 100% !important;
    }
    .blog .blog-box > div {
        flex-basis: 100% !important;
        margin-bottom: 20px;
    }
    .form-box {
        flex-direction: column;
    }
    .footer .container > div {
        flex-basis: 100% !important;
        margin-bottom: 25px;
    }
    .btn-scroll {
        bottom: 15px;
        right: 15px;
    }
}
/* Medium */
@media (min-width: 992px) {
    .history-cont > div .text {
        min-height: 300px;
    }
}
@media (max-width: 991px) {
    .history-cont > div {
        flex-basis: calc(50% - 20px);
        margin-bottom: 40px;
    }
    .team-cont > div {
        flex-basis: calc(50% - 20px);
        margin-bottom: 25px;
    }
    .blog .blog-box > div {
        flex-basis: calc(50% - 15px);
        margin-bottom: 20px;
    }
    .blog .blog-box > div:nth-child(3) {
        flex-basis: calc(50% - 15px);
        justify-self: center;
        margin: 0 auto 20px;
    }
    .footer .container > div {
        flex-basis: calc(50% - 20px);
    }
}