/*Website Responsive*/
@media only screen and (max-width: 1199px) {
    .blog_detail_page .blog_detail_main_heading {margin: 30px 0px 20px;}
    .blog_detail_main_heading h2{font-size:30px;line-height:37px}
    .blog_detail_page .blog_detail_main_wrapper .blog_detail_content .publisher{max-width:60%}
    .blog_detail_page .blog_detail_main_wrapper .liberty_statue .image_container {height: 300px;}
    .blog_detail_page .blog_detail_add_left .image_container, .blog_detail_page .blog_detail_add_right .image_container {height: 420px;}
    .blog_detail_page .blog_detail_main_wrapper .blog_detail_content .publisher_para {padding: 20px 0px 30px;}
    .publisher_para, .blog_detail_custom_text h5{font-size:16px;line-height:22px}
    .blog_comments .comment_add_banner .image_container{height:200px}
    .blog_author_info p{font-size:14px}
    .blog_comments .blog_detail_conversation .publisher{    margin: 40px 0px 40px;}
    .blog_comments .blog_post_comments .comment_input_field input{padding: 4px 12px;}
    .btn_yellow {height:40px}
    .blog_comments .user_comment .reply_message input {height: 40px;}
    .blog_comments .comment_add_banner p{line-height:16px}
    .blog_comments .blog_post_comments .login_signup_button {padding: 10px 0px 0px 0px;}
    .hero_section .blog_post_left .blog_details h6{max-width: 100%}
    .navbar .navbar-nav{flex-wrap: wrap;gap: 20px;justify-content: center}
    .blog_post_right{margin-top: 25px}
    .blog_tabs nav .nav {gap:20px}
    .footer ul.nav.footer-links{gap:15px;flex-wrap:wrap;justify-content: center}
    .stories_banner .stories_inbox_content {max-width:70%}
    .hero_section .blog_post_right .technology_image .image_container,.blog_post_wrapper .blog_post_content .single_blog_post .image_container ,.blog_post_wrapper .blog_post_content .single_blog_post .latest_image {width:100%}
    .local_event_page .discover_event{max-width:100%}
    .event_listing{padding:50px 0px}
    .event_listing .filter_listing{padding:0}
    .event_listing .single_event .image_container {height:300px}
    .stories_banner{margin-bottom: 50px}



}
@media only screen and (max-width: 1024px) {
    h3{font-size: 27px}
    .hero_section .blog_post_left {padding-bottom: 10px}
    .blue_full_banner .custom_add_banner .image_container{height:180px}
    .navbar .navbar-nav{flex-wrap:wrap;row-gap:15px}
    .blog_tabs nav {max-width:82%}
    .hero_background{padding:130px 0px;margin:45px 0px}
    .blog_post_wrapper .blog_post_content .single_blog_post{flex-wrap:wrap}
    .blog_post_wrapper .blog_post_content .blog_adds_wrapper .image_container{height:400px}
    .local_event_page{margin-top: 50px}
    h1{font-size:50px;line-height:64px}
    .stories_banner .stories_inbox_content {max-width:80%}


}
@media only screen and (max-width: 992px) {
    .blog_post_wrapper .blog_post_content .latest_title{margin-bottom:10px}
    .toggle_button_resp{display: block}
    .navbar{padding:0}
    .public_notice .explore_all_button {margin-bottom: 50px}
    .hero_background h2{font-size:35px}
    .public_notice .custom_row {row-gap: 30px}
    .hero_background {padding:110px 0px}
    .about_us .about_us_content .about_us_wrapper {margin-bottom: 25px}
    .login_button{display:none}
    .event_listing .single_event .event_details h4 {max-width:100%;font-size:22px}
    .event_listing .single_event .image_container {height:240px}
    .event_listing .filter_listing {max-width:60%}
    .local_event_page:before {height:20%;top: -40px}
    .footer-logo {width:110px}
    h5{font-size: 18px}
    .local_event_page .local_event_main_image .image_container {height: 450px}
    h1{font-size:45px;line-height:60px}
    .login_button_responsive{display: block}
    .footer ul.nav.footer-links {gap:10px}
    .top_header .site_logo .logo {width:110px;height:60px}
    .navbar  .navbar-nav .nav-item .nav-link{font-size:14px}
    /*.blog_post_wrapper .blog_post_content .single_blog_post{justify-content: center;text-align: center}*/
    .blog_tabs nav {max-width:100%}
    .custom_square_banner .image_container {height:200px}
    .square_add_text_center .hero_center_content {padding:30px 0px}
    .stories_banner .stories_inbox_content p{max-width:100%;text-align: center}
    .hero_section .blog_post_left {flex-wrap: wrap}
    .navbar .navbar-nav {gap:20px}
    .navbar  button.navbar-toggler , .navbar .navbar-nav{position: absolute;right: 0;}
    .navbar {position:relative}
    .hero_section .hero_section_main_image_banner .banner_image{height:350px}
    .navbar .navbar-nav{width:fit-content;background:white;padding:20px;gap:15px}
    .stories_banner .stories_inbox_content h2 {font-size:45px}
    .modal .modal-header {margin-bottom:20px}
    .modal .custom_row {row-gap: 15px}
    .dropzone{min-height: 130px}

}
@media only screen and (max-width: 768px) {
    h3{font-size:25px}
    .blog_detail_page .blog_detail_add_right{padding-top:20px}
    .blog_detail_page .blog_detail_add_left, .blog_detail_page .blog_detail_add_right{flex-direction:row;column-gap:10px;padding-bottom:20px}
    .blog_detail_page .blog_detail_add_left .image_container, .blog_detail_page .blog_detail_add_right .image_container {height: 220px;width:100%}
    .local_event_page:before{height:15%}
    .blog_post_wrapper .blog_post_content .blog_adds_wrapper{row-gap: 20px;padding-bottom: 30px;}
    .local_event_page:after{height:10%}
    .event_listing .single_event .image_container {height:275px}
    .local_event_page .discover_event{margin-bottom: 30px}
    .blog_post_right{flex-direction: column;}
    .hero_section .hero_section_main_image_banner .banner_image {height:300px}
    .stories_banner .stories_inbox_content{max-width: 100%}
    .stories_banner{margin-bottom: 30px}

}
@media only screen and (max-width: 600px) {
    .footer .sub_footer p{text-align: center}
    .btn_transparent{height:37px;padding:5px 15px}
    .public_notice .explore_all_button {margin-bottom: 30px}
    h5{font-size:16px;line-height: 28px}
    .hero_section .readmore_button, .square_add_text_center .readmore_button{margin-top:10px}
    .hero_background h2{font-size: 30px}
    .hero_background{padding:80px 0px;margin:25px 0px}
    .modal .custom_row{row-gap: 10px}
    .about_us .about_us_content .about_us_wrapper h3 {margin-bottom: 5px}
    .dropzone .dz-message {margin: 1em 0 !important;}
    .modal .txt_field input, .txt_field select {padding:10px 7px}
    .modal .modal-content{padding:20px}
    .modal h4 {font-size:20px}
    .modal h6{font-size: 15px;margin:0}
    .modal .txt_field label {font-size:13px;margin-bottom: 5px}
    .local_event_page:before{height:10%;top:-20px}
    h1{font-size:36px;line-height: 47px}
    .footer ul.nav.footer-links {column-gap: 15px}
    .header .navbar  .navbar-toggler span.navbar-toggler-icon {width:15px;height:15px;padding:5px;}
    .header .navbar  .navbar-toggler {line-height:0}
    .top_header_adds_banner{height:40px}
    .hero_section .blog_image .image_container {height:95px}
    .hero_section{margin-top: 42px}
    .blog_tabs nav .nav{gap: 10px}
    .local_event_page {padding:40px 0px}
    .event_listing .single_event .event_details h4 {margin:10px 0px;line-height:28px}
    .local_event_page .discover_event{text-align: center}
    .btn_black{padding:10px 20px}
    .event_listing{padding:25px 0px}
    .stories_banner{padding:30px 0px}
    .event_listing .custom_row {row-gap: 30px}
    .event_listing .single_event .image_container {height:220px}
    .local_event_page{margin-top: 25px}
    .event_listing .filter_listing {max-width:100%}
    .local_event_page .local_event_main_image .image_container {height:300px}
    .local_event_page .discover_event p{margin:0}
    .stories_banner:before {top:-20px;left:-60px}
    .stories_banner .stories_inbox_content h2 {line-height: 20px}
    .local_event_page .discover_event .event_modal_buttons{justify-content: center;margin-top:15px}
    .stories_banner .stories_inbox_content h2 {font-size: 35px;line-height:40px}
    .stories_banner .stories_inbox_content .email_wrapper{flex-wrap: wrap}
    .hero_section .hero_section_main_image_banner .banner_image {height:250px}
    .hero_section .blog_post_right .technology_image .image_container {height:150px}
    .custom_square_banner .image_container {height:175px}
    .blue_full_banner .custom_add_banner .image_container {height:150px}
    .blog_post_wrapper .blog_post_content .single_blog_post .image_container {height:180px}
    h3{font-size: 25px;line-height:30px}
    .stories_banner .stories_inbox_content h2{font-size:30px;max-width:75%;margin:auto}
    .top_header .social_icons .image_container {width:20px;height:20px}
    .stories_banner .stories_inbox_content .email_wrapper .txt_field input {height:45px}
    .footer ul.nav.footer-links li a{font-size: 14px}
    p{font-size:14px;text-align: justify}
    .blog_post_wrapper .blog_post_content .read_more_button .btn_yellow {padding:5px 15px;height:38px;}
    .btn_main{font-size:16px}
    .btn_yellow{height:45px}
    .event_listing .single_event .event_details .readmore .readmore_event {font-size:15px}
    .blog_tabs nav {max-width:80%}
    .blog_tabs nav .nav .nav-link {padding:0px 10px;font-size: 15px;height:40px}
    .stories_banner .stories_inbox_content .email_wrapper {margin:20px 0px}
    .footer .sub_footer {padding:15px 30px}
    .blog_post_wrapper .blog_post_content .read_more_button {margin: 20px 0px 30px}
    .footer ul.nav.footer-links {padding:15px 0px}
    .stories_banner .stories_inbox_content .email_wrapper .get_started_btn{padding:5px 15px}
}
@media only screen and (max-width: 516px) {
    .blog_post_wrapper .blog_post_content .single_blog_post .image_container {height:150px}
    h3{font-size:20px}
    .blog_post_wrapper .blog_post_content .blog_adds_wrapper .image_container {
        height: 200px;
    }
    .top_header .top_right_header .filter_icon i{font-size:12px}
    .blog_post_wrapper .blog_post_content .single_blog_post{gap: 10px;padding-bottom: 10px;}
    .blog_post_wrapper .blog_post_content .single_blog_post .blog_content p {margin: 5px 0px 5px;line-height: 21px;}
    .blog_post_wrapper .blog_post_content .single_blog_post:not(:first-child) {margin-top: 10px;}
    .top_header .top_right_header{align-items: center}
    .top_header .social_icons{gap:5px}
    .top_header .top_right_header .top_header_search i{font-size:12px}
    .top_header .social_icons .image_container, .top_header .top_right_header .image_container{width: 15px;height:15px}
    .blog_tabs nav {max-width:100%}
    .blog_post_wrapper .blog_post_content .single_blog_post .blog_content h6 {font-size:15px}
    .hero_section .hero_section_main_image_banner .banner_image {height:200px}
    .custom_square_banner .image_container {height:120px}
    /*.hero_section .blog_post_right .technology_image .image_container {height:150px}*/
    .stories_banner .stories_inbox_content h2{font-size:20px;max-width: 75%;line-height: 32px}
    .blog_detail_page .blog_detail_add_left .image_container, .blog_detail_page .blog_detail_add_right .image_container{width:48%}
    .blog_detail_page .blog_detail_add_left, .blog_detail_page .blog_detail_add_right{flex-wrap:wrap; row-gap:20px}
    .blog_detail_main_heading h2 {font-size: 22px;line-height: 30px;}
    .blog_detail_page .blog_detail_main_heading p{padding:0;font-size:13px}
    .blog_detail_page .blog_detail_main_wrapper .liberty_statue .image_container {height: 250px;}
    .blog_detail_page .blog_detail_main_wrapper .blog_detail_content .publisher {max-width: 100%;margin-top:15px;padding-bottom:15px}
    .blog_detail_page .blog_detail_main_wrapper .blog_detail_content .publisher_para {padding: 10px 0px 15px;line-height: 21px}
    .publisher_para, .blog_detail_custom_text h5 {font-size: 14px;line-height:21px;}
    .blog_comments .blog_detail_conversation .publisher {margin: 0px 0px 20px;}
    .blog_author_info p {font-size: 11px;}
    .blog_author_info a{font-size:12px}
    .blog_comments .blog_post_comments h6.conversation_title {font-size: 20px;padding-bottom: 5px;}
    .login_signup_button a{font-size:14px}
    .blog_comments .blog_post_comments .comment_input_field input {padding: 4px 12px;}
    .blog_comments .user_comment .add_comment .image_container{height:25px; width:50px}
    .blog_author_info h6{font-size:14px}
    .blog_comments .comment_add_banner .image_container{height:150px}
    .blog_comments .user_comment .reply_message input {height: 30px;padding:5px 10px}

}
@media only screen and (max-width: 480px) {
    .top_header .social_icons .image_container {width:15px;height:15px}
    .top_header .site_logo .logo{width:95px;height:50px}
    .blue_full_banner{margi:30px 0px 40px}
    .blog_post_wrapper .blog_post_content .read_more_button .btn_yellow{padding:7px 15px}
    .hero_section .blog_post_left,.hero_section .blog_post_left.first_left_blog{flex-wrap:nowrap}
}
@media only screen and (max-width: 320px) {
    .top_header .site_logo .logo {width:85px;height:45px}
    .stories_banner .stories_inbox_content h2 {max-width: 100%}
}