/*Website Responsive Starts from here*/
@media only screen and (max-width: 1440px) {
    .navbar ul{gap: 20px;}
}
@media only screen and (max-width: 1024px) {
    .navbar ul{gap: 10px;}
    .main_header .btn_pink {padding:15px}
    .site_logo .navbar-brand {width:130px;height:59px}
    .navbar ul li a {font-size:14px}
    h2{font-size:52px;line-height:62px}
    h3{font-size:45px;line-height:57px}
    h4{font-size: 38px;line-height:51px}
    .fs-25{font-size:18px;line-height:27px}
    .travelling_entertainment .travel_img2{right:0;top:90px}
    .home_banner .banner_content {gap:10px}
    .home_banner .btn_main{margin-top:10px}
}

@media only screen and (max-width: 991px) {
    h1{font-size:57px}
    .upcoming_auditions .auditions_description .card .card-body{padding:0}
    .member_login_button{display:none}
    .services_mystery_cards .services_content{margin-bottom:-80px}
    .brooding_language .brood_language_description .custom_row{row-gap: 10px}
    .common_class, .blog_detail_section .show_cards {padding:10px 20px}
    .services_mystery_cards .services_content .card .card-body{padding:15px 0px}
    .main_header .btn_pink{width:fit-content;display:block;margin-top:10px}
    .site_logo .navbar-brand {width:187px;height:79px}
    button.navbar-toggler i{font-size:20px}
    .navbar ul li a{color:var(--pink)}
    .main_header .navbar-collapse{ position: absolute;right: 25px;top: 62px;background: white;padding: 10px 20px;min-width: 200px;border-radius:3px;height:370px;overflow-y:scroll }
    .hero_section.txt_maxwidth{padding:180px 0px 70px 0px}
    .travelling_entertainment .travel_img2{top:70px}
    .travelling_entertainment .travel_img2,.travelling_entertainment .travel_img1 {width:390px;height:390px;}
    .travelling_entertainment{padding:50px 0px 100px}
    .murder_banner_section .murder_banner {padding-top:120px}
    .recent_blogs_section .blogs_heading, .blog_detail_section .blogs_heading {padding: 10px 40px}
    .recent_blogs_section .fs-25 {line-height:23px}
    .mystery_shows{padding:30px 20px}
    .two_rectImg {height:350px}
    .upcoming_auditions  .auditions_description .audition_event{padding:50px 0px;}
    h5{font-size:35px;line-height:47px}
    .blogs_section .blogs_content .blog_Div_content {padding:0}
    /*.blogs_section .blogs_content.common_class.blog-entry .blog_img{height:100%}*/
    .hero_section .coming_venue.hero_content{max-width:100%}
    .hero_section.services.txt_maxwidth .hero_content {max-width:90%}
    .testimonial_section .testimonial_blogs .video_container iframe{height:450px}
    .testimonial_section .testimonial_blogs .card{height:450px}
    .testimonial_section .testimonial_blogs, .actors_section .actors_blogs, .our_supporters .supporters_blogs, .riddlesbrood_service .maps_description, .our_company_values .values_description, .our_community .community_description, .brooding_language .brood_language_description, .clyde_section .clyde_description, .contact_us .contact_detail, .upcoming_auditions .auditions_description, .download_audition .download_description, .audition_prices .prices_details, .chronical_section .chronical_blogs, .actors_block_section .actors_block_blogs, .about_detail .about_description{padding:20px}
    .testimonial_section .testimonial_blogs .card_content, .actors_section .actors_blogs .card_content, .our_supporters .supporters_blogs .card_content, .chronical_section .chronical_blogs .card_content, .actors_block_section .actors_block_blogs .cards_blogs .card_content, .events_banner .events_performer_blogs .card_content, .article_section .article_content .card, .members_info .members_contact .card_content{height:440px}
    .chronical_section .chronical_blogs .card_content:has(iframe){height: 500px !important;}
}
@media only screen and (max-width:800px) {
    h1{font-size:50px}
    .common_class, .blog_detail_section .show_cards{margin-top:30px;}
    .services_mystery_cards .services_content {margin-top:-63px}
    .hero_section .hero_content {max-width: 100%}
    .travelling_entertainment .travel_img2, .travelling_entertainment .travel_img1{width:300px}
    .travelling_entertainment{padding:30px 20px}
    .home_banner .banner_content{max-width:92%}
    .homePage_modals .modal-dialog .modal-content:has(.txt_field),.homePage_modals .modal-dialog {min-width:600px}
    .homePage_modals .modal-dialog .modal-content:has(.txt_field) h3 {font-size:33px}
    .fs-23{font-size:20px}
    .snapshot_section .snapshot_cards{margin-top: -40px}
    .game_show .gameShow_content .ghost_img, .past_shows_section .pastshow_cardImg{height:240px}
    .backstage_section .backstage_content .backstage_banner{height:180px}
    .backstage_content.common_class {padding:20px 15px}
    .video_container video{height: 450px}
    .upcoming_auditions .auditions_description .auditions_image{height:370px}
}
@media only screen and (max-width:767px) {
    .hero_section p{text-align: center}
    .audition_prices .prices_details .packages_image, .chronical_section .news_blogs .packages_image, .actors_block_section .packages_image,.audition_prices .details_package_image,.audition_prices .prices_details .mainstage_package_image{height:370px}
    .blog_page .hero_content .blog_tabs {margin:30px auto}
    .rectangle_Img,.download_audition .download_description .auditions_image{height:320px}
    .contact_us .stage_image{height:450px;margin-top:15px}
    .upcoming_auditions .auditions_description .audition_event .auditions_venue_timing p{margin:0 0px 10px}
    h1{font-size:42px;line-height:55px}
    .upcoming_auditions .auditions_description .auditions_image{height:320px}
    .past_shows_section .pastShows_content.common_class .pastshow_cardImg{margin-top:15px}
    .shows_section .shows_content .show_Img{height:320px}
    .blogs_section .blogs_content .blog_Div_content h5 {font-size:30px}
    .our_community .stage_image{height:400px;border-radius: 15px;overflow: hidden;margin-top:20px}
    .brooding_language .brood_language_description .riddlesbrood_brooding_image, .clyde_section .clyde_description .chair_image{height:450px}
    .blogs_section.blog_detail_section{padding:0}
    .backstage_section .backstage_content .backstage_banner {height:200px;margin-top:20px}
    .blogs_section .blogs_content .blog_Div_content{padding:0px 15px 10px 15px}
    .blogs_section .blogs_content.common_class.blog-entry .blog_img{height:320px}
    .our_community .community_description .riddelsbrood_community_image{height:320px}
    .clyde_section .clyde_description .riddlesbrood_magician_image{height:450px}
    .blog_detail_section .recent_posts {padding:40px 10px 20px 10px}
    .clyde_section .clyde_description .supernatural_event .magician_image{height:300px}
    .recent_blog_article{margin-top: 20px}
    .blogs_section .blog_detail_img1{height:300px}
    .blog_page .hero_content .blog_tabs .nav-pills {gap:10px}
    .riddlesbrood_service .maps_description .maps_section_supporters_image{height:450px}
    .about_detail .about_description .about_banner_image_custom {height:420px}
    .about_detail .about_description .about_banner_image{height:350px}
    .container-fluid{padding:0px 15px}
    .last_rectImg{height:320px}
    .riddlesbrood_service .maps_description .riddlesbrood_image {height:320px}
    .about_detail .custom_row{row-gap: 15px}
    .mystery_party_section .mmp_content.common_class .rectangle_Img{height:320px}
    .two_rectImg{height:270px;margin-bottom: 20px}
    .homePage_modals .modal-dialog .radioModal_img{margin-top:20px}
    .alarm_icon {width:50px;}
    p{text-align: justify}
    .shows_section .shows_Div_content {padding:0px 15px 10px 15px}
    .blogs_section{padding-bottom: 40px}
    .travelling_entertainment .travel_img2{right:-75px;}
    .travelling_entertainment .travel_img2, .travelling_entertainment .travel_img1{width:350px}
    .travelling_entertainment_images{max-width: 50%;margin:auto}
    .travelling_entertainment .row-gap{row-gap:82px}
    .murder_show_section .ghost_img {height:370px;margin-top:40px}
    .footer .footer_items{gap:25px}
    .events_banner .events_performer_blogs {margin:30px 0px}
    .supporters_image {height:200px}
    .brooding_language .brood_language_description .mysterious_symbols_face .face_image {height:200px;width:125px}
    .download_audition .download_description .pdf_download span i, .our_supporters .pdf_download span i, .actors_block_section .downloaded_pdfs span i, .touringKids_section .pdf_download span i{font-size:50px}
    .mystery_party_section .fs-25{margin:0}
    .our_supporters .supporters_blogs .supporters_image{height:350px}
    .chronical_section .chronical_blogs:has(.custom_iframe){padding: 0}
    .chronical_section .news_feed .news_blogs .like_comment {gap:10px}
    .chronical_section .news_feed .news_blogs .like_comment i{font-size: 14px;}
    .textarea_input{padding: 10px 0px 0px 10px}
    .chronical_section .chronical_blogs:has(.custom_iframe) .custom_iframe{padding:0px;overflow: hidden;border-radius: 10px !important;}
}
@media only screen and (max-width:600px) {
    .member_loginModal .modal_btn{margin:auto}
    .member_loginModal .modal-body .row{row-gap:15px}
    .faqs .accordion .accordion-item .accordion-header .accordion-button {font-size:18px}
    .services_mystery_cards .services_content .card_img{height:220px}
    .our_values h6{padding:10px 0px}
    .about_detail .about_description .shows_like h5, .about_detail .about_description .mission_statement h5{margin-bottom:10px}
    .hero_section.services.txt_maxwidth .hero_content {max-width:100%}
    .footer .site_footer_icon {width:150px;height:80px}
    .travelling_entertainment_content,.murder_banner_section .murder_banner_content{text-align: center}
    .travelling_entertainment .travelling_entertainment_content .btn_main {justify-content: center}
    .audition_prices .prices_details{padding:15px 10px}
    h2{font-size:40px;line-height:47px}
    h3{font-size:35px;line-height:38px}
    h4{font-size:30px;line-height:37px}
    h5{font-size:30px;line-height: 45px}
    p{font-size:13px;line-height:22px}
    .upcoming_auditions .auditions_description{padding:10px}
    .murder_banner_section .murder_banner {padding-top:50px}
    .travelling_entertainment_images{max-width:80%}
    .travelling_entertainment .travel_img2, .travelling_entertainment .travel_img1 {height:300px;width:320px}
    .travelling_entertainment .travel_img2 {right:-20px}
    .home_banner .banner_section {padding:45px 0px}
    .murder_show_section .ghost_img {height:260px}
    .murder_show_section .murder_show_content {text-align: center;gap:10px}
    .murder_banner_section .murder_banner_content {padding:0px 20px 30px 20px}
    .footer_icon .icons, .modal_icon {width:30px;height:30px;border-radius:50%;padding:15px}
    .recent_blog_article .articles_images{height:200px}
    .btn_primary{padding:10px 20px}
    .homePage_modals .modal-dialog .modal-content:has(.txt_field),.homePage_modals .modal-dialog {min-width:unset}
    .homePage_modals .modal-dialog .modal-content .txt_field{padding:20px 15px;gap:20px }
    .homePage_modals  .modal-footer.custom_justify .party_hornImg{width:50px;height:30px}
    .testimonial_section .testimonial_blogs .video_container iframe{height:350px}
    .testimonial_section .testimonial_blogs .card{height:350px}
    .homePage_modals  .modal-footer.custom_justify .party_hornImg img{width:100%;height:100%;object-fit:contain}
    .chronical_section .row.custom_row {row-gap: 15px;}
    .chronical_section .news_feed .create_post {justify-content: space-between;gap:15px}
    .chronical_section .news_feed .create_post button.post_btn {padding: 10px 20px;}
    body:has(.chronical_section) .hero_section {padding: 100px 0px 125px 0px;}
    .blog_page .hero_content .blog_tabs .nav-pills {justify-content: center;border-radius: 20px;}
    .chronical_section .news_feed span, .chronical_section .user_profile span{width: 45px;height:45px}
    .chronical_section .news_feed .user_profile button{width: 25px;height: 25px}

    .chronical_section .news_feed .user{display: none}

}

@media only screen and (max-width:480px) {
    .video_container video{height:350px}
    .contact_us .stage_image{height:330px}
    .audition_prices .prices_details .packages_image, .chronical_section .news_blogs .packages_image, .actors_block_section .packages_image,.audition_prices .details_package_image,.audition_prices .prices_details .mainstage_package_image{height:260px}
    h1{font-size:36px;line-height:46px}
    .upcoming_auditions .auditions_description .auditions_image{height:250px}
    .swiper-button-prev:after,        .swiper-button-next:after {width:32px;height:32px;font-size: 12px}
    .shows_section .shows_content .show_Img{height:220px}
    .main_header .navbar-collapse{min-width:250px}
    .blogs_section .blogs_content.common_class.blog-entry .blog_img{height:200px}
    .our_community .stage_image{height:350px}
    .our_community .community_description .riddelsbrood_community_image, .blog_img{height:200px}
    .brooding_language .brood_language_description .riddlesbrood_newspaper_image,.brooding_language .brood_language_description .riddlesbrood_man_image{height:250px}
    .brooding_language .brood_language_description .riddlesbrood_brooding_image, .clyde_section .clyde_description .chair_image{height:330px}
    .blogs_section .blog_detail_img1{height:200px}
    .clyde_section .clyde_description .riddlesbrood_magician_image{height:320px}
    .travelling_entertainment .travel_img2, .travelling_entertainment .travel_img1{width:290px}
    h2{font-size:32px;line-height:42px}
    h3{font-size:32px;line-height:48px}
    .fs-23{font-size:17px}
    h4{font-size:27px;line-height:42px}
    h5{font-size:30px}
    .clyde_section .clyde_description .supernatural_event .magician_image{height:200px}
    .riddlesbrood_service .maps_description .maps_section_supporters_image{height:320px}
    .riddlesbrood_service .maps_description .riddlesbrood_image {height:220px}
    .homePage_modals .modal-dialog .modal-content:has(.txt_field) h3{font-size:25px}
    .travelling_entertainment .travel_img2, .travelling_entertainment .travel_img1 {width:250px;height:270px}
    .mystery_shows{padding:30px 0px}
    .murder_show_section,.travelling_entertainment {padding:30px 0px}
    .travelling_entertainment .travel_img2 {right:0}
    .murder_show_section .ghost_img{height:220px}
    .footer .footer_items {gap:15px}
    .rectangle_Img,.download_audition .download_description .auditions_image{height:220px}
    .about_detail .about_description .about_banner_image_custom {height:260px}
    .about_detail .about_description .about_banner_image,.about_detail .about_description .about_banner_chair_image{height:220px}
    .mystery_party_section .mmp_content.common_class .rectangle_Img{height:220px}
    .last_rectImg{height:220px}
    .our_supporters .supporters_blogs .supporters_image{height:250px}
    .faqs .accordion, .actors_block_section .accordion{gap:15px}
    .faqs .accordion .accordion-item .accordion-header .accordion-button {font-size:15px}
    .faqs .faqs_questions .general_question h5 {font-size:25px;line-height:33px}
    .faqs .faqs_questions, .chronical_section .news_feed, .members_info .members_contact{padding:20px 15px}
    .testimonial_section .testimonial_blogs .card_content, .actors_section .actors_blogs .card_content, .our_supporters .supporters_blogs .card_content, .chronical_section .chronical_blogs .card_content, .actors_block_section .actors_block_blogs .cards_blogs .card_content, .events_banner .events_performer_blogs .card_content, .article_section .article_content .card, .members_info .members_contact .card_content{height:350px}
    .chronical_section h2.news_feed_heading {font-size: 30px;margin: 0;}
    .chronical_section .chronical_blogs .card_content:has(iframe){height: 500px !important;}
    .chronical_section .row.custom_row {row-gap: 10px;}
}
@media only screen and (max-width:375px) {
    h3{font-size:30px;line-height:38px}
    h4{font-size: 25px;line-height:35px}
    h5{line-height:37px}
    .recent_blog_article .blog, .blog_detail_section .blog{max-width:100%}
    .travelling_entertainment_images {max-width:100%}
    .chronical_section h2.news_feed_heading {font-size: 22px;line-height: normal}
    .chronical_section .news_feed .create_post button.post_btn {width: 100%}
}
@media only screen and (max-width:320px) {
    h2{font-size:30px;line-height: 39px}
    .travelling_entertainment .travel_img2, .travelling_entertainment .travel_img1 {width:215px}
    .murder_banner_section .murder_banner_content {padding:0px 10px 30px 10px}

}