@media only screen and (max-width:991px){
    .navbar-brand {
        margin-left: 0;
    }
    .navbar-nav {
        margin-right: 0;
    }
    .section-1 .hero-text{
        left: 145px;
    }
    .section-1 .feature{
        bottom: 80px;
    }
    .feature .banner-text {
        padding: 25px 15px;
    }
    .feature .banner-text h3{
        font-size: 1.5rem;
    }
    .dp-btn {
        margin-top: 30px;
    }
    .recent-body .dp {
        padding: 10px 15px;
    }
    .recent-body .dp .dp-text h5 a{
        font-size: 17px;
    }
    .content-text h3 a{
        font-size: 1.5rem;
    }
    .discover-head h3{
        font-size: 1.5rem;
    }
}

@media only screen and (max-width:767px){
    .navbar-toggler-icon .fa {
        color: #8dc63f;
        font-size: 1.8rem;
    }
    .navbar-nav li span{
        display: none;
    }
    .navbar-nav {
        text-align: right;
    }
    .section-1 .hero-text {
        left: 60px;
        top: 20px;
    }
    .hero-text p{
        margin-top: 30px;
    }
    .hero-text h1{
        font-size: 60px ;
    }
    .section-1 .feature {
        bottom: 0px;
    }
    .feature .banner-text {
        padding: 10px 0px;
    }
    .feature .banner-text .dt {
        border: none;
        margin: 20px 0;
    }
    .section-2 .recent-head {
        text-align: center;
    }
    .section-4 {
        margin-top: 70px;
    }
    .footer-right {
        margin-top: 20px;
    }
    .footer-right .mail-id{
        margin-top: 30px;
    }
}

@media only screen and (max-width:576px){
    .section-1 .hero-text{
        left: 30px;
        top: 50px;
    }
    .hero-text h1 {
        font-size: 50px;
    }
    .hero-text h2{
        font-size: 25px;
    }
    .feature .banner-text h3 {
        font-size: 1rem;
    }
    .section-1 .hero-img img {
        width: 100%;
        height: 100vh;
    }
    .feature .banner-text p{
        width: 100%;
    }
    .price {
        text-align: right;
        border: none;
    }
}

@media only screen and (max-width:435px){
    .hero-text h1 {
        font-size: 39px;
    }
    .section-1 .hero-text{
        left: 20px;
        top: 40px;
    } 
    .feature .banner-text .dt {
        margin: 10px 0;
    }
    .search-sec i {
        font-size: 20px;
    }
    
}