@media (max-width: 767px) {
    #oferta h2 {
        margin-bottom: 0;
    }
    .wrapper-header .kontakt a {
        font-size: 17px;
    }
    .header-img{
        margin:130px 0 20px 0;
    }
    #o-nas .publikacja{
        width:80%;
        padding:10px 25px 10px 25px;
        background:#f9c0d2;
        color:#565656;
        clear:both;
        display:block;
        margin:0 auto;
        text-align:center;
        margin-top:30px;
        margin-bottom:15px;
    }
    .wrapper-info{
        display: inline-block;
        width:100%;
        clear:both;    
        background:#eff6fe;
        border-bottom:3px solid #edb8c9;
    }    
    #info{
        width:100%;
    }    
    #info h2{
        margin-top:30px;
    }
    #info .content-text{
        font:15px/24px LatoLight,Arial,sans-serif;
    }
    .wrapper-oferta{
        display: inline-block;
        width:100%;
        clear:both;
        background:#f7fbff;
        background-size:80%;
    }
    #oferta .content-text .text{
        margin:0px 0 40px 0;
        color:#4f4f4f;
    } 
    #kontakt img{
        width:100%;
    }
    .content-page-box .content-text ul{
        margin:0;
        padding:0;
    }
    .content-page-box .content-text ul li{
        list-style: none;
        background: url(img/ul-dot.png) left 5px no-repeat;
        padding:0 0 0 20px;
        margin: 15px 0 15px 0;
    }  
    .wrapper-belt img{
        width:100%;
    }
    #top-menu{
        position:absolute;
        top:10px;
        right:0px;
        background:none;
        width:100%;
    }  
    #navbar{
        width:100%;
        margin: 0!important;
    }
    ul.nav
       {
        padding:0;
        margin:0;
        width:100% !important;
    }
    ul.nav .navbar-nav li{
        width:100%;
    }
    #top-menu a{
        background:#FEE9EF;
        width:100%;
    }
    #o-nas .content-text{
        width:100%;
        text-align: justify;
        font:16px/20px LatoLight,Arial,sans-serif;
    }
    #cennik table{
        width:100%;
        margin:0 auto;
        border-collapse:separate;  
        border-spacing:0 25px;    
    }    
    #cennik table tr td:first-child{
        padding:0 0 0 25px;
        width:80%;
    }
    #cennik table tr td{
        font:18px/24px LatoLight,Arial,sans-serif;
        width:20%;
    } 
    .content-page-box h2{
        width:100%;
        text-align: center;
        font:30px/30px LatoRegular,arial,sans-serif;
        /* color:#ec336d; */
        padding:40px 0 30px 0;
        text-transform: uppercase;
    }   
    h1.main-title-page{
        text-align:center;
        font:25px/16px Arial,Tahoma,sans-serif;
        padding-top:10px;
        margin:0;
    }
    .header-top{
        padding:0px 0 0 0;
    }    
    .header-bottom{
        padding:5px 0 5px 0;
        margin:0;
    }
    .box-bottom{
        padding:10px 0 20px 0;    
    }
    .box-bottom .contact{
        text-align:left;
        font:bold 14px/16px Arial,Tahoma,sans-serif;
        color:#d71921;
        padding:0px 0 20px 0;
    }
    .bottom-links ul li a{
        color:#8c8c8c;
        font:14px/14px Arial,Tahoma,sans-serif;  
    }
    .box-bottom .design{
        color:#bababa;
        text-align:left;
        margin-top:5px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #o-nas .publikacja{
        width:40%;
        padding:10px 25px 10px 25px;
        background:#f9c0d2;
        color:#565656;
        clear:both;
        display:block;
        margin:0 auto;
        text-align:center;
        margin-top:30px;
        margin-bottom:15px;
    }
    .wrapper-info{
        display: inline-block;
        width:100%;
        clear:both;    
        /* background:#eff6fe url(img/info-md-bg.jpg) bottom right no-repeat;
        border-bottom:3px solid #edb8c9; */
    }    
    #info{
        width:100%;
    }    
    #info h2{
        margin-top:60px;
    }
    #info .content-text{
        font:15px/24px LatoLight,Arial,sans-serif;
    }
    .wrapper-oferta{
        display: inline-block;
        width:100%;
        clear:both;
        background:#f7fbff;
		background-size:70% 90%;
    }
    #oferta .content-text .text{
        margin:0px 0 170px 0;
        color:#4f4f4f;

        left: unset;
        width: 100%;
    }    
    #oferta h2 {
        margin-bottom: 0;
    }
    .content-page-box .content-text ul{
        margin:0;
        padding:0;
    }
    .content-page-box .content-text ul li{
        list-style: none;
        background: url(img/ul-dot.png) left 5px no-repeat;
        padding:0 0 0 20px;
        margin: 15px 0 15px 0;
    }    
    #top-menu{
        position: relative;
        bottom:-30px;
        width:100%;
        background:none;
        /* bordeR:0; */
        min-height:auto;
        /* background:url(img/menu-bg.jpg) center center repeat-x; */
    }  
    #o-nas .content-text{
        width:100%;
        text-align: justify;
        font:16px/20px LatoLight,Arial,sans-serif;
    }
    #cennik table tr td:first-child{
        padding:0 0 0 25px;
        width:80%;
    }
    #cennik table tr td{
        font:18px/24px LatoLight,Arial,sans-serif;
        width:20%;
    } 
    .content-page-box h2{
        width:100%;
        text-align: center;
        font:30px/30px LatoRegular,arial,sans-serif;
        /* color:#ec336d; */
        padding:40px 0 30px 0;
        text-transform: uppercase;
    }
    #top-menu a{
        color:#000;
        font-size:16px;
        text-transform: uppercase;
        padding:16px 0 12px 0px;
    }
    #top-menu li{
        margin:0 7px 0 7px;
        padding:0;
    }  
    #navbar ul{
        float:none;
        margin:0 auto;
        display:inline-block;
        text-align:cneter;
        width:auto;
        text-align:center;
    }
    #navbar ul li{
        margin:0 20px 0 20px;
    }
    h1.main-title-page{
        font:19px/16px Arial,Tahoma,sans-serif;
    }
    .box-bottom{
        padding:25px 0 20px 0;    
    }
    .box-bottom .contact{
        text-align:left;
        font:bold 16px/16px Arial,Tahoma,sans-serif;
        color:#d71921;
        padding:0px 0 20px 0;
    }
    .box-bottom .design{
        color:#bababa;
        text-align:left;
        margin-top:5px;
    }
    /*galeria*/
    #link-gallery {
        float:right;
        margin:15px -15px 15px 0;

    }
    #link-gallery a{
        display:inline-block;
        float:left;
        background:url(img/link-gallery-bg.jpg) repeat-x;
        font:16px/14px France,Arial,sans-serif;
        color:#000;
        text-transform: uppercase;
        height:44px;
        line-height:48px;
        padding:0 45px 0 45px;
        cursor: pointer;
    }    
}
@media (min-width: 992px) and (max-width: 1199px) {
    /* .wrapper-info{
        background:#eff6fe url(img/info-md-bg.jpg) bottom right no-repeat;
        border-bottom:3px solid #edb8c9;
    } */
    #info .content-text{
        font:14px/24px LatoLight,Arial,sans-serif;
    }
    #o-nas .publikacja{
        width:60%;
        padding:10px 25px 10px 25px;
        background:#f9c0d2;
        color:#565656;
        clear:both;
        display:block;
        margin:0 auto;
        text-align:center;
        margin-top:30px;
    }
    .wrapper-oferta{
        display: inline-block;
        width:100%;
        clear:both;
        /* background:#f7fbff url(img/oferta-md-bg.jpg) left 100% no-repeat; */
    }    
    #top-menu{
        position: relative;
        bottom:-30px;
        width:100%;
        background:none;
        /* bordeR:0; */
        min-height:auto;
        /* background:url(img/menu-bg.jpg) center center repeat-x; */
    }
    #menu .content-text{
        color:#301c14;
        padding:0 20px 0 20px;
        font-size:20px;
    }
    #menu .content-text h3{
        margin:27px 0 27px 0 !important;
    }
    #top-menu a{
        color:#000;
        font-size:16px;
        text-transform: uppercase;
        padding:16px 0 12px 0px;
    } 
    #navbar ul{
        float:none;
        margin:0 auto;
        display:inline-block;
        text-align:cneter;
        width:auto;
        text-align:center;
    }
    #navbar ul li{
        margin:0 40px 0 40px;
    }    
    h1.main-title-page{
        font:25px/16px Arial,Tahoma,sans-serif;
    }
    .box-bottom{
        padding:20px 0 20px 0;
    }
    .box-bottom .contact{
        text-align:left;
        font:bold 20px/20px Arial,Tahoma,sans-serif;
        color:#d71921;
        padding:0px 0 20px 0;
    }
    .box-bottom .design{
        color:#bababa;
        text-align:left;
        margin-top:5px;
    }    
    div.widget-kalendarz {
        float:right;
    }
    .last-events{
        float:right;
        margin-right:5px;
    }    
}

/* @media (min-width: 1200px) and (max-width: 1400px) {
    .wrapper-info{
        background:#eff6fe url(img/info-1366-bg.jpg) bottom right no-repeat;
        border-bottom:3px solid #edb8c9;
    }    
} */

@media (max-width: 1199px) {
    .shiz_s2, .shiz_s3, .shiz_s32 {
        grid-template-columns: 1fr;
    }
    #o-nas h2{
        padding: 40px 0 30px 0;
        margin: 0;
        margin: 40px 0;
    }
    .shiz_s3__img, .shiz_s32__img {
        margin-top: 0;
    }
    .shiz_s3__hl_box, .shiz_s32__hl_box {
        background: rgb(22,36,85);
    }
}