@media (min-width: 300px) {}

@media (min-width: 375px) {
    .btn-explore {
        font-size: 12px;
    }
    .banner-main {
        min-height: 20em;
    }
    .wather-main {
        display: none;
    }
    .info_banner {
        top: 50%;
        left: 50%;
        text-align: center;
    }
    .title-banner {
        font-size: 28px;
    }
    .desc-banner {
        font-size: 12px;
        width: 17em;
    }
    .btn-explore {
        padding: 8px 25px;
    }
}

@media (min-width: 768px) {
    .banner-main {
        min-height: 25em;
    }
    .info_banner {
        left: 30%;
        text-align: left;
    }
    .title-banner {
        font-size: 35px;
    }
    .btn-explore {
        font-size: 16px;
        padding: 10px 25px;
    }
    .desc-banner {
        font-size: 16px;
        margin-bottom: 30px;
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .info_banner {
        left: 20%;
    }
}

@media (min-width: 1024px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}