@media screen and (max-width: 1919px) {
    .podstrona {
        background-image: url(../images/winieta.jpg);
        height: 242px;
        background-position: 40%
    }
}
@media screen and (max-width: 1167px) {
    .headerBg {
        background-image: url(../images/baner2.jpg);
        background-size: 180%;
        background-position: 45%
    }
}
@media screen and (max-width: 1200px) {
    .container .slider .carousel-control {
        top: 39% !important
    }
}
@media screen and (max-width: 1000px) {
    .headerBg {
        background-image: url(../images/baner2.jpg);
        background-size: 180%;
        background-position: 50%
    }
    .container .logo {
        margin-left: 50px
    }
    .container .slider .carousel-control {
        top: 117px !important
    }
}
@media (max-width: 1250px) {
    .footerSlider .slide .left {
        left: -15px
    }
    .footerSlider .slide .right {
        right: -15px
    }
    .slideBg .carousel-inner {
        padding-left: 20px;
        padding-right: 20px
    }
    .container .slider .right {
        right: 15px
    }
    .container .slider .left {
        left: 15px
    }
}
@media (max-width: 1200px) {
    .footerSlider .slide .left {
        left: 16px
    }
    .footerSlider .slide .right {
        right: 16px
    }
    .slideBg .carousel-inner {
        padding-left: 20px;
        padding-right: 20px
    }
    .container .slider .right {
        right: 15px
    }
    .container .slider .left {
        left: 15px
    }
    .headerCont .carousel-control .glyphicon-chevron-left, .headerCont .carousel-control .glyphicon-chevron-right, .headerCont .carousel-control .icon-next, .headerCont .carousel-control .icon-prev {
        margin-top: -38px
    }
    .navbar-header {
        float: none
    }
    .navbar-left, .navbar-right {
        float: none !important
    }
    .navbar-toggle {
        display: block
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }
    .navbar-collapse.collapse {
        display: none !important
    }
    .navbar-nav {
        float: none !important;
        margin-top: 7.5px
    }
    .navbar-nav > li {
        float: none
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .collapse.in {
        display: block !important
    }
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus {
        float: left;
        margin-left: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
        border: none;
        background-color: none
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: none;
        border: none
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #dec8a3;
        height: 5px;
        width: 40px;
        border-radius: 3px
    }
    .topSite .container .navbar-collapse .navbar-nav .active a {
        border-top: none
    }
    .topSite .container .navbar-collapse .navbar-nav li a {
        border-bottom: 1px solid #dec8a3;
        float: left;
        text-align: center;
        width: 100%
    }
    .topSite .container .navbar-collapse .navbar-nav .open .dropdown-menu li a {
        padding: 20px;
        color: #fff
    }
    .topSite .container .navbar-collapse .navbar-nav .open .dropdown-menu li a:hover {
        background-color: transparent
    }
    .navbar-nav > li > .dropdown-menu, .topSite .container .navbar-collapse .navbar-nav .dropdown ul .dropdown-menu {
        position: relative;
        width: 100%;
        background-color: transparent;
        box-shadow: none;
        border: none
    }
    .sliderNew .carousel-inner .item {
        padding-left: 30px;
        padding-right: 30px
    }
    .navbar-header .search {
        display: block;
        margin-top: 25px
    }
    .navbar-header .search .form-group .formSearch {
        display: none;
        padding: 20px
    }
    .navbar-header .search .btn {
        font-size: 20px;
        background-color: transparent;
        border: none;
        color: #e1caaa
    }
    .headerCont .col-md-5 img {
        width: 100%
    }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .sliderNew .carousel-inner .item {
        padding-left: 0;
        padding-right: 0
    }
    .headerCont .carousel-control .glyphicon-chevron-left, .headerCont .carousel-control .glyphicon-chevron-right, .headerCont .carousel-control .icon-next, .headerCont .carousel-control .icon-prev {
        margin-top: -10px
    }
    .col-md-offset-1 {
        margin: 0
    }
    .headerCont {
        padding: 0
    }
    .headerCont .mobileLogo {
        display: none
    }
    .headerCont .mobileLogo img {
        width: 100%
    }
    .headerCont .col-md-5 {
        float: left;
        width: 45%
    }
    .headerCont .col-md-5 img {
        width: 100%
    }
    .headerCont .slider {
        float: left;
        margin: 54px 0 0;
        width: 55%
    }
    .container .slider .carousel .carousel-inner .item .carousel-caption .title {
        margin-top: 10px;
        font-size: 18px
    }
    .container .slider .carousel .carousel-inner .item .carousel-caption .caption {
        font-size: 13px;
        margin-top: 5px;
        margin-bottom: 0
    }
    .container .slider .carousel .carousel-inner .item .carousel-caption {
        padding-bottom: 10px
    }
    .container .slider .carousel-control {
        top: 90px
    }
    .bottomBar .col-md-6 {
        width: 70%;
        float: left
    }
    .bottomBar .container {
        height: auto;
        position: relative
    }
    .bottomBar .col-md-3 {
        width: 30%;
        float: left;
        position: absolute;
        bottom: 0;
        top: 0;
        right: 0
    }
    .col-md-3--two {
        display: none
    }
    .post {
        width: 70%;
        float: left
    }
    .bottomBar .col-md-2 {
        width: 30%
    }
    .bottomBar .col-md-3--two {
        display: none !important
    }
    .contentSite .post .post-article .postContent .title {
        font-size: 18px
    }
    .contentSite .post .post-article .postContent .content {
        font-size: 13px
    }
    .contentSite .sidebar .gallery .title {
        font-size: 14px
    }
    .sidebar {
        width: 30%;
        float: left
    }
    .contentSite .sidebar .newsletter .foot .two a {
        float: left;
        margin-top: 10px
    }
    .contentSite .sidebar .newsletter .foot {
        margin-top: 20px
    }
    .contentSite .sidebar .newsletter form .one, .contentSite .sidebar .newsletter form .two {
        padding: 5px
    }
    .contentSite .sidebar .newsletter form {
        margin-top: 20px
    }
    .contentSite .sidebar .callendar .carousel-control {
        position: relative;
        top: 20px;
        margin-bottom: 40px;
        float: left
    }
    .contentSite .sidebar .callendar .carousel-control .glyphicon {
        top: 0
    }
    .contentSite .sidebar .callendar .right {
        float: right
    }
    .contentSite .sidebar .callendar .carousel-inner .item .hours .box .caption {
        width: 80%
    }
    .contentSite .sidebar .callendar .carousel-inner .item .hours .box .hour {
        width: 20%
    }
    .bgBottom .container .rightBox .hours .boxBottom .one, .bgBottom .container .rightBox .hours .boxBottom .two {
        font-size: 12px
    }
    .bgBottom .container .leftBox .leftBottom-right {
        width: 85%;
        float: right
    }
    .footerSite .col-md-6 {
        float: left;
        width: 50%
    }
    .footerSite .col-md-6 img {
        width: 100%
    }
    .footerSite .col-md-4 {
        width: 50%;
        float: left;
        padding-left: 50px
    }
    .footerSlider .slide .left {
        left: -5px
    }
    .footerSlider .slide .right {
        right: -5px
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 800px) {
    .container .slider .left .glyphicon {
        left: 50px
    }
    .container .slider .right .glyphicon {
        right: 50px
    }
}
@media screen and (min-width: 767px) {
    .headerCont .mobileLogo {
        display: none
    }
    .headerCont .mobileLogo img {
        width: 100%
    }
}
@media screen and (max-width: 992px) {
    .container .slider {
        min-height: 305px !important
    }
    .container .logo {
        margin-left: 0
    }
    .container .slider .carousel-control {
        top: 92px !important
    }
}
@media screen and (width: 992px) {
    .container .logo {
        margin-left: 50px !important
    }
    .container .slider .carousel-control {
        top: 115px !important
    }
}
@media screen and (max-width: 830px) {
    .headerBg {
        background-image: url(../images/baner2.jpg);
        background-size: 200%;
        background-position: 45%
    }
}
@media screen and (max-width: 767px) {
    .headerBg {
        background-image: url(../images/baner2.jpg);
        background-size: auto 100%;
        background-position: right
    }
    .headerBg .container .logo {
        text-align: center;
        margin-bottom: 50px
    }
    .headerBg .container .logo img {
        width: auto
    }
    .container .slider .carousel-control {
        top: 26% !important
    }
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus {
        float: left;
        margin-left: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
        border: none;
        background-color: none
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: none;
        border: none
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #dec8a3;
        height: 5px;
        width: 40px;
        border-radius: 3px
    }
    .topSite .container .navbar-collapse .navbar-nav .active a {
        border-top: none
    }
    .topSite .container .navbar-collapse .navbar-nav li a {
        border-bottom: 1px solid #dec8a3;
        float: left;
        text-align: center;
        width: 100%
    }
    .topSite .container .navbar-collapse .navbar-nav .open .dropdown-menu li a {
        padding: 20px;
        color: #fff
    }
    .topSite .container .navbar-collapse .navbar-nav .open .dropdown-menu li a:hover {
        background-color: transparent
    }
    .headerCont {
        padding: 0
    }
    .headerCont .mobileLogo img {
        width: 100%
    }
    .headerCont .col-md-5 {
        display: none
    }
    .headerCont .slider {
        padding: 0;
        margin: 0;
        width: 100%
    }
    .container .slider .right .glyphicon {
        right: 40px
    }
    .container .slider .left .glyphicon {
        left: 40px
    }
    .container .slider .carousel .carousel-inner .item img {
        border-left: none;
        border-right: none
    }
    .container .slider .carousel .carousel-inner .item .carousel-caption .title {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 30px
    }
    .container .slider .carousel .carousel-inner .item .carousel-caption .caption {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 10px
    }
    .bottomBar .container .col-md-3 {
        display: none
    }
    .contentSite .post .post-article .thumb {
        width: 100%
    }
    .contentSite .post .post-article .thumb .thumbnail {
        border: none;
        padding: 0
    }
    .contentSite .post .post-article .thumb .thumbnail img {
        width: 100%
    }
    .postContent {
        padding: 0
    }
    .contentSite .post .post-article .post-foot .more {
        float: left
    }
    .sidebar {
        float: left;
        width: 100%
    }
    .sidebar .gallery .thumb {
        width: 100%
    }
    .sidebar .gallery .thumb .thumbnail {
        border-radius: 0
    }
    .contentSite .sidebar .callendar .carousel-control .glyphicon {
        top: 40px
    }
    .contentSite .sidebar .callendar .left .glyphicon {
        left: -15px
    }
    .contentSite .sidebar .callendar .right .glyphicon {
        right: -15px
    }
    .bgBottom .arrowTop {
        display: none
    }
    .bgBottom {
        background-image: url(../images/sprite.png);
        background-size: auto;
        margin-top: 40px;
        background-position: -1935px -5px
    }
    .bgBottom .container {
        margin: 0;
        padding: 0
    }
    .leftBox {
        padding: 0;
        width: 100%;
        float: left
    }
    .rightBox {
        float: left;
        width: 100%
    }
    .bgBottom .container .leftBox .header {
        border-bottom: none;
        text-align: center;
        width: 100%;
        margin-top: 30px;
        padding-bottom: 0;
        margin-bottom: 30px
    }
    .bgBottom .container .leftBox #map {
       height: 299px;

    }
    .bgBottom .container .leftBox .leftBottom {
        float: left;
        width: 100%;
        text-align: center;
        display: block;
        margin-top: 20px
    }
    .bgBottom .container .leftBox .leftBottom a .arrowUp {
        margin-left: -21px;
        left: 50%;
        position: relative
    }
    .bgBottom .container .leftBox .leftBottom a {
        float: none
    }
    .bgBottom .container .leftBox .leftBottom-right {
        border-top: none;
        margin-top: 0;
        text-align: center;
        width: 100%;
        margin-bottom: 30px
    }
    .bottomBar .col-md-6 {
        width: 100%;
        float: left
    }
    .bgBottom .container .rightBox .hours {
        margin-bottom: 20px
    }
    .bgBottom .container .rightBox .hours .boxBottom .one, .bgBottom .container .rightBox .hours .boxBottom .two {
        font-size: 13px
    }
    .footerSite .col-md-6 {
        width: 50%;
        float: left
    }
    .footerSite .col-md-6 img {
        width: 100%
    }
    .footerSite .col-md-4 {
        width: 50%;
        padding-left: 20px;
        float: left
    }
    .container .slider .carousel .carousel-inner .item img, .postContent {
        width: 100%
    }
    .contentSite .post .post-article .thumb .thumbnail img {
        height: auto
    }
    .sidebar .thumbnail img {
        width: 100%
    }
    .navbar-header .search {
        border-bottom: none;
        border-top: none;
        box-shadow: none;
        padding: 0;
        margin-right: 0
    }
    .navbar-header .search .form-group {
        margin-bottom: 0
    }
    .navbar-header .search .form-group .formSearch {
        float: left;
        width: 70%
    }
    .navbar-header .search .btn {
        font-size: 20px;
        background-color: transparent;
        border: none;
        color: #e1caaa;
        float: left
    }
    .headerCont .carousel-control .glyphicon-chevron-left, .headerCont .carousel-control .glyphicon-chevron-right, .headerCont .carousel-control .icon-next, .headerCont .carousel-control .icon-prev {
        margin-top: 50px
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        top: 55%
    }
}
@media screen and (max-width: 600px) {
    .headerCont .carousel-control .glyphicon-chevron-left, .headerCont .carousel-control .glyphicon-chevron-right, .headerCont .carousel-control .icon-next, .headerCont .carousel-control .icon-prev {
        margin-top: 30px
    }
}
@media screen and (max-width: 520px) {
    .headerCont .carousel-control .glyphicon-chevron-left, .headerCont .carousel-control .glyphicon-chevron-right, .headerCont .carousel-control .icon-next, .headerCont .carousel-control .icon-prev {
        margin-top: 10px
    }
}
@media screen and (max-width: 420px) {
    .headerCont .carousel-control .glyphicon-chevron-left, .headerCont .carousel-control .glyphicon-chevron-right, .headerCont .carousel-control .icon-next, .headerCont .carousel-control .icon-prev {
        margin-top: 0
    }
}
@media screen and (max-width: 375px) {
    .headerCont .carousel-control .glyphicon-chevron-left, .headerCont .carousel-control .glyphicon-chevron-right, .headerCont .carousel-control .icon-next, .headerCont .carousel-control .icon-prev {
        margin-top: -10px
    }
}
@media screen and (max-width: 320px) {
    .headerCont .carousel-control .glyphicon-chevron-left, .headerCont .carousel-control .glyphicon-chevron-right, .headerCont .carousel-control .icon-next, .headerCont .carousel-control .icon-prev {
        margin-top: -20px
    }
}
@media screen and (max-width: 460px) {
    .footerSite .container .col-md-4 .href-fb, .footerSite .container .col-md-4 .href-site {
        font-size: 10px
    }
    .footerSite .container .col-md-4 .href-fb:before {
        width: 40px;
        height: 40px;
        left: 8px;
        background-image: url(../images/sprite.png);
        background-position: -5px -4px;
        margin-bottom: 5px
    }
}
@media screen and (max-width: 400px) {
    .footerSite .col-md-6 {
        width: 100%;
        margin-bottom: 40px;
        float: left
    }
    .footerSite .col-md-6 img {
        width: 100%
    }
    .footerSite .col-md-4 {
        width: 50%;
        padding-left: 20px;
        float: left
    }
    .footerSite .container .col-md-4, .footerSite .container .col-md-4 .href-site {
        float: left;
        width: 100%
    }
    .footerSite .container .col-md-4 .href-fb {
        font-size: 12px;
        float: left;
        margin-right: 30px
    }
    .footerSite .container .col-md-4 .href-fb:before {
        width: 59px;
        height: 59px;
        left: 8px;
        background-position: -5px -1281px;
        margin-bottom: 5px
    }
}
@media screen and (max-width: 1200px) {
    .container .slider {
        min-height: 380px
    }
    .articleSite-bottomText--buttonUp {
        width: 100%;
        height: 50px
    }
    .articleSite-bottomText--buttonUp .articleSite-bottomText--a {
        display: block;
        width: 50px;
        height: 50px;
        color: #fff;
        text-align: center;
        float: left;
        position: relative;
        top: 12px
    }
    .articleSite-bottomText--buttonUp:after, .articleSite-bottomText--buttonUp:before {
        content: "";
        display: block;
        float: left;
        width: 45%;
        height: 1px;
        position: relative;
        top: 24px
    }
    .articleSite-bottomTextButtons .col-md-8 {
        width: 40%;
        float: right
    }
    .articleSite-bottomTextButtons .col-md-4 {
        width: 40%;
        float: left
    }
    .articleSite .articleSite-gallery .articleSite-gallery-firstImg {
        width: 100%
    }
}
@media screen and (max-width: 532px) {
    .footerSlider .container .header:before {
        width: 300px;
        margin-left: -150px
    }
    .footerSlider .container .header h2 {
        font-size: 24px
    }
    .articleSite-bottomTextButtons .articleSite-leftColumn {
        width: auto;
        float: left;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 20px
    }
    .articleSite-bottomTextButtons .articleSite-rightColumn {
        width: auto;
        float: left;
        padding-left: 0
    }
    .articleSite-bottomText--buttonUp:after, .articleSite-bottomText--buttonUp:before {
        width: 44%
    }
}
@media screen and (max-width: 450px) {
    .articleSite-bottomText--buttonUp:after, .articleSite-bottomText--buttonUp:before {
        width: 43%
    }
}
@media screen and (max-width: 420px) {
    .articleSite-bottomText--buttonUp:after, .articleSite-bottomText--buttonUp:before {
        width: 42%
    }
}
@media screen and (max-width: 370px) {
    .articleSite-bottomText--buttonUp:after, .articleSite-bottomText--buttonUp:before {
        width: 40%
    }
}
@media screen and (max-width: 320px) {
    body {
        width: 320px
    }
}