@media (max-width: 1700px) {
/*    .images-holder .container {
        width: 100%;
    }*/
}

@media (max-width: 1200px) {
    .paragraph.paragraph-image-fond-holder div {
        background-attachment: scroll !important;
    }
    .choose-wrap {
        text-align: center;
    }
    .choose-wrap p {
        display: block;
    }
}

@media (min-width: 768px) {
    #wrap-menu .top-menu {
        display: block !important;
        width: auto !important;
    }
    .category-menu #category_tree {
        display: block !important;
    }
}

@media (min-width: 1024px) {
    .bottom-menu {
        /*display: block !important;*/
    }
}

@media (max-width: 1023px) {
    #wrap-footer .burger-menu-footer {
        display: inline-block;
    }
    .bottom-menu li {
        width: 100%;
        line-height: 2;
    }
}

@media (min-width: 980px) and (max-width: 1200px) {
    /*========================================================================================
        1.1 Grid and containers
========================================================================================*/
    .container {
        width: 980px;
    }
    .col-100-md {
        width: 100%;
    }
    .col-75-md {
        width: 75%;
    }
    .col-66-md {
        width: 66.6666%;
    }
    .col-60-md {
        width: 60%;
    }
    .col-50-md {
        width: 50%;
    }
    .col-40-md {
        width: 40%;
    }
    .col-33-md {
        width: 33.3333%;
    }
    .col-25-md {
        width: 25%;
    }
    /*========================================================================================
    3. Header
========================================================================================*/
    #wrap-menu .top-menu>ul>li>a {
        padding: 0;
    }
    /*========================================================================================
        3.2 Home Slider
========================================================================================*/
    .wrap-slider li .slider-title {
        font-size: 30px;
    }
    .wrap-slider li .slider-text {
        font-size: 20px;
    }
    /* adjust font-size on slider texts */
    /*#news .news-text {
        height: 118px;
        overflow: hidden;
    }*/
    .thumbnails .thumbnail-photo {
        height: 213px;
    }
}

@media (max-width: 979px) {
    #footer-content {
        flex-wrap: wrap;
    }
    #footer-info,
    #footer-schedule,
    #footer-newsletter,
    #footer-sitemap {
        flex: 1 1 50%;
    }
    #footer-newsletter,
    #footer-sitemap {
        margin-top: 25px;
    }
    .col-40-sm{
        padding-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    /*========================================================================================
        1.1 Grid and containers
========================================================================================*/
    .container {
        width: 768px;
    }
    .col-100-sm {
        width: 100%;
    }
    .col-75-sm {
        width: 75%;
    }
    .col-66-sm {
        width: 66.6666%;
    }
    .col-60-sm {
        width: 60%;
    }
    .col-50-sm {
        width: 50%;
    }
    .col-40-sm {
        width: 40%;
    }
    .col-33-sm {
        width: 33.3333%;
    }
    .col-25-sm {
        width: 25%;
    }
    /*========================================================================================
        3.2 Home Slider
========================================================================================*/
    .wrap-slider li .slider-title {
        font-size: 20px;
    }
    .wrap-slider li .slider-text {
        font-size: 16px;
    }
    /* adjust font-size on slider texts */
    .wrap-slider li .slider-caption .slider-button {
        margin: 30px 0 0;
    }
    /*#news .news-text {
        height: 70px;
        overflow: hidden;
    }*/
    #news-list .news-photo {
        margin-right: 0;
        float: none;
    }
    #news-list .news-photo img {
        width: 100% !important;
    }
    /* news text height adjustment - as you need it in the layout */
    #wrap-menu .top-menu>ul>li>a {
        font-size: 16px;
        padding: 0;
    }
    .thumbnails .thumbnail-photo {
        height: 224px;
    }
    .thumbnails .thumbnail-title {
        font-size: 20px;
    }
    h1 {
        font-size: 20px;
    }
    #gallery-detail .gallery-thumbnails-holder {
        max-width: 290px;
    }
    .cookies_browser_names {
        width: 30%;
    }
    .cookies_browser_contents {
        width: 67%;
    }
}

@media (max-width: 980px) {
    .category .top-menu>ul>li {
        width: 46%;
    }
    #gallery-detail .gallery-thumbnails-holder {
        max-width: 290px;
    }
}

@media (max-width: 767px) {
    /*========================================================================================
        1.1 Grid and containers
========================================================================================*/
    .col-100-xs {
        width: 100%;
    }
    .col-75-xs {
        width: 75%;
    }
    .col-66-xs {
        width: 66.6666%;
    }
    .col-60-xs {
        width: 60%;
    }
    .col-50-xs {
        width: 50%;
    }
    .col-40-xs {
        width: 40%;
    }
    .col-33-xs {
        width: 33.3333%;
    }
    .col-25-xs {
        width: 25%;
    }
    .container {
        width: 100%;
    }
    .wrap-slider li .slider-caption {
        background: #333 none repeat scroll 0 0;
        display: block;
        padding: 20px 15px;
        position: static;
    }
    .wrap-slider li .slider-title {
        font-size: 20px;
    }
    .wrap-slider li .slider-text {
        font-size: 18px;
    }
    .wrap-slider li .slider-caption .slider-button {
        margin: 15px auto;
    }
    .content-management .paragraph-images-holder ul li {
        width: 50%;
    }
    h1 {
        font-size: 19px;
        padding: 0 15px;
    }
    .menu li {
        padding: 5px 10px;
    }
    #wrap-menu {
        height: auto;
    }
    #wrap-menu .burger-menu {
        display: block;
        float: left;
        font-size: 200%;
        line-height: 58px;
    }
    #wrap-menu .burger-menu.open i:before {
        content: "\f00d";
    }
    #wrap-menu .top-menu>ul {
        flex-direction: column;
    }
    #wrap-menu .top-menu>ul>li {
        display: block;
    }
    #wrap-menu .top-menu>ul>li>a {
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        color: #fff;
    }
    #wrap-menu .top-menu>ul>li.is-parent>a>i {
        display: block;
        font-family: "FontAwesome";
        font-size: 150%;
        position: absolute;
        right: 0;
        top: 0;
        line-height: 50px;
        text-align: right;
    }
    #wrap-menu .top-menu>ul>li.is-parent>a.open>i:before {
        content: "\f068";
    }
    #wrap-menu .top-menu>ul>li:last-child>a {
        border-bottom: none;
    }
    #wrap-menu .top-menu>ul>li>ul>li:last-child>a {
        border-bottom: 1px solid #d5d5d5;
    }
    #wrap-menu .top-menu>ul>li>a {
        line-height: 50px;
        padding: 0;
    }
    #wrap-menu .top-menu>ul>li>ul {
        position: static;
        border: none;
        box-shadow: none;
        margin: 0;
    }
    #wrap-menu .top-menu>ul>li.active>a {
        color: #000 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    }
    .sidenav {
        height: 100%;
        /* 100% Full-height */
        width: 0;
        /* 0 width - change this with JavaScript */
        position: fixed;
        /* Stay in place */
        z-index: 1000;
        /* Stay on top */
        top: 0;
        left: 0;
        background: rgba(26, 157, 211, 0.95);
        /* Black*/
        overflow-x: hidden;
        /* Disable horizontal scroll */
        padding-top: 60px;
        /* Place content 60px from the top */
        /*transition: 0.5s;*/
        /* 0.5 second transition effect to slide in the sidenav */
    }
    /* The navigation menu links */
    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #fff;
        text-align: center;
        display: block;
        transition: 0.3s;
    }
    /* When you mouse over the navigation links, change their color */
    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
        display: block;
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    .content-management .paragraph-title h2 {
        font-size: 24px;
    }
    /*#news .news-photo {
        margin: 0 0 30px 0;
    }*/
    #wrap-social-lang {
        text-align: center;
    }
    #wrap-social-lang .social-links {
        float: none;
        margin: 0 0 10px 0;
    }
    #wrap-social-lang .languages,
    #wrap-social-lang #mini-account {
        float: none;
        display: inline-block;
        padding: 0;
    }
    #wrap-social-lang #mini-account {
        padding-left: 15px;
    }
    .header-info {
        padding-top: 30px;
        text-align: right;
    }
    .phone-email-holder li.top_newsletter .nws-text, .phone-email-holder li a span{
        display: none;
    }
    .header-info {
    }
    .phone-email-holder li.top_newsletter:before, .phone-email-holder li.top_newsletter:after{
        top:-3px;
    }
    /*#news .news-btn {
        margin-top: 0px;
    }
    #news .news-counter {
        margin-top: 5px;
    }
    #news .bx-controls-direction .bx-prev::before,
    #news .bx-controls-direction .bx-next::before {
        top: 11px;
    }*/
    #news-list .news-photo {
        margin-right: 0;
        float: none;
    }
    #news-list .news-photo img {
        width: 100% !important;
    }
    .unseen {
        display: block;
        margin-bottom: 0 !important;
    }
    .seen, .no-xs {
        display: none;
    }
    .category-menu #category_tree {
        display: none;
        margin-top: 20px;
    }
    .category-burger {
        display: none;
    }
    .category .burger-chevron {
        background: #1A9DD3;
        color: #ffffff;
        display: block;
        padding: 13px 15px;
        margin-bottom: 5px;
        width: 100%;
        font-size: 18px;
    }
    .category .top-menu>ul>li {
        width: 100%;
        margin: 5px 0;
    }
    .category-menu h2 a:after {
        content: "\f0c9";
        font-size: 20px;
        font-family: "FontAwesome";
        float: right;
    }
    .category .top-menu>ul>li>ul {
        display: none;
        position: static;
    }
    .category .top-menu>ul>li>ul>li>a {
        background: #1A9DD3;
    }
    .filters .btn {
        margin-top: 10px;
        display: block;
        width: 100%;
    }
    .thumbnails .thumbnail-title {
        padding-bottom: 0;
        height: auto;
        font-size: 15px;
    }
    .thumbnails .thumbnail-holder a.btn,
    .thumbnails .thumbnail-text {
        display: none;
    }
    .thumbnails .thumbnail-prices {
        padding-bottom: 0;
    }
    #gallery-detail .gallery-title {
        margin-top: 25px;
    }
    #comment_rating {
        width: 100%;
        float: left;
        text-align: center;
        margin: 10px 0;
    }
    .tooltip-holder {
        left: 5% !important;
        width: 90% !important;
    }
    .tooltip-holder>div {
        max-width: 100%;
        max-height: 250px;
        min-width: 100%;
    }
    .tooltip-holder.arrow-left:after,
    .tooltip-holder.arrow-left:before {
        left: 50%;
    }
    .paragraph-images {
        padding: 0 !important;
    }
    .paragraph-images img.img-responsive,
    .news-photo img.img-responsive {
        width: 100% !important;
    }
    #user-reset #title-container {
        display: block;
    }
    #user-reset #title-container label {
        padding: 7px 0px;
    }
    #popup_container {
        width: 100% !important;
    }
    .jpopup #popup_message {
        min-height: 350px;
    }
    .cookies_browser_names {
        width: 100%;
    }
    .cookies_browser_contents {
        width: 100%;
    }
    .cookies_browser_names a {
        padding: 0 10px;
    }
    .cookies_browser_names a {
        display: inline-block;
        float: left;
        line-height: 40px;
        font-size: 16px;
    }
    .cookies_browser_names a span {
        font-size: 14px;
    }
    .cookies_browser_names a::after {
        display: none;
    }
    .content-holder table td.col-66{
        padding-left: 0;
    }
    .content-holder tr td {
        margin: 5px 0px;
    }
}

@media (max-width: 680px) {
    .cookies_browser_names a {
        width: 100%;
        text-align: center;
        background: #efefef;
    }
    .cookies_browser_names a::after {
        display: inline-block;
        content: "\f0a6";
        font-size: 12px;
        margin-left: 10px;
    }
}


/*========================================================================================
        Specific Media Querys
            1. Wrap Map
========================================================================================*/

@media (max-width: 570px) {
    .col-100-xxs {
        width: 100%;
    }
    .col-75-xxs {
        width: 75%;
    }
    .col-66-xxs {
        width: 66.6666%;
    }
    .col-60-xxs {
        width: 60%;
    }
    .col-50-xxs {
        width: 50%;
    }
    .col-40-xxs {
        width: 40%;
    }
    .col-33-xxs {
        width: 33.3333%;
    }
    .col-25-xxs {
        width: 25%;
    }
    .phone-email-holder {
        justify-content: center;
        float: none;
    }
    .wrap-map #info a {
        color: #ffffff;
    }
    .wrap-map #info .cls-holder {
        width: 100%;
        margin: 0 auto;
    }
    .wrap-map #info .cls-holder .first {
        padding: 0 15px 0 0;
    }
    .wrap-map #info .cls-holder .last {
        padding: 0 0 0 15px;
    }
    .btn.btn-outline {
        padding: 10px 5px;
        font-size: 12px;
        margin-bottom: 15px;
    }
    .wrap-map #info .info-title,
    .wrap-map #info h3 {
        padding-bottom: 5px;
        margin-bottom: 5px;
        padding-top: 10px;
    }
    .wrap-map #info .info-title {
        font-size: 23px;
    }
    #wrap-top a.logo {
        float: none !important;
        margin: 0px auto;
        display: inline-block;
        padding-bottom: 0px;
    }
    .logo img {
        margin: 30px auto 0;
    }
    .header-info {
        text-align: center;
    }
    .page-4 .list li {
        width: 100% !important;
    }
    .wrap-map #info .table-holder,
    .wrap-map #info .table-cell-holder {
        display: block !important;
        width: 100%;
    }
    .wrap-map #info .cls-holder .first,
    .wrap-map #info .cls-holder .last {
        padding: 0;
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 100%;
        border: 0;
    }
    .wrap-map #info .info-address,
    .wrap-map #info .info-fax {
        padding: 0;
    }
    .wrap-map #info .btn-outline {
        display: table;
        margin: 10px auto;
        width: auto;
        padding: 5px 10px;
    }
    .thumbnails .thumbnail-photo {
        height: 100%;
    }
    .thumbnails .thumbnail-photo img {
        position: relative;
    }
    #gallery-detail .gallery-thumbnails-holder {
        max-width: 190px;
    }
    .buttons-reset #edit {
        margin: 10px 0;
    }
    .buttons-reset button {
        padding: 9px 12px;
    }
    .buttons-reset {
        margin: 15px 0;
    }
    #footer-schedule{
        margin-top: 25px;
    }
    #footer-sitemap{ display:none; }
    #footer-info, #footer-schedule, #footer-newsletter, #footer-sitemap {
        flex: 1 1 100%;
    }
    #footer-content {
        text-align: center;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    #footer-info .info-address:before,
    #footer-info .info-tel:before,
    #footer-info .info-mail:before {
        display: none;
    }
    .menu .container {
        flex-direction: column;
    }
    #footer-newsletter #newsletter {
        float: none;
        margin: 40px auto 0;
    }
    .footer-social {
        justify-content: center;
    }
    #footer-newsletter .footer-newsletter-text {
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    #cookies a {
        width: 100%;
    }
}

@media (max-width: 979px) {
    .logospartnerslider .bx-controls-direction{
        display: none;
    }
}
@media (max-width: 1200px) {
    .content-management .paragraph.top_banner .paragraph-container .table-cell-holder {
        padding: 150px 0;
    }
}
@media (max-width: 980px) {
    .content-management .paragraph.top_banner .paragraph-container .table-cell-holder {
        padding: 110px 0;
    }
}
@media (max-width: 767px) {
    .content-management .paragraph.top_banner .paragraph-container .table-cell-holder {
        padding: 80px 0;
    }
    .content-management .top_banner .paragraph-title h2{
        font-size: 26px;
    }
}
@media (max-width: 570px) {
    .content-management .paragraph.top_banner .paragraph-container .table-cell-holder {
        padding: 50px 0;
    }
    .table-section4 th, .table-section2 th, .table-section3 th{
        font-size: 14px;
        padding: 0 5px;
        text-align: left;
    }
    .table-section4 td, .table-section2 td, .table-section3 td{
        padding: 0px 5px;
        text-align: left;
    }
}
@media (max-width: 480px){

    #wrap-bg h3{
        font-size: 17px;
    }
    #tools .btn{
        margin-right: 4px!important;
    }
}