.tablet_ver{
    display: none;
}
@media (max-width: 1024px) {
    .tablet_ver{
        display: block;
    }
    .desktop_ver{
        display: none !important;
    }

    /*region Index*/

    .banner_content .right .text {
        font-size: 14px;
        letter-spacing: calc(14px*(-0.07));
        line-height: 150%;
        margin-bottom: 20px;
    }
    .cat_template .head_title,
    .banner_content .left .head_title {
        font-size: 64px;
        letter-spacing: calc(64px*(-0.07));
        line-height: 150%;
    }
    .banner_content .right .text,
    .banner_content .left img {
        margin-bottom: 20px;
    }
    a.btn_style {
        padding: 5px 20px;
        font-size: 14px;
        letter-spacing: calc(14px*(-0.07));
        line-height: 150%;
    }

    header ul li a:visited,
    header ul li a {
        padding: 12px 10px;
        font-size: 15px;
        line-height: 15px;
    }
    header .menu-item-has-children>a::after{
        line-height: 16px;
    }
    header .menu_links {
        max-width: 560px;
    }
    header .menu_links>ul {
        height: 40px;
        border-radius: 10px;
    }
    header ul {
        grid-gap: 30px;
    }

    header .lang_container {
        margin: auto 0 auto 30px;
        border-radius: 10px;
        height: 40px;
    }
    .lang_container .wpm-switcher-dropdown>li {
        padding: 10px 15px;
        font-size: 15px;
        line-height: 20px;
    }
    .lang_container .wpm-language-dropdown {
        border-radius: 10px;
    }
    .lang_container .wpm-language-dropdown li a {
        padding: 10px 15px;
    }

    .banner_content {
        margin: 120px 45px 50px;
        grid-template-columns: 60% calc(40% - 75px);
        grid-gap: 75px;
    }
    .contents_zone .info_container {
        grid-template-columns: repeat(4, calc((100% / 4) - (20px* 3 / 4)));
        grid-gap: 20px;
    }
    .cat_template.cat_overview .info_container,
    .contents_zone .info_container {
        grid-gap: 20px;
    }
    .cat_template.cat_overview .info_container{
        grid-template-columns:repeat(2, calc((100% / 2) - (20px / 2)));
    }
    .contents_zone {
        padding: 40px 45px;
    }
    .cat_template .goto_btn,
    .cat_template .info_container .item .content .pic,
    .info_page .right .pic,
    .contents_zone .item {
        border-radius: 20px;
    }
    .contents_zone .item a {
        padding: 20px 90px 25px 25px;
    }
    .contents_zone .item .icon {
        width: 45px;
        height: 45px;
        border-radius: 45px;
        font-size: 20px;
        line-height: 20px;
    }
    .travel_contents .info_container .item .content .desc .excerpt,
    .cat_template .info_container .item .content .desc .excerpt,
    .contents_zone .item .title {
        font-size: 16px;
        letter-spacing: calc(16px*(-0.07));
        line-height: 150%;
    }
    .title_part,
    .cat_template,
    .info_page {
        padding: 60px 45px;
    }
    .info_page {
        grid-template-columns: calc(45% - 60px) 55%;
        grid-gap: 60px;
    }
    .info_page .left .title {
        font-size: 26px;
        letter-spacing: calc(26px*(-0.07));
        line-height: 150%;
        margin-bottom: 25px;
    }
    .cat_template .info_container .item .content .desc {
        padding: 15px 0;
    }
    .products_cat .info_container .item .desc .subtitle,
    .cat_template .info_container .item .content .desc .subtitle{
        font-size: 15px;
        letter-spacing: calc(15px*(-0.07));
        line-height: 150%;
        margin-bottom: 10px;
    }
    .travel_contents .info_container .item .content .desc .title,
    .cat_template .info_container .item .content .desc .title {
        font-size: 24px;
        letter-spacing: calc(24px*(-0.07));
        line-height: 150%;
        margin-bottom: 15px;
    }
    .cat_template .info_container {
        grid-template-columns: repeat(3, calc((100% / 3) - (30px* 2 / 3)));
        grid-gap: 30px;
    }
    .policy_menu .item .content .title,
    .products_cat .info_container .item .desc .title,
    .title_part .subtitle{
        font-size: 26px;
        letter-spacing: calc(26px*(-0.07));
        line-height: 150%;
    }
    .title_part .header_title{
        font-size: 60px;
        letter-spacing: calc(60px*(-0.07));
        line-height: 150%;
    }

    .cat_template .goto_btn {
        padding: 15px 30px;
        margin: 40px auto 0;
        font-size: 20px;
        letter-spacing: calc(20px*(-0.07));
        line-height: 150%;
    }

    .company_insert {
        padding: 100px 45px;
    }
    .company_insert .content {
        padding: 70px 45px;
        border-radius: 20px;
        font-size: 20px;
        letter-spacing: calc(20px*(-0.07));
        line-height: 150%;
    }


    /*endregion Index*/

    /*region Footer*/
    footer{
        padding: 45px;
    }
    footer .logo {
        height: 45px;
        margin: 0 auto 15px;
    }
    .info_page .left .content,
    footer .note,
    footer .con_list .con_item,
    footer .site_desc {
        font-size: 14px;
        letter-spacing: calc(14px*(-0.07));
        line-height: 150%;
    }
    footer .socials a {
        font-size: 28px;
        line-height: 28px;
    }
    footer .socials a.policy_btn{
        font-size: 16px;
        line-height: 26px;
        padding: 0 15px;
    }
    footer .socials a img {
        width: 28px;
        height: 28px;
    }
    footer .socials {
        grid-gap: 30px;
        margin: 30px auto 40px;
    }

    footer .con_list .con_item i {
        line-height: 22px;
    }

    /*endregion Footer*/

    /*region Inner Page*/

    .inner_page {
        padding: 45px;
    }
    .inner_page .info_container {
        grid-template-columns: repeat(3, calc((100% / 3) - (30px* 2 / 3)));
        grid-gap: 30px;
    }

    .travel_contents .info_container .item .content {
        padding: 20px 30px 30px;
        border-radius: 20px;
    }


    .membership .over_bg {
        padding: 150px 45px;
    }


    .page_about.page_template,
    .inner_banner {
        margin-top: 100px;
    }
    .inner_banner .over_bg {
        padding: 75px 45px;
        min-height: 440px;
    }
    .inner_banner a {
        margin-bottom: 30px;
    }
    .inner_banner .title {
        font-size: 55px;
        letter-spacing: calc(55px*(-0.07));
        line-height: 150%;
        margin-bottom: 15px;
    }
    .inner_banner .subtitle {
        font-size: 35px;
        letter-spacing: calc(35px*(-0.07));
        line-height: 150%;
    }

    .page_template .text_block .header_title {
        font-size: 40px;
        letter-spacing: calc(40px*(-0.07));
        line-height: 150%;
        margin-bottom: 15px;
    }
    .page_about.page_template .bottom_content .content,
    .page_about.page_template .bottom_content .content p,
    .page_template .text_block .content h3,
    .page_template .bottom_desc,
    .page_template .text_block .top_desc,
    .page_template .text_block .content,
    .page_template .text_block .content p {
        font-size: 22px;
        letter-spacing: calc(22px*(-0.07));
        line-height: 150%;
    }
    .page_template .text_block .content h3{
        margin-bottom: 10px;
    }
    .page_about.page_template .bottom_content .content p,
    .page_template .text_block .top_desc,
    .page_template .text_block .content p {
        margin-bottom: 40px;
    }
    .page_template .text_block .content p::before {
        height: 8px;
        width: 68px;
    }
    .page_template .bottom_desc {
        padding: 25px 45px;
    }
    .page_about.page_template .bottom_content .content,
    .page_template .text_block {
        padding: 60px 45px;
    }


    .policy_page.page_template .top_desc p{
        margin-bottom: 20px;
    }
    .policy_page.page_template .top_desc blockquote a{
        padding: 10px 15px;
        margin: 0 20px 20px 0;

        font-size: 20px;
        letter-spacing: calc(20px*(-0.07));
        line-height: 150%;
    }
    .policy_page.page_template .text_block .content h3 {
        margin-bottom: 40px;
    }
    .policy_page.page_template .text_block .content h3::before {
        height: 10px;
        width: 40px;
    }

    .policy_page.page_template .text_block .content ul,
    .policy_page.page_template .text_block .content ol{
        margin-bottom: 40px;
    }
    .policy_page.page_template .text_block .content ol>li{
        font-size:20px;
        line-height:30px;
        margin-bottom:15px;
    }
    .policy_page.page_template .text_block .content ol>li>*{
        line-height:30px;
    }
    .policy_page.page_template .text_block .content ol>li::before{
        min-width:30px;
        font-size:20px;
        line-height:30px;
        margin:0 15px 0 0;
    }


    .policy_menu{
        grid-gap: 40px;
        padding: 45px;
        margin-top: 150px;
    }
    .policy_menu .item .content{
        padding-bottom: 5px;
        border-bottom: 3px solid transparent;
    }
    .policy_menu .item.active .content{
        border-bottom: 3px solid var(--main);
    }



    .page_about.page_template .text_block .title{
        font-size: 26px;
        letter-spacing: calc(26px * (-0.07));
    }
    .page_about.page_template .text_block .top_desc h2,
    .page_about.page_template .text_block .content h3{
        margin-bottom: 20px;

        font-size: 50px;
        letter-spacing: calc(50px * (-0.07));
    }


    /*endregion Inner Page*/

}

@media (max-width: 820px) {

    /*region Header*/

    header .menu_links {
        max-width: 400px;
        margin: 15px auto;
    }
    header .menu_links>ul {
        width: max-content;
        height: 20px;
        border-radius: 10px;
        margin: auto 0;
    }
    header ul li a:visited, header ul li a {
        padding: 5px;
        font-size: 10px;
        line-height: 10px;
    }
    header .menu-item-has-children>a::after {
        font-size: 10px;
        line-height: 10px;
        width: 10px;
        margin-left: 5px;
    }
    header ul.sub-menu li a {
        padding: 5px 10px;
        font-size: 10px;
    }
    header {
        padding: 0 10px;
    }


    header .lang_container {
        margin: auto 0 auto 15px;
        border-radius: 5px;
        height: 26px;
    }
    .lang_container .wpm-switcher-dropdown>li {
        min-width: 80px;
        padding: 5px 10px;
        font-size: 10px;
        line-height: 15px;
    }
    .lang_container .wpm-switcher-dropdown>li>a,
    .lang_container .wpm-switcher-dropdown>li>span {
        display: flex;
    }
    .lang_container .wpm-switcher-dropdown>li>span>img {
        display: block;
    }
    .lang_container .wpm-language-dropdown {
        border-radius: 5px;
    }
    .lang_container .wpm-language-dropdown li a {
        padding: 5px 10px;
    }

    /*endregion Header*/
    /*region Index*/

    .contents_zone {
        padding: 0 25px 30px;
    }
    .contents_zone .info_container {
        grid-template-columns: repeat(2, calc((100% / 2) - (20px / 2)));
    }
    .contents_zone .item a {
        padding: 15px 50px 15px 15px;
    }
    .contents_zone .item .icon {
        width: 25px;
        height: 25px;
        border-radius: 25px;
        font-size: 12px;
        line-height: 12px;

        top: 15px;
        right: 15px;
    }

    .banner_content {
        margin: 70px 25px 30px;
        grid-template-columns: 100%;
        grid-gap: 15px;
    }
    .cat_template .head_title,
    .banner_content .left .head_title {
        font-size: 25px;
        letter-spacing: calc(25px*(-0.07));
        line-height: 150%;
    }
    .banner_content .left img {
        height: 20px;
        margin-bottom: 10px;
    }


    .cat_template, .info_page {
        padding: 30px 25px;
    }

    .info_page {
        grid-template-columns: 100%;
        grid-gap: 20px;
    }
    .info_page .right .pic {
        max-height: 250px;
    }
    .info_page .left .title {
        font-size: 18px;
        letter-spacing: calc(18px*(-0.07));
        line-height: 150%;
        margin-bottom: 5px;
    }

    .company_insert .content,
    .banner_content .right .text,
    .info_page .left .content,
    footer .note,
    footer .con_list .con_item,
    footer .site_desc {
        font-size: 10px;
        letter-spacing: calc(10px*(-0.07));
        line-height: 150%;
    }
    .cat_template .head_title{
        margin-bottom: 30px;
    }

    .cat_template .info_container {
        grid-template-columns: repeat(3, calc((100% / 3) - (10px* 2 / 3)));
        grid-gap: 10px;
    }
    .cat_template .goto_btn {
        padding: 5px 30px;
        margin: 30px auto 0;
        font-size: 10px;
        letter-spacing: calc(10px*(-0.07));
        line-height: 150%;
    }
    .cat_template .info_container .item .content .desc {
        padding: 5px 0;
    }
    .products_cat .info_container .item .desc .subtitle,
    .cat_template .info_container .item .content .desc .subtitle {
        font-size: 6px;
        letter-spacing: calc(6px*(-0.07));
        line-height: 150%;
        margin-bottom: 5px;
    }
    .policy_menu .item .content .title,
    .products_cat .info_container .item .desc .title,
    .travel_contents .info_container .item .content .desc .title,
    .cat_template .info_container .item .content .desc .title {
        font-size: 10px;
        letter-spacing: calc(10px*(-0.07));
        line-height: 150%;
        margin-bottom: 5px;
    }
    .travel_contents .info_container .item .content .desc .excerpt,
    .cat_template .info_container .item .content .desc .excerpt {
        font-size: 8px;
        letter-spacing: calc(8px*(-0.07));
        line-height: 150%;
    }
    .contents_zone .item .title{
        font-size: 14px;
        letter-spacing: calc(14px*(-0.07));
        line-height: 150%;
    }

    .cat_template .goto_btn,
    .cat_template .info_container .item .content .pic,
    .info_page .right .pic, .contents_zone .item {
        border-radius: 10px;
    }

    .title_part.inner_title .header_title,
    .title_part {
        display: none;
    }
    .title_part.inner_title {
        display: block;
        padding: 100px 25px 30px;
    }
    .title_part.inner_title .subtitle{
        font-size: 18px;
        letter-spacing: calc(18px*(-0.07));
        line-height: 150%;
        margin-bottom: 0;
    }
    .title_part.inner_title .btn_style {
        margin-top: 10px;
    }

    .company_insert {
        padding: 45px 25px;
    }
    .company_insert .content {
        padding: 25px 10px;
        border-radius: 5px;
    }
    .company_insert .content .title {
        margin-bottom: 5px;
    }

    /*endregion Index*/

    /*region Inner*/


    .page_about.page_template .bottom_content .content,
    .page_template .text_block,
    .inner_page {
        padding: 30px 25px;
    }
    .inner_page .info_container {
        grid-template-columns: repeat(3, calc((100% / 3) - (10px* 2 / 3)));
        grid-gap: 10px;
    }
    .products_cat .info_container .item .desc {
        padding: 10px 0;
    }
    .products_cat .info_container .item .content {
        height: 100%;
        border-bottom: 2px solid var(--grey3);
    }
    .products_cat .info_container .item {
        margin-bottom: 10px;
    }
    .products_cat .info_container .item .pic {
        max-height: 150px;
    }


    .membership .over_bg {
        padding: 100px 25px 40px;
    }
    .membership .text_block {
        background: transparent;
        padding: 0;
        max-width: 100%;
        border-radius: 0;
    }
    .membership .content .um-login {
        max-width: 100% !important;
    }
    .membership .um-field {
        padding: 0 0 15px 0;
    }
    .membership .header_title {
        color: var(--main);
    }
    .membership .um-field-checkbox-state i,
    .membership .um-field-radio-state i,
    .membership a.um-link-alt,
    .membership .um-field-checkbox-option,
    .membership .um-field-radio-option,
    .membership .um-field-label label{
        color: var(--white) !important;
    }
    .membership .um-field-b, .membership .um-field-c {
        margin-bottom: 0;
    }


    .page_about.page_template,
    .inner_banner {
        margin-top: 50px;
    }
    .inner_banner .over_bg {
        padding: 30px 25px;
        min-height: 180px;
    }
    .inner_banner a {
        margin-bottom: 13px;
    }
    .inner_banner .title {
        font-size: 22px;
        letter-spacing: calc(22px*(-0.07));
        line-height: 150%;
        margin-bottom: 7px;
    }
    .inner_banner .subtitle {
        font-size: 13px;
        letter-spacing: calc(13px*(-0.07));
        line-height: 150%;
    }

    .page_template .text_block .header_title {
        font-size: 12px;
        letter-spacing: calc(12px*(-0.07));
        line-height: 150%;
        margin-bottom: 7px;
    }
    .page_template .text_block .content h3{
        margin-bottom: 5px;
    }
    .page_about.page_template .bottom_content .content,
    .page_about.page_template .bottom_content .content p,
    .page_template .text_block .content h3,
    .page_template .bottom_desc,
    .page_template .text_block .top_desc,
    .page_template .text_block .content,
    .page_template .text_block .content p {
        font-size: 9px;
        letter-spacing: calc(9px*(-0.07));
        line-height: 150%;
    }
    .page_template .text_block .content .mwai-chatbot-container h3{
        font-size: 13px;
        letter-spacing: calc(13px*(-0.07));
        line-height: 150%;
        margin-bottom: 7px;
    }
    .page_about.page_template .bottom_content .content p,
    .page_template .text_block .top_desc,
    .page_template .text_block .content p {
        margin-bottom: 20px;
    }
    .page_template .text_block .content p::before {
        height: 3px;
        width: 28px;
        margin-bottom: 10px;
    }
    .page_template .bottom_desc {
        padding: 10px 25px;
    }
    .page_template .bottom_desc p {
        margin-bottom: 5px;
    }

    .policy_page.page_template .top_desc p{
        margin-bottom: 10px;
    }
    .policy_page.page_template .top_desc blockquote a{
        padding: 5px 10px;
        margin: 0 7px 7px 0;

        font-size: 10px;
        letter-spacing: calc(10px*(-0.07));
        line-height: 150%;
    }
    .policy_page.page_template .text_block .content h3 {
        margin-bottom: 10px;
    }
    .policy_page.page_template .text_block .content h3::before {
        height: 3px;
        width: 20px;
        margin-bottom: 5px;
    }
    .policy_page.page_template .text_block .content ul li {
        font-size: 9px;
        line-height: 15px;
        margin-bottom: 5px;
    }
    .policy_page.page_template .text_block .content ul li::before {
        height: 5px;
        width: 5px;
        min-width: 5px;
        border-radius: 5px;
        margin: 5px 10px 0 0;
    }
    .policy_page.page_template .text_block .content ul,
    .policy_page.page_template .text_block .content ol{
        margin-bottom: 10px;
    }
    .policy_page.page_template .text_block .content ol>li{
        font-size:10px;
        line-height:15px;
        margin-bottom:5px;
    }
    .policy_page.page_template .text_block .content ol>li>*{
        line-height:15px;
    }
    .policy_page.page_template .text_block .content ol>li::before{
        min-width:15px;
        font-size:10px;
        line-height:15px;
        margin:0 5px 0 0;
    }


    .policy_menu{
        grid-gap: 20px;
        padding: 25px;
        margin-top: 80px;
    }
    .policy_menu .item .content{
        padding-bottom: 2px;
        border-bottom: 1px solid transparent;
    }
    .policy_menu .item.active .content{
        border-bottom: 1px solid var(--main);
    }


    .page_about.page_template .text_block .title{
        font-size: 9px;
        letter-spacing: calc(9px * (-0.07));
    }
    .page_about.page_template .text_block .top_desc h2,
    .page_about.page_template .text_block .content h3{
        margin-bottom: 6px;

        font-size: 16px;
        letter-spacing: calc(16px * (-0.07));
    }

    /*endregion Inner*/

    /*region Footer*/

    footer {
        padding: 30px 25px;
    }
    footer .logo {
        height: 25px;
        margin: 0 auto 10px;
    }
    footer .site_desc {
        margin-bottom: 20px;
    }
    footer .con_list .con_item i {
        line-height: 18px;
        margin-right: 10px;
    }
    footer .socials {
        grid-gap: 15px;
        margin: 20px auto 30px;
    }
    footer .socials a {
        font-size: 14px;
        line-height: 14px;
    }
    footer .socials a.policy_btn{
        font-size: 10px;
        line-height: 12px;
        padding: 0 5px;
    }
    footer .socials a img {
        width: 14px;
        height: 14px;
    }

    /*endregion Footer*/

}
@media (max-width: 480px){


    header .menu_links {
        margin: 15px auto;
    }
    header .menu_links>ul {
        border-radius: 5px;
    }
    header ul {
        grid-gap: 10px;
    }

    footer .con_list {
        grid-gap: 10px;
    }
    .company_insert .content,
    footer .con_list .con_item i,
    footer .con_list .con_item{
        font-size: 7px;
        line-height: 10px;
    }


}
@media (max-width: 390px){

    header .menu_links {
        flex-wrap: wrap;
    }
    header .lang_container {
        margin: 10px 5px;
    }
    .um-col-alt {
        margin: 0 !important;
    }

}
@media (max-height: 1366px){

    .membership {
        min-height: calc(100vh - 350px);
    }
    .membership .over_bg {
        min-height: calc(100vh - 350px);
        height: 100%;
    }


}
@media (max-height: 1180px){

    /*.inner_page {
        min-height: calc(100vh - 36vh);
    }*/

    .membership .over_bg {
        min-height: calc(100vh - 230px);
    }
}