@charset "utf-8";
/*
 * File       : responsive.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) min width : 2000px
 * 2) 1900px
 * 3) 1820px
 * 4) 1380px
 * 5) 1280px
 * 6) 1200px
 */


/* **************************************** *
 * 1900px
 * **************************************** */
 @media (min-width: 2000px) {
    .article_header { background-size: auto 100%; }
}



/* **************************************** *
 * 1900px
 * **************************************** */
@media (max-width: 1900px) {
    /* ABOUT - TOMATO GLASSES */
    .glasses_header {background-size:auto; background-position:center bottom;}

	/* ABOUT - COMPANY */
	.company_contents {padding-bottom:462px;}
	.company_contents:before {height:899px; bottom:-290px; padding-top:0; background-position:center bottom; background-size:auto;}
}




/* **************************************** *
 * 1820px
 * **************************************** */
@media (max-width: 1820px) {
    /* HEADER */
    .header_wrap {max-width: inherit;}
    #logo {left: 35px;}
    .sub_menu_container {right: 71px;}
    .search_container {right: 35px;}
}



/* **************************************** *
 * 1550px
 * **************************************** */
@media (max-width: 1550px) {
	/* HEADER */
	/*html[lang="en"] .sub_menu_container .lang_switcher {-webkit-transform:none;-ms-transform:none;transform:none;left: auto;right: -40px;top: 29px;}*/

    /* custom copy */
    .custom_copy .motion_pic.cloud_01 { margin-left: -35%; }
    .custom_copy .motion_pic.balloon_01 { margin-right: -50%; }
    .custom_copy .motion_pic.balloon_02 { margin-left: -53%; }

}




/* **************************************** *
 * 1380px
 * **************************************** */
@media (max-width: 1380px) {
    /* HEADER */
    #header {height: 145px;}
    #logo {left: 50%;top: 24px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
    .menu_container {top: 80px;}
    .sub_menu_container {top: 38px;}
    .search_container {top: 33px;}
	html[lang="en"] .sub_menu_container .lang_switcher {left: -63px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

    .minimize#header {height: 80px;}
    .minimize #logo {top: -65px;}
    .minimize .menu_container {top: 15px;left: 0;margin-left: 10px;}
    .minimize .sub_menu_container {top: 33px;}
    .minimize .search_container {top: 27px;}
    .minimize #menu > li:first-child > ul {  left: 0; margin-left: 0;}

    /* MAIN CONTAINER */
    .main_container {padding-top: 145px;}

    /* FOOTER */
    .footer_menu > div {flex-wrap: wrap;}
    .footer_column {margin: 0 auto;}
    .footer_column b {text-align: center;}
    .footer_column ul {grid-template-columns: repeat(3, 1fr);}
    .footer_column ul li {min-width: auto;}
    .footer_column ul li a {text-align: center;}

}




/* **************************************** *
 * 1280px
 * **************************************** */
@media (max-width: 1280px) {
    /* LAYOUT */
    .wrap {max-width: inherit;margin: 0 35px;}

    /* FOOTER */
    .footer_wrap {max-width: inherit;margin: 0 35px;}

    /* BREADCRUMB */
    /*.breadcrumb_container {padding-top: 65px;}*/

    /* PAGE */
    .article_header {padding: 77px 0;}
    .article_header_desc {padding-top: 20px;}
    .article_body {padding-top: 85px;}

    /* LIST - DISITRIBUTOR & STOCKIST */
    .jt_card_list .info_wrap span {padding-left:82px;}
    .selected_country_wrap .location_search .jt_label span {}
    .selected_country_wrap .location_search input {}

    /* LIST - DISITRIBUTOR */
    .distributor_list .branch_head_wrap h2 {padding-left:118px;}
    .distributor_list .info_wrap span {padding-left:90px;}

    /* ABOUT - TOMATO GLASSES */
    .glasses_header {/*min-height:auto; padding-bottom:19.286%; background-size:100% auto; background-position:0 bottom;*/}
    .glasses_header p {width:100%; max-width:894px;}
    .tomato_glasses_wrap {margin:0;}

	/* ABOUT - COMPANY */
	.company_wrap {margin:0;}
	.company_section .motion_pic.identity {right:0;}
	.company_section .motion_pic.balloon_02 {right:-88px;}
	.company_header p {padding-left:160px;}
	.company_contents .ceo_img {width:350px;}
	.company_contents p {padding-left:400px;}

	.company_section p br {display:none;}
	.company_contents .text_box {padding-left:160px;}

    /* custom copy */
    .custom_copy {padding: 65px 0 140px; margin-top: -65px;}
    .custom_copy_top {margin-bottom: 140px;}
    .custom_copy > div p {padding: 0 30px;}

    .woocommerce-products-header h1 { max-width: inherit; margin-left: 35px; }

}




/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px) {
    /* LIST - DISITRIBUTOR & STOCKIST */
    .jt_card_list .info_wrap {padding:16px 20px 20px;}
    .jt_card_list .branch_head_wrap h2 {padding:22px 20px; font-size:20px;}
    .jt_card_list .branch_head_wrap .flag {left:20px;}
    .jt_card_list .branch_btn_wrap {padding:11px 20px;}
    .jt_card_list .branch_btn_wrap p {font-size:14px;}
    .jt_card_list .branch_btn_wrap .jt_btn {right:20px;}

    /* LIST - DISITRIBUTOR */
    .jt_card_list.distributor_list .branch_head_wrap h2 {padding-left:110px;}

	/* ABOUT - COMPANY */
	.company_section h2 br {display:none;}

    /* custom copy */
    .custom_copy .motion_pic.balloon_02 { margin-left: -55%; }
}




/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px) {
    .jt_instagram #sb_instagram {/* padding-top:5%; */}
	.jt_instagram #sb_instagram .sbi_hover_top {font-size:14px;}
	.jt_instagram #sb_instagram .sbi_hover_bottom {font-size:12px;}
	.sbi_lb-outerContainer {width:50% !important; height:auto !important;}
	.sbi_lb-container-wrapper {position:relative;}
	.sbi_lightbox .sbi_lb-image {width:100% !important; height:auto !important;}
	.sbi_lightboxOverlay {position:fixed;}
	.sbi_lightbox {position:fixed; top:9% !important;}
	.sbi_lb-dataContainer {width:100% !important; height:auto; max-height:180px; position:absolute; bottom:-180px; overflow:visible; overflow-x:visible; overflow-y:scroll;}
	.sbi_lb-closeContainer {width:25px; height:25px; position:fixed; top:5%; right:18.5%;}
	.sbi_lb-data .sbi_lb-details {padding:12px 15px;}
	.sbi_lb-data .sbi_lb-close {width:100%; height:100%; right:0;}
	.jt_instagram #sb_instagram .sbi_type_video .sbi_playbtn {width:44px; height:44px; margin-left:-22px; margin-top:-22px;}
	.jt_instagram #sb_instagram .sbi_link .sbi_caption {display:-webkit-box !important; line-height:1.86; max-height:3.72em; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

    /* custom copy */
    .custom_copy .motion_pic.balloon_01 { margin-right: -57%; top: -4px; }
    .custom_copy .motion_pic.balloon_02 {margin-left: -50%; top: 234px;}
	
	/* sitemap */
	ul.sitemap_menu > li { width: 47.7%; }
	ul.sitemap_menu > li:nth-child(3n) { margin-right: 4.25%;}
	ul.sitemap_menu > li:nth-child(2n) { margin-right: 0;}
	ul.sitemap_menu > li:nth-child(3n+1) { clear: none;}
	ul.sitemap_menu > li:nth-child(2n+1) { clear: both;}
}



/* **************************************** *
 * 960px
 * **************************************** */
@media (max-width: 960px) {

    /* TODO */
    .jt_card_list { -webkit-justify-content:space-between; justify-content: space-between;}

    /* HEADER */
    .menu_item_cart span{text-indent: -9999px;}


    /* MAIN CONTAINER */
    .main_product_wrap { max-width: 92%;}


    /* MAIN SLIDE*/
	.main_visual_desc { font-size: 29px; }
	.main_visual_title { font-size: 68px; }
	.main_visual_sub { font-size: 35px; }
	.main_visual_item_02 .main_visual_sub,
	.main_visual_item_03 .main_visual_sub,
	.main_visual_item_04 .main_visual_sub { font-size: 30px; }
	.main_visual_item_02 .main_visual_title,
	.main_visual_item_03 .main_visual_title,
	.main_visual_item_04 .main_visual_title { font-size: 49px; }
	.main_visual_item_02 b,
	.main_visual_item_03 b,
	.main_visual_item_04 b { font-size: 140px; }
	.main_visual_cell { padding-top: 60px; }
	.cycle_control { top: auto; bottom: -20px; left: auto; right: 0; width: auto; }
	.cycle_btn { float: left; width: 80px; height: 80px; margin-left: 14px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
    .main_visual_list {margin-top: 48px;}
    .main_visual_list p {font-size: 12px;}
    .main_visual_list img {width: 100%;margin: auto;}
    .main_visual_button {width: 250px;padding: 22px 22px;}
    .main_visual_button span {font-size: 25px;}

    /* MAIN CONTENT */
    .main_product_item { margin-bottom:20%;}
	.main_info_list li p  br { display: none; }
	.main_product_title { font-size: 21px; }
	.main_product_title_shape { font-size: 12px; }

    /* SUB */
    .article_header,
    .woocommerce-products-header { background-size: cover; position: relative; }
    .article_header_title {font-size: 40px;}
    .article_header_desc { padding-top: 10px;}
    .article_body { padding-top: 65px; }

    /* ABOUT - TOMATO GLASSES */
    .tomato_glasses_wrap.wrap{margin: 0;}
    .glasses_header p { margin: 0 5%;width: 90%;  max-width: inherit; }
    .glasses_section_contents { margin: 0 5%; }
    .glasses_contents_list .text_wrap p br { display: none; }
    .glasses_contents_list > li > figure { padding-left: 20px; }
    .glasses_section .awards_img_list li img { max-width: 100%; }
    .glasses_header h2 { padding-bottom: 80px; }
    .glasses_contents_list{margin-top: 20px;}
    .glasses_contents_list .text_wrap, .glasses_contents_list figure{vertical-align: top;}
	.glasses_contents_list .weight_list { padding: 20px 0 0;}
	.glasses_section .glasses_contents_list .weight_list_second { padding-top: 0; }
    .glasses_contents_list .weight_list li { display: block;  margin-left: 0; padding-bottom: 10px;}
    .glasses_contents_list .weight_list li:before { margin-top: -15px;}

    /* ABOUT - COMPANY */
    .page-template-company .article_body { overflow: hidden; }
    .company_header p { padding-left: 0; position: relative; z-index: 2; }
    .company_contents p { padding-left: 0; }
    .company_contents .ceo_img { position: static; margin: auto; width: 100%; max-width: 350px; }
    .company_contents .text_box { padding-left: 0; padding-top: 0px; }
    .company_contents:before { display: none; }
    .company_contents { padding-bottom: 100px; }
    .company_behind_story { width: 90%; padding-bottom: 0; }
    .company_section .motion_pic.cloud_01 { right: -140px; top: 520px; }
    .company_section .motion_pic.cloud_02 { left: -100px; top: -50px; }
    .company_section .motion_pic.balloon_01 { top: 110px; left: -30px; }
    .company_section .motion_pic.identity { right: -70px; top: 80px; display: none; }
    .company_contents .ceo_img img { margin-bottom: 40px;}

    /* ABOUT - NEWS */
    #news_list > li > div.news_list_time {width: 90px;position: absolute;text-align: left;border: none;height: auto;bottom: 25px;left: 0;}
    #news_list > li > div.news_list_more {width: 124px;position: absolute;right: 0;bottom: 17px;border: none;margin-top: 0;padding: 0; text-align: right;}
    #news_list > li > div { display: block; height: auto; }
    #news_list li { display: block; position: relative; }
    .news_list_time b,
    .news_list_time span { display: none;}
    .news_list_time time { border: none; }
    .news_list_content {padding: 30px 0 60px 0;}
    .news_list_time time:after {content: attr(datetime);font-size: 13px;color: #aaa;font-weight: bold;}
    #news_list li:hover .news_list_time time:after{ color:#009d42}
    .news_list_more .detail_btn { border: none; padding: 0; background-position: right center; font-size: 13px; }
    #news_list li .detail_btn:after{ display:none}

    /* SINGLE */
    .jt_single_inner { padding: 30px 3% 60px;}

    /* YOUTUBE */
    .spidochetube #spidochetube_player{margin: 12px auto 30px;}

    /* custom copy */
    .custom_copy > div p br{display: none;}

}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 890px) {
    /* HEADER */
    .sub_menu_container { right: 55px;}
    .search_container { right: 20px;}
    #menu > li > a { padding-left: 20px;  padding-right: 20px;}
    .minimize #menu > li > a { padding-left: 15px; padding-right: 15px;}
}



/* **************************************** *
 * 780px
 * **************************************** */
@media (max-width: 800px) {
    #sub_menu > li > a { padding: 0 6px;}
   .sub_menu_container { right: 50px;}

	/* ABOUT - TOMATO GLASSES */
	.fitting_results ul li i {margin:0; font-size:14px }
}





/* **************************************** *
 * 782px
 * **************************************** */
@media screen and (max-width: 782px){

    /* kill the admin bar */
    #wpadminbar{ display:none}
    html[lang]{ margin-top: 0 !important;}
    body.woocommerce-page.admin-bar #header{margin-top: 0;}

}

/* **************************************** *
 * 767px
 * **************************************** */
@media (max-width: 767px) {

    .tabs_menu li a { font-size: 14px;  height: 40px; line-height: 40px;}

    .wrap{margin: 0 5%;}

    .sub_menu_container {right: auto;left: 0;left: calc(3% - 13px);top: 27px;}
    .sub_menu_container .sub_menu_btn {display:none;}
    #search_open_btn { display: none;}
    header#header {height: 70px;}
    .main_container {padding-top: 70px; padding-bottom: 90px;}
    #logo, #logo svg{transition: 400ms;}
    #small_menu_btn {transition: 400ms;}
    #logo{ top:15px}

    .minimize #logo,.minimize #logo svg {top: 12px;width: 150px;height: 28px;}
    .minimize .sub_menu_container {top: 20px;}
    .minimize#header {height: 55px;}

    #small_menu_btn,
    .minimize #small_menu_btn {width: 24px;height: 20px;position: fixed;right: 3%;cursor: pointer;z-index: 1010;display: block;top: 25px;}
    .minimize #small_menu_btn {top: 18px;}
    .small_menu_btn_inner {width: 100%;height: 18px;position: absolute;left: 0;top: 50%;margin-top: -9px;}
    .small_menu_btn_line {width: 25px;height: 2px;position: absolute;left: 0;right: 0;border-radius: 20px;background: #333;}
    .small_menu_btn_line_01 {top: 0;bottom: auto;}
    .small_menu_btn_line_02 {top: 50%;margin-top: -1px;}
    .small_menu_btn_line_03 {top: auto;bottom: 0;}

    #small_menu_overlay {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 999;}

    .header_top_inner {display: none;width: 260px;position: absolute;top: 0;right: -2px;z-index: 1000;background: none;border: none;}
    .header_wrap {padding: 0;}
    #top_menu {float: none;width: 100%;}
    #top_menu:after {content: '';display: table;clear: both;}
    #top_menu li {float: left;}
    #top_menu li a {padding: 0 10px;line-height: 60px;font-size: 12px;}
    #top_menu li a:before {height: 12px;margin-top: -6px;left: 0px;}

    .menu_container,
    .minimize .menu_container {display: none;width: 260px;height: 100%;position: fixed;top: 0;bottom: 0;left: auto; right: -300px;padding-top: 60px;z-index: 999;background: #fff; -webkit-transition: none; transition: none;}
    .menu_container_inner { height: 100%; overflow-y: auto; }
	.sub_menu_container .lang_switcher {display:none;}
	.menu_container .lang_switcher {display:block;position: absolute;top: 20px;left: 0;}
    #menu {float: none;width: 100%;height: 100%;overflow-y: scroll;}
    #menu ul.sub-menu {width: 100%;margin: 0;position: static;}
    .minimize #menu > li > a,
    #menu > li > a,
    #menu > li > ul > li > a {padding: 12px 35px 12px 12px;font-size: 14px;}
    #menu > li {float: none;width: 100%;border-top: 1px solid #ddd;}
    #menu > li:last-child {border-bottom: 1px solid #ddd;}
    #menu > li.menu-item-has-children > a:after {margin-top: -8px;position: absolute;top: 50%;right: 18px;right: calc(3vw + 9px); font-family: 'jt-font';content: '\e914';font-size: 11px;color: var(--color-primary);}
    #menu > li > a:before {display: none;}
    #menu > li > ul > li:first-child {border-top-color: #ddd;}
    #menu > li > ul > li > ul > li:first-child {border-top-color: #cde2e8;}
    #menu > li > ul > li:first-child > ul > li:first-child {border-top: 1px solid #cde2e8;}
    #menu > li > ul > li.menu-item-has-children:before {display: none;}
    #menu > li > ul > li > a {position: relative;}
    #menu > li > ul > li.menu-item-has-children > a:after { margin-top: -8px; position: absolute; top: 50%; right: calc(3vw + 9px); font-family: 'jt-font'; content: '\e914'; font-size: 11px; color: #fff; }
    #menu > li > ul > li.open { background: #bd2329; }
    #menu > li > ul > li > ul:before { display: none; }
    #menu > li > ul > li > ul > li { background: #bd2329; border: none; }
    #menu > li > ul > li > ul > li > a { padding: 10px 16px; font-size: 12px; line-height: 1.5; }
    #menu > li > ul > li > ul > li:first-child > a { padding-top: 18px; }
    #menu > li > ul > li > ul > li:last-child > a { padding-bottom: 30px; }
    #menu > li > ul > li > ul > li.current-menu-item > a > span { text-decoration: underline; text-underline-offset: 4px; }

    #menu-item-rwd-aside{ display:block; }
    #menu-item-rwd-aside:after { display: table; clear: both;  content: "";}
    #menu > li#menu-item-rwd-aside{ border-bottom:none}
    #menu > li#menu-item-rwd-aside a { width: 33.33%; float: left; text-align: center;padding-left: 5px; padding-right: 5px; padding-top: 40px; /* border-bottom: 1px solid #dddddd; */ /* border-left: 1px solid #dddddd; */ font-size: 12px;}
    #menu > li#menu-item-rwd-aside a{background:no-repeat center 15px;background-size: 20px;}
    #menu > li#menu-item-rwd-aside a.menu-item-rwd-aside-search { background-image: url(../images/icon/icon-search-grey.svg);}
    #menu > li#menu-item-rwd-aside a.menu-item-rwd-aside-account {background-image: url(../images/icon/icon-avatar-grey.svg);}
    #menu > li#menu-item-rwd-aside a.menu-item-rwd-aside-logout {background-image: url(../images/icon/icon-logout.svg);}
    #menu > li#menu-item-rwd-aside a.menu-item-rwd-aside-login {background-image: url(../images/icon/icon-login.svg?0.2);}
    #menu > li#menu-item-rwd-aside:hover > a {color: #333;}


    /* DESTROY HOVER */
    #menu > li:hover > ul,
    #menu > li > ul > li:hover > ul {display: none;}

    /* MENU OPEN */
    body.open_menu {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;}

    #small_menu_btn span {-webkit-transition: 300ms;transition: 300ms;}
    #small_menu_btn .small_menu_btn_line_01 ,
    #small_menu_btn .small_menu_btn_line_03  { -webkit-transition: 500ms; transition: 500ms; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55); }
    #small_menu_btn .small_menu_btn_line_02 { -webkit-transition-delay: 200ms; transition-delay: 200ms }

    .open_menu #small_menu_btn {/* -webkit-transform: translateX(5px); */-ms-transform: translateX(5px);/* transform: translateX(5px); */}
    .open_menu #small_menu_btn .small_menu_btn_line_02 {-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);transform-origin: center center;opacity: 0;}
    .open_menu #small_menu_btn .small_menu_btn_line_01 {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;}
    .open_menu #small_menu_btn .small_menu_btn_line_03 { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center }


    /* MAIN */
    .main_visual_item_inner { width: 100%; height: 40%; height: calc(50%); }
    .main_visual_cell {padding: 0 8% 10px;vertical-align: middle;}
    .main_visual_item_txt { padding: 0; background: none !important; /* force remove inline bg (performance optimization) */ }
    .main_visual_desc { font-size: 14px; }
    .main_visual_title { font-size: 30px; }
    .main_visual_sub {font-size: 15px;}
    .main_visual_item_02 .main_visual_sub,
	.main_visual_item_03 .main_visual_sub,
	.main_visual_item_04 .main_visual_sub {font-size: 12px;}
    .main_visual_item_02 .main_visual_title,
	.main_visual_item_03 .main_visual_title,
	.main_visual_item_04 .main_visual_title { font-size: 20px; }
    .main_visual_item_02 b,
	.main_visual_item_03 b,
	.main_visual_item_04 b {font-size: 45px;}
    .main_visual_list img { display: none; }
    .main_visual_list {margin-top: 10px;display: block;}
    .main_visual_list li:first-child { padding: 0; }
    .main_visual_list li figure { display: none; }
    .main_visual_list li { display: block; padding: 0; margin-bottom: 0;}
    .main_visual_list p { font-size: 12px; max-width: 100%; width: 100%; white-space: normal; padding-top: 4px; padding-left: 11px; position: relative; }
    .main_visual_list p  br { display: none; }
    .main_visual_list li:after { display: none; }
    .main_visual_list li:before { content: ""; position: absolute; width: 4px; height: 4px; background: #fff; top: 12px; left: 0; border-radius: 5px; }
    .main_visual { height: 540px; height: calc(100vh - 70px); }
    .cycle_btn { width: 36px; height: 36px; margin-left: 10px; }
    .main_visual_control.cycle_control { padding: 0; right: 8%; }
    .main_visual_title br { display: none; }
    .main_visual_button {width: 150px;padding: 12px 22px;margin-top: 25px;}
    .main_visual_button span {font-size: 14px;}

    .main_product_item_cell{ text-align:center}
    .main_product_item_content,
    .main_product_wide .main_product_item_content { width: 100%; position: static; }
    .main_product_typo {font-size: 320px;}
    .main_product_item_primary .main_product_item_figure { float: right; width: 70%; }
    .main_product_pic { display: none; }
    .main_product_item_figure { width: 70%; }
    .main_product_item_primary .main_product_item_content { padding: 0; }
    .main_product_desc {min-height: 0;margin-top: 0;font-size: 14px;line-height: 1.7;}
    .main_product_item_content .main_button { margin: 40px auto 60px; }
    .main_product_title {margin: 25px 0 5px;position: relative;margin-bottom: 50px;}
	.main_product_title span {padding-right:0;}
    .main_product_item { margin-bottom: 30px; margin-top: 20px;}
    .main_product_wide .main_product_item_figure { width: 70%; }
    .main_product_item_primary.main_product_wide .main_product_item_content { padding: 0 5%; }
    .main_product_item_secondary.main_product_wide .main_product_item_content { padding: 0 5%; }
    .main_info_typo { max-width: 90%; margin-left: 0; margin: auto; padding-bottom: 20px; }
    .main_product_junior_b .main_product_typo { }
    .main_product_baby_a .main_product_typo {left: auto;left: 0;top: 20px;}
    .main_product_item_secondary .main_product_item_figure { }
    .main_product_kids_a .main_product_typo {top: 10px;bottom: auto;right: 0;}
    .main_product_kids_b .main_product_typo { bottom: auto; top: 0; left: 0; }
	.main_product_kids_d .main_product_typo { bottom: auto; top: 0; left: 0; }
    .main_product_wide.main_product_kids_c .main_product_item_figure { width: 70%; }
    .main_product_kids_c .main_product_typo {right: 0;bottom: auto;top: 0px;}
	.main_product_kids_c .main_product_item_figure { padding-top: 40.99%; }
    .main_product_kids_e .main_product_item_figure { padding-top: 70%; }
    .main_product_kids_e .main_product_typo { top: 0; right: -3%; }
    .main_product_kids_f .main_product_typo { bottom: 0; top: -30px; left: -20px; }
    .main_product_item.main_product_item_primary.main_product_wide.main_product_junior_a .main_product_item_figure { width: 70%; }
	.main_product_item.main_product_wide.main_product_young_a .main_product_item_figure {width:70%;padding-top: 58.2%;}
	.main_product_young_a .main_product_item_content {width:100%;}
    .main_product_junior_a .main_product_typo { right:0; bottom: auto; top:-50px; }
    .main_product_junior_b .main_product_typo { bottom: 0; top:-30px; left: -20px; }
	.main_product_item_secondary .main_product_item_content { padding: 0;}
	.main_product_title_shape {font-size: 11px;background-color: #ccc;position: absolute;left: 50%;bottom: -37px;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
	.main_product_junior_c .main_product_typo { bottom: auto; top: 30px; right: 0; }
    .main_product_junior_d .main_product_typo { bottom: 0; top:-30px; left: -30px; }
	.main_product_junior_d .main_product_item_figure { padding-top: 70%; }
	.main_product_young_a .main_product_typo {bottom: 70%;right:-2%;}
	.main_product_item.main_product_item_primary.main_product_wide.main_product_young_b .main_product_item_figure { width: 70%; }
	.main_product_young_b.main_product_wide .main_product_typo { left: 0; bottom: auto; top: -50px; }
	.main_product_young_b.main_product_wide .main_product_item_figure { padding-top: 40.99%; }
    .main_product_young_b:not(.main_product_wide) .main_product_typo { left: -30px; bottom: auto; top: -10px; }
    .main_product_young_b:not(.main_product_wide) .main_product_item_content { padding:0; }
    .main_product_young_c .main_product_item_figure { padding-top: 70%; }
    .main_product_young_c .main_product_typo { top: 0; right: -3%; }
    .main_product_adult_a .main_product_item_figure { padding-top: 65%; }
    .main_product_adult_a .main_product_typo { top: 0; left: -3%; }
    .main_product_adult_b .main_product_item_figure { padding-top: 84%; }
    .main_product_adult_b .main_product_typo { top: 0; right: -5%; }

    .main_product_size { padding-top: 20px; }
    .main_product_size ul { margin: 0; }
    .main_product_size b { font-size: 14px; }
    .main_product_size li {font-size: 13px;padding-right: 20px;float: none;display: inline-block;}
    .main_product_size li i { margin: 0 4px; }
    .main_product_size li:after{right: 4px;}

	/* MAIN CONTAINER */
	.main_product_wide_wrap_row_ellipse { max-width: 92%;}

    /* improve lazyload rendering ux + fix skrollR lazyload issue */
    .main_product_baby_a .main_product_item_figure    {padding-top: 64.4%;}
    .main_product_kids_a .main_product_item_figure    {padding-top: 83.3%;}
    .main_product_kids_b .main_product_item_figure    {padding-top: 70.2%;}
	.main_product_kids_c .main_product_item_figure    {padding-top: 40.99%;}
	.main_product_kids_d .main_product_item_figure    {padding-top: 64.9%;}
	.main_product_kids_f .main_product_item_figure  {padding-top: 83.6%;}
	.main_product_junior_a .main_product_item_figure  {padding-top: 40.99%;}
	.main_product_junior_b .main_product_item_figure  {padding-top: 83.6%;}
	.main_product_junior_c .main_product_item_figure {padding-top: 64.9%;}
	.main_product_young_a .main_product_item_figure {width: 75%;padding-top: 62.7825%;}
	.main_product_young_b.main_product_wide .main_product_item_figure { padding-top: 40.99%; }
	.main_product_young_b:not(.main_product_wide) .main_product_item_figure {padding-top: 64.9%;}

    .main_info_list li { width: 100%; margin-bottom: 35px; }
    .main_info_list li b { font-size: 25px; text-align: center; padding-bottom: 20px; }
    .main_info_list li p { font-size: 14px; }
    .main_info_pic_balloon02 { bottom: -60px; }
    .main_info_pic_cloud,
    .main_info_pic_balloon01 { display: none; }

    /* FOOTER */
    .footer_intro p {font-size: 13px;}
    .footer_wrap {  margin: 0 4%; }
    .footer_list li span{font-size: 13px;}
    .footer_copyright_text { text-align: center;}
    .footer_paypal {  position: static; text-align: center; -webkit-transform: none; -ms-transform: none;transform: none; padding: 15px;}
    .footer_data { padding-top: 60px;}
    .footer_intro p br { display: none; }
    .go_top { display: none; }

    .footer_contect {flex-wrap: wrap; gap: 0;}
    .footer_contect > p {width: 100%;}
    .footer_column ul {grid-template-columns: repeat(2, 1fr);}

    /* SUB */
    .article_header:before,
    .woocommerce-products-header:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.4); background: rgba(0, 157, 66, 0.7); z-index: 0; }
    .article_header_title,
    .woocommerce-products-header__title.page-title  { color: #fff; font-size: 30px; position:relative;  z-index: 1;}
    .article_header_desc { color: rgba(255, 255, 255, 0.62); padding-top: 6px; font-size: 13px; position:relative;  z-index: 1;}
    .woocommerce-products-header__title.page-title{margin-left: 5%; padding-right: 50px;}

    /* ABOUT - TOMATO GLASSES */
    .glasses_header { background-position: 60% 220px;}
    .glasses_header h2 {padding-bottom: 60px; margin:0 5%;}
    .glasses_header p br{ display:none}

	.nose_pad_category > li > h3 {font-size:18px;}
	.nose_pad_style_info {padding:12px 15px;}
	.nose_pad_style_info b {font-size:18px;}
	.nose_pad_style_info > ul > li p {font-size:14px;}

    /* ABOUT - CERTIFICATE */
    .certificate_list li p { font-size: 14px;}

    /* ABOUT - COMPANY */
    .company_contents { padding-bottom: 60px; }
    .company_wrap .wrap { margin: 0;}
    .company_behind_story { width: 100%;}
    .company_section h2{padding: 30px 0 10px;}

     /* ABOUT - NEWS */
    .page-template-news .tabs_menu {  margin-bottom: 10px;}

    /* STOCKIST */
    .jt_card_list .branch_head_wrap h2 { font-size: 18px;}
    .selected_country_wrap .location_search { width: 100%; max-width: 100%;}
    .selected_country_wrap .location_search .jt_label span { display: block; position: static; padding-bottom: 6px;padding-right: 0;}
    .location_search .jt_form_full_field_button { top: auto; bottom: -20px;}

	.selected_country_wrap .country_map_outer {margin-bottom:0;}
    .selected_country_wrap .country_map .map_image_wrap {  display: none;}
    .selected_country_wrap .country_map .country_list { position: static; width: 100%; -webkit-transform: none; -ms-transform: none;transform: none;}
    .selected_country_wrap .country_map .country_list li { position: static;left: 0; right: 0; display: none;}
    .selected_country_wrap .country_map .country_list li > a:before,
    .selected_country_wrap .country_map .country_list li > a:after { display: none;}
    .selected_country_wrap .country_map .country_list li > a { text-align: left; border-radius: 0px; padding: 15px 18px;}
    .selected_country_wrap .country_map .country_list li.united_states { display: block;}
    /* no header */
    .page-template-stockist.no_header .selected_country_wrap .location_search .jt_label:before{ visibility:hidden;}
    .page-template-stockist.no_header .us_map:after { content: ""; position: absolute; top: 0; left: 0; width: 100%;  height: 100%;}
    .page-template-stockist.no_header .us_map { position: relative;}

    /* SUPPORT */
    .support_section_title{ font-weight: 300;  font-size: 24px;  padding-bottom: 25px;}
    .support_section_header { padding-bottom: 40px;}
    .support_section_content { padding-top: 40px;}

    /* PRODUCT LIST */
    .woocommerce-products-header{/*left: -5.5%;width: 111%; */ padding: 92px 0; height: auto; }

    /* INSTAGRAM */
	#sb_instagram #sbi_images{padding: 0!important;}
	.jt_instagram{ margin:0;}
	.jt_instagram #sb_instagram {padding-top:4%;}
	.jt_instagram #sb_instagram.sbi_col_3 #sbi_images .sbi_item {width: 50%;/* margin-right:4% !important; *//* margin-bottom:4% !important; */padding: 4px!important;}
	.jt_instagram #sb_instagram.sbi_col_3 #sbi_images .sbi_item:nth-child(3n) {/* margin-right:4% !important; */}
	.jt_instagram #sb_instagram.sbi_col_3 #sbi_images .sbi_item:nth-child(2n) {margin-right:0 !important;}
	.jt_instagram #sb_instagram .sbi_type_video .sbi_playbtn {width:35px; height:35px; margin-left:-17px; margin-top:-17px; background-size:9px auto;}
	.jt_instagram #sb_instagram .sbi_link {opacity:0 !important;}
	.jt_instagram #sb_instagram .sbi_type_video.sbi_animate .sbi_playbtn {background-color: #c4122e;background-image: url(../images/icon/icon-play-secondary.svg);}
	.jt_instagram #sb_instagram #sbi_load {margin-top:8%;}

	.sbi_lb-outerContainer {width:80% !important;}
	.sbi_lb-data .sbi_lb-caption {font-size:13px;}
	.sbi_lb-data .sbi_lb-caption a {font-size:13px;}
	.sbi_lightbox_username p {font-size:13px;}
	.sbi_lb-dataContainer {max-height:150px; bottom:inherit;}
	.sbi_lb-closeContainer {width:20px; height:20px; position:fixed; top:2.5%; right:10%;}
	.sbi_lightbox .sbi_lb-image {}
	.sbi_lb-nav a.sbi_lb-prev,
	.sbi_lb-nav a.sbi_lb-next {width:35px; height:35px; margin-top:-17px;}
	.sbi_lb-nav a.sbi_lb-prev {left:-35px;}
	.sbi_lb-nav a.sbi_lb-next {right:-35px;}
	.sbi_lb-nav a.sbi_lb-prev span,
	.sbi_lb-nav a.sbi_lb-next span {background-size:18px auto;}

    /* YOUTUBE */
    #spidochetube_player .jt_video_poster .jt_video_poster_overlay .jt_video_poster_overlay_btn{width: 50px; height: 50px;}

    /* Product Before Message */
    .jt_product_before_message { padding-top:60px; }
    .jt_product_before_message h2 { font-size: 24px; font-weight: 300; }
    .jt_product_before_message p { font-size: 15px; font-weight: 300; line-height: initial; }
    .jt_product_before_message p br { display: none; }

    /* custom copy */
    .custom_copy {padding: 70px 0 90px; margin-top: 0;}
    .custom_copy_top {margin-bottom: 90px;}
    .custom_copy > div p {font-size: 13px;}
    .custom_copy > div b {margin-bottom: 15px;}
    .custom_copy .custom_copy_top b {font-size: 26px;}
    .custom_copy .custom_copy_bottom b {font-size: 20px;}
    .custom_copy .motion_pic.cloud_01 {margin-left: -48%;}
    .custom_copy .motion_pic.balloon_01 { margin-right: -61%;}
    .custom_copy .motion_pic.balloon_02 {margin-left: -57%;}

}



/* **************************************** *
 * 720px
 * **************************************** */
@media (max-width: 720px) {
    /* HEADER */
	#sub_menu > li > a > span {display: none;}
	#sub_menu > li > a {width: 36px;height: 36px;background: url(../images/icon/icon-cart.svg) no-repeat center center;display:block;padding: 0; border-radius : 5px;margin-right: 4px;}
	#sub_menu > li.menu_item_sign > a,
    #sub_menu > li.menu_item_account > a{background-image: url(../images/icon/icon-login.svg); background:none}
    #sub_menu > li.menu_item_sign > a:before,
    #sub_menu > li.menu_item_account > a:before { font: normal normal normal 1em/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f007"; font-size:20px; display:block; padding: 8px 0 0 10px;}
	#sub_menu > li.menu_item_signout,
    #sub_menu > li.menu_item_sign{ display:none;}
    .menu-item.menu_item_account { display: none;}
    #sub_menu > li > a:after{ display:none}
	#sub_menu > li{top:0;}
   .sub_menu_container { left: 3%; top: 18px;}
}


/* **************************************** *
 * 640px
 * **************************************** */
@media (max-width: 640px) {

	#logo {top: 16px;}
    #logo,
    #logo a svg {width: 190px;height: 35px;}
	.sub_menu_container{left: 3%;/*left: calc(3% - 5px);*/ top: 16px;}
	.minimize .sub_menu_container { top: 10px;}

	/* ABOUT - TOMATO GLASSES */
	.nose_pad_style_list > li {border-right:0;}
	.nose_pad_style_list > li,
	.nose_pad_style_list > li:nth-child(4),
	.nose_pad_style_list > li:nth-child(5) {width:100%;}
	.nose_pad_style_info > ul > li {display: inline-block;padding-right:20px;}
	.nose_pad_style_info > ul > li {/*padding-right:0;*/}

	.fitting_results ul li i {font-size:13px }

    /* SUPPORT */
    .subject_wrap {  padding: 9px 15px 8px 118px;}

	/* INSTAGRAM */
	.sbi_lb-container-wrapper {margin:0;}

	/* YOUTUBE */
    .spidochetube #spidochetube_player{width: 97%;}
	.spidochetube #spidochetube_list li { width: calc(50% - 14px); margin: 7px;}

	/* sitemap */
	ul.sitemap_menu > li { width: 100%; clear: both }
	ul.sitemap_menu > li:nth-child(3n) { margin-right: 0;}
	ul.sitemap_menu > li:nth-child(3n+1) { clear: both;}
	ul.sitemap_menu > li:nth-child(2n+1) { clear: both;}
}




/* **************************************** *
 * 580px
 * **************************************** */
@media (max-width: 580px) {

    .article_body {padding-top: 25px; padding-bottom: 40px;}

    /* ABOUT - TOMATO GLASSES */
    .glasses_header h2 {padding-bottom: 30px;}
    .glasses_header { background-position: 64% 290px; min-height: 680px;}
    .glasses_contents_list .text_wrap { display: block; width:100%;padding: 0 0 30px; border: none; }
    .glasses_contents_list > li > figure { display: block; width: 100%; max-height: 100%; padding: 0; padding-bottom: 0; border: none; }
    .glasses_contents_list { display: block; }
    .glasses_contents_list > li { display: block; padding: 40px 0 30px; border-bottom: 1px solid #ddd; }
    .glasses_contents_list > li > figure > img { max-width: inherit; width: 100%; }
	.nose_pad_category {padding-top:40px;padding-bottom: 30px;}
	.glasses_section .awards_section_caption {padding-top:40px;}
	.fitting_results {margin-bottom:30px;}
	.fitting_results.a4_a5_nose_pads {margin-bottom:0;}
	.fitting_results ul {padding-top: 20px;max-width:283px;margin:0 auto;}
	.fitting_results ul li {width:100%;margin-right:0;margin-bottom: 20px;}
	.fitting_results ul li:last-child {margin-bottom:0;}
	.fitting_results ul li i {margin: 0 20px; font-size: 14px; }
	.fitting_results ul li figure {margin-bottom:10px;}
	.fitting_results ul li figure:after {width:0}
	.fitting_results ul li figure figcaption {bottom:-17px;}
    .glasses_section .awards_img_list li { display: block; float: left; width: 33.33%; width: calc(33.33% - 7px ); margin-right: 10px; margin-bottom: 10px; text-align: center; }
    .glasses_section .awards_img_list li:nth-child(3n) { margin-right: 0; }
	.glasses_section .awards_img_list li:nth-child(5n) {margin-right:10px;}

    /* ABOUT - CERTIFICATE */
    .certificate_list li p { font-size: 14px; }
    .certificate_list li { width: 49%; }
    .certificate_list li:nth-child(3n) { margin-right: 2%; }
    .certificate_list li:nth-child(2n) { margin-right: 0%; }
	.glasses_section .awards_img_list li:nth-last-child(2) {margin-bottom:10px;}

    /* ABOUT - NEWS */
    .single-notice .jt_single_inner {padding: 0;padding-top: 15px;}
    .single-notice .article_body{background: #f9f9f9; }
    .single-notice .single_view_content { min-height: 140px;}
    .single-notice .jt_single_title h2 { font-size: 18px;}
    .jt_single_content .single_info{padding: 0 15px;margin-bottom: 20px;}
    .jt_single_content .single_info span, .jt_single_content .single_info time{ font-size:13px}
    .single-notice .article_body { padding-bottom: 50px;}
    .single-notice .main_container { padding-bottom: 0px;}

    /* ABOUT - NEWS FACEBOOK */
    .jt_facebook #cff .cff-item { width: 50%;}
    .jt_facebook #cff .cff-item:nth-child(3n+1) { clear: none;}
    .jt_facebook #cff .cff-item:nth-child(2n+1) { clear: both;}
    .view_more_facebook_btn,
    .jt_instagram #sb_instagram #sbi_load .sbi_load_btn{ font-size:14px}




}

/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px) {
	/* ABOUT - TOMATO GLASSES */
	.nose_pad_style_info > ul > li {display: block;padding-right:0;}

	/* INSTAGRAM */
	.jt_instagram #sb_instagram {padding-top:20px;}
	.sbi_lb-data .sbi_lb-caption {font-size:12px;}
	.sbi_lb-data .sbi_lb-caption a {font-size:12px;}
	.sbi_lightbox_username p {font-size:12px;}

    /* FOOTER */
    .footer_column ul {grid-template-columns: repeat(1, 1fr);}

    /* custom copy */
    .custom_copy > div b br{display: none;}
    .custom_copy > div p {padding: 0 15px;}
    .custom_copy .motion_pic.cloud_01 {margin-left: -60%;}
    .custom_copy .motion_pic.balloon_01 { margin-right: -69%; top: 87px;}

}



/* **************************************** *
 * 480px
 * **************************************** */
@media (max-width: 480px) {
    /* MAIN */
    .main_visual_cell { /*vertical-align: top;*/ }
    .main_product_typo{ font-size: 220px;}

    /* ABOUT - COMPANY */
    .company_section h2 { font-size: 24px;}
    .company_contents { padding-bottom: 40px;}

    /* SUPPORT */
    .form_label_text{ font-size: 15px;}
    .form_item { padding: 12px; }
    .form_item.form_item_file .jt_file_upload_button { font-size: 14px; }
    .form_item input[type='submit'] { width: 100%; }
    .form_item_submit { margin-top: 20px; }
    div.wpcf7 .ajax-loader { margin-top: -6px; left: 70%; }

    /* ACCOUNT */
    .woocommerce-checkout .article_header,
    .woocommerce-cart .article_header,
    :is(.woocommerce-account, .page-template-myaccount-order, .page-template-myaccount-inquiry, .page-template-myaccount-address, .page-template-myaccount-address-edit, .single-b2b) .article_header { padding: 35px 0;}
    .woocommerce-checkout .article_header_title,
    .woocommerce-cart .article_header_title,
    :is(.woocommerce-account, .page-template-myaccount-order, .page-template-myaccount-inquiry, .page-template-myaccount-address, .page-template-myaccount-address-edit, .single-b2b) .article_header_title {font-size: 24px;}

	/* YOUTUBE */
    .spidochetube #spidochetube_player{margin: 12px auto 0;}

    /* custom copy */
    .custom_copy .motion_pic.balloon_02 {top: 280px;}
    /*
    #spidochetube_player #player{margin: 0 auto;}
	.spidochetube #spidochetube_list li {  width: 100%;  padding: 0;  margin: 0;  background-color: transparent;  border: none;  border-bottom: 1px solid #ccc; }
    .spidochetube #spidochetube_list li img { width: 150px; display: table-cell; padding: 5px 10px; }
    .spidochetube #spidochetube_list li a span { display: table-cell; vertical-align: middle; overflow: inherit; white-space: inherit; padding: 4px 1%; width: 100%; height: auto; position: inherit; color: #000; font-size: 14px; background: none;}
    .spidochetube #spidochetube_list li::after{display: none}
    .spidochetube #spidochetube_list li a { display: table; margin: 0; padding: 10px 0; text-shadow: none; }
    #spidochetube_list { margin-left: auto; margin-right: auto; padding: 10px 0; width: 100%; }
    */
	
	/* FOOTER */
	.footer_copyright_text a {  display: inline-block; padding: 12px;}
    .footer_copyright_text span { display: none;}
	
}



/* **************************************** *
 * 380px
 * **************************************** */
@media (max-width: 380px) {

    .tabs_menu li a { font-size: 13px;}

    /* MAIN */
    .main_product_typo{ font-size: 190px;}
    .main_product_adult_b .main_product_typo { top: -5%; right: 0; }

    .main_product_kids_e .main_product_desc br { display: none; }
    .main_product_kids_f .main_product_desc br { display: none; }

    /* ABOUT - NEWS FACEBOOK */
    .jt_facebook #cff .cff-item { width: 100%;}

    /* custom copy */
    .custom_copy .motion_pic.balloon_02 {margin-left: -61%; top: 327px;}

}

/* **************************************** *
 * 380px
 * **************************************** */
@media (max-width: 360px) {

    /* HEADER*/
    #sub_menu > li.menu_item_sign > a { margin-right: 0; }
    #sub_menu > li.menu-item >  a { width: 32px; }
    #small_menu_btn { height: 18px; }
    .open_menu #small_menu_btn{height: 20px;}

	/* MAIN */
	.main_visual {height: 540px;height: calc(100vh + 180px);}
    .main_visual_title { font-size: 28px;}
    .main_visual_list p {font-size: 12px;}
    .main_visual_list { margin-top: 5px;}
    .main_visual_desc { font-size: 13px;}
    .main_visual_item_02 .main_visual_title,
	.main_visual_item_03 .main_visual_title,
	.main_visual_item_04 .main_visual_title { font-size: 18px;}
    .main_visual_item_02 b,
	.main_visual_item_03 b,
	.main_visual_item_04 b { font-size: 40px;}
    .main_visual_button {width: 130px;padding: 11px 22px;margin-top: 20px;}
    .main_visual_button span {font-size: 13px;}

    /* SUB */
    .article_header { padding: 55px 0;}

    /* PRODUCT */
    .woocommerce-products-header { padding: 70px 0; }
    .article_header_title,
    .woocommerce-products-header__title.page-title {font-size: 25px;}

    .woocommerce ul.products {  padding-top: 40px;}
}


@media (max-width: 321px) {

    #logo, #logo a svg {width: 150px;height: 28px;}
    #logo {/* width: 130px; */top: 20px;}
    .minimize #logo {/* width: 130px; */top: 14px;}

}