/*RESPONSIVE MENU*/
.responsive_btn {
    display: none;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: -2px 0;
    float: right;
    position: relative;
    z-index: 20;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    background: #e7242b;
    border-radius: 8px;
    /* margin-left: 40px; */
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.responsive_btn span {
    display: block;
    height: 2px;
    width: 20px;
    position: relative;
    top: 50%;
    margin: -1px auto;
}

.responsive_btn span:before,
.responsive_btn span:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
}

.responsive_btn span:before {
    top: -6px;
}

.responsive_btn span:after {
    bottom: -6px;
}

.responsive_btn span,
.responsive_btn span:before,
.responsive_btn span:after {
    background: #fff;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

.responsive_btn:hover span,
.responsive_btn:hover span:before,
.responsive_btn:hover span:after {
    background: #fff;
}

.responsive_nav {
    display: block;
    position: fixed;
    left: -280px;
    top: 0;
    bottom: 0;
    width: 280px;
    min-height: 100%;
    z-index: 101;
    background: #e7242b;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

.responsive_nav ul {
    margin: 0;
    padding: 0;
    text-align: left;
    flex-direction: column;
}

.responsive_nav {
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: scroll;
}


.responsive_nav li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
}

.responsive_nav li:first-child {
    border-top: none;
}

.responsive_nav li:after {
    display: none;
}

.responsive_nav li>a {
    display: block;
    padding: 12px 10px 8px;
    color: var(--white-color);
    position: relative;
}

.responsive_nav li a:hover,
.responsive_nav li a:focus,
.responsive_nav li.current_page_item>a {
    color: #fff;
}

.responsive_nav ul {
    padding: 0
}

.responsive_nav .sub-menu,
.responsive_nav li a i {
    display: none;
}

.responsive_nav .subarrow {
    display: block;
    pointer-events: inherit;
    width: 30px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
}

.responsive_nav .sub-menu .container {
    width: 100%;
    padding: 0;
}

.bodyOverlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    transform: none;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}

html.responsive,
.responsive body {
    overflow-y: hidden;
}

.responsive .wrapper {
    -webkit-transform: translate(-280px, 0) !important;
    transform: translate(-280px, 0) !important;
}

.responsive .bodyOverlay {
    opacity: 1;
    visibility: visible;
}

.responsive .responsive_nav {
    left: 0;
}

.responsive .responsive_btn {
    pointer-events: none;
}

.responsive .responsive_btn span {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.responsive .responsive_btn span:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    top: 0;
}

.responsive .responsive_btn span:before {
    opacity: 0;
}

.responsive_nav .opened>.subarrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.responsive_nav .mCSB_outside+.mCSB_scrollTools {
    right: 0;
}

.responsive .responsive_nav .mCSB_outside+.mCSB_scrollTools {
    right: -4px;
}

.responsive_nav li.menu-item-has-children {
    display: block;
}

.responsive_nav ul li .sub-menu {
    padding-left: 10px;
}

/*MENU END*/

@media only screen and (min-width: 1920px) and (max-width: 3000px) {
    .container {
        max-width: 1440px;
    }
}

@media only screen and (min-width: 1401px) and (max-width: 1919px) {}

/*1200px*/
@media only screen and (max-width: 1400px) {

    .banner_section,
    .banner_home_slide {
        height: 465px;
    }

    .banner_text {
        width: 740px;
        padding-bottom: 110px;
    }

    .home_banner_heading {
        font-size: 44px;
        line-height: 60px;
        margin-bottom: 10px;
    }

    .cmn_white_heading {
        font-size: 36px;
    }

    .home_aboutUs .chooseImg figure.big-image {
        width: 330px;
        height: 330px;
    }

    .home_aboutUs .chooseImg figure.small-image {
        width: 220px;
        height: 220px;
    }

    .chooseus .chooseImg figure img {
        width: 100%;
        height: 100%;
    }

    .home_aboutUs .chooseImg figure.small-image {
        right: 5%;
    }

    .home_service .serviceslide .owl-nav .owl-prev {
        left: auto;
        right: 60px;
    }

    .home_service .serviceslide .owl-nav .owl-next {
        right: 0;
    }

    .home_service .serviceslide .owl-nav {
        top: -10%;
    }

    .work_grid .workbox:not(:last-child)::before {
        width: 40%;
        left: 80%;
        background-size: contain;
    }

    .Call_to_action {
        padding: 50px 0;
        background-size: contain !important;
    }

    .Call_to_action .heading {
        font-size: 34px;
        line-height: 44px;
    }

    .servicebox figure {
        height: 220px;
    }

    .servicebox .servicecontent {
        padding: 15px 20px;
    }

    .servicebox .servicecontent .editor {
        margin: 10px 0;
    }

    .blog_slide_date {
        display: grid;
        gap: 20px;
        margin-bottom: 17px;
        grid-template-columns: repeat(2, 1fr);
    }

    .footer_all_links_box {
        gap: 110px;
    }

    .owl-nav .owl-next {
        right: -30px;
    }

    .owl-nav .owl-prev {
        left: -30px;
    }

    .recent_img {
        width: 80px;
        height: 80px;
    }

    .recent_post_admin_year {
        font-size: 12px;
    }

    .recent_post_blog_heading {
        font-size: 17px;
    }

    .recent_post_btn {
        font-size: 15px;
    }

    .comments-title {
        font-size: 36px;
    }

    .footer_logo_links_section {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .footer_all_links_box {
        gap: 70px;
        padding-left: 70px;
        margin-top: 50px;
    }

    .footer_logo {
        margin-bottom: 26px;
    }

    .footer_copyright {
        color: #fff6;
        padding-top: 10px;
        background: #121212;
        text-align: center;
        padding-bottom: 10px;
        font-size: 12px;
        text-transform: capitalize;
        word-spacing: 1px;
    }

    .counter {
        padding: 30px 0;
        margin-top: 40px;
    }

    .header_logo {
        top: 32px;
        max-width: 150px;
    }

    .header_navigation li a {
        font-size: 15px;
    }

    .cmn_btn {
        padding: 15px 20px;
    }

    .workbox-slide {
        height: 310px;
    }

    .workbox-slide .slider::-webkit-slider-thumb {
        height: 305px;
    }

    .workbox-slide .slider::-moz-range-thumb {
        height: 305px;
    }

    /* .workbox-slide .slider::-webkit-slider-runnable-track {
        height: 100%;
      } */
    .sk_toggle .sk_box .sk_ques {
        padding: 25px 0;
    }

    .sk_toggle .sk_box .sk_ques .subheading::before {
        font-size: 14px;
    }

    .testimonial_slide_box {
        padding: 20px;
    }

    .pb_100 {
        padding-bottom: 80px !important;
    }

    .pt_90 {
        padding-top: 80px !important;
    }

    .aboutus figure {
        width: 46vw;
    }

    .exprience span {
        font-size: 50px;
    }

    .home_aboutUs .imagepart {
        height: 410px;
    }

    .pb_50 {
        padding-bottom: 30px !important;
    }

    .servicebox .servicecontent .title {
        font-size: 20px;
        height: 50px;
    }

    .servicebox .servicecontent .editor {
        margin: 5px 0;
        font-size: 14px;
        -webkit-line-clamp: 2;
        min-height: 50px;
    }

    .servicebox .servicecontent .readmore {
        font-size: 13px;
    }

    .servicebox .servicecontent .readmore i {
        font-size: 10px;
        margin-top: 2px;
    }

    .countitem .text {
        font-size: 16px;
    }

    .countergrid .countitem {
        row-gap: 10px;
    }

    .countitem .num {
        font-size: 35px;
        line-height: 45px;
    }

    .sk_toggle .sk_box .sk_ques .subheading {
        font-weight: 400;
    }

    .sk_toggle .sk_box .sk_ans {
        padding-bottom: 30px;
    }

    .blogs_heading_home_box {
        margin-bottom: 30px;
    }

    .blog_slide_img {
        height: 420px;
    }

    .newsletter {
        padding: 20px 0;
    }

    .newsletter .tnp-subscription form .tnp-field-email input,
    .newsletter .tnp-subscription form .tnp-field-button .tnp-submit {
        height: 50px;
    }

    .newsletter .tnp-subscription form .tnp-field-button::before {
        top: 11px;
    }

    h4 {
        font-size: 40px;
        line-height: 46px;
    }

    .values figure.stickybox {
        max-width: 400px;
    }

    .call_to_action-inner {
        padding-block: 30px;
    }

    .map_box {
        padding: 20px;
    }

    .footer_section {
        background-size: cover;
        background-position: top;
    }
    .reviewbox{
        padding: 5px 6px;
        width: 50px;
    }

}

/*1170px*/
@media only screen and (max-width: 1199px) {
    .header_logo {
        top: 32px;
        max-width: 150px;
    }

    .header_navigation {
        gap: 30px;
    }

    .header_navigation li a,
    ul.sub-menu>li>a {
        font-size: 14px;
    }

    .cmn_btn {
        padding: 15px 18px;
    }

    .banner_section,
    .banner_home_slide {
        height: 500px;
    }

    .home_aboutUs .imagepart {
        height: 400px;
    }

    .pt_100 {
        padding-top: 80px !important;
    }

    .cmn_white_heading {
        font-size: 30px;
        line-height: 36px;
        padding-bottom: 20px;
    }

    .servicebox figure {
        height: 220px;
    }

    .work_grid .workbox {
        padding: 0 60px;
    }

    .work_grid .workbox .editor {
        font-size: 15px;
    }

    .work_grid .workbox:not(:last-child)::before {
        width: 35%;
        left: 83%;
    }

    .workbox-slide {
        height: 300px;
    }

    .workbox-slide .slider::-webkit-slider-thumb,
    .workbox-slide .slider::-moz-range-thumb {
        height: 300px;
    }

    .workbox-slide::before,
    .workbox-slide::after {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }

    .Call_to_action {
        background-position: 70px 0 !important;
    }

    .contact_faq_box {
        padding-right: 60px;
    }

    .exprience span {
        font-size: 60px;
    }

    .footer_link_heading {
        font-size: 17px;
        margin-bottom: 18px;
        line-height: 30px;
    }

    .newsletter.section .left-text h4 {
        font-size: 30px;
        line-height: 49px;
    }

    .footer_all_links_box {
        gap: 46px;
        padding-left: 60px;
        margin-top: 50px;
    }

    .blog_slide_date li {
        font-size: 12px;
        line-height: 18px;
    }

    .blog_slide_box_heading {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 10px;
    }

    /* .banner_home_slide {
        height: 435px;
    } */

    .banner_section, .banner_home_slide {
        height: 410px;
    }

    .home_banner_heading {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 17px;
    }

    .home_aboutUs .chooseImg figure.big-image {
        width: 330px;
        height: 330px;
    }

    .home_aboutUs .chooseImg figure.small-image {
        width: 180px;
        height: 180px;
        right: 0;
    }

    .exprience {
        font-size: 14px;
        max-width: 150px;
    }

    .exprience span {
        font-size: 40px;
    }

    .about-text ul li, .paragraph ul li{
        padding-left: 24px;
    }

    .service_details_section .service_content .service_details_main_img {
        width: 420px;
        height: 320px;
    }

    .service_details_section .service_content {
        min-height: 400px;
    }

    .service_content_list {
        margin: 20px 0;
    }

    .owl-nav .owl-prev {
        left: -54px;
    }

    .owl-nav .owl-next {
        right: -54px;
    }

    .banner_text{
        padding-bottom: 80px;
    }
    .pt_90 {
        padding-top: 50px !important;
    }
    .pt_100 {
        padding-top: 50px !important;
    }
    .pb_100 {
        padding-bottom: 50px !important;
    }
    .owl-carousel .owl-dots{
        margin: 30px 0;
    }
    .blog_slide_img {
        height: 350px;
    }
    .grid-3{
        gap: 20px;
    }
    .about_area, .areaPage {
        padding-block: 50px;
    }
    .alphabetNav{
        gap: 8px;
    }
    .blog_details_page_right_section{
        padding-left: 10px;
    }
    .gallery_images_blog_details img{
        height: 215px;
    }
    .footer_logo{
        max-width: 100px;
    }
    .footer_logo_box .paragraph_white p{
        font-size: 14px;
    }
}


/*992px*/
@media only screen and (max-width: 1169px) {
    .values section .promise .title {
        font-size: 30px;
        line-height: 1.2;
    }

    .section.call_to_action-inner .title {
        font-size: 34px;
        margin-bottom: 18px;
    }

    .section.call_to_action-inner .heading {
        font: 600 44px / 1.15 'Inter';
        margin-bottom: 16px;
        letter-spacing: 1px;
    }

    h1 {
        font-size: 40px;
        line-height: 48px;
    }

    p {
        font-size: 15px;
        line-height: 25px;
    }
    .marq_section .policechecker p{
        font-size: 16px;
    }
    .value-points li{
        --gap: 26px;
    }
    .promise .title{
        font-size: 28px;
    }
    .gallery_grid .lightbox {
        height: 200px;
    }
    .owl-nav .owl-prev {
        left: -25px;
    }
    .owl-nav .owl-next {
        right: -25px;
    }
    .reviewbox .deskimg{display: none;}
    .reviewbox .mobileimg{display: block;}
    .reviewbox{padding: 5px 7px;}

}

/*768px*/
@media only screen and (max-width: 991px) {
    .nav_menu {
        display: none;
    }

    .responsive_btn {
        display: block;
    }

    .home_aboutUs .chooseImg figure.small-image {
        width: 330px;
        height: 330px;
        background-color: none;
        padding: 0;
    }

    .home_aboutUs .chooseImg figure.small-image {
        right: 0%;
        top: -2px;
    }

    .exprience {
        border-radius: 0 0 0 10px;
        position: absolute;
        bottom: 0;
    }

    .home_aboutUs .imagepart {
        height: 360px;
    }

    .service-part.home_service {
        padding-top: 60px !important;
    }

    .work_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }

    .work_grid .workbox figure {
        width: 160px;
        height: 170px;
    }

    .work_grid .workbox:not(:last-child)::before {
        width: 7%;
        left: 47%;
        top: 100%;
    }

    .work_grid .workbox {
        padding: 0px 60px;
    }

    .work_grid .workbox:not(:last-child)::before {
        height: 10px;
        transform: rotate(90deg);
    }

    .how_we_work section .cmn_white_heading.pb_50 {
        padding-bottom: 0px !important;
    }

    .project.section.pt_50.pb_100.mt_50 {
        padding-bottom: 50px !important;
    }

    .contact_faq_form.bgblack.pt_100.start_top {
        margin-top: 60px;
    }

    .contact_faq_form_box.stickybox {
        margin-top: 60px;
    }

    .aboutus.section {
        padding: 60px 0;
    }

    .values {
        padding-block: 60px;
    }

    .values .cmn_white_heading {
        padding-bottom: 7px;
        padding-top: 30px;
    }

    .promise .title {
        font-size: 25px;
        line-height: 1.2;
        max-width: 60%;
    }

    .about_area {
        padding-block: 60px;
    }

    .aboutus figure {
        width: 90vw;
        margin-top: 30px;
    }

    .aboutus figure img {
        max-height: 300px;
    }

    .values figure.stickybox {
        max-width: 700px;
        text-align: center;
    }

    .cmn_white_heading {
        font-size: 30px;
        line-height: 34px;
    }

    .left-text {
        text-align: center;
        padding-bottom: 15px;
    }

    .newsletter .tnp-subscription form {
        display: flex;
        justify-content: center;
    }

    .carousel-wrap .grid-3 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .areaPage {
        padding-block: 60px;
    }

    p {
        font-size: 15px;
        line-height: 25px;
    }

    .categorygrid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .contact_map_location_section {
        margin: 60px 0 0 0;
    }

    .service_details_section .service_content .service_details_main_img {
        width: 100%;
        height: 400px;
        float: none;
        margin: 0 auto 30px auto;
    }

    .contact_map_location_section .row {
        justify-content: center;
    }

    .contact_faq_form.bgblack.pb_100.pt_100 {
        padding-top: 60px !important;
    }

    .header_navigation {
        gap: 0px;
    }

    .header_navigation {
        align-items: inherit;
    }

    .quote_btn {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .quote_btn .cmn_btn {
        padding: 10px 13px;
    }

    .home_banner_heading {
        font-size: 35px;
        line-height: 45px;
    }

    
    .how_we_work section .cmn_white_heading.pb_50 {
        padding-bottom: 0 !important;
    }

    .workbox .editor.w {
        margin-bottom: 33px;
    }

    .servicescat_inner_section .grid-3 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .servicescat_inner_section {
        padding: 60px 0 !important;
    }

    .header_navigation li.current_page_item a {
        color: #fff;
    }

    .home_aboutUs .chooseImg figure.small-image {
        position: relative;
    }

    .home_aboutUs .imagepart .chooseImg {
        display: flex;
    }

    .homeblogs_section.pt_90.pb_100 {
        padding: 60px 0 !important;
    }

    .business_cleaning_section.pt_100.start_bottom {
        padding: 60px 0 0 0;
    }

    .service_content_list .paragraph ul li {
        font-size: 14px;
        line-height: 24px;
    }
    .business_cleaning_section
    {
        padding: 60px 0 !important;
    }

    .header_logo {
        top: 12px;
        max-width: 120px;
    }
    .project_grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .Call_to_action{
        background: #ecf6ff !important;
    }
    .contact_faq_box {
        padding-right: 0;
    }
    .business_cleaning_section{padding-bottom: 0 !important;}
    .footer_logo_box{
        text-align: center;
    }
    .footer_logo{
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .footer_all_links_box {
        gap: 96px;
        padding-left: 0;
        margin-top: 30px;
    }
    .gallery_grid .lightbox {
        height: 180px;
    }
    .alphabetNav{
        display: grid;
        grid-template-columns: repeat(14,1fr);
    }

}

/*600px*/
@media only screen and (max-width: 767px) {
    .business_cleaning_section
    {
        padding: 50px 0 !important;
    }
    .home_banner_heading {
        font-size: 30px;
        line-height: 40px;
    }

    .banner_text {
        width: 100%;
        padding-bottom: 50px;
        /* padding-bottom: 110px; */
    }

    .marq_section .policechecker p {
        font-size: 14px;
        line-height: 24px;
    }

    .home_aboutUs .imagepart .chooseImg {
        display: flex;
        gap: 20px;
    }

    .home_aboutUs .imagepart {
        height: 350px;
    }

    /* .cmn_white_heading {
        font-size: 24px;
        line-height: 30px;
    } */

    .workbox .editor.w {
        margin-bottom: 50px;
    }

    .Call_to_action .heading {
        font-size: 25px;
        line-height: 35px;
    }

    .Call_to_action a {
        font-size: 30px;
        line-height: 40px;
    }

    .Call_to_action {
        background-position: 37px 0 !important;
    }

    .contact_faq_form.bgblack.pt_100.start_top {
        margin-top: 40px;
    }

    .sk_toggle .sk_box .sk_ques .subheading {
        font-size: 17px;
        line-height: 25px;

    }

    .countitem .num {
        font-size: 25px;
        line-height: 34px;
    }

    .contact_faq_box {
        padding-right: 0;
    }

    .contact_faq_heading_box .cmn_white_heading,
    .contact_faq_form_box .cmn_white_heading {
        text-align: center;
    }

    .contact_faq_heading_box .paragraph,
    .contact_faq_form_box .paragraph {
        text-align: center;
    }

    .blog_slide_box_heading {
        font-size: 14px;
        line-height: 24px;
    }

    .blog_slide_date {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }

    .blog_slide_date li:first-child::before {
        display: none;
    }

    .work_grid .workbox:not(:last-child)::before {

        top: 95%;
    }

    .countergrid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
    }

    .countergrid .countBox:nth-child(2) {
        border-right: none;

    }

    .countergrid .countBox:not(:last-child) {
        border-bottom: 1px solid #FFFFFF75;
    }

    .countergrid .countBox:nth-child(3),
    .countergrid .countBox:nth-child(4) {
        border-bottom: none;
        padding-top: 15px;
    }

    .countergrid .countitem {
        padding-bottom: 15px;
    }

    .footer_all_links_box {
        gap: 30px;
        padding-left: 0px;
        margin-top: 30px;
    }

    .business_cleaning_section.pt_100.start_bottom {
        padding: 50px 0 0 0 !important;
    }

    .homeblogs_section.pt_90.pb_100 {
        padding: 50px 0 !important;
    }

    .owl-carousel .owl-dots {
        margin: 30px 0;
    }

    .blog_subtitle_icon li {
        font-size: 15px;
        line-height: 25px;
    }

    .project.section {
        margin-top: 0 !important;
    }

    .valueTitle {
        font-size: 16px;
    }

    .value-points li .icon {
        --space: 40px;
        width: var(--space);
        height: var(--space);
    }

    .value-points img {
        max-width: 70%;
    }

    .promise .title {
        font-size: 20px;
        line-height: 1.1;
        max-width: 50%;
    }

    .about_area .editor-text.about-text {
        font-size: 14px;
        line-height: 24px;
    }

    .map_box .subheading {
        font-size: 16px;
        letter-spacing: 0.4px;
    }

    .map_box {
        padding: 12px;
    }

    .map_box .rj_icon {
        flex-shrink: 0;
        max-width: 20px;
    }

    .section.call_to_action-inner .title {
        font-size: 30px;
        margin-bottom: 14px;
    }

    .section.call_to_action-inner .heading {
        font-size: 30px;
        line-height: 1.8;
        margin-bottom: 14px;
        letter-spacing: 1px;
    }

    .section.call_to_action-inner .editor-text {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 14px;
    }

    .inner_banner .bannerHeading {
        font: 600 40px / 1.15 "Inter";
        margin-bottom: 16px;
    }

    .alphabetNav {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(9, 1fr);
        place-items: center;
    }

    .blog_slide_text_date_box {
        padding: 18px;
    }

    .blog_subtitle_icon {
        padding-top: 10px;
    }

    .list_links_footer li a {
        font-size: 14px;
        line-height: 24px;
    }

    .contact_single_details_box a {
        font-size: 14px;
        line-height: 24px;
    }

    .contact_single_details_box {
        padding: 27px;
    }

    .contact_map_location_section {
        margin: 0 0 0 0;
    }

    .contact_map_location_section {
        padding: 50px 0;
    }

    .servicebox .servicecontent .title {
        font-size: 18px;
        height: 44px;
    }

    .contact_faq_form_box {
        padding: 50px 0 0 0 !important;
    }

    .cmn_white_heading {
        font-size: 30px;
        line-height: 40px;
    }

    .service_details_section {
        padding: 50px 0 !important;
    }

    h1 {
        font-size: 36px;
        line-height: 46px;
    }

    .service_content_list .service_details_sub_heading {
        font: normal 500 30px 'Inter', serif;
        line-height: 36px;
        margin-bottom: 15px;
    }

    .blog_details_sub_heading {
        font-size: 36px;
        line-height: 46px;
    }

    h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .blog_details_page_right_section {
        padding-left: 0px;
    }

    .recent_post_blog_heading {
        font-size: 14px;
    }

    .gallery_images_blog_details {
        display: flex;
        gap: 10px;
        margin-top: 24px;
        margin-bottom: 24px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .breadcrumbs {
        display: none;
    }

    .rj_popupForm-content {
        max-width: 530px;
        margin-top: 67px;
    }

    .home_banner_para {
        font-size: 14px;
        line-height: 24px;
    }
    .section.home_aboutUs .editor-text.about-text li
    {
        font-size: 14px;
        line-height: 24px;
    }
    .countitem .text {
        font-size: 14px;
    }
    .work_grid .workbox .editor {
        font-size: 14px;
    }
    .value-points .content
    {
        font-size: 14px;
        line-height: 24px;
    }
    .banner_section, .banner_home_slide {
        height: 350px;
    }
    .cmn_btn {
        padding: 12px;
    }
    .inner_banner{
        min-height: 230px;
    }
    .gallery_grid{
        grid-template-columns: repeat(3,1fr);
    }
    .form-wrap{
        padding: 30px;
    }
    .comment-author.vcard{float: none;}

}

/*480px*/
@media only screen and (max-width: 599px) {
    .header_top_social .only_desktop {
        display: none;
    }

    .top_header_contact_mail_number{
        gap: 20px;
    }

    .home_banner_heading {
        font-size: 25px;
        line-height: 35px;
    }

    .banner_section, .banner_home_slide {
        height: 300px;
    }
    
    .home_aboutUs .imagepart {
        height: auto;
    }
    .home_aboutUs .imagepart .chooseImg{
        flex-direction: column;
    }
    .home_aboutUs .chooseImg figure.big-image, .home_aboutUs .chooseImg figure.small-image {
        width: 100%;
        height: auto;
    }

    .home_banner_para {
        width: 460px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    .cmn_btn {
        padding: 13px 15px;
        font-size: 12px;
        line-height: 20px;
    }
    .rj_video-btn {
        --space: 30px;
        font-size: 14px;
        cursor: pointer;
    }
    .banner_text {
        padding-bottom: 20px;
    }
    
    .marq_section .policechecker p::after {
        right: 84px;
    }
    .cmn_white_heading {
        font-size: 28px;
        line-height: 35px;
    }
    .marq_section .policechecker p::after {
        right: 0px;
    }
    .service-part.home_service {
        padding-top: 40px !important;
    }
    .home_service .serviceslide .owl-nav {
        top: 50%;
        right: 0;
        left: 0;
    }
    .home_service .serviceslide .owl-nav .owl-prev {
        left: 0px;
        right: auto;
        font-size: 14px;
    }
    .home_service .serviceslide .owl-nav .owl-next
    {
        right: 0px;
        font-size: 14px;
    }
    .home_service .serviceslide .owl-nav .owl-prev, .home_service .serviceslide .owl-nav .owl-next {
        width: 30px;
        height: 30px;
        margin-left: 0px;

    }
    .home_service .serviceslide .owl-nav .owl-prev:hover, .home_service .serviceslide .owl-nav .owl-next:hover {
        width: 30px;
        height: 30px;   
        font-size: 14px;
        margin-left: 0;
    }
    .contact_faq_form.bgblack.pt_100.start_top {
        margin-top: 0;
    }
    .contact_faq_form_box.stickybox {
        margin-top: 0;
    }
    .newsletter.section .left-text h4 {
        font-size: 25px;
        line-height: 35px;
    }
    .newsletter .tnp-subscription form .tnp-field-email input {
        width: 300px;
    }
    .newsletter .tnp-subscription form .tnp-field-button::before {
        top: 6px;
    }
    .newsletter .tnp-subscription form .tnp-field-button .tnp-submit {
        font: normal 600 14px 'Inter', serif;
    }
    .newsletter .tnp-subscription form .tnp-field-email input, .newsletter .tnp-subscription form .tnp-field-button .tnp-submit {
        height: 37px;
    }
    .servicebox .servicecontent .title {
        font-size: 16px;
        height: 40px;
    }
    .footer_link_heading {
        font-size: 14px;
        margin-bottom: 18px;
        line-height: 24px;
    }
    h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .contact_single_details_box {
        padding: 9px;
    }
    .service_content_list .service_details_sub_heading {
        font: normal 500 25px 'Inter', serif;
        line-height: 35px;
    }
    .scrollup {
        right: 5%;
    }
    .service-part 
    {
        margin: 0 0 50px 0;
    }
    .serviceslide .owl-nav .owl-next {
        right: -10px;
    }
    .serviceslide .owl-nav .owl-prev {
        left: -10px;
    }
    .service_details_section .service_content .service_details_main_img {
        width: 100%;
        height: auto;
        float: none;
    }
    .service_details_section .service_content .service_details_main_img img {
        width: auto;
        height: auto;
    }
    .servicebox{
        margin: 0 40px;
    }
    .footer_all_links_box{
        gap: 10px;
    }
    .promise{
        padding: 20px;
        flex-direction: column;
        row-gap: 20px;
    }
    .promise .title{
        font-size: 20px;
        line-height: 1.5;
        text-align: center;
    }
    .carousel-wrap .grid-3, .servicescat_inner_section .grid-3{
        grid-template-columns: repeat(1, 1fr);
    }
    .comments-title {
        font-size: 26px;
    }
    .blog_details_sub_heading {
        font-size: 28px;
        line-height: 36px;
    }
    .comment-list .comment-body{
        font-size: 12px;
        line-height: 20px;
    }
    .rj_popupForm-content{
        max-width: 360px;
    }
    .rj_popupForm-content form{
        max-height: 270px;
    }
    .reviewbox{
        width: 40px;
        padding: 3px;
    }
}

/*360px*/
@media only screen and (max-width: 479px) {
    .header_logo {
        top: 0px;
        max-width: 90px;
    }
    .home_banner_heading {
        font-size: 20px;
        line-height: 30px;
    }
    .home_banner_para {
        width: 351px;
        margin-bottom: 13px;
        line-height: 22px;
    }
    .marq_section .policechecker p::after {
        right: 0px;
        top: 7px;
    }
    .marq_section .policechecker p {
        font-size: 12px;
        line-height: 22px;
    }
    .cmn_btn {
        padding: 10px 13px;
    }
    .cmn_white_heading {
        font-size: 26px;
        line-height: 34px;
        padding-bottom: 10px;
    }
    .banner_text {
        padding-bottom: 20px;
    }
    .sk_toggle .sk_box .sk_ques .subheading {
        font-size: 16px;
        line-height: 24px;
    }
    .sk_toggle .sk_box .sk_ques {
        padding: 15px 0;
    }
    .project_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .Call_to_action .heading {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .Call_to_action a {
        font-size: 20px;
        line-height: 30px;
    }
    .newsletter .tnp-subscription form {
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 10px;
    }
    .home_aboutUs .imagepart {
        height: auto;
    }
    .home_aboutUs .imagepart .chooseImg {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }
    .section.call_to_action-inner .title {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .section.call_to_action-inner .heading {
        font-size: 25px;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    .values {
        padding-block: 30px;
    }
    .promise .title {
        max-width: 100%;
        margin-bottom: 16px;
        text-align: center;
        font-size: 14px;
      
    }
    .promise {
      
        flex-direction: column;
    }
    .contactbox .cnm_btn {
        max-width: inherit;
        padding: 9px 9px;
        font-size: 12px;
        margin-bottom: 16px;
    }
    /* .scrollup {
        right: 49px;
    } */
    .value-points li {
        --gap: 20px;
        padding-block: var(--gap);
        gap: calc(var(--gap) * .5);
    }
    .carousel-wrap .grid-3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .service-part
    {
        margin-bottom: 0;
        padding-bottom: 40px;
    }
    h1 {
        font-size: 27px;
        line-height: 37px;
    }
    .servicescat_inner_section .grid-3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .footer_logo {
        max-width: 90px;
        margin-bottom: 36px;
    }
    .about-text ul{
        grid-template-columns: repeat(1,1fr);
    }
    .workbox-slide {
        height: 220px;
    }
    .workbox-slide .slider::-webkit-slider-thumb {
        height: 215px;
    }

    .workbox-slide .slider::-moz-range-thumb {
        height: 215px;
    }
    .footer_all_links_box {
        gap: 0px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .gallery_grid {
        grid-template-columns: repeat(2,1fr);
    }
    .alphabetNav{
        grid-template-columns: repeat(6, 1fr);
    }
   .gallery_section{
    margin-top: 30px;
   }
   .sk_toggle .sk_box .sk_ques .subheading{
    padding-right: 20px;
   }
   .categorygrid{
    grid-template-columns: repeat(1, 1fr);
   }
   .rj_popupForm-content{
    max-width: 300px;
}
}