@media (min-width:767px) {
  .awards-slider.less-four .owl-stage{ display: flex; justify-content: center; width: 100%!important; }
}

@media (max-width:1500px) {
    .who-we-are-section .leftside{height:580}
    .slider-area .main-slider .owl-prev{position: absolute; top: 50%; margin-top: -15px; z-index: 1; left: 30px;}
    .slider-area .main-slider .owl-next{position: absolute; top: 50%; margin-top: -15px; z-index: 1; right: 30px;}

}
@media (max-width:1308px) {
    .container {max-width: 1180px;}
    .slider-area .main-slider .content-area h1{width:80%;}
    .mega-sub-menu{min-width:100%;}
    .mega-sub-menu .menu-flex-block{padding:20px 0;}
    .mega-sub-menu .menu-flex-block .menu-block{padding:0 20px;}
    .mega-sub-menu .menu-flex-block .menu-block .logo-box{height: 90px; margin: 0 auto 15px auto;}
}
@media (max-width:1180px) and (min-width: 768px) {
  .what-we-do-area .rightside h2{ font-size: 38px; line-height: 40px; }
  .mission-values-area .content-block h2{ font-size: 38px; line-height: 40px; }
  .our-team-area h2 { font-size: 38px; line-height: 40px; }
  .who-we-are-page h2 { font-size: 38px; line-height: 40px; }
  .who-we-are-section .rightside h2{ font-size: 38px; line-height: 40px; }
  .our-portfolio h2{ font-size: 38px; line-height: 40px; }
  .location-section h2{ font-size: 38px; line-height: 40px; }
  .gallery-section h2{ font-size: 38px; line-height: 40px; }
  .get-in-touch-section h2{font-size: 38px; line-height: 40px; }
  .number-section .number-box .number-title{ font-size: 50px; line-height: 60px;}
  .number-section .number-box .number-title img{margin-right: 20px; width: 55px;}
  .hotel-main-block .hotel-detail h2{font-size: 38px; line-height: 40px; }
  .news-page h2{ font-size: 38px; line-height: 40px; }
  .gallery-page h2{font-size: 38px; line-height: 40px; }
  .news-block .news-content .title{ font-size: 26px; line-height: 34px; }
}

@media (min-width: 768px) and (max-width: 1024px){

    header .logo-area{padding: 30px 0}
    header .logo-area .logo{width: 74px; margin-left: -37px}
    header .logo-area ul.main-menu{display: none}
    header .logo-area .container{height: 42px}
    header .btn-menu{display: block;}
    .mega-sub-menu{display:none;}
    header .menu-area{display: block;}

    .slider-area .main-slider{height: 600px}
    .slider-area .main-slider .item{height: 600px}
    .slider-area .main-slider .content-area{height: 100%; padding: 0 20px}
    .slider-area .main-slider .content-area h1{font-size: 30px; line-height: 36px; margin-top: 30px;}
    .slider-area .main-slider::before {content: none}
    .slider-area .main-slider .owl-prev,
    .slider-area .main-slider .owl-next{display: none}
    .slider-area .social-bottom-area{bottom: 15px}
    .slider-area .social-bottom-area .social-media{justify-content: center;}
    .slider-area .social-bottom-area .social-media li{margin: 0 10px}
    .down-arrow { display: none;}

    .number-section{padding: 60px 0}
    .number-section .number-box{padding: 30px 0}
    .number-section .number-box .number-title{font-size: 50px; line-height: 40px; margin-bottom: 10px}
    .number-section .number-box .number-title img{width: 50px}
    .number-section .number-box h3{font-size: 16px}
    .number-section .logo-bg{right: 50%; top: 50%; margin-top: -116px; width: 490px; margin-right: -245px;}
    .number-section .logo-bg img{width: 100%;}

    .who-we-are-section{display: block;}
    .who-we-are-section .leftside{width: 100%}
    .who-we-are-section .rightside{width: 100%; padding: 30px 30px 50px 30px}
    .who-we-are-section .rightside h2{font-size: 32px; line-height: 32px}
    .who-we-are-section .rightside h2 span{width: 100%}
    .who-we-are-section .rightside p{margin: 0 0 30px 0}

    .our-portfolio{padding: 40px 0}
    .our-portfolio h2{font-size: 32px; line-height: 32px; margin: 0 0 60px 0}

    .location-section{padding: 40px 0}
    .location-section h2{font-size: 32px; line-height: 42px; margin: 0 0 40px 0;}

    .gallery-section{padding: 40px 0}
    .gallery-section h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .gallery-section .web-gallery{display: none}
    .gallery-section .gallery-slider{display: block !important}
    .gallery-img .title{font-size: 14px; padding-left: 20px}

    .get-in-touch-section .white-bg{padding: 40px}
    .get-in-touch-section h2{font-size: 32px; line-height: 32px; margin: 0 0 30px 0}
    .get-in-touch-section h2 span{width: 100%; display: inline-block;}
    .get-in-touch-section p{width: 60%}
    .get-in-touch-section .form-area {width: 100%; margin: 20px auto 0 auto;}

    .footer-main{padding: 40px 0; overflow: hidden;}
    .footer-main .logo-area{width: 100%; padding: 0 20px; text-align: center; margin-bottom: 10px}
    .footer-main .logo-area .logo{margin: 0 auto 20px auto; }
    .footer-main .menu-area {padding-left: 0px;}
    .footer-main h3{padding: 0 20px margin: 20px 0px 10px 0;}
    .footer-main ul.footer-menu{padding: 0 20px}
    .footer-main .info{padding: 0 20px}
    .footer-main .social-media{justify-content: center; margin: 16px 0px 0px 0px}
    .footer-main .social-media li{margin: 0 8px}
    .footer-main .copyright {margin-top: 20px; text-align: center; font-size: 12px;}
    .footer-main .logo-bg{width: 700px; right: 50%; margin-right: -350px; margin-top: -165px;}
    .footer-main .logo-bg img{width: 100%}

    .gallery-page{padding: 40px 15px}
    .gallery-page h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .gallery-page h2 span{width: 100%}
    .gallery-page .gallery-img{height: 215px}

    .inner-area .title-content{padding: 160px 0 120px 0}
    .inner-area .title-content h1{font-size: 32px; line-height: 38px; margin: 0 0 10px 0}

    .news-page{padding: 40px 10px}
    .news-page h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .news-page h2 span{width: 100%}
    .news-block{text-align: center;}
    .news-block .news-img{height: 215px}
    .news-block .news-content .title{font-size: 26px; line-height: 38px;}

    .contact-page{padding: 0}
    .contact-page .container{padding: 0px}
    .contact-page .contact-block{display: block;}
    .contact-page .contact-block .contact-info{width: 100%; padding: 40px}
    .contact-page .contact-block .map-area{width: 100%; height: 400px}
    .contact-page .contact-block h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .contact-page .contact-block h2 span{width: 100%}

    .news-detail{padding: 40px 15px 10px 15px}
    .news-detail .news-photo{height: auto;}
    .news-detail .news-photo img{height: auto; position: relative;}
    .news-detail .title{font-size: 26px; line-height: 38px;}

    .more-news-section{padding: 40px 15px 40px 15px}
    .more-news-section h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .more-news-section h2 span{width: 100%; text-align: left;}
    .more-news-section h2 span::before {left: 0px; margin-left: 0px}
    .more-news-section .news-block{margin: 0px}
    .more-news-section .news-block .news-content .title{margin: 0px}

    .who-we-are-page{background: #F3F0E7; padding: 0}
    .who-we-are-page .container{padding: 30px 30px 40px 30px}
    .who-we-are-page .content-block{display: block;}
    .who-we-are-page .leftside{width: 100%; margin-top: 0px; height: 480px}
    .who-we-are-page .rightside{width: 100%; margin: 0px; padding: 30px 0 0 0}
    .who-we-are-page h2{font-size: 32px; line-height: 32px; margin: 0 0 30px 0}
    .who-we-are-page h2 span{width: 100%; display: inline-block;}
    .who-we-are-page .btn-content{font-family: 'Gotham Medium'; border: #FFFFFF 1px solid; color: #fff; background: #276166; width: 174px; line-height: 50px; display: inline-block; text-align: center; font-size: 16px; transition: all .5s ease;}
    .who-we-content-box p{display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;}
    .who-we-content-box.active p{overflow: visible; -webkit-line-clamp: unset; transition: all .5s ease;}

    .what-we-do-area{display: block; padding: 30px}
    .what-we-do-area .leftside{width: 100%}
    .what-we-do-area .rightside{width: 100%; padding: 30px 0 0 0}
    .what-we-do-area .rightside h2{font-size: 32px; line-height: 32px; margin: 0 0 30px 0}
    .what-we-do-area .rightside h2 span{width: 100%; display: inline-block;}

    .mission-values-area{display: block; padding: 40px 30px}
    .mission-values-area .content-block{width: 100%}
    .mission-values-area .content-block:nth-of-type(2n+1){padding: 0px 0px 60px 0px}
    .mission-values-area .content-block:nth-of-type(2n+2){padding: 0px}
    .mission-values-area .content-block h2{font-size: 32px; line-height: 32px; margin: 0 0 30px 0}
    .mission-values-area .content-block h2 span{width: 100%; display: inline-block;}

    .our-team-area{ padding: 0}
    .our-team-area .container{padding: 30px 30px 0 30px}
    .our-team-area h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .our-team-area .team-block {padding: 0; min-height: auto; margin-bottom: 30px}
    .our-team-area .team-block .team-photo{width: 100%; height: 300px; position: relative; margin: 0 0 30px 0}
    .our-team-area .team-block p{-webkit-line-clamp: 5;}

    .error-page{padding: 150px 0 100px 0}
    .error-page h1{font-size: 120px; line-height: 150px; text-align: center;}
    .error-page h2{font-size: 32px; line-height: 32px; margin: 0 0 30px 0; text-align: center;}
    .error-page h2 span{width: 100%; display: inline-block;}
    .error-page h2 span::before {left: 50%; margin-left: -25px}
    .error-page p{text-align: center; font-size: 15px}

    .hotel-list-page{padding: 40px 0 0 0}
    .hotel-main-block{padding: 0 15px}
    .hotel-main-block .hotel-detail{background: transparent; align-items: flex-start}
    .hotel-main-block .hotel-detail .logo-area {width: 30%;height: 220px; position: relative; overflow: hidden; background: #F3F0E7;}
    .hotel-main-block .hotel-detail .logo-area img{width: 80%; height: 80%; position: absolute; left: 10%; right: 10%; top: 10%; bottom: 10%; object-fit: contain;}
    .hotel-main-block .hotel-detail .hotel-content{width: 70%; padding: 25px 0 25px 25px}
    .hotel-main-block .hotel-detail ul.hotel-link{column-count: 1}
    .hotel-main-block .hotel-detail h2{font-size: 32px; line-height: 32px; margin: 0 0 30px 0}
    .hotel-main-block .hotel-detail h2 span{width: 100%; display: inline-block;}
    .hotel-main-block:nth-of-type(2n+2) .hotel-detail .hotel-content{width: 70%; padding: 25px 25px 25px 0}

    .hotel-detail-page{padding: 0px}
    .hotel-detail-page .container{padding: 0px;}
    .hotel-detail-page .hotel-category{display: none}

    .hotel-detail-page .hotel-detail-box{padding: 35px 35px 15px 35px;}
    .hotel-detail-page .hotel-detail-box h2{font-size: 32px; line-height: 40px; margin: 0 0 30px 0}
    .hotel-detail-page .hotel-detail-box h2 span{width: 100%; display: inline-block;}
    .hotel-detail-page .hotel-detail-box h3{font-size: 28px; margin: 0 0 20px 0}

    .hotel-detail-page .key-facts-area{padding: 35px}
    .hotel-detail-page .key-facts-area h2{font-size: 32px; line-height: 40px; margin: 0 0 30px 0}
    .hotel-detail-page .key-facts-area h2 span{width: 100%; display: inline-block;}
    .hotel-detail-page .key-facts-area ul.key-fact-list{column-count:1}

    .hotel-detail-page .hotel-gallery-area{padding: 35px 35px 0 35px}
    .hotel-detail-page .hotel-gallery-area h2{font-size: 32px; line-height: 40px; margin: 0 0 30px 0}
    .hotel-detail-page .hotel-gallery-area h2 span{width: 100%; display: inline-block;}

    .hotel-detail-page .awards-area{padding: 35px 35px 0 35px}
    .hotel-detail-page .awards-area h2{font-size: 32px; line-height: 40px; margin: 0 0 30px 0}
    .hotel-detail-page .awards-area h2 span{width: 100%; display: inline-block;}

    .award-img{height: 300px}
    .award-img img{opacity: 1}
    .award-img .title{font-size: 14px; padding-left: 20px; left: 0px}
    .award-img::before {bottom: 0px}

    .hotel-detail-page .links-area{padding: 35px; padding-bottom: 0;}
    .hotel-detail-page .links-area h2{font-size: 32px; line-height: 40px; margin: 0 0 30px 0}
    .hotel-detail-page .links-area h2 span{width: 100%; display: inline-block;}
    .hotel-detail-page .links-area ul.four-link{margin: 0 -4px; flex-wrap: wrap;}
    .hotel-detail-page .links-area ul.four-link li {padding: 4px; width: 25%;}
    .hotel-detail-page .links-area ul.four-link li .link-box .icon{height: 46px; margin-bottom: 10px;}
    .hotel-detail-page .links-area ul.four-link li .link-box a{font-size: 14px; line-height: 22px; padding: 35px 0}

    .hotel-detail-page .contact-block{display: block; margin-top: 35px; }
    .hotel-detail-page .contact-block .contact-info{width: 100%; padding: 35px}
    .hotel-detail-page .contact-block .map-area{width: 100%; height: 400px}
    .hotel-detail-page .contact-block h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .hotel-detail-page .contact-block h2 span{width: 100%}

    .service-page{padding: 0px}
    .service-page .container{padding: 0px}
    .service-page .service-quote-box{top: 0px; padding: 40px 35px}
    .service-page .service-quote-box p::before {left: 0; margin-left: 0; width: 100%;}
    .service-page .row {margin: 0px; padding: 35px 20px 0px 20px;}
    .service-page .service-block {margin: 0 0 50px 0;}
    .service-page .service-block .service-photo{height: 190px; margin: 0px 0 30px 0}
    .service-page .service-block .title{padding: 0px; font-size: 28px; line-height: 38px; height: 76px;}

    .service-page .latest-project {position: relative; width: 90%; margin: 0 auto 40px auto; height: 280px; overflow: hidden;}
    .service-page .latest-project h2{font-size: 28px; margin: 20px 0; line-height: 32px;}
    .service-page .latest-project p{font-size: 18px; line-height: 22px;}
    .service-page .latest-project img {width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
}

/** responsive **/
@media (max-width: 767px) {
    header .logo-area{padding: 30px 0; z-index: 99999;}
    header .logo-area .logo{width: 74px; margin-left: -37px}
    header .logo-area ul.main-menu{display: none}
    header .logo-area .container{height: 42px}
    header .btn-menu{display: block;}
    header .menu-area{display: block;}
    .mega-sub-menu{ top: -1000px;}
    header .rightside .social-bottom-area .social-media li:nth-child(1){ margin-left: 0; }
    header .rightside .social-bottom-area .social-media li { margin-left: 0px; margin-right: 20px; }


    .slider-area .main-slider{height: 458px}
    .slider-area .main-slider .item{height: 458px}
    .slider-area .main-slider .content-area{height: 100%; padding: 0 20px}
    .slider-area .main-slider .content-area h1{font-size: 20px; line-height: 24px; margin-top: 30px;}
    .slider-area .main-slider::before {content: none}
    .slider-area .main-slider .owl-prev,
    .slider-area .main-slider .owl-next{display: none}
    .slider-area .social-bottom-area{bottom: 15px}
    .slider-area .social-bottom-area .social-media{justify-content: center;}
    .slider-area .social-bottom-area .social-media li{margin: 0 10px}
    .down-arrow { display: none;}

    .number-section{padding: 60px 0}
    .number-section .container{display: block;}
    .number-section .number-box{padding: 30px 0; width: 100%;}
    .number-section .number-box .number-title{font-size: 50px; line-height: 40px; margin-bottom: 10px}
    .number-section .number-box .number-title img{width: 50px}
    .number-section .number-box h3{font-size: 16px}
    .number-section .logo-bg{right: 50%; top: 50%; margin-top: -116px; width: 490px; margin-right: -245px;}
    .number-section .logo-bg img{width: 100%;}

    .who-we-are-section{display: block;}
    .who-we-are-section .leftside{width: 100%; height:auto;}
    .who-we-are-section .leftside img{position: relative;}
    .who-we-are-section .rightside{width: 100%; padding: 30px 30px 50px 30px;}
    .who-we-are-section .rightside h2{font-size: 32px; line-height: 32px; margin: 0 0 30px 0}
    .who-we-are-section .rightside h2 span{width: 100%; display: inline-block;}
    .who-we-are-section .rightside p{margin: 0 0 30px 0}

    .our-portfolio{padding: 40px 0}
    .our-portfolio h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .our-portfolio h2 span{width: 100%; display: inline-block;}
    .our-portfolio .portfolio-block .portfolio-img{height: 275px}

    .location-section{padding: 40px 0}
    .location-section h2{font-size: 32px; line-height: 42px; margin: 0 0 40px 0; text-align: left;}
    .location-section h2 span::before {left: 0px; margin-left: 0px}

    .gallery-section{padding: 40px 0}
    .gallery-section h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .gallery-section h2 span{width: 100%; display: inline-block;}
    .gallery-section .web-gallery{display: none}
    .gallery-section .gallery-slider{display: block !important}

    .gallery-img img{opacity: 1}
    .gallery-img .title{font-size: 14px; padding-left: 20px; left: 0px}
    .gallery-img::before {bottom: 0px}

    .get-in-touch-section .white-bg{padding: 40px 0}
    .get-in-touch-section h2{font-size: 32px; line-height: 32px; margin: 0 0 30px 0}
    .get-in-touch-section h2 span{width: 100%; display: inline-block;}
    .get-in-touch-section p{width: 100%}
    .get-in-touch-section .form-area {width: 90%; margin: 20px auto 0 auto;}

    .footer-main{padding: 40px 0 60px 0; overflow: hidden;}
    .footer-main .logo-area{width: 100%; padding: 0 20px}
    .footer-main .logo-area .logo{margin-bottom: 20px}
    .footer-main .menu-area {padding-left: 0px;}
    .footer-main h3{padding: 0 20px}
    .footer-main ul.footer-menu{padding: 0 20px}
    .footer-main .info{padding: 0 20px}
    .footer-main .social-media{justify-content: flex-start; margin: 25px 0px 0px 0px; padding: 0 20px;}
    .footer-main .social-media li { margin-right: 10px; }

    .footer-main .copyright {margin-top: 30px; text-align: center; font-size: 12px;}
    .footer-main .logo-bg{width: 420px; right: 50%; margin-right: -210px; margin-top: -100px}
    .footer-main .logo-bg img{width: 100%}

    .gallery-page{padding: 40px 15px}
    .gallery-page h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .gallery-page h2 span{width: 100%}
    .gallery-page .gallery-img{height: 215px}

    .inner-area .title-content{padding: 160px 0 120px 0}
    .inner-area .title-content h1{font-size: 24px; line-height: 28px; margin: 0 0 10px 0}
    .breadcrumb .breadcrumb-item{font-size: 12px; line-height: 16px}

    .news-page{padding: 40px 10px}
    .news-page h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .news-page h2 span{width: 100%}
    .news-block{text-align: center;}
    .news-block .news-img{height: 215px}
    .news-block .news-content .title{font-size: 26px; line-height: 38px; height: 76px; overflow: hidden;}

    .contact-page{padding: 0}
    .contact-page .container{padding: 0px}
    .contact-page .contact-block{display: block;}
    .contact-page .contact-block .contact-info{width: 100%; padding: 40px}
    .contact-page .contact-block .map-area{width: 100%; height: 400px}
    .contact-page .contact-block h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .contact-page .contact-block h2 span{width: 100%}

    .news-detail{padding: 40px 15px 10px 15px}
    .news-detail .news-photo{height: auto;}
    .news-detail .news-photo img{height: auto; position: relative;}
    .news-detail .title{font-size: 26px; line-height: 38px;}

    .more-news-section{padding: 40px 15px 40px 15px}
    .more-news-section h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .more-news-section h2 span{width: 100%; text-align: left;}
    .more-news-section h2 span::before {left: 0px; margin-left: 0px}
    .more-news-section .news-block{margin: 0px}
    .more-news-section .news-block .news-content .title{margin: 0px}

    .who-we-are-page{background: #F3F0E7; padding: 0}
    .who-we-are-page .container{padding: 30px 30px 40px 30px}
    .who-we-are-page .content-block{display: block;}
    .who-we-are-page .leftside{width: 100%; margin-top: 0px; height: 360px}
    .who-we-are-page .rightside{width: 100%; margin: 0px; padding: 30px 0 0 0}
    .who-we-are-page h2{font-size: 32px; line-height: 32px; margin: 0 0 30px 0}
    .who-we-are-page h2 span{width: 100%; display: inline-block;}
    .who-we-are-page .btn-content{font-family: 'Gotham Medium'; border: #FFFFFF 1px solid; color: #fff; background: #276166; width: 174px; line-height: 50px; display: inline-block; text-align: center; font-size: 16px; transition: all .5s ease;}
    /* .who-we-are-page .btn-content::before{content: 'Read More';}
    .who-we-are-page .btn-content.active::before{content: 'Read Less';} */
    /* .who-we-content-box p{display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical; overflow: hidden;}
    .who-we-content-box.active p{overflow: visible; -webkit-line-clamp: unset; transition: all .5s ease;} */
    .who-we-are-page .hideContent {overflow: hidden; height: 318px;}
    .who-we-are-page .showContent {height: auto;}
    .who-we-are-page .show-more{display: block;}
    .what-we-do-area{display: block; padding: 30px}
    .what-we-do-area .leftside{width: 100%}
    .what-we-do-area .rightside{width: 100%; padding: 30px 0 0 0}
    .what-we-do-area .rightside h2{font-size: 32px; line-height: 32px; margin: 0 0 30px 0}
    .what-we-do-area .rightside h2 span{width: 100%; display: inline-block;}

    .mission-values-area{display: block; padding: 40px 30px}
    .mission-values-area .content-block{width: 100%}
    .mission-values-area .content-block:nth-of-type(2n+1){padding: 0px 0px 60px 0px}
    .mission-values-area .content-block:nth-of-type(2n+2){padding: 0px}
    .mission-values-area .content-block h2{font-size: 32px; line-height: 32px; margin: 0 0 30px 0}
    .mission-values-area .content-block h2 span{width: 100%; display: inline-block;}

    .our-team-area{ padding: 0}
    .our-team-area .container{padding: 30px 30px 0 30px}
    .our-team-area h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .our-team-area .team-block {padding: 0; min-height: auto; margin-bottom: 30px}
    .our-team-area .team-block .team-photo{width: 100%; height: 300px; position: relative; margin: 0 0 30px 0}
    .our-team-area .team-block p{-webkit-line-clamp: 5;}

    .error-page{padding: 150px 0 100px 0}
    .error-page h1{font-size: 120px; line-height: 150px; text-align: center;}
    .error-page h2{font-size: 32px; line-height: 32px; margin: 0 0 30px 0; text-align: center;}
    .error-page h2 span{width: 100%; display: inline-block;}
    .error-page h2 span::before {left: 50%; margin-left: -25px}
    .error-page p{text-align: center;}

    .hotel-list-page{padding: 40px 0 0 0}
    .hotel-main-block{padding: 0 15px}
    .hotel-main-block .hotel-detail{display: block;}
    .hotel-main-block .hotel-detail .logo-area {width: 100%; height: 340px; position: relative; overflow: hidden;}
    .hotel-main-block .hotel-detail .logo-area img{width: 80%; height: 80%; position: absolute; left: 10%; right: 10%; top: 10%; bottom: 10%; object-fit: contain;}
    .hotel-main-block .hotel-detail .hotel-content{width: 100%; padding: 25px 0 0 0}
    .hotel-main-block .hotel-detail ul.hotel-link{column-count: 1;}
    .hotel-main-block .hotel-detail h2{font-size: 32px; line-height: 32px; margin: 0 0 30px 0}
    .hotel-main-block .hotel-detail h2 span{width: 100%; display: inline-block;}
    .hotel-main-block:nth-of-type(2n+2) .hotel-detail .hotel-content{width: 100%; padding: 25px 0 0 0}

    .hotel-detail-page{padding: 0px}
    .hotel-detail-page .container{padding: 0px;}
    .hotel-detail-page .hotel-category{display: none}

    .hotel-detail-page .hotel-detail-box{padding: 35px 35px 15px 35px;}
    .hotel-detail-page .hotel-detail-box h2{font-size: 32px; line-height: 40px; margin: 0 0 30px 0}
    .hotel-detail-page .hotel-detail-box h2 span{width: 100%; display: inline-block;}
    .hotel-detail-page .hotel-detail-box h3{font-size: 28px; margin: 0 0 20px 0}

    .hotel-detail-page .key-facts-area{padding: 35px; }
    .hotel-detail-page .key-facts-area h2{font-size: 32px; line-height: 40px; margin: 0 0 30px 0}
    .hotel-detail-page .key-facts-area h2 span{width: 100%; display: inline-block;}
    .hotel-detail-page .key-facts-area ul.key-fact-list{column-count:1}

    .hotel-detail-page .hotel-gallery-area{padding: 35px 35px 0 35px}
    .hotel-detail-page .hotel-gallery-area h2{font-size: 32px; line-height: 40px; margin: 0 0 30px 0}
    .hotel-detail-page .hotel-gallery-area h2 span{width: 100%; display: inline-block;}

    .hotel-detail-page .awards-area{padding: 35px 35px 0 35px}
    .hotel-detail-page .awards-area h2{font-size: 32px; line-height: 40px; margin: 0 0 30px 0}
    .hotel-detail-page .awards-area h2 span{width: 100%; display: inline-block;}

    .award-img img{opacity: 1}
    .award-img .title{font-size: 14px; padding-left: 20px; left: 0px}
    .award-img::before {bottom: 0px}

    .hotel-detail-page .links-area{padding: 35px; padding-bottom: 0; }
    .hotel-detail-page .links-area h2{font-size: 32px; line-height: 40px; margin: 0 0 30px 0}
    .hotel-detail-page .links-area h2 span{width: 100%; display: inline-block;}
    .hotel-detail-page .links-area ul.four-link{margin: 0 -4px; flex-wrap: wrap;}
    .hotel-detail-page .links-area ul.four-link li {padding: 4px; width: 50%;}
    .hotel-detail-page .links-area ul.four-link li .link-box .icon{height: 46px; margin-bottom: 10px;}
    .hotel-detail-page .links-area ul.four-link li .link-box a{font-size: 14px; line-height: 22px; padding: 35px 0}

    .hotel-detail-page .contact-block{display: block; margin-top: 35px; }
    .hotel-detail-page .contact-block .contact-info{width: 100%; padding: 35px}
    .hotel-detail-page .contact-block .map-area{width: 100%; height: 400px}
    .hotel-detail-page .contact-block h2{font-size: 32px; line-height: 32px; margin: 0 0 40px 0}
    .hotel-detail-page .contact-block h2 span{width: 100%}

    .service-page{padding: 0px}
    .service-page::before {content: none;}
    .service-page .container{padding: 0px}
    .service-page .service-quote-box{top: 0px; padding: 40px 35px}
    .service-page .service-quote-box p::before {left: 0; margin-left: 0; width: 100%;}
    .service-page .row {margin: 0px; padding: 35px 20px 0px 20px;}
    .service-page .service-block {margin: 0 0 50px 0;}
    .service-page .service-block .service-photo{height: 190px; margin: 0px 0 30px 0}
    .service-page .service-block .title{padding: 0px; font-size: 28px; line-height: 38px; height: auto;}

    .service-page .latest-project {position: relative; width: 90%; margin: 0 auto 40px auto; height: 312px; overflow: hidden;}
    .service-page .latest-project h2{font-size: 28px; margin: 20px 0; line-height: 32px;}
    .service-page .latest-project p{font-size: 18px; line-height: 22px;}
    .service-page .latest-project img {width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}

    .swal-modal{width: 90%; padding: 30px 30px 40px 30px;}
    .swal-icon:first-child{margin-top: 0px;}
    .swal-text {font-size: 20px; line-height: 26px;}

    .fancybox__nav {position: absolute; height: 50px; bottom: 60px; left: 0px; width: 100%; margin-bottom: 0;}

    .footer-main .left-apce-area{ padding-left: 0px; }
}

@media (max-width: 360px) {
    .hotel-detail-page .hotel-gallery-area,
    .hotel-detail-page .awards-area {padding: 35px 20px 0 20px;}
    .hotel-detail-page .links-area {padding: 20px;}
    .hotel-detail-page .key-facts-area{padding: 35px 20px;}
    .hotel-detail-page .hotel-detail-box{padding: 35px 20px 15px 20px;}
    .down-arrow { display: none;}
}