/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    
    body{
        background-size: auto;
        /* background-size: contain;
        background-position: 100% 0%;
        background-position-x: 100%;
        background-position-y: 0%;
        background-repeat: repeat-y; */
    }

    
    .navbar-header {
        float: left;
    }
    
    .logo img{
        width: 100px;
    }

    .navbar .logo {
        padding-left: 30px;
    }

    .navbar-default .navbar-toggle {
        /* position: absolute; */
        position: fixed;
        right: 0px;
        top: 5px;
        z-index: 100000;
        background-color: #fff;
    }

    .region-navigation {
        float: left;
        width: auto;
        padding-left: 15px;
    }

    #sitename {
        float: none;
        margin: 100px 10px 0px 10px;
        padding: 0;    }

    .t_name, .t_des{
        font-size: 1.5em;
    }

    .soc_head {
        float: none;
        margin: 0;
        padding: 0;
        margin-left: 10px;
    }

    .social.soc_footer{
        display: block;
    }

    .social.soc_head{
        display: none;
    }
    /* --------------------------------- MAIN MENU ---------------------------*/

    .navbar-collapse.cls{
        width: 100%;
        display: inline-block;
        top: 0 !important;
        height: 100% !important;
        z-index: 1000;
        position: fixed;
        right: -110%;
        padding: 1px 0px 0 0px;
        -webkit-transition: right 0.4s ease 0s;
        /* -webkit-transition: opacity 0.5s ease 0.2s; */
    }

    .navbar-collapse.cls.in{
        right: 0;
        opacity: 1;
    }

    .navbar-collapse.cls.in nav{
        overflow-y: scroll;
        height: 100%;
    }

    .navbar-default .navbar-nav > li > a{
        font-size: 16px;
        padding: 12px 20px 12px 45px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        color: #fff;
        padding: 6px 20px 6px 55px;
        font-size: 16px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
        color: #fff;
    }

    .navbar-default .navbar-nav > li > a.addicon{
        display: none;
    }

    .navbar-default .navbar-nav > li > a.support-text{
        display: block !important;
        width: 100%;
    }

    /* ----------------------------- Search ----------------------------------*/

    .navbar #block-search-form {
        margin: 0;
        padding: 0;
        display: block;
        position: absolute;
        clear: both;
        float: none;
        width: 100%;
        bottom: -75px;
    }

    #block-search-form .input-group {
        width: 100%;
        margin: auto;
    }

    #block-search-form .form-control{
        box-shadow: none;
        border-radius: 0;
        border: 1px solid #eee;
        height: 40px;
        float: none;
        font-size: 16px;
    }

    #block-search-form .btn {
        border-radius: 0;
        padding: 7px 14px;
        font-size: 16px;
    }

    .navbar #block-search-form .input-group-btn{
        width: 1%;
    }

    /* ----------------------------- News slider -----------------------------*/

    #block-views-news-block-1{
        padding-top: 80px;
    }

    .main-slide{
        width: auto;
        margin-left: 0;
    }

    .slider.main-slide .view-footer,
    .slider.main-slide .carousel-indicators{
        display: none;
    }

    .slider.main-slide .carousel-caption{
        padding: 0px !important;
        position: relative;
        height: 110px;
        vertical-align: middle;
        display: inline-table;
        margin: 0;
    }

    .slider.main-slide .carousel-caption h3{
        font-size: 16px;
        position: relative;
        vertical-align: middle;
        display: table-cell;
        margin: 0;
        padding: 25px;
    }

    /* ----------------------------- Adv after news --------------------------*/

    .vrek{
        float: none;
    }

    .g2col-b{
        width: 95%;
        margin-left: 2.5%;
    }

    .vrek-h {
        margin-bottom: 5px;
    }

    /* ----------------------------- Usefull notes ---------------------------*/

    .resgrid-3 .views-column,
    .photos.resgrid .views-column{
        width: auto;
        float: none;
        margin: auto;
        background: #fff;
    }

    .resgrid-3 .news-card{
        margin: auto;
        margin-bottom: 30px;
        height: auto;
        padding-bottom: 15px;
    }

    .resgrid-3.umat .news-card .title-f-card {
        min-height: 65px;
    }

    .resgrid-3 .news-card .body-f-card{
        font-size: 1.25rem;
    }

    .resgrid-3 .news-card .title-f-card{
        min-height: auto;
    }

    /* ----------------------------- Photo & Video albums --------------------*/
    
    .photo-bl.g2col-b,
    .video-bl.g2col-b{
        float: none;
        height: auto;
    }

    .photo-bl.photo-sr .views-row {
        width: auto;
    }


    .media_embed {
        width: 100% !important;
        text-align: center;
    }

    .video-bl .media_embed iframe{
        width: auto !important;
        height: auto !important;
    }

    /* ----------------------------- Time machine & Advs ---------------------*/


    .g23{
        width: 95%;
        float: none;
        margin: auto;
        margin-bottom: 35px;
        height: auto;
    }

    .g13 {
        width: 100%;
        float: none;
        margin: auto;
        margin-bottom: 35px;
        height: auto;
        padding: 0 0 20px 0;
    }

    /* ----------------------------- Partners --------------------------------*/

    .partn {
        clear: both;
        min-height: auto;
    }

    .partn .view {
        width: 100%;
        min-width: auto;
    }

    .partn .views-row.views-row-1{
        margin-left: 0;
    }

    .partn .views-row{
        display: inline-table;
        vertical-align: text-bottom;
        width: 45%;
        margin-right: 0px;
        position: relative;
        z-index: 10;
        float: none;
        height: 140px;
        padding: 20px 12px;
    }

    .partn .img-responsive{
        opacity: 0.85;
    }

    .partn .pager{
        position: relative;
        width: 95%;
        margin: auto;
        display: block;
        top: 0;
    }

    .partn .pager li.pager-next{
        float: right;
        display: block;
        width: 40%;
    }

    .partn .pager li.pager-previous{
        width: 40%;
        display: block;
        float: left;
    }

    .partn .pager li > a{
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    /* ----------------------------- Footer ----------------------------------*/


    .bl_grid3.block {
        width: 100%;
        float: none;
    }

    .jsymap{
        display: none;
    }

    .mobile.hide {
        display: block !important;
    }

    .mobile.ymap img {
        width: 100%;
        max-width: 330px;
    }

    .block-footer-sitemap{
        display: none;
    }

    .soc_footer.transp {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.16);
        padding: 35px 15px;
    }

    .soc_footer {
        margin-bottom: 0;
    }

    .tm-social-icon-buttons.mobile{
        text-align: center;
    }

    .cp-name {
        display: block;
    }

    /* ----------------------------- Pages -----------------------------------*/

    .breadcrumb{
        display: none;
    }

    .page-header, h1{
        margin-top: 80px;
    }

    .panel-pane{
        padding: 0 15px;
    }

    /* ----------------------------- Partners Page ---------------------------*/

    .page-about-partners .main-container.container{
        padding-bottom: 0;
    }

    .grid-5 .views-row{
        width: 100%;
    }

    .grid-5 .views-column{
        width: 38%;
        margin: 10px 5% 0 5%;
    }

    /* ----------------------------- Press about us --------------------------*/

    .grid-list .views-column {
        width: 100%;
        padding: 20px 5px;
        float: none;
        clear: both;
    }

    .grid-list .views-field-field-image-card{
        margin-right: 15px;
        min-width: 100px;
        width: 32%;
    }

    .grid-list .views-field.views-field-title {
        float: right;
        width: 62%;
    }

    .grid-list .views-field-body {
        margin-top: 5px;
        width: 62%;
        float: right;
        padding-bottom: 30px;
        text-align: inherit;
    }

    .node-type-publications .field-name-field-image-card{
        float: none;
        box-shadow: none;
    }

    .node-type-publications .field-name-field-image-card .img-responsive{
        margin: auto;
    }

    .node-type-publications .field-name-body,
    .node-type-contacts .field-name-body{
        float: none;
        width: auto;
    }
    
    /* ----------------------------- Contacts page ---------------------------*/

    .photo-grid-3 .views-column{
        width: auto;
        max-width: 364px;
        margin-left: 0;
        margin-right: 0;
        display: block;
        height: auto;
        min-height: auto;
    }

    .view-persons .views-field-title{
        display: block;
        clear: both;
        float: none;
        width: 100%;
    }

    /* ----------------------------- Official page ---------------------------*/

    .region.region-header {
        margin-top: 100px;
    }

    /* ----------------------------- Contacts node | Pravlenie ---------------*/

    .node-type-contacts .field-name-body{
        clear: both;
        margin-top: 35px;
    }

    .node-type-contacts .field-name-field-cont-photo {
        float: none;
        margin: auto;
        width: 300px;
        text-align: center;
        margin-top: 30px;
    }

    .node-type-contacts .field-name-field-cont-photo img.img-responsive {
        width: 100%;
        max-width: 300px;
    }

    .node-type-contacts .field-name-field-phone,
    .node-type-contacts .field-name-field-email{
        position: relative;
        padding-left: 0;
        display: block;
        width: 300px;
        margin: auto;
        top: 0;
    }

    /* ----------------------------- Our Projects Page -----------------------*/

    .page-projects .block{
        background: none;
    }

    .grid-col-2.proj-grid .views-column{
        min-height: auto;
        background-color: #fff;
    }

    .grid-col-2 .views-column{
        width: 100%;
    }

    .grid-col-2 .views-field-title{
        float: none;
        width: 100%;
        min-height: auto;
        margin-bottom: 20px;
    }

    .grid-col-2.proj-grid .views-field-title {
        min-height: auto;
        margin-bottom: 20px;
    }

    .grid-col-2 .views-field-view-node{
        position: relative;
        bottom: auto;
        display: block;
        margin-top: 30px;
    }

    .pane-node-field-image-card > .pane-content{
        width: 100%;
    }

    .panels-flexible-9 .panels-flexible-column-inside{
        padding-right: 0;
    }

    .pr-l{
        float: none;
        width: 100%;
    }

    .pr-r {
        width: 100%;
        float: none;
        clear: both;
        display: block;
    }

    .pane-node-body{
        width: 100%;
        padding: 0 15px;
    }

    .pane-node-body .field-name-body{
        padding-left: 15px;
        padding-right: 15px;
        text-align: inherit;
    }

    .pane-entity-field .field-type-text-long{
        width: 100%;
    }

    .pane-node-body .field-name-body,
    .pane-entity-field .field-type-text-long{
        font-size: 16px;
    }

    .pane-node-body .field-name-body li,
    .pane-entity-field .field-type-text-long li {
        text-align: left;
    }

    .one-col .pr-dop {
        width: 95%;
        float: none;
        margin: auto;
        padding-left: 0;
        padding-right: 0;
    }

    /* ----------------------------- News page -------------------------------*/

    .page-news .block{
        background: none;
    }

    .page-taxonomy .block{
        background: none;
        padding-left: 0;
        padding-right: 0;
    }

    .page-taxonomy .panel-pane{
        padding: 0;
        margin-top: 30px;
    }

    .page-taxonomy .panels-flexible-region-2-center{
        width: 100%;
    }


    .view-id-news .add-link{
        display: none;
    }

    .view .pagination .pager-first a,
    .view .pagination .prev a,
    .view .pagination .next a,
    .view .pagination .pager-last a{
        width: 50%;
    }

    .view .pagination .pager-first a,
    .view .pagination .prev a{
        margin-bottom: 15px;
    }

    .view .pagination .next a,
    .view .pagination .pager-last a{
        margin-top: 15px;
    }

    .not-logged-in.node-type-news .tabs--primary.nav.nav-tabs{
        display: none;
    }

    .panel-pane.pane-node-field-date {
        width: 95%;
        float: none;
        margin: 0 auto;
        margin-top: 50px;
        border: 1px solid #dd7736;
        background-color: #fff;
        color: #666;
        padding: 15px 0;
    }

    .panel-pane.pane-node-field-date br{
        display: none;
    }

    .pan-news .panel-pane.pane-node-title,
    .node-type-creative .panel-pane.pane-node-title{
        width: 100%;
        clear: both;
        float: none;
        margin-top: 25px;
    }

    .pan-news .panel-pane.pane-node-title h1,
    .node-type-creative .panel-pane.pane-node-title h1{
        font-size: 1.5em;
        margin-top: 0;
        text-align: center;
        line-height: 1.4em;
    }

    .panel-pane.pane-node-field-tag-tag{
        clear: both;
        width: 100%;
        margin-bottom: 30px;
    }

    ul.flippy li {
        padding: 10px 2%;
    }

    .panel-pane.pane-custom.pane-1 {
        padding: 0;
    }

    /* .pane-node-field-tag-tag .field-item, */
    .pane-node-terms .field-item,
    .node-type-creative .pane-node-field-cat-creative{
        width: 90%;
    }

    .panel-pane .media_embed iframe{
        width: 100% !important;
    }

    .slide-imgs{
        width: 100%;
    }

    .slide-imgs .carousel-indicators{
        display: none;
    }

    .page-node .field-name-body p {
        word-break: break-word;
    }

    /* ----------------------------- Afisha ----------------------------------*/
    
    .page-afisha .but-add,
    .page-taxonomy .but-add,
    .node-type-event .but-add{
        display: none;
    }

    .panel-pane.pane-views.pane-afisha-cat {
        background-color: #fff;
        padding-top: 20px;
        margin-top: 0;
      }

    .card-af{
        max-width: initial;
        margin-left: 0;
        width: 100%;
        height: auto;
        padding-bottom: 20px;
    }

    .card-af .views-field.views-field-title{
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 5px 15px 15px 15px;
    }

    .card-af .views-field-field-af-topic{
        margin-top: 0;
        background-color: rgba(221, 118, 54, 0.85);
        padding-top: 15px;

    }

    .card-af .views-field-body{
        clear: both;
    }

    .bl_grid3.block{
        padding: 20px 23px 0 34px;
    }

    .not-logged-in.node-type-event .tabs--primary.nav.nav-tabs{
        display: none;
    }

    .panel-pane.pane-node-field-event-date {
        width: 95%;
        float: none;
        margin: 0 auto;
        margin-top: 50px;
        border: 1px solid #dd7736;
        background-color: #fff;
        color: #666;
        padding: 15px 0;
    }

    .panel-pane.pane-node-field-event-date br{
        display: none;
    }

    .af-top .panel-pane.pane-node-title{
        width: 100%;
        clear: both;
        float: none;
        margin-top: 25px;
    }

    .af-top .panel-pane.pane-node-title h1 {
        font-size: 1.5em;
        margin-top: 0;
        text-align: center;
        line-height: 1.4em;
    }

    .af-top .panel-pane.pane-node-terms{
        clear: both;
        width: 100%;
        margin-bottom: 30px;
        margin-top: 0;
    }

    .one-col .panels-flexible-region.af-centr{
        width: 100%;
        float: none;
        padding: 15px 0;
    }

    .af-centr .pane-node-body{
        width: 100%;
    }

    .one-col .panels-flexible-region.dop{
        width: 95%;
        float: none;
        margin: auto;
        margin-bottom: 30px;
    }

    /* ----------------------------- Photos node -----------------------------*/

    .photos.resgrid .views-column{
        margin-bottom: 30px;
        height: auto;
    }

    .photos.resgrid .views-field-title{
        width: 100%;
        float: none;
    }

    .photos.resgrid .views-field-field-images a:first-of-type{
        position: relative;
    }

    .pane-onpage-slider-panel-pane-1{
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .node-type-photo #block-system-main {
        padding-left: 0;
        padding-right: 0;
    }

    /* ----------------------------- Video view -----------------------------*/

    .video.resgrid .views-column{
        padding: 0;
    }

    .resgrid-2 .views-column{
        width: 100%;
        float: none;
        height: auto;
        margin-bottom: 40px;
    }

    .page-materials-video .resgrid .media_embed iframe{
        height: auto !important;
    }

    .view .pagination{
        width: 100%;
    }

    .view li.next a{
        clear: both;
    }

    /* ----------------------------- Services --------------------------------*/

    .page-services h1{
        font-size: 1.5em;
        text-align: center;
        line-height: 1.4em;
        padding-left: 15px;
        padding-right: 15px;
    }

    .pr-usl h3{
        margin-left: 0;
        text-align: center;
    }

    .pr-u-main {
        margin: 30px 0;
        padding: 20px;
    }

    .pr-um-left{
        padding-right: 0;
        display: block;
        width: 100%;
    }

    .pr-um-right {
        width: 34%;
        text-align: center;
        display: block;
        width: 100%;
        clear: both;
        text-align: left;
    }

    .u-cost{
        display: inline-block;
        margin: 20px 0;
    }

    .one-col.serv-page h1{
        font-size: 1.5em;
        margin-top: 50px;
        margin-bottom: 30px;
        text-align: center;
        line-height: 1.4em;
    }

    .one-col .panels-flexible-row.panels-flexible-row-last .panels-flexible-region{
        margin-bottom: 50px;
    }

    /* ----------------------------- Donates ---------------------------------*/

    .page-support h1{
        font-size: 1.5em;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        line-height: 1.4em;
    }

    .view-donate .view-filters {
        float: none;
        width: 100%;
        margin-top: 25px;
    }

    .views-exposed-form .views-exposed-widget{
        float: none;
        padding: 0;
    }

    .view-donate .view-filters .views-exposed-form .form-item{
        margin-left: 0;
    }

    .view-donate .view-filters .form-type-bef-link a{
        padding: 10px;
        line-height: 1.3;
    }

    .view-donate .views-field-title{
        font-size: 18px;
    }

    .view-donate .view-content {
        width: 100%;
        float: none;
        margin-top: 25px;
        margin-left: 0;
    }

    .page-support iframe.iframe{
        width: 100%;
    }

 }

/* // Small devices (landscape phones, less than 768px) */
@media (min-width: 575.99px) and (max-width: 767.98px){ 

    body{
        background-size: auto;
        /* padding: 0 15px; */
        /* background-size: contain;
        background-position: 100% 0%;
        background-position-x: 100%;
        background-position-y: 0%;
        background-repeat: repeat-y; */
    }

    
    .navbar-header {
        float: left;
    }
    
    .logo img{
        width: 100px;
    }

    .navbar .logo {
        padding-left: 150px;
    }

    .navbar-default .navbar-toggle {
        /* position: absolute; */
        position: fixed;
        right: 0px;
        top: 5px;
        z-index: 100000;
        background-color: #fff;
    }

    .region-navigation {
        float: left;
        width: auto;
        padding-left: 15px;
    }

    #sitename {
        float: none;
        margin: 90px 20px 0px 20px;
        padding: 0;    
    }

    .t_name, .t_des{
        font-size: 2em;
    }

    .soc_head {
        float: none;
        margin: 0;
        padding: 0;
        margin-left: 10px;
    }

    .social.soc_footer{
        display: block;
    }

    .social.soc_head{
        display: none;
    }
    /* --------------------------------- MAIN MENU ---------------------------*/

    .navbar-collapse.cls{
        width: 100%;
        display: inline-block;
        top: 0 !important;
        height: 100% !important;
        z-index: 1000;
        position: fixed;
        right: -110%;
        padding: 1px 0px 0 0px;
        -webkit-transition: right 0.4s ease 0s;
        /* -webkit-transition: opacity 0.5s ease 0.2s; */
    }

    .navbar-collapse.cls.in{
        right: 0;
        opacity: 1;
    }

    .navbar-collapse.cls.in nav{
        overflow-y: scroll;
        height: 100%;
    }

    .navbar-default .navbar-nav > li > a{
        font-size: 16px;
        padding: 12px 20px 12px 45px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        color: #fff;
        padding: 6px 20px 6px 55px;
        font-size: 16px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
        color: #fff;
    }

    .navbar-default .navbar-nav > li > a.addicon{
        display: none;
    }

    .navbar-default .navbar-nav > li > a.support-text{
        display: block !important;
        width: 100%;
    }

    /* ----------------------------- Search ----------------------------------*/

    .navbar #block-search-form {
        margin: 0;
        padding: 0;
        display: block;
        position: absolute;
        clear: both;
        float: none;
        width: 100%;
        bottom: -75px;
    }

    #block-search-form .input-group {
        width: 100%;
        margin: auto;
    }

    #block-search-form .form-control{
        box-shadow: none;
        border-radius: 0;
        border: 1px solid #eee;
        height: 40px;
        float: none;
        font-size: 16px;
    }

    #block-search-form .btn {
        border-radius: 0;
        padding: 7px 14px;
        font-size: 16px;
    }

    .navbar #block-search-form .input-group-btn{
        width: 1%;
    }

    /* ----------------------------- News slider -----------------------------*/

    #block-views-news-block-1{
        padding-top: 80px;
    }

    .main-slide{
        width: auto;
        margin-left: 0;
    }

    .slider.main-slide .view-footer,
    .slider.main-slide .carousel-indicators{
        display: none;
    }

    .slider.main-slide .carousel-caption{
        padding: 0px !important;
        position: relative;
        height: 110px;
        vertical-align: middle;
        display: inline-table;
        margin: 0;
    }

    .slider.main-slide .carousel-caption h3{
        font-size: 16px;
        position: relative;
        vertical-align: middle;
        display: table-cell;
        margin: 0;
        padding: 25px;
    }

    /* ----------------------------- Adv after news --------------------------*/


    /* ----------------------------- Usefull notes ---------------------------*/

    .resgrid .views-row{
        clear: none;
    }

    .resgrid-3 .views-column,
    .photos.resgrid .views-column{
        width: 46%;
        float: left;
        margin: 0 2%;
        background: #fff;
    }

    .resgrid-3 .news-card{
        margin: auto;
        margin-bottom: 30px;
        height: auto;
        padding-bottom: 15px;
        min-height: 360px;
    }

    .resgrid-3.umat .news-card .title-f-card {
        min-height: 65px;
    }

    .resgrid-3 .news-card .body-f-card{
        font-size: 1.25rem;
        word-break: break-word;
    }

    .resgrid-3 .news-card .title-f-card{
        min-height: auto;
    }

    .resgrid-3.umat .pager li > a{
        padding: 164px 14px;
        border-radius: 0;
        height: 350px;
        width: 46%;
        text-transform: uppercase;
        font-size: 1.5em;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);
    }

    /* ----------------------------- Photo & Video albums --------------------*/
    
    .photo-bl.g2col-b,
    .video-bl.g2col-b{
        height: auto;
        min-height: 410px;
    }

    .photo-bl.photo-sr .views-row {
        width: auto;
    }


    .media_embed {
        width: 100% !important;
        text-align: center;
    }

    .video-bl .media_embed iframe{
        width: auto !important;
        height: auto !important;
    }

    /* ----------------------------- Time machine & Advs ---------------------*/


    .g23{
        width: 66%;
        margin: auto;
        margin-bottom: 35px;
        height: auto;
        min-height: 380px;
    }

    .g13 {
        width: 33%;
        margin: auto;
        margin-bottom: 35px;
        height: auto;
        padding: 2% 25px;
        min-height: 380px;
    }

    /* ----------------------------- Partners --------------------------------*/

    .partn {
        clear: both;
        min-height: auto;
    }

    .partn .view {
        width: 100%;
        min-width: auto;
    }

    .partn .views-row.views-row-1{
        margin-left: 0;
    }

    .partn .views-row{
        display: inline-table;
        vertical-align: text-bottom;
        width: 48%;
        margin-right: 0px;
        position: relative;
        z-index: 10;
        float: none;
        height: 140px;
        padding: 20px 12px;
    }

    .partn .img-responsive{
        opacity: 0.85;
    }

    .partn .pager{
        position: relative;
        width: 95%;
        margin: auto;
        display: block;
        top: 0;
    }

    .partn .pager li.pager-next{
        float: right;
        display: block;
        width: 40%;
    }

    .partn .pager li.pager-previous{
        width: 40%;
        display: block;
        float: left;
    }

    .partn .pager li > a{
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    /* ----------------------------- Footer ----------------------------------*/

    .bl_grid3.block{
        width: 50%;
    }

    .jsymap{
        display: none;
    }

    .mobile.hide {
        display: block !important;
    }

    .mobile.ymap img {
        width: 100%;
        max-width: 330px;
    }

    .block-footer-sitemap{
        display: none;
    }

    .soc_footer.transp {
        float: left;
        width: 50%;
        margin-top: 150px;
        padding: 35px 5px;
    }

    .soc_footer {
        margin-bottom: 0;
    }

    .tm-social-icon-buttons.mobile{
        text-align: center;
    }

    .cp-name {
        display: block;
    }

    .copright.block{
        clear: both;
    }

    /* ----------------------------- Pages -----------------------------------*/

    .breadcrumb{
        display: none;
    }

    .page-header, h1{
        margin-top: 80px;
        padding: 25px 20px;
    }

    .panel-pane{
        padding: 0 15px;
    }
    
    /* ----------------------------- Partners Page ---------------------------*/

    .page-about-partners .main-container.container{
        padding-bottom: 0;
    }

    .grid-5 .views-row{
        width: 100%;
    }

    .grid-5 .views-column{
        width: 38%;
        margin: 10px 5% 0 5%;
    }

    /* ----------------------------- Press about us --------------------------*/

    .grid-list .views-column {
        width: 100%;
        padding: 20px 5px;
        float: none;
        clear: both;
    }

    .grid-list .views-field-field-image-card{
        margin-right: 15px;
        min-width: 100px;
        width: 25%;
    }

    .grid-list .views-field.views-field-title {
        float: left;
        width: 62%;
    }

    .grid-list .views-field-body {
        margin-top: 5px;
        width: 62%;
        float: left;
        padding-bottom: 30px;
        text-align: inherit;
    }

    .node-type-publications .field-name-field-image-card{
        margin-right: 50px;
        margin-bottom: 30px;
        margin-left: 20px;
    }

    .node-type-publications .field-name-field-image-card .img-responsive{
        margin: auto;
    }

    .node-type-publications .field-name-body{
        float: none;
        width: auto;
        margin-right: 5%;
    }

    /* ----------------------------- Contacts page ---------------------------*/

    .view-persons.photo-grid-3 .views-column{
        padding: 40px;
        width: 47.5%;
        margin-right: 1%;
        margin-left: 1%;
        min-height: 495px;
    }

    .photo-grid-3 .views-field-field-work{
        padding: 0;
    }

    .view-persons .views-field-title{
        display: block;
        clear: both;
        float: none;
        width: 95%;
    }

    /* ----------------------------- Official page ---------------------------*/

    .region.region-header {
        margin-top: 100px;
    }

    #page-header .nav > li{
        width: 50%;
    }


    /* ----------------------------- Contacts node | Pravlenie ---------------*/

    .node-type-contacts .field-name-body{
        width: 56%;
    }

    .node-type-contacts .field-name-field-cont-photo {
        margin-left: 10px;
    }

    .node-type-contacts .field-name-field-phone{
        top: 320px;
    }

    .node-type-contacts .field-name-field-email{
        top: 350px;
    }

    /* ----------------------------- Our Projects Page -----------------------*/

    .page-projects .block{
        background: none;
    }

    .grid-col-2.proj-grid .views-column {
        min-height: 535px;
        background-color: #fff;
    }

    
    .pane-node-field-image-card > .pane-content{
        width: 88%;
    }

    .panels-flexible-9 .panels-flexible-column-inside{
        padding-right: 0;
    }

    .pr-l{
        float: none;
        width: 100%;
    }

    .pr-r {
        width: 100%;
        float: none;
        clear: both;
        display: block;
    }

    .pane-node-body{
        width: 100%;
        padding: 0 15px;
    }

    .pane-node-body .field-name-body{
        padding-left: 15px;
        padding-right: 15px;
        text-align: inherit;
    }

    .pane-entity-field .field-type-text-long{
        width: 100%;
    }

    .pane-node-body .field-name-body,
    .pane-entity-field .field-type-text-long{
        font-size: 16px;
    }

    .pane-node-body .field-name-body li,
    .pane-entity-field .field-type-text-long li {
        text-align: left;
    }

    .one-col .pr-dop {
        width: 95%;
        float: none;
        margin: auto;
        padding-left: 0;
        padding-right: 0;
    }

    /* ----------------------------- News page -------------------------------*/

    .page-taxonomy .block.block-system{
        padding-left: 0;
        padding-right: 0;
    }

    .page-taxonomy .panel-pane{
        padding: 0;
        margin-top: 30px;
    }

    .page-taxonomy .panels-flexible-region-2-center{
        width: 100%;
    }

    .news.view-news.resgrid-3 .news-card,
    .materials.view-news.resgrid-3 .news-card {
        min-height: 455px;
    }

    .view-id-news .add-link{
        display: none;
    }

    .view .pagination .pager-first a,
    .view .pagination .prev a,
    .view .pagination .next a,
    .view .pagination .pager-last a{
        width: 50%;
    }

    .view .pagination .pager-first a,
    .view .pagination .prev a{
        margin-bottom: 15px;
    }

    .view .pagination .next a,
    .view .pagination .pager-last a{
        margin-top: 15px;
    }

    .view.view-news .text-center{
        text-align: left;
        margin: 0 15px;
    }

    .not-logged-in.node-type-news .tabs--primary.nav.nav-tabs{
        display: none;
    }

    .panel-pane.pane-node-field-date {
        width: 95%;
        float: none;
        margin: 0 auto;
        margin-top: 50px;
        border: 1px solid #dd7736;
        background-color: #fff;
        color: #666;
        padding: 15px 0;
    }

    .panel-pane.pane-node-field-date br{
        display: none;
    }

    .pan-news .panel-pane.pane-node-title,
    .node-type-creative .panel-pane.pane-node-title{
        width: 100%;
        clear: both;
        float: none;
        margin-top: 25px;
    }

    .pan-news .panel-pane.pane-node-title h1,
    .node-type-creative .panel-pane.pane-node-title h1{
        font-size: 1.5em;
        margin-top: 0;
        text-align: center;
        line-height: 1.4em;
    }

    .panel-pane.pane-node-field-tag-tag{
        clear: both;
        width: 100%;
        margin-bottom: 30px;
    }

    ul.flippy li {
        padding: 10px 3%;
    }

    .panel-pane.pane-custom.pane-1 {
        padding: 0;
    }

    /* .pane-node-field-tag-tag .field-item, */
    .pane-node-terms .field-item,
    .node-type-creative .pane-node-field-cat-creative{
        width: 90%;
    }

    .panel-pane .media_embed iframe{
        width: 100% !important;
    }

    .slide-imgs{
        width: 100%;
    }

    .slide-imgs .carousel-indicators{
        display: none;
    }

    .page-node .field-name-body p {
        word-break: break-word;
    }

    /* ----------------------------- Afisha ----------------------------------*/

    .page-afisha .but-add,
    .page-taxonomy .but-add,
    .node-type-event .but-add{
        display: none;
    }

    .panel-pane.pane-views.pane-afisha-cat {
        padding-top: 20px;
    }

    .card-af{
        margin-left: 0;
    }

    .not-logged-in.node-type-event .tabs--primary.nav.nav-tabs{
        display: none;
    }

    .panel-pane.pane-node-field-event-date {
        width: 95%;
        float: none;
        margin: 0 auto;
        margin-top: 50px;
        border: 1px solid #dd7736;
        background-color: #fff;
        color: #666;
        padding: 15px 0;
    }

    .panel-pane.pane-node-field-event-date br{
        display: none;
    }

    .af-top .panel-pane.pane-node-title{
        width: 100%;
        clear: both;
        float: none;
        margin-top: 25px;
    }

    .af-top .panel-pane.pane-node-title h1 {
        font-size: 1.5em;
        margin-top: 0;
        text-align: center;
        line-height: 1.4em;
    }

    .af-top .panel-pane.pane-node-terms{
        clear: both;
        width: 100%;
        margin-bottom: 30px;
        margin-top: 0;
    }

    .one-col .panels-flexible-region.af-centr{
        width: 100%;
        float: none;
        padding: 15px 0;
    }

    .af-centr .pane-node-body{
        width: 100%;
    }

    .one-col .panels-flexible-region.dop{
        width: 95%;
        float: none;
        margin: auto;
        margin-bottom: 30px;
    }

    /* ----------------------------- Photos view -----------------------------*/

    .photos.resgrid .views-column{
        margin-bottom: 35px;
        height: auto;
    }

    .photos.resgrid .views-field-title{
        width: 100%;
    }

    .photos.resgrid .views-field-field-images a:first-of-type{
        position: relative;
    }

    .page-materials-photo .pagination{
        padding-left: 15px;
        padding-right: 15px;
    }

    /* ----------------------------- Photos page -----------------------------*/

    .pane-onpage-slider-panel-pane-1{
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    /* ----------------------------- Video view -----------------------------*/

    .resgrid-2 .views-column{
        height: auto;
        margin-bottom: 30px;
    }

    .page-materials-video .resgrid .media_embed iframe{
        /* height: auto !important; */
    }

    .view .pagination{
        width: 100%;
    }

    .page-materials-video .pagination{
        padding-left: 25px;
        padding-right: 25px;
    }

    .view li.next a{
        clear: both;
    }

    /* ----------------------------- Creative --------------------------------*/

    .view-creative.grid-col-2 .views-column{
        padding: 20px 30px;
        min-height: 350px;
    }

    /* ----------------------------- Services --------------------------------*/

    .view-uslugi h3 {
        padding: 0 50px 0 10px;
    }

    .pr-u-main {
        margin: 30px 10px;
        padding: 20px;
    }

    .pr-um-left {
        width: 62%;
        padding-right: 50px;
    }

    .pr-um-right{
        width: 37%;
    }

    .u-cost{
        padding: 15px 20px;
        font-size: 16px;
        display: block;
    }

    .page-services-pr h1{
        font-size: 1.8em;
        margin-top: 50px;
        margin-bottom: 30px;
        text-align: center;
        line-height: 1.5em;
    }

    .one-col.serv-page h1{
        font-size: 1.8em;
        margin-top: 50px;
        margin-bottom: 30px;
        text-align: center;
        line-height: 1.5em;
    }

    .one-col .panels-flexible-row.panels-flexible-row-last .panels-flexible-region{
        margin-bottom: 50px;
    }

    /* ----------------------------- Donates ---------------------------------*/

    .page-support h1{
        font-size: 1.8em;
        padding-top: 50px;
        padding-bottom: 30px;
        text-align: center;
        line-height: 1.5em;
    }

    .page-support iframe.iframe{
        width: 100%;
    }

    .view-donate .view-filters{
        margin-left: 40px;
        width: 28%;
    }

    .view-donate .view-content {
        width: 60%;
        margin-left: 10px;
    }

    .view-donate .view-filters .form-type-bef-link a{
        padding: 15px 20px;
    }

    .view-donate .views-field-title{
        font-size: 18px;
    }



 }

/* // Large devices (desktops, less than 1200px) */
@media (min-width: 767.99px) and (max-width: 1199.98px) { 

    .navbar.container{
        max-width: unset;
        width: 100%;
        padding-top: 50px;
    }

    .front .region.region-content{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .container {
        width: 93%;
    }
    
    .navbar-header {
        float: left;
    }

    .navbar.container>.container{
        width: 410px;
        margin: auto;
    }

    .navbar .logo {
        padding-left: 0;
    }

    .navbar-default .navbar-toggle {
        /* position: absolute; */
        position: fixed;
        right: 0px;
        top: 0px;
        left: 0px;
        z-index: 100000;
        background-color: #dd7636;
        border-color: #db8036;
        display: block;
        box-shadow: none;
        border-top: none;
        border-left: none;
        margin: 0;
        border-radius: 0;
        height: 40px;
        width: 46px;
    }

    .navbar-default .navbar-toggle .icon-bar{
        background-color: #fff;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus{
        background-color: #dd7636;
    }

    .navbar-toggle .icon-bar{
        width: 25px;
    }

    .navbar-toggle .icon-bar + .icon-bar{
        margin-top: 6px;
    }

    .region-navigation {
        float: left;
        width: auto;
        padding-left: 15px;
    }

    #sitename {
        float: none;
        margin: 130px 20px 0px 0px;
        padding: 0;    
    }

    .t_name, .t_des{
        font-size: 2em;
    }

    .soc_head {
        float: none;
        margin: 0;
        padding: 0;
        margin-left: 10px;
    }

    .social.soc_footer{
        display: block;
    }

    .social.soc_head{
        display: none;
    }
    /* --------------------------------- MAIN MENU ---------------------------*/

    .navbar-collapse.cls{
        width: 100%;
        display: inline-block;
        top: 0 !important;
        height: 100% !important;
        z-index: 1000;
        position: fixed;
        left: -110%;
        padding: 1px 0px 0 0px;
        -webkit-transition: left 0.4s ease 0s;
        /* -webkit-transition: opacity 0.5s ease 0.2s; */
        padding-top: 70px;
    }

    .navbar-collapse.cls.in{
        left: 0;
        opacity: 1;
    }

    .navbar-collapse.cls.in nav{
        overflow-y: scroll;
        height: 100%;
    }

    .navbar-nav{
        width: 100%;
    }

    .navbar-nav > li{
        float: none;
    }

    .navbar-default .navbar-nav > li > a{
        font-size: 16px;
        padding: 15px 40px 15px 46px;
    }

    .dropdown-menu{
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        color: #adadad;
        padding: 15px 40px 15px 80px;
        text-transform: uppercase;
        font-size: 16px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a.active{
        color: #fff;
    }

    .navbar-default .navbar-nav > li > a.addicon{
        display: none;
    }

    .navbar-default .navbar-nav > li > a.support-text{
        display: block !important;
        width: 100%;
    }

    /* ----------------------------- Search ----------------------------------*/

    .navbar #block-search-form {
        margin: 0;
        padding: 0;
        display: block;
        position: absolute;
        clear: both;
        float: none;
        width: 100%;
        bottom: 0;
        top: 0;
        left: 0;
        height: 40px;
        padding-left: 46px;
        z-index: 10000;
    }

    #block-search-form .input-group {
        width: 100%;
        margin: auto;
    }

    #block-search-form .form-control{
        box-shadow: none;
        border-radius: 0;
        border: 1px solid #eee;
        height: 40px;
        float: none;
        font-size: 16px;
    }

    #block-search-form .btn {
        border-radius: 0;
        padding: 8px 14px;
        font-size: 16px;
    }

    .navbar #block-search-form .input-group-btn{
        width: 1%;
    }

    /* ----------------------------- News slider -----------------------------*/

    #block-views-news-block-1{
        padding-top: 80px;
    }

    .main-slide{
        width: auto;
        margin-left: 0;
    }

    .slider.main-slide .view-footer,
    .slider.main-slide .carousel-indicators{
        display: none;
    }

    .slider.main-slide .carousel-caption{
        padding: 0px !important;
        position: relative;
        height: 110px;
        vertical-align: middle;
        display: inline-table;
        margin: 0;
    }

    .slider.main-slide .carousel-caption h3{
        font-size: 16px;
        position: relative;
        vertical-align: middle;
        display: table-cell;
        margin: 0;
        padding: 25px;
    }

    /* ----------------------------- Adv after news --------------------------*/


    /* ----------------------------- Usefull notes ---------------------------*/

    .resgrid .views-row{
        clear: none;
    }

    .resgrid-3 .views-column,
    .photos.resgrid .views-column{
        width: 46%;
        float: left;
        margin: 0 2%;
        background: #fff;
    }

    .resgrid-3 .news-card{
        margin: auto;
        margin-bottom: 30px;
        height: auto;
        padding-bottom: 15px;
        min-height: 360px;
    }

    .resgrid-3.umat .news-card .title-f-card {
        min-height: 65px;
    }

    .resgrid-3 .news-card .body-f-card{
        font-size: 1.25rem;
        word-break: break-word;
    }

    .resgrid-3 .news-card .title-f-card{
        min-height: auto;
    }

    .resgrid-3.umat .pager li > a{
        padding: 164px 14px;
        border-radius: 0;
        height: 350px;
        width: 46%;
        text-transform: uppercase;
        font-size: 1.5em;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);
        max-width: 350px;
    }

    /* ----------------------------- Photo & Video albums --------------------*/
    
    .photo-bl.g2col-b,
    .video-bl.g2col-b{
        height: auto;
        /* min-height: 510px; */
    }

    .photo-bl img {
        /* max-height: 265px; */
    }

    .photo-bl.photo-sr .views-row {
        width: auto;
    }


    .media_embed {
        width: 100% !important;
        text-align: center;
    }

    .video-bl .media_embed iframe{
        width: auto !important;
        height: 260px !important;
        /* height: auto !important; */
    }

    /* ----------------------------- Time machine & Advs ---------------------*/


    .g23{
        width: 65%;
        margin-bottom: 35px;
        height: auto;
        min-height: 380px;
        margin-top: 0;
    }

    .g13 {
        width: 33%;
        margin-bottom: 35px;
        height: auto;
        padding: 2% 25px;
        min-height: 380px;
    }

    /* ----------------------------- Partners --------------------------------*/

    .partn {
        clear: both;
        min-height: auto;
    }

    .partn .view {
        width: 100%;
        min-width: auto;
    }

    .partn .views-row.views-row-1{
        margin-left: 0;
    }

    .partn .views-row{
        display: inline-table;
        vertical-align: text-bottom;
        width: 48%;
        margin-right: 0px;
        position: relative;
        z-index: 10;
        float: none;
        height: 140px;
        padding: 20px 12px;
    }

    .partn .img-responsive{
        opacity: 0.85;
    }

    .partn .pager{
        position: relative;
        width: 95%;
        margin: auto;
        display: block;
        top: 0;
    }

    .partn .pager li.pager-next{
        float: right;
        display: block;
        width: 40%;
    }

    .partn .pager li.pager-previous{
        width: 40%;
        display: block;
        float: left;
    }

    .partn .pager li > a{
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    /* ----------------------------- Footer ----------------------------------*/

    .bl_grid3.block{
        width: 50%;
    }

    .jsymap{
        display: none;
    }

    .mobile.hide {
        display: block !important;
    }

    .mobile.ymap img {
        width: 100%;
        max-width: 330px;
    }

    .block-footer-sitemap{
        display: none;
    }

    .soc_footer.transp {
        float: left;
        width: 50%;
        margin-top: 150px;
        padding: 35px 5px;
    }

    .soc_footer {
        margin-bottom: 0;
    }

    .tm-social-icon-buttons.mobile{
        text-align: center;
    }

    .cp-name {
        display: block;
    }

    .copright.block{
        clear: both;
    }

    /* ----------------------------- Pages -----------------------------------*/

    .breadcrumb{
        display: none;
    }

    .page-header, h1{
        padding: 25px 20px;
    }

    .panel-pane{
        padding: 0 15px;
    }
    
    /* ----------------------------- Partners Page ---------------------------*/

    .page-about-partners .main-container.container{
        padding-bottom: 0;
    }

    .grid-5 .views-row{
        width: 100%;
    }

    .grid-5 .views-column{
        width: 38%;
        margin: 10px 5% 0 5%;
    }

    /* ----------------------------- Press about us --------------------------*/

    .grid-list .views-column {
        width: 100%;
        padding: 20px 5px;
        float: none;
        clear: both;
    }

    .grid-list .views-field-field-image-card{
        margin-right: 15px;
        min-width: 100px;
        width: 25%;
    }

    .grid-list .views-field.views-field-title {
        float: left;
        width: 62%;
    }

    .grid-list .views-field-body {
        margin-top: 5px;
        width: 62%;
        float: left;
        padding-bottom: 30px;
        text-align: inherit;
    }

    .node-type-publications .field-name-field-image-card{
        margin-right: 50px;
        margin-bottom: 30px;
        margin-left: 20px;
    }

    .node-type-publications .field-name-field-image-card .img-responsive{
        margin: auto;
    }

    .node-type-publications .field-name-body{
        float: none;
        width: auto;
        margin-right: 5%;
    }

    /* ----------------------------- Contacts page ---------------------------*/

    .view-persons.photo-grid-3 .views-column{
        padding: 40px;
        width: 47.5%;
        margin-right: 1%;
        margin-left: 1%;
        min-height: 495px;
    }

    .photo-grid-3 .views-field-field-work{
        padding: 0;
    }

    .view-persons .views-field-title{
        display: block;
        clear: both;
        float: none;
        width: 95%;
    }

    /* ----------------------------- Official page ---------------------------*/

    .region.region-header {
        margin-top: 60px;
    }

    #page-header .nav > li{
        width: 50%;
    }


    /* ----------------------------- Contacts node | Pravlenie ---------------*/

    .node-type-contacts .field-name-body{
        width: 56%;
    }

    .node-type-contacts .field-name-field-cont-photo {
        margin-left: 10px;
    }

    .node-type-contacts .field-name-field-phone{
        top: 320px;
    }

    .node-type-contacts .field-name-field-email{
        top: 350px;
    }

    /* ----------------------------- Our Projects Page -----------------------*/

    .page-projects .block{
        background: none;
    }

    .grid-col-2.proj-grid .views-column {
        min-height: 535px;
        background-color: #fff;
    }

    
    .pane-node-field-image-card > .pane-content{
        width: 88%;
    }

    .panels-flexible-9 .panels-flexible-column-inside{
        padding-right: 0;
    }

    .pr-l{
        float: none;
        width: 100%;
    }

    .pr-r {
        width: 100%;
        float: none;
        clear: both;
        display: block;
    }

    .pane-node-body{
        width: 100%;
        padding: 0 15px;
    }

    .pane-node-body .field-name-body{
        padding-left: 15px;
        padding-right: 15px;
        text-align: inherit;
    }

    .pane-entity-field .field-type-text-long{
        width: 100%;
    }

    .pane-node-body .field-name-body,
    .pane-entity-field .field-type-text-long{
        font-size: 16px;
    }

    .pane-node-body .field-name-body li,
    .pane-entity-field .field-type-text-long li {
        text-align: left;
    }

    .one-col .pr-dop {
        width: 95%;
        float: none;
        margin: auto;
        padding-left: 0;
        padding-right: 0;
    }

    /* ----------------------------- News page -------------------------------*/

    .page-taxonomy .block.block-system{
        padding-left: 0;
        padding-right: 0;
    }

    .page-taxonomy .panel-pane{
        padding: 0;
        margin-top: 30px;
    }

    .page-taxonomy .panels-flexible-region-2-center{
        width: 100%;
    }

    .news.view-news.resgrid-3 .news-card,
    .materials.view-news.resgrid-3 .news-card {
        min-height: 430px;
    }

    .view-id-news .add-link{
        display: none;
    }

    .view .pagination .pager-first a,
    .view .pagination .prev a,
    .view .pagination .next a,
    .view .pagination .pager-last a{
        width: 50%;
    }

    .view .pagination .pager-first a,
    .view .pagination .prev a{
        margin-bottom: 15px;
    }

    .view .pagination .next a,
    .view .pagination .pager-last a{
        margin-top: 15px;
    }

    .view.view-news .text-center{
        text-align: left;
        margin: 0 15px;
    }

    .not-logged-in.node-type-news .tabs--primary.nav.nav-tabs{
        display: none;
    }

    .panel-pane.pane-node-field-date {
        width: 95%;
        float: none;
        margin: 0 auto;
        margin-top: 50px;
        border: 1px solid #dd7736;
        background-color: #fff;
        color: #666;
        padding: 15px 0;
    }

    .panel-pane.pane-node-field-date br{
        display: none;
    }

    .pan-news .panel-pane.pane-node-title,
    .node-type-creative .panel-pane.pane-node-title{
        width: 100%;
        clear: both;
        float: none;
        margin-top: 25px;
    }

    .pan-news .panel-pane.pane-node-title h1,
    .node-type-creative .panel-pane.pane-node-title h1{
        font-size: 1.5em;
        margin-top: 0;
        text-align: center;
        line-height: 1.4em;
    }

    .panel-pane.pane-node-field-tag-tag{
        clear: both;
        width: 100%;
        margin-bottom: 30px;
    }

    ul.flippy li {
        padding: 10px 3%;
    }

    .panel-pane.pane-custom.pane-1 {
        padding: 0;
    }

    /* .pane-node-field-tag-tag .field-item, */
    .pane-node-terms .field-item,
    .node-type-creative .pane-node-field-cat-creative{
        width: 90%;
    }

    .panel-pane .media_embed iframe{
        width: 100% !important;
    }

    .slide-imgs{
        width: 100%;
    }

    .slide-imgs .carousel-indicators{
        display: none;
    }

    .page-node .field-name-body p {
        word-break: break-word;
    }

    /* ----------------------------- Afisha ----------------------------------*/

    .page-afisha .but-add,
    .page-taxonomy .but-add,
    .node-type-event .but-add{
        display: none;
    }

    .panel-pane.pane-views.pane-afisha-cat {
        padding-top: 20px;
    }

    .card-af{
        margin-left: 0;
    }

    .not-logged-in.node-type-event .tabs--primary.nav.nav-tabs{
        display: none;
    }

    .panel-pane.pane-node-field-event-date {
        width: 95%;
        float: none;
        margin: 0 auto;
        margin-top: 50px;
        border: 1px solid #dd7736;
        background-color: #fff;
        color: #666;
        padding: 15px 0;
    }

    .panel-pane.pane-node-field-event-date br{
        display: none;
    }

    .af-top .panel-pane.pane-node-title{
        width: 100%;
        clear: both;
        float: none;
        margin-top: 25px;
    }

    .af-top .panel-pane.pane-node-title h1 {
        font-size: 1.5em;
        margin-top: 0;
        text-align: center;
        line-height: 1.4em;
    }

    .af-top .panel-pane.pane-node-terms{
        clear: both;
        width: 100%;
        margin-bottom: 30px;
        margin-top: 0;
    }

    .one-col .panels-flexible-region.af-centr{
        width: 100%;
        float: none;
        padding: 15px 0;
    }

    .af-centr .pane-node-body{
        width: 100%;
    }

    .one-col .panels-flexible-region.dop{
        width: 95%;
        float: none;
        margin: auto;
        margin-bottom: 30px;
    }

    /* ----------------------------- Photos view -----------------------------*/

    .photos.resgrid .views-column{
        margin-bottom: 35px;
        height: auto;
    }

    .photos.resgrid .views-field-title{
        width: 100%;
    }

    .photos.resgrid .views-field-field-images a:first-of-type{
        position: relative;
    }

    .page-materials-photo .pagination{
        padding-left: 15px;
        padding-right: 15px;
    }

    /* ----------------------------- Photos page -----------------------------*/

    .pane-onpage-slider-panel-pane-1{
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    /* ----------------------------- Video view -----------------------------*/

    .resgrid-2 .views-column{
        height: auto;
        margin-bottom: 30px;
    }

    .page-materials-video .resgrid .media_embed iframe{
        /* height: auto !important; */
    }

    .view .pagination{
        width: 100%;
    }

    .page-materials-video .pagination{
        padding-left: 25px;
        padding-right: 25px;
    }

    .view li.next a{
        clear: both;
    }

    /* ----------------------------- Creative --------------------------------*/

    .view-creative.grid-col-2 .views-column{
        padding: 20px 30px;
        min-height: 350px;
    }

    /* ----------------------------- Services --------------------------------*/

    .view-uslugi h3 {
        padding: 0 50px 0 10px;
    }

    .pr-u-main {
        margin: 30px 10px;
        padding: 20px;
    }

    .pr-um-left {
        width: 62%;
        padding-right: 50px;
    }

    .pr-um-right{
        width: 37%;
    }

    .u-cost{
        padding: 15px 20px;
        font-size: 16px;
        display: block;
    }

    .page-services-pr h1{
        font-size: 1.8em;
        margin-top: 50px;
        margin-bottom: 30px;
        text-align: center;
        line-height: 1.5em;
    }

    .one-col.serv-page h1{
        font-size: 1.8em;
        margin-top: 50px;
        margin-bottom: 30px;
        text-align: center;
        line-height: 1.5em;
    }

    .one-col .panels-flexible-row.panels-flexible-row-last .panels-flexible-region{
        margin-bottom: 50px;
    }

    /* ----------------------------- Donates ---------------------------------*/

    .page-support h1{
        font-size: 1.8em;
        padding-top: 50px;
        padding-bottom: 30px;
        text-align: center;
        line-height: 1.5em;
    }

    .page-support iframe.iframe{
        width: 100%;
    }

    .view-donate .view-filters{
        margin-left: 40px;
        width: 28%;
    }

    .view-donate .view-content {
        width: 60%;
        margin-left: 10px;
    }

    .view-donate .view-filters .form-type-bef-link a{
        padding: 15px 20px;
    }

    .view-donate .views-field-title{
        font-size: 18px;
    }

 }

 /* // Medium devices (tablets, less than 992px) */
@media (min-width: 991.99px) and (max-width: 1199.98px) { 

    .container {
        width: 85%;
    }
    
 }

 @media (max-width: 1199.98px) { 
    .pane-node-field-time-txt {
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .pane-node-field-tag-tag .field-item{
        float: none;
    }
}

/* // Extra large devices (large desktops)
// No media query since the extra-large breakpoint has no upper bound on its width */