/* @import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow'); */
@import url("../fonts/SinhalaMN/stylesheet.css");
@media screen and (max-width: 1320px) { .wrap__hotelinfo { padding-left: 60px; padding-right: 60px; }
 .container { padding-right: 60px; padding-left: 60px; max-width: none; }
 .slick-arrow { width: 60px; }
 .sty__sd2box4 .slick-arrow { width: 60px; }
 .sty__sd3box .slick-arrow { background-size: 40px auto; }
 .sty__contentl { padding-left: 60px; padding-top: 60px; }
 .sty__sdfull .box .text { padding-left: 60px; padding-bottom: 60px; }
 .sty__intro .text { padding-left: 60px; }
 h3 { font-size: 8rem; line-height: 0.9; } }

@media screen and (max-width: 1280px) { .sty__facilitieslist .sty__tx2photo { max-width: inherit; width: 100%; padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 1024px) { header.fixedtop .logo { left: -60px; }
 .sty__tx2photo .text .title h5 { font-size: 4rem; }
 .sty__mainmenu { padding-left: 60px; }
 .secp__maincontent { padding-top: 90px; padding-bottom: 90px; }
 .secp__hdslide { padding-top: 230px; padding-bottom: 0px; }
 .secp__sub1 { padding-top: 90px; padding-bottom: 130px; }
 .secp__sub2 { padding-top: 120px; padding-bottom: 100px; }
 .secp__sub3 { padding-top: 100px; padding-bottom: 90px; }
 .secp__sub4 { padding-top: 80px; padding-bottom: 60px; }
 .secp__sub5 { padding-top: 10px; padding-bottom: 130px; }
 .secp__sub6 { padding-top: 100px; padding-bottom: 130px; }
 .secp__last { padding-top: 190px; padding-bottom: 0px; }
 header.fixedtop .container { max-width: calc(100% - 0px); }
 .container { padding-right: 30px; padding-left: 30px; }
 .wrap__hotelinfo { padding-left: 30px; padding-right: 30px; }
 .sty__intro .text { padding-right: 30px; }
 .sty__sd3box { padding-bottom: 60px; }
 h3 { font-size: 7.6rem; line-height: 0.9; }
 .wrap__hotelinfo .col:nth-child(1) { width: 200px; }
 .wrap__hotelinfo .col:nth-child(2) { width: calc(50% - 100px); }
 .wrap__hotelinfo .col:nth-child(3) { width: calc(50% - 100px); }
 .sty__sd2box4 { margin-left: 20px; margin-right: 20px; }
 .sty__sd2box4 .slick-slide:not(.active) .text { opacity: 1; }
 .sty__sd2box4 .box { padding-left: 10px; padding-right: 10px; }
 .sty__sd3box { margin: 0 -10px; }
 .sty__sd3box .box { padding-left: 10px; padding-right: 10px; }
 .sty__sd3box .box .text .title { line-height: 1; }
 .sty__sdfull .box { padding: 0 10px; }
 .sty__tx2photo .photo .ph1, .sty__tx2photo .photo .ph2 { width: calc(50% - 10px); }
 .sty__tx2photo .text { width: calc(30% + 30px); }
 .sty__sdtxintro { width: 100%; left: auto; }
 .sty__3photo .box { width: calc(33.33% - 10px); }
 .sty__1rowlist .text { padding-left: 60px; padding-right: 30px; padding-top: 30px; }
 .sty__1rowlist .box:nth-child(even) .text { padding-right: 60px; padding-left: 30px; }
 .sty__map iframe { height: 50vw; }
 .sty__acclist .box .photo { width: 50%; }
 .sty__acclist .box .text { width: 50%; }
 .sty__acclist .box h3 { font-size: 4rem; }
 .sty__acclist .box .roominfo li i { width: 35px; height: 35px; }
 .sty__acclist .box .roominfo { padding-top: 40px; }
 .sty__acclist .box .link { padding-top: 10px; } }

@media screen and (max-width: 992px) { .sty__sdfull .box .photo { height: 50vw; }
 .sty__intro .photo > div { height: 100%; }
 .sty__intro .photo > div > img { height: 100%; position: relative; -o-object-fit: cover; object-fit: cover; } }

@media screen and (max-width: 800px) { ._set-tablet { display: inline-block; }
 h1, .sty__sdtxintro .title { font-size: 7rem; }
 h3 { font-size: 6.6rem; }
 .sty__sd2box4 .box .text .title a, .sty__mainmenu a { font-size: 3.6rem; }
 .w3 { width: calc(100% - 120px); }
 .sty__intro { flex-flow: column-reverse; }
 .sty__intro .text { width: 100%; padding: 0 30px; }
 .sty__intro .photo { display: none; /* > div{ width: 100%; height: auto; text-align: center; > img{ width: 100%; } } */ }
 .sty__intro .text .subtitle + .detail { padding-top: 40px; }
 .sty__sdfull .box .photo { height: 60vw; }
 .sty__tx2photo { flex-flow: wrap; }
 .sty__tx2photo .photo { width: 100%; }
 .sty__tx2photo .text { width: 100%; padding-top: 60px; }
 .sty__sdfull { width: 100%; margin: 0; }
 .sty__sdfull .box { padding: 0; }
 footer .sty__3col .col:nth-child(n) { width: 100%; text-align: center; padding: 0; padding-bottom: 30px; }
 .wrap__hotelinfo .social ul { justify-content: center; margin: auto; }
 .wrap__hotelinfo .social ul li { margin: 0 10px; }
 .sty__bgfull-highlight { min-height: 650px; height: 100vh; }
 .wrap__hotelinfo { padding-bottom: 120px; }
 .sty__facilitieslist .sty__tx2photo { padding-top: 60px; }
 .sty__1rowlist .text .title { line-height: 1; }
 .sty__contentintro .roominfo li { margin: 0 30px; }
 .sty__acclist .box, .sty__acclist .box:nth-child(odd) { flex-flow: wrap; }
 .sty__acclist .box .photo { width: 100%; }
 .sty__acclist .box .text { width: 100%; padding-top: 80px; padding-bottom: 80px; }
 .sty__acclist .box .roominfo ul { max-width: inherit; margin-bottom: 30px; }
 .sty__acclist .box .roominfo li { width: auto; margin: 0 30px; } }

@media screen and (max-width: 768px) { .container { padding-right: 30px; padding-left: 30px; }
 .sty__facilitieslist .sty__tx2photo { padding-right: 30px; padding-left: 30px; }
 .sty__contentintro .roominfo + .detail { font-size: 2rem; }
 .sty__facilitieslist .sty__tx2photo { padding-top: 30px; }
 .sty__1rowlist .photo { width: 100%; }
 .sty__1rowlist .photo img { width: 100%; height: 50vw; -o-object-fit: cover; object-fit: cover; }
 .sty__1rowlist .text, .sty__1rowlist .box:nth-child(even) .text { width: 100%; padding: 60px 30px; }
 .sty__1rowlist .box:nth-child(even) { flex-flow: wrap; }
 .sty__1rowlist .box { margin-bottom: 20px; }
 .sty__contentintro .title + .detail { margin-top: 30px; }
 .sty__gridgallery { grid-gap: 10px; }
 .sec__gallery.secp__sub1 { padding-bottom: 30px; }
 .sty__gridgallery { margin-bottom: 60px; }
 .loadac + .wrap__linkmoregallery { margin-bottom: 60px; }
 .sty__form .-remark { width: 100%; margin-bottom: 20px; text-align: left; }
 .sty__tx1photo { flex-flow: wrap; }
 .sty__tx1photo .text { width: 100%; }
 .sty__tx1photo .photo { width: 100%; display: none; }
 .secp__sub5 { padding-bottom: 60px; }
 .sty__tx1photo .amenitieslist ul li { width: calc(33.33% - 10px); }
 .sty__tx1photo .amenitieslist ul i[class*='icon--'] { margin-right: 10px; width: 25px; height: 25px; }
 .sty__sdfullbox img { height: 60vw; }
 .sec__h_allaccom .sty__content h3 { font-size: 6rem; }
 .sec__h_allaccom .sty__sd2box4 .box .text .title a, .sty__mainmenu a { font-size: 3rem; } }

@media screen and (max-width: 650px) { header .logo img { width: 140px; }
 .sty__sd2box4 .box .text .title a, .sty__mainmenu a { font-size: 3rem; }
 h1, .sty__sdtxintro .title { font-size: 6rem; }
 h2, .sty__acclist .box h3, .wrap__countroom ul span, .sty__tx2photo .text .title, h4, .sty__slide1 .box .text .title, .sty__sdfull .box .text .title a, .sty__acclist .box h3 { font-size: 4.6rem; }
 .sty__contentl { width: 100%; padding-left: 30px; padding-top: 60px; }
 .sty__sdfull .box .text { padding-left: 30px; padding-bottom: 30px; }
 .wrap__copyright { padding-left: 30px; padding-right: 30px; }
 header .col2 .booknow { padding-right: 0; }
 header .container { padding-left: 20px; padding-right: 20px; }
 header.fixedtop .container { width: 100%; max-width: inherit; padding-top: 5px; }
 .sty__mainmenu .sub-menu li a { font-size: 2rem; }
 .sty__mainmenu .sub-menu li:before { font-size: 2.4rem; top: 2px; }
 .sty__mainmenu { padding-left: 20px; }
 .sty__mainmenu .menu1 > ul > li > a:before, .sty__mainmenu .menu2 > ul > li > a:before { top: 5px; } }

@media screen and (max-width: 560px) { ._set-mobile { display: inline-block; }
 ._btn_hammenu { width: 60px; height: 60px; }
 header .btnmenu { margin-left: 20px; }
 .sty__bgfull-highlight .txintro { padding-left: 20px; padding-right: 20px; }
 .sty__gridgallery { grid-template-columns: repeat(4, 1fr); }
 .sty__gridgallery.r1 .box:nth-child(1) { grid-column: 1 / span 3; }
 .sty__gridgallery.r1 .box:nth-child(2) a, .sty__gridgallery.r1 .box:nth-child(3) a { height: 100%; }
 .sty__gridgallery.r1 .box:nth-child(2) a img, .sty__gridgallery.r1 .box:nth-child(3) a img { height: 100%; -o-object-fit: cover; object-fit: cover; }
 .sty__gridgallery.r2 .box:nth-child(4) { grid-column: 2 / span 3; }
 .sty__gridgallery.r2 .box:nth-child(1) a, .sty__gridgallery.r2 .box:nth-child(2) a { height: 100%; }
 .sty__gridgallery.r2 .box:nth-child(1) a img, .sty__gridgallery.r2 .box:nth-child(2) a img { height: 100%; -o-object-fit: cover; object-fit: cover; }
 .sty__form .-name, .sty__form .-email, .sty__form .-phone { width: 100%; }
 .sty__contentintro .roominfo li { margin: 0 0 15px; width: 50%; }
 .sty__contentintro .roominfo li i { width: 30px; }
 .sty__contentintro .roominfo li i.icon--guests-b { width: 38px; }
 .sty__contentintro .roominfo li i.icon--bed-b { width: 42px; }
 .sty__contentintro .roominfo li i.icon--view-b { width: 35px; }
 .sty__tx1photo .amenitieslist ul li { width: 50%; }
 .sty__contentintro .roominfo + .detail { padding-top: 30px; }
 .sty__contentintro .link { padding-top: 60px; }
 .sty__sdfullbox .text { bottom: 30px; left: 10%; right: 10%; }
 .sec__h_allaccom .sty__content h3 { font-size: 4rem; padding-bottom: 10px; }
 .sec__h_allaccom .sty__sd2box4 .box .text .title a, .sty__mainmenu a { font-size: 2.6rem; }
 .sty__acclist .box .roominfo li { margin: 0 15px; } }

@media screen and (max-width: 480px) { html { font-size: 55%; }
 .container { padding-right: 20px; padding-left: 20px; }
 .sty__facilitieslist .sty__tx2photo { padding-right: 20px; padding-left: 20px; }
 .sty__sd2box4 .box .text .roominfo li { width: 50%; margin: 0 0 20px; }
 .sty__sd2box4 .box .text .title a { font-size: 4rem; }
 .secp__sub1 { padding-top: 60px; padding-bottom: 60px; }
 .secp__sub2 { padding-top: 60px; padding-bottom: 60px; }
 .secp__sub3 { padding-top: 60px; padding-bottom: 60px; }
 .secp__maincontent { padding-top: 60px; padding-bottom: 60px; }
 .sty__sd2box4 { margin: 0 20px; }
 .sty__sd2box4 .box { padding: 0; }
 .sty__sd3box { margin: 0 0px; }
 .sty__sd3box .box { padding: 0; }
 .sty__sdtxintro { padding-left: 20px; padding-right: 20px; }
 .sty__sd2box4 .box .text .roominfo li i.icon--size { margin-left: 5px; }
 .wrap__newsletter { width: calc(100% - 40px); }
 .sty__3colig .box { width: calc(33.33% - 7px); margin-bottom: 10px; }
 .sty__3colig { padding-top: 0; }
 .sty__sdfull .box .photo { height: 100vw; }
 header.fixedtop .logo img { width: 150px; top: 0; }
 header.fixedtop .logo { left: -50px; height: 65px; margin-top: 5px; margin-bottom: 5px; }
 header.fixedtop .container { padding-top: 0; padding-left: 10px; padding-right: 10px; }
 header.fixedtop:before { background-size: auto 160%; }
 .sty__contentintro .roominfo li { margin: 0 20px; }
 .sty__contentintro .roominfo + .detail { padding-top: 30px; }
 .sty__contentintro .link { padding-top: 30px; }
 .sty__3photo { margin-top: 50px; }
 .sty__facilitieslist .sty__tx2photo { padding: 10px 0 0; }
 .sty__facilitieslist .sty__tx2photo .photo .ph1, .sty__facilitieslist .sty__tx2photo .photo .ph2 { border-radius: 0; width: calc(50% - 5px); }
 .sty__facilitieslist .slide img { height: 50vw; -o-object-fit: cover; object-fit: cover; width: 100%; }
 .sty__facilitieslist .sty__tx2photo .text { padding: 70px 20px 30px; }
 .sty__1rowlist .text, .sty__1rowlist .box:nth-child(even) .text { padding: 30px 0px; }
 .secp__hdslide { padding-top: 200px; }
 .sty__map iframe { height: 80vw; }
 .sty__sdfullbox img { height: 80vw; }
 .sty__sd2box4.v2 .box { position: relative; }
 .sty__sd2box4.v2 .text { position: absolute; bottom: 0px; top: 0; left: 0; width: 100%; z-index: 99; text-align: center; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: flex-end; }
 .sty__sd2box4.v2 .text .title a { color: #ffffff; }
 .sty__sd2box4.v2 .text:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/bg--slidemain-bottom.png) repeat-x bottom center; }
 .sty__contentintro .roominfo li { margin: 0; }
 .wrap__countroom ul li { width: 100px; } }

@media screen and (max-width: 425px) { header .logo img { width: 130px; }
 ._btn_booknow { font-size: 1.8rem; justify-content: center; flex-flow: column; margin-top: 5px; }
 ._btn_booknow i { margin: 0; }
 ._btn_booknow span { display: block; }
 .sty__1rowlist .text .title { padding-right: 0; font-size: 4rem; }
 ._btn_closetabact { top: -55px; }
 .sty__gridgallery { grid-template-columns: repeat(2, 1fr); }
 .sty__gridgallery.r1 .box:nth-child(1) { grid-column: 1 / span 2; }
 .sty__gridgallery.r1 .box:nth-child(2) a, .sty__gridgallery.r1 .box:nth-child(3) a { height: 100%; }
 .sty__gridgallery.r1 .box:nth-child(2) a img, .sty__gridgallery.r1 .box:nth-child(3) a img { height: 100%; -o-object-fit: cover; object-fit: cover; }
 .sty__gridgallery.r2 .box:nth-child(4) { grid-column: 1 / span 2; }
 .sty__gridgallery.r2 .box:nth-child(1) a, .sty__gridgallery.r2 .box:nth-child(2) a { height: 100%; }
 .sty__gridgallery.r2 .box:nth-child(1) a img, .sty__gridgallery.r2 .box:nth-child(2) a img { height: 100%; -o-object-fit: cover; object-fit: cover; }
 .sty__form .row { margin-bottom: 15px; }
 .sty__form label.error { text-align: right; }
 .sty__acclist .box .roominfo li { width: 50%; margin: 0 0 20px; }
 .sty__acclist .box .link { padding-top: 0; }
 .sty__acclist .box .text { padding-top: 60px; padding-bottom: 60px; } }

@media screen and (max-width: 375px) { .sty__content + .sty__tx2photo, .sty__content + .sty__sd3box, .sty__content + .sty__sd2box4 { padding-top: 10px; }
 .sty__sdfull .box .text { padding-left: 20px; padding-right: 20px; }
 .sty__contentl { padding-left: 20px; }
 .sec__h_fac h3 { font-size: 5.4rem; }
 .sty__mainmenu .menu1, .sty__mainmenu .menu2 { width: 100%; }
 .sty__mainmenu ul li { margin-bottom: 5px; }
 .sty__mainmenu .sub-menu { padding-top: 10px; }
 .sty__mainmenu .sub-menu li { margin-bottom: 5px; }
 h1, .sty__sdtxintro .title { font-size: 5rem; }
 .sty__sdtxintro .title { padding-bottom: 40px; }
 .sty__sdtxintro .title:before { height: 30px; }
 .sty__intro .text { padding: 0; }
 .w3 { width: calc(100% - 40px); }
 h3 { font-size: 5rem; }
 h5 { font-size: 4rem; padding-bottom: 10px; }
 .sty__tx2photo .text { padding-top: 30px; }
 .sty__tx2photo .photo .ph1, .sty__tx2photo .photo .ph2 { width: calc(50% - 5px); }
 .sty__bgfull-highlight .txintro .title { padding-bottom: 50px; margin-bottom: 10px; }
 .sty__bgfull-highlight .txintro .title:before { height: 40px; }
 .sty__contentl { padding-top: 30px; }
 .sty__tx1photo .amenitieslist ul li { width: 100%; margin-bottom: 15px; }
 .sec__amenities .sty__tx1photo .text { justify-content: center; }
 h2, .sty__acclist .box h3, .wrap__countroom ul span, .sty__tx2photo .text .title, h4, .sty__slide1 .box .text .title, .sty__sdfull .box .text .title a, .sty__acclist .box h3 { font-size: 4.2rem; } }

@media screen and (max-width: 320px) { header .logo img { width: 90px; }
 header .container { padding-left: 10px; padding-right: 10px; }
 header .logo { margin-top: 20px; }
 h2, .sty__acclist .box h3, .wrap__countroom ul span, .sty__tx2photo .text .title, h4, .sty__slide1 .box .text .title, .sty__sdfull .box .text .title a, .sty__acclist .box h3 { font-size: 4rem; }
 header.fixedtop .logo { width: 70px; left: 0; height: 70px; }
 header.fixedtop .logo img { width: 140px; max-width: inherit; position: relative; left: -40px; top: 9px; }
 .sty__sd2box4 .box .text .title a, .sty__mainmenu a { font-size: 2.6rem; }
 .sty__mainmenu .sub-menu li { margin-bottom: 0; }
 header.openmenu:not(.nonslide):before { height: 90px; }
 .sty__mainmenu { padding-top: 70px; }
 .sty__bgfull-highlight .txintro .title h3 { font-size: 4rem; }
 .sty__contentintro .roominfo li { margin-bottom: 10px; }
 .secp__hdslide { padding-top: 150px; }
 .wrap__countroom ul li { width: 90px; } }

/*  */

/*# sourceMappingURL=screen.css.map */