@media (min-width: 768px) {
    .moi-vozmozhnosti .tiles-3 li{
        min-height: 380px;
    }
    header .nav li.active{
        /*margin-bottom: -5px;*/
        border-radius: 15px;
        margin-right: 5px;
    }
    header .nav .dropdown-menu li.active{
        border-radius: 0px;
        margin-right: 0px;
    }
}
@media (max-width: 1280px) {
    header .nav li:nth-last-child(2) a, header .nav li:nth-last-child(2) span, header .nav li:last-child a, header .nav li:last-child span{
        white-space: normal;
    }

    .person-chairman .ppo-card-img{margin-bottom: 70px;}
    .person-chairman .red-btn{width: calc(100% - 30px); left: 15px;}
    .modal-container{width: 768px;}
}
@media (max-width: 1024px) {
    header .nav li a, header .nav li span{
        font-size: 13px;
        padding:20px 10px;
    }
    .lk-detail-promo_2{margin-top: 20px; padding-left: 0;}
    .promo-cardinfo-2{padding-left: 15px;}
    .lk-detail-promo_1{flex-basis: auto; padding:0px 20px 00px 20px;}
    .promo-cardinfo__fio{font-size: 30px;}
    .thankyou-card{flex-basis: 100%; margin-right: 0;}

    .event-flex{flex-direction: column; align-items: center;}
    .event-flex .event-cover{margin-right: 0; margin: 15px auto 5px auto;}
    .event-item .date{justify-content: center;}
    .event-flex>div{flex-basis: 100%;}
    .event-item__content{display: flex; flex-direction: column;}

    .ppo-card{flex-basis: auto;}


    .content h1, p.h1{font-size: 24px;}
    .OrgName{font-size: 22px;}
    .mydatatable{font-size: 18px;}
    .red-btn, .content a.red-btn, .btn-alpha, .gray-btn{font-size: 16px;}

    .tiles-all-5-reverse li {flex-basis: 47.5%;}
    .service_message {text-align:center;}

    .page-events .form-control{padding: 15px 15px;}
    .page-events select.select-style{padding-right: 60px;}
}
@media (min-width: 840px) {
    header{
        position: sticky;
        top: -168px;
        z-index: 100;
        background: #fff;
    }
}
@media (max-width: 840px) {
    .header-mobile-right {
        flex-direction: column;
        align-items: baseline;
    }
    .citybox{
        left: 17px;
        top: 30px;
    }
    .topright-lk2{float: none;
            position: relative;
        left: 23px;
    }
}
@media (max-width: 768px) {
    header nav{position: fixed; top: 0;}
    header .caret {display: block; }
    .openmenu-mobile .caret{transform: rotate(180deg);}
    header ul.nav ul li a{font-size: 13px;}
    header ul.nav > li{border-bottom: 1px solid #afafaf;}
    header ul>li.openmenu-mobile{
        flex-direction: column;
    }
    header ul>li.openmenu-mobile ul{
        width: 100%;
        display: block !important; position: relative; border: none; 
        margin: 0;
        padding-top: 0;
        padding-left: 0px;
        min-width: inherit;
        top: 0;        
    }
    header ul>li.openmenu-mobile>a{padding-bottom: 5px;}
    header ul>li.openmenu-mobile ul li a{padding-left: 93px;}
    header ul.nav>li:hover>a{background: transparent; border-bottom: 0;}
    header ul.nav>li:hover{
        border-bottom: 1px solid #afafaf;
        /*border: 1px solid transparent; 
        border-bottom: 5px solid transparent;*/}
    header ul.nav>li:hover>a + ul{display: none;}
    /*header ul.nav>li.nosubmenu:hover{ border-bottom:5px solid transparent;}*/

    header ul.nav > li > a{min-height: inherit; padding-left: 60px;
        background-color: #fff;
        margin-right: 0;
        border-radius:0;
        border-bottom:0;
        padding-bottom: 20px;
    }
    header ul.nav > li > a:hover{text-decoration: none; border-bottom:0;}
    header .nav li:after{display: none;}
    header .nav li.active{padding-left: 60px;}
    
    .promo-cardinfo .container{flex-direction: column;}
    .promo-cardinfo-2{align-items: center; padding-left: 0px; text-align: center;}
    .promo-cardinfo .show-qr-code{padding:14px; font-size: 18px;}
    .promo-cardinfo__fio{font-size: 25px; margin-bottom: 15px;}
    .promo-cardinfo{padding: 30px 0 20px 0;}
    .lk-detail-promo_1{padding: 0;}
    .card-with-nums{width: 330px; height: 207px;}
    .lk-detail-promo_1{margin-bottom: 15px;}
    .mydatatable li{padding-left: 35px;}
    .moi-vozmozhnosti-btns>* {flex-basis: 100%; margin-bottom: 20px;}
    .event-flex img{max-width: 100%;}
    .mydata-dates{flex-direction: column;}
    .kid{margin-bottom: 15px;}
    .btn-alpha{padding: 23px 35px;}
    .btn-alpha.btn-select, .btn-alpha.btn-select2{padding-right: 65px;}
    .docs-show-content{flex-wrap: wrap; justify-content: flex-end;}
    .docs-show .docs-show__text {width: 100%; margin-bottom: 15px;}

    .footer1 {
        padding: 5px 0 25px 0;
    }
    .footer2 {
        padding: 35px 0 50px 0;
    }
    .header-mobile-right{margin-top: -25px;}
    .lk-detail-promo_2{margin: 0 auto; flex-direction: row;}

    .modal-overlay:before{display: none;}
    .modal-container{width: 100%;}
    .cols-2{display: block;}
    .modal-overlay{background: #fff;}
    .modal-overlay{z-index: 100000;}
    .modal-header{font-size: 18px; padding: 20px;}
    .modal-content{padding: 15px 15px;    font-weight: bold;    font-size: 16px;}
    .form-ask button{width: auto; font-size: 22px;}
    .modal-header .close{    
        position: absolute;
        z-index: 2;
        top: 15px;
        right: 15px;
        width: 20px;
        height: 20px
    }

    .tiles-all-5-reverse li {flex-basis: 100% !important;}
    .tiles li a{
        min-height: inherit;
        display: flex;
        align-items: center;
        justify-content: space-between;

        font-size: 16px;
        line-height: 1.4em;
        padding-top: 20px;
        padding-bottom: 20px;
        border-radius: 5px;
    }
    .tiles li a img{
        position: relative;
        bottom: inherit;
        right: inherit;
        transform: scaleX(1) scaleY(1);
    }
    .btn-alpha-type2 span{
        font-size: 18px;
        line-height: 1.4em;
    }

    .putevka-period>div:first-child, .putevka-period>div:last-child{width: 100%;}
    .putevka-period__period{margin-bottom: 10px;}

    .breadcrumbs{font-size: 24px; margin: 15px 0;}

    .table-vouchers{font-size: 14px; line-height: 1.4em;}
    .table-cell{padding: 7px;}

    .red-btn, .content a.red-btn, .btn-alpha, .gray-btn{padding: 10px 20px;}
    #kpredsedatelu{width: 100%; font-size: 16px;}
    .soglasie_link {margin-left: 5px;}
    .lk-kd #searcharea{
        font-size: 14px;
        line-height: 1.2;
    }
    .lk-kd #searcharea h1{
        line-height: 1.2;
    }
    .lk-kd ul{
        padding-left: 20px;
    }
    .kd-search form{
        margin-right: 27px;
    }

    .is-volunteer, .page-lk-volunteer h2{font-size: 30px;}
    .volunteers{width: auto;}
    .volunteer{flex-direction: column;}
    .volunteer-img{    width: 100%;    margin: 0 0 30px 0;}
    .volunteer__statuses{flex-wrap: wrap;}
    .volunteer__title, .volunteer__statuses{font-size: 18px; line-height: 1.2;}
    .volunteer__text{font-size: 18px;}
    .volunteer-img img{
        clip-path: circle(34% at 50% 50%);
        max-width: 100%;
        width: 100%;
        height: inherit;
    }
    .primer-matpomosh>div:first-child{margin-right: 15px;}
    .primer-matpomosh>*{margin-left: 0;}
    .primer-matpomosh .red-btn{margin-left: 15px;}

    .event_more_btn{display: block !important;}
    .event_more{display: none;}

    .ico-in-tile{
        position: relative;
        background: none;
        box-shadow: none;
        right: 0;
        bottom: inherit;
        height: 90px;
        width: 90px;
    }
    .tiles li a{
        box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    }
    .tiles li a:hover{
        transform: none;
    }

    .tiles li a:hover .ico-in-tile{
        transform: none;
        box-shadow: none;
    }
    
    .tiles li a:hover p{
        transform: none;
        text-shadow: inherit;
    }

    .tiles.tiles-1 li a{
        
    }
    .tiles.tiles-1 li a .ico-in-tile{
        top: inherit;
    }
    .tiles.tiles-1 li img{
        top: inherit;
    }
    

    .table-vouchers-responsive .vouchers-row{
            display: flex;
            flex-wrap: wrap;
            border-top: 1px solid #dee2e6;
            border-bottom: 1px solid #dee2e6;
            padding: 0.75rem;            
        }
    .table-vouchers-responsive .vouchers-row .table-cell{display: block; border: none; padding: 0.75rem;
        flex-basis: 100%;
        text-align: left !important;
    }
    .vouchers-type:before{
        content: 'Тип: ';
    }
    .vouchers-number:before{
        content: 'Номер путевки: ';
    }
    .vouchers-destination:before{
        content: 'Место отдыха / экскурсия: ';
    }
    .vouchers-dates:before{
        content: 'Период: ';
    }
    .row.row-head.vouchers-head{display: none;}
    
    .form-ask-zadat .form-group{margin-bottom: 15px;}
        
    .participate-container{display: block;}
    .podatzayavku{margin-bottom: 15px;}
    .docs-show{margin-left: -15px; margin-right: -15px; width: calc(100% + 30px);}
    /*768*/
}
@media (max-width: 640px) {
    .pointer02{display: none;}
    .mydatatable li{flex-direction: column;}
    .tiles-all-5 li:nth-child(4), .tiles-all-5 li:nth-child(5){flex-basis: 100%;}

    .thankyou-card-img{min-width: 100px;}
    .thankyou-card-img img{width: 110px; height: auto;}
    .thankyou-card-content__title, .thankyou-card-content__subtitle{font-size: 17px;}
    .thankyou-card-content__subtitle{line-height: 1.4em;}
    .thankyou-card-content__content{font-size: 17px;}
    .thankyou-card-body-bottom{margin-top: 0;}
    .thankyou-card .red-btn{padding: 5px 15px; margin-top: 10px;}

    .header-mobile-right{padding-left: 0;}

    .ppo-card-body{flex-direction: column;}
    .ppo-card-img, .person-chairman .ppo-card-img{margin-right: 0; margin-bottom: 0;}
    .ppo-card-img>img{width: 100% !important;}

    .user-detail{margin: 0 15px;}

    .event-item tr{display: block;}
    .event-item td{font-size: 14px; line-height: 1.2; display: block; width: 100%;}
    .event-item .red-btn{width: 100%;}
    .service_message{text-align: center; padding: 15px 20px; font-size: 14px;}

    .event-item td:first-child{width: 100%;}
}
@media (max-width: 500px) {
  .logo{width: 100px;}
  .header-mobile-right{padding-left: 0;}

  .event-flex .event-cover{
    width: 360px;
    clip-path: circle(115px at 50% 50%);
    min-width: auto;
  }

  .podatzayavku{font-size: 16px; line-height: 1.2;}
  .podatzayavku input{width: 70px;}
}
@media (max-width: 359px) {
    .btn-alpha.btn-select2{margin-bottom: 15px; margin-right: 0;}
    .docs-show .red-btn{margin-left: 15px;}
}