/*
*
*/
@media only screen and (max-width: 1300px) {
  .two_door_tit{
    font-size: 2.8rem;
  }
  .agl_ss_li_val{
    font-size: 4rem;
  }
}
@media only screen and (max-width: 1130px) {
  .imgleft {
    padding-right: 20px;
  }
  .imgright {
    padding-left: 20px;
  }
  .elb_img_box{
    max-width: 60%;
  }
  .elb_info_box{
    width: calc(40% - 25px);
  }
}
@media only screen and (max-width: 1000px) {
  .why_sticky {
    width: 340px;
    height: 400px;
  }
  .why_content {
    width: calc(100% - 360px);
  }
  .why_item {
    padding: 4em 20px 4em 35px;
  }
  .why_desc_flex {
    padding-left: 3em;
  }
  .hh_t_grp {
    width: calc(100% - 460px);
  }
  .hh_img {
    width: 450px;
    height: 480px;
  }
  .two_door_tit{
    font-size: 2.4rem;
  }
  .abt_stick{
    width: 250px;
  }
  .abt_non_stick{
    width: calc(100% - 250px);
  }
  .elb_img_box{
    max-width: 50%;
  }
  .elb_info_box{
    width: calc(50% - 25px);
  }
}
@media only screen and (max-width: 950px) {
  .ah_sbys_img {
    width: 400px;
  }
  .ah_sbys_img img {
    height: 400px;
  }
  .ah_sbys_info {
    width: calc(100% - 410px);
  }
  .sbys_tit,
  .ah_grp_tit {
    font-size: 2.2em;
  }
  .ag_r_img {
    width: 400px;
    height: 400px;
  }
  .ag_r_info {
    width: calc(100% - 405px);
  }
  .hh_t_grp {
    width: calc(100% - 420px);
  }
  .hh_img {
    width: 410px;
    height: 440px;
  }
  .nav_book_btn {
    right: 80px;
  }
}
@media only screen and (max-width: 880px) {
  .logo_text {
    display: none;
  }
  .logo_only_mobile {
    display: block;
  }
  .hero_content_box {
    text-align: center;
  }
  .hero_logo {
    width: auto;
    height: auto;
    display: inline-block;
  }
  .hero_logo_mobile {
    display: none;
  }
  .hero_logo_img {
    display: none;
  }
  .sec_text {
    font-size: 1em;
  }
  .sec_cta_btn {
    font-size: 1em;
  }
  .welcome_text {
    padding-left: 0;
  }
  .left_bar {
    width: 8vw;
  }
  .right_bar {
    width: 8vw;
  }
  .section_view_port {
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .sec_h_pad {
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .sec_no_h_pad {
    padding: 2em 0;
  }
  .hm_about_hand_img {
    width: 300px;
    height: 380px;
  }
  .hm_about_hand_text {
    width: calc(100% - 310px);
    padding: 20px 15px;
  }
  .bh_tit,
  .bh_left {
    font-size: 1.2em;
  }
  .bh_text,
  .con_tit_text {
    font-size: 0.86em;
  }
  .sub_page_hero {
    padding: 0 1em;
  }
  .l_video {
    width: 100%;
    height: auto;
    border-radius: 4px;
    object-fit: cover;
  }
  .ah_spec_label {
    width: 400px;
  }
  .ah_spec_val {
    width: calc(100% - 405px);
  }
  .git_right {
    width: 100%;
    min-width: 300px;
    margin-top: 50px;
    margin-bottom: 60px;
    max-width: 800px;
  }
  .book_tbox_tit {
    font-size: 2.5em;
  }
  .two_door_frame {
    flex: 1 1 100%;
  }
  .two_door_sec{
    padding: 5em 0;
  }
  .team_card{
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .why_sticky {
    display: none;
  }
  .why_content {
    width: 100%;
  }
  .why_item {
    padding: 4em 20px 4em 35px;
  }
  .sec_tit {
    width: 80%;
  }
  .rail_info_text {
    width: 100%;
    margin: 0 auto;
    text-align: justify;
    padding: 0 1em 0em 1em;
  }
  .rail_image {
    width: 450px;
    height: 580px;
  }
  .rail {
    font-size: 10em;
  }
  .h1_text {
    width: 100%;
    font-size: 3em;
    padding: 0 1em;
    text-align: center;
  }
  .gallery_info {
    width: 100%;
  }
  .cp_left {
    width: 100%;
    padding: 4em 1em 0 1em;
  }
  .cp_right {
    width: 100%;
    padding: 2em 1em 0 1em;
  }
  .bh_right {
    width: 100%;
    padding: 2em 0 0 0;
  }
  .con_tit_text {
    font-size: 1em;
    padding: 35px 0 15px 0;
  }
  .sub_page_bnr_tit_box {
    top: 30%;
  }
  .ah_sbys_flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .ah_sbys_img {
    width: 100%;
    max-width: 400px;
  }
  .ah_sbys_img img {
    height: 400px;
  }
  .ah_sbys_info {
    width: 100%;
    padding: 2em 5em;
  }
}
@media only screen and (max-width: 760px) {
  .bio_girl {
    width: 100%;
    height: auto;
  }
  .rtr_bg_logo {
    left: -40%;
  }
  .bh_top_flex {
    flex-direction: column !important;
    justify-content: center;
  }
  .bh_flex_img {
    width: 100%;
  }
  .bh_tit,
  .bh_left {
    width: 100%;
  }
  .bh_text_box {
    width: 100%;
    padding: 2em 2em;
    margin-top: 0;
  }
  .ah_spec_item {
    flex-direction: column;
  }
  .ah_spec_label {
    width: 100%;
    font-size: 1.7em;
    padding: 0 10px;
  }
  .ah_spec_val {
    width: 100%;
    padding-left: 80px;
    padding-top: 15px;
    font-size: 1.3em;
  }
  .ag_r_info {
    width: 100%;
    padding: 0 0;
  }
  .ag_r_img {
    width: 400px;
    height: 400px;
  }
  .ag_r_info {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 60px;
  }
  .ag_row.even .ag_r_img {
    order: 1;
  }
  .ag_row.even .ag_r_info {
    order: 2;
  }
  .book_form {
    width: 100%;
    order: 2;
  }
  .book_tbox {
    width: 100%;
    padding: 40px 30px 0 30px;
    order: 1;
  }
  .btbox_or,
  .book_contact_btn {
    display: none;
  }
  .bf_btn {
    max-width: 550px;
  }
  .bf_tit {
    font-size: 1.4em;
  }
  .hh_t_grp {
    width: 100%;
    order: 2;
  }
  .hh_img {
    width: 100%;
    height: 420px;
    min-height: 420px;
    order: 1;
  }
  .map_wrap{
    padding-top: 0px;
  }
  .map_info{
    width: 100%;
  }
  .map_frame{
    width: 100%;
  }
  .abt_stick{
    width: 0;
    display: none;
  }
  .abt_non_stick{
    width: 100%;
  }
  .ft_top_col,.footer_social{
    width: 100%;
  }
  .ft_top_col{
    padding: 0 20px 30px 20px;
  }
  .footer_social{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-bottom: 50px;
  }
  .ft_social_icon,.ft_col_link{
    margin: 0;
  }
}
@media only screen and (max-width: 700px) {
  .bio_girl {
    width: 100%;
    height: auto;
  }
  .hm_about_hand_flex {
    flex-direction: column !important;
    align-items: flex-start;
    justify-content: center;
  }
  .hm_about_hand_img {
    width: 100%;
    height: 400px;
    margin-bottom: 2em;
  }
  .hm_about_hand_text {
    width: 100%;
  }
  .g_frame {
    width: 80%;
  }
  .hm_contact_flex {
    flex-direction: column !important;
  }
  .hm_contact_form {
    width: 100%;
    padding: 0 0 1em 0;
  }
  .hm_contact_details {
    width: 100%;
    padding: 1em 0 0 0;
  }
  .bh_text_box {
    padding: 2em 1em;
  }
  .home_hand_tit {
    font-size: 2.8em;
  }
  .agl_ss_tit_wrap,.agl_ss_content_wrap{
    width: 100%;
  }
  .agl_ss_li_val{
    font-size: 3rem;
  }
  .rtr_left,
  .rtr_right {
    width: 100%;
  }
  .rtr_head {
    text-align: center;
    font-size: 7em;
  }
  .hero_title_box{
    padding-bottom: 10vh;
  }
  .hero_tit{
    font-size: 2.4em;
  }
  .comp_key_wrap{
    width: 150px;
  }
  .comp_self_wrap{
    width: 120px;
  }
  .splide__slide.comp_col_spacer{
    width: 0 !important;
    display: none !important;
  }
  .ag_r_img {
    width: 100%;
    height: 450px;
  }
  .ag_r_info {
    width: 100%;
    padding: 0 0;
  }
  .elb_img_box{
    max-width: 100%;
  }
  .elb_info_box{
    width: 100%;
  }
  .elb_flex.rev{
    flex-direction: row;
  }
}
@media only screen and (max-width: 600px) {
  .hero_overlay {
    width: 100%;
    height: 100%;
  }
  #gradient-canvas {
    opacity: 0;
  }
  .hero_desk_img_box {
    display: none;
  }
  .hero_section {
    height: 100vh;
  }
  .hero_section_bg_img {
    background: url("../../images/f_v2/14.jpg") no-repeat center;
    background-size: cover;
  }
  .angel_hero {
    background: url("../../images/f_v2/9.jpg") no-repeat center;
    background-size: cover;
  }
  .contact_hero {
    background: url("../../images/f_v2/1.jpg") no-repeat center;
    background-size: cover;
  }
  .book_hero {
    background: url("../../images/f_v2/14.jpg") no-repeat center;
    background-size: cover;
  }
  .h1_bg_v2 {
    background-image: url("../../images/f_v2/11.jpg");
  }
  .hero_tit {
    padding-top: 0em;
    font-size: 2.5em;
  }
  .hero_btn {
    margin-top: 2em;
  }
  .logo_only_mobile {
    width: 30px;
    height: 30px;
  }
  .nav_logo_left {
    margin-left: 4.5em;
  }
  .menu_btn {
    margin-right: 4em;
    width: 30px;
  }
  .left_bar {
    width: 3vw;
  }
  .right_bar {
    width: 3vw;
  }
  .ms_nav_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .ms_flex {
    flex-direction: column;
    justify-content: flex-start;
  }
  .ms_flex_left {
    width: 100%;
  }
  .ms_flex_right {
    width: 100%;
    border-top: 1px solid var(--border_dark_bg);
    justify-content: flex-start;
    align-items: center;
    padding-top: 2em;
    padding-right: 0;
    margin-top: 2em;
  }
  .scroll_down_icon {
    display: none;
  }
  .ms_fr_contact a {
    text-align: center;
  }
  .ms_social_icon {
    width: 26px;
    height: 26px;
  }
  .section_view_port {
    padding-left: 3vw;
    padding-right: 3vw;
  }
  .sec_h_pad {
    padding-left: 3vw;
    padding-right: 3vw;
  }
  .sec_no_h_pad {
    padding: 2em 0;
  }
  .sec_tit {
    width: calc(100% - 20px);
  }
  .st_before {
    margin-right: 10px;
    width: 10px;
  }
  .content_wrapper {
    padding: 0 10px;
  }
  .h1_bg_item.item_one {
    background-image: url("../../images/IMG_4765_mob.JPG");
  }
  .rail_image {
    width: 350px;
    height: 450px;
  }
  .rail {
    font-size: 6em;
  }
  .rail_image_container {
    left: 30px;
  }
  .rail_parent {
    padding-top: 0;
  }
  .rtr_bg_logo {
    left: -136%;
  }
  .h1_text {
    font-size: 2em;
  }
  .h1_bg {
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
  }
  .h1_bg_item {
    width: 100%;
    height: auto;
    flex-grow: 1;
  }
  .g_frame {
    width: 100%;
  }
  .con_page_link {
    font-size: 1.1em;
    word-break: break-all;
  }
  .con_item {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .h1_bg_v2,
  .h1_sec_overlay,
  .h1_text_box {
    height: 94%;
  }
  .ah_intro_text {
    font-size: 2.5em;
  }
  .imgleft {
    padding-right: 0;
  }
  .imgright {
    padding-left: 0;
  }
  .ah_sbys_info {
    padding: 2em 20px;
  }
  .ah_sbys_info_mob_nopad {
    padding: 2em 10px !important;
  }
  .ah_spec_val {
    padding-left: 40px;
  }
  .ah_center_full_text {
    padding: 30px 10px;
  }
  .ah_center_full_text_mobpad {
    padding: 30px 20px;
  }
  .pg_bg_logo_svg {
    fill: rgba(75, 255, 255, 0.616);
    filter: blur(2.4em);
  }
  .ht_box > p > div {
    font-size: 3em;
    line-height: 1.2em;
    margin-left: 0;
  }
  .rail_content_card {
    width: 100%;
  }

  .circle_tx_wrap {
    margin: 0 auto;
  }
  .menu_link {
    text-align: center;
  }
  .menu_book_btn {
    margin: 20px auto;
  }
  .hero_title_box{
    padding-bottom: 10vh;
  }
  .hero_btn_wrap{
    gap: 0;
  }
  .hh_key_param{
    font-size: .8em;
  }
  .two_door_tit{
    font-size: 2rem;
  }
  .two_door_frame{
    aspect-ratio: 2 / 3.2;
  }
  .two_door_med_tit_box{
    padding: 20px;
  }
  .two_door_med_tit_box p{
    font-size: 2.2rem;
  }
  .ag_fw_text,.alb_full_width_tit{
    font-size: 1.6em;
  }
}
@media only screen and (max-width: 510px) {
  .comp_key_wrap{
    width: 110px;
  }
  .comp_self_wrap{
    width: 110px;
  }
  .comp_self_wrap{
    margin-left: 5px;
  }
  .splide__slide.comp_col_spacer{
    width: 0 !important;
    display: none !important;
  }
  .comp_key,.csf_val,.comp_val{
    padding: 6px 10px;
  }
  .splide__slide.comp_col{
    width: 130px !important;
  }
  .two_door_info{
    padding: 20px 10px;
  }
}


@media only screen and (max-width: 510px) {
  .splide__arrow--prev {
    right: 8em;
  }
  .splide__arrow--next {
    right: 3em;
  }
  .git_tit {
    font-size: 3.5em;
  }
  .hr_port_img{
    width: 100%;
  }
  .ht_box > p > div{
    font-size: 2em;
  }
  .agl_ss_li_val {
    font-size: 2.2rem;
  }
  .hero_tit{
    font-size: 2em;
  }
  .hero_btn_v2,.v2arrow_btn{
    font-size: 1rem;
  }
  .rtr_head{
    font-size: 5em;
  }
}

@media only screen and (max-width: 450px) {
  .splide__slide {
    width: 450px;
  }
  .faq_section{
    padding: 0;
  }
  .faq_cat{
    padding-left: 20px;
  }
  .faq_question{
    padding: 15px 15px;
  }
}
@media only screen and (max-width: 400px) {
  .splide__slide {
    width: 390px;
    padding: 0 50px 0 0;
  }
  .ag_r_img {
    width: 100%;
    height: 440px;
  }
  .two_door_frame.tit{
    height: 650px;
  }
  .book_tbox{
    padding: 40px 18px 0 18px;
  }
  .book_form{
    padding: 40px 18px;
  }
}
@media only screen and (max-width: 390px) {
  .splide__slide {
    width: 380px;
    padding: 0 50px 0 0;
  }
   .hero_tit {
    padding-top: 0em;
    font-size: 2em;
  }
  .hero_btn_v2,.v2arrow_btn{
    font-size: .9rem;
  }
}