@media (max-width:1150px ) {

    .listing-heading , .about-location-section , .listing , .popular-packages-section{
        margin-right: 5rem;
        margin-left: 5rem;

    }

    .book-button a{
        font-size: 0.8rem;
    }

    .listing-item-price-container .item-price{
        margin-top: 1rem;
    }

    .listing-item-price-container .items-buttons{
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 0.5rem;
    }

}

@media (max-width:950px ) {
    .filters {
        width: 80%;
       
    }
}

@media (max-width: 850px) {
    .listing-heading , .about-location-section , .listing , .popular-packages-section {
        margin-right: 4rem;
        margin-left: 4rem;

    }


   
    .packages-main{
        width: 31%;
       
    }

    .filters select{
        width: 130px;
    }

    .popular-packages-section h2{
        font-size: 2rem;
    }
}

@media (max-width:750px ) {
    .listing-heading{
        flex-wrap: wrap;
        justify-content: center;
    }

    .top-search-bar{
        margin-top: 2rem;
    }
    .listing-item {
        border: none;
    }

    .listing-container{
        flex-wrap: wrap;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        
      }

    .listing-item-content-container{
        width: 100%;
        flex-wrap: wrap;
       
       
    }

    .listing-item-price-container{
        width: 100%;
        border-radius: 0px;
        border: none;
        
    }

    .listing-item-content-container .contnt-imgbox{
        width: 100%;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 0px ;
        border-bottom-right-radius: 0px;
    }

    .listing-item-content-container .contnt-imgbox img{
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 0px ;
        border-bottom-right-radius: 0px;
    }

    .listing-item-content{
        width: 100%;
        border: none;
    }

    .book-button a{
        font-size: 1rem;
    }

    .listing-item-price-container .item-price{
        margin-top: 1rem;
        width: 50%;
        
    }

    .listing-item-price-container .item-price h4 {
        font-size: 1.2rem;
    }

    .listing-item-price-container .item-price h4 i{
        font-size: 0.7rem;
    }

    .item-content-icons{
        justify-content: center;
    }

    .listing-item-price-container .items-buttons{
        flex-wrap: nowrap;
        justify-content: center;
        margin-top: 0.5rem;
        width: 50%;
    }

    .call-us-button a{
        font-size: 1.3rem;
    }

    .book-button a{
        font-size: 0.8rem;
        padding: 0.5rem;
    }

    .listing-item-content-container .contnt-imgbox{
        height: 200px;
    }

    .listing-item-price-container{
        display: flex;
        flex-direction: row;
        justify-content: center;
    }


}



@media (max-width:650px ) {
    .listing-heading , .about-location-section , .listing , .popular-packages-section  {
        margin-right: 3rem;
        margin-left: 3rem;
    }

    .packages-main{
        width: 47%;     
    }

    

    .listing-item-price-container .item-price{
       
        margin-top: 0;      
      }

      .listing-item-price-container .items-buttons{
        width: 50%;

      }

    /* .filters select{
        margin-top: 1rem;
        width: 150px;
    } */

    /* .filters {
        justify-content: center;
        padding: 5px;
    } */
}

@media (max-width: 530px ) {
    .filters select , #sortOrder ,.filters option{
        font-size: 0.7rem;
        width: 120px;
    }

    

    /* .listing-item-price-container .item-price h4 {
        font-size: 1rem;

    } */
}

@media (max-width:480px ) {

    .listing-heading , .about-location-section , .listing , .popular-packages-section {
        margin-right: 1rem;
        margin-left: 1rem;
        margin-top: 2rem;

    }

    .filters {
        justify-content: space-between;
        width: 90%;
    }

  
}

@media (max-width:420px ) {
    .filters select , #sortOrder ,.filters option{
        width: 100px;
    }
}