@media only screen and (max-width:993px) {
    header {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
    }
    header .headerTop {
        border-bottom: 2px solid #098166;
    }
    .hc-nav-trigger span,
    .hc-nav-trigger span::before,
    .hc-nav-trigger span::after {
        background: #0a8065;
    }
    .logo a img {
        height: auto;
        max-width: 200px;
    }
    #slider .item .sliderPhoto {
        height: 250px;
    }
    #whycamlik {
        margin-bottom: 15px;
    }
    #whycamlik p {
        margin-top: 15px;
        font-size: 15px;
        text-align: center;
    }
    .homeTitle {
        text-align: center;
        font-size: 18px;
    }
    #slogan {
        text-align: center;
        margin-bottom: 15px;
    }
    #slogan .sloganText {
        font-size: 18px;
        text-align: center;
    }
    #slogan:after {
        background-attachment: inherit;
    }
    #slogan .button-white {
        font-size: 14px;
        padding: 5px 15px;
        float: none;
    }
    #services {
        margin-bottom: 15px;
    }
    #services .homeTitle {
        margin-bottom: 15px;
    }
    #services .servicesBox .servicesImgBox {
        height: 120px;
    }
    #rooms {
        margin-bottom: 15px;
        text-align: center;
    }
    #rooms .owl-carousel .item .sliderPhoto {
        height: 250px;
    }
    #rooms p {
        margin-top: 15px;
        font-size: 15px;
    }
    .commentsSlider .commentsPhoto {
        margin: auto;
    }
    .commentsSlider .commentsText {
        padding: 0;
        margin-top: 15px;
        text-align: center;
    }
    .mobileLeftMenu {
        background: #0a7f64;
        color: #fff;
        width: 54px;
        height: 44px;
        display: inline-block;
        text-align: center;
        line-height: 44px;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .mobileLeftMenu:hover {
        color: #fff;
        text-decoration: none;
    }
    .leftMenu {
        display: none;
        margin-bottom: 30px;
    }
    .leftMenu.open {
        display: block;
        text-align: center;
    }
    .footerLogo {
        text-align: center;
    }
    .footerLogo img {
        max-height: 50px;
    }
    .footerMenu {
        display: none;
    }
    #pageContent .pageSlider #slideMini .item {
        height: 120px;
    }
    .commentsSlider .commentsPhoto {
        display: block;
        float: none;
    }
    .commentsSlider .commentsText {
        display: block;
        width: 100%;
    }
    .mebLogo img {
        max-width: 70px;
        margin: 8px auto;
    }
}

@media only screen and (max-width:768px) {
    #pageContent .pageSlider #slideBig .item a {
        height: 300px;
    }
     #pageBanner h2 {
        margin: 80px 0 0;
             font-size: 19px;
    padding: 10px;
    }
    .commentsPage  {
        text-align: center;
    }
    .commentsPage .commentsPhoto {
        float: none;
        margin:0 auto 30px;
        
    }
    .commentsPage .commentsText {
        display: block;
        width: 100%;
        float: none;
    }
}

@media only screen and (max-width:468px) {
    .logo a img {
        max-width: 100%;
    }
      .mebLogo img {
        max-width: 60px;
    }
    #pageBanner h2 {
        margin: 50px 0 0;
            font-size: 16px;
    padding: 10px;
    }
}