@charset "utf-8";
/* CSS Document */

/* @import url('css/font-awesome.min.css');*/

/* In html file */
/*<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta name="viewport" content="width=device-width">*/

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,

 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}


@media (max-width: 1300px) {
    /* ============ Suggested Venue Style - Start ============  */

    .suggested_img{
        max-width: 280px;
    }   

    /* ============ Suggested Venue Style - End ============  */
}





@media (max-width: 1200px) {

      /* ============ Suggested Venue Style - Start ============  */

      .suggested_img{
        max-width: 260px;
    }   

    /* ============ Suggested Venue Style - End ============  */



    .suggested_venue_overlay,
    .suggested_venue_details{
        height: 7rem;
    }

	}

    @media (max-width: 1120px) {

      /* ============ Suggested Venue Style - Start ============  */

      .suggested_img{
        max-width: 240px;
    }   

    /* ============ Suggested Venue Style - End ============  */
}


@media (max-width: 1069px) {

    
      /* ============ Suggested Venue Style - Start ============  */

      .suggested_img{
        max-width: 230px;
    }   

    /* ============ Suggested Venue Style - End ============  */


    .intro_section p{
        font-size: 2rem;
        font-weight: bolder;
        color: #fff;
        text-transform: uppercase;
    }
    .intro_section .title{
        font-size: 1.2rem;
    }

}

@media (min-width: 992px) {
    .dropdown_menu{
        display: none;
    }
    
}


@media (max-width: 992px) {





    /* ============ Featured Venue Style - Start ============  */

    .featured_venue_img{
        height: 400px;
     }

     .owl-prev span, .owl-next span{
        top: 30%;
     }

     .featured_venue_name{
        font-size: 1.75rem;
        line-height: 1.8rem;
     }
     .featured_venue_city{
        font-size: 1.25rem;
     }

     .featured_venue_facilities{
        line-height: 1.25rem;
     }

    /* ============ Featured Venue Style - End ============  */



        /* ============ Suggested Venue Style - Start ============  */
        .suggested_img{
            max-width: 260px;
        }   
        /* ============ Suggested Venue Style - End ============  */

  
    .menu_bar ul{
        display: none;
    }
 
    .second_heading{
        display: block;
    }


    .intro_section .heading{
        line-height: 4.0rem;
    }
    #toggle_btn {
        display: block;
    }
}



@media (max-width: 850px) {

            /* ============ Suggested Venue Style - Start ============  */
            .suggested_img{
                max-width: 230px;
            }   
            /* ============ Suggested Venue Style - End ============  */



        .featured_venue_img{
            height: 350px;
         }
    
         .owl-prev span, .owl-next span{
            top: 30%;
         }
    
         .featured_venue_name{
            font-size: 1.5rem;
            line-height: 1.7rem;
         }
         .featured_venue_city{
            font-size: 1.25rem;
         }
    
         .featured_venue_facilities p{
            font-size: 0.875rem;
            line-height: 1rem;
         }

         .featured_img_venue_details{
              padding-left: 0;
        }

}    


/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {

        /* ============ Featured Venue Style - Start ============  */
        .featured_venue_container{
            padding-left: 0rem;
        }
        .featured_venue_img{
            height: 300px;
            order: 1;
            border-radius: 0.8rem 0.8rem 0 0;
        } 
        .featured_venue_detail_container{
            order: 2;
            border-radius: 0 0 0.8rem 0.8rem;
            flex-direction: column;
            padding: 1rem 2rem;
            /* height: 150px; */
        }
        .featured_img_venue_details{
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: space-between;
            gap: 2rem;
        }
        .featured_venue_facilities, 
        .featured_venue_rating{
            padding: 0 !important;
        }
        a.featured_venue_btn,
        a.featured_venue_btn:hover,
        a.suggested_venue_btn:active{
            width: 100px;  
            padding: 0.2rem;
            border-radius: 0.3rem;   
            margin-top: 0.5rem;       
            font-size: 0.875rem;
        }
        
        .featured_venue_name{
            font-size: 1.35rem;
            line-height: 1.5rem;
            padding-bottom: 0.3rem;
         }
         .featured_venue_city{
            font-size: 1.1rem;
         }
    
         .featured_venue_facilities p{
            font-size: 0.875rem;
            line-height: 1rem;
         }

         .featured_img_venue_details{
              padding-left: 0;
        }
        /* ============ Featured Venue Style - End ============  */


        /* ============ Suggested Venue Style - Start ============  */

            .suggested_venue_list{
                justify-content: space-evenly;
            }

           .suggested_img{
            max-width: 280px;
        }   
        /* ============ Suggested Venue Style - End ============  */




    #page_wrapper{
        width: 100%;
        margin: auto;
    }
    #topHeaderSection{
        display: none;
    }
    .app_img img{
        height:350px;
        padding-left: 1rem;
        margin-top: 2rem;
    }
    .download_app_container{
        text-align: center;
        margin: 0;
    }
    .app_details_title{
        font-size: 1.5rem;
        font-weight: bold;
        text-align: center;
    }
    .app_details_sub_title{
        font-size: 1.5rem;
        padding-bottom: 1rem;
        text-align: center;
    }
    .download_app_icon{
        justify-content: center;
    }
    .testimonial_user{
        text-align: center;
    }
    .app_img{
        order: 1;
    }
    .app_details{
        order: 2;
    }
    .good_venue_logo{
        text-align: center;
    }
    .contact_heading{
        text-align: center;
    }
    #venue_images_section{
        width: 100%;
        margin: 0;
    }
    .venue_sub_images{
        margin: 0;
        
    }
    .venue_sub_images img{
        object-fit: cover;
        min-height: 100%;
    }
    #venue_profile{
        width: 100%;
        margin-top: 2rem;
    }
    .venue_profile_details,
    .venue_profile_tags,
    .call_btn
    {
        justify-content: center;
        text-align: center;
    }
    .venue_profile_tags{
        margin: 0;
    }
    #about_venue{
        text-align: center;
    }
    .venue_profile_title{
        line-height: 2.5rem;
        padding-bottom: 1rem;
    }
    #check_availbility{
        text-align: center;
    }
    #venue_features{
        text-align: center;
    }
    .profile_image{
        text-align: center;
    }
    .testimonial_category{
        display: block !important;
    }
    .app_img{
        width: 100%;
    }
    .app_details{
        padding-top: 2rem;
    }
    .download_app_icon{
        padding-top: 0;
    }
    .intro_section .heading{
        font-size: 2.5rem;
    }
    .intro_section .title{
        font-size: 1rem;
    }
    .location_box{
        max-width: 350px;
    } 
    .footer_first_section{
        gap: 3rem;
    }
    #footer_section{
        padding: 2em 1.5rem;
    }
    .intro_section .heading{
        line-height: 3.0rem;
    }
    #about_venue h3, 
    #check_availbility h3, 
    #venue_features h3,
    #ratings_reviews h3,
    #venue_policies h3{
        padding-top: 2rem;
        border-top: 2px solid var(--primary-color);
    }

    #about_venue h3, 
    #check_availbility h3, 
    #venue_features h3,
    #ratings_reviews h3,
    #venue_policies h3{
       text-align: center;
    }
    .ratings_section{
        justify-content: center;
    }
    .user_name_star{
        justify-content: center;
    }
    .user_review_1,
    .user_review_2{
        text-align: center;
    } 
    .user_feedback{
        padding: 0.5rem 0;
    }
    .see_reviews{
        text-align: center;
    }
    .about_us_image{
        width: 45%;
    }
    .about_img_order{
        order:1;
    }
    .about_us_title .first_title{
        font-size: 2.0rem;
        border:1px solid black;
    }

    .about_us_title{
        text-align: center;
        font-size: 1.5rem;
        line-height: 2.5rem;
        font-weight: bold;
    }

    .about_us_matter{
        text-align: center;
    }
    .listing_image{
        width: 60%;
    }
    .about_intro_point_section{
        padding: 0;
        margin-top: 3rem;
    }
    .about_matter_img{
        order:1;
        padding: 2rem 0;
    }
    .about_us_point{
        text-align: center;
    }

    .about_us_intro{
        padding: 0 3rem;    
    }

    .main_section_image form{
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }


    .about_us_caption span{
        font-size: 2.5rem;
        line-height: 3rem;
    }
    
    .about_us_caption p{
        font-size: 1.6rem;
        line-height: 2rem;
    }
    
 

}

@media (max-width: 680px) {

  /* ============ Suggested Venue Style - Start ============  */

  .suggested_venue_list{
    justify-content: space-evenly;
}

.suggested_img{
max-width: 300px;
}   
/* ============ Suggested Venue Style - End ============  */
}

@media (max-width: 600px) {
    .featured_img_venue_details{
        gap: 1.5rem;
    }
    .listing_image{
        width: 500px !important;
    }
    
    .about_us_caption span{
        font-size: 2.2rem;
        line-height: 2.5rem;
    }
    
    .about_us_caption p{
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    

}


@media (max-width: 576px){


      /* ============ Featured Venue Style - Start ============  */
    .featured_venue_img{
        height: 225px;
    } 

    .featured_venue_detail_container{
        padding: 1rem 2rem !important;
        gap: 0.5rem !important;
    }
    
    .featured_venue_name{
        font-size: 1.1rem;
        line-height: 1.20rem;
        padding-bottom: 0.3rem;
     }
     .featured_venue_city{
        font-size: 0.875rem;
     }

     .featured_venue_facilities p{
        font-size: 0.75rem;
        line-height: 1rem;
     }

     .featured_img_venue_details{
          padding-left: 0;
    }
    .featured_venue_rating p{
        font-size: 0.875rem;
    }
    .featured_venue_rating i{
        font-size: 0.75rem;
    }
    .venue_title_segment{
        text-align: center;
    }

    .suggested_img:last-child{
        margin-bottom: 0;
    }

    /* ============ Featured Venue Style - End ============  */


    .good_venue_logo{
        text-align: left;
    }
    .good_venue_logo img{
        width: 150px;
    }
    .intro_section .title{
        padding: 0 4rem;
    }
    .good_venue_logo .logo_caption{
        font-size: 0.5rem !important;
    }
    .footer_first_section{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }    
}

@media (max-width: 540px) {
	.venue_img{
        height: 350px;
    }
 
    .about_us_image{
        width: 90%;
    }

}

@media (max-width: 480px) {
    .intro_section .heading{
        font-size: 2.0rem;
    }
    .intro_section .title{
        padding: 0 2rem;
    }
    .intro_section .heading{
        line-height: 2.5rem;
    }
    

}

/* Mobile devices */
@media (max-width: 390px) {
    .intro_section .heading{
        font-size: 1.5rem;
    }
    .intro_section .title{
        padding: 0 2rem;
    }
    .intro_section .heading{
        line-height: 2.2rem;
    }

}
/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

}

@media print {

}