@media (max-width: 1180px) and (min-width: 768px) {
    /*menu*/
    .header-navigation .logo {width: 150px; margin: auto; float: none;}
    .header-navigation .logo a img {width: 100%;}
    .header-navigation .header-menu {padding: 17px 27px 0 27px; float: right;}
    .header-navigation .header-menu ul li {margin-right: 25px;}
    .header-navigation .header-menu ul li a {font-size: 12px;}
    .header-navigation .header-menu ul li > .submenu li a {font-size: 12px;}
    .header-navigation .header-menu form input {margin-left: 18px; width: 90px;}
    .supporting-us .wysiwyg img {
            width: auto;
            height: auto;
    }
    
    #cookies-info {
        height: auto;
    } 
    
    #cookies-info p .btn.btn-green {
        display: block;
        margin: auto;
        width: 150px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

}

@media (max-width: 1170px) and (min-width: 768px) {
    .bg-column-line {background: inherit;}

    /*header*/
    header .social-media {display: block; float: left; width: 40%; margin-right: 0; margin-left: 0; padding-left: 58px; padding-right: 102px;}
    header .krs {display: block; float: left; width: 60%; padding-left: 20px; padding-right: 40px;}
    header .krs img {max-width: 100%; float: left;}
    header .language {right: 0;}

    /*footer*/
    .footer-content .footer-navigations {width: 50%; max-width: none;}
    .footer-content .footer-navigations .column-menu.cm-1 {padding-left: 20px;}
    .footer-content .footer-navigations .column-menu.cm-2 {padding-left: 20px;}
    .footer-content .footer-navigations .column-menu.cm-3 {padding-left: 20px;}
    .footer-content .footer-social-media {padding-left: 0; width: 25%;}
    .footer-content .footer-social-media > a {float: none;}
    .footer-content .footer-address {padding-left: 20px; width: 25%;}

}


@media (max-width: 1024px) and (min-width: 768px) {
    .text-center-md {text-align: center;}

    /*grid*/
    .col-md-100 {width: 100%;}
    .col-md-75 {width: 75%;}
    .col-md-50 {width: 50%;}
    .col-md-33 {width: 33.3333333%;}
    .col-md-66 {width: 66.6666667%;}
    .col-md-25 {width: 25%;}

    .static-description {position: relative; width: 100%; padding: 34px 44px 80px 44px; height: auto; top: 0; right: 0; left: 0;}
    .static-description .btn.btn-more {position: absolute; bottom: 20px; left: 44px; padding-top: 10px; height: 40px;}
    .static-description .btn.btn-more:before {top: 12px;}

    .main-slider .owl-controls .owl-nav .owl-next {top: 40%; right: 10%;}
    .main-slider .owl-controls .owl-nav .owl-prev {top: 40%; left: 10%;}

    .blue-box-title {padding: 0px 71px;}
    .news-box .item-news-box {padding: 0 10px;}
    .form-content-contact form .ml13 {margin-left: 0;}

    .our-mission .images img {margin-left: 0; margin-top: 0;}
    .our-mission .wysiwyg .column > *:last-child {padding-bottom: 10px;}

    .multimedia-detail .gallery .item-gallery img {height: auto;}

    .supporting-us .number-image.number-1:after {display: none;}
    .supporting-us .number-image.number-2:after {display: none;}
    .supporting-us .number-image.number-3:after {display: none;}

    .form-content form .private-person .input-group input.ml32 {margin-left: 0;}
    .form-content form .company .input-group input.ml32 { margin-left: 0;}
    .form-content form .company .input-group input, .form-content form .private-person .input-group input {max-width: none;}
    .form-content form .company .input-group, .form-content form .private-person .input-group {padding: 0 20px;}
    .supporting-us-form .images-kids {text-align: center;}
    .supporting-us-form .images-kids img {float: none; display: inline-block; max-width: 100%;}

    .title-section.blue-title h1 {font-size: 45px;}
    .supporting-us-form.thank-you .images-kids img {margin-top: -10px;}

    .partners ul li {width: 25%; float: left; text-align: center; padding: 0 10px; margin-bottom: 20px;}
    .partners ul li img {max-width: 100%; display: inline-block;}
    .type-of-payment .description {height: 292px;}
    .type-of-payment .images {height: 252px;}
    .type-of-payment .col-50 {width: 100%;}
    .type-of-payment .column-right {padding: 20px;}
    .type-of-payment .column-left {padding: 20px;}

    .generated-code {margin-bottom: 20px; width: 100%;}
    .generated-code .images {width: 100%; max-width: calc(100% - 50px); width: -moz-calc(100% - 50px);width: -webkit-calc(100% - 50px);width: -o-calc(100% - 50px);}
    .form-content-contact form .input-group input {max-width: none;}
    
       
}

@media (max-width: 767px) {

    /*grid*/
    .col-md-100 {width: 100%;}
    .col-md-75 {width: 100%;}
    .col-md-50 {width: 100%;}
    .col-md-33 {width: 100%;}
    .col-md-66 {width: 100%;}
    .col-md-25 {width: 100%;}

    .col-100 {width: 100%;}
    .col-75 {width: 100%;}
    .col-50 {width: 100%;}
    .col-33 {width: 100%;}
    .col-66 {width: 100%;}
    .col-25 {width: 100%;}

    .col-xs-100 {width: 100%!important;}
    .col-xs-75 {width: 75%!important;}
    .col-xs-50 {width: 50%!important;}
    .col-xs-33 {width: 33.3333333%!important;}
    .col-xs-25 {width: 25%!important;}

    .col-push-left-33 {margin-left: 0;}
    .col-push-left-75 {margin-left: 0;}
    .col-push-left-50 {margin-left: 0;}
    .col-push-left-25 {margin-left: 0;}

    .hidden-mobile {display: none!important;}
    .visible-mobile {display: block!important;}
    
    .board .description, 
    .management .description,
    .padding {padding: 0 10px;}

    .sbl-margin-6 {margin: 40px 0 35px;}
    .sbl-margin-14 {margin: 40px 0 35px;}
    .sbl-margin-15 {margin: 40px 0 0;}
    .sbl-margin-11 {margin: 40px 0 35px;}
    .sbl-margin-13 {margin: 42px 0 42px;}
    .sbl-margin-1 {margin: 40px 0 35px;}
    .sbl-margin-2 {margin: 40px 0 35px;}
    .sbl-margin-3 {margin: 40px 0 35px;}
    .sbl-margin-4 {margin: 40px 0 35px;}
    .sbl-margin-5 {margin: 40px 0 35px;}
    .sbl-margin-7 {margin: 40px 0 35px;}
    .sbl-margin-8 {margin: 22px 0 35px;}
    .sbl-margin-9 {margin: 40px 0 35px;}
    .sbl-margin-10 {margin: 40px 0 35px;}
    .sbl-margin-12 {margin: 40px 0 35px;}

    .mt30 {margin-top: 0;} .mt89 {margin-top: 10px!important;} .mt83 {margin-top: 160px;}
    .mt45 {padding: 0 10px; margin-top: 0;}
    .board .mt45 {padding: 0 10px; margin-top: 40px;}

    .pb52 {padding-bottom: 40px;}
    .partners span {margin-top: 30px;}
    .partners ul {margin: 25px auto 0;}

    .supporting-us .number-image.number-1:after {display: none;}
    .supporting-us .number-image.number-2:after {display: none;}
    .supporting-us .number-image.number-3:after {display: none;}

    /*header*/
    header .krs {margin-top: 5px; width: 100%;}
    header .krs img {float: none; margin: 0 auto;}
    .separate-yellow-line {margin-top: 16px; height: 5px;}
    .separate-yellow-line:before {background: url('../img/separate-yellow-line-mobile.png') center no-repeat;}

    .header-navigation {margin-top: 15px; margin-bottom: 0px;}
    .header-navigation .logo {padding-left: 12px; width: 130px; padding-top: 6px;}


    header .language-mobile {display: none;float: right;margin-right: 9px;width: 92px;}
    header .language-mobile > a {float: left;display: table;width: 46px;height: 53px;text-align: center;font-size: 16px;font-weight: 300;color: #000;}
    header .language-mobile > a.active {background-color: #efefef;}
    header .language-mobile > a span {display: table-cell;vertical-align: middle;}

    /*menu drop down*/
    .header-navigation .header-menu {
        display: none;
        position: absolute;
        top: 3px;
        right: 0;
        background-color: #fff;
        width: 252px;
        padding: 66px 0 6px 0;
        z-index: 9999;
        border: 1px solid #00d4bf;
    }
    .header-navigation .header-menu .close-menu-mobile {
        position: absolute;
        display: block;
        top: 16px;
        right: 12px;
        width: 24px;
        height: 25px;
    }
    .header-navigation .header-menu .close-menu-mobile > a {
        display: block;
        width: 100%;
        height: 100%;
        background: url('../img/iks-close.jpg') center no-repeat;
        background-size: 100%;
    }
    .header-navigation .header-menu.active {display: block;}
    .header-navigation .header-menu ul li {
        float: left;
        position: relative;
        margin-right: 46px;
        padding-bottom: 7px;
        margin-bottom: 7px;
        width: 100%;
        text-align: right;
        border-bottom: 1px solid #f2f2f2;
    }
    .header-navigation .header-menu ul li a {
        position: relative;
        padding-right: 72px;
        width: 100%;
        display: block;
        font-size: 16px;
        font-weight: 500;
        color: #000;
        text-transform: uppercase;
    }
    .header-navigation .header-menu ul li.the-color > a {
        border: 2px solid #08b1dc;
        padding-right: 72px;
    }
    .header-navigation .header-menu ul li > .submenu {
        display: none;
        position: relative;
        min-width: initial;
        top: initial;
        left: initial;
        width: 100%;
        padding: 0;
        border: 0;
        background-color: #fff;
        z-index: 999;
    }
    .header-navigation .header-menu ul li > .submenu.active {display: block;}
    .header-navigation .header-menu ul li > .submenu li {
        position: relative;
        width: 100%;
        float: left;
        padding: 5px 0 10px 0;
        /* margin-bottom: 4px; */
        border-bottom: 1px solid #f2f2f2;
        /* margin-right: 0 !important; */
        margin: 0 0 4px 0;
    }
    .header-navigation .header-menu ul li a {font-weight: 400;}
    .header-navigation .header-menu ul li > .submenu li:last-child {margin: 0; padding: 5px 0 4px 0;}
    .header-navigation .header-menu ul li > .submenu li a {color: #848484;}
    .header-navigation .header-menu ul li > .submenu li:first-child {padding: 15px 0 10px 0;}
    .header-navigation .header-menu ul li > .submenu:before {display: none;}
    .header-navigation .header-menu ul li > .submenu li:before {display: none;}
    .header-navigation .header-menu form {display: none;}
    .header-navigation .header-menu ul li:last-child {border-bottom: 0;}
    .header-navigation .header-menu ul li a.active:after {display: none;}

    .single-page .header-title h2 {font-size: 32px; padding-left: 11px;}

    .list-date-content {margin-top: -13px; margin-bottom: 30px; border: 1px solid #009dcb;}
    .list-date-content .title {position: relative;border: 0;padding-top: 11px;font-weight: 500;color: #00af9e;text-align: center;cursor: pointer; margin-bottom: 0;}
    .list-date-content .title:after {content: '';display: inline-block;margin-left: 18px;margin-top: 6px;vertical-align: top;width: 10px;height: 5px;background: url('../img/arrow-bottom-mobile.png') center no-repeat;}
    .list-date-content .list-date {display: none; padding: 0 15px 15px;}
    .list-date-content.active .list-date {display: block;}

    .news-box .item-news-box {padding: 0 10px;}
    .news-box .item-news-box .btn-goto {max-width: 100%;}
    .news-box .news-with-image .images img {height: auto;}

    .header-title h2 {padding-left: 11px; font-size: 32px; line-height: 37px;}

    .type-of-payment {padding-left: 0; padding-right: 0;}
    .type-of-payment  > div {background-color: transparent; border-radius: 0;}
    .type-of-payment .column-left {padding: 11px 10px 10px; margin-bottom: 10px; background-color: #eaeeef;}
    .type-of-payment .column-right {padding: 11px 10px 10px; background-color: #eaeeef;}
    .type-of-payment .description p {display: none;}
    .type-of-payment .images {max-height: 142px;}
    .type-of-payment .images img {max-height: 142px!important;}
    .type-of-payment .column-left .description {padding: 29px 185px 75px 17px;}
    .type-of-payment .column-right .description {padding: 25px 20px 113px 124px;}
    .type-of-payment .description .button {bottom: 20px;}
    .type-of-payment .description .title {font-size: 20px; line-height: 20px;}
    .type-of-payment .column-left .icon-type-of-payment {max-width: 85px;}
    .type-of-payment .column-left .icon-type-of-payment {left: initial; bottom: 90px; right: 93px;}
    .type-of-payment .column-right .icon-type-of-payment {max-width: 120px;}
    .type-of-payment .column-right .icon-type-of-payment {left: initial; bottom: 77px;}

    /*footer*/
    footer {padding-bottom: 50px; text-align: center; margin-top: 20px;}
    .footer-content .footer-social-media {width: 100%; padding-left: 0;}
    .footer-content .footer-social-media img {float: left;}
    .btn.btn-footer-social {float: none;}
    .footer-content .footer-address {padding-left: 0; width: 100%;}

    .partners ul li {display: table; width: 50%; float: left; height: 70px; text-align: center; padding: 0 10px; margin-bottom: 0;}
    .partners ul li a {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
    }
    .partners ul li img {max-width: 100%; display: block;}

    .single-page .header-title .title-category {padding: 12px 27px 13px 11px; border-right: 0;}
    .news-details .main-image {height: 226px;}
    .news-details .main-image img {height: 226px;width: auto;}
    .news-details .button-navigation .border-bottom {border-bottom: 0;text-align: center;border-top: 2px solid #00d4bf;padding-top: 20px;padding-bottom: 20px;margin-top: 30px;}
    .news-details .button-navigation .border-bottom .btn-navigation {font-size: 16px;}

    .history .wysiwyg h3 {font-size: 24px; line-height: 30px;}
    .history img {margin-top: 20px; margin-bottom: 20px;}

    .our-mission .wysiwyg .column > *:last-child,
    .history .wysiwyg .column > *:last-child {padding-bottom: 10px;}
    .supporting-us .wysiwyg p:last-child {padding-bottom: 23px;}
    .our-mission .images img {margin-top: 0; margin-left: 0; max-width: 100%;}

    .news-nav{ width: auto;}
    .btn-navigation {font-size: 16px;}
    .btn-navigation.prev:before {width: 12px; top: 3px; left: 0px; height: 9px; background: url('../img/arrow-left-mobile.png') center no-repeat;}
    .btn-navigation.next:after {width: 12px; top: 3px; right: 0px; height: 9px; background: url('../img/arrow-right-mobile.png') center no-repeat;}

    .filters-media-category {display: block; padding: 15px 21px 0 13px; width: 100%;}

    .multimedia-detail .gallery .item-gallery {margin: 10px 0 10px;}
    .multimedia-detail .gallery .item-gallery img {height: auto; min-height: 226px;}

    .main-slider.owl-carousel .owl-item .item {overflow: hidden;}
    .main-slider.owl-carousel .owl-item img {display: block; width: auto!important; min-height: 184px; max-height: 184px; margin-left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

    .static-description {padding: 20px 12px;top: -50px;right: 10px;width: -moz-calc(100% - 20px);width: -webkit-calc(100% - 20px);width: -o-calc(100% - 20px);width: calc(100% - 20px);height: 173px;}
    .static-description h2 {margin-bottom: 5px; font-size: 22px; overflow: hidden;}
    .static-description p {line-height: 18px; word-break: normal;}
    .btn.btn-more {margin-top: 10px;}
    .blue-box-title h1 {font-size: 23px; line-height: 26px;}
    .blue-box-title {padding: 0 10px;}

    .opinions-slider .owl-controls .owl-nav .owl-prev {left: 10px;}
    .opinions-slider .owl-controls .owl-nav .owl-next {right: 10px;}

    .opinions-slider .opinion-content .images {width: 100%;}
    .opinions-slider .opinion-content .images figure {float: none; margin: 22px auto 0;}
    .opinions-slider .opinion-content .description {padding: 58px 10px 58px; width: 100%!important;}
    .opinions-slider .opinion-content .description p {text-align: justify; text-justify: inter-word;}
    .opinions-slider .opinion-content .description:before {right: 10px;}
    .opinions-slider .opinion-content .description:after {left: 10px;}
    .opinions-slider .opinion-content .description .signature {margin-right: 0; margin-top: 5px;}
    .single-page.supporting-us .header-title {margin-bottom: 10px;}

    .supporting-us .number-image {float: left;display: block;width: 123px;padding: 0 20px 0 0;margin-top: 40px;margin-bottom: 30px;}
    .supporting-us .wysiwyg h2 {display: block;float: left;width: -moz-calc(100% - 123px);width: -webkit-calc(100% - 123px);width: -o-calc(100% - 123px);width: calc(100% - 123px);margin-bottom: 30px;margin-top: 58px;}
    .supporting-us .wysiwyg p {float: left; width: 100%;}
    .supporting-us .wysiwyg ul {float: left;}
    .supporting-us .wysiwyg h4 {float: left;}
    .supporting-us .images-border {float: left; margin-top: 0px; border: 0px solid #00d4bf; width: 100%;}
    .supporting-us .wysiwyg img {clear: both;}

    .supporting-us-form .title-section h1 {padding: 0 10px;font-size: 30px;line-height: 35px;}
    .supporting-us-form .images-kids img {margin-top: 0;margin-left: 0;display: block;margin: 0 auto 30px!important;float: none;max-width: 100%;}
    .form-content {padding: 30px 10px 10px;}
    .form-content form .proposed-prices {display: block;}
    .form-content form .proposed-prices .radio-group {display: block; float: left; width: 50%; margin-bottom: 20px;}
    .form-content form .proposed-prices .radio-group:last-child {display: block; float: left; width: 100%;}
    .form-content form .proposed-prices .radio-group input[type="radio"] + span {top: 0;}
    .form-content form .proposed-prices .radio-group:last-child input[type="radio"] + span {top: 12px;}
    .form-content form .proposed-prices .radio-group:last-child label {width: 100%;}
    .form-content form .proposed-prices .radio-group label input[type="text"] {width: 100%; text-align: left; padding: 0 10px;}
    .line-separate-form.mt1 {margin-top: 22px;}
    .form-content form .company-person .radio-group.pl30 {padding-left: 0;}
    .form-content form .private-person .input-group input.ml32 {margin-left: 0;}
    .form-content form .company .input-group input.ml32 {margin-left: 0;}
    .form-content-contact form .input-group input, .form-content form .company .input-group input, .form-content form .private-person .input-group input {float: left!important; width: 100%; max-width: none;}
    .thank-you-text {margin-top: 40px;}
    .supporting-us-form.thank-you .blue-text-title {padding: 15px 10px 40px 10px;}
    .thank-you-text p {font-size: 22px; line-height: 30px;}
    .supporting-us-form .blue-text-title h1 {font-size: 32px; line-height: 36px;}

    .form-content-contact {padding: 6px 10px 10px;}
    .form-content-contact form .ml13 {margin-left: 0;}
    .form-content-contact form .input-group textarea {max-width: none;}
    .generated-code {margin-bottom: 20px; width: 100%;}
    .generated-code .images {width: 100%; max-width: calc(100% - 50px); width: -moz-calc(100% - 50px);width: -webkit-calc(100% - 50px);width: -o-calc(100% - 50px);}
    .contact-form .blue-text-title {padding: 0 10px 10px 10px;}
    .contact-form .blue-text-title h1 {font-size: 23px; line-height: 26px;}
    .btn.btn-form {max-width: none;}
    .btn.btn-green {
        width: 100%;
        height: 50px;
        padding-top: 18px;
        padding-right: 20px;
        padding-left: 5px;
    }
    .btn.btn-green:after {top: 20px; right: 18px;}

    .news-box .item-news-box .button-goto {margin-top: 20px; margin-bottom: 20px;}
    .news .news-box .item-news-box .button-goto {margin-top: 20px; margin-bottom: 0;}
    .news .news-box .item-news-box {margin-bottom: 20px;}
    .pb53 {padding-bottom: 0;}

    .maps {margin-top: 20px; margin-bottom: 40px; max-height: 260px;}
    .single-page.contact-form .header-title {margin-bottom: 30px;}
    .management .description {margin-bottom: 40px;}
    .history {margin-bottom: 0px;}
    .type-of-payment  > div {margin-top: 20px;}
    .news-box {margin-top: 40px;}
    
    iframe {
        max-width: 100%;
    }
    
    .blue-text-title br {
        display: none;
    }
    
    #cookies-info {
        height: auto;
    } 
    
    #cookies-info p .btn.btn-green {
        display: block;
        margin: auto;
        width: 150px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .col-push-left-66 {
        margin-left: 0px !important;
    }
    
    .mobile-swimm {
        position: fixed;
        left: 0px;
        top: 0px;
        z-index: 9998;
        background-color: #fff;
        width: 100%;
        height: 54px;
        border-bottom: 1px solid #00d4bf;
    }
    
    .mobile-swimm .header-navigation {
        margin-top: 0px;
    }
    
    .wysiwyg img {
        max-width: 100%;
    }
}

@media (max-width: 390px) {
    
    .column.col-25.padding.last h2{
        margin-top: 29px;
    }
    
}