@media only screen and (max-width: 1324px) {
.slider-2 .slick-dots { left: 32px; }
}

@media only screen and (max-width: 1280px) {
.m-car-2 > div { grid-template-columns: 1fr minmax(0, 1fr); grid-gap: 0 40px; }

.r-off > div { grid-template-columns: 400px minmax(0, 1fr); grid-gap: 0 40px; }
}

@media only screen and (max-width: 1024px) {
body { font-size: 18px; line-height: 26px; }
     
.main-content-ins,
.main-content-ins-2,
.main-content-ins-3,
.main-content-padd { padding-left: 24px; padding-right: 24px; }

.m-ttl-btn { display: block; }
.m-ttl-btn h2 { font-size: 32px; line-height: 40px; }
.m-ttl-btn a { display: none; }

/*** Main Box ***/
.m-box h1,.m-box h2 { font-size: 32px; line-height: 40px; }
.m-box ul { gap: 40px; margin-top: 25px; }
.m-box ul li { font-size: 16px; line-height: 24px; font-weight: 500; }
.m-box ul li span { display: flex; }
.m-box ul li > span:first-child { width: 48px; height: 48px; }
.m-box ul li > span:first-child svg { height: auto; width: 20px; }
.m-box ul li:not(:first-child):before { display: none; }
.m-box p.lg { margin-top: 20px; font-size: 20px; line-height: 28px; }
.m-box p span { display: inline-block; vertical-align: top; margin-left: 5px; }
.m-box2 a:not(.m-btn) { color: #666; position: relative; }
.m-box2 a:not(.m-btn):before { content: ""; position: absolute; bottom: 2px; left: 0; width: 100%; background: #666; height: 1px; }
.m-box2 .btns { gap: 16px; }
.m-box2 .lst { margin-top: 40px; padding-bottom: 12px; }
.m-box2 .lst > div { display: flex; gap: 16px; align-items: center; }
.m-box2 .lst > div:not(:first-child) { margin-top: 16px; }
.m-box2 .lst > div svg { height: 20px; width: auto; }
.m-box2 .lst > div span { font-size: 18px; line-height: 26px; color: #1A1A1A; font-weight: 600; }
.m-box2 .lst > div font { font-size: 12px; line-height: 12px; color: #1A1A1A; font-weight: 400; letter-spacing: 1px; background: #D9D9D9; padding: 7px 12px; border-radius: 13px; }

.m-box.marg { margin-top: 15px; }

.m-box2.box { max-width: 800px; }
.m-box2.box p { max-width: 680px; }

.m-box.lg h2 { font-size: 32px; line-height: 40px; }
.offer .m-box.lg .m-ttl.text-left { font-size: 20px; line-height: 28px; }
.m-box2.lg .btns { margin-top: 40px; }
/*** Main Box ***/

/*** Main Bar ***/
.m-bar { display: block; max-width: 100%; text-align: center; }
.m-bar > div:first-child { display: block; }
.m-bar > div:first-child h2 { font-size: 24px; line-height: 32px; }
.m-bar > div:first-child p { font-size: 16px; line-height: 24px; max-width: 100%; margin-top: 30px; }
.m-bar > div:last-child { flex-direction: column; justify-content: center; margin-top: 35px; }
.m-bar > div:last-child a { width: 100%; justify-content: center; }

.m-ln2 { position: relative; display: grid; grid-template-columns: 1fr 22px 1fr; grid-gap: 0 5px; align-items: center; margin-bottom: 20px; }
.m-ln2 svg { /*width: 22px; height: auto;*/ }
.m-ln2 span { display: block; background: #b8b8b8; width: 100%; height: 1px; }

.m-ln-ttl h2 { font-size: 24px; line-height: 32px; }
/*** Main Bar ***/
    
/*** Header ***/
header { z-index: 101; background: #f2f2f2; }
header > div { grid-template-columns: 1fr 1fr; padding: 12px 0; }
header > div .lft { display: none; }
header > div .logo img { height: 68px; }
header > div .rgt .m-btn { padding: 0; text-indent: -9999px; gap: 0; min-height: auto; border: 0; }
header > div .rgt .m-btn svg { height: 20px; }

.cbp-af-header-shrink { position: absolute; }
.cbp-af-header-shrink > div { grid-template-columns: 1fr 1fr !important; }

body.home header { background: transparent; }
body.home:not(.open-mob-menu):not(.cbp-af-body-shrink) header > div .logo img:first-child { display: none; }
body.home:not(.open-mob-menu):not(.cbp-af-body-shrink) header > div .logo img:last-child { display: block; }
body.home:not(.cbp-af-body-shrink) header > div .rgt .m-btn svg path { stroke: #fff; }
body.open-mob-menu header > div .rgt .m-btn svg { opacity: 0; }

.mob-menu { display: block; }
.mob-menu .lft { display: none; }
.mob-menu .rgt .ins { gap: 40px; padding: 60px 30px; }
.mob-menu .rgt .menu ul li a { font-size: 20px; line-height: 28px; }
.mob-menu .rgt .cont ul { gap: 15px; }
.mob-menu .rgt .cont ul li a span { font-size: 16px; line-height: 24px; transform: translateY(-2px); }
.mob-menu .rgt .cont ul li a svg { width: 20px; }
/*** Header ***/

body { padding-top: 116px; }
body.home { padding-top: 0; }

/*** Footer ***/
footer { margin-top: 40px; padding: 40px 0 45px; }
footer > div { flex-direction: column; }
footer .col { flex-direction: column; justify-content: center; text-align: center; }
footer .col > div { max-width: 100%; }
footer .col > div:nth-child(1),
footer .col > div:nth-child(2),
footer .col > div:nth-child(3) { width: 100%; }
footer .col-1 .menu h3 { margin-bottom: 15px; }
footer .col-1 .menu ul { display: block; margin-top: 0; }
footer .col-1 .menu ul li { margin-top: 0; }
footer .col-1 .menu ul li a { display: block; font-size: 20px; line-height: 28px; border-bottom: 1px solid #484848; padding: 10px 0 12px; }
footer .col-1 .to-top,
footer .col-2 .logo { display: none; }
footer .col-2 .cont h3 { margin-bottom: 16px; }
footer .col-2 .cont ul li:not(:first-child) { margin-top: 16px; }
footer .col-2 .cont ul li a { font-size: 16px; line-height: 24px; justify-content: center; flex-wrap: wrap; }
footer .col-2 .cont ul li a svg { width: 20px !important; }
footer .col-2 .soc h3 { margin-bottom: 20px; }
footer .col-2 .soc ul { gap: 28px; justify-content: center; }
footer .col-3 { flex-direction: column-reverse; }
footer .col-3 > div:last-child { display: none; }
footer .col-3 .menu ul { gap: 16px; justify-content: center; flex-direction: column; }
footer .col-3 .menu ul li { font-size: 16px; line-height: 24px; }
footer .col-mob { display: flex; }
footer .col-mob .to-top { display: flex; justify-content: center; }
/*** Footer ***/

body:not(.home) .m-vd video,
body:not(.home) .m-vd iframe { aspect-ratio: 9/16; }

.m-vd .ins { padding: 40px 12px 80px; }
.m-vd .ins h3 { font-size: 20px; line-height: 28px; }
.m-vd .ins h2 { margin-top: 5px; font-size: 32px; line-height: 40px; }
.m-vd .ins .btns { margin-top: 20px; }

body.home .m-vd-c { padding: 0; }
body.home .m-vd { height: 100vh; }
body.home .m-vd.android { height: 100dvh; }
body.home .m-vd video,
body.home .m-vd iframe { aspect-ratio: auto; border-radius: 0; }
body.home .m-vd .ins { border-radius: 0; }

.slider-home .item > div { padding: 40px 12px 85px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 47%, rgba(0, 0, 0, 0.7) 100%); border-radius: 0 0 24px 24px; }
.slider-home .item img { display: block; border-radius: 24px; width: 100%; }
.slider-home .item h3 { font-size: 20px; line-height: 28px; }
.slider-home .item h2 { margin-top: 5px; font-size: 32px; line-height: 40px; }

body.home .slider-home-c { padding: 0; }
body.home .slider-home .item { height: 100vh; }
body.home .slider-home.android .item { height: 100dvh; }
body.home .slider-home .item img { height: 100vh; border-radius: 0; }
body.home .slider-home.android .item img { height: 100dvh; }
body.home .slider-home .item > div { border-radius: 0; }

.vd-c .vd-yt.mob .vd { aspect-ratio: 4/3 !important; }

.vd-c .ins { padding: 40px 12px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 47%, rgba(0, 0, 0, 0.7) 100%); border-radius: 0 0 24px 24px; }
.vd-c .ins h3 { font-size: 20px; line-height: 28px; }
.vd-c .ins h2 { margin-top: 5px; font-size: 32px; line-height: 40px; }
.vd-c .ins .btns { margin-top: 20px; }

.m-block-1 { padding-top: 40px; padding-bottom: 70px; }
.m-block-1 ul.nav-tabs { margin-top: 40px; }
.m-block-1 .tab-pane > div:first-child { grid-gap: 24px; }
.m-block-1 .tab-pane .item-1-a > ul { grid-template-columns: repeat(2,1fr); }
.m-block-1 .tab-pane .more { margin-top: 40px; }

.tooltip-inner span { display: block; }

.m-block-2 { margin-top: 40px; padding: 25px 0 105px; }
.m-block-2 .ins .top { max-width: 100%; }
.m-block-2 .ins .top h2 { font-size: 32px; line-height: 40px; }
.m-block-2 .top-alt { overflow-y: hidden; overflow-x: scroll; }
.m-block-2 ul.nav-tabs { margin-top: 15px; justify-content: flex-start; }
.m-block-2 .tab-content { margin-top: 25px; }

.car-1-c .car-1-controls { display: block; }
.car-1 .item { padding: 0 24px; filter: blur(0); }

.item-1 h3 { margin-bottom: 30px; }
.item-1 p { font-size: 14px; line-height: 22px; }
.item-1 .btns { margin-top: 35px; }
.item-1 .dt { padding-top: 0px; font-size: 14px; line-height: 22px; }
.item-1 .svg { height: 22px; }

.m-boxes { padding: 40px 0; }
.m-boxes > div > div:last-child { margin-top: 40px; }
.m-boxes .box-1 { max-width: 50%; }
.m-boxes .box-2 { max-width: 50%; }
.m-boxes .box-3 { max-width: 50%; }
.m-boxes .box-4 { max-width: 50%; }

.m-boxes-2 { padding: 40px 0 70px; }
.m-boxes-2 > div > div { display: flex; gap: 30px; justify-content: space-between; }
.m-boxes-2 .box-1 { max-width: 50%; }

.m-boxes .m-box p,
.m-boxes-2 .m-box p { margin-top: 16px; }
.m-boxes .m-box p a svg,
.m-boxes-2 .m-box p a svg { display: block; }

.m-car-2 { padding: 40px 0; }
.m-car-2 > div { display: block; }
.m-car-2 > div > div:first-child { max-width: 100%; text-align: center; }
.m-car-2 > div > div:first-child .btns { justify-content: center; }
.m-car-2 > div > div:last-child { margin-top: 40px; }

.slider-1 .item > div { bottom: 40px; max-width: 100%; padding: 0 60px; text-align: center; }
.slider-1 .item img { height: 800px; }
.slider-1 .item > h3 { display: block !important; }
.slider-1 .item h3 { display: none; }
.slider-1 .item p { margin: 0; }
.slider-1 .item .btns { display: flex; }
.slider-1 .slick-dots { position: relative; bottom: auto; left: auto; margin-top: 40px; justify-content: center; padding-left: 0; }

.slider-2 .item img { height: 800px; }
.slider-2 .item-2 .m-box { max-width: 100%; padding-top: 40px; text-align: center; }
.slider-2 .item-2 .bot { bottom: 105px; left: 50%; width: 100%; max-width: 300px; left: 50%; transform: translate(-50%,0); text-align: center; }
.slider-2 .item-2 .btns { display: flex; }
.slider-2 .slick-dots { bottom: 24px; left: 0; justify-content: center; width: 100%; }

.slider-2-thumbs .item img { width: 185px; height: 104px; }

.m-block-3 .ins { flex-direction: column; justify-content: center; gap: 25px; }
.m-block-3 .ins > div:first-child { max-width: 100%; text-align: center; }
.m-block-3 .ins > div:last-child { gap: 32px; flex-wrap: wrap; justify-content: center; }
.m-block-3 .ins > div:last-child img:nth-child(1) { order: 2; display: block; }
.m-block-3 .ins > div:last-child img:nth-child(3) { order: 1; }

/*** Room ***/
.r-car-c { margin-top: 40px; }
.r-car { padding-left: 24px; padding-right: 24px; }
.r-car .item { transform: scale(1); filter: blur(0); }
.r-car .slick-dots { margin-top: 32px; }

.item-r-car > div { padding: 100px 24px 24px; }

.r-car-c .r-car-controls { margin-top: 40px; }

.r-amn { margin-top: 30px; }
.r-amn ul.ul1 { gap: 60px; justify-content: start; margin-top: 50px; width: 100%; white-space: nowrap; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; position: relative; }
.r-amn ul.ul1::-webkit-scrollbar{ display: none; }
.r-amn ul.ul1 li > span:last-child { font-size: 14px; }

.r-fea { margin-top: 50px; }
.r-fea h3 { margin: 0 0 24px; font-size: 24px; line-height: 32px; }
.r-fea div { gap: 24px; }

.r-off { padding: 0; margin-top: 40px; }
.r-off > div { display: block; }

.slider-1-left .item > div { max-width: 100%; text-align: center; margin-top: 40px; }
.slider-1-left .item > div .lst,
.slider-1-left .item > div .btns { display: none; }

.slider-1-right { margin-top: 40px; }
.slider-1-right .item > div:not(.m-box) { top: 30%; height: auto; padding: 0 24px; }
.slider-1-right .item img { height: 800px; }
.slider-1-right .item .m-box { display: block; position: absolute; bottom: 0; left: 0; padding: 0 24px 40px; z-index: 2; width: 100%; }
.slider-1-right .item .m-box .lst { margin-top: 0; padding-bottom: 12px; }
.slider-1-right .item .m-box .lst > div svg path { stroke: #FEFEFE; }
.slider-1-right .item .m-box .lst > div span { font-size: 14px; line-height: 22px; color: #FEFEFE; font-weight: 500; }
.slider-1-right .item .m-box .btns { margin-top: 12px; justify-content: center; }
.slider-1-right .item .m-box .btns > a:first-child { border-color: #fefefe; background: #fefefe; color: #1A1A1A !important; }
.slider-1-right .item .m-box .btns > a:first-child svg path { stroke: #1A1A1A; }
.slider-1-right .item .m-box .btns > a:last-child { border-color: #fefefe; background: transparent; color: #fefefe !important; }
.slider-1-right .item .m-box .btns > a:last-child svg path { stroke: #fefefe; }
.slider-1-right .slick-dots { margin-top: 40px; padding-bottom: 40px; }

.r-may { margin-top: 35px; }

.r-may-car-c { padding-left: 24px; }

.r-may-car { padding-left: 0; margin-left: 0; }
.r-may-car .item { margin-right: 24px; }
.r-may-car .slick-dots { margin-top: 24px; }
/*** Room ***/

/*** Offer ***/
.offer .m-box .btns { margin-bottom: -8px; }
.offer .lst { margin-top: 30px; }
.offer .m-box-2 { margin-top: 40px; max-width: 830px; }
.offer .m-box-2 h2 { font-size: 24px; line-height: 32px; }

.item-offer h3 { font-size: 14px; line-height: 22px; font-weight: 600; }
/*** Offer ***/

.contact { margin-top: 40px; }
.contact > div { display: block; }
.contact .lft { padding: 0; }
.contact h2 { font-size: 24px; line-height: 32px; }
.contact p { margin-top: 15px; }
.contact ul { margin-top: 30px; }
.contact ul li span:last-child,.contact ul li span:last-child a { font-size: 16px; line-height: 24px; }
.contact .rgt { padding: 24px; margin-top: 45px; }
.contact .rgt p { font-size: 16px; line-height: 24px; }
.contact .rgt form { margin-top: 25px; }
.contact .rgt form .by-2 { margin-top: 40px; gap: 24px; flex-direction: column; align-items: flex-start; }
.contact .rgt form .by-2 > div:last-child { width: 100%; }
.contact .rgt form .by-2 input[type="submit"] { display: block; width: 100%; }
}

@media only screen and (max-width: 767px) {
body.open-mob-menu header { position: fixed; z-index: 101; }
body.open-mob-menu header > div .rgt span { z-index: 1; opacity: 1; }
.mob-menu { background: #F2F2F2; }
.mob-menu .rgt { }
.mob-menu .rgt .cls { display: none; }
.mob-menu .rgt .ins { gap: 30px; padding: 130px 24px 40px; width: 100%; overflow-y: scroll; height: 100%; }
.mob-menu .rgt .menu { text-align: center; }
.mob-menu .rgt .menu h3 { display: block; }
.mob-menu .rgt .menu ul { grid-template-columns: 1fr; grid-gap: 0; }
.mob-menu .rgt .menu ul li a { display: block; color: #1A1A1A !important; border-bottom: 1px solid #d9d9d9; padding: 11px 0; }
.mob-menu .rgt .menu ul li:last-child a { border-bottom: 0; }
.mob-menu .rgt .menu ul li:hover a { border-bottom-color: #d9d9d9; }
.mob-menu .rgt .cont { text-align: center; }
.mob-menu .rgt .cont ul { align-items: center; }
.mob-menu .rgt .soc,
.mob-menu .rgt .apps { display: none; }

.slider-home .item img { width: 100%; height: 320px; object-fit: cover; }

.vd-c.vd-file-c .ins { padding-bottom: 100px; }
.vd-c.vd-file-c button { position: absolute; bottom: 20px; right: 50%; transform: translateX(50%); }

.vd-c .vd-file { position: relative; width: 100%; aspect-ratio: 9 / 16; overflow: hidden; }
.vd-c .vd-file video { width: 100%; height: 100%; object-fit: cover; }

.m-box ul { justify-content: flex-start; overflow-x: scroll; scrollbar-width: none; flex-wrap: nowrap; }

.m-block-1 ul.nav-tabs { margin-top: 30px; }
.m-block-1 .tab-content { margin-top: 30px; }
.m-block-1 .tab-pane > div:first-child { grid-gap: 20px; grid-template-columns: repeat(1,minmax(0, 1fr)); }
.m-block-1 .tab-pane .item-1-a > ul { grid-template-columns: repeat(3,1fr); }
.m-block-1 .tab-pane .more { margin-top: 30px; }

.m-boxes > div > div { flex-direction: column; justify-content: center; gap: 40px; }
.m-boxes > div > div:last-child { flex-direction: column-reverse; }
.m-boxes .box-1 { max-width: 100%; text-align: center; }
.m-boxes .box-1 .btns { justify-content: center; }
.m-boxes .box-2 { max-width: 100%; width: 614px; margin-left: auto; margin-right: auto; }
.m-boxes .box-3 { max-width: 100%; width: 320px; }
.m-boxes .box-4 { max-width: 100%; width: 320px; align-self: end; }

.m-boxes-2 > div > div { flex-direction: column; justify-content: center; gap: 40px; }
.m-boxes-2 .box-0 { text-align: center; display: block; }
.m-boxes-2 .box-0 .btns { justify-content: center; }
.m-boxes-2 .box-1 { max-width: 100%; }
.m-boxes-2 .box-2-3 { display: block; }
.m-boxes-2 .box-2 { display: none; }
.m-boxes-2 .box-3 { max-width: 100%; width: 320px; margin-top: 0; }

.slider-1 .item img { height: 492px; }

.slider-2 .item img { height: 600px; }

/*** Room ***/
.room .r-car .slick-dots { margin-top: 0; position: absolute; bottom: 160px; left: 0; }

.item-r-car > div { position: relative; bottom: auto; left: auto; padding: 0; margin-top: 104px; flex-direction: column-reverse; background: none }
.item-r-car > div > a { width: 100%; justify-content: center; }
.item-r-car > div > a:first-child { border-color: #2A2A2A; background: #2A2A2A; color: #FEFEFE !important; }
.item-r-car > div > a:first-child svg path { stroke: #FEFEFE; }
.item-r-car > div > a:last-child { border-color: #525252; background: transparent; color: #1A1A1A !important; }
.item-r-car > div > a:last-child svg path { stroke: #1A1A1A; }

.r-car-c .r-car-controls { margin-top: 0; transform: translateY(-128px); }

.r-fea div { display: block; gap: 40px; justify-content: space-between; }
.r-fea div ul:last-child li:first-child:before { display: none; }

.slider-1-right .item img { height: 492px; }

.r-may-car-c:after { display: none; }

.r-may-car .item > div { max-width: 326px; }
/*** Room ***/

/*** Offer ***/
.offer .lst { grid-template-columns: 1fr 1fr; grid-gap: 16px; }
/*** Offer ***/
}

@media only screen and (max-width: 480px) {
.m-block-1 .tab-pane .item-1-a > ul { grid-template-columns: repeat(2,1fr); }
.item-1-a .slider-room-c > button { left: 50%; transform: translate(-50%,0); }
}

@media only screen and (max-width: 360px) {
.slider-1 .item > div { padding: 0 24px; }
}