@media (max-width: 1199px) {
    .main-hero .hero-info {padding:0 0 0 20px;}
    .main-menu .nav-item {padding:3px 8px;}
    .main-menu {        padding: 0 20px 0 0px;    }
    .section-rezult .item {width:auto;margin:0 0 0 80px;}

    .hero-inner .hero-image {display:none;}
    .hero-inner.sklad .hero-image {display:block;}
    .book-section .book-info .info-anons {        font-size: 16px;        line-height: 150%;    }
    .book-section .book-info .tags .tag {font-size:20px;}
    .desctop-slider .item .item-big {height:500px;}
    .desctop-slider .item .item-smals .sml {        height: 234px;    }
    .slick-prev {        left: 0;    }
    .slick-next {        right: 0;    }
    .hero-inner.sklad .hero-image {        padding: 0 70px 0 0;    }
    
    .bloknot-how.how-sklad .how-ho {        margin: 40px 80px 0 0px;    }
    .revs-section .revs-text {max-width:450px;}


}




@media (max-width: 992px) {
    .menu-top { position:fixed; top:65px; bottom:0; left:100%; z-index:100; width:100%; background: var(--Beige, #F6F6EE); padding:20px 20px; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
    .menu-top .nav {display:block!important;text-align:center;margin:0 0 16px 0;}
    .main-menu .nav-item { padding:12px 0;       font-size: 16px;        font-weight: 500;        line-height: 150%;}
    .menu-open .menu-top {left:0;}




    .menu-button {padding:0 16px 0 0;width:48px;height:48px;position:absolute; right:12px; top:50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
    .but-icon { display: block; background-color:#000;height: 2px; width:12px;  position:relative; transition:0.2s ; }
    .but-icon::before, .but-icon::after { position: absolute; display: block;  height: 2px; background-color:#000; content: ""; transition:0.2s ; -webkit-transition:0.2s ; -moz-transition:0.2s ; -ms-transition:0.2s ; -o-transition:0.2s ; }
    .but-icon::before {top: -6px;left:-4px; right:0; }
    .but-icon::after {	bottom: -6px; left:4px; right:0; }
    .but-icon::before, .but-icon::after {-webkit-transition-duration: 0.2s, 0.2s;			transition-duration: 0.2s, 0.2s;	-webkit-transition-delay: 0.0s, 0s;			transition-delay: 0.0s, 0s;  }  
    .but-icon::before {	-webkit-transition-property: top, transform,left;	transition-property: top, transform,left;  }
    .but-icon::after {	-webkit-transition-property: bottom, transform,left;	transition-property: bottom, transform,right,left;  }
    /* when menu open: */
    .but-icon.is-active {	background: none!important;  }
    .but-icon.is-active::before, .but-icon.is-active::after {left:auto;right:auto;	width:12px;	-webkit-transition-delay: 0s, 0.0s;			transition-delay: 0s, 0.0s;  }
    .but-icon.is-active::before {	top: 0;	-webkit-transform: rotate(45deg);			transform: rotate(45deg);  }
    .but-icon.is-active::after {	bottom: 0;	-webkit-transform: rotate(-45deg);			transform: rotate(-45deg);  }
    .header {padding:12px;}

    .main-hero {margin:0 0 64px 0;}
    .main-hero .hero-info {        padding: 64px 20px 48px 20px; width:100%; text-align:center;  display:block!important;  }
    .main-hero .hero-info .info-cont {display:inline-block;text-align:left;}
    .main-hero .hero-image {  padding:0 20px;      height: auto;        width: 100%;    }
    
    .sklad-slider {flex-direction: column;}

    .sklad-slider .item {width:100%;min-width:0;height:auto;flex-direction: column;}
    .sklad-slider .item .item-button {  text-align:center;      width: 100%;        min-width: 0;        padding: 12px 20px;    }
    .sklad-slider .item .item-button .name { width: auto; transform: rotate(0deg) translate(0%); -webkit-transform: rotate(0deg) translate(0%); -moz-transform: rotate(0deg) translate(0%); -ms-transform: rotate(0deg) translate(0%); -o-transform: rotate(0deg) translate(0%); }
    .sklad-slider .item .item-info {padding:0 24px;overflow:hidden;}
    .sklad-slider .item .item-info .info-cont {margin:0;}
    .sklad-slider .item .item-button .number {display:none;}
    .sklad-slider .item .item-button .name .value {display:none;}
    .sklad-slider .item .item-button .name .data {display:block;}
    .sklad-slider .item.active .item-info .vik {display:none!important;}
    .sklad-slider .item .item-info .name {display:none!important;}
    .sklad-slider .item .item-button .vik { padding:6px 10px;   margin:16px 0 0 0;     font-weight: 500;        line-height: 150%; border-radius: 30px; border: 1px solid var(--Black, #000); background: var(--White, #FFF); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
    .sklad-slider .item .item-info .anons {margin:16px 0 20px;}
    .sklad-slider .item .item-image {margin:32px 0;}
    .section-rezult .rezult-info {margin:0 0 40px 0;}
    .section-rezult .item {margin:0 100px 0 0;}



    .hero-inner .hero-container {padding:40px 40px;}
    .hero-inner .hero-titles {padding:0;}

    .book-section .book-bg {display:none;}
    .book-section .book-info {        position: relative;        left: 0%;        right: 0%;        top: 0%;        bottom: 0;        z-indeX: 2;    }
    .book-section .book-info .info-image {display:none;}
    .book-section {padding:0px 0;}
    .book-section .book-info .info-cont {padding:64px 0;width:100%;}

    .content {        padding: 112px 0 0 0;    }



    .hero-inner.sklad .hero-image {display:none;}
    .hero-inner.sklad .hero-info {max-width:100%;}

    .hero-inner.sklad.artkod .video-button {background: var(--Purple, #E7D4E9);}

    .revs-section .revs-text {    max-width: 100%;margin:0 0 40px 0;}
    .revs-section .revs-items {        width: unset;        margin: 0 0 0 0px;    }
    .revs-section .revs-items .item {display:block!important;}
    .revs-section .revs-items .slick-slide {padding:0 20px 0 0;}
    .revs-section .revs-items {position:relative;margin:0 -20px 0 0;}
    .revs-section .revs-slider {padding:0 80px 0 0;margin:0 0 32px 0;}
    .revs-section .slider-navs {position:relative;width:110px;margin:0 20px 0 auto;height:48px;}
    .revs-section .slider-navs .slick-arrow {width:48px;height:48px;margin:-24px 0 0 0;background:none;}
    .revs-section .slick-list {overflow:visible;}
    .revs-section .slick-dots {justify-content:start;bottom:20px;}
    .why-inner .why-image {        margin: 0 0 0 40px;    }
    .faq-section .faq-info {        max-width: 100%;        margin: 0 0px 40px 0;    }
    .faq-section .faq-items {        max-width: 100%;    }



    .single-post .content {padding:65px 0 0 0;}
    .blog-detail .detail-content .detail-bottom .share {margin:15px 0 0 0;}
    .blog-slider  {position:relative;margin:0 -20px 0 -20px;}
   .blog-slider  .col-12 { width:375px!important;       -ms-flex: 0 0 100%!important;        flex: 0 0 100%!important;        max-width: 100%!important;    }

   .blog-slider  .slick-dots li button {background:#8D8D8D;}
   .slick-dots li.slick-active button {    background: #000;}




}

@media (max-width: 767px) {

    .main-hero .hero-info .hero-title {        font-size: 30px;        line-height: 115%;    }
    .main-hero .hero-info .hero-sub-title {        font-size: 30px;        line-height: 115%;    }
    .main-hero .hero-info .hero-title .icon2 {width:30px;}
    .main-hero .hero-info .hero-title .icon1 {width:30px;}
    .main-hero .hero-info .hero-buttons {flex-direction: column;text-align:left;align-items:start!important;}
    .main-hero .hero-info .btn-default {        margin: 0 8px 16px 8px;    }
    .main-hero .hero-info .hero-bg img { transform:scale(1.4)!important ; -webkit-transform:scale(1.4)!important ; -moz-transform:scale(1.4)!important ; -ms-transform:scale(1.4)!important ; -o-transform:scale(1.4)!important ; }
    .main-about {padding:64px 0;}
    .main-about .about-anons {        font-size: 20px;        line-height: 150%;    }
    .main-about .about-data {        margin: 20px 0 24px 0;        font-size: 15px;        line-height: 150%;    }
    .main-about .about-data br {display:none;}
    .main-about .value-info {margin:0 0 24px 0;}
    .main-about .col-12:last-child .value-info {margin:0 0 0px 0;}

    .section-sklad .sklad-title {font-size:20px;}
    .section-sklad .sklad-anons {font-size:14px;}
    .sklad-slider .item .item-button {text-align:left;display:block!important;}
    .sklad-slider .item .item-button .name .data {font-size: 18px;        line-height: 140%;text-align:left;}
    .sklad-slider .item .item-button .vik {font-size: 11px;        line-height: 150%;margin:10px 0 0 0;}
    .sklad-slider .item.active .item-info .item-image {height:320px;}
    .section-sklad {        padding: 64px 0 64px 0;    }
    .section-rezult {padding:0px 0 0 0;background:none;}
    .section-rezult .rezult-info .data {font-size:20px;}
    .section-rezult .rezult-info .anons {font-size:20px;}
    .section-rezult .item {margin:0 0 24px 0;}
    .section-rezult .rezult-container {        padding: 64px 20px 64px 20px;  margin:0 -20px; background: var(--Purple, #E7D4E9); }
    .section-rezult .rezult-image .image-action {position:relative;top:0;max-width:100%;margin:64px 0 20px 0;}
    .section-rezult .rezult-image .image-action:before {display:none;}
    .section-rezult .rezult-image .image-action .action-title {font-size:20px;}
    .section-rezult .rezult-image .image-container { margin:0 0px; overflow:hidden; border-radius: 30px; border: 1px solid var(--Black, #000); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
    .footer .footer-pidtrimka {font-size:14px;    white-space: nowrap;}
    .footer .row:before {display:none;}
    .footer {padding:68px 0 0 0;}
    .footer .footer-club {max-width:100%;margin:0 0 48px 0;}
    .footer .footer-unicef {max-width:100%;text-align:left;}
    .footer .row {padding:0;}
    .footer .footer-bottom .row {display:block!important;}
    .footer .footer-bottom {padding:0 0 16px 0;border:0;text-align:center;}
    .footer .socials {padding:48px 0;margin:0 0 24px 0;border-bottom:1px solid #000;}
    .footer .socials .item {width:30px;height:30px;}
    .footer .socials .item img {width:24px;}
    .footer .socials .fb img {width:28px;}
    .footer .politics {text-align:center;margin:0 0 12px 0;}


    .hero-inner .hero-container {padding:52px 32px 32px 32px;}
    .hero-inner .hero-info {max-width:304px;margin:0 auto;}
    .hero-inner .hero-info .heart-1 {width:237px;margin:0 0 0 auto;}

    .hero-inner .hero-info .icon-1 {display:none;}
    .hero-inner .hero-info .icon-3 {display:none;}

    .hero-inner .hero-titles {text-align:left;}
    .hero-inner .hero-titles .info-title {position:relative;left:0;top:0;font-size: 20px;display:inline-block;}
    .hero-inner .hero-titles .heart-2 {margin:-10px 0 -30px 0;width:178px; left:0; position: relative; top: 0; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }
    .hero-inner .hero-info .icon-2 {        right: 0px;        top: -8px;width:20px;    }
    .hero-inner .hero-info .hero-anons {        margin: 16px 0 24px 0;        font-size: 16px;        line-height: 150%;    }
    .hero-inner .hero-info .hero-anons br {display:none;}
    .hero-inner .hero-info .icon-4 {right:-16px; bottom:15px; transform:rotate(-60deg) ; -webkit-transform:rotate(-60deg) ; -moz-transform:rotate(-60deg) ; -ms-transform:rotate(-60deg) ; -o-transform:rotate(-60deg) ; }
    .margin-bottom {        margin-bottom: 64px!important;    }


    .bloknot-how .how-title {    font-size: 20px;}
    .bloknot-how .how-ho {        margin: 28px 0 0 0px;    }
    .title-container {        margin: 0 0 48px 0;    }
    .book-section {margin:0 0 64px 0;}
    .book-section .book-info .icon-1 {display:none;}
    .book-section .book-info .info-cont {        padding: 123px 0 64px 0;    }
    .book-section .book-info .icon-2 {top:32px;}
    .book-section .book-info .info-anons p:last-child {margin:0;}
    .book-section .book-info .icon-3 {display:none;}
    .book-section .book-info .icon-4 {display:none;}
    .gallery-slider {padding:0;}
    .inner-title {font-size:20px;}
    .inner-anons {font-size:14px;}


    .gallery-slider {position:relative;margin:0 0px 120px 0;padding:0 0px 30px 0;}
    .gallery-slider .mobile-slider {margin:0 -20px 0 0;padding:0 30px 0 0!important;}
    .gallery-slider .mobile-slider .slick-list {overflow:visible;}
    .gallery-slider .mobile-slider .item {overflow:hidden; height:314px; margin:0 24px 0 0; border-radius: 20px; border: 1px solid var(--Black, #000); -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
    .gallery-slider .mobile-slider .item img  { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}

    .fancybox-slide {padding:20px;}
    .fancybox-slide--video .fancybox-content {width:100%!important;height:auto!important;}
    .fancybox-video, .fancybox-iframe {max-width:100%;}

    .hero-inner.sklad .hero-container {padding:32px;}
    .hero-inner.sklad .hero-titles .title-2 {font-size:44px;}
    .hero-inner.sklad .hero-titles .title-1 {font-size: 20px;}
    .hero-inner.sklad .hero-titles .title-1 {margin:0 0 -20px 18px;}
    .hero-inner .video-button {margin:20px 0 0 0;}
    .hero-inner.artkod .ic-1 {display:none;}
    .hero-inner.artkod .ic-2 {display:none;}
    .hero-inner.artkod .ic-3 {display:none;}
    .hero-inner.artkod .ic-4 {display:none;}
    .hero-inner.artkod .ic-5 {position:absolute;right:-20px;bottom:70px;}

    .bloknot-how .how-image {height:224px;}
    .bloknot-how .how-image img {-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
    .bloknot-how {        margin: 0 0 64px 0;    }
    .revs-section {        padding: 112px 0 64px 0;        margin: 0 0 64px 0;    }
    .revs-section .revs-text .icon-1 {right:20px;        left: auto;        top: -64px;    }
    .revs-section .revs-text .icon-2 {display:none;}
    .revs-section .revs-text .icon-3 {display:none;}
    .revs-section .revs-text .icon-4 {display:none;}
    .revs-section .revs-text {font-size:16px;}
    .revs-section .revs-items .item {        font-size: 16px;    }
    .revs-section .revs-slider {        padding: 0 20px 0 0;    }
    .why-inner {padding:64px 0;margin:0 0 64px 0;}
    .why-inner .inner-title {font-size:18px;}
    .why-inner .why-info .anons {        font-size: 16px;    }
    .why-inner .why-info .pidpis {        font-size: 16px;  margin:0 0 32px 0;  }
    .why-inner .why-image .image-container {height:335px;width:100%;}
    .why-inner .why-image {margin:0;}
    .why-inner .why-image .icon {        left: 0;        top: auto;bottom:-32px;    }
    .why-inner {margin:0 0 64px 0;}
    .faq-section .faq-title {font-size:36px;}
    .faq-section.margin-bottom {margin:0 0 112px 0!important;    }
    .hero-inner.sklad.events .hero-titles .title-2 {        font-size: 34px;    }

    .bloknot-how.how-sklad .how-ho {margin:0 0 40px 0;}
    .bloknot-how.how-sklad .how-ho br {display:none;}

    h1 {font-size: 20px; text-align:center;margin:0 0 60px 0;}
    .blog-section {padding:60px 0 0 0;background:url('../../images/bg4.svg') no-repeat top 20px center;}
    .content {        padding: 65px 0 0 0;    }
    .hero-inner {padding:48px 0 0 0;}
    .blog-detail .detail-content .text-block {        margin: 0 0 40px 0;    }
    .blog-detail .detail-content h1 {text-align:left;font-size: 26px;}

    .footer .club-info span {display:block;}
    .footer .club-info br {display:none;}
    



}





@media (max-width: 575px) {
 













}