body{font-family: 'Open Sans', sans-serif;font-weight:400;color:#000;}

.blackline{padding:1rem 0;background:#000;color:#fff;line-height:1.8rem;font-size:1.3rem}
.tib{float:left;margin-right:1.2rem}
.tib a{color:#fff}
.tib img{float: left;width: 1.4rem;margin: .2rem 0.5rem 0 0;opacity: .85;}
.tar{float:right;margin-left:1.2rem;margin-right:0}

.logoline{text-align: center;padding: 4rem 0 3.5rem;}
.logoline img{height:4.6rem}

.navline, .fmenu{line-height:3rem;text-align:center;margin-bottom: 3.5rem;}
.fmenu {margin:2.5rem 0}
nav a{font-weight: 300;color: #000;text-transform: uppercase;letter-spacing: .05rem;font-size: 1.5rem;margin: 0 .5rem;padding-bottom: 1rem;}
nav a:hover{opacity:.8}
nav a.navac{border-bottom: .3rem solid #000;}
nav h3, .mmright, #openmenu, .getinfo{display:none}
.fmenu nav a{color:#fff}
.fmenu nav a.navac{border:none}

.content, .content2 {padding:2rem 0 4rem;line-height:2.2rem;font-size:1.5rem}
.content h2{font-weight:600;font-size:2.2rem; line-height:3rem;padding-bottom:2rem}
.content p, .content ul, .pageinfo ul{padding-bottom:2.5rem;margin:0}
.content p:last-child{padding-bottom:0}
.content ul, .pageinfo ul{list-style: none;}
.content ul li, .pageinfo ul li {background: url(../img/icon/dot.svg) left .6rem no-repeat;background-size: 1.2rem;padding-left: 1.2rem;}
.content a{color:#000; border-bottom:1px dashed #000}
.content a:hover{border-bottom:1px dashed #fff}

.room{float: left;width: calc(33.3333% - 3rem);position: relative;transition: .3s all ease}
.room:hover{filter: grayscale(0);}
.space a:nth-child(2) .room{margin:0 4.5rem}

.sfullpage .room {background: #fff;}
.space .room img{padding-top: 4.1rem;}


.sfullpage .room{width: calc(50% - 2rem);float: right;}


b{font-weight:500}

.paymessage{display:none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;width: 40rem;height: max-content;margin: auto;background: #fff;z-index:21}
.payicon{float:left;width:20rem;height:20rem;border:1rem solid #000;border-radius:50%;margin:3rem calc(50% - 11rem) 1.5rem}
.payicon img{width:16rem;margin:2rem;float:left;display:none;}
.paymessage h3{font-weight: 600;font-size: 2.2rem;line-height: 3rem;text-transform: uppercase;text-align: center;float: left;width: 100%;}
.paymessage p{font-size: 1.4rem;text-align: center;line-height: 2rem;float: left;width: 80%;margin: 1rem 10%;}



.room img{float:left; width:100%}
.roominfo {position: absolute;width: 30rem;height: 10.5rem;text-align: center;color: #fff;top: 0;bottom: 0;right: 0;left: 0;margin: auto;}
.roominfo h3{text-transform: uppercase;font-size: 6rem;font-weight: 500;-webkit-text-stroke: 1px;letter-spacing: 1px;text-shadow: 0px 0px 15px rgb(0 0 0);}
.roomtitle{margin: 0;font-size: 2rem;font-weight: 600;letter-spacing: 5px;text-shadow: 0px 0px 5px rgb(0 0 0);}
.space .roominfo h3{font-size: 1.6rem;-webkit-text-stroke: 0;font-weight: 500;letter-spacing: 2px;text-shadow: none;color: #3C424F;}
.space .roominfo{height: 2.5rem;line-height:2.5rem;top: 0;bottom:auto}

footer {background:#000}

#pluses, #dopdev, #roomgal{padding:3.5rem 0}
#news h2, #pluses h2, #dopdev h2, #roomgal h2{text-align: center;font-size: 3rem;text-transform: uppercase;-webkit-text-stroke: 2px;letter-spacing: 1px;font-weight:500;margin-bottom:1rem}
#pluses h2 span, #dopdev h2 span, #roomgal h2 span{font-family: 'Open Sans', sans-serif;font-weight:100;font-size:2rem;letter-spacing: 2px;-webkit-text-stroke: 0;}

.makeitsmall {width: 100rem;margin: 0 10rem;}


.orderwin h4{line-height: 4rem;font-size: 2.6rem;font-weight: 600;letter-spacing:.1rem;margin-bottom: .5rem;color: #fff;text-align: center}
.orderwin{width:40rem;height: 30rem;position:fixed;margin:calc(50vh - 15rem) calc(50% - 20rem);left:0;top:0;z-index:60;text-align: center;display:none}
.orderwin input{float: left;height: 5rem;padding: 0 1rem;border: 0;border-radius: 0;float: left;width: calc(100% - 2rem);outline: none;transition: .3s all ease;font-size: 1.4rem;color:#fff;background-color: transparent;border-bottom: 0.1rem solid #9da1a5;background-size: 2.2rem;background-position: bottom 1.4rem right 1rem;background-repeat: no-repeat;margin-bottom: 2rem}
.orderwin  input:hover, .orderwin  input:focus  {border-bottom: 0.1rem solid #C23000}
.orderwin button{color: #fff;width: 100%;margin-top: 1rem;background: #6e6e6e}
.orderwin .linkbutton {background: #C23000;color: #24211d}
.orderwin .linkbutton:hover {color:#fff;background:transparent}
.fcin{background-image: url(../img/icon/fa.svg)}
.fcip{background-image: url(../img/icon/fp.svg)}
.orderclose, .closeser, .calcback{float: left;font-size: 13px;border-bottom: 1px dashed rgb(194 48 0 / 100%);color: #C23000;line-height: 16px;width:58px;text-align: center;margin: 1rem calc(50% - 29px) 0;cursor: pointer;transition: .3s all ease;user-select: none}
.orderclose:hover, .closeser:hover{border-bottom: 1px dashed rgb(194 48 0 / 0%)}

.reserve iframe{width: 100%;height: 800px;border: none;}

.notice{position: relative;background: #000;color: #fff;line-height: 24px;height: 72px;overflow: hidden;font-size: 13px;float: left;width: calc(100% - 329px);padding:10px 15px 10px 10px;}
.notice strong{font-size: 14px;}
.noticeclose{position: absolute;width: 14px;right: 6px;top: 6px;cursor: pointer;transition: .3s all ease;}
.noticeclose:hover{transform: scale(1.1);}

.pageinfo{padding-right:4rem}
.pageinfo h1{font-weight:500;text-align:center;float:left;width:100%;font-size: 3.2rem;text-transform: uppercase;letter-spacing: 1px;margin-bottom:1rem}
.pageinfo p {float:left;width:100%;}
.pageinfo ul {display: block;float: left;width: 100%;margin: 2rem 0 0}
.graf{text-align:center;float: left;width: 100%;}
.gitem{line-height:2.4rem;font-weight:600}
.gitem22 img{float:left;width:2rem;margin:.2rem .5rem .2rem 0}
.gitem22 sup{position: absolute;margin-top: -0.2rem;}
.content a.btnlink, .content2 a.btnlink, .mpc{display: inline-block;position: relative;cursor: pointer;text-transform: uppercase;font-size: 1.5rem;border: 0.1rem solid #000;background:#000;color:#fff;font-weight: 400;transition: .3s all ease;line-height: 5.2rem;padding: 0 1.5rem;letter-spacing:.1rem;margin-top: 2rem;}
.content a.btnlink:hover, .content2 a.btnlink:hover, .mpc:hover{background:#fff;color:#000}
.pageinfo .btnlink {width: 15rem;text-align: center;margin: 2rem calc(50% - 9.1rem) 0;}

.mpc{width: 80%;text-align: center;padding: 0;margin: 1rem 10% 3rem;}




.mask{position: fixed;display:none;width: 110%;height: 140vh;left: -5%;top: -5vh;z-index: 19;background: rgb(0 0 0 / 95%);transition: .5s all ease-out}
.acmask{backdrop-filter: blur(0.5rem);background: rgb(0 0 0 / 85%)}
.ovhi{overflow:hidden}
.oh{overflow:hidden}

.graf{float: left;width: 100%;}
.gitem22{float:left;margin-right:2rem;line-height:2.4rem;font-weight:600}
.gitem22 img{float:left;width:2rem;margin:.2rem .5rem .2rem 0}
.gitem22 sup{position: absolute;margin-top: -0.2rem;}

.selroom{float:left;position: relative;width:13rem;border:1px solid #000;margin-right:15px}
.selroom img{float:left;width:100%;}
.selractive img{filter: grayscale(0);}
.sroomi{position:absolute;width:calc(100% - 2rem);color: #fff;left:0;bottom:0;background: rgb(0 0 0 / 66%);padding:.5rem 1rem}
.sroomi h3{font-weight:500;letter-spacing:.1rem;font-size: 1.5rem;line-height: 1.8rem;}
.sroomi span{font-size:1.21rem;line-height:1.2rem}
.selroom .underline{position:absolute;width:calc(100% + 2px);height:4px;left: -1px; bottom:-8px;background:#fff;transition: .5s all ease-out}
.selractive .underline{background:#000!important}
.selroom:hover .underline{background:#c2c2c2}
.selractive:hover .underline{background:#000!important}

.plus{width:calc(33.3333333% - 5rem);float:left;margin:1rem;text-align:center;padding:1.5rem;transition: .3s ease}
.plus:hover{box-shadow: 0 0 6.5rem 0 rgb(0 0 0 / 7%)}
.plus h3{font-weight:600;font-size: 1.8rem;color:#040404}
.plus img{height: 6.4rem;padding: 1.5rem 0 1rem}
.plus p {font-size: 1.3rem;line-height: 2rem;margin: .5rem 0;height: 6rem;color: #484848}
.plus a {color: #484848;border-bottom: 1px dashed #484848;}
.plus a:hover{border-bottom: 1px dashed #fff;}

.device{position: relative;float:left;width:calc(25% - 2rem);transition: .3s all ease;margin:1rem}
.device:hover{filter: grayscale(0);box-shadow: 0px 10px 50px 0px rgb(53 82 99 / 0%);}
.device img{float:left;width:calc(100% - 3rem);margin:1.5rem}
.devlist .device{width:calc(100% - 2.4rem);margin:0 1rem}

.dinfo{width:calc(100% - 3.6rem);float:left;padding:.7rem .8rem;text-align:center;height: 5rem;color:#000}
.dinfo h3{font-size: 1.4rem;line-height: 1.6rem;font-weight: 600;letter-spacing: 1px;margin-bottom:.5rem}
.dinfo  p{margin:0;font-size:1.3rem;line-height:1.4rem;padding-bottom:0}

.fitem{float:left;background:none;width:30%;margin: 2rem 0 3rem;}

.mmlogo{display:none;width:66%;margin:2rem 17%}

.finfo{margin-bottom:1rem;width:40%;}
.fcon, .fnav{padding-top:6rem}
.finfo .logo{width:27rem; margin:0 calc(50% - 13.5rem);text-align: center;}
.finfo .logo img{float:none;filter: invert(1);height: 4.6rem;padding-top: 3rem;}
.flinks {text-align:left}
.fcon{text-align:right;float: right;}
.fcon .shortline{float:right;margin-right: 0;margin-left: calc(100% - 4rem);}
.flinks span, .flinks a{font-size: 1.5rem;color: #fff;}
.flinks a:hover{opacity:.85}
.flinks span.faloc{background: url(../img/icon/home.svg) left center no-repeat;background-size: 1.4rem;padding-left: 1.8rem;}
.flinks a.faa1{background: url(../img/icon/g-phone.svg) left center no-repeat;background-size: 1.4rem;padding-left: 1.8rem;}
.flinks a.fate{background: url(../img/icon/telegram.svg) left center no-repeat;background-size: 1.4rem;padding-left: 1.8rem;}
.flinks a.favi{background: url(../img/icon/viber.svg) left center no-repeat;background-size: 1.4rem;padding-left: 1.8rem;}
.flinks a.fain{background: url(../img/icon/in.svg) left center no-repeat;background-size: 1.4rem;padding-left: 1.8rem;}
.flinks a.famts{background: url(../img/icon/phone.svg) left center no-repeat;background-size: 1.4rem;padding-left: 1.8rem;}
.flinks a.famail{background: url(../img/icon/mail.svg) left center no-repeat;background-size: 1.4rem;padding-left: 1.8rem;}
.afterflogo {float: left;width: 100%}
.afterflogo p{font-size: 1.3rem;line-height: 2rem;margin: 1.5rem 0;color:#777;text-align:center;float: left;width: 100%;}
.pay {text-align: center;float: left;width: 100%}
.pay img{height:1.8rem;margin:0 .2rem;filter: grayscale(1) brightness(1.1);transition: .3s all ease;}
.pay img:hover{filter: grayscale(0) brightness(1);}

.fbline{padding:1rem;margin-top: 2rem;}
.fbline{line-height:3rem;font-size:1.3rem;color:#fff;opacity:.75}
.copy, .dev{float:left;width:calc(50% - 5rem)}
.fsoc {float:left;width:10rem;text-align:center;}
.dev{text-align:right}
.dev a{color:#fff}
.dev a:hover{opacity:.85}

.fullnews img{width:100%}

.fullpage h2{text-transform:uppercase}

.roomimgs img{float: left;width: calc(33.3333% - 4.4rem);padding: 1.5rem;margin:0 1.5rem 1.5rem 0;border: 0.2rem solid #f5f5f5;transition: .3s all ease;}
.roomimgs img:hover{filter: grayscale(0);box-shadow: 0px 10px 50px 0px rgb(53 82 99 / 9%);border: .2rem solid #fff;}
.roomimgs a:nth-child(3n) img{margin:0 0 1.5rem 0;}

#news{padding: 4rem 0;}
.nitem{float:left;width:calc(33.3333% - 3.2rem);margin:2.5rem 1.5rem 0;overflow: hidden;border: .1rem solid #000;}
.nitem img{width:100%; float:left;filter: grayscale(1);}
.nitem img:hover{filter: grayscale(.8);}
.nitem h3{float: left;width:calc(100% - 5.6rem);font-size: 1.8rem;line-height: 2.5rem;height:2.5rem;overflow:hidden;padding: 0 2.8rem;margin: 2.8rem 0 1.5rem;color: #000;font-weight: 400;letter-spacing: 0;}
.nitem h3:hover{opacity:.8}
.nbody{width:calc(100% - 5.6rem);float: left;padding: 0 2.8rem}
.nbody p{margin: 0;font-size: 1.4rem;line-height: 2.2rem;padding-bottom: 1.5rem;color: #000;border-bottom: .1rem solid #000;text-align: justify}
.niil{line-height: 2rem;color: #8b8b8b;padding: 1rem 0 1.5rem;font-size: 1.3rem;float: right;}


.msgr{position: fixed;bottom: 11rem;right: 5rem;width: 5rem;display:none;z-index: 11}
.msg{width: 4.2rem;float: left;border-radius: 50%;margin:0 .4rem .5rem;z-index: 11;box-shadow: 2px 2px 6px -4px rgb(21 21 21)}
.msg img{width: calc(100% - 2rem);padding: 1rem;float: left}
.tg{background: #37AEE2}
.vib{background: #7F4DA0}
.wsp{background: #2AB200}
.skp{background: #03ACF8}
@keyframes myImgAnimation {
  0% { opacity: 0; }
  14.1% { opacity: 1; }
  32.1% { opacity: 1; }
  36.45% { opacity: 0; }
  100% { opacity: 0; }}
  
  @keyframes bgcolor {
  0% { transform: scale(1);background: #37AEE2;box-shadow: 0 0 0 .4rem rgba(55, 174, 226, 12%)}
  29% { background: #37AEE2;box-shadow: 0 0 0 1rem rgba(55, 174, 226, 40%)}
  35% { transform: scale(1.2);background: #7F4DA0;box-shadow: 0 0 0 .5rem rgba(127, 77, 160, 11%)}
  64% { transform: scale(.9);background: #7F4DA0;box-shadow: 0 0 0 1rem rgba(127, 77, 160, 30%)}
  99% { background: #2AB200;box-shadow: 0 0 0 1rem rgba(42, 178, 0, 35%)}}
 .msc {position: fixed;bottom: 5rem;right: 5rem;width: 5rem;height: 5rem;float: left;border-radius: 50%;background: #151515;z-index: 11;cursor:pointer;transition: .3s ease;display:none}
.msc:hover{background: #C23000}
.msc img{width: calc(100% - 2.6rem);padding: 1.3rem;float: left}
.msgrb {position: fixed;z-index: 11;cursor:pointer;bottom: 5rem;right: 5rem;width: 5rem;height: 5rem;float: left;box-shadow: 0 0 0 0 rgba(55, 174, 226, 40%);border-radius: 50%;background: #37AEE2;animation-name: bgcolor; animation-duration: 9s; animation-iteration-count: infinite}
.msgrb img {position: absolute;opacity:0; width: calc(100% - 2rem);padding: 1rem;float: left; animation-name: myImgAnimation; animation-duration: 9s; animation-iteration-count: infinite; }
.msgrb img:nth-child(1) { animation-delay: 0s; }
.msgrb img:nth-child(2) { animation-delay: 3.3s; }
.msgrb img:nth-child(3) { animation-delay: 6.4s; }
.msgrb img:nth-child(4) { animation-delay: 10s; }


.fullq{overflow: hidden;margin-bottom:2rem}
.faqq{padding: 0;cursor: pointer;transition: .2s ease;display: flex;justify-content: space-between;align-items: center}
.faqq h2{margin:0;font-size: 2.2rem;line-height: 3rem;padding: 0;}
.faqq h2 span {display: block;font-size: 1.3rem;font-weight: 400;opacity: .6;}
.faqq .farrow{width: 2.4rem;transition: 0.25s ease;opacity: .3}
.faqq:hover .farrow{opacity: 1}
.facontent{display: none;padding:0}
.facontent p, .prevtext p{margin:0;padding:0}
.facontent .btnlink a{margin:1rem 0}
.prevtext{margin-bottom:3rem}

.fullnews h1{font-size: 3rem;margin-bottom: 2rem;}

.newsonpage{float:left;width:100%;margin-bottom:3rem}
.nimage{position: relative;float:left;width:32rem;height:24rem;overflow:hidden;margin-right:3rem;background-size:cover;background-position: center;filter: grayscale(1);}
.nfbody{float: left;width: calc(100% - 35rem);}
.nfbody p{padding-bottom:.5rem}
.nfbody span{font-weight: 300;float: right;line-height: 5.4rem;margin-top: 2rem;font-size: 1.4rem;}

.pricetable table{border-collapse: collapse;width: 100%;float: left;}
.pricetable th, td {min-width: 200px;text-align: center;line-height:24px;padding:5px}
.pricetable th{color:#fff;background:#2b2b2b;padding:5px}
.pricetable th.pttitle{font-size:120%;background:#000;}

@media (max-width:1000px){
.device{width:calc(33.333% - 2.4rem);}
.makeitsmall {width:100%;margin:0}
.room{width: calc(50% - 1.5rem);margin-bottom:3rem;}
.space a:nth-child(2) .room{margin:0 0 3rem 3rem}
.nimage{width:28rem;height:24rem;margin-right:2rem;}
.nfbody{float: left;width: calc(100% - 30rem);}
}

@media (max-width:920px){
	.nfbody h2{padding-bottom: 1rem;}
	.nfbody p{padding-bottom:0}
	.nfbody span, .nfbody a.btnlink{margin-top: 1.5rem;}
	.pricetable th, td {min-width: 150px}
}

@media (max-width:830px){
nav a{font-size: 1.4rem;margin:0 .5rem}
.fmenu {display:none}
#news h2, #pluses h2, #dopdev h2, #roomgal h2{font-size: 2.8rem;}
#pluses h2 span, #dopdev h2 span, #roomgal h2 span{font-size:1.8rem;}
.sfullpage .room{margin:0 0 2.5rem;width: 100%;}
.sfullpage .pageinfo{display:block;width:100%;padding:0}
.device{width:calc(33.3333% - 1.4rem);margin:.5rem}
.notice{width: calc(100% - 30px);height:auto;margin: 20px 0 -25px;font-size: 13px;line-height: 24px;}
.nimage{width:26rem;height:24rem;margin-right:1.5rem;}
.nfbody{float: left;width: calc(100% - 27.5rem);}
}
@media (max-width:760px){
.mmenu{width: 36rem;height: 100%;position: fixed;top: 0;right: -50rem;background: #fff;z-index: 999;box-shadow: 12px 0px 21px 2px rgb(34 60 80 / 30%);transition: .3s all ease}
.pricetable th, td {min-width: 120px}
.mmlogo{display:block}
.logoline img{float: left;}
#openmenu{float: right;display: block;position: relative;cursor:pointer;fill:#000;width: 1.6rem;padding: .5rem 0 .5rem .5rem;margin: 1rem 0;}
nav h3, .mmright{display:block}
nav{float:right;width:calc(100% - 1.1rem);padding-left:1rem;height: 100%;overflow: scroll;text-align:left}
nav a.navac{border:none}
nav h3{line-height: 5.2rem;color: #fff;font-size: 2.4rem;font-weight: 900;-webkit-text-stroke-width: 1px;background: #000;padding: 0 1rem}
nav a{color: #151515;display: block;line-height: 4.3rem;font-weight:400;padding: 0 1rem;font-size: 1.6rem}
.mmright{float:right;position: relative;height: 100%;width:.1rem;background:#fff;text-align:center}
.mmright img{width:2rem;margin-top:3rem;margin-left: -7rem;opacity:0;transition: .7s all ease-out}
.cmmenu{position: absolute;width:100%;top:0;left:0}
.mmenulinks{position: absolute;width:100%;bottom:1.5rem;left:0}
.lvl1 img{filter: brightness(0.5);width: 1.6rem;margin: 0 0 -0.3rem 0.3rem}
.mmenuo{right:0}
.mmenuo .mmright img{opacity:1}
.mmleft a.lvl2{display:none;float: left;width: calc(100% - 2rem);font-size: 1.4rem;line-height:2rem;margin:.5rem 0}
.mmcall, .mmsrch{float: right;width: 2.2rem;filter: brightness(0);margin:2.2rem 0 0 1.2rem;display:none}
.plus {width: calc(50% - 5rem)}
.nimage{width:100%;height:24rem;margin-right:0;margin-bottom:1rem}
.nfbody{float: left;width: 100%;}
}
@media (max-width:720px){
.fitem{width: 50%;margin: 2rem 0;}
.finfo{width: 80%;margin: 0 10% 1rem;}
#news h2, #pluses h2, #dopdev h2, #roomgal h2{font-size: 2.6rem;}
#pluses h2 span, #dopdev h2 span, #roomgal h2 span{font-size:1.7rem;}
.roomimgs img, .roomimgs a:nth-child(3n) img{width: calc(50% - 2.9rem);padding:1rem;margin:0 0 1rem 0}
.roomimgs a:nth-child(2n) img{margin:0 0 1rem 1rem}
.device{width:calc(50% - 1.4rem);}
.room{width: calc(50% - 1rem);margin-bottom:2rem;}
.space a:nth-child(2) .room{margin:0 0 2rem 2rem}
}
@media (max-width:680px){
.tib:nth-child(2){display:none}
.plus{width: calc(50% - 3rem);padding:1.5rem .5rem}
.plus h3, .deinfo h4{font-size:1.7rem}
.dinfo h3{font-size:1.3rem;letter-spacing: 0;}
.pricetable th, td {min-width: 10px}
}
@media (max-width:600px){
.room, .space a:nth-child(2) .room{width: 100%;margin:3rem 0;overflow:hidden}
.space a:first-child .room{margin-top:0}
}

@media (max-width:560px){
.fitem{width: 100%;margin: 2rem 0 0;text-align:center}
.fnav{margin: 0 0 2rem;padding:0}
.finfo{width: 80%;margin: 0 10% 1rem;}
#news h2, #pluses h2, #dopdev h2, #roomgal h2{font-size: 2.4rem;}
#pluses h2 span, #dopdev h2 span, #roomgal h2 span{font-size:1.5rem;letter-spacing: 1px;}
.msgrb, .msc{right:2.5rem;bottom:2.5rem}
.msgr{bottom: 8.5rem;right: 2.5rem}
.pricetable table{font-size:1.4rem}
}
@media (max-width:490px){
.fbline{font-size:1.2rem}
.copy{display:none;}
.fsoc{text-align:left}
.dev{width: calc(100% - 10rem);}
.tib:nth-child(1){display:none}
.logoline{padding:2rem 0 .5rem}
.logoline img{height:3.6rem}
#openmenu{margin:.5rem 0}
.reserve .container{width:100%!important;padding:0!important}

}
@media (max-width:430px){
.plus{width: calc(50% - 2rem);padding:1.5rem .5rem;margin:1rem .5rem}
.plus h3, .deinfo h4{font-size:1.5rem}
.plus p , .deinfo p{font-size: 1.2rem;line-height: 1.6rem}
.mmenu{width:32rem}
nav a{letter-spacing: 0;}
.paymessage{width:30rem}
.nimage{width:100%;height:20rem;margin-right:0;}
.nfbody{float: left;width: 100%;}
.pricetable table{font-size:1.3rem}
}

@media (max-width:380px){
.mmenu{width:30rem}
nav a{padding:0 .5rem}
.nimage{width:100%;height:18rem;margin-right:0;}
.nfbody{float: left;width: 100%;}

}

@media (max-width:360px){
.mmenu{width:29rem}
}

@media (max-width:350px){
.mmenu{width:28rem}
}
@media (max-width:340px){
.mmenu{width:26rem}
}