/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .first-nav.first-slide {
    left: 4%;
    width: 91%;
  }
  .first-nav-block .first-nav {
    line-height: 18px;
    font-size: 13px;
    line-height: 18.31142858px;
    font-size: 12px;
  }
  .first-nav-block .first-nav ul li {
    margin-right: 25px;
  }
  .first-nav-block .service {
    margin-top: -12px;
  }
  .second-nav-block {
    font-size: 12px;
  }
  .second-nav-block nav ul li .nav-content-block {
    top: 96%;
  }
  .points-block .item .number {
    font-size: 60px;
  }
  .points-block .item .number .value:after {
    bottom: -12px;
  }
  .gallary .more .inner {
    padding: 50px 0 84px;
  }
  .gallary .more .inner a {
    padding: 21px 0 71px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .head-block {
    position: relative;
  }
  .head-block .heading-section .top-block {
    text-align: center;
    position: static;padding: 35px 0 30px;
  }
  .head-block .heading-section .top-block .logo {
    display: inline-block;
    float: none;
    margin-right: 0;
    position: absolute;
    z-index: 0;
    left: 0;
    width: 100%;
    top: 33px;
  }
  .head-block .heading-section .top-block .logo img {
    width: 117px;
    height: 31px;
  }
  .head-block .heading-section .top-block .main-content {
    float: right;
    position: relative;
    z-index: 1;
    margin-top: -6px;
  }
  .head-block .logo-selebr img { /* vvsu-add selebr logo*/
  width: 150px !important;
  height: 50px !important; margin-top: -15px;
}
  .head-block .heading-section .top-block .main-content .heading {
    display: none;
  }
  .first-nav-block {
    background: #0a56a4;
  }
  .first-nav-block .first-nav {
    width: 100%;
  }
  .first-nav-block .first-nav ul {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 25px;
  }
  .first-nav-block .first-nav ul li {
    float: none;
    line-height: 32px;
    margin-right: 0; 
  }
  .second-nav-block {
    padding: 9px 0 14px;
    background: #0a56a4;
    box-shadow: none; 
  }
  .second-nav-block .second-nav {
    width: 100%;
  }
  .second-nav-block .second-nav li {
    float: none;
    line-height: 32px;
    margin-right: 0;
  }
  .second-nav-block .second-nav li.active a {
    color: #ffffff;
  }
  .second-nav-block .second-nav li:hover a {
    color: #c6d7ea;
  }
  .second-nav-block .second-nav li a {
    color: #c6d7ea;
  }
  .second-nav-block .second-nav li a:hover {
    color: #ffffff;
  }
  .second-nav-block .js-list-hide {
    display: none;
  }
  .second-nav-block .other-info {
    text-align: left;
  }
  .second-nav-block .other-info ul li {
    display: block;
    margin-right: 0;
    line-height: 32px;
    margin-bottom: 15px;
  }
  .second-nav-block .other-info ul li:last-child {
    margin-bottom: 0;
  }
  .second-nav-block .other-info ul li a:not(.version) {
    color: #c6d7ea;
  }
  .second-nav-block .other-info ul li a:not(.version):hover {
    color: #ffffff;
  }
  .second-nav-block .other-info.js-list-hide {
    display: none;
  }
  .second-nav-block .second-nav {
    width: 100%;
  }
  .second-nav-block .second-nav ul .open:after {
    display: none;
  }
  .second-nav-block .second-nav ul li .nav-content-block {
    position: static;
  }
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
  }
  header .navigation-wrapper {
    position: absolute;
    top: auto;
    width: 100%;
    z-index: 3;
    left: 100%;
    opacity: 0;
    transition: all 0.24s ease-out;
    min-height: 100vh;
  }
  header .js-slide-left {
    left: 0;
    opacity: 1;
    background: #0a56a4;
  }
  .mobile-service {
    position: relative;
    left: 0;
    top: 2px;
  }
  .mobile-service a {
    margin-right: 10px;
  }
  .mobile-service a:last-child {
    margin-right: 0;
  }
  .mobile-service a:hover {
    border: none;
  }
  .mobile-service svg {
    width: 22px;
    height: 22px;
  }
  .mobile-service .cls-1 {
    fill: #ffffff;
  }
  .slider-block .main-slider .item {
    position: relative;
  }
  .slider-block .main-slider .item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.36) 48%, rgba(0, 0, 0, 0.74) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.36) 48%, rgba(0, 0, 0, 0.74) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.36) 48%, rgba(0, 0, 0, 0.74) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#bd000000', GradientType=0);
    z-index: 0;
  }
  .slider-block .main-slider .item .content {
    background: transparent;
    padding: 0 0 55px;
  }
  .slider-block .main-slider .item .wrapper {
    vertical-align: bottom;
    position: relative;
    z-index: 2;
  }
  .news-block .item {
    margin-bottom: 50px;
  }
  .news-block .item:nth-child(3n + 1) {
    clear: none;
  }
  .news-block .item:nth-child(2n + 1) {
    clear: left;
  }
  .events-block .item .left-block {
    margin-bottom: 15px;
    text-align: center;
  }
  .events-block .item .left-block .date {
    width: 25%;
    display: inline-block;
    float: none;
  }
  .events-block .item .right-block {
    text-align: center;
  }
  .events-block .item .right-block .decor {
    display: inline-block;
    margin-top: 15px;
  }
  .events-block .item .right-block .link-wr {
    text-align: left;
  }
  .head-about {
    margin-top: 91px;
  }
  .aside-service {
    width: 100%;
    margin-bottom: 3rem;
  }
  .aside-service a {
    margin-right: 12px;
  }
  .aside-service a:after {
    display: none;
  }
  .aside-service a:last-child {
    margin-right: 0;
  }
  .typepage {
    padding-top: 50px;
  }
  .typepage .nav-tabs li {
    float: none;
  }
  .slider-block {
    margin-top: 91px;
  }
  .typepage-submenu .nav-content-block .item:nth-child(3n + 1) {
    clear: none;
  }
  .typepage-submenu .nav-content-block .item:nth-child(2n + 1) {
    clear: left;
  }
  .teacher-fulllist-block .author-info .left-img img {
    width: auto;
  }
  .programs-table .nav-tabs li {
    float: left;
  }
  .typepage .head-wr {
    text-align: left;
    margin-bottom: 15px;
  }
  .typepage ul.pagination {
    margin-bottom: 50px;
  }
  .detail-pagination a {
    line-height: 14px;
    font-size: 10px;
    line-height: 14.08571429px;
  }
  .gallary .more .inner {
    padding: 30% 0 33.5%;
  }
  .gallary .more .inner a {
    padding: 0;
  }
  .gallary .more .img-wr {
    margin-top: 21%;
  }
  .gallary .more .img-wr img {
    width: 18%;
  }
  .bg-none {
    padding-top: 140px;
  }
  .programs-table table:not(.ui-datepicker-calendar) tbody tr td:last-child:before {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .mobile-search-block .form-control {
    float: left;
    width: 82%;
    margin-right: 10px;
  }
  .mobile-search-block .form-control:focus {
    box-shadow: none;
    border: 2px solid #e35321;
  }
  .mobile-service{ margin-right:20px; margin-top:-15px}
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  footer .info {
    text-align: center;
    margin-bottom: 50px;
  }
  footer .footer-nav {
    margin-bottom: 35px;
  }
  footer .footer-social {
    text-align: center;
  }
  .events-block h3 {
    padding: 0;
    text-align: center;
  }
  table:not(.ui-datepicker-calendar .phones) {
    display: block;
  }
  table:not(.ui-datepicker-calendar .phones) thead,
  table:not(.ui-datepicker-calendar .phones) tbody,
  table:not(.ui-datepicker-calendar .phones) th,
  table:not(.ui-datepicker-calendar .phones) td,
  table:not(.ui-datepicker-calendar .phones) tr {
    display: block;
  }
  table:not(.ui-datepicker-calendar .phones) thead tr {
    display: none;
  }
  table:not(.ui-datepicker-calendar .phones) tbody tr td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    text-align: left;
  }
  table:not(.ui-datepicker-calendar .phones) tbody tr td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 14px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    padding-left: 17px;
    line-height: 14px;
    font-size: 10px;
    line-height: 14.08571429px;
    
    text-transform: uppercase;
    content: attr(data-th);
  }
  table:not(.ui-datepicker-calendar .phones) tbody tr td:first-child {
    padding-left: 50%;
  }
  table:not(.ui-datepicker-calendar .phones) tbody tr {
    border: 1px solid #ccc;
  }
  table:not(.ui-datepicker-calendar .phones) tbody tr td nobr {
    white-space: normal;
  }
  .detail-pagination .prev {
    margin-bottom: 20px;
  }
  .detail-pagination .prev .img-wr {
    float: right;
  }
  .detail-pagination .prev .link-wr {
    float: none;
    margin-left: 0;
  }
  .detail-pagination .next {
    margin-bottom: 20px;
  }
  .detail-pagination .next .link-wr {
    float: none;
    margin-right: 0;
    text-align: left;
  }
  .documents .items .list-item {
    margin-bottom: 25px;
  }
  .documents .items .list-item .label {
    display: block;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .useful-info-block .group {
    width: 80%;
  }
  .news-block .rss {
    margin-left: 0;
    left: 0;
  }
  .typepage .dashed-list ul li {
    margin-bottom: 13px;
  }
  .typepage .dashed-list img {
    width: 54px;
  }
}
@media only screen and (max-width: 500px) {
  .mobile-search-block .form-control {
    width: 60%;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .useful-info-block .group {
    width: 95%;
    text-align: left;
  }
  footer .footer-nav .item {
    width: 100%;
    text-align: center;
  }
  .slider-block .main-slider .item {
    height: calc(100vh - 91px);
  }
}
@media only screen and (max-width: 380px) {
  .pic-nav-group > div {
    width: 100%;
    margin-bottom: 20px;
  }
  .pic-nav-group > div:last-child {
    margin-bottom: 0;
  }
  .pic-nav-group .pic-nav__item:last-child {
    margin-bottom: 0;
  }
  .head-block .heading-section .top-block .logo {
    top: 39px;
  }
  .head-block .heading-section .top-block .logo img {
    height: 21px;
  }
  .mobile-service svg {
    width: 16px;
  }
  .toggle-cool span {
    width: 21px;
  }
  .programs-table table tbody img {
    display: block;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .teacher-fulllist-block .item {
    width: 100%;
  }
}
/* Custom, iPhone Retina */
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
@media only screen and (min-width: 900px) {
  .container {
    width: 890px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .container {
    width: 970px;
  }
  .second-nav-block nav ul li.learn a {
     
  }
  .second-nav-block nav ul li.personal a {
    
  }
  .second-nav-block nav ul li.parent a {
  
  }
  .second-nav-block nav ul li.graduate a {
   
  }
  .second-nav-block nav ul li.partners a {
    
  }
  .second-nav-block nav ul li.active a {
    
  }
  /*.second-nav-block.learn {
        nav {
            ul {
                li {
                    &.active {
                        a {
                            color: @brand;
                        }
                    }
                    a {
                        color: @orange;
                        &:hover {
                            color: @brand;
                        }
                    }
                }
            }
        }
        .other-info {
            ul {
                li {
                    &.active {
                        a:not(.version) {
                            color: @brand;
                        }

                    }
                    a:not(.version) {
                        color: @orange;
                        &:hover {
                            color: @brand;
                        }
                    }
                }
            }
        }
    }

    .second-nav-block.personal {
        nav {
            ul {
                li {
                    &.active {
                        a {
                            color: @brand;
                        }
                    }
                    a {
                        color: @green;
                        &:hover {
                            color: @brand;
                        }
                    }
                }
            }
        }
        .other-info {
            ul {
                li {
                    &.active {
                        a:not(.version) {
                            color: @brand;
                        }

                    }
                    a:not(.version) {
                        color: @green;
                        &:hover {
                            color: @brand;
                        }
                    }
                    .btn.btn-warning {
                        color: @green;
                        border-color: @green;
                        &:hover {
                            background: @green;
                            color: @white;
                        }
                    }
                }
            }
        }
    }


    .second-nav-block.parent {
        nav {
            ul {
                li {
                    &.active {
                        a {
                            color: @brand;
                        }
                    }
                    a {
                        color: @blue;
                        &:hover {
                            color: @brand;
                        }
                    }
                }
            }
        }
        .other-info {
            ul {
                li {
                    &.active {
                        a:not(.version) {
                            color: @brand;
                        }

                    }
                    a:not(.version) {
                        color: @blue;
                        &:hover {
                            color: @brand;
                        }
                    }
                    .btn.btn-warning {
                        color: @blue;
                        border-color: @blue;
                        &:hover {
                            background: @blue;
                            color: @white;
                        }
                    }
                }
            }
        }
    }

    .second-nav-block.graduate {
        nav {
            ul {
                li {
                    &.active {
                        a {
                            color: @brand;
                        }
                    }
                    a {
                        color: @yellow;
                        &:hover {
                            color: @brand;
                        }
                    }
                }
            }
        }
        .other-info {
            ul {
                li {
                    &.active {
                        a:not(.version) {
                            color: @brand;
                        }

                    }
                    a:not(.version) {
                        color: @yellow;
                        &:hover {
                            color: @brand;
                        }
                    }
                    .btn.btn-warning {
                        color: @yellow;
                        border-color: @yellow;
                        &:hover {
                            background: @yellow;
                            color: @white;
                        }
                    }
                }
            }
        }
    }

    .second-nav-block.partners {
        background: @brand;
        nav {
            ul {
                li {
                    .active {
                        a {
                            color: @rgbaWhiteMiddle;
                        }
                    }
                    a {
                        color: @white;
                        &:hover {
                            color: @rgbaWhiteMiddle;
                        }
                    }
                }
            }
        }
        .other-info {
            ul {
                li {
                    &.active {
                        a:not(.version) {
                            color: @white;
                        }

                    }
                    a:not(.version) {
                        color: @white;
                        &:hover {
                            color: @rgbaWhiteMiddle;
                        }
                    }
                    .btn.btn-warning {
                        color: @white;
                        border-color: @white;
                        &:hover {
                            background: @white;
                            color: @black;
                        }
                    }
                }
            }
        }
    }*/
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:

   ========================================================================== */
@media print {
 
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
     */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   
   */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}