@media only screen and (max-width: 1920px) {
    marquee{top:15%}
}
@media only screen and (max-width: 1366px) {
    h1{line-height: 83px}
    .footer_sec .footer_logo{width: 280px}
    .footer_sec .popular_service_wrap form .text_field input {padding: 15px}
    marquee{top:20%}
    h2{font-size:52px}
    .hero_banner.services_details_banner {padding:170px 0px 50px}
    }
@media only screen and (max-width: 1280px) {
    h1{font-size: 65px;line-height: 75px}
    .login_register .login_box h1{font-size:25px;}
    .custom_container{padding: 0px 40px}
    .footer_sec .terms_privacy_copyright_wrap p ,.footer_sec .terms_privacy_copyright_wrap .terms_wrapper a ,.footer_sec .popular_service_wrap ul li, .footer_sec .popular_service_wrap ul a, .footer_sec .popular_service_wrap .dropdown-toggle.footer_dropdown_btn, .footer_sec .popular_service_wrap .dropdown-toggle.footer_dropdown_btn, .footer_sec .popular_service_wrap h6  {font-size: 14px}
    .services_detail .tv_mounting_images {height: 350px}
    .services_detail .button_text_flex {margin:50px 0px 100px}
    .we_have_done{padding:0px 0px 100px}
    .register_wrapper{height: 540px;overflow-y: auto;overflow-x: hidden}
    .testimonial_section {padding: 0px 0px 80px}
    }
@media only screen and (max-width: 1199px) {
    h1{font-size: 60px}
    .hero_section_right .dot1 {top:5%;right: 15%}
    .hero_section_right .dot2 {left: 4%}
    .hero_section_right .dot4 {right: 0%;bottom: 12%}
    .footer_sec .row {column-gap:10px;justify-content:space-between;row-gap:20px}
    .footer_sec .popular_service_wrap ul a{word-break: break-word}
    .help_section{margin-bottom: 40px}
    .testimonial_section{padding: 80px 0px}
    .header .site_logo {width:280px;}
    .appointment .appointment_card .cards_button{padding:10px}
    .appointment .appointment_card .cards_button a{font-size:12px}
    .header .custom_header .nav_menu ul.navbar-nav{gap:15px}
    .header .site_logo img{width:100%}
    .appointment .appointment_card h6{margin: 0;padding:12px 0px}
    .header .navbar .header_buttons .btn{padding:12px 20px;font-size:14px}
    .header .logged_in_profile .profile_dropdown {width: 35px;height: 35px}
    .banner .cards h5 {font-size:20px}
    .booking_details_section .stepper .step:not(:last-child) span.steps_number:after {left: 58%}
    .calendar .day-cell {font-size: 14px;width: 160px}
    .calendar .day-date {font-size:15px}
    .calendar .day_name{font-size: 20px}
    .calendar .grid-container {grid-template-columns: 160px repeat(6, 1fr)}
    .calendar .primary-slot-info .selected_slots {gap:20px}
    .calendar .secondary-slots-info {gap:18px}

    }
@media only screen and (max-width: 1045px) {
    .header .site_logo {width: 240px}

    }
@media only screen and (max-width: 1024px) {
    h1{font-size: 50px;line-height: 60px}
    h2{font-size: 48px}
    h5{font-size:18px}
    h4{font-size: 28px}
    h3{font-size: 35px;line-height:45px}
    .appointment p {max-width: 50%}
    .calendar .grid-container{grid-template-columns: 105px repeat(6, 1fr);}
    .calendar .day-cell{width: 105px;padding: 10px;}
    .calendar .day_name {font-size: 18px}
    .calendar .day-date {font-size: 13px}
    .calendar .slot-text {height: 35%;font-size: 12px}
    .calendar .slot-cell{height:70px}
    .calendar .secondary-slots-info{margin-top: 0px}
    .booking_details_section .radio_content p{font-size: 13px;line-height: 18px}
    .booking_details_section .step-content .wall_type_box .image_div {height: 150px}
    .booking_details_section .stepper .step:not(:last-child) span.steps_number:after {left: 60%}
    .our_commitment .image_div {height: 450px}
    .our_services_page .services_cards .custom_flex .btn {font-size: 12px}
    .our_services_page .cards_body {padding: 20px}
    .our_services_page .services_cards .image_div {height: 250px}
    .blog_listing .blog_grid{display: flex;gap:20px;flex-direction: column}
    .portfolio_section{padding:0px 0px 100px}
    .hero_banner .hero_content p {max-width: 72%}
    .services_detail .button_text_flex {gap:50px}
    .we_have_done{padding: 0px 0px 80px}
    .faq_section .accordion{margin: 50px 0px 80px}
    .services_detail .tv_mounting_images {height: 320px}
    .hero_section .hero_section_right .circle-bg::after{width: 450px}
    .hero_section .hero_section_right .dot1 {top:2%}
    .hero_section .hero_section_right .dot2 {left:5%}
    .hero_section .hero_section_right .dot3 {bottom:4%}
    .hero_section .hero_section_right .dot4{bottom:10%}
    .hero_section .cards .image_div {width: 65px;height: 65px}
    .map_section .map_image{height:480px}
    .our_services .tags {row-gap: 10px}
    .our_services {padding: 70px 0px 50px}
    .how_it_works{padding: 40px 0px}
    .help_section p {margin: 10px 0px 20px}
    .price_section .dog_image {height: 400px}
    .testimonial_section{padding: 40px 0px}
    .banner .cards .image_div{width: 45px;height: 45px;}
    .banner .cards .image_div img{width: 100%;height: 100%;object-fit: contain}
    body .btn {padding: 13px 20px}
    .login_register .login_box .forgot_wrapper a.forget_btn{font-size: 15px}
    .map_section .map_sec_content p {margin: 10px 0px 20px 0px}
    .calendar .primary-slot-info{margin-top: 0px}
    .hero_section_right .circle-bg::after {width: 450px;height: 450px}
    .hero_section_right{min-height: 470px}
    .hero_section_right .worker-figure {height: 470px}
    .hero_section_right .dot1 {top: 4%}
    .hero_section_right .dot3 {bottom: 68%;left: 4%}
    .guidelines h2 span, .guidelines h2, .guidelines h3,.guidelines h3 span{font-size: 23px;line-height: 23px !important;}
    }
@media only screen and (max-width: 991px) {

    h1{font-size: 47px;line-height: 55px}
    h5{font-size:16px}
    h3{font-size: 32px;line-height: 42px}
    h6{font-size: 15px}
    .zip_code_box {max-width: 70%}
    .steps_details{max-width: 100%}
    .zip_code_box .row {row-gap: 30px}
    marquee{top:100px}
    .hero_section_right{min-height: 430px}
    .hero_section_right .worker-figure {height: 430px}
    .hero_section_right .circle-bg::after {width: 400px;height: 400px}
    .hero_section_right .dot2 {left:20%}
    .hero_section_right .dot3 {bottom: 44%}
    header .dropdown.logged_in_profile .dropdown-toggle{gap:3px;margin-left: 0px;padding: 0px}
    .calendar .time-header {font-size: 10px;padding: 10px;text-align: start}
    .login_register .login_box h1{margin-bottom: 0px}
    .bookings_wrapper .row{row-gap: 20px}
    .booking_details_section .stepper_buttons{max-width: 100%}
    .booking_details_section .step-content .row{row-gap: 25px}
    .form-group input.form-control, .form-group select.form-control {padding: 15px;font-size: 14px}
    .our_services_page .row{row-gap: 20px}
    .our_commitment{margin: 0px 0px 50px}
    .our_commitment.commitment_after_line:after, .our_commitment.commitment_after_line:before, .skilled_after_line .two_images:before, .skilled_after_line::after, .skilled_after_line::before, .commitment_arrow_line .image_div:before, .skilled_after_line .two_images:before{display: none}
    .our_commitment .image_div {height: 400px}
    .our_values .row{row-gap: 20px}
.our_values .custom_flex{flex-wrap:wrap}
    .we_have_done .calander_cards_title {margin-top: 40px;margin-bottom: 0px;}
    .area_we_offer.hero_section.thermo_stat .row{row-gap: 25px}
    .area_we_offer.hero_section.thermo_stat{padding: 172px 0px 40px }
    .area_we_offer.hero_section.thermo_stat{padding-top: 80px}
    .services_detail .card{align-items: center;gap:10px}
    .faq_section .accordion .accordion-button {padding: 15px}
    .we_have_done .our_project h6{font-size: 14px}
    .we_have_done .our_project h5{font-size: 16px}
    .header .custom_header{flex-direction: row-reverse;justify-content: space-between}
    .header .custom_header .nav_menu {position:absolute;right:40px;top:94%;background:white;padding:20px;border-radius:10px;border-top-right-radius:0;z-index: 99}
    .header_buttons.our_services_desktop{margin-top: 10px;}
    .header .site_logo {width: 280px}
    .header .dropdown-menu:has(.dropdown_columns_wrapper){height:300px;overflow-y:auto;overflow-x:hidden}
    .header .dropdown_columns_wrapper .dropdown-item{padding:10px;font-size:12px;width: 100%;flex-wrap: wrap}
    .header .dropdown_columns_wrapper{grid-template-columns:2fr;min-width: fit-content}
    .hero_section .hero_section_right .circle-bg::after {width: 422px;height: 422px}
    .header .dropdown_columns_wrapper .dropdown_icon{margin-right:5px}
    .hero_section .hero_section_right .worker-figure {height: 450px}
    .hero_section .hero_section_right {min-height: 445px}
    body .btn{padding: 12px 20px;font-size: 14px}
    .banner .cards h5{font-size: 17px}
    .graph_section .dog_image {right:-30px}
    .graph_section .graph_content{gap:15px;padding-top: 60px}
    .our_services .slider_content.clickable-card .image_div {height: 250px}
    .how_it_works .process_section .single_process h2 {font-size: 36px}
    .price_section .price_content .competitor-card .circle-rating::before{width: 45px;height: 45px;top: 5px;left: 5px}
    .price_section .price_content .competitor-card .circle-rating{width: 55px;height: 55px}
    .price_section .price_content .competitor-card h6 {margin-top: 8px}
    .price_section .dog_image {height: 350px}
    .testimonial_section .testimonial_card p {margin: 10px 0px}
    .testimonial_section h3 {margin-bottom: 25px}
    .hero_section {padding: 172px 0px 60px 0px}
    .map_section .map_image {height: 350px}
    .map_section .row{row-gap: 30px}
    .banner {margin-top: 60px;}
    .graph_section .chart_image{left: 0}
    .graph_section .dog_image{right: 155px}
    .graph_section{padding: 50px 0px}
    .our_services{padding: 50px 0px}
    .our_services .row{row-gap: 25px}
    .blog_detail .blog_hero_banner {height: 350px}
    .help_section .help_card_wrapper {max-width: 90%;}
    .footer_sec .row{column-gap: 0}
    .our_services .services_heading{max-width: 100%}
    .services_detail .button_text_flex {gap:20px;flex-wrap: wrap;flex-direction: column-reverse;margin: 20px 0px 40px}
    .services_detail .row.align_item_center{row-gap: 25px}
    .we_have_done .row{row-gap: 25px}
    .footer_sec .popular_service_wrap {row-gap: 10px}
    .footer_sec .popular_service_wrap form .text_field input {padding:12px}
    .footer_sec .popular_service_wrap form .text_field .btn_footer_subscribe {padding: 12px;font-size: 14px}
    .footer_sec .popular_service_wrap ul li {margin-bottom: 10px;line-height: 23px}
    .footer_sec .footer_logo_text_wrap h6 {line-height: 25px}
    .blog_listing{padding:0px 0px 60px}
    .calendar .day-cell{font-size: 20px;letter-spacing: normal}
    .calendar .day-date {font-size: 14px;margin-top: 5px;}
    .calendar .slot-text{font-size:12px}
    .calendar .day_name {font-size: 16px}
    .calendar .slot-container h4{font-size: 18px}
    .calendar .slot-form-group select{font-size: 12px}
    .calendar .button_wrapper {margin: 40px 0}
    .calendar{padding-bottom: 50px}
    .header .custom_header {gap:20px}
    .booking_details_section .step-content > .row ,.bookings_wrapper .custom_container > .row {flex-direction: column-reverse;}
    }
@media only screen and (max-width: 800px) {
    .how_it_works .process_section{gap:20px}
    h4{font-size: 25px;}
    .hero_section_right .dot2 {left:10%}
    .booking_details_section .stepper .step:not(:last-child) span.steps_number:after {top:17%;left:41%;width: 2px;height: 100%}
    .booking_details_section .stepper_wrapper_parent{display: flex;gap:30px}
    .booking_details_section .stepper{flex-wrap: wrap;width: 100px}
    .our_values .value_card h5 {font-size: 23px;margin: 10px 0px 5px}
    .skilled_team_section .primary_image {height: 200px}
    .skilled_team_section .main_image {height: 420px}
    .hero_banner .category_tags{max-width: 100%}
    .we_have_done {padding: 0px 0px 60px}
    .how_it_works {margin-bottom:40px}
    .hero_banner .hero_content p{max-width: 90%}
    .our_commitment h3{margin-bottom:10px}
    .our_values {padding: 50px 0px}
    .how_it_works .how_it_works_content p{max-width: 100%}
    .price_section .price_content h4{margin-bottom: 15px}
    .blog_listing .single_blog .blog_image{height: 215px}
    .text_banner h3 {font-size: 23px;line-height: 36px;max-width: 85%}
    .calendar .slot-text {font-size: 8px}
    .calendar .slot-cell{height: 50px}
    .calendar .day_name {font-size: 14px}
    .calendar .grid-container {grid-template-columns: 85px repeat(6,1fr)}
    .calendar .day-cell {width: 85px}
    .calendar .slot-container .row{row-gap: 10px}
    .calendar .primary-slot-info .selected_slots{gap: 15px}
    .calendar .secondary-slots-info {gap:15px}
    .calendar .calendar_heading  h4, .calendar .calendar_heading  h4 span{font-size:18px }
    .calendar .calendar_heading {margin-bottom:5px !important}
    .calendar .currentMonth {font-size:18px}
    .form-group label {font-size: 13px}
    .login_register .login_box .forgot_wrapper a.forget_btn {font-size: 13px}
    .calendar .day-date{font-size: 10px;margin-top: 0px}
    .blog_listing .single_blog:nth-child(6n+2) .blog_image, .single_blog:nth-child(6n+4) .blog_image{height: 260px}
    .booking_details_section .stepper .step_text{display: none}
    .login_register .login_box .submit_btn button{padding: 10px}
}
@media only screen and (max-width: 767px) {
    .appointment p{max-width: 100%}
    .area_we_offer.hero_section.thermo_stat {padding-top: 0px;}
    .login_head a.back_btn {top:-30px;width: 30px;height: 30px}
    .login_register .login_logo {height: 350px}
    .calendar .button_wrapper .btn{padding:10px;font-size:10px}
    .login_register .login_custom_container{height: unset}
    .login_register .login_box h1 {margin-bottom: 10px}
    .modal .modal-dialog, .modal .modal-content{min-width: 500px}
    .header .custom_header .nav_menu .nav-item a.nav-link {font-size: 13px}
    .hero_section .hero_section_right{min-height: 400px}
    .login_register .login_box .submit_btn button{padding: 10px}
    .hero_section_right{min-height: 370px}
    .hero_section_right .worker-figure {height: 370px}
    .hero_section_right .circle-bg::after {width: 350px;height: 350px}
    .hero_section_right .dot1 {top: 20%}
    .hero_section_right .dot2 {left: 25%}
    .hero_section_right .dot3 {left: 18%}
    .hero_section_right .dot4 {right: 15%}
    .bookings_wrapper .additional_info .row {row-gap: 20px}
    .hero_section .hero_section_right .worker-figure{height: 400px}
    h5{font-size: 14px}
    h2{font-size: 42px}
    .guidelines h2 span, .guidelines h2, .guidelines h3, .guidelines h3 span{font-size: 20px;line-height: 23px !important;}
    .bookings_wrapper{padding-bottom: 50px}
    .form-group label {margin-bottom: 5px}
    .bookings_wrapper .steps_details .additional_info {margin-top: 15px}
    .bookings_wrapper .additional_info .form-group .custom_justify select{padding: 12px}
    .bookings_wrapper .button_wrapper {margin-top: 30px}
    .form-group input.form-control, .form-group select.form-control{padding: 12px}
    .booking_details_section .stepper .step:not(:last-child) span.steps_number:after {top: 21%}
    .form-group input.form-control::placeholder{font-size:12px}
    .form-group label {font-size: 14px}
    .new_page_banner:has(.zip_code_box) {padding-top:175px}
    .blog_detail h5 {font-size:22px;letter-spacing: normal;margin-bottom: 10px}
    .blog_listing .row {row-gap: 20px}
    .testimonial_section{padding: 40px 0px 20px}
    .header .navbar .header_buttons .btn{padding: 10px;font-size:13px}
    .hero_banner .hero_content p {max-width: 80%}
    .portfolio_section .portfolio_tabs{margin-bottom: 0px}
    .blog_detail .blog_hero_banner {height: 300px}
    .price_section.services_price_section{margin-bottom:25px}
    .portfolio_section .portfolio_images .portfolio_img {height: 320px}
    .hero_banner {padding: 130px 0px 100px}
    .our_services_page .services_cards .image_div {height: 220px}
    .services_detail .button_text_flex {margin: 20px 0px 20px}
    .we_have_done p{max-width:80%;padding: 10px 0px 30px}
    .services_detail {padding-bottom:40px}
    .hero_banner.services_details_banner {padding: 150px 0px 40px}
    .advertisement_marquee h4 {font-size: 13px}
    h3{font-size: 28px;line-height: 38px}
    .our_services{padding:30px 0px}
    .hero_section .hero_section_right .circle-bg::after{width: 380px;height: 380px}
    .map_section .map_image {height: 290px}
    .banner .row{row-gap: 25px}
    .services_detail .tv_mounting_images{height: 300px}
    .graph_section .chart_image {height: 300px}
    .price_section{padding: 40px 0px}
    .graph_section .chart_image img{object-fit: contain}
    .our_services p{margin: 10px 0px}
    .price_section .dog_image {height: 280px}
    .services_detail .col-md-3 .tv_mounting_images {height:240px}
    .price_section .custom_row,.price_section .price_content .row{row-gap: 12px}
    .footer_sec .footer_logo_text_wrap{gap:0}
    .footer_sec .popular_service_wrap {row-gap: 10px}
    .footer_social_icons{justify-content: center}
    .footer_sec .row {row-gap: 15px}
    .how_it_works .process_section {flex-wrap: wrap}
    .single_process:not(:last-child)::before{height: 22%;right: -45px;bottom: 0;transform:rotate(93deg)}
    .single_process:nth-child(even):not(:last-child)::before {right: 45px}
    .how_it_works .process_section .single_process p{max-width: 60%}
    .footer_sec .footer_logo_text_wrap h6 {font-size: 14px}
    .blog_listing .single_blog .blog_content {gap:10px}
    .our_commitment .image_div, .skilled_team_section .main_image{height: 350px}
    .our_commitment .image_div img{object-position: top;}
    .our_commitment{margin: 0px 0px 20px}
    .header .dropdown_columns_wrapper .dropdown-item{font-size: 10px}
    .header .dropdown_columns_wrapper .dropdown_icon img {width: 15px;height: 15px}
    .skilled_team_section.skilled_after_line .row, .our_commitment.commitment_after_line .row{row-gap: 10px}
    .skilled_team_section h3 {margin-bottom:10px}
    .skilled_team_section{margin-bottom: 50px}
    .our_commitment .row{row-gap: 10px}
    .footer_sec .footer_logo {width: 240px}
    .login_register .login_box {padding: 10px 0px 30px}
    .tawk-message-preview-content .tawk-message{width:fit-content;padding:10px; !important;}
    .tawk-text-regular-3{font-size:12px !important}
    .tawk-survey-option .tawk-button{font-size:10px !important;color:red}
    .tawk-message-preview-content .tawk-message.tawk-survey{margin-top:0px !important}
    .tawk-margin-xsmall-bottom{margin-bottom:0px !important}
    .tawk-message-preview-content{display: none}

    }
@media only screen and (max-width: 600px) {
    .zip_code_box {max-width:80%}
    .help_section{margin-top: 20px;}
    .faq_section .accordion .accordion-button.collapsed i{font-size: 14px}
    .we_have_done .calander_cards_title{margin-bottom: 0px;margin-top: 0px;}
    .calendar .slot-text {height: 62%}
    .header .navbar .header_buttons .btn {padding: 10px 12px}
    .header .site_logo{width: 220px}
    .help_section{margin-bottom: 0px}
    h3{font-size: 25px}
    .hero_section_right{min-height: 310px}
    .hero_section_right .dot1 {width: 25px;height: 25px}
    .hero_section_right .worker-figure {height: 310px}
    .hero_section_right .circle-bg::after {width: 300px;height: 300px}
    .calendar .calendar_heading  h4, .calendar .calendar_heading  h4 span{font-size:15px }
    .calendar .calendar_heading {margin-bottom:5px !important}
    .calendar .currentMonth {font-size:15px}
    .login_register .login_box .form-group {margin:0px 0px 10px 0px}
    .login_register .login_box .submit_btn{margin: 15px 0px}
    h1{font-size: 36px;line-height: 46px;}
    h2{font-size: 34px}
    .guidelines h2 span, .guidelines h2, .guidelines h3, .guidelines h3 span{font-size: 18px;line-height: 21px !important;}
    .header .custom_header .nav_menu{width: 100%;left: 0;border-radius: 0px}
    .blog_detail.blog_listing span{font-size:20px !important}
    .booking_details_section .stepper .step:not(:last-child) span.steps_number:after {top:12%}
    .booking_details_section .steps_details.custom_soundbar_radio .wall_type_box label.custom_radio{flex-wrap:wrap;padding: 20px}
    .booking_details_section .steps_details.custom_soundbar_radio .wall_type_box label.custom_radio .image_div{width: 100%}
    .related_blogs.blog_listing .single_blog{flex-direction:row}
    .our_commitment .image_div, .skilled_team_section .main_image {height: 300px}
    .blog_listing .single_blog .blog_content h6 {font-size: 13px}
    .blog_listing .single_blog .blog_content .readmore_btn {font-size: 13px}
    .blog_listing .single_blog .blog_content p {line-height: 20px;font-size: 14px}
    .blog_listing .single_blog .blog_content {gap:5px}
    .blog_listing .single_blog{flex-direction: column}
    .blog_listing .single_blog .blog_image {height: 190px;width: 100%}
    .blog_listing .single_blog:nth-child(6n+2) .blog_image, .single_blog:nth-child(6n+4) .blog_image{height: 240px}
    .hero_banner .category_tags{margin-top: 25px;}
    .footer_sec .footer_logo {width: 240px}
    .testimonial_section.thermo_stat {padding: 0px 0px 40px}
    .portfolio_section{padding:0px 0px 50px}
    .footer_sec .row{align-items: center}
    .portfolio_section .portfolio_images .portfolio_img:hover .overlay p {line-height: 23px}
    .portfolio_section .portfolio_images .portfolio_img:hover .overlay h3 {font-size: 25px;line-height: 25px}
    .portfolio_section .portfolio_images .portfolio_img{height: 300px}
    .how_it_works .how_it_works_content p{padding:10px 0px;text-align: center}
    .testimonial_section {padding: 20px 0px}
    .we_have_done .our_project h5 {margin: 15px  0px 5px}
    .faq_section .accordion {margin: 30px 0px}
    .faq_section .accordion .accordion-body {padding: 20px}
    .hero_banner.services_details_banner {padding: 130px 0px 30px}
    .services_detail .tv_mounting_images {height: 270px}
    .services_detail .col-md-3 .tv_mounting_images{height:220px}
    .testimonial_section{padding: 40px 0px 0px}
    .graph_section .dog_image {width: 190px;height: 125px;top:25px;right: 0}
    .graph_section .chart_image{height: 260px;}
    .services_detail .button_text_flex{margin: 10px 0px}
    .graph_section{padding: 0px 0px 50px}
    p{line-height: 23px}
    .text_banner h3 {font-size: 21px;line-height: 30px;max-width: 95%}
    .text_banner{padding: 20px 0px}
    .graph_section .graph_content {padding-top: 35px}
    .custom_container{padding:0px 20px;}
    .how_it_works{padding: 30px 0px;margin-bottom:0px}
    .how_it_works .process_section .single_process h5 {font-size: 20px}
    .price_section .dog_image {height: 220px}
    h6{font-size: 14px}
    .hero_section .hero_sec_cards{flex-wrap: wrap}
    .hero_section .cards h5{max-width: 80%;margin: auto}
    .faq_section .accordion .accordion-body h6 {font-size: 14px}
    .invoice-container .invoice_details {margin-bottom:10px}
    .view_guidelines .view-guidelines-btn {font-size:12px}
    .booking_details_section .step-content .guidelines ul {gap:0px;margin-top: 0px}
    .guidelines  p span:first-child{font-size:20px;}
    .booking_details_section .form-check input[type=radio]{width: 15px;height:15px}
    .booking_details_section .step-content select.select_quantity {padding:10px}
    .modal .modal-dialog, .modal .modal-content{min-width: 400px}
    .modal h5 {font-size: 20px;padding-bottom: 10px}
    .modal .btn{padding: 10px}
    .our_services_page .services_cards h5{font-size: 17px}
    .invoice-container .invoice_details h6{letter-spacing: normal}
    .select_button .modal_button {flex-wrap: wrap-reverse;gap:10px}
    .custom_tabs ul.nav-pills .nav-link{padding: 14px}
    .invoice_txt {margin-top: 12px;}
    .bookings_wrapper .additional_info .form-group h6 {font-size: 17px}
    .bookings_wrapper .form-group p {margin-top: 0px;}
    .upload_image_container .upload_image_icon .icon_img {width: 22px;height: 22px}
    .upload_image_container {padding: 25px}
    .registration_form .reg_form .row {row-gap: 10px}
    .registration_form{padding-bottom: 0px}
    .upload_image_container .upload_image_icon p{font-size: 12px;line-height: 19px}
    }
@media only screen and (max-width: 575px) {
    .footer_sec{padding: 20px}
    .hero_section_right .dot1 {right: 18%}
    .hero_section_right .dot2 {left: 15%}
    .hero_section_right .dot3 {left: 10%}
    .hero_section_right .dot4 {right: 5%}
    .footer_sec .different_footer_icon {justify-content: center}
    .footer_sec .terms_privacy_copyright_wrap .terms_wrapper a{line-height: 21px}
    .footer_sec .terms_privacy_copyright_wrap p {line-height: 23px}
    .footer_sec .popular_service_wrap ul a{column-gap: 15px}
    .footer_sec .footer_logo_text_wrap{text-align: center}
    .footer_sec .footer_logo {margin: 10px auto}
    .footer_sec .popular_service_wrap{text-align: center}
    .footer_sec .popular_service_wrap ul{margin: auto}
    .footer_social_icons{gap:10px}
    .our_values{padding: 30px 0px 60px}
    .our_values .custom_flex h3 {width: 100%}
    .blog_listing .single_blog {gap:15px;flex-direction: column}
    .footer_sec .terms_privacy_copyright_wrap{flex-wrap: wrap;row-gap: 10px;text-align: center;justify-content: center}
    .footer_sec .popular_service_wrap ul.contact_ul{max-width: 50%;text-align: start}
    }
@media only screen and (max-width: 515px) {
    h2{line-height: 44px;letter-spacing: normal}
    .hero_banner .hero_content p{max-width: 100%}
    .hero_banner {padding: 130px 0px 70px}
    .login_register .login_box h1{font-size: 22px;text-align: center}
    .login_register .login_logo{height: 280px}
    .booking_details_section .stepper .step:not(:last-child) span.steps_number:after {top:11%}
    .graph_section .chart_image{width:380px }
    .blog_listing .blog_grid {gap:10px}
    .text_banner h3 {font-size: 18px;line-height: 28px}
    .hero_banner .category_tags .tags span{font-size: 13px}
    .portfolio_section .portfolio_images .portfolio_img {height: 270px}
    h3{font-size:23px;line-height: 34px}
    .services_detail .tv_mounting_images {height:240px}
    .services_detail .col-md-3 .tv_mounting_images {height: 190px}
    .hero_section .hero_section_right{min-height: 350px}
    .hero_section .hero_section_right .worker-figure{height: 350px}
    .hero_section .hero_section_left p {margin: 15px 0px}
    h5{font-size: 13px}

    .bookings_wrapper .button_wrapper{margin-top: 20px}
    .blog_detail .blog_hero_banner{height: 250px}
    .our_commitment .image_div, .skilled_team_section .main_image {height: 250px}
    .we_have_done p{text-align: center;padding: 10px 0px 0px}
    .services_detail.appointment_detail .row.align_item_center{row-gap: 15px}
    .hero_section .hero_section_right .circle-bg::after{height: 340px;width: 340px}
    .our_services .slider_content.clickable-card .image_div {height: 220px}
    .faq_section .accordion .accordion-button {font-size: 17px}
    }
@media only screen and (max-width: 480px) {
    h1{line-height: 42px}
    .calendar .day-cell {width: 72px}
    .thankyou_note .note_container{max-width: 100%}
    .calendar .slot-grid{overflow-x: scroll}
    .hero_section_right .circle-bg::after {width: 250px;height: 250px}
    .hero_section_right {min-height: 260px}
    .hero_section_right .worker-figure{height: 260px}
    .header .logged_in_profile .profile_dropdown {width: 25px;height:25px;border: none}
    header .dropdown.logged_in_profile p {display: none}
    .calendar .grid-container {grid-template-columns: 72px repeat(6,1fr)}
    .custom_tabs ul.nav-pills .nav-link{padding: 10px;font-size: 14px}
    .blog_listing .single_blog .blog_content h4 {font-size: 23px}
    .blog_listing .single_blog:nth-child(6n+2) .blog_image, .single_blog:nth-child(6n+4) .blog_image {height: 220px}
    .blog_listing .single_blog .blog_image {height:170px}
    .footer_sec .terms_privacy_copyright_wrap p,.footer_sec .terms_privacy_copyright_wrap .terms_wrapper a{font-size: 12px;line-height: 16px}
    .footer_sec .popular_service_wrap ul.contact_ul{max-width: 70%}
    .we_have_done p {max-width: 100%}
    .calendar .slot-text {height: 100%;border-radius: 0px}
    .hero_section .hero_sec_cards .cards {max-width: 180px}
    .hero_section .cards h5 {max-width: 100%}
    .invoice_txt p{text-align: justify}
    .hero_section {padding: 172px 0px 50px}
    .calendar .slot-cell{padding: 0px}
    .services_detail .tv_mounting_images{height: 220px}
    .services_detail .col-md-3 .tv_mounting_images {height:160px}
    .services_detail .tv_bookings_row {row-gap: 15px}
    .we_have_done .our_project h6 {line-height: 23px}
    }
@media only screen and (max-width: 425px) {
    .bookings_wrapper .additional_info .row {row-gap: 15px}
    .map_section .map_image {height: 250px}
    h1{font-size: 33px;line-height: 40px}
    .zip_code_box{max-width: 90%}
    .calendar .currentMonth{min-width: unset}
    .calendar .calendar_heading  h4, .calendar .calendar_heading  h4 span{font-size:13px;text-align: start}
    .calendar .calendar_heading {margin-bottom:5px !important}
    .calendar .currentMonth {font-size:13px}
    .form-group label {font-size: 12px;margin-bottom: 5px}
    h2{font-size: 30px;line-height: 44px;letter-spacing: normal}
    .hero_section .hero_section_left p {line-height: 27px}
    .header .custom_header button.navbar-toggler{font-size:15px}
    .header .site_logo{width: 190px}
    marquee{top: 16%}
    p{line-height: 23px}
    .hero_section {padding: 145px 0px 50px}
    .header .navbar .header_buttons .btn {padding: 10px;font-size: 10px;font-weight: bold}
    .graph_section .chart_image{width: 340px}
    .graph_section .dog_image {top:45px}
    .banner {margin-top: 40px}
    .modal .modal-dialog, .modal .modal-content{min-width: 90%}
    .hero_banner.services_details_banner {padding: 120px 0px 20px}
    .how_it_works .how_it_works_content p{text-align: center}
    .faq_section .accordion .accordion-body {padding:15px}
    .we_have_done {padding:0px 0px 40px}
    .hero_banner .category_tags{justify-content: start}
    .portfolio_section .portfolio_images .portfolio_img:hover .overlay p {line-height: 20px}
    h2{line-height: 36px}
    }
@media only screen and (max-width: 375px) {
    .hero_section_right .dot1 {right: 10%}
    .hero_section_right .dot3 {left: 6%}
    .booking_details_section .stepper_wrapper_parent {gap:13px}
    .footer_sec .popular_service_wrap form .text_field{flex-wrap: wrap;justify-content: center;row-gap: 10px}
    .footer_sec .footer_logo {width: 235px}
    .footer_sec .popular_service_wrap ul.contact_ul {max-width: 100%}
    .faq_section .accordion .accordion-button {padding: 15px;font-size: 16px}
    h1{font-size: 30px;line-height: 36px}
    .login_register .login_box h1 {font-size: 20px}
    .hero_section .hero_section_left p {line-height: 23px}
    h6{font-size: 12px}
    .guidelines p span:first-child{font-size: 17px;line-height: 23px}
    .how_it_works .process_section .single_process p {max-width: 70%}
    .faq_section .accordion .accordion-body h6{line-height: 23px}
    .faq_section .accordion .accordion-body {padding:15px}
    .graph_section .graph_content {padding-top: 20px}
    .hero_section .hero_section_right {min-height:300px}
    .hero_section .hero_section_right .worker-figure{height: 300px}
    .hero_section .hero_section_right .circle-bg::after{width: 290px;height: 290px}
    .hero_section .hero_section_right .dot1 {width: 22px;height: 22px}
    body .btn{font-size: 12px;padding: 10px}
    .price_section .price_content .competitor-card {padding: 15px}
    .hero_section .hero_section_left p {font-size:14px;line-height: 20px;margin: 10px 0px}
    .hero_section .cards{margin-top: 20px}
    .how_it_works .process_section .single_process h5 {margin: 0px}
    .hero_section .cards .image_div {width: 45px;height: 45px}
    .hero_section{padding: 145px 0px 40px}
    h3{font-size: 21px;line-height: 27px}
    .map_section .map_sec_content p{margin: 10px 0px}
    .banner .cards h5 {font-size: 16px}
    .banner .row{row-gap: 15px}
    .graph_section .dog_graph_wrapper{height: 303px}
    .graph_section .dog_image{top: 0px}
    p{line-height: 21px}
    .graph_section{padding: 0px 0px 30px}
    .how_it_works .how_it_works_content p{padding: 10px 0px 20px}
    .single_process:not(:last-child)::before{display: none}
    .price_section .price_content p{line-height: 20px;font-size: 14px;margin-top: 10px;}
    .help_section .image_div img{width:100%;height:100%;object-fit:contain}
    .help_section .image_div{width: 40px;height: 40px}
    .help_section .help_card_wrapper .row{row-gap: 12px}
    .graph_section .graph_content{padding-top:0px}
    h4{font-size: 22px}
    .help_section{padding: 20px}
}
@media only screen and (max-width: 320px) {
    h1{font-size: 28px;line-height: 32px}
    .hero_section .hero_section_right {min-height: 270px}
    .hero_section .hero_section_right .worker-figure {height: 270px}
    .hero_section .hero_section_right .circle-bg::after{height: 250px;width: 250px}
    .graph_section .chart_image {width: 270px}
    .graph_section .dog_image {width: 150px;height: 100px}
    .graph_section .dog_graph_wrapper {height: 270px}
    .how_it_works{padding: 20px 0px 20px}
    h3{font-size: 19px}
    .price_section .dog_image {height: 180px}
    .how_it_works .process_section .single_process h2 {font-size: 32px}
    .price_section{padding: 40px 0px 0px}
    .header .site_logo {width: 150px}
    }