#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cssmenu #menu-button {
    display: none;
}

#cssmenu.small-screen {
    width: 100%;
}

#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
    width: 100%;
    position: absolute;
    top: 83px;
    left: 0;
    z-index: 9999;
    background: #0083c7;
}

#header.page #cssmenu.small-screen > ul,
#header.page #cssmenu.small-screen.align-center > ul {
    top: 68px;
}

#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center > ul > li {
    float: none;
    display: block;
    border-top: 1px solid rgba(100, 100, 100, 0.1);
    padding: 0;
    margin-right: 0;
}

#cssmenu.small-screen > ul > li a:hover {
    border-bottom: 0;
}

#cssmenu.small-screen > ul > li > a {
    padding: 5px 10px;
    display: block;
}

#cssmenu.small-screen > ul > li:after,
#cssmenu.small-screen > ul > li:before {
    display: none;
}

#cssmenu.small-screen #menu-button {
    display: block;
    padding: 25px;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}

#cssmenu.small-screen #menu-button.menu-opened {
    color: #fff;
}

#cssmenu.small-screen #menu-button:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 18px;
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    width: 25px;
    height: 4px;
}

#cssmenu.small-screen #menu-button.menu-opened:after {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

#cssmenu.small-screen #menu-button:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 32px;
    display: block;
    width: 25px;
    height: 3px;
    background: #fff;
}

#cssmenu.small-screen #menu-button.menu-opened:before {
    background: #fff;
}

#cssmenu.small-screen #menu-indicator {
    display: none;
}

@media (max-width: 1367px) {
    .intro .header-container, .intro-main {
        display: block;
    }
    .intro .header-container .logo {
        margin-top: 15px;
    }
    
    .intro .header-container .logo img {
        max-width: 250px
    }
    
    .intro .header-container .name {
        padding: 15px 0 30px 0;
    }
    
    .intro .header-container .categories .cat img {
        max-width: 200px;
    }
    
    .intro .header-container .footer {
        padding: 15px 0;
    }
    
    .title {
        font-size: 28px;
        line-height: 28px;
    }
    
    .title span {
        font-size: 14px;
        line-height: 14px;
    }
    
    #header.front .contact {
        padding: 10px 20px 20px 20px;
    }
    
    #header.front .logo img {
        max-width: 175px;
    }
    
    #header.front .header-container .reserve {
        margin-top: 25px;
    }
    
    #header.front .navigation {
        bottom: 20px;
    }
    
    #header.front .navigation nav {
        margin: 15px auto;
    }
    
    .reserve {
        padding: 5px 25px;
    }
    
    .reserve:before {
        background-size: 80%;
        background-repeat: no-repeat;
        margin-right: 15px;
    }
    
    .restauracja #header.front .header-container .reserve {
        margin-top: 50px;
    }
    
    .bx-wrapper .bx-prev {
        left: 15px;
    }
    
    .bx-wrapper .bx-next {
        right: 15px;
    }
    
    #footer .top .reserve {
        margin-top: -12px;
    }
}

@media (max-width: 1240px) {
    #footer .top .telephone:before,
    #footer .top .telephone:after {
        display: none;
    }
    
    #footer .top .reserve {
        padding: 15px;
        text-align: center;
    }
    
    #footer .top .reserve::before {
        display: none;
    }
}

@media (max-width: 992px) {
    .col-md-show {
		display:block !important
	}
    
	.col-md-hide {
		display:none !important
	}
    
    .intro, .intro .header-container {
        height: auto!important;
    }
    
    .intro .header-container .categories .cat {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .intro .header-container .categories .cat img {
        max-width: 100%;
    }
    
    .intro .header-container .footer-container {
        position: static;
    }
    
    
    .bx-wrapper .bx-controls-direction a {
        top: 0px;
        margin-top: -75px;
    }
    
    .module.parallax {
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .module.parallax .section {
        display: block;
        float: none;
    }
    
    .module.parallax .section .content {
        height: auto;
        display: block;
    }
    
    .module.parallax .section article {
        max-width: 100%;
        padding: 15px;
    }
    
    .module.parallax .section article header {
        margin-bottom: 15px;
    }
    
    .module.parallax .section article .readmore {
        margin-top: 15px;
    }
    
    a.readmore {
        width: 100%;
        padding: 10px;
        text-align: center;
    }
    
    #header {
        height: auto!important;
        background: none;
    }
    
    #header .col-mobile {
        display: block;
    }
    
    #header .col-mobile img {
        max-width: 125px;
    }
    
    #header .mobile-menu {
        position: static;
    }
    
    #header.front .navigation,
    #header.page {
        position: static;
        background: rgba(0, 131, 199, 1);
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    #header.front .navigation nav {
        margin: 0;
    }
    
    #header.page .col-menu {
        position: static;
        padding-right: 15px;
    }
    
    #home-select .left,
    #home-select .right {
        background-image: none!important;
        background-color: #fff;
        height: auto;
    }
    
    #home-select .right {
        background-color: #f9f8fd;
    }
    
    #home-select .left article,
    #home-select .right article {
        text-align: center;
        float: none;
        max-width: 100%;
        padding: 15px;
    }
    
    #home-select article header {
        margin-top: 0px;
        margin-bottom: 15px;
    }
    
    
    #home-offer {
        padding-top: 15px;
        padding-bottom: 15px;
        background: rgba(0, 131, 199, 1)!important;
    }
    
    #home-offer .item {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    #home-offer .name {
        padding-bottom: 0px;
    }
    
    #home-offer .name h2 {
        font-size: 28px;
        line-height: 32px;
    }
    
    #home-offer .name h2 span {
        font-size: 16px;
        line-height: 20px;
        padding: 0 50px;
    }
    
    #home-offer figure img, #main.rooms .room figure img {
        width: 100%;
    }
    
    #home-opinion {
        padding-top: 60px;
        padding-bottom: 15px;
    }
    
    #home-opinion .item {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    #home-opinion .bx-wrapper .bx-controls-direction a {
        margin-top: -45px;
    }
    
    #main {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    #main.about .care, #main.about .attractions {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    #main.about.attractions {
        background: #fff;
    }
    
    #main.about .why-us {
        padding-bottom: 0;
    }
    
    #main.about .why-us .thumbnail img {
        margin: 0 auto;
        display: block;
    }
    
    #main.about .care .attr, #main.about .attractions .attr {
        padding-top: 15px;
    }
    
    #main.about .care .attr .icon, #main.about .attractions .attr .icon {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    #main.about #about-offer {
        padding-top: 15px;
        padding-bottom: 15px;
        background: #fff;
    }
    
    #main.about #about-offer article header,
    #main.about #about-offer article p {
        margin-bottom: 30px;
        text-align: center;
    }
    
    #main.about #about-offer article .columns {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
    
    #main.about #about-offer article .columns li {
        text-align: center;
    }
    
    #main.about #about-offer article .columns li::after {
        display: none;
    }
    
    #main.about #about-offer article a.readmore {
        margin-top: 15px;
    }
    
    #main.contact {
        text-align: center;
    }
    
    #main.contact .map-container {
        height: 200px;
        position: relative;
    }
    
    #main.package .name {
        padding-bottom: 15px;
    }

    #main.package .section {
        padding-top: 15px;
        padding-bottom: 0;
        background: #eaeaea!important;
    }
    
    #main.package .section:last-of-type {
        padding-bottom: 15px;
    }
    
    #main.package .section article {
        background: #fff;
        padding: 15px;
    }
    
    #main.rooms .name {
        padding-bottom: 0px;
    }
    
    #main.rooms .service {
        padding-left: 15px;
    }
    
    #main.rooms .room figcaption {
        font-size: 16px
    }
    

    #main .hb-booking-search-form .check-in, #main .hb-booking-search-form .check-out, #main .hb-booking-search-form .chosen_adults, #main .hb-booking-search-form .children {
        margin-bottom: 30px;
    }
    
    #main .hb-booking-search-form .step2 {
        clear: both;
    }
    
    #main .hb-accom {
        padding: 15px;
    }
    
    #main .hb-accom .hb_image, #main .hb-accom .hb_content {
        padding: 0;
        min-height: 0;
    }
    
    #main .hb-accom-select {
        clear: both;
    }
    
    #main .hbook-wrapper .hb-confirm-button input[type="submit"] {
        display: block;
        margin: 0 auto;
        float: none;
    }
    
    #main .hb-details-fields input[type="text"] {
        max-width: 100%;
    }
    
    #main .hb-accom-room-info i  {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    #main .hb-accom .hb_image img {
        display: block;
        margin: 0 auto;
        float: none;
    }
    
    #main .hb-accom-title {
        margin-top: 15px;
        text-align: center;
    }
    
    #main .hbook-wrapper .hb-select-accom {
        float: left;
        margin-top: 30px;
    }
    
    #main .hb-select-accom-wrapper {
        position: static;
    }
    
    #main .hb-booking-change-search input[type="button"] {
        margin-bottom: 15px;
    }        
    
    .md-content {
        padding: 15px;
    }
    
    #main .hb-search-background  {
        background: none;
    }
    
    #main .hb-booking-search-form .searched-col {
        background: none;
        border-right: 0;
        padding: 15px;
        background: rgba(0, 91, 158, 0.8);
    }
    
    #main .hb-booking-search-form .check-in::after, #main .hb-booking-search-form .check-out::after,
    #main .hb-booking-search-form .chosen_adults::after, #main .hb-booking-search-form .chosen-children::after  {
        width: 45px;
        height: 45px;
        background-size: 100%;
        bottom: 30px;        
    }
    
    #main.menu article header {
        margin-top: 30px;
        margin-bottom: 15px;
    }
    
    #main.menu article .price-package-content .thumbnail img {
        display: block;
        margin: 0 auto;
    }
    
    #main.menu article .price-package-name {
        margin: 0 auto;
        display: block;
        float: none;
    }
    
    #main.menu article .price-package-amount {
        float: none;
        text-align: center;
    }
    
    #main.menu article .price-package-desc ul li {
        width: 100%;
    }
    
    #footer {
        border-top: 1px solid #ccc;
    }
    
    #footer .top  {
        padding-bottom: 15px;
        text-align: center;
    }
    
    #footer .top .telephone {
        padding-top: 15px;
        padding-left: 15px;
        padding-bottom: 15px;
    } 
    
    #footer .top .reserve {
        margin-top: 15px;
    }
    
    #footer .top .reserve strong {
        display: block;
        margin-top: 5px;
    }
    
    #footer .top .address::after {
        display: none;
    }
}
 
@media (max-width: 768px) {
	.col-sm-show {
		display:block !important
	}
    
	.col-sm-hide {
		display:none !important
	}
    
    .intro .header-container .logo img {
        max-width: 150px;
    }

    .intro .header-container .footer .left,
    .intro .header-container .footer .right {
        text-align: center;
    }
    
    .intro .header-container .name {
        padding: 15px 0;
    }
    
    .intro .header-container .categories {
        margin-bottom: 15px;
    }
    
    #main.menu article .menu::before {
        display: none;
    }
    
    #main.menu article .menu {
        padding: 15px;
    }
    
    #main.menu article .menu h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 20px;
    }
    
    #main.menu article .menu .amount {
        position: static;
    }
    
    #footer .bottom .menu ul {
        display: none;
    }
    
    #footer .bottom {
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
    }
    
    #footer .bottom .logo {
        margin-top: 15px;
        text-align: center;
    }
}

@media (max-width: 450px) {
    #home-offer .item,
    #home-opinion .item {
        width: 100%;
    }
}