/*
Theme Name:     Tint Experts
Theme URI:      https://www.Project name.com
Description:    Divi Child Theme
Author:         Project name
Author URI:     https://www.Project name.com
Template:       Divi
Version:        1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@font-face {
    font-family: 'Ethnocentric Rg';
    src: url('include/css/fonts/EthnocentricRg-Regular.woff2') format('woff2'), url('include/css/fonts/EthnocentricRg-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.key_section, .te_our_serv_main_sec {
    overflow: hidden;
}
@font-face {
    font-family: 'Ethnocentric Rg';
    src: url('include/css/fonts/include/EthnocentricRg-Italic.woff2') format('woff2'), url('include/css/fonts/EthnocentricRg-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

.padding_zero,
.pd_tb {
    padding: 100px 0 !important;
}

body {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    font-weight: 400;
}

.site_width,
.c_wt {
    width: 100% !important;
    max-width: 1520px !important;
    padding: 0 !important;
    margin: auto;
}

.pd0 {
    padding: 0 !important;
}

.site_heading {
    padding-bottom: 30px;
}

.site_title {
    font-size: 35px !important;
    color: #000;
    font-weight: 400;
    padding-bottom: 0 !important;
    font-family: 'Ethnocentric Rg';
    line-height: 1.5;
}

.site_des {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 1.7;
}

.site_des span {
    padding: 4px 0;
    display: block;
}

.btn2 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.btn2 .site_button:nth-child(2) {
    margin-left: 10px;
}

div#main-content {
    margin-top: 70px;
}

.f_wt {
    width: 100% !important;
    max-width: 100% !important;
}


/* get in touch section start */

.cp_add_img,
.cp_call_img,
.cp_mail_img {
    height: 94px;
    width: 94px;
    border-radius: 50%;
    background: #FF352E;
    display: flex;
}

.cp_add_img svg,
.cp_call_img svg,
.cp_mail_img svg {
    margin: auto;
    animation: wiggle 2.5s linear infinite;
}

@keyframes wiggle {
    0%,
    7% {
        transform: rotateZ(0);
    }
    15% {
        transform: rotateZ(-15deg);
    }
    20% {
        transform: rotateZ(10deg);
    }
    25% {
        transform: rotateZ(-10deg);
    }
    30% {
        transform: rotateZ(6deg);
    }
    35% {
        transform: rotateZ(-4deg);
    }
    40%,
    100% {
        transform: rotateZ(0);
    }
}

.cp_des_main {
    padding-left: 20px;
}

.cp_add_main {
    display: flex;
    align-items: center;
    padding: 25px 0;
    border-bottom: 1px solid #C0C0C0;
}

.cp_des {
    display: block;
    color: #000;
    font-size: 19px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 3px;
    font-family: 'Ethnocentric Rg';
}

.cp_des_main a {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #000;
}

.te_get_in_block_right .et_pb_image_wrap img {
    width: 784px;
    height: 470px;
    object-fit: contain;
}

.te_get_in_row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.te_get_in_col_left,
.te_get_in_col_right {
    margin: 0 !important;
}

.te_get_in_block_right {
    text-align: right !important;
    padding-right: 50px;
}

.te_get_in_col_left {
    width: 37% !important;
}

.te_get_in_col_right {
    width: 63% !important;
}

.cp_add_main:first-child {
    padding-top: 0 !important;
}

.cp_add_main:last-child {
    border: none;
    padding-bottom: 0 !important;
}

.te_get_in_sec_main {
    position: relative;
}

.te_get_in_sec_main::after {
    content: "";
    position: absolute;
    right: 35px;
    top: 0;
    bottom: 0;
    width: 977px;
    height: 100%;
    background-color: #FF352E;
    clip-path: polygon(33.859% 0%, 62.796% 0%, 62.796% 50.05%, 99.935% 100%, 0.094% 100%, 33.859% 50.05%, 33.859% 0%);
}


/* get in touch end */


/* contact us section */


/* Get In Touch */

.site_heading.site_heading_left {
    text-align: left !important;
}

.contactt_main .input_box_main .input_box.name_in,
.contactt_main .input_box_main .input_box.phone_in {
    padding-right: 15px;
}

.contactt_main .input_box_main {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.contactt_main .input_box_main .input_box input {
    height: 55px;
    padding: 10px 10px 10px 20px;
    width: 100%;
    border: none !important;
    border: 1px solid #ddd !important;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    font-weight: 400;
    border-radius: 0;
    background-color: #fff !important;
}

.contactt_main .input_box_main .input_box input::placeholder,
.contactt_main .input_box_main .input_area textarea::placeholder {
    color: #000;
}

.contactt_main .input_box.about_in .wpcf7-form-control-wrap .wpcf7-form-control {
    width: 100%;
    height: 55px;
    border: none !important;
    border: 1px solid #ddd !important;
    padding: 10px 10px 10px 20px;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    font-weight: 400;
    text-transform: capitalize;
    border-radius: 0;
    background-color: #fff !important;
}

.contactt_main .input_box_main .input_box {
    width: 100%;
}

.contactt_main .input_box_main .input_area textarea {
    border: none !important;
    border: 1px solid #ddd !important;
    padding: 20px;
    height: 140px;
    border-radius: 0;
    background-color: #fff !important;
    color: #000;
    font-size: 16px;
    line-height: 16px;
    resize: none;
}

.contactt_main .input_box_main .input_area,
.contactt_main .input_box_main .input_area textarea {
    width: 100%;
}

select option {
    color: #000;
}

select option:first-child {
    color: #000;
}

.submit_main {
    text-align: left;
}

.site_title.site_title_white {
    color: #fff;
}

.map_main,
.map_main iframe {
    display: block;
    height: 440px;
    border-radius: 20px;
}

.te_contact_us_col_left {
    margin: 0 !important;
    width: 50% !important;
    padding-right: 46px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.20);
}

.te_contact_us_col_right {
    margin: 0 !important;
    width: 50% !important;
    padding-left: 46px !important;
}


/* .te_contact_us_sec {
clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%, 0 3%);
} */

.te_contact_us_sec {
    position: relative;
}

.te_contact_us_sec::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #222;
    z-index: 2;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%, 0 3%);
}

.te_contact_us_sec::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0;
    left: 30px;
    bottom: 0;
    height: 100%;
    width: 90%;
    background-color: red;
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%, 0 0);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ff352e;
    color: #fff;
    line-height: 20px;
}

#pop_up_quote_box .wpcf7 form.invalid .wpcf7-response-output,
#pop_up_quote_box .wpcf7 form.unaccepted .wpcf7-response-output,
#pop_up_quote_box .wpcf7 form.payment-required .wpcf7-response-output {
    color: #000;
}

.wpcf7-spinner {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 !important;
}


/* contact us end */

.serv_main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -10px;
}

.serv_main_box {
    width: 20%;
    padding: 10px;
}

.site_heading_center {
    text-align: center;
}

.know_more_icon_box {
    background: #ff352e;
    height: 47px;
    width: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: 0;
    transition: 0.6s ease;
}

.serv_main_box_img_main {
    position: relative;
}

.alpha_b_info_servhover_btn {
    position: absolute;
    top: 12px;
    right: 12px;
}

.serv_main_box_img img {
    width: 100% !important;
    height: 288px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    display: block;
}

.serv_main_box_contentt_main {
    background-color: #222222;
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 10px 10px;
    transition: 0.6s ease;
}

.serv_main_box_contentt_main a {
    color: #fff !important;
}

.serv_main_box:hover .serv_main_box_contentt_main {
    background-color: #FF352E;
}

.serv_main_box:hover .know_more_icon_box {
    opacity: 1;
}


/* ------------why choose us section start----------- */

.wcu_section {
    border-top: 2px solid #30302f
}

.wcu_section:before {
    position: absolute;
    content: "";
    background: #0f0f0fe6;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0
}

.wcu_main_block_inr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.wcu_main_box {
    width: 33.33%
}

.wcu_main_img {
    display: flex
}

.wcu_main_img img {
    width: 100% !important;
    height: 500px;
    object-fit: contain
}

.wcu_box_inr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.wcu_des_box {
    width: 80%
}

.wcu_img_box {
    width: 20%
}

.wcu_img {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    border: 1px solid #FF352E;
    height: 90px;
    width: 90px;
    border-radius: 100%;
}

.wcu_img svg {
    width: 100%;
    height: 50px;
    object-fit: contain;
    animation: zoom-in-zoom-out 3s ease infinite
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(.9, .9);
    }
    100% {
        transform: scale(1, 1);
    }
}

.wcu_main_box.wcu_col_1 {
    text-align: right
}

.wcu_main_box.wcu_col_3 {
    text-align: left
}

.wcu_box {
    padding: 50px 0
}

.wcu_col_1 .wcu_des_box_inr {
    padding-right: 20px
}

.wcu_col_3 .wcu_des_box_inr {
    padding-left: 20px
}

.wcu_box.wcu_box_1 {
    padding-right: 20px;
    padding-left: 70px
}

.wcu_box.wcu_box_3 {
    padding-left: 20px;
    padding-right: 70px
}

.wcu_box.wcu_box_2 {
    padding-right: 90px;
    padding-left: 10px
}

.wcu_box.wcu_box_4 {
    padding-left: 90px;
    padding-right: 10px
}

.wcu_count_col {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.wcu_count_col span.percent-sign {
    display: none
}

.wcu_count_col p {
    display: flex
}

.wcu_count_col .percent-value {
    font-size: 72px !important;
    font-weight: 700;
    color: #fff !important;
    font-family: "Outfit", sans-serif;
}

.wcu_count_col .percent {
    margin: 0 !important
}

h3.title {
    display: flex;
    line-height: 1 !important;
    font-size: 32px;
    font-weight: 700;
    padding: 0 !important;
    color: #fff !important;
    font-family: "Outfit", sans-serif;
}

.wcu_count_col {
    margin-top: -100px
}

.wcu_ttl {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Ethnocentric Rg';
}


/* ------------why choose us section end----------- */


/* ---------------about us section---------- */

.et_pb_section.abt_section {
    padding-top: 40px !important;
    overflow: visible;
    visibility: visible;
}

.abt_col_1:after {
    text-transform: uppercase;
    background: linear-gradient(180deg, #FF352E 0%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 155px;
    font-family: 'Ethnocentric Rg';
    line-height: 1;
    position: absolute;
    content: "tint";
    top: -110px;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    opacity: 0.1;
    z-index: -1;
}

.abt_des_box {
    padding-top: 30px;
}

.abt_img {
    display: flex;
    position: relative;
    overflow: hidden;
}

.abt_img img {
    width: 100% !important;
    height: 530px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.abt_col_2 {
    padding-left: 40px;
}

.abt_counter_row {
    position: absolute;
    bottom: 0;
    right: 100px;
}

.abt_counter_box_inr {
    display: flex;
    align-items: center;
}

.num_box_inr {
    box-shadow: 0px 4px 4px 0px #00000040;
    background-color: #fff;
    border-radius: 10px;
    font-size: 70px;
    line-height: 1;
    display: flex;
    align-items: center;
    color: #FF352E;
    height: 120px;
    width: 210px;
    justify-content: center;
}

.year_box {
    padding: 30px 20px;
    width: 67%;
    position: relative;
}

.year_box:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    background-color: #FF352E;
    clip-path: polygon(0 0, 88% 0%, 100% 100%, 0% 100%);
    z-index: -2;
}

.year_box::before {
    position: absolute;
    content: "";
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 98%;
    width: 99.7%;
    background-color: #222222;
    clip-path: polygon(0 0, 88% 0%, 100% 100%, 0% 100%);
    z-index: -1;
}

.year_box_inr {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
}

.abt_counter_box {
    position: relative;
}

.abt_counter_box:after {
    position: absolute;
    content: "";
    background: url(../../../wp-content/uploads/2024/07/line-vector.png) no-repeat;
    background-size: contain;
    height: 100px;
    width: 100%;
    right: -130px;
    top: 0;
    display: flex;
    justify-content: right;
    align-items: center;
    background-position: right;
    z-index: -1;
}

.abt_section::before {
    position: absolute;
    content: "";
    background: url(../../../wp-content/uploads/2024/07/car-after.png) no-repeat;
    background-size: contain;
    height: 200px;
    width: 200px;
    right: 0;
    bottom: 60px;
    background-position: right;
    z-index: 1;
}

.abt_img.abt_mb_img {
    display: none;
}


/* ---------------about us section end---------- */


/* ----------------our packages start-------------- */

.te_our_package_main_sec {
    overflow: hidden;
}

.te_our_package_main_sec::after {
    position: absolute;
    content: "";
    background: url(../../../wp-content/uploads/2025/09/Group-1-437255095-1.png) no-repeat;
    background-size: contain;
    height: 338px;
    width: 821px;
    right: -50px;
    bottom: 0;
    background-position: right bottom;
    z-index: 1;
}

.pack_otr_main_box_inr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pack_main_box {
    width: 33.33%;
    padding: 10px;
}

.pack_box {
    padding: 10px 0;
    position: relative;
}

.pack_box_inr {
    border: 1px solid #FFFFFF;
    background-color: #fff;
    border-radius: 20px;
    padding: 15px;
}

.pack_ttl_box_inr {
    padding: 20px;
    background: #222222;
    font-size: 18px;
    border-radius: 10px;
}

.pack_red_box_inr {
    display: flex;
    align-items: center;
    background: #FF352E;
    padding: 10px;
    border-radius: 10px;
}

.pack_red_lt {
    width: 25%;
}

.pack_red_rt {
    width: 75%;
    border-left: 1px solid #fff;
}

.pack_red_rt_inr {
    padding-left: 20px;
    font-size: 16px;
}

.pack_red_box {
    padding-top: 10px;
}

.from_box {
    font-size: 12px;
}

.price_box {
    font-size: 22px;
}

.pack_red_rnd_box {
    position: absolute;
    right: 29px;
    top: 40px;
}

.pack_red_rnd {
    background: #FF352E;
    height: 115px;
    width: 115px;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    line-height: 0;
    outline: 1px dashed #ffffffb0;
    outline-offset: -7px;
    line-height: 20px;
}

.pack_red_rnd_inr.wt.er {
    display: grid;
    line-height: 1.3;
}

.pack_red_rnd span.brand_box {
    font-family: "Outfit", sans-serif;
    line-height: 1 !important;
    font-size: 12px;
}

.pack_red_lt_inr {
    line-height: 1.5;
}

.pack_list_box_inr {
    padding-top: 20px;
}

.pack_ul {
    padding: 0 !important;
    list-style: none !important;
    color: #000;
    display: flex;
    flex-wrap: wrap;
}

.pack_li {
    width: 100%;
    padding: 5px 0 5px 30px;
    position: relative;
    font-size: 16px;
}

.pack_li:after {
    position: absolute;
    content: "";
    background: url(../../../wp-content/uploads/2024/07/right.png)no-repeat;
    height: 20px;
    width: 20px;
    left: 0;
    top: 7px;
    bottom: 0;
    background-size: contain;
    background-position: left;
    animation: mover2 1s infinite alternate
}

.pack_ttl_box {
    position: relative;
}

.pack_ttl_box:after {
    position: absolute;
    content: "";
    background: red;
    clip-path: polygon(0 0, 0% 100%, 30% 0);
    left: 0px;
    height: 50px;
    width: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}


/* ----------------our packages end-------------- */


/* --------------banner section---------- */

.et_pb_slide,
.et_pb_slide_description {
    padding: 0 !important;
    text-shadow: none !important
}

.bnr_slide_col .et_pb_slide {
    height: 1000px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}

.bnr_section:after {
    position: absolute;
    content: "";
    background-color: #ffffff;
    height: 110px;
    width: 55%;
    bottom: 10px;
    left: 0;
    clip-path: polygon(0 0%, 93% 10%, 100% 100%, 0 100%);
    z-index: 2;
}

.bnr_txt_box {
    width: 50%;
    margin: auto;
}

.bnr_txt_main_box {
    position: relative;
}

.bnr_txt_main_box_inr {
    margin-top: -300px;
}

.bnr_txt_box_inr {
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 73.05%);
    padding: 50px;
    border-radius: 20px;
    transform: skewX(-20deg);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.bnr_ttl_box_inr h1 {
    padding: 0;
    margin: 0;
    font-size: 50px;
    color: #000 !important;
}

.bnr_lt_box {
    display: flex;
    justify-content: left;
    transform: skewX(20deg);
}

.bnr_des_box_inr {
    display: flex;
    justify-content: left;
    color: #000;
    font-size: 17px;
    font-weight: 500;
}

.bnr_rt_box {
    position: absolute;
    right: -100px;
}

.bnr_rt_box_inr {
    transform: skewX(20deg);
}

.bnr_btn_box_inr .site_button,
.vp-pagination__style-default .vp-pagination__item a {
    border: 1px solid;
    border-image-source: linear-gradient(90deg, #FF352E -0.35%, #B9B7AD 24.95%, #FF352E 50.25%, #DEE2DD 71.51%, #FF352E 100.86%);
    background-image: linear-gradient(90deg, #ff352e -0.35%, #B9B7AD 24.95%, #ff352e 50.25%, #DEE2DD 71.51%, #ff352e 100.86%);
}


/* --------------banner section end---------- */

.te_com_resi_tint_sec {
    position: relative;
    height: 651px;
    display: flex;
}

.te_com_resi_tint_sec::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #222;
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
    z-index: 1;
}

.te_com_resi_tint_sec::before {
    content: "";
    position: absolute;
    top: 51%;
    right: 0;
    left: auto;
    bottom: 0;
    height: 95%;
    width: 50%;
    background-image: url(/wp-content/uploads/2024/07/com_resi_tint_img.png);
    z-index: 2;
    border-radius: 35px 0 0 35px;
    transform: translateY(-51%);
    background-size: cover;
}

.com_res_bf_sec_main {
    position: relative;
}

.com_res_bf_sec_main::before {
    content: "";
    position: absolute;
    right: -4px;
    left: auto;
    bottom: 0;
    height: 346px;
    width: 1081px;
    background-image: url(/wp-content/uploads/2024/07/Subtract.png);
    z-index: 2;
    top: auto;
    bottom: 9px;
    background-size: 1094px 30px;
    background-repeat: no-repeat;
    background-position: bottom;
    transform: rotate(1deg);
}

.resi_com_heading_title {
    font-size: 39px;
    line-height: 65px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Ethnocentric Rg';
}

.resi_com_heading_main_box {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.resi_com_heading_main_box::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 261px;
    height: 6px;
    background: #FF352E1A;
}

.resi_com_des {
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    font-weight: 400;
}

.resi_com_start {
    font-size: 27px;
    line-height: 35px;
    color: #fff;
    font-weight: 400;
    font-family: 'Ethnocentric Rg';
}

.resi_com_price_sqm span {
    color: #fff;
}

.resi_com_price_sqm {
    font-size: 39px;
    line-height: 52px;
    display: block;
    color: #FF352E;
    padding-top: 4px;
}

.te_com_resi_tint_block_left {
    padding-right: 170px;
}

.resi_com_start_box {
    padding-top: 25px;
    padding-bottom: 25px;
}

.home .te_our_serv_main_sec {
    border-top: 1px solid #ddd;
    position: relative;
}

.home .te_our_serv_main_sec::after {
    content: "";
    width: 413px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: 0;
    transform: translate(-100%);
    margin-left: auto;
    background: #FF352E;
    animation: movee2 10s linear infinite -1.5s;
    border-radius: 0;
    clip-path: polygon(0 0, 97% 0%, 100% 100%, 0% 100%);
    z-index: 1;
}

@keyframes movee2 {
    to {
        left: 100%;
        transform: translate(0);
    }
}

.te_our_hap_cus_main_sec {
    position: relative;
}

.te_our_hap_cus_main_sec::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-size: contain;
    background-position: top;
    clip-path: polygon(0 0, 100% 3%, 100% 100%, 0 95%);
    background-image: url(/wp-content/uploads/2024/07/Rectangle-9774.png);
    width: 100%;
    height: 458px;
    z-index: 1;
}

.hk_testimonial_box {
    box-shadow: 0px 4px 4px 0px #00000040;
    background: #FCFCFC;
    /* height: 452px; */
    display: block;
    padding: 50px 36px 125px;
    text-align: center !important;
    position: relative;
    border-top: 5px solid #FF352E;
    border-radius: 0 0 10px 10px;
}

.hk_testimonial_col {
    padding: 9px;
    height: 100%;
}

.hk_testimonial_title_box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 52px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    font-family: 'Ethnocentric Rg';
}

.slick-prev:before,
.slick-next:before {
    display: none !important;
}

.hk_testimonial_quote_box img {
    margin: auto;
    width: 64px;
    height: 46px;
    object-fit: contain;
    margin-bottom: 30px;
}

.testimonial_h_row .fa.fa-angle-left,
.testimonial_h_row .fa.fa-angle-right {
    font-size: 18px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.6s ease;
}

.testimonial_h_row .slick-prev,
.testimonial_h_row .slick-next {
    transform: unset !important;
    top: 48%;
    z-index: 9;
    width: 27px;
    height: 27px;
    line-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 50%;
    background-color: #fff;
    transition: 0.6s ease;
}

.testimonial_h_row .slick-prev:hover,
.testimonial_h_row .slick-next:hover {
    background-color: #FF352E;
    border-color: #FF352E;
}

.testimonial_h_row .slick-prev:hover .fa.fa-angle-left,
.testimonial_h_row .slick-next:hover .fa.fa-angle-right {
    color: #fff;
}

.hk_testimonial_content_box {
    height: 146px;
    overflow: hidden;
}

.hk_testimonial_content_box.intro {
    height: auto;
}

.testimonial_h_row .slick-prev {
    left: -5px;
    z-index: 99;
}

.testimonial_h_row .slick-next {
    right: -5px;
}

.testi_star_img {
    text-align: center;
}

.testi_star_img_box {
    padding-bottom: 20px;
}

.te_our_hap_cus_main_sec {
    position: relative;
}

.te_our_hap_cus_main_sec::before {
    content: "";
    position: absolute;
    top: 52px;
    left: 0;
    width: 332px;
    height: 222px;
    background-size: 332px;
    background-image: url(/wp-content/uploads/2024/07/our_customer_bf_img.png);
    background-repeat: no-repeat;
    z-index: 9;
}

.te_bef_aft_main_sec {
    position: relative;
}

.te_bef_aft_main_sec::after {
    content: "";
    position: absolute;
    right: 30px;
    left: auto;
    bottom: -24%;
    height: 20%;
    width: 90%;
    background-color: red;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%, 0 6%);
    z-index: 1;
}

.tog_btn {
    cursor: pointer;
    color: #FF352E;
    text-decoration: underline;
}

.testi_star_img img {
    width: 177px;
    height: 44px;
}

.product_three_img_block .et_pb_image_wrap {
    justify-content: center !important;
}

.tp_our_prod_main_block_title {
    margin-bottom: 0 !important;
}

.our_product_main_content_box {
    display: flex;
    flex-wrap: wrap;
    margin-top: -100px;
    z-index: -1;
}

.our_product_main_content_box_inner {
    width: 50% !important;
}

.our_product_main_content_title_box {
    background-color: #fff;
    height: 169px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our_product_main_content_box_inner_first .our_product_main_content_title_box,
.our_product_main_content_box_inner_second .our_product_main_content_title_box {
    /* box-shadow: -6px 4px 9px 0px #00000026 inset; */
    position: relative;
}

.our_product_main_content_box_inner_first .our_product_main_content_title_box::after,
.our_product_main_content_box_inner_second .our_product_main_content_title_box::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2024/07/shad_left.png);
    background-repeat: no-repeat;
    z-index: 0;
    background-size: 100%;
}

.our_product_main_content_box_inner_second .our_product_main_content_title_box::after {
    background-image: url(/wp-content/uploads/2024/07/shad_right.png);
    background-size: 100%;
}

.our_product_main_content_title_box_sub {
    /* box-shadow: 6px 4px 9px 0px #00000026 inset; */
    height: 169px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    background-color: #fff;
}

.our_product_main_content_box_sub {
    background-color: #F5F5F5;
    height: 100%;
}

.our_product_main_content_title {
    padding-top: 40px;
}

.our_product_main_content_des_price_box {
    background: #FF352E;
    clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 5% 100%, 0 70%);
    height: 52px;
    width: 371px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'Ethnocentric Rg';
    font-size: 10px;
    font-weight: 400;
}

.our_product_main_content_des_price_no {
    font-size: 22px;
    font-weight: 400;
    padding-left: 5px;
}

.our_product_main_content_des_price {
    display: flex;
    align-items: center;
}

.pack_ul_prod {
    justify-content: center;
    padding-top: 23px !important;
    padding-bottom: 20px !important;
}

.pack_ul_prod .pack_li {
    width: unset;
    margin-right: 45px;
}

.pack_ul_prod .pack_li:last-child {
    margin-right: 0;
}

.pack_ul_prod .pack_li:after {
    top: 9px;
}

.our_product_main_content_data .our_product_main_content_data_pri,
.theme_color {
    color: #FF352E;
}

.our_product_main_content_data_box_list .our_product_main_content_data {
    display: block;
    padding-bottom: 6px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}

.our_product_main_content_data_box_center .our_product_main_content_data {
    text-align: center;
    font-size: 22px;
    line-height: 39px;
    font-weight: 400;
}

.our_product_main_content_data_box_list .our_product_main_content_data:last-child {
    padding-bottom: 0;
}

.our_product_main_content_box_inner_second .our_product_main_content_des_box {
    padding-left: 80px;
    padding-bottom: 60px;
}

.our_product_main_content_box_inner_first .our_product_main_content_des_box {
    padding-left: 67px;
    padding-right: 97px;
}

.our_product_main_content_box {
    position: relative;
}

.our_product_main_content_box::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 99px;
    height: 100%;
    background-image: url(/wp-content/uploads/2024/07/product_road_img.png);
    transform: translateX(-50%);
}

.our_product_main_content_data_box_center {
    text-align: center;
}

.all_work_come_main_box_inner {
    background: #222222;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 98% 100%, 2% 100%, 0 75%);
    height: 70px;
    width: 831px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'Ethnocentric Rg';
    font-size: 10px;
    font-weight: 400;
}

.all_work_come_title {
    font-size: 22px;
    line-height: 40px;
}

.twentytwenty-overlay {
    display: block !important;
    background: transparent !important;
}

.our_repair_main_cotent_box .twentytwenty-before-label,
.our_repair_main_cotent_box .twentytwenty-after-label {
    opacity: 1 !important;
    padding: 0 !important;
}

.our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-before-label {
    border-radius: 0 10px 0 0;
}

.our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-before-label:before {
    right: 0 !important;
    bottom: 30px !important;
    top: unset !important;
    background: rgba(0, 0, 0, 0.6) !important;
    color: #fff !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    text-transform: capitalize;
    font-weight: 400;
    height: 45px !important;
    width: 159px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
    border-radius: 0 10px 0 0;
    content: "Before";
    font-family: 'Ethnocentric Rg';
}

.our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-after-label {
    border-radius: 10px 0 0 0;
}

.our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-after-label:before {
    content: "After";
    right: 0 !important;
    bottom: 30px !important;
    top: unset !important;
    background: rgba(0, 0, 0, 0.6) !important;
    color: #fff !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    text-transform: capitalize;
    font-weight: 400;
    height: 45px !important;
    width: 159px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
    border-radius: 10px 0 0 0;
    font-family: 'Ethnocentric Rg';
}
/* 
.our_repair_main_cotent_box .slick-slide img {
    display: block;
    height: 350px;
    object-fit: cover;
} */
/* 
.our_repair_main_cotent_box .slick-slide.slick-current.slick-center {
    transform: scaleX(1.2) scaleY(1.2);
    filter: brightness(1);
    position: relative;
    z-index: 99;
    transition: 1s;
}
 */
/* .our_repair_main_cotent_box .slick-slide.slick-active {
    transform: scale(.9);
    transition: 1s;
    position: relative;
} */

/* .our_repair_main_cotent_box .slick-slide.slick-active::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.86);
    border-radius: 20px 20px 0 0;
} */

.our_repair_main_cotent_box .slick-slide.slick-active.slick-center::after {
    display: none;
}

.our_repair_main_cotent_box .slick-slide.slick-current.slick-center .twentytwenty-before-label,
.our_repair_main_cotent_box .slick-slide.slick-current.slick-center .twentytwenty-after-label {
    bottom: 10px;
}

.our_repair_main_cotent_box .twentytwenty-container {
    border-radius: 20px 20px 0 0 !important;
}

.our_repair_main_cotent_box {
    padding-top: 40px;
}

.our_repair_main_cotent_sub_box {
    padding-top: 40px;
}

.te_bef_aft_main_sec .site_heading {
    padding-bottom: 0 !important;
}

.our_repair_main_cotent_box .slick-prev {
    left: 10px;
    z-index: 99;
}

.our_repair_main_cotent_box .slick-next {
    right: 10px;
}

.our_repair_main_cotent_box .fa.fa-angle-left,
.our_repair_main_cotent_box .fa.fa-angle-right {
    font-size: 18px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.6s ease;
}

.our_repair_main_cotent_box .slick-prev,
.our_repair_main_cotent_box .slick-next {
    transform: unset !important;
    top: 55%;
    z-index: 9;
    width: 27px;
    height: 27px;
    line-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 50%;
    background-color: #fff;
    transition: 0.6s ease;
}

.our_repair_main_cotent_box .slick-prev:hover,
.our_repair_main_cotent_box .slick-next:hover {
    background-color: #FF352E;
    border-color: #FF352E;
}

.our_repair_main_cotent_box .slick-prev:hover .fa.fa-angle-left,
.our_repair_main_cotent_box .slick-next:hover .fa.fa-angle-right {
    color: #fff;
}

input::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #000 !important;
}

input::-moz-placeholder {
    opacity: 1 !important;
    color: #000 !important;
}

input:-ms-input-placeholder {
    opacity: 1 !important;
    color: #000 !important;
}

input::-ms-input-placeholder {
    opacity: 1 !important;
    color: #000 !important;
}

input::placeholder {
    opacity: 1 !important;
    color: #000 !important;
}

textarea::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #000 !important;
}

textarea::-moz-placeholder {
    opacity: 1 !important;
    color: #000 !important;
}

textarea:-ms-input-placeholder {
    opacity: 1 !important;
    color: #000 !important;
}

textarea::-ms-input-placeholder {
    opacity: 1 !important;
    color: #000 !important;
}

textarea::placeholder {
    opacity: 1 !important;
    color: #000 !important;
}

.product_three_img_block {
    text-align: center !important;
    margin-bottom: 20px !important;
}

.our_product_main_content_box_inner_first .our_product_main_content_title {
    padding-right: 50px;
}

.our_product_main_content_box_inner_second .our_product_main_content_title {
    padding-left: 45px;
}

.te_our_pack_main_block .site_heading {
    padding-bottom: 10px;
}


/* ------ second banner---------*/
.sc_bnr_txt_box {
    display: flex;
    margin-top: -160px;
}
.sc_bnr_bg_ttl {
    font-weight: 400;
    line-height: 1.1;
    text-align: left
}
.sc_bnr_bg_ttl .red_txt{
    font-size: 97px;
	color: #FF352E;

}
.sc_bnr_bg_ttl .blc_txt{
    font-size: 75px;
	color: #222;

}
.sc_bnr_txt_box {
    display: flex;
}

.sc_bnr_des_box {
    display: flex;
	    padding-top: 40px;
}

.sc_bnr_des_box ul {
    font-family: Outfit;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    color: #000;
}

.sc_bnr_des_box li {
	position: relative;
	padding:10px 30px 10px 30px;
	list-style: none;
	width: fit-content;
	margin: 13px 0;
}

.sc_bnr_des_box li:after {
    position: absolute;
    content: "";
    height:  20px;
    width: 20px;
    border-radius: 100%;
    left: 0;
    top: 16px;
    background: url(/../../../wp-content/uploads/2024/10/Group.png);
	  background-position: center;
    background-size: 100% 100%;
}

.sc_bnr_des_box ul {
    padding: 0 !important;
}

.sc_bnr_des_box li:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: red;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    background: url(/../../../wp-content/uploads/2024/10/Group-1437255091.png)no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.sc_bnr_des_box i {
    color: #FF352E;
    font-style: normal;
}
.abt_mb_img span {
    width: 100%;
}
@media all and (min-width: 320px) and (max-width: 767px) {
		/* 	 ---------second banner--*/
	.sc_bnr_txt_main_box {
    display: none;
}
	
/* 	 ------------------------*/
    .site_width,
    .c_wt {
        width: 100% !important;
        max-width: 91% !important;
    }
    .site_width.te_header_mob_main_row {
        max-width: 100% !important;
        width: 100% !important;
    }
    .padding_zero,
    .pd_tb {
        padding: 35px 0 !important;
    }
    .site_title {
        font-size: 20px !important;
        text-align: center;
    }
    .site_heading {
        padding-bottom: 5px;
        text-align: center;
    }
    .site_des {
        font-size: 15px;
    }
    /* get in touch start */
    .te_get_in_sec_main::after {
        width: 400px;
        display: none !important;
    }
    .te_get_in_block_right .et_pb_image_wrap img {
        width: 414px !important;
        height: 250px;
        object-fit: contain;
    }
    .te_get_in_col_left {
        width: 100% !important;
    }
    .te_get_in_col_right {
        width: 60% !important;
        display: none !important;
    }
    .cp_des {
        font-size: 16px;
        line-height: 25px;
    }
    .cp_add_img,
    .cp_call_img,
    .cp_mail_img {
        height: 74px;
        width: 74px;
    }
    .cp_des_main a {
        font-size: 15px;
        line-height: 18px;
    }
    .cp_add_main {
        padding: 15px 0;
    }
    .cp_des_main {
        width: 75%;
    }
    .te_get_in_block_right {
        padding-right: 0;
    }
    /* get in touch end */
    .te_contact_us_col_left {
        padding-right: 0 !important;
        border: none !important;
        border-right: 1px solid rgba(255, 255, 255, 0.20);
        width: 100% !important;
    }
    .te_contact_us_col_right {
        padding-left: 0 !important;
        width: 100% !important;
        padding-top: 40px !important;
    }
    .te_contact_us_sec::before {
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%, 0 2%);
    }
    .te_contact_us_sec::after {
        clip-path: polygon(0 0, 100% 1%, 100% 100%, 0 100%, 0 0);
        left: 20px;
    }
    .contactt_main .input_box_main {
        display: block;
        margin-bottom: 10px;
    }
    .contactt_main .input_box_main .input_box.email_in input,
    .contactt_main .input_box_main .input_box.suburb_in input {
        margin-top: 10px;
    }
    .contactt_main .input_box_main .input_box input,
    .contactt_main .input_box.about_in .wpcf7-form-control-wrap .wpcf7-form-control {
        height: 50px;
        font-size: 15px;
        padding: 10px;
    }
    .submit_main {
        position: relative;
        display: flex;
        margin: auto;
    }
    button.wpcf7-form-control.wpcf7-submit.ww_form_button.site_button.hover_button {
        margin: auto;
    }
    .map_main,
    .map_main iframe {
        height: 350px;
    }
    .serv_main_box_img img {
        height: 295px;
    }
    .serv_main_box_contentt_main {
        font-size: 17px;
        line-height: 25px;
        height: 45px;
    }
    .serv_main_box {
        width: 100%;
    }
    .know_more_icon_box {
        opacity: 1;
    }
    /* ------------why choose us-------------- */
    .wcu_main_box {
        width: 100%;
    }
    .wcu_img_box {
        width: 100%;
    }
    .wcu_des_box {
        width: 100%;
        padding-top: 20px;
    }
    .wcu_main_img img {
        height: 210px;
    }
    .wcu_box.wcu_box_1,
    .wcu_box.wcu_box_2,
    .wcu_box.wcu_box_3,
    .wcu_box.wcu_box_4 {
        padding: 0;
    }
    .wcu_count_col {
        margin-top: 0;
        position: absolute;
        top: 160px;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        left: 0;
        right: 0;
    }
    .wcu_box {
        padding: 20px 0 !important;
    }
    .wcu_count_col .percent-value {
        font-size: 30px !important;
    }
    h3.title {
        font-size: 17px;
    }
    .wcu_img_box_inr {
        display: flex;
        justify-content: center;
    }
    .wcu_img svg {
        height: 30px;
    }
    .wcu_img:after {
        height: 55px;
        width: 55px;
    }
    .wcu_col_1 .wcu_des_box_inr,
    .wcu_col_3 .wcu_des_box_inr {
        padding: 0px;
        text-align: center;
    }
    .wcu_col_1 .wcu_box_inr {
        flex-direction: column-reverse;
    }
    .wcu_img {
        height: 55px;
        width: 55px;
    }
    .wcu_ttl {
        font-size: 14px;
    }
    /* -----------about us section--------- */
    .site_des {
        line-height: 1.4;
        font-size: 15px;
    }
    .abt_img img {
        height: 320px;
    }
    .abt_col_2 {
        padding-left: 0px;
    }
    .year_box_inr {
        font-size: 16px;
        display: flex;
        justify-content: center;
    }
    .site_heading.abt_ttl_box_inr {
        padding-bottom: 20px;
    }
    .num_box_inr {
        font-size: 30px;
        height: 50px;
        width: 110px;
    }
    .abt_count_main_col {
        width: 100% !important;
    }
    .abt_counter_row {
        right: 0;
        bottom: 0;
        position: relative;
    }
    .abt_des_box {
        padding-top: 0px;
    }
    .abt_counter_box:after {
        display: none;
    }
    .year_box::before,
    .year_box::after {
        clip-path: none;
    }
    .year_box {
        padding: 10px 10px;
        width: 100%;
    }
    .abt_section::before {
        height: 110px;
        width: 100px;
    }
    .btn2 {
        margin-top: 10px;
    }
    .blank_col {
        display: none;
    }
    .abt_counter_box_inr {
        display: block;
    }
    .abt_counter_box {
        width: 100%;
        margin: 20px auto 0;
    }
    .abt_img {
        display: none;
    }
    .abt_img.abt_mb_img {
        display: block;
    }
    /* .site_des span {
        padding-top: 10px;
    } */
    .num_box {
        display: flex;
        justify-content: center;
    }
    /* -------------our packages section----------- */
    .pack_box_inr {
        padding: 5px;
    }
    .pack_red_rnd {
        height: 66px;
        width: 66px;
        line-height: 13px;
        outline-offset: -4px;
    }
    .pack_red_lt {
        width: 100px;
    }
    .pack_red_rt {
        width: fit-content;
    }
    .from_box {
        font-size: 9px;
    }
    .price_box {
        font-size: 13px;
    }
    .pack_red_rt_inr {
        padding-left: 5px;
        font-size: 13px;
        line-height: 1.7;
    }
    .pack_red_box_inr {
        padding: 5px;
    }
    .pack_ttl_box_inr {
        padding: 5px 0;
        font-size: 11px;
        line-height: 1.8;
    }
    .pack_red_rnd span.brand_box {
        font-size: 10px;
    }
    .pack_red_rnd_box {
        right: 0;
        top: 20px;
    }
   
    .pack_list_box_inr {
        padding-top: 10px;
    }
    .te_our_package_main_sec::after {
        display: none;
    }
    .pack_main_box {
        padding: 5px;
        width: 100%;
    }
    .pack_li:after {
        height: 13px;
        width: 13px;
    }
    .pack_li {
        padding: 0px 0 0px 18px;
        font-size: 14px;
    }
    .pack_ttl_box:after {
        height: 20px;
    }
    .pack_main_box_inr {
        display: flex;
        flex-wrap: wrap;
    }
    .pack_box {
        width: 100%;
    }
    /* ---------banner section-------------- */
    .bnr_slide_col .et_pb_slide {
        height: 700px;
        clip-path: none;
    }
    .bnr_section:after {
        display: none;
    }
    .bnr_txt_main_box_inr {
        margin-top: 0;
    }
    .abt_col_1:after {
        font-size: 65px;
        top: -70px;
        justify-content: left;
        left: 20px;
    }
    .bnr_txt_box {
        width: 100%;
    }
    .bnr_ttl_box_inr h1 {
        font-size: 24px;
    }
    .bnr_txt_box_inr {
        padding: 10px;
        transform: skew(0);
    }
    .bnr_txt_box_inr {
        display: block;
    }
    .bnr_lt_box,
    .bnr_rt_box_inr {
        transform: skew(0);
        justify-content: center;
    }
    .bnr_rt_box {
        position: relative;
        left: 0;
        right: 0;
        top: 10px;
        margin: auto;
    }
    .abt_col_1:after {
        display: none;
    }
    .site_heading {
        padding-bottom: 10px;
    }
    .te_our_pack_main_block .site_heading {
        padding-bottom: 5px !important;
    }
    .resi_com_heading_title,
    .resi_com_price_sqm {
        font-size: 19px;
        line-height: 30px;
    }
    .te_com_resi_tint_block_left {
        padding-right: 0;
    }
    .resi_com_des {
        font-size: 15px;
        line-height: 22px;
    }
    .resi_com_start {
        font-size: 17px;
        line-height: 24px;
    }
    .te_com_resi_tint_sec {
        height: auto;
    }
    .resi_com_heading_main_box {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
    .resi_com_start_box {
        padding-top: 20px;
        padding-bottom: 25px;
    }
    .te_com_resi_tint_sec::before {
        display: none;
    }
    .te_our_package_main_sec::before {
        display: none;
    }
    .hk_testimonial_box {
        padding: 40px 26px 85px;
    }
    .hk_testimonial_title_box {
        bottom: 32px;
        font-size: 14px;
    }
    .te_our_hap_cus_main_sec::before {
        top: 90px;
        width: 182px;
        height: 170px;
        background-size: 182px;
        display: none;
    }
    .testi_star_img img {
        width: 137px;
        height: 34px;
    }
    .te_bef_aft_main_sec::after {
        display: none;
    }
    .te_our_hap_cus_main_sec::after {
        clip-path: unset;
    }
    .our_product_main_content_title {
        padding-top: 10px;
    }
    .our_product_main_content_data_box_center .our_product_main_content_data,
    .our_product_main_content_data_box_list .our_product_main_content_data {
        font-size: 14px;
        line-height: 23px;
    }
    .our_product_main_content_title_box,
    .our_product_main_content_title_box_sub {
        height: 60px;
    }
    .our_product_main_content_box_inner_first .our_product_main_content_des_box {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
    }
    .our_product_main_content_box_inner_second .our_product_main_content_des_box {
        padding-left: 15px;
        padding-bottom: 20px;
        padding-right: 15px;
    }
    .pack_ul_prod .pack_li:after {
        top: 4px;
    }
    .pack_ul_prod {
        padding-top: 16px !important;
        padding-bottom: 12px !important;
    }
    .all_work_come_title {
        font-size: 13px;
        text-align: center;
        line-height: 17px;
    }
    .all_work_come_main_box_inner {
        height: 48px;
        width: 100%;
    }
    .our_product_main_content_box {
        margin-top: 0;
        z-index: unset;
    }
    .our_product_main_content_des_price_box {
        height: 42px;
        width: 260px;
    }
    .our_product_main_content_des_price_no {
        font-size: 17px;
    }
    .pack_ul_prod {
        display: block;
    }
    .our_product_main_content_data_box_center {
        text-align: left;
    }
    .our_product_main_content_box_inner {
        width: 100% !important;
    }
    .our_product_main_content_box_inner_second {
        margin-top: 20px;
    }
    .our_product_main_content_box::after {
        display: none;
    }
    .our_product_main_content_data_box_center {
        text-align: left;
    }
    .our_repair_main_cotent_sub_box {
        padding: 10px;
    }
    .our_repair_main_cotent_sub_box .slick-slide img,
    .our_repair_main_cotent_sub_box .bafg-twentytwenty-container,
    .bafg-twentytwenty-container img {
        height: 270px;
    }
    .our_repair_main_cotent_sub_box .slick-slide.slick-current.slick-center {
        transform: scale(1);
    }
    .our_repair_main_cotent_sub_box .slick-slide.slick-active {
        transform: scale(1);
    }
    .our_repair_main_cotent_box .slick-slide.slick-active::after {
        display: none;
    }
    .our_repair_main_cotent_box {
        padding-top: 0;
    }
    .our_repair_main_cotent_box .slick-slide.slick-active {
        transform: scale(1);
    }
    /* .padding_zero,
    .pd_tb.te_bef_aft_main_sec {
        padding-bottom: 10px !important;
    } */
    .our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-before-label:before,
    .our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-after-label:before {
        font-size: 12px !important;
        height: 32px !important;
        width: 109px !important;
    }
    .our_repair_main_cotent_box .slick-slide.slick-current.slick-center .twentytwenty-before-label,
    .our_repair_main_cotent_box .slick-slide.slick-current.slick-center .twentytwenty-after-label {
        bottom: 15px;
    }
    .te_bef_aft_main_sec .site_heading {
        padding-bottom: 10px !important;
    }
    .our_repair_main_cotent_box .slick-prev,
    .our_repair_main_cotent_box .slick-next {
        top: 46%;
    }
    div#main-content {
        margin-top: 122px;
    }
    .com_res_bf_sec_main::before {
        display: none;
    }
}

@media all and (min-width: 320px) and (max-width: 480px) {
    .abt_counter_box_inr {
        background-color: #222;
        padding: 15px 0 0;
        border-radius: 10px;
    }
    .year_box::before,
    .year_box::after {
        display: none;
    }
	.price_box {
		font-size: 11px;
	}
	.from_box {
		font-size: 7px;
	}
	.pack_red_rnd span.brand_box {
		font-size: 9px;
	}
}

@media all and (min-width: 481px) and (max-width: 767px) {
    .map_main,
    .map_main iframe {
        height: 400px;
    }
    .serv_main_box {
        width: 50%;
    }
    .serv_main_box_img img {
        height: 215px;
    }
    .year_box::before,
    .year_box::after {
        clip-path: polygon(0 0, 87% 0%, 100% 100%, 0% 100%);
    }
    .abt_counter_box_inr {
        display: flex;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {
		/* 	 ---------second banner--*/
	.sc_bnr_txt_main_box {
    display: none;
}
	
/* 	 ------------------------*/
    .site_width,
    .c_wt {
        width: 100% !important;
        max-width: 94% !important;
    }
    .site_width.te_header_mob_main_row {
        max-width: 100% !important;
        width: 100% !important;
    }
    .padding_zero,
    .pd_tb {
        padding: 50px 0 !important;
    }
    .site_title {
        font-size: 22px !important;
    }
    .site_heading {
        padding-bottom: 5px;
    }
    .site_des {
        font-size: 15px;
    }
    /* get in touch start */
    .te_get_in_sec_main::after {
        width: 400px;
    }
    .te_get_in_block_right .et_pb_image_wrap img {
        width: 414px !important;
        height: 250px;
        object-fit: contain;
    }
    .te_get_in_col_left {
        width: 40% !important;
    }
    .te_get_in_col_right {
        width: 60% !important;
    }
    .cp_des {
        font-size: 16px;
        line-height: 25px;
    }
    .cp_add_img,
    .cp_call_img,
    .cp_mail_img {
        height: 74px;
        width: 74px;
    }
    .cp_des_main a {
        font-size: 15px;
        line-height: 18px;
    }
    .cp_add_main {
        padding: 15px 0;
    }
    .cp_des_main {
        width: 70%;
    }
    .te_get_in_block_right {
        padding-right: 0;
    }
    /* get in touch end */
    .te_contact_us_col_left {
        padding-right: 0 !important;
        border: none !important;
        border-right: 1px solid rgba(255, 255, 255, 0.20);
        width: 100% !important;
    }
    .te_contact_us_col_right {
        padding-left: 0 !important;
        width: 100% !important;
        padding-top: 40px !important;
    }
    .te_contact_us_sec::before {
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%, 0 2%);
    }
    .te_contact_us_sec::after {
        clip-path: polygon(0 0, 100% 2%, 100% 100%, 0 100%, 0 0);
    }
    .serv_main_box_img img {
        height: 230px;
    }
    .serv_main_box_contentt_main {
        font-size: 17px;
        line-height: 25px;
        height: 45px;
    }
    .serv_main_box {
        width: 33.33%;
    }
    /* ------------why choose us-------------- */
    .wcu_img_box {
        width: 100%;
    }
    .wcu_des_box {
        width: 100%;
        padding-top: 10px;
    }
    .wcu_main_img img {
        height: 210px;
    }
    .wcu_box.wcu_box_1,
    .wcu_box.wcu_box_2,
    .wcu_box.wcu_box_3,
    .wcu_box.wcu_box_4 {
        padding: 0;
    }
    .wcu_count_col {
        margin-top: -60px;
    }
    .wcu_box {
        padding: 20px 0 !important;
    }
    .wcu_count_col .percent-value {
        font-size: 35px !important;
    }
    h3.title {
        font-size: 19px;
    }
    .wcu_img_box_inr {
        display: flex;
        justify-content: center;
    }
    .wcu_img svg {
        height: 30px;
    }
    .wcu_img:after {
        height: 55px;
        width: 55px;
    }
    .wcu_col_1 .wcu_des_box_inr,
    .wcu_col_3 .wcu_des_box_inr {
        padding: 0px;
        text-align: center;
    }
    .wcu_col_1 .wcu_box_inr {
        flex-direction: column-reverse;
    }
    .wcu_img {
        height: 55px;
        width: 55px;
    }
    .wcu_ttl {
        font-size: 14px;
    }
    /* -----------about us section--------- */
    .site_des {
        line-height: 1.4;
    }
    .abt_img img {
        height: 420px;
    }
    .abt_col_2 {
        padding-left: 0px;
    }
    .year_box_inr {
        font-size: 21px;
    }
    .site_heading.abt_ttl_box_inr {
        padding-bottom: 20px;
    }
    .num_box_inr {
        font-size: 40px;
        height: 80px;
        width: 140px;
    }
    .abt_count_main_col {
        width: 100% !important;
    }
    .abt_counter_row {
        right: 0;
        bottom: 0;
        position: relative;
    }
    .abt_des_box {
        padding-top: 0px;
    }
    .abt_counter_box:after {
        display: none;
    }
    .year_box::before,
    .year_box::after {
        clip-path: polygon(0 0, 87% 0%, 100% 100%, 0% 100%);
    }
    .year_box {
        padding: 18px 15px;
        width: 62%;
    }
    .abt_section::before {
        height: 110px;
        width: 100px;
    }
    .btn2 {
        margin-top: 10px;
    }
    .blank_col {
        display: none;
    }
    .abt_counter_box_inr {
        justify-content: center;
    }
    .abt_counter_box {
        width: 100%;
        margin: 20px auto 0;
    }
    .abt_img {
        display: none;
    }
    .abt_img.abt_mb_img {
        display: block;
    }
    /* -------------our packages section----------- */
    .pack_box_inr {
        padding: 10px;
    }
    .pack_red_rnd {
        height: 65px;
        width: 65px;
        line-height: 13px;
        outline-offset: -4px;
    }
    .pack_red_lt {
        width: 100px;
    }
    .pack_red_rt {
        width: fit-content;
    }
    .from_box {
        font-size: 9px;
    }
    .price_box {
        font-size: 13px;
    }
    .pack_red_rt_inr {
        padding-left: 5px;
        font-size: 13px;
        line-height: 1.7;
    }
    .pack_red_box_inr {
        padding: 5px;
    }
    .pack_ttl_box_inr {
        padding: 5px;
        font-size: 13px;
        line-height: 1.8;
    }
    .pack_red_rnd span.brand_box {
        font-size: 10px;
    }
    .pack_red_rnd_box {
        right: 0;
        top: 30px;
    }
    .pack_list_box_inr {
        padding-top: 10px;
    }
    .te_our_package_main_sec::after {
        display: none;
    }
    .pack_main_box {
        padding: 5px;
        width: 100%;
    }
    .pack_li:after {
        height: 13px;
        width: 13px;
    }
    .pack_li {
        padding: 0px 0 0px 18px;
        font-size: 14px;
    }
    .pack_ttl_box:after {
        height: 20px;
    }
    .pack_main_box_inr {
        display: flex;
        flex-wrap: wrap;
    }
    .pack_main_box.pack_main_box_one .pack_box.pack_box_two,
    .pack_main_box.pack_main_box_one .pack_box.pack_box_three {
        width: 50%;
    }
    .pack_main_box.pack_main_box_two .pack_box.pack_box_one,
    .pack_main_box.pack_main_box_two .pack_box.pack_box_two {
        width: 50%;
    }
    .pack_main_box.pack_main_box_three .pack_box.pack_box_one,
    .pack_main_box.pack_main_box_three .pack_box.pack_box_two,
    .pack_main_box.pack_main_box_three .pack_box.pack_box_three {
        width: 50%;
    }
    /* ---------banner section-------------- */
    .bnr_slide_col .et_pb_slide {
        height: 660px;
    }
    .bnr_section:after {
        height: 40px;
    }
    .bnr_txt_main_box_inr {
        margin-top: -170px;
    }
    .abt_col_1:after {
        font-size: 65px;
        top: -70px;
        justify-content: left;
        left: 20px;
    }
    .bnr_txt_box {
        width: 60%;
    }
    .bnr_ttl_box_inr h1 {
        font-size: 29px;
    }
    .bnr_txt_box_inr {
        padding: 30px;
    }
    .bnr_rt_box {
        right: -70px;
    }
    .abt_col_1:after {
        display: none;
    }
    .site_title {
        text-align: center;
    }
    .site_heading {
        padding-bottom: 10px;
    }
    .te_our_pack_main_block .site_heading {
        padding-bottom: 5px !important;
    }
    /* .site_des span {
        padding-top: 10px;
    } */
    .resi_com_heading_title,
    .resi_com_price_sqm {
        font-size: 27px;
        line-height: 39px;
    }
    .te_com_resi_tint_block_left {
        padding-right: 0;
    }
    .resi_com_des {
        font-size: 17px;
        line-height: 24px;
    }
    .resi_com_start {
        font-size: 22px;
        line-height: 29px;
    }
    .te_com_resi_tint_sec {
        height: auto;
    }
    .resi_com_heading_main_box {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
    .resi_com_start_box {
        padding-top: 20px;
        padding-bottom: 25px;
    }
    .te_com_resi_tint_sec::before {
        display: none;
    }
    .te_our_package_main_sec::before {
        display: none;
    }
    .hk_testimonial_box {
        padding: 40px 26px 85px;
    }
    .hk_testimonial_title_box {
        bottom: 32px;
        font-size: 14px;
    }
    .te_our_hap_cus_main_sec::before {
        top: 90px;
        width: 182px;
        height: 170px;
        background-size: 182px;
        display: none;
    }
    .testi_star_img img {
        width: 137px;
        height: 34px;
    }
    .our_product_main_content_title {
        padding-top: 35px;
    }
    .our_product_main_content_data_box_center .our_product_main_content_data,
    .our_product_main_content_data_box_list .our_product_main_content_data {
        font-size: 14px;
        line-height: 23px;
    }
    .our_product_main_content_title_box,
    .our_product_main_content_title_box_sub {
        height: 100px;
    }
    .our_product_main_content_box_inner_first .our_product_main_content_des_box {
        padding-left: 37px;
        padding-right: 87px;
    }
    .our_product_main_content_box_inner_second .our_product_main_content_des_box {
        padding-left: 60px;
        padding-bottom: 50px;
        padding-right: 20px;
    }
    .pack_ul_prod .pack_li:after {
        top: 4px;
    }
    .pack_ul_prod {
        padding-top: 16px !important;
        padding-bottom: 12px !important;
    }
    .all_work_come_title {
        font-size: 17px;
    }
    .all_work_come_main_box_inner {
        height: 48px;
        width: 100%;
    }
    .our_product_main_content_box {
        margin-top: -80px;
    }
    .our_product_main_content_des_price_box {
        height: 42px;
        width: 100%;
    }
    .our_product_main_content_des_price_no {
        font-size: 17px;
    }
    .pack_ul_prod {
        display: block;
    }
    .our_product_main_content_data_box_center {
        text-align: left;
    }
    .our_repair_main_cotent_sub_box {
        padding: 10px;
    }
    .our_repair_main_cotent_sub_box .slick-slide img,
    .our_repair_main_cotent_sub_box .bafg-twentytwenty-container,
    .bafg-twentytwenty-container img {
        height: 270px;
    }
    .our_repair_main_cotent_sub_box .slick-slide.slick-current.slick-center {
        transform: scale(1);
    }
    .our_repair_main_cotent_box .slick-slide.slick-active::after {
        display: none;
    }
    .our_repair_main_cotent_box {
        padding-top: 0;
    }
    .our_repair_main_cotent_box .slick-slide.slick-active {
        transform: scale(1);
    }
    /* .padding_zero,
    .pd_tb.te_bef_aft_main_sec {
        padding-bottom: 10px !important;
    } */
    .our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-before-label:before,
    .our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-after-label:before {
        font-size: 12px !important;
        height: 32px !important;
        width: 109px !important;
    }
    .our_repair_main_cotent_box .slick-slide.slick-current.slick-center .twentytwenty-before-label,
    .our_repair_main_cotent_box .slick-slide.slick-current.slick-center .twentytwenty-after-label {
        bottom: 15px;
    }
    .te_bef_aft_main_sec .site_heading {
        padding-bottom: 10px !important;
    }
    .te_bef_aft_main_sec::after {
        bottom: -21%;
    }
    .our_repair_main_cotent_box .slick-prev,
    .our_repair_main_cotent_box .slick-next {
        top: 46%;
    }
    div#main-content {
        margin-top: 122px;
    }
    .com_res_bf_sec_main::before {
        display: none;
    }
	.price_box {
		font-size: 11px;
	}
	.from_box {
		font-size: 7px;
	}
	.pack_red_rnd span.brand_box {
		font-size: 9px;
	}
}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
			/* 	 ---------second banner--*/
	.sc_bnr_txt_box {
    display: flex;
    margin-top: -80px;
}
	.sc_bnr_bg_ttl .red_txt {
    font-size: 90px;
	}
	.sc_bnr_des_box ul {
    font-size: 18px;
	}
	.sc_bnr_des_box li {
		    padding:5px 15px 5px 30px;
    margin: 7px 0;
}
	.sc_bnr_des_box {
    padding-top: 10px;
}
	.sc_bnr_bg_ttl .red_txt {
    font-size: 55px;
}
	.sc_bnr_bg_ttl .blc_txt {
    font-size: 45px;
}
	.sc_bnr_des_box li:after {
    height: 15px;
    width: 15px;
    top: 13px;
	}
/* 	 ------------------------*/
    .site_width,
    .c_wt {
        width: 100% !important;
        max-width: 96% !important;
    }
    .padding_zero,
    .pd_tb {
        padding: 60px 0 !important;
    }
    .site_title {
        font-size: 24px !important;
    }
    .site_heading {
        padding-bottom: 10px;
    }
    .site_des {
        font-size: 15px;
    }
    /* get in touch start */
    .te_get_in_sec_main::after {
        width: 550px;
    }
    .te_get_in_block_right .et_pb_image_wrap img {
        width: 504px;
        height: 370px;
        object-fit: contain;
    }
    .te_get_in_col_left {
        width: 40% !important;
    }
    .te_get_in_col_right {
        width: 60% !important;
    }
    .cp_des {
        font-size: 17px;
        line-height: 25px;
    }
    .cp_add_img,
    .cp_call_img,
    .cp_mail_img {
        height: 84px;
        width: 84px;
    }
    .cp_des_main a {
        font-size: 16px;
    }
    .cp_add_main {
        padding: 20px 0;
    }
    .cp_des_main {
        width: 80%;
    }
    .te_get_in_block_right {
        padding-right: 0;
    }
    /* get in touch end */
    .te_contact_us_col_left {
        padding-right: 26px !important;
    }
    .te_contact_us_col_right {
        padding-left: 26px !important;
    }
    .serv_main_box_img img {
        height: 220px;
    }
    .serv_main_box_contentt_main {
        font-size: 17px;
        line-height: 26px;
        height: 45px;
    }
    .serv_main_box {
        width: 25%;
    }
    /* ------------why choose us-------------- */
    .wcu_img_box {
        width: 20%;
    }
    .wcu_des_box {
        width: 80%;
    }
    .wcu_main_img img {
        height: 280px;
    }
    .wcu_box.wcu_box_1,
    .wcu_box.wcu_box_2,
    .wcu_box.wcu_box_3,
    .wcu_box.wcu_box_4 {
        padding: 0;
    }
    .wcu_count_col {
        margin-top: -60px;
    }
    .wcu_box {
        padding: 20px 0 !important;
    }
    .wcu_count_col .percent-value {
        font-size: 45px !important;
    }
    h3.title {
        font-size: 19px;
    }
    .wcu_img svg {
        height: 35px;
    }
    .wcu_img:after {
        height: 65px;
        width: 65px;
    }
    .wcu_col_1 .wcu_des_box_inr {
        padding-right: 10px;
    }
    .wcu_col_3 .wcu_des_box_inr {
        padding-left: 10px;
    }
    .wcu_img {
        height: 60px;
        width: 60px;
    }
    .wcu_ttl {
        font-size: 15px;
    }
    /* -----------about us section--------- */
    .site_des {
        line-height: 1.4;
    }
    .abt_img img {
        height: 420px;
    }
    .abt_col_2 {
        padding-left: 20px;
    }
    .year_box_inr {
        font-size: 21px;
    }
    .site_heading.abt_ttl_box_inr {
        padding-bottom: 10px;
    }
    .num_box_inr {
        font-size: 40px;
        height: 80px;
        width: 140px;
    }
    .abt_count_main_col {
        width: 100% !important;
    }
    .abt_counter_row {
        right: 0;
        bottom: 0;
        position: relative;
    }
    .abt_des_box {
        padding-top: 0px;
    }
    .abt_counter_box:after {
        display: none;
    }
    .year_box::before,
    .year_box::after {
        clip-path: polygon(0 0, 87% 0%, 100% 100%, 0% 100%);
    }
    .year_box {
        padding: 18px 15px;
        width: 62%;
    }
    .abt_section::before {
        height: 110px;
        width: 100px;
    }
    .btn2 {
        margin-top: 10px;
    }
    .blank_col {
        display: none;
    }
    .abt_counter_box_inr {
        justify-content: center;
    }
    .abt_counter_box {
        width: 70%;
        margin: 20px auto 0;
    }
    /* -------------our packages section----------- */
    .pack_box_inr {
        padding: 10px;
    }
    .pack_red_rnd {
        height: 70px;
        width: 70px;
        line-height: 13px;
        outline-offset: -4px;
    }
    .pack_red_lt {
        width: 20%;
    }
    .pack_red_rt {
        width: 80%;
    }
    .from_box {
        font-size: 9px;
    }
    .price_box {
        font-size: 13px;
    }
    .pack_red_rt_inr {
        padding-left: 5px;
        font-size: 13px;
        line-height: 1.7;
    }
    .pack_red_box_inr {
        padding: 5px;
    }
    .pack_ttl_box_inr {
        padding: 5px;
        font-size: 12px;
        line-height: 1.8
    }
    .pack_red_rnd span.brand_box {
        font-size: 10px;
    }
    .pack_red_rnd_box {
        right: 0;
        top: 20px;
    }
    .pack_list_box_inr {
        padding-top: 10px;
    }
    .te_our_package_main_sec::after {
        height: 300px;
    }
    .pack_main_box {
        padding: 5px;
    }
    .pack_li:after {
        height: 13px;
        width: 13px;
    }
    .pack_li {
        padding: 0px 0 0px 18px;
        font-size: 14px;
    }
    .pack_ttl_box:after {
        height: 20px;
    }
    /* ---------banner section-------------- */
    .bnr_slide_col .et_pb_slide {
        height: 540px;
    }
    .bnr_section:after {
        height: 60px;
    }
    .bnr_txt_main_box_inr {
        margin-top: -200px;
    }
    .abt_col_1:after {
        font-size: 65px;
        top: -80px;
    }
    .bnr_ttl_box_inr h1 {
        font-size: 36px;
    }
    .bnr_txt_box_inr {
        padding: 30px;
    }
    .te_our_package_main_sec::after {
        height: 230px;
        width: 541px;
    }
    .resi_com_heading_title,
    .resi_com_price_sqm {
        font-size: 27px;
        line-height: 39px;
    }
    .te_com_resi_tint_block_left {
        padding-right: 70px;
    }
    .resi_com_des {
        font-size: 17px;
        line-height: 24px;
    }
    .resi_com_start {
        font-size: 22px;
        line-height: 29px;
    }
    .te_com_resi_tint_sec {
        height: auto;
    }
    .resi_com_heading_main_box {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
    .resi_com_start_box {
        padding-top: 20px;
        padding-bottom: 25px;
    }
    .hk_testimonial_box {
        padding: 40px 26px 85px;
    }
    .hk_testimonial_title_box {
        bottom: 32px;
        font-size: 14px;
    }
    .te_our_hap_cus_main_sec::before {
        top: 90px;
        width: 182px;
        height: 170px;
        background-size: 182px;
    }
    .our_product_main_content_title {
        padding-top: 35px;
    }
    .our_product_main_content_data_box_center .our_product_main_content_data,
    .our_product_main_content_data_box_list .our_product_main_content_data {
        font-size: 16px;
        line-height: 27px;
    }
    .our_product_main_content_title_box,
    .our_product_main_content_title_box_sub {
        height: 100px;
    }
    .our_product_main_content_box_inner_first .our_product_main_content_des_box {
        padding-left: 37px;
        padding-right: 87px;
    }
    .our_product_main_content_box_inner_second .our_product_main_content_des_box {
        padding-left: 60px;
        padding-bottom: 50px;
        padding-right: 20px;
    }
    .pack_ul_prod .pack_li:after {
        top: 4px;
    }
    .pack_ul_prod {
        padding-top: 16px !important;
        padding-bottom: 12px !important;
    }
    .all_work_come_title {
        font-size: 19px;
    }
    .all_work_come_main_box_inner {
        height: 55px;
        width: 761px;
    }
    .our_product_main_content_box {
        margin-top: -80px;
    }
    .our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-before-label:before,
    .our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-after-label:before {
        font-size: 12px !important;
        height: 32px !important;
        width: 109px !important;
    }
    .our_repair_main_cotent_box .slick-slide.slick-current.slick-center .twentytwenty-before-label,
    .our_repair_main_cotent_box .slick-slide.slick-current.slick-center .twentytwenty-after-label {
        bottom: 15px;
    }
    .te_bef_aft_main_sec::after {
        bottom: -21%;
    }
    .com_res_bf_sec_main::before {
        width: 550px;
        bottom: 5px;
        background-size: 550px 20px;
    }
	.price_box {
		font-size: 11px;
	}
	.from_box {
		font-size: 7px;
	}
	.pack_red_rnd span.brand_box {
		font-size: 9px;
	}
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
			/* 	 ---------second banner--*/
	.sc_bnr_txt_box {
    display: flex;
    margin-top: -80px;
}
	.sc_bnr_bg_ttl .red_txt {
    font-size: 90px;
	}
	.sc_bnr_des_box ul {
    font-size: 20px;
	}
	.sc_bnr_des_box li {
		    padding:5px 15px 5px 30px;
    margin: 7px 0;
}
	.sc_bnr_des_box {
    padding-top: 10px;
}
	.sc_bnr_bg_ttl .red_txt {
    font-size: 60px;
}
	.sc_bnr_bg_ttl .blc_txt {
    font-size: 50px;
}
	.sc_bnr_des_box li:after {
    height: 15px;
    width: 15px;
    top: 13px;
	}
/* 	 ------------------------*/
    .site_width,
    .c_wt {
        width: 100% !important;
        max-width: 96% !important;
    }
    .padding_zero,
    .pd_tb {
        padding: 60px 0 !important;
    }
    .site_title {
        font-size: 25px !important;
    }
    .site_heading {
        padding-bottom: 10px;
    }
    /* get in touch start */
    .te_get_in_sec_main::after {
        width: 550px;
    }
    .te_get_in_block_right .et_pb_image_wrap img {
        width: 504px;
        height: 370px;
        object-fit: contain;
    }
    .te_get_in_col_left {
        width: 40% !important;
    }
    .te_get_in_col_right {
        width: 60% !important;
    }
    .cp_des {
        font-size: 17px;
        line-height: 25px;
    }
    .cp_add_img,
    .cp_call_img,
    .cp_mail_img {
        height: 84px;
        width: 84px;
    }
    .cp_des_main a {
        font-size: 16px;
    }
    .cp_add_main {
        padding: 20px 0;
    }
    .cp_des_main {
        width: 80%;
    }
    /* get in touch end */
    .te_contact_us_col_left {
        padding-right: 26px !important;
    }
    .te_contact_us_col_right {
        padding-left: 26px !important;
    }
    .te_contact_us_col_left {
        padding-right: 26px !important;
    }
    .te_contact_us_col_right {
        padding-left: 26px !important;
    }
    .serv_main_box_img img {
        height: 231px;
    }
    .serv_main_box_contentt_main {
        font-size: 17px;
        line-height: 26px;
        height: 45px;
    }
    .serv_main_box {
        width: 25%;
    }
    /* ------------why choose us-------------- */
    .wcu_img_box {
        width: 20%;
    }
    .wcu_des_box {
        width: 80%;
    }
    .wcu_main_img img {
        height: 310px;
    }
    .wcu_box.wcu_box_1,
    .wcu_box.wcu_box_2,
    .wcu_box.wcu_box_3,
    .wcu_box.wcu_box_4 {
        padding: 0;
    }
    .wcu_count_col {
        margin-top: -70px;
    }
    .wcu_box {
        padding: 20px 0 !important;
    }
    .wcu_count_col .percent-value {
        font-size: 50px !important;
    }
    h3.title {
        font-size: 20px;
    }
    .wcu_img svg {
        height: 40px;
    }
    .wcu_img:after {
        height: 65px;
        width: 65px;
    }
    .wcu_col_1 .wcu_des_box_inr {
        padding-right: 10px;
    }
    .wcu_col_3 .wcu_des_box_inr {
        padding-left: 10px;
    }
    .wcu_img {
        height: 70px;
        width: 70px;
    }
    .wcu_ttl {
        font-size: 16px;
    }
    /* -----------about us section--------- */
    .site_des {
        line-height: 1.5;
    }
    .abt_img img {
        height: 450px;
    }
    .abt_col_2 {
        padding-left: 20px;
    }
    .year_box_inr {
        font-size: 21px;
    }
    .site_heading.abt_ttl_box_inr {
        padding-bottom: 10px;
    }
    .num_box_inr {
        font-size: 40px;
        height: 80px;
        width: 140px;
    }
    .abt_count_main_col {
        width: 100% !important;
    }
    .abt_counter_row {
        right: 0;
        bottom: 0;
        position: relative;
    }
    .abt_des_box {
        padding-top: 10px;
    }
    .abt_counter_box:after {
        display: none;
    }
    .year_box::before,
    .year_box::after {
        clip-path: polygon(0 0, 87% 0%, 100% 100%, 0% 100%);
    }
    .year_box {
        padding: 18px 15px;
        width: 62%;
    }
    .abt_section::before {
        height: 110px;
        width: 100px;
    }
    .btn2 {
        margin-top: 10px;
    }
    .blank_col {
        display: none;
    }
    .abt_counter_box_inr {
        justify-content: center;
    }
    .abt_counter_box {
        width: 70%;
        margin: 20px auto 0;
    }
    /* -------------our packages section----------- */
    .pack_red_rnd {
        background: #FF352E;
        height: 70px;
        width: 70px;
        line-height: 20px;
        outline-offset: -4px;
    }
    .pack_red_lt {
        width: 20%;
    }
    .pack_red_rt {
        width: 80%;
    }
    .from_box {
        font-size: 10px;
    }
    .price_box {
        font-size: 12px;
    }
    .pack_red_rt_inr {
        padding-left: 5px;
        font-size: 13px;
        line-height: 1.7;
    }
    .pack_red_box_inr {
        padding: 5px;
    }
    .pack_ttl_box_inr {
        padding: 10px;
        font-size: 12px;
        line-height: 1.8;
    }
    .pack_red_rnd_box {
        right: 0;
        top: 30px;
    }
    .pack_list_box_inr {
        padding-top: 10px;
    }
    .te_our_package_main_sec::after {
        height: 260px;
    }
    .pack_main_box {
        padding: 5px;
    }
    .pack_li:after {
        height: 13px;
        width: 13px;
    }
    .pack_li {
        padding: 0px 0px 0px 18px;
        font-size: 15px;
    }
    .pack_ttl_box:after {
        height: 30px;
    }
    .pack_red_rnd span.brand_box {
        font-size: 10px;
    }
    /* ---------banner section-------------- */
    .bnr_slide_col .et_pb_slide {
        height: 600px;
    }
    .bnr_section:after {
        height: 80px;
    }
    .bnr_txt_main_box_inr {
        margin-top: -200px;
    }
    .abt_col_1:after {
        font-size: 105px;
        top: -80px;
    }
    .bnr_ttl_box_inr h1 {
        font-size: 36px;
    }
    .bnr_txt_box_inr {
        padding: 30px;
    }
    .te_our_package_main_sec::after {
        height: 230px;
        width: 541px;
    }
    .resi_com_heading_title,
    .resi_com_price_sqm {
        font-size: 27px;
        line-height: 39px;
    }
    .te_com_resi_tint_block_left {
        padding-right: 70px;
    }
    .resi_com_des {
        font-size: 17px;
        line-height: 24px;
    }
    .resi_com_start {
        font-size: 22px;
        line-height: 29px;
    }
    .te_com_resi_tint_sec {
        height: auto;
    }
    .resi_com_heading_main_box {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
    .resi_com_start_box {
        padding-top: 20px;
        padding-bottom: 25px;
    }
    .hk_testimonial_box {
        padding: 40px 26px 85px;
    }
    .hk_testimonial_title_box {
        bottom: 32px;
        font-size: 14px;
    }
    .te_our_hap_cus_main_sec::before {
        top: 90px;
        width: 182px;
        height: 170px;
        background-size: 182px;
    }
    .our_product_main_content_title {
        padding-top: 35px;
    }
    .our_product_main_content_data_box_center .our_product_main_content_data,
    .our_product_main_content_data_box_list .our_product_main_content_data {
        font-size: 16px;
        line-height: 27px;
    }
    .our_product_main_content_title_box,
    .our_product_main_content_title_box_sub {
        height: 119px;
    }
    .our_product_main_content_box_inner_first .our_product_main_content_des_box {
        padding-left: 37px;
        padding-right: 87px;
    }
    .our_product_main_content_box_inner_second .our_product_main_content_des_box {
        padding-left: 60px;
        padding-bottom: 50px;
        padding-right: 20px;
    }
    .pack_ul_prod .pack_li:after {
        top: 4px;
    }
    .pack_ul_prod {
        padding-top: 16px !important;
        padding-bottom: 12px !important;
    }
    .all_work_come_title {
        font-size: 19px;
    }
    .all_work_come_main_box_inner {
        height: 55px;
        width: 761px;
    }
    .our_product_main_content_box {
        margin-top: -80px;
    }
    .our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-before-label:before,
    .our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-after-label:before {
        font-size: 12px !important;
        height: 32px !important;
        width: 109px !important;
    }
    .our_repair_main_cotent_box .slick-slide.slick-current.slick-center .twentytwenty-before-label,
    .our_repair_main_cotent_box .slick-slide.slick-current.slick-center .twentytwenty-after-label {
        bottom: 15px;
    }
    .te_bef_aft_main_sec::after {
        bottom: -21%;
    }
    .com_res_bf_sec_main::before {
        width: 650px;
        bottom: 7px;
        background-size: 650px 20px;
    }
	.price_box {
		font-size: 11px;
	}
	.from_box {
		font-size: 7px;
	}
	.pack_red_rnd span.brand_box {
		font-size: 9px;
	}
}

@media all and (min-width: 1141px) and (max-width: 1280px) {
		/* 	 ---------second banner--*/
	.sc_bnr_txt_box {
    display: flex;
    margin-top: -130px;
}
	.sc_bnr_bg_ttl .red_txt {
    font-size: 90px;
	}
	.sc_bnr_des_box ul {
    font-size: 20px;
	}
	.sc_bnr_des_box li {
		    padding:5px 15px 5px 30px;
    margin: 7px 0;
}
	.sc_bnr_des_box {
    padding-top: 10px;
}
	.sc_bnr_bg_ttl .red_txt {
    font-size: 67px;
}
	.sc_bnr_bg_ttl .blc_txt {
    font-size: 55px;
}
	.sc_bnr_des_box li:after {
    height: 15px;
    width: 15px;
    top: 13px;
	}
/* 	 ------------------------*/
    .site_width,
    .c_wt {
        width: 100% !important;
        max-width: 96% !important;
    }
    .padding_zero,
    .pd_tb {
        padding: 70px 0 !important;
    }
    .site_title {
        font-size: 26px !important;
    }
    .site_heading {
        padding-bottom: 10px;
    }
    /* get in touch start */
    .te_get_in_sec_main::after {
        width: 650px;
    }
    .te_get_in_block_right .et_pb_image_wrap img {
        width: 614px;
        height: 370px;
        object-fit: contain;
    }
    .te_get_in_col_left {
        width: 40% !important;
    }
    .te_get_in_col_right {
        width: 60% !important;
    }
    .cp_des {
        font-size: 17px;
        line-height: 25px;
    }
    .cp_add_img,
    .cp_call_img,
    .cp_mail_img {
        height: 84px;
        width: 84px;
    }
    .cp_des_main a {
        font-size: 16px;
    }
    .cp_add_main {
        padding: 20px 0;
    }
    .cp_des_main {
        width: 80%;
    }
    /* get in touch end */
    .te_contact_us_col_left {
        padding-right: 26px !important;
    }
    .te_contact_us_col_right {
        padding-left: 26px !important;
    }
    .serv_main_box_img img {
        height: 258px;
    }
    .serv_main_box_contentt_main {
        font-size: 17px;
        line-height: 26px;
        height: 45px;
    }
    .serv_main_box {
        width: 25%;
    }
    /* ------------why choose us-------------- */
    .wcu_img_box {
        width: 20%;
    }
    .wcu_des_box {
        width: 80%;
    }
    .wcu_main_img img {
        height: 350px;
    }
    .wcu_box.wcu_box_1 {
        padding: 0;
    }
    .wcu_box.wcu_box_3 {
        padding: 0;
    }
    .wcu_box.wcu_box_2 {
        padding-right: 10px;
        padding-left: 0;
    }
    .wcu_box.wcu_box_4 {
        padding-left: 10px;
        padding-right: 0;
    }
    .wcu_count_col {
        margin-top: -70px;
    }
    .wcu_box {
        padding: 30px 0;
    }
    .wcu_count_col .percent-value {
        font-size: 55px !important;
    }
    h3.title {
        font-size: 22px;
    }
    .wcu_img svg {
        height: 40px;
    }
    .wcu_img:after {
        height: 65px;
        width: 65px;
    }
    .wcu_col_1 .wcu_des_box_inr {
        padding-right: 10px;
    }
    .wcu_col_3 .wcu_des_box_inr {
        padding-left: 10px;
    }
    .wcu_img {
        height: 70px;
        width: 70px;
    }
    .wcu_ttl {
        font-size: 16px;
    }
    /* -----------about us section--------- */
    .abt_img img {
        height: 480px;
    }
    .abt_col_2 {
        padding-left: 20px;
    }
    .year_box_inr {
        font-size: 21px;
    }
    .site_heading.abt_ttl_box_inr {
        padding-bottom: 10px;
    }
    .num_box_inr {
        font-size: 40px;
        height: 80px;
        width: 140px;
    }
    .abt_counter_row {
        right: 0;
        bottom: 10px;
    }
    .abt_des_box {
        padding-top: 10px;
    }
    .abt_counter_box:after {
        height: 70px;
        width: 100%;
        right: -43px;
        top: 0px;
    }
    .year_box::before,
    .year_box::after {
        clip-path: polygon(0 0, 87% 0%, 100% 100%, 0% 100%);
    }
    .year_box {
        padding: 18px 15px;
        width: 62%;
    }
    .abt_section::before {
        height: 110px;
        width: 100px;
    }
    .btn2 {
        margin-top: 10px;
    }
    /* -------------our packages section----------- */
    .pack_red_rnd {
        background: #FF352E;
        height:75px;
        width:75px;
        line-height: 20px;
        outline-offset: -4px;
    }
    .pack_red_lt {
        width: 20%;
    }
    .pack_red_rt {
        width: 80%;
    }
    .from_box {
        font-size: 10px;
    }
    .price_box {
        font-size: 14px;
    }
    .pack_red_rt_inr {
        padding-left: 5px;
    }
    .pack_red_box_inr {
        padding: 5px 10px;
    }
    .pack_ttl_box_inr {
        padding: 10px;
        font-size: 14px;
    }
    .pack_red_rnd_box {
        right: 20px;
        top: 40px;
    }
    .pack_list_box_inr {
        padding-top: 10px;
    }
    .te_our_package_main_sec::after {
        height: 270px;
        width: 631px;
    }
    .pack_main_box {
        padding: 5px;
    }
    .pack_li:after {
        height: 15px;
        width: 15px;
    }
    .pack_li {
        padding: 0px 0 5px 18px;
        font-size: 15px;
    }
    .pack_red_rnd span.brand_box {
        font-size: 10px;
    }
    /* ---------banner section-------------- */
    .bnr_slide_col .et_pb_slide {
        height: 750px;
    }
    .bnr_section:after {
        height: 80px;
    }
    .bnr_txt_main_box_inr {
        margin-top: -240px;
    }
    .abt_col_1:after {
        font-size: 125px;
    }
    .bnr_ttl_box_inr h1 {
        font-size: 40px;
    }
    .bnr_txt_box_inr {
        padding: 40px;
    }
    .resi_com_heading_title,
    .resi_com_price_sqm {
        font-size: 32px;
        line-height: 50px;
    }
    .te_com_resi_tint_block_left {
        padding-right: 70px;
    }
    .resi_com_des {
        font-size: 19px;
        line-height: 26px;
    }
    .resi_com_start {
        font-size: 25px;
        line-height: 35px;
    }
    .te_com_resi_tint_sec {
        height: auto;
    }
    .hk_testimonial_box {
        padding: 40px 26px 85px;
    }
    .hk_testimonial_title_box {
        bottom: 32px;
    }
    .te_our_hap_cus_main_sec::before {
        top: 102px;
        width: 182px;
        height: 170px;
        background-size: 182px;
    }
    .our_product_main_content_title {
        padding-top: 35px;
    }
    .our_product_main_content_data_box_center .our_product_main_content_data,
    .our_product_main_content_data_box_list .our_product_main_content_data {
        font-size: 16px;
        line-height: 27px;
    }
    .our_product_main_content_title_box,
    .our_product_main_content_title_box_sub {
        height: 119px;
    }
    .our_product_main_content_box_inner_first .our_product_main_content_des_box {
        padding-left: 37px;
        padding-right: 87px;
    }
    .our_product_main_content_box_inner_second .our_product_main_content_des_box {
        padding-left: 60px;
        padding-bottom: 50px;
        padding-right: 20px;
    }
    .pack_ul_prod .pack_li:after {
        top: 4px;
    }
    .pack_ul_prod {
        padding-top: 16px !important;
        padding-bottom: 12px !important;
    }
    .all_work_come_title {
        font-size: 19px;
    }
    .all_work_come_main_box_inner {
        height: 55px;
        width: 761px;
    }
    .our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-before-label:before,
    .our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-after-label:before {
        font-size: 12px !important;
        height: 32px !important;
        width: 109px !important;
    }
    .our_repair_main_cotent_box .slick-slide.slick-current.slick-center .twentytwenty-before-label,
    .our_repair_main_cotent_box .slick-slide.slick-current.slick-center .twentytwenty-after-label {
        bottom: 15px;
    }
    .te_bef_aft_main_sec::after {
        bottom: -22%;
    }
    .com_res_bf_sec_main::before {
        width: 650px;
        bottom: 7px;
        background-size: 650px 30px;
    }
	.from_box {
		font-size: 8px;
	}
	.price_box {
		font-size: 13px;
	}
}

@media all and (min-width: 1281px) and (max-width: 1440px) {
	/* 	 ---------second banner--*/
	.sc_bnr_txt_box {
    display: flex;
    margin-top: -70px;
}
	.sc_bnr_bg_ttl .red_txt {
    font-size: 90px;
	}
	.sc_bnr_des_box ul {
    font-family: Outfit;
    font-size: 22px;
	}
	.sc_bnr_des_box li {
    margin: 7px 0;
}
	.sc_bnr_des_box {
    padding-top: 10px;
}
	.sc_bnr_bg_ttl .red_txt {
    font-size: 75px;
}
	.sc_bnr_bg_ttl .blc_txt {
    font-size: 65px;
}
/* 	 ------------------------*/
    .site_width,
    .c_wt {
        width: 100% !important;
        max-width: 96% !important;
    }
    .padding_zero,
    .pd_tb {
        padding: 80px 0 !important;
    }
    .site_title {
        font-size: 30px !important;
    }
    .site_heading {
        padding-bottom: 10px;
    }
    /* get in touch start */
    .te_get_in_sec_main::after {
        width: 650px;
    }
    .te_get_in_block_right .et_pb_image_wrap img {
        width: 614px;
        height: 370px;
        object-fit: contain;
    }
    .te_get_in_col_left {
        width: 40% !important;
    }
    .te_get_in_col_right {
        width: 60% !important;
    }
    .cp_des {
        font-size: 17px;
        line-height: 25px;
    }
    .cp_add_img,
    .cp_call_img,
    .cp_mail_img {
        height: 84px;
        width: 84px;
    }
    .cp_des_main a {
        font-size: 17px;
    }
    .cp_add_main {
        padding: 20px 0;
    }
    /* get in touch end */
    .serv_main_box_img img {
        height: 228px;
    }
    .serv_main_box_contentt_main {
        font-size: 17px;
        line-height: 26px;
        height: 45px;
    }
    /* ------------why choose us-------------- */
    .wcu_img_box {
        width: 20%;
    }
    .wcu_des_box {
        width: 80%;
    }
    .wcu_main_img img {
        height: 400px;
    }
    .wcu_box.wcu_box_1 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .wcu_box.wcu_box_3 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .wcu_box.wcu_box_2 {
        padding-right: 50px;
    }
    .wcu_box.wcu_box_4 {
        padding-left: 50px;
    }
    .wcu_count_col {
        margin-top: -80px;
    }
    .wcu_box {
        padding: 20px 0;
    }
    .wcu_count_col .percent-value {
        font-size: 60px !important;
    }
    h3.title {
        font-size: 24px;
    }
    .wcu_img svg {
        height: 40px;
    }
    .wcu_img:after {
        height: 75px;
        width: 75px;
    }
    .wcu_col_1 .wcu_des_box_inr {
        padding-right: 10px;
    }
    .wcu_col_3 .wcu_des_box_inr {
        padding-left: 10px;
    }
    .wcu_img {
        height: 70px;
        width: 70px;
    }
    .wcu_ttl {
        font-size: 16px;
    }
    /* -----------about us section--------- */
    .abt_img img {
        height: 480px;
    }
    .abt_col_2 {
        padding-left: 20px;
    }
    .year_box_inr {
        font-size: 24px;
    }
    .site_heading.abt_ttl_box_inr {
        padding-bottom: 10px;
    }
    .num_box_inr {
        font-size: 40px;
        height: 80px;
        width: 140px;
    }
    .abt_counter_row {
        right: -10px;
        bottom: 30px;
    }
    .abt_des_box {
        padding-top: 10px;
    }
    .abt_counter_box:after {
        height: 70px;
        width: 100%;
        right: -10px;
        top: 0px;
    }
    .year_box {
        padding: 20px 15px;
        width: 62%;
    }
    /* -------------our packages section----------- */
    .pack_red_rnd {
        background: #FF352E;
        height: 95px;
        width: 95px;
    }
    .price_box {
        font-size: 19px;
    }
    .pack_red_rt_inr {
        padding-left: 10px;
    }
    .pack_ttl_box_inr {
        padding: 12px;
        font-size: 14px;
    }
    .pack_red_rnd_box {
        right: 20px;
        top: 40px;
    }
    /* ---------banner section-------------- */
    .bnr_slide_col .et_pb_slide {
        height: 750px;
    }
    .bnr_section:after {
        height: 80px;
    }
    .bnr_txt_main_box_inr {
        margin-top: -240px;
    }
    .abt_col_1:after {
        font-size: 125px;
    }
    .resi_com_heading_title,
    .resi_com_price_sqm {
        font-size: 32px;
        line-height: 50px;
    }
    .te_com_resi_tint_block_left {
        padding-right: 140px;
    }
    .resi_com_des {
        font-size: 19px;
        line-height: 26px;
    }
    .resi_com_start {
        font-size: 25px;
        line-height: 35px;
    }
    .te_com_resi_tint_sec {
        height: auto;
    }
    .hk_testimonial_box {
        padding: 50px 36px 85px;
    }
    .hk_testimonial_title_box {
        bottom: 32px;
    }
    .te_our_hap_cus_main_sec::before {
        top: 72px;
        width: 252px;
        height: 170px;
        background-size: 252px;
    }
    .our_product_main_content_title {
        padding-top: 35px;
    }
    .our_product_main_content_data_box_center .our_product_main_content_data {
        font-size: 18px;
        line-height: 29px;
    }
    .our_product_main_content_title_box,
    .our_product_main_content_title_box_sub {
        height: 139px;
    }
    .our_product_main_content_box_inner_first .our_product_main_content_des_box {
        padding-left: 57px;
        padding-right: 97px;
    }
    .our_product_main_content_box_inner_second .our_product_main_content_des_box {
        padding-left: 70px;
        padding-bottom: 50px;
        padding-right: 20px;
    }
    .our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-before-label:before,
    .our_repair_main_cotent_box .twentytwenty-horizontal .twentytwenty-after-label:before {
        font-size: 12px !important;
        height: 32px !important;
        width: 109px !important;
    }
    .our_repair_main_cotent_box .slick-slide.slick-current.slick-center .twentytwenty-before-label,
    .our_repair_main_cotent_box .slick-slide.slick-current.slick-center .twentytwenty-after-label {
        bottom: 15px;
    }
    .te_bef_aft_main_sec::after {
        bottom: -22%;
    }
    .com_res_bf_sec_main::before {
        width: 741px;
        bottom: 7px;
        background-size: 740px 30px;
    }
	.pack_red_rnd {
		height: 105px;
		width: 105px;
	}
	.pack_red_rnd_box {
		right: 20px;
		top: 30px;
	}
}

@media all and (min-width: 1441px) and (max-width: 1680px) {
	
/* 	 ---------second banner--*/
	.sc_bnr_txt_box {
    display: flex;
    margin-top: -70px;
}
	.sc_bnr_bg_ttl .red_txt {
    font-size: 90px;
	}
/* 	 ------------------------*/
    .site_width,
    .c_wt {
        width: 100% !important;
        max-width: 96% !important;
    }
    .site_title {
        font-size: 33px !important;
    }
    /* get in touch start */
    .te_get_in_sec_main::after {
        width: 760px;
    }
    .te_get_in_block_right .et_pb_image_wrap img {
        width: 734px;
        height: 440px;
        object-fit: contain;
    }
    /* get in touch end */
    .serv_main_box_img img {
        height: 278px;
    }
    .serv_main_box_contentt_main {
        font-size: 18px;
        line-height: 26px;
        height: 50px;
    }
    /* ------------why choose us-------------- */
    .wcu_img_box {
        width: 22%;
    }
    .wcu_des_box {
        width: 78%;
    }
    .wcu_main_img img {
        height: 450px;
    }
    .wcu_box.wcu_box_1 {
        padding-right: 10px;
    }
    .wcu_box.wcu_box_3 {
        padding-left: 10px;
    }
    .wcu_box.wcu_box_2 {
        padding-right: 50px;
    }
    .wcu_box.wcu_box_4 {
        padding-left: 50px;
    }
    .wcu_count_col {
        margin-top: -80px;
    }
    .wcu_box {
        padding: 40px 0;
    }
    /* -----------about us section--------- */
    .abt_img img {
        height: 480px;
    }
    .year_box_inr {
        font-size: 28px;
    }
    .num_box_inr {
        font-size: 60px;
        height: 100px;
        width: 170px;
    }
    .abt_counter_row {
        right: -10px;
    }
    .abt_des_box {
        padding-top: 10px;
    }
    .abt_counter_box:after {
        height: 80px;
        width: 100%;
        right: -42px;
        top: 5px;
    }
    .year_box {
        padding: 25px 15px;
        width: 64%;
    }
    /* ---------banner section-------------- */
    .bnr_slide_col .et_pb_slide {
        height: 850px;
    }
    .resi_com_heading_title,
    .resi_com_price_sqm {
        font-size: 32px;
        line-height: 50px;
    }
    .te_com_resi_tint_block_left {
        padding-right: 140px;
    }
    .resi_com_des {
        font-size: 19px;
        line-height: 26px;
    }
    .resi_com_start {
        font-size: 25px;
        line-height: 35px;
    }
    .te_com_resi_tint_sec {
        height: auto;
    }
    .te_our_hap_cus_main_sec::before {
        top: 92px;
        width: 252px;
        height: 170px;
        background-size: 252px;
    }
    .hk_testimonial_box {
        padding: 50px 36px 85px;
    }
    .hk_testimonial_title_box {
        bottom: 32px;
    }
    .our_product_main_content_title {
        padding-top: 35px;
    }
    .our_product_main_content_data_box_center .our_product_main_content_data {
        font-size: 20px;
        line-height: 34px;
    }
    .te_bef_aft_main_sec::after {
        bottom: -22%;
    }
    .com_res_bf_sec_main::before {
        width: 741px;
        bottom: 7px;
        background-size: 740px 30px;
    }
	.pack_ttl_box_inr {
		font-size: 16px;
	}
	.pack_red_rnd_box {
		position: absolute;
		right: 19px;
		top: 32px;
	}
}

@media all and (min-width: 1681px) and (max-width: 1880px) {
    .te_bef_aft_main_sec::after {
        bottom: -23%;
    }
    .com_res_bf_sec_main::before {
        width: 950px;
        bottom: 7px;
        background-size: 950px 30px;
    }
}