@media (max-width:570px) {
    .header_name img{
        width: auto;
        height: auto;
    }
    .header_main {
        padding-left: 20px !important;
    }

    /*one*/
    .about_main_one{
        height: 300px !important;
        background-position-x:50%;
    }
    .about_mian_one_box{
        width: 95% !important;
    }
    .about_mian_one_des{
        font-size: 20px !important;
    }
    .about_mian_one_title {
        font-size: 28px !important;
        line-height:40px !important;
    }

    /*two*/
    .about_main_two{
        height: auto !important;
    }
    .about_main_two_box{
        padding: 40px 0px !important;
    }
    .about_main_two_item {
        width: 100% !important;
        height: auto !important;
    }
    .about_main_two_item img {
        width: 100% !important;
        height: auto !important;
    }
    .about_main_two_item_content {
        padding: 30px 10px !important;
    }
    .about_main_two_item_content_amount {
        font-size: 60px !important;
        margin-bottom: 0px !important;
    }
    .about_main_two_item_content_amount span {
        font-size: 45px !important;
    }
    .about_main_two_item_content_text{
        font-size: 15px !important;
        margin-top: 15px !important;
    }
    .two_item_circle {
        width: 50px;
        height: 50px;
    }

    /*three*/
    .about_main_three_box {
        padding: 40px 0px !important;
        gap: 2rem !important;
    }
    .about_main_three_main {
        width: 100% !important;
        height: auto !important;
        text-align: center !important;
    }
    .about_main_three_title {
        width: 100% !important;
        font-size: 26px !important;
        margin: 0 !important;
        margin-bottom: 30px !important;
    }
    .about_main_three_text {
        font-size: 15px !important;
    }
    .about_main_three_img{
        width: 100% !important;
        height: auto;
    }


    .projects_content{
        padding: 30px 0;
    }
    .projects_list{
        gap: 1rem;
        margin-top: 30px;
    }
    .projects_item {
        width: 100% !important;
    }
    .line_decoration_line {
        width: 40% !important;
    }
    .projects_item_btn{
        width: auto;
        height: 45px;
        padding: 0 20px;
        gap: 0 12px;
        right: 20px;
        bottom: 15px;
    }
    .projects_item_btn div {
        font-size: 16px;
    }
    .projects_item_btn img {
        width: 20px;
        height: 13px;
    }

    .coldroom_content{
        padding: 30px 0;
    }
    .coldroom_list{
        gap: 1rem;
        margin-top: 30px;
    }
    .coldroom_item {
        width: 100% !important;
    }
    .line_decoration_line {
        width: 40% !important;
    }
    .coldroom_item_btn{
        width: auto;
        height: 45px;
        padding: 0 20px;
        gap: 0 12px;
        right: 20px;
        bottom: 15px;
    }
    .coldroom_item_btn div {
        font-size: 16px;
        line-height: 16px;
    }
    .coldroom_item_btn img {
        width: 20px;
        height: 13px;
    }

    .restaurant_list{
        gap: 1rem;
    }
    .restaurant_item {
        width: 100% !important;
    }
    .restaurant_item_btn{
        width: auto;
        height: 45px;
        padding: 0 20px;
        right: 20px;
        bottom: 15px;
    }
    .restaurant_item_btn div {
        font-size: 16px;
        line-height: 16px;
    }
    .restaurant_item_btn img {
        width: 20px;
        height: 13px;
    }

    .contact_content{
        padding: 40px 0;
    }
    .contact_info{
        width: 100%;
        padding: 30px 20px !important;
    }
    .contact_info_title {
        text-align: center;
        font-size: 24px;
        line-height: 28px;
    }
    .contact_info_text {
        text-align: center;
        font-size: 14px;
        margin:20px 0;
    }
    .contact_info_des {
        text-align: center;
    }
    .contact_detail {
        width: 100%;
    }
    .c_input_main{
        width: 100%;
    }
    .contact_info_btn  {
        margin: 30px auto;
        height: 45px;
    }
    .contact_info_btn div {
        font-size: 16px;
        line-height: 16px;
    }
    .contact_info_btn img {
        width: 20px;
        height: 13px;
    }
    .contact_detail_label {
        font-size: 18px;
    }
    .contact_detail_value {
        font-size: 18px;
    }
    .modal_main{
        width: 80% !important;
    }
}
@media (max-width:767px) {
    .container {
        max-width: none;
        padding-left: calc(var(--bs-gutter-x) * .8);
        padding-right: calc(var(--bs-gutter-x) * .8);
    }
    .header_main {
        height: 60px;
        padding-left: 40px;
        padding-right: 0px;
    }
    .header_nav {
        display: none;
    }
    .header_name{
        display: block;
    }
    .header_phone_box{
        display: none;
    }
    .header_menu_option{
        display: flex;
        width: 60px;
        height: 60px;
    }
    .drawer_main {
        width: 80%;
    }
    .content_box {
        margin-top: 60px;
    }

    /*one*/
    .about_main_one{
        height: 350px;
        background-position-x:50%;
    }
    .about_mian_one_box{
        width: 95%;
        top:50%;
    }
    .about_mian_one_des{
        font-size: 26px;
    }
    .about_mian_one_title {
        font-size: 38px;
    }


    /*two*/
    .about_main_two{
        height: auto;
    }
    .about_main_two_box{
        padding: 80px 0px;
    }
    .about_main_two_item {
        width: 100%;
    }
    .about_main_two_item_content {
        padding: 30px 10px;
    }


    /*three*/
    .about_main_three{
        height: auto;
    }
    .about_main_three_content_line {
        margin: auto;
    }
    .about_main_three_box {
        padding: 80px 0px 80px 0px;
        gap: 3rem;
    }
    .about_main_three_main {
        width: 100%;
        height: auto;
        text-align: center;
    }
    .about_main_three_title {
        width: 100%;
    }
    .about_main_three_text {
        font-size: 18px;
    }
    .about_main_three_img{
        width: 100%;
        height: auto;
    }
    
    /*four*/
    .about_main_four{
        height: auto;
    }
    .quotation_marks_img1{
        display: none;
    }
    .about_main_four_box{
        padding: 40px 0;
    }
    .about_main_four_box_content {
        flex-wrap: wrap;
        gap: 30px 0;
    }
    .about_main_four_box_content_main_text{
        font-size: 18px;
    }
    .about_main_four_box_content_main{
        width: 100%;
    }
    .about_main_four_box_content_btn {
        width: 200px;
        height: 60px;
        line-height: 60px;
    }
    .about_main_four_box_content_btn div {
        font-size: 16px;
    }
    .white_right_arrow_img {
        width: 28.7px;
        height: 20px;
    }

    /*projects start*/
        .banner_box{
            height: auto;
        }
        .banner_main{
            padding: 100px 0 !important;
            padding-left: calc(var(--bs-gutter-x)* .8) !important;
            padding-right: calc(var(--bs-gutter-x)* .8) !important;
        }
        .banner_box_bg{
            background-position-x: 30%;
        }
        .banner_main_title {
            font-size: 26px;
        }
        .banner_main_des{
            font-size: 18px;
        }

        .projects_content{
            padding: 30px 0;
        }
        .projects_list{
            gap: 1rem;
            margin-top: 30px;
        }
        .projects_item {
            width: calc((100% - 1rem) / 2);
        }
        .line_decoration_line {
            width: 30%;
        }
        .projects_item_btn{
            width: auto;
            height: 45px;
            padding: 0 20px;
            gap: 0 12px;
            right: 20px;
            bottom: 15px;
        }
        .projects_item_btn div {
            font-size: 16px;
        }
        .projects_item_btn img {
            width: 20px;
            height: 13px;
        }
    /*projects end*/

    /*coldroom start*/
    .coldroom_content{
        padding: 30px 0;
    }
    .coldroom_list{
        gap: 1rem;
        margin-top: 30px;
    }
    .line_decoration_line {
        width: 30%;
    }
    .coldroom_item {
        width: 100%;
    }
    .coldroom_item_btn{
        width: auto;
        height: 45px;
        padding: 0 20px;
        gap: 0 12px;
        right: 20px;
        bottom: 15px;
    }
    .coldroom_item_btn div {
        font-size: 16px;
    }
    .coldroom_item_btn img {
        width: 20px;
        height: 13px;
    }
    /*coldroom end*/


    .restaurant_list{
        gap: 1rem;
    }
    .restaurant_item {
        width: calc((100% - 1rem) / 2);
    }
    .restaurant_item_btn{
        width: auto;
        height: 45px;
        padding: 0 20px;
        right: 20px;
        bottom: 15px;
    }
    .restaurant_item_btn div {
        font-size: 16px;
        line-height: 16px;
    }
    .restaurant_item_btn img {
        width: 20px;
        height: 13px;
    }

    .contact_info{
        width: 100%;
        padding: 50px 30px 47px 30px;
    }
    .contact_info_title {
        text-align: center;
    }
    .contact_info_text {
        text-align: center;
    }
    .contact_info_des {
        text-align: center;
    }
    .contact_detail {
        width: 100%;
    }
    .c_input_main{
        width: 100%;
    }
    .contact_info_btn  {
        margin: 30px auto;
    }

    .footer_main {
        max-width: none;
        padding-left: calc(var(--bs-gutter-x) * .8);
        padding-right: calc(var(--bs-gutter-x) * .8);
        box-sizing: border-box;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .footer_item {
        width:100%;
    }
    .footer_tc {
        padding-left: calc(var(--bs-gutter-x) * .8);
        padding-right: calc(var(--bs-gutter-x) * .8);
        box-sizing: border-box;
    }
    .footer_name_width img {
        width: 80px;
        height: 72px;
    }


    .video_content_main {
        border-radius:20px !important;
    }
    .video_item{
        height: 350px !important;
    }
    .video_item img {
        width: 100% !important;
        height: 100% !important;
    }
    .video_item video {
        width: 100% !important;
    }
    .change_video_main {
        display: none;
        gap: 0 1rem !important;
        padding: 0 !important;
    }
    .video_scene_list{
        padding: 0 !important;
    }
    .change_img_arrow{
        width: 38px !important;
        height: 38px !important;
    }
    .orange_img_arrow {
        display: none !important;
    }
    .black_img_arrow{
        display: block !important;
    }
    .white_close_img{
        top: -80px !important;
        right: 50% !important;
        transform: translate(50%, 0px) !important;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .container {
        max-width: none;
        padding-left: calc(var(--bs-gutter-x) * .8);
        padding-right: calc(var(--bs-gutter-x) * .8);
    }
    .header_main {
        padding-left: 80px;
        padding-right: 0px;
    }
    .header_nav {
        display: none;
    }
    .header_name{
        display: block;
    }
    .header_phone_box{
        display: none;
    }
    .header_menu_option{
        display: flex;
    }

    /*one*/
    .about_main_one {
        background-position-x:30%;
    }
    .about_mian_one_box{
        width: 82%;
    }
    

    /*two*/
    .about_main_two{
        height: auto;
    }
    .about_main_two_box{
        padding: 80px 0px;
    }
    .about_main_two_item {
        width: 100%;
    }
   

    /*three*/
    .about_main_three{
        height: auto;
    }
    .about_main_three_content_line {
        margin: auto;
    }
    .about_main_three_content_line {
        margin: auto;
    }
    .about_main_three_box {
        padding: 80px 0px 80px 0px;
        gap: 3rem;
    }
    .about_main_three_main {
        width: 100%;
        height: auto;
        text-align: center;
    }
    .about_main_three_title {
        width: 100%;
    }
    .about_main_three_text {
        font-size: 20px;
    }
    .about_main_three_img{
        align-self: center;
        width: auto;
        height: auto;
    }

    /*four*/
    .about_main_four{
        height: auto;
    }
    .quotation_marks_img1{
        display: none;
    }
    .about_main_four_box{
        padding: 85px 60px 85px 60px;
    }
    .about_main_four_box_content {
        flex-wrap: wrap;
        gap: 30px 0;
    }
    .about_main_four_box_content_main{
        width: 100%;
    }

    /*projects*/

    .projects_list{
        gap: 1rem;
    }
    .projects_item {
        width: calc((100% - 2rem) / 3);
    }
    .projects_item_btn{
        width: auto;
        height: 45px;
        padding: 0 20px;
        gap: 0 12px;
        right: 20px;
        bottom: 15px;
    }
    .projects_item_btn div {
        font-size: 16px;
    }
    .projects_item_btn img {
        width: 20px;
        height: 13px;
    }

    /*coldroom*/
    .coldroom_list{
        gap: 1rem;
    }
    .coldroom_item {
        width: calc((100% - 1rem) / 2);
    }
    .coldroom_item_btn{
        width: auto;
        height: 45px;
        padding: 0 20px;
        gap: 0 12px;
        right: 20px;
        bottom: 15px;
    }
    .coldroom_item_btn div {
        font-size: 16px;
        line-height: 16px;
        width: 80%;
    }
    .coldroom_item_btn img {
        width: 20px;
        height: 13px;
    }

    /*restaurant*/
    .restaurant_list{
        gap: 1rem;
    }
    .restaurant_item {
        width: calc((100% - 2rem) / 3);
    }
    .restaurant_item_btn{
        width: auto;
        height: 45px;
        padding: 0 20px;
        right: 20px;
        bottom: 15px;
    }
    .restaurant_item_btn div {
        font-size: 16px;
        line-height: 16px;
    }
    .restaurant_item_btn img {
        width: 20px;
        height: 13px;
    }

    /*contact*/
    .contact_info{
        width: 100%;
    }
    .contact_detail {
        width: 100%;
    }


    .footer_main {
        max-width: none;
        padding-left: calc(var(--bs-gutter-x) * .8);
        padding-right: calc(var(--bs-gutter-x) * .8);
        box-sizing: border-box;
    }
    .footer_item {
        width: 45%;
    }


    .video_content_main {
        border-radius:20px !important;
    }
    .video_item{
        height: 500px !important;
    }
    .video_item img {
        width: 100% !important;
        height: 100% !important;
    }
    .video_item video {
        width: 100% !important;
    }
    .change_video_main {
        gap: 0 1rem !important;
        padding: 0 20px !important;
        bottom: 30px !important;
    }
    .video_scene_list{
        padding: 0 !important;
    }
    .change_img_arrow{
        width: 38px !important;
        height: 38px !important;
    }
    .orange_img_arrow {
        display: none !important;
    }
    .black_img_arrow{
        display: block !important;
    }
    .white_close_img{
        top: -80px !important;
        right: 50% !important;
        transform: translate(50%, 0px) !important;
    }

}
@media (min-width: 1024px) and (max-width: 1199px) {
    .container {
        max-width: none;
        padding-left: calc(var(--bs-gutter-x) * .8);
        padding-right: calc(var(--bs-gutter-x) * .8);
    }
    .header_main {
        padding: 0;
        justify-content: center;
    }
    .header_name{
        display: none;
    }
    .header_phone_box{
        display: none;
    }

    /*one*/
    .about_mian_one_box{
        width: 72%;
    }

    /*two*/
    .about_main_two{
        height: auto;
    }
    .about_main_two_box{
        padding: 80px 0px;
    }
    .about_main_two_item {
        width: 100%;
    }
    
   
    /*three*/
    .about_main_three{
        height: auto;
    }
    .about_main_three_content_line {
        margin: auto;
    }
    .about_main_three_box {
        padding: 80px 0px 80px 0px;
        gap: 3rem;
    }
    .about_main_three_main {
        width: 100%;
        height: auto;
        text-align: center;
    }
    .about_main_three_title {
        width: 100%;
    }
    .about_main_three_img{
        align-self: center;
        width: auto;
        height: auto;
    }

    /*four*/
    .about_main_four{
        height: auto;
    }
    .about_main_four_box{
        padding: 94px 80px 76px 80px;
    }


    /*projects*/
    .projects_list{
        gap: 2rem;
    }
    .projects_item {
        width: calc((100% - 4rem) / 3);
    }
    .projects_item_btn{
        width: auto;
        height: 45px;
        padding: 0 20px;
        gap: 0 12px;
        right: 20px;
        bottom: 15px;
    }
    .projects_item_btn div {
        font-size: 16px;
    }
    .projects_item_btn img {
        width: 20px;
        height: 13px;
    }
    
    /*coldroom*/
    .coldroom_list{
        gap: 2rem;
    }
    .coldroom_item {
        width: calc((100% - 2rem) / 2);
    }
    .coldroom_item_btn{
        width: auto;
        height: 45px;
        padding: 0 20px;
        gap: 0 12px;
        right: 20px;
        bottom: 15px;
    }
    .coldroom_item_btn div {
        font-size: 16px;
    }
    .coldroom_item_btn img {
        width: 20px;
        height: 13px;
    }

    /*restaurant*/
    .restaurant_list{
        gap: 2rem;
    }
    .restaurant_item {
        width: calc((100% - 4rem) / 3);
    }
    .restaurant_item_btn{
        width: auto;
        height: 45px;
        padding: 0 20px;
        right: 20px;
        bottom: 15px;
    }
    .restaurant_item_btn div {
        font-size: 16px;
        line-height: 16px;
    }
    .restaurant_item_btn img {
        width: 20px;
        height: 13px;
    }

    /*contact*/
    .contact_info{
        width: 100%;
    }
    .contact_detail {
        width: 100%;
    }


    .footer_main {
        max-width: 1024px;
        padding-left: calc(var(--bs-gutter-x) * .8);
        padding-right: calc(var(--bs-gutter-x) * .8);
        box-sizing: border-box;
    }
    .footer_item {
        width: 45%;
    }


    .video_content_main {
        border-radius:20px !important;
    }
    .video_item{
        min-height: 840px !important;
    }
    .video_item img {
        width: 100% !important;
        height: 100% !important;
    }
    .video_item video {
        width: 100% !important;
    }
    .change_video_main {
        gap: 0 2rem !important;
        padding: 0 30px !important;
        bottom: 40px !important;
    }
    .video_scene_list{
        padding: 0 !important;
    }
    .change_img_arrow{
        width: 38px !important;
        height: 38px !important;
    }
    .orange_img_arrow {
        display: none !important;
    }
    .black_img_arrow{
        display: block !important;
    }
    .white_close_img{
        top: -80px !important;
        right: 50% !important;
        transform: translate(50%, 0px) !important;
    }

}
@media (min-width: 1200px) and (max-width: 1269px) {
    .header_main {
        padding: 0 80px 0 80px !important;
    }

    
    /*two*/
    .about_main_two{
        height: auto !important;
    }
    

    /*three*/
    .about_main_three{
        height: auto !important;
    }
    .about_main_three_content_line {
        margin: auto !important;
    }

    /*four*/
    .about_main_four_box{
        padding: 94px 120px 76px 120px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .header_main {
        padding: 0 80px 0 120px;
    }
    .header_phone_box{
        display: none;
    }

    /*one*/
    .about_mian_one_box{
        width: 70%;
    }

    /*two*/
    .about_main_two{
        height: auto;
    }
    .about_main_two_box{
        padding: 94px 0px;
    }
    

    /*three*/
    .about_main_three{
        height: auto;
    }
    .about_main_three_box {
        padding: 94px 0;
        gap: 3rem;
    }
    .about_main_three_main {
        width: calc((100% - 554px - 3rem));
        height: auto;
    }
    .about_main_three_title {
        width: 100%;
    }
    .about_main_three_img{
        align-self: center;
        width: 554px;
        height: 472px;
    }

    /*four*/
    .about_main_four{
        height: auto;
    }
    .about_main_four_box{
        padding: 94px 130px 76px 130px;
    }


    .projects_list{
        gap: 3rem;
    }
    .projects_item {
        width: calc((100% - 6rem) / 3);
    }
    .projects_item_btn{
        width: auto;
        padding: 0 30px;
        right: 30px;
    }
    .projects_item_btn div {
        font-size: 18px;
    }
    .projects_item_btn img {
        width: 25px;
        height: 18px;
    }

    
    .coldroom_item_btn{
        width: auto;
        padding: 0 30px;
        right: 30px;
    }
    .coldroom_item_btn div {
        font-size: 18px;
    }
    .coldroom_item_btn img {
        width: 25px;
        height: 18px;
    }

    .restaurant_list{
        gap: 3rem;
    }
    .restaurant_item {
        width: calc((100% - 6rem) / 3);
    }
    .restaurant_item_btn{
        width: auto;
        padding: 0 20px;
        right: 20px;
    }
    .restaurant_item_btn div {
        font-size: 18px;
        line-height: 18px;
    }
    .restaurant_item_btn img {
        width: 25px;
        height: 18px;
    }

    .footer_main {
        max-width: 1680px;
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
        box-sizing: border-box;
    }


    .change_video_main {
        gap: 0 2rem !important;
    }
    .orange_img_arrow {
        display: block !important;
    }
    .black_img_arrow{
        display: none !important;
    }

}
@media (min-width: 1400px) and (max-width: 1459px){
    .header_phone_box{
        display: none;
    }

    /*two*/
    .about_main_two{
        height: auto !important;
    }
    

    /*three*/
    .about_main_three{
        height: auto !important;
    }
    
    /*four*/
    .about_main_four_box{
        padding: 94px 160px 76px 160px;
    }

    .restaurant_list{
        gap: 3rem;
    }
    .restaurant_item {
        width: calc((100% - 6rem) / 3);
    }
    .restaurant_item_btn{
        width: auto;
        padding: 0 20px;
        right: 20px;
    }
    .restaurant_item_btn div {
        font-size: 18px;
        line-height: 18px;
    }
    .restaurant_item_btn img {
        width: 25px;
        height: 18px;
    }
}
@media (min-width: 1400px) and (max-width: 1919px){
    .container {
        max-width: 1680px;
    }

    /*two*/
    .about_main_two{
        height: auto;
    }
    .about_main_two_box{
        padding: 56px 120px;
    }
    


    .about_main_three{
        height: auto;
    }
    .about_main_three_title {
        width: 100%;
    }
    .about_main_three_img{
        align-self: center;
    }


    .about_main_four{
        height: auto;
    }

    .footer_main {
        max-width: 1366px;
        padding-right: 0;
        padding-left: 0;
        box-sizing: border-box;
    }
}
@media (min-width: 1920px) {
    .container {
        max-width: 1680px;
        padding: 0;
    }
    .footer_main {
        max-width: 1680px;
        padding-left: 88px;
        padding-right: 150px;
        box-sizing: border-box;
    }
    .video_scene_list {
        width: 90% !important;
    }
}