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


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-size: 18px;
    line-height: 32px;
    color: #000;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
}

/* .et_pb_row {
    display: flex;
} */

.pd0 {
    padding: 0 !important;
}

.pd130 {
    padding: 130px 0 !important;
}

.site_width {
    width: 100% !important;
    max-width: calc(100% - 60px) !important;
    margin: auto !important;
}

.tc {
    text-align: center !important;
}

.dr_our_pro_row {
    display: flex !important;
}

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

.project_main_box {
    width: 25%;
    padding: 10px 5px;
}

.project_main_box_img img {
    display: block;
    width: 100% !important;
    height: 580px;
    object-fit: cover;
    /*     clip-path: inset(0 0 100% 0); */
    position: relative;
    transition: clip-path 1.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.project_main_box.active_1 .project_main_box_img img {
    clip-path: inset(0 0 0 0);
}

.project_main_box.active_2 .project_main_box_img img {
    clip-path: inset(0 0 0 0);
}

.dr_our_story_block1 .et_pb_image_wrap img,
.dr_start_project_block1 .et_pb_image_wrap img {
    /*     clip-path: inset(0 0 100% 0); */
    position: relative;
    transition: clip-path 1.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.dr_our_story_block3 .et_pb_image_wrap img,
.dr_start_project_block3 .et_pb_image_wrap img {
    /*     clip-path: inset(100% 0 0 0); */
    position: relative;
    transition: clip-path 1.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.dr_start_project_block1 .et_pb_image_wrap img,
.dr_start_project_block3 .et_pb_image_wrap img {
    width: 100% !important;
    height: 720px !important;
    object-fit: cover;
    display: block;
}

.dr_our_story_col1.active_3 .dr_our_story_block1 .et_pb_image_wrap img,
.dr_our_story_col3.active_4 .dr_our_story_block3 .et_pb_image_wrap img,
.dr_start_project_col1.active_3 .dr_start_project_block1 .et_pb_image_wrap img,
.dr_start_project_col3.active_4 .dr_start_project_block3 .et_pb_image_wrap img {
    clip-path: inset(0 0 0 0);
}

.project_main_box_contentt_main .system_title {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
    width: 70%;
}

.project_main_box_contentt_main {
    padding-top: 17px;
}

.project_view_btn_box .site_button {
    margin: auto;
    margin-top: 52px;
}

.dr_parallex_sec,
.dr_parallex_row,
.dr_parallex_col,
.dr_parallex_row .et_parallax_bg {
    height: 785px;
}

.dr_our_story_row {
    display: flex !important;
}

.pd0.dr_our_story_row {
    padding-left: 75px !important;
    padding-right: 75px !important;
}

.dr_our_story_col1,
.dr_our_story_col3 {
    width: 25% !important;
}

.dr_our_story_col2 {
    width: 50% !important;
}

.dr_our_story_block1 .et_pb_image_wrap,
.dr_our_story_block3 .et_pb_image_wrap {
    width: 100% !important;
}

.dr_our_story_block1 .et_pb_image_wrap img,
.dr_our_story_block3 .et_pb_image_wrap img {
    width: 100% !important;
    height: 519px !important;
    object-fit: cover;
    display: block;
}

.story_name_title {
    font-size: 107px;
    line-height: 1.1;
    font-weight: 700;
    text-transform: capitalize;
    color: #000;
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #fff;
}

.story_name_title_box {
    padding-bottom: 40px;
}

.dr_our_story_block2 {
    width: 68%;
    margin: auto;
}

.our_story_sm_title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 300;
    color: #000;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
}

.our_story_sm_title_box {
    position: relative;
}

.our_story_sm_title_box::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    height: 1px;
    width: 100%;
    background-color: #00000033;
    z-index: -1;
}

.our_story_des {
    font-size: 36px;
    line-height: 49px;
    text-align: center;
    font-weight: 400;
    color: #000;
    width: 75%;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}

.our_story_btn_box .site_button {
    margin: auto;
}

.dr_our_story_sec {
    position: relative;
}

.anime_box {
    position: relative;
    transition: 500ms ease;
    width: 73%;
    margin: auto;
}

.anime_box_inner {
    transition: 500ms ease;
    height: 672px;
}

/* TOP border */
.anime_box:before {
    position: absolute;
    width: 100%;
    height: 1px;
    opacity: 1;
    content: '';
    background: #00000033;
    top: -2px;
    left: 0px;
    z-index: -1;
}

.anime_box.anime_active:before {
    animation: border-animation-width 1s forwards;
}

/* RIGHT border */
.anime_box:after {
    position: absolute;
    width: 1px;
    height: 100%;
    opacity: 1;
    content: '';
    background: #00000033;
    top: -2px;
    right: -2px;
    z-index: -1;
}

.anime_box.anime_active:after {
    animation: border-animation-height 1s 1s forwards;
}

/* BOTTOM border */
.anime_box_inner:after {
    position: absolute;
    width: 100%;
    opacity: 1;
    height: 1px;
    content: '';
    background: #00000033;
    bottom: 0px;
    right: -2px;
    z-index: -1;
}

.anime_box_inner.anime_active:after {
    animation: border-animation-width 1s 2s forwards;
}

/* LEFT border */
.anime_box_inner:before {
    position: absolute;
    width: 1px;
    height: 100%;
    opacity: 1;
    content: '';
    background: #00000033;
    bottom: 0px;
    left: 0px;
    z-index: -1;
}

.anime_box_inner.anime_active:before {
    animation: border-animation-height 1s 3s forwards;
}


/* KEYFRAMES */
@keyframes border-animation-width {
    0% {
        width: 0;
        opacity: 0;
    }

    100% {
        width: 100%;
        opacity: 1;
    }
}

@keyframes border-animation-height {
    0% {
        height: 0;
        opacity: 0;
    }

    100% {
        height: 100%;
        opacity: 1;
    }
}

.dr_border_anime_row {
    position: absolute;
    top: 193px;
    z-index: 0;
}

.dr_our_story_col1 {
    margin-top: 25px;
}

.anime_box,
.anime_box_inner {
    animation-play-state: paused;
}

.start_border_animation .anime_box:before,
.start_border_animation .anime_box:after,
.start_border_animation .anime_box_inner:before,
.start_border_animation .anime_box_inner:after {
    animation-play-state: running !important;
}

.dr_faqs_row {
    display: flex !important;
}

.dr_faqs_title {
    font-size: 74px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: capitalize;
}

.dr_faqs_title_block {
    margin: 0 !important;
}

.dr_faqs_title_box {
    padding-bottom: 30px;
}

.dr_faqs_block .et_pb_toggle {
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
    background-color: #fff !important;
    padding: 30px !important;
    border-bottom: 1px solid #ddd !important;
    padding-left: 20px !important;
}

.dr_faqs_block {
    width: 1140px !important;
    margin: auto !important;
}

.dr_faqs_block .et_pb_toggle .et_pb_toggle_title {
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    color: #000 !important;
}

.dr_faqs_block .et_pb_toggle .et_pb_toggle_content {
    font-size: 18px !important;
    line-height: 32px !important;
    color: #555555 !important;
    padding-top: 18px !important;
}

.dr_faqs_block .et_pb_toggle_title:before {
    content: "\4c";
}

.dr_faqs_block .et_pb_toggle_open h5.et_pb_toggle_title:before {
    content: "\4b";
    display: flex !important;
    align-items: center;
}

.dr_faqs_block .et_pb_toggle_title:before {
    color: #000;
    font-size: 23px;
    right: -10px;
}

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

.serv_main_box {
    width: 25%;
    padding: 15px;
}

.serv_main_box_contentt_main {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 15px 0 25px;
}

.serv_main_box_contentt_main .system_title {
    font-size: 26px;
    font-weight: 400;
    color: #000;
    text-transform: capitalize;
    line-height: 1.2;
}

.serv_view_more_arrow {
    margin-top: -5px;
}

.serv_count_box {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1;
}

.dr_our_services_block .dr_faqs_title_box {
    padding-bottom: 55px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.dr_our_services_row,
.dr_our_testi_row {
    display: flex !important;
}


.serv_main_box_img img {
    display: block;
    width: 100% !important;
    height: 647px;
    object-fit: cover;
    /*     clip-path: inset(0 100% 0 0); */
    position: relative;
    transition: clip-path 1.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.serv_main_box_img_box.serv_active1 .serv_main_box_img img {
    clip-path: inset(0 0 0 0);
}

.serv_main_box_img {
    overflow: hidden;
}

/* Get In Touch With Us section start */
::placeholder {
    color: #000;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #000;
}

::-ms-input-placeholder {
    color: #000;
}

.cotnact_main_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: auto -10px;
    margin-bottom: 20px;
}

.cotnact_main_col_6 {
    width: 50%;
    padding: 10px;
}

.cotnact_main_col_12 {
    width: 100%;
    padding: 10px;
}

.cotnact_main_from input[type=email],
.cotnact_main_from input[type=tel],
.cotnact_main_from input[type=text],
.cotnact_main_from select,
.cotnact_main_from textarea {
    width: 100%;
    padding: 15px 15px 15px 0 !important;
    padding-left: 15px;
    /* margin-bottom: 15px; */
    background: #F2F2F2 !important;
    border: none !important;
    border-bottom: 1px solid #DDDDDD !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: #000000 !important;
    position: relative;
    border-radius: 0;
}

.cotnact_main_from textarea {
    height: 50px;
    resize: none;
}

.cotnact_main_from .site_button {
    margin: auto;
}

.wpcf7-form-control-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

span.wpcf7-not-valid-tip {
    width: 100%;
}

.wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.dr_start_project_block2 {
    width: 71%;
    margin: auto !important;
}

.cotnact_main_row.btn_row_contact_from {
    margin-top: 20px;
}

.dr_start_project_col1,
.dr_start_project_col3 {
    width: 26% !important;
}

.dr_start_project_col2 {
    width: 48% !important;
    background-color: #F2F2F2 !important;
    display: flex !important;
    align-items: center;
}

.dr_start_pro_title_box .dr_faqs_title {
    font-weight: 400;
}

.dr_faqs_title_box.dr_start_pro_title_box {
    padding-bottom: 10px;
}

.cotnact_main_from .site_button {
    margin: auto;
    background-color: #f2f2f2 !important;
}

.cotnact_main_from .site_button:hover {
    background-color: #DFFE00 !important;
}

.dr_start_project_row {
    display: flex !important;
}

/* end */

/* testimonial section start */

/* Outer swiper container spacing */
.testimonial_swiper {
    padding: 40px 0;
}

/* SLIDE box style like screenshot */
.landing_hk_testimonial_box {
    background: #DFFE00;
    padding: 25px;
    border-radius: 2px;
    min-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Rating stars spacing */
.landing_hk_testimonial_review_box {
    margin-bottom: 10px;
}

/* Content text */
.hk_testimonial_content_box {
    margin-top: 0;
    height: 105px;
    font-size: 18px;
    line-height: 27px;
    overflow: hidden;
}


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

.dr_our_testi_block .swiper-slide {
    padding: 12px !important;
}

.dr_our_testi_block .swiper-slide:nth-child(odd) {
    padding-top: 30px !important;
    padding-bottom: 0 !important;
}

.landing_hk_testimonial_review_box .fa {
    font-size: 16px;
    margin: 0 1px;
}

.dr_our_testi_sec {
    overflow: hidden;
}

.landing_hk_testimonial_title_box {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    text-transform: capitalize;
    color: #000;
    margin-top: 60px;
    height: 52px;
}

.hk_testimonial_btn {
    position: absolute;
    bottom: 95px;
}

.tog_btn {
    font-size: 18px;
    text-decoration: underline;
    cursor: pointer;
}

.hk_testimonial_content_box.intro {
    height: auto;
    transition: 0.5s ease-out !important
}

/* end */
#book_consult_popup {
    background: #f2f2f2;
    width: 650px;
    margin: auto !important;
    padding: 30px 10px 10px !important;
}

.book_cons_title {
    font-size: 40px;
    text-transform: capitalize;
    line-height: 1.2;
    font-weight: 600;
}

#et-boc .area-outer-wrap[data-da-color=light] .da-close {
    background: #000;
    -webkit-box-shadow: 0 0 3px 1px #00000008;
    box-shadow: unset !important;
    color: #fff;
    opacity: 1;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
}

#et-boc .area-outer-wrap[data-da-color=light] .da-close:focus,
#et-boc .area-outer-wrap[data-da-color=light] .da-close:hover {
    transform: unset !important;
}

@media all and (min-width: 320px) and (max-width: 767px) {
    .project_main_box_img img {
        clip-path: unset;
    }

    .site_width {
        max-width: calc(100% - 30px) !important;
    }

    .text_anime {
        width: 100%;
    }

    .text_anime .text {
        font-size: 20px;
        line-height: 26px;
        text-align: center;
    }

    .bnr_txt_sub_title {
        font-size: 15px;
        line-height: 22px;
        width: 100%;
        margin-top: 6px;
        text-align: center;
    }

    .bnr_title_btns {
        margin-top: 13px;
    }

    .header_two_btns {
        gap: 10px;
        justify-content: center;
    }

    .bnr_txt_des_data {
        font-size: 15px;
        line-height: 20px;
        margin-top: 13px;
        text-align: center;
    }

    .bnr_txt_des_data span {
        display: inline-block;
    }

    .dr_bnr_txt_block {
        padding: 35px 0 35px;
        padding-left: 0;
    }

    .bnr_txt_des_data {
        font-size: 16px;
        line-height: 25px;
        margin-top: 15px;
    }

    .project_main_box_img img {
        height: 200px;
    }

    .project_main_box_contentt_main .system_title {
        width: 100%;
        font-size: 13px;
        line-height: 17px;
    }

    .project_main_box_contentt_main {
        padding-top: 10px;
    }

    .project_main_box {
        width: 50%;
        padding: 5px 5px;
    }

    .project_main {
        margin: -5px -5px;
    }

    .project_view_btn_box .site_button {
        margin-top: 25px;
    }

    .dr_parallex_sec,
    .dr_parallex_row,
    .dr_parallex_col,
    .dr_parallex_row .et_parallax_bg {
        height: 350px;
    }

    .pd0.dr_our_story_row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dr_our_story_col1,
    .dr_our_story_col3 {
        width: 100% !important;
    }

    .dr_our_story_col2 {
        width: 100% !important;
        padding: 15px 0 !important;
    }

    .pd130 {
        padding: 40px 0 !important;
    }

    .anime_box_inner {
        height: 405px;
    }

    .story_name_title {
        font-size: 28px;
        padding-left: 0;
        padding-right: 0;
    }

    .story_name_title_box {
        padding-bottom: 10px;
    }

    .dr_our_story_block1 .et_pb_image_wrap img,
    .dr_our_story_block3 .et_pb_image_wrap img {
        height: 340px !important;
        width: 300px !important;
        margin: auto;
    }

    .dr_border_anime_row {
        top: 75px;
        display: none !important;
    }

    .anime_box {
        width: 80%;
    }

    .our_story_des {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 28px;
    }

    .our_story_sm_title {
        font-size: 19px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .dr_our_story_block2 {
        width: 90%;
    }

    .dr_our_story_row {
        flex-wrap: wrap;
    }

    .dr_our_story_col1 {
        margin-top: 0;
    }

    .dr_faqs_title {
        font-size: 22px;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_title {
        font-size: 16px !important;
        padding-right: 10px;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_content {
        font-size: 15px !important;
        line-height: 24px !important;
        padding-top: 10px !important;
    }

    .dr_faqs_block .et_pb_toggle {
        padding: 15px !important;
        padding-left: 0 !important;
    }

    .dr_faqs_title_box {
        padding-bottom: 0;
    }

    .dr_faqs_block {
        width: 100% !important;
    }

    .dr_faqs_block .et_pb_toggle_title:before {
        font-size: 20px;
        right: -15px;
    }

    .serv_main_box_img img {
        height: 370px;
    }

    .serv_main_box_contentt_main {
        margin: 5px 0 12px;
        gap: 4px;
    }

    .serv_main_box_contentt_main .system_title {
        font-size: 16px;
    }

    .dr_our_services_block .dr_faqs_title_box {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .serv_main_box {
        padding: 10px 5px;
        width: 100%;
    }

    .serv_main {
        margin: -10px -5px;
    }

    .serv_view_more_arrow svg {
        height: 8px;
    }

    .serv_count_box {
        font-size: 13px;
    }

    .serv_view_more_arrow {
        margin-top: -2px;
    }

    .dr_start_project_block2 {
        width: 100%;
    }

    .cotnact_main_row {
        margin-bottom: 00px;
    }

    .dr_start_project_col1,
    .dr_start_project_col3 {
        width: 27% !important;
        display: none !important;
    }

    .dr_start_project_col2 {
        width: 100% !important;
        padding: 30px 15px;
    }

    .dr_start_project_block1 .et_pb_image_wrap img,
    .dr_start_project_block3 .et_pb_image_wrap img {
        height: 400px !important;
    }

    .cotnact_main_from input[type=email],
    .cotnact_main_from input[type=tel],
    .cotnact_main_from input[type=text],
    .cotnact_main_from select,
    .cotnact_main_from textarea {
        font-size: 14px;
        padding: 10px 10px 10px 0 !important;
    }

    .dr_start_project_row {
        display: flex !important;
    }

    .cotnact_main_row.btn_row_contact_from {
        margin-top: 0px;
    }

    .cotnact_main_col_6 {
        width: 100%;
        padding: 10px;
    }

    .landing_hk_testimonial_box {
        padding: 20px 15px;
    }

    .hk_testimonial_content_box {
        font-size: 15px;
        line-height: 21px;
    }

    .tog_btn {
        font-size: 15px;
    }

    .landing_hk_testimonial_title_box {
        font-size: 14px;
        line-height: 19px;
        height: 38px;
        margin-top: 50px;
    }

    .landing_hk_testimonial_review_box {
        margin-bottom: 10px;
        line-height: 1;
    }

    .hk_testimonial_btn {
        bottom: 75px;
    }

    .dr_our_testi_block .swiper-slide {
        padding: 7px !important;
    }

    .dr_our_testi_block .swiper-slide:nth-child(odd) {
        padding-top: 7px !important;
    }

    #book_consult_popup {
        width: 100%;
    }

    .book_cons_title {
        font-size: 27px;
    }
}

@media all and (min-width: 481px) and (max-width: 767px) {
    .text_anime .text {
        font-size: 26px;
        line-height: 32px;
        text-align: center;
    }

    .bnr_txt_sub_title {
        font-size: 17px;
        line-height: 25px;
        width: 100%;
        margin-top: 9px;
        text-align: center;
    }

    .project_main_box_img img {
        height: 300px;
    }

    .dr_parallex_sec,
    .dr_parallex_row,
    .dr_parallex_col,
    .dr_parallex_row .et_parallax_bg {
        height: 400px;
    }

    .story_name_title {
        font-size: 38px;
        padding-left: 0;
        padding-right: 0;
    }

    .story_name_title_box {
        padding-bottom: 15px;
    }

    .dr_faqs_title {
        font-size: 27px;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_title {
        font-size: 18px !important;
        padding-right: 20px;
    }

    .serv_main_box {
        width: 50%;
    }

    .serv_main_box_img img {
        height: 320px;
    }

    .book_cons_title {
        font-size: 32px;
    }
}

@media all and (min-width: 600px) and (max-width: 767px) {
    .project_main_box_img img {
        height: 370px;
    }

    .dr_parallex_sec,
    .dr_parallex_row,
    .dr_parallex_col,
    .dr_parallex_row .et_parallax_bg {
        height: 450px;
    }

    .dr_faqs_title {
        font-size: 30px;
    }

    .serv_main_box {
        width: 50%;
    }

    .serv_main_box_img img {
        height: 360px;
    }

    .book_cons_title {
        font-size: 32px;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .site_width {
        max-width: calc(100% - 30px) !important;
    }

    .text_anime {
        width: 70%;
    }

    .text_anime .text {
        font-size: 35px;
        line-height: 46px;
    }

    .bnr_txt_sub_title {
        font-size: 18px;
        line-height: 26px;
        width: 54%;
        margin-top: 10px;
    }

    .bnr_title_btns {
        margin-top: 20px;
    }

    .dr_bnr_txt_block {
        padding: 35px 0 40px;
        padding-left: 0;
    }

    .bnr_txt_des_data {
        font-size: 16px;
        line-height: 25px;
        margin-top: 15px;
    }

    .project_main_box_img img {
        height: 320px;
    }

    .project_main_box_contentt_main .system_title {
        width: 100%;
        font-size: 14px;
        line-height: 19px;
    }

    .project_main_box_contentt_main {
        padding-top: 10px;
    }

    .project_main_box {
        width: 33.33%;
        padding: 5px 5px;
    }

    .project_main {
        margin: -5px -5px;
    }

    .project_view_btn_box .site_button {
        margin-top: 25px;
    }

    .dr_parallex_sec,
    .dr_parallex_row,
    .dr_parallex_col,
    .dr_parallex_row .et_parallax_bg {
        height: 500px;
    }

    .pd0.dr_our_story_row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dr_our_story_col1,
    .dr_our_story_col3 {
        width: 32% !important;
    }

    .dr_our_story_col2 {
        width: 36% !important;
    }

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

    .anime_box_inner {
        height: 405px;
    }

    .story_name_title {
        font-size: 45px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .story_name_title_box {
        padding-bottom: 30px;
    }

    .dr_our_story_block1 .et_pb_image_wrap img,
    .dr_our_story_block3 .et_pb_image_wrap img {
        height: 310px !important;
    }

    .dr_border_anime_row {
        top: 75px;
    }

    .anime_box {
        width: 80%;
    }

    .our_story_des {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 28px;
    }

    .our_story_sm_title {
        font-size: 19px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .dr_our_story_block2 {
        width: 90%;
    }

    .dr_faqs_title {
        font-size: 32px;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_title {
        font-size: 18px !important;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_content {
        font-size: 15px !important;
        line-height: 24px !important;
        padding-top: 10px !important;
    }

    .dr_faqs_block .et_pb_toggle {
        padding: 18px !important;
        padding-left: 12px !important;
    }

    .dr_faqs_title_box {
        padding-bottom: 0;
    }

    .dr_faqs_block {
        width: 100% !important;
    }

    .dr_faqs_block .et_pb_toggle_title:before {
        font-size: 20px;
        right: -15px;
    }

    .serv_main_box_img img {
        height: 270px;
    }

    .serv_main_box_contentt_main {
        margin: 5px 0 12px;
        gap: 4px;
    }

    .serv_main_box_contentt_main .system_title {
        font-size: 16px;
    }

    .dr_our_services_block .dr_faqs_title_box {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .serv_main_box {
        padding: 5px;
    }

    .serv_main {
        margin: -5px;
    }

    .serv_view_more_arrow svg {
        height: 8px;
    }

    .serv_count_box {
        font-size: 13px;
    }

    .serv_view_more_arrow {
        margin-top: -2px;
    }

    .dr_start_project_block2 {
        width: 90%;
    }

    .cotnact_main_row {
        margin-bottom: 00px;
    }

    .dr_start_project_col1,
    .dr_start_project_col3 {
        width: 27% !important;
    }

    .dr_start_project_col2 {
        width: 46% !important;
    }

    .dr_start_project_block1 .et_pb_image_wrap img,
    .dr_start_project_block3 .et_pb_image_wrap img {
        height: 400px !important;
    }

    .cotnact_main_from input[type=email],
    .cotnact_main_from input[type=tel],
    .cotnact_main_from input[type=text],
    .cotnact_main_from select,
    .cotnact_main_from textarea {
        font-size: 13px;
        padding: 7px 7px 7px 0 !important;
    }

    .dr_start_project_row {
        display: flex !important;
    }

    .cotnact_main_row.btn_row_contact_from {
        margin-top: 0px;
    }

    .landing_hk_testimonial_box {
        padding: 20px 15px;
    }

    .hk_testimonial_content_box {
        font-size: 15px;
        line-height: 21px;
    }

    .tog_btn {
        font-size: 15px;
    }

    .landing_hk_testimonial_title_box {
        font-size: 14px;
        line-height: 19px;
        height: 38px;
        margin-top: 50px;
    }

    .landing_hk_testimonial_review_box {
        margin-bottom: 10px;
        line-height: 1;
    }

    .hk_testimonial_btn {
        bottom: 75px;
    }

    .dr_our_testi_block .swiper-slide {
        padding: 7px !important;
    }

    .dr_our_testi_block .swiper-slide:nth-child(odd) {
        padding-top: 14px !important;
    }

    .book_cons_title {
        font-size: 34px;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
    .site_width {
        max-width: calc(100% - 30px) !important;
    }

    .text_anime {
        width: 70%;
    }

    .text_anime .text {
        font-size: 46px;
        line-height: 58px;
    }

    .bnr_txt_sub_title {
        font-size: 19px;
        line-height: 28px;
        width: 46%;
        margin-top: 10px;
    }

    .bnr_title_btns {
        margin-top: 20px;
    }

    .dr_bnr_txt_block {
        padding: 40px 0 45px;
        padding-left: 0;
    }

    .bnr_txt_des_data {
        font-size: 16px;
        line-height: 25px;
        margin-top: 15px;
    }

    .project_main_box_img img {
        height: 320px;
    }

    .project_main_box_contentt_main .system_title {
        width: 100%;
        font-size: 14px;
        line-height: 19px;
    }

    .project_main_box_contentt_main {
        padding-top: 10px;
    }

    .project_main_box {
        width: 25%;
        padding: 5px 5px;
    }

    .project_main {
        margin: -5px -5px;
    }

    .project_view_btn_box .site_button {
        margin-top: 25px;
    }

    .dr_parallex_sec,
    .dr_parallex_row,
    .dr_parallex_col,
    .dr_parallex_row .et_parallax_bg {
        height: 550px;
    }

    .pd0.dr_our_story_row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dr_our_story_col1,
    .dr_our_story_col3 {
        width: 30% !important;
    }

    .dr_our_story_col2 {
        width: 40% !important;
    }

    .pd130 {
        padding: 55px 0 !important;
    }

    .anime_box_inner {
        height: 480px;
    }

    .story_name_title {
        font-size: 55px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .story_name_title_box {
        padding-bottom: 30px;
    }

    .dr_our_story_block1 .et_pb_image_wrap img,
    .dr_our_story_block3 .et_pb_image_wrap img {
        height: 380px !important;
    }

    .dr_border_anime_row {
        top: 88px;
    }

    .anime_box {
        width: 80%;
    }

    .our_story_des {
        width: 100%;
        margin-top: 25px;
        margin-bottom: 25px;
        font-size: 25px;
        line-height: 34px;
    }

    .our_story_sm_title {
        font-size: 23px;
    }

    .dr_our_story_block2 {
        width: 78%;
    }

    .dr_faqs_title {
        font-size: 36px;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_title {
        font-size: 19px !important;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_content {
        font-size: 15px !important;
        line-height: 24px !important;
        padding-top: 10px !important;
    }

    .dr_faqs_block .et_pb_toggle {
        padding: 18px !important;
        padding-left: 12px !important;
    }

    .dr_faqs_title_box {
        padding-bottom: 0;
    }

    .dr_faqs_block {
        width: 100% !important;
    }

    .dr_faqs_block .et_pb_toggle_title:before {
        font-size: 20px;
        right: -15px;
    }

    .serv_main_box_img img {
        height: 320px;
    }

    .serv_main_box_contentt_main {
        margin: 8px 0 12px;
        gap: 4px;
    }

    .serv_main_box_contentt_main .system_title {
        font-size: 18px;
    }

    .dr_our_services_block .dr_faqs_title_box {
        padding-bottom: 20px;
        margin-bottom: 25px;
    }

    .serv_main_box {
        padding: 7px;
    }

    .serv_main {
        margin: -7px;
    }

    .serv_view_more_arrow svg {
        height: 8px;
    }

    .serv_count_box {
        font-size: 14px;
    }

    .serv_view_more_arrow {
        margin-top: -2px;
    }

    .dr_start_project_block2 {
        width: 90%;
    }

    .cotnact_main_row {
        margin-bottom: 00px;
    }

    .dr_start_project_col1,
    .dr_start_project_col3 {
        width: 27% !important;
    }

    .dr_start_project_col2 {
        width: 46% !important;
    }

    .dr_start_project_block1 .et_pb_image_wrap img,
    .dr_start_project_block3 .et_pb_image_wrap img {
        height: 450px !important;
    }

    .cotnact_main_from input[type=email],
    .cotnact_main_from input[type=tel],
    .cotnact_main_from input[type=text],
    .cotnact_main_from select,
    .cotnact_main_from textarea {
        font-size: 14px;
        padding: 10px 10px 10px 0 !important;
    }

    .landing_hk_testimonial_box {
        padding: 20px 15px;
    }

    .hk_testimonial_content_box {
        font-size: 15px;
        line-height: 21px;
    }

    .tog_btn {
        font-size: 15px;
    }

    .landing_hk_testimonial_title_box {
        font-size: 14px;
        line-height: 19px;
        height: 38px;
        margin-top: 50px;
    }

    .landing_hk_testimonial_review_box {
        margin-bottom: 10px;
        line-height: 1;
    }

    .hk_testimonial_btn {
        bottom: 75px;
    }

    .dr_our_testi_block .swiper-slide {
        padding: 7px !important;
    }

    .dr_our_testi_block .swiper-slide:nth-child(odd) {
        padding-top: 14px !important;
    }

    .book_cons_title {
        font-size: 34px;
    }
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
    .site_width {
        max-width: calc(100% - 30px) !important;
    }

    .text_anime {
        width: 76%;
    }

    .text_anime .text {
        font-size: 52px;
        line-height: 64px;
    }

    .bnr_txt_sub_title {
        font-size: 20px;
        line-height: 32px;
        width: 46%;
        margin-top: 10px;
    }

    .bnr_title_btns {
        margin-top: 20px;
    }

    .dr_bnr_txt_block {
        padding: 45px 0 50px;
        padding-left: 0;
    }

    .bnr_txt_des_data {
        font-size: 16px;
        line-height: 25px;
        margin-top: 15px;
    }

    .project_main_box_img img {
        height: 320px;
    }

    .project_main_box_contentt_main .system_title {
        width: 100%;
        font-size: 14px;
        line-height: 19px;
    }

    .project_main_box_contentt_main {
        padding-top: 10px;
    }

    .project_main_box {
        width: 25%;
        padding: 5px 5px;
    }

    .project_main {
        margin: -5px -5px;
    }

    .project_view_btn_box .site_button {
        margin-top: 25px;
    }

    .dr_parallex_sec,
    .dr_parallex_row,
    .dr_parallex_col,
    .dr_parallex_row .et_parallax_bg {
        height: 550px;
    }

    .pd0.dr_our_story_row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dr_our_story_col1,
    .dr_our_story_col3 {
        width: 30% !important;
    }

    .dr_our_story_col2 {
        width: 40% !important;
    }

    .pd130 {
        padding: 55px 0 !important;
    }

    .anime_box_inner {
        height: 480px;
    }

    .story_name_title {
        font-size: 55px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .story_name_title_box {
        padding-bottom: 30px;
    }

    .dr_our_story_block1 .et_pb_image_wrap img,
    .dr_our_story_block3 .et_pb_image_wrap img {
        height: 380px !important;
    }

    .dr_border_anime_row {
        top: 88px;
    }

    .anime_box {
        width: 80%;
    }

    .our_story_des {
        width: 100%;
        margin-top: 25px;
        margin-bottom: 25px;
        font-size: 25px;
        line-height: 34px;
    }

    .our_story_sm_title {
        font-size: 23px;
    }

    .dr_our_story_block2 {
        width: 78%;
    }

    .dr_faqs_title {
        font-size: 40px;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_title {
        font-size: 19px !important;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_content {
        font-size: 16px !important;
        line-height: 27px !important;
        padding-top: 12px !important;
    }

    .dr_faqs_block .et_pb_toggle {
        padding: 22px !important;
        padding-left: 12px !important;
    }

    .dr_faqs_title_box {
        padding-bottom: 0;
    }

    .dr_faqs_block {
        width: 100% !important;
    }

    .dr_faqs_block .et_pb_toggle_title:before {
        font-size: 20px;
        right: -15px;
    }

    .serv_main_box_img img {
        height: 340px;
    }

    .serv_main_box_contentt_main {
        margin: 8px 0 12px;
    }

    .serv_main_box_contentt_main .system_title {
        font-size: 19px;
    }

    .dr_our_services_block .dr_faqs_title_box {
        padding-bottom: 20px;
        margin-bottom: 25px;
    }

    .serv_main_box {
        padding: 7px;
    }

    .serv_main {
        margin: -7px;
    }

    .serv_view_more_arrow svg {
        height: 10px;
    }

    .serv_count_box {
        font-size: 14px;
    }

    .dr_start_project_block2 {
        width: 85%;
    }

    .cotnact_main_row {
        margin-bottom: 00px;
    }

    .dr_start_project_col1,
    .dr_start_project_col3 {
        width: 27% !important;
    }

    .dr_start_project_col2 {
        width: 46% !important;
    }

    .dr_start_project_block1 .et_pb_image_wrap img,
    .dr_start_project_block3 .et_pb_image_wrap img {
        height: 450px !important;
    }

    .cotnact_main_from input[type=email],
    .cotnact_main_from input[type=tel],
    .cotnact_main_from input[type=text],
    .cotnact_main_from select,
    .cotnact_main_from textarea {
        font-size: 15px;
        padding: 10px 10px 10px 0 !important;
    }

    .landing_hk_testimonial_box {
        padding: 20px 15px;
    }

    .hk_testimonial_content_box {
        font-size: 15px;
        line-height: 21px;
    }

    .tog_btn {
        font-size: 15px;
    }

    .landing_hk_testimonial_title_box {
        font-size: 14px;
        line-height: 19px;
        height: 38px;
        margin-top: 50px;
    }

    .landing_hk_testimonial_review_box {
        margin-bottom: 10px;
        line-height: 1;
    }

    .hk_testimonial_btn {
        bottom: 75px;
    }

    .dr_our_testi_block .swiper-slide {
        padding: 7px !important;
    }

    .dr_our_testi_block .swiper-slide:nth-child(odd) {
        padding-top: 14px !important;
    }

    .book_cons_title {
        font-size: 36px;
    }
}

@media all and (min-width: 1141px) and (max-width: 1280px) {
    .site_width {
        max-width: calc(100% - 30px) !important;
    }

    .text_anime {
        width: 76%;
    }

    .text_anime .text {
        font-size: 58px;
        line-height: 74px;
    }

    .bnr_txt_sub_title {
        font-size: 23px;
        line-height: 36px;
        width: 46%;
        margin-top: 15px;
    }

    .bnr_title_btns {
        margin-top: 20px;
    }

    .dr_bnr_txt_block {
        padding: 45px 0 50px;
        padding-left: 0;
    }

    .bnr_txt_des_data {
        font-size: 17px;
        line-height: 25px;
        margin-top: 19px;
    }

    .project_main_box_img img {
        height: 340px;
    }

    .project_main_box_contentt_main .system_title {
        width: 90%;
        font-size: 14px;
        line-height: 19px;
    }

    .project_main_box_contentt_main {
        padding-top: 10px;
    }

    .project_main_box {
        width: 25%;
        padding: 7px 5px;
    }

    .project_main {
        margin: -7px -5px;
    }

    .project_view_btn_box .site_button {
        margin-top: 25px;
    }

    .dr_parallex_sec,
    .dr_parallex_row,
    .dr_parallex_col,
    .dr_parallex_row .et_parallax_bg {
        height: 600px;
    }

    .pd0.dr_our_story_row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dr_our_story_col1,
    .dr_our_story_col3 {
        width: 28% !important;
    }

    .dr_our_story_col2 {
        width: 44% !important;
    }

    .pd130 {
        padding: 65px 0 !important;
    }

    .anime_box_inner {
        height: 480px;
    }

    .story_name_title {
        font-size: 65px;
    }

    .story_name_title_box {
        padding-bottom: 30px;
    }

    .dr_our_story_block1 .et_pb_image_wrap img,
    .dr_our_story_block3 .et_pb_image_wrap img {
        height: 380px !important;
    }

    .dr_border_anime_row {
        top: 109px;
    }

    .anime_box {
        width: 80%;
    }

    .our_story_des {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 27px;
        line-height: 36px;
    }

    .our_story_sm_title {
        font-size: 25px;
    }

    .dr_faqs_title {
        font-size: 44px;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_title {
        font-size: 20px !important;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_content {
        font-size: 16px !important;
        line-height: 27px !important;
        padding-top: 12px !important;
    }

    .dr_faqs_block .et_pb_toggle {
        padding: 22px !important;
        padding-left: 12px !important;
    }

    .dr_faqs_title_box {
        padding-bottom: 10px;
    }

    .dr_faqs_block {
        width: 100% !important;
    }

    .serv_main_box_img img {
        height: 400px;
    }

    .serv_main_box_contentt_main {
        margin: 8px 0 15px;
    }

    .serv_main_box_contentt_main .system_title {
        font-size: 20px;
    }

    .dr_our_services_block .dr_faqs_title_box {
        padding-bottom: 35px;
        margin-bottom: 30px;
    }

    .serv_main_box {
        padding: 7px;
    }

    .serv_main {
        margin: -7px;
    }

    .serv_view_more_arrow svg {
        height: 10px;
    }

    .serv_count_box {
        font-size: 15px;
    }

    .serv_main_box_img img {
        height: 370px;
    }

    .serv_main_box_contentt_main {
        margin: 8px 0 15px;
    }

    .serv_main_box_contentt_main .system_title {
        font-size: 20px;
    }

    .dr_our_services_block .dr_faqs_title_box {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .serv_main_box {
        padding: 7px;
    }

    .serv_main {
        margin: -7px;
    }

    .serv_view_more_arrow svg {
        height: 10px;
    }

    .serv_count_box {
        font-size: 15px;
    }

    .dr_start_project_block2 {
        width: 85%;
    }

    .cotnact_main_row {
        margin-bottom: 00px;
    }

    .dr_start_project_col1,
    .dr_start_project_col3 {
        width: 27% !important;
    }

    .dr_start_project_col2 {
        width: 46% !important;
    }

    .dr_start_project_block1 .et_pb_image_wrap img,
    .dr_start_project_block3 .et_pb_image_wrap img {
        height: 500px !important;
    }

    .cotnact_main_from input[type=email],
    .cotnact_main_from input[type=tel],
    .cotnact_main_from input[type=text],
    .cotnact_main_from select,
    .cotnact_main_from textarea {
        font-size: 15px;
        padding: 10px 10px 10px 0 !important;
    }

    .landing_hk_testimonial_box {
        padding: 20px 15px;
    }

    .hk_testimonial_content_box {
        font-size: 15px;
        line-height: 21px;
    }

    .tog_btn {
        font-size: 15px;
    }

    .landing_hk_testimonial_title_box {
        font-size: 14px;
        line-height: 19px;
        height: 38px;
        margin-top: 50px;
    }

    .landing_hk_testimonial_review_box {
        margin-bottom: 10px;
        line-height: 1;
    }

    .hk_testimonial_btn {
        bottom: 75px;
    }

    .dr_our_testi_block .swiper-slide {
        padding: 7px !important;
    }

    .dr_our_testi_block .swiper-slide:nth-child(odd) {
        padding-top: 14px !important;
    }

    .book_cons_title {
        font-size: 36px;
    }
}

@media all and (min-width: 1281px) and (max-width: 1440px) {
    .site_width {
        max-width: calc(100% - 40px) !important;
    }

    .text_anime {
        width: 76%;
    }

    .text_anime .text {
        font-size: 65px;
        line-height: 80px;
    }

    .bnr_txt_sub_title {
        font-size: 23px;
        line-height: 36px;
        width: 41%;
        margin-top: 20px;
    }

    .bnr_title_btns {
        margin-top: 25px;
    }

    .dr_bnr_txt_block {
        padding: 55px 0 60px;
        padding-left: 0;
    }

    .bnr_txt_des_data {
        font-size: 17px;
        line-height: 25px;
        margin-top: 19px;
    }

    .project_main_box_img img {
        height: 400px;
    }

    .project_main_box_contentt_main .system_title {
        width: 85%;
        font-size: 15px;
        line-height: 21px;
    }

    .project_main_box_contentt_main {
        padding-top: 10px;
    }

    .project_main_box {
        width: 25%;
        padding: 7px 5px;
    }

    .project_main {
        margin: -7px -5px;
    }

    .project_view_btn_box .site_button {
        margin-top: 25px;
    }

    .dr_parallex_sec,
    .dr_parallex_row,
    .dr_parallex_col,
    .dr_parallex_row .et_parallax_bg {
        height: 650px;
    }

    .pd0.dr_our_story_row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dr_our_story_col1,
    .dr_our_story_col3 {
        width: 28% !important;
    }

    .dr_our_story_col2 {
        width: 44% !important;
    }

    .pd130 {
        padding: 80px 0 !important;
    }

    .anime_box_inner {
        height: 530px;
    }

    .story_name_title {
        font-size: 75px;
    }

    .story_name_title_box {
        padding-bottom: 30px;
    }

    .dr_our_story_block1 .et_pb_image_wrap img,
    .dr_our_story_block3 .et_pb_image_wrap img {
        height: 430px !important;
    }

    .dr_border_anime_row {
        top: 133px;
    }

    .anime_box {
        width: 80%;
    }

    .our_story_des {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 40px;
        font-size: 30px;
        line-height: 40px;
    }

    .our_story_sm_title {
        font-size: 27px;
    }

    .dr_faqs_title {
        font-size: 54px;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_title {
        font-size: 22px !important;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_content {
        font-size: 16px !important;
        line-height: 27px !important;
        padding-top: 14px !important;
    }

    .dr_faqs_block .et_pb_toggle {
        padding: 25px !important;
        padding-left: 15px !important;
    }

    .dr_faqs_title_box {
        padding-bottom: 10px;
    }

    .serv_main_box_img img {
        height: 400px;
    }

    .serv_main_box_contentt_main {
        margin: 8px 0 15px;
    }

    .serv_main_box_contentt_main .system_title {
        font-size: 20px;
    }

    .dr_our_services_block .dr_faqs_title_box {
        padding-bottom: 35px;
        margin-bottom: 30px;
    }

    .serv_main_box {
        padding: 7px;
    }

    .serv_main {
        margin: -7px;
    }

    .serv_view_more_arrow svg {
        height: 10px;
    }

    .serv_count_box {
        font-size: 15px;
    }

    .dr_start_project_block2 {
        width: 85%;
    }

    .cotnact_main_row {
        margin-bottom: 10px;
    }

    .dr_start_project_col1,
    .dr_start_project_col3 {
        width: 27% !important;
    }

    .dr_start_project_col2 {
        width: 46% !important;
    }

    .dr_start_project_block1 .et_pb_image_wrap img,
    .dr_start_project_block3 .et_pb_image_wrap img {
        height: 550px !important;
    }

    .cotnact_main_from input[type=email],
    .cotnact_main_from input[type=tel],
    .cotnact_main_from input[type=text],
    .cotnact_main_from select,
    .cotnact_main_from textarea {
        font-size: 15px;
        padding: 10px 10px 10px 0 !important;
    }

    .landing_hk_testimonial_box {
        padding: 20px 15px;
    }

    .hk_testimonial_content_box {
        font-size: 15px;
        line-height: 21px;
    }

    .tog_btn {
        font-size: 15px;
    }

    .landing_hk_testimonial_title_box {
        font-size: 14px;
        line-height: 19px;
        height: 38px;
        margin-top: 50px;
    }

    .landing_hk_testimonial_review_box {
        margin-bottom: 10px;
        line-height: 1;
    }

    .hk_testimonial_btn {
        bottom: 75px;
    }

    .dr_our_testi_block .swiper-slide {
        padding: 7px !important;
    }

    .dr_our_testi_block .swiper-slide:nth-child(odd) {
        padding-top: 14px !important;
    }

    .book_cons_title {
        font-size: 38px;
    }
}

@media all and (min-width: 1441px) and (max-width: 1680px) {
    .site_width {
        max-width: calc(100% - 40px) !important;
    }

    .text_anime {
        width: 76%;
    }

    .text_anime .text {
        font-size: 74px;
        line-height: 94px;
    }

    .bnr_txt_sub_title {
        font-size: 26px;
        line-height: 36px;
        width: 41%;
        margin-top: 25px;
    }

    .bnr_title_btns {
        margin-top: 30px;
    }

    .dr_bnr_txt_block {
        padding: 55px 0 65px;
        padding-left: 0;
    }

    .project_main_box_img img {
        height: 450px;
    }

    .project_main_box_contentt_main .system_title {
        width: 80%;
        font-size: 16px;
        line-height: 24px;
    }

    .project_main_box_contentt_main {
        padding-top: 13px;
    }

    .dr_parallex_sec,
    .dr_parallex_row,
    .dr_parallex_col,
    .dr_parallex_row .et_parallax_bg {
        height: 700px;
    }

    .pd0.dr_our_story_row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dr_our_story_col1,
    .dr_our_story_col3 {
        width: 28% !important;
    }

    .dr_our_story_col2 {
        width: 44% !important;
    }

    .pd130 {
        padding: 80px 0 !important;
    }

    .anime_box_inner {
        height: 612px;
    }

    .story_name_title {
        font-size: 85px;
    }

    .story_name_title_box {
        padding-bottom: 30px;
    }

    .dr_our_story_block1 .et_pb_image_wrap img,
    .dr_our_story_block3 .et_pb_image_wrap img {
        height: 499px !important;
    }

    .dr_border_anime_row {
        top: 133px;
    }

    .anime_box {
        width: 80%;
    }

    .our_story_des {
        width: 100%;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .dr_faqs_title {
        font-size: 64px;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_title {
        font-size: 24px !important;
    }

    .dr_faqs_block .et_pb_toggle .et_pb_toggle_content {
        font-size: 16px !important;
        line-height: 27px !important;
        padding-top: 14px !important;
    }

    .dr_faqs_block .et_pb_toggle {
        padding: 25px !important;
        padding-left: 15px !important;
    }

    .serv_main_box_img img {
        height: 460px;
    }

    .serv_main_box_contentt_main {
        margin: 10px 0 15px;
    }

    .serv_main_box_contentt_main .system_title {
        font-size: 22px;
    }

    .dr_our_services_block .dr_faqs_title_box {
        padding-bottom: 35px;
        margin-bottom: 30px;
    }

    .serv_main_box {
        padding: 10px;
    }

    .serv_main {
        margin: -10px;
    }

    .dr_start_project_block2 {
        width: 80%;
    }

    .cotnact_main_row {
        margin-bottom: 10px;
    }

    .dr_start_project_col1,
    .dr_start_project_col3 {
        width: 27% !important;
    }

    .dr_start_project_col2 {
        width: 46% !important;
    }

    .dr_start_project_block1 .et_pb_image_wrap img,
    .dr_start_project_block3 .et_pb_image_wrap img {
        height: 600px !important;
    }

    .cotnact_main_from input[type=email],
    .cotnact_main_from input[type=tel],
    .cotnact_main_from input[type=text],
    .cotnact_main_from select,
    .cotnact_main_from textarea {
        font-size: 15px;
        padding: 10px 10px 10px 0 !important;
    }

    .landing_hk_testimonial_box {
        padding: 15px;
    }

    .hk_testimonial_content_box {
        font-size: 16px;
        line-height: 27px;
    }

    .tog_btn {
        font-size: 16px;
    }

    .landing_hk_testimonial_title_box {
        font-size: 14px;
        line-height: 22px;
        height: 42px;
    }

    .landing_hk_testimonial_review_box {
        margin-bottom: 10px;
    }

    .hk_testimonial_btn {
        bottom: 85px;
    }

    .book_cons_title {
        font-size: 38px;
    }
}

@media all and (min-width: 1681px) and (max-width: 1880px) {
    .text_anime {
        width: 76%;
    }

    .text_anime .text {
        font-size: 84px;
        line-height: 104px;
    }

    .bnr_txt_sub_title {
        font-size: 28px;
        line-height: 36px;
        width: 46%;
        margin-top: 25px;
    }

    .bnr_title_btns {
        margin-top: 30px;
    }

    .dr_bnr_txt_block {
        padding: 55px 0 65px;
        padding-left: 15px;
    }

    .project_main_box_img img {
        height: 500px;
    }

    .project_main_box_contentt_main .system_title {
        width: 80%;
    }

    .pd0.dr_our_story_row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dr_our_story_col1,
    .dr_our_story_col3 {
        width: 26% !important;
    }

    .dr_our_story_col2 {
        width: 48% !important;
    }

    .pd130 {
        padding: 100px 0 !important;
    }

    .anime_box_inner {
        height: 632px;
    }

    .story_name_title {
        font-size: 97px;
        ;
    }

    .story_name_title_box {
        padding-bottom: 30px;
    }

    .dr_our_story_block1 .et_pb_image_wrap img,
    .dr_our_story_block3 .et_pb_image_wrap img {
        height: 499px !important;
    }

    .dr_border_anime_row {
        top: 163px;
    }

    .anime_box {
        width: 80%;
    }

    .our_story_des {
        width: 80%;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .serv_main_box_img img {
        height: 550px;
    }

    .serv_main_box_contentt_main {
        margin: 12px 0 20px;
    }

    .serv_main_box_contentt_main .system_title {
        font-size: 24px;
    }

    .dr_our_services_block .dr_faqs_title_box {
        padding-bottom: 45px;
        margin-bottom: 30px;
    }

    .dr_start_project_block2 {
        width: 80%;
    }

    .cotnact_main_row {
        margin-bottom: 10px;
    }

    .dr_start_project_col1,
    .dr_start_project_col3 {
        width: 27% !important;
    }

    .dr_start_project_col2 {
        width: 46% !important;
    }
}