/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
    .news .img-big {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 1100px) {

    .map {
        background: none;
        width: 100%;
        height: 100%;
    }

    .map-block {
        margin-bottom: 80px;
        margin-top: 0;
    }

    .city-map {
        position: inherit;
        font-size: 18px;
        margin-bottom: 10px;
        display: block;
        padding-left: 15%;
    }

    .city-map .icon {
        margin-top: 4px;
        margin-right: 10px;
    }

    .city-map .icon-left {
        float: left;
        margin-left: 0;
    }

    .search {
        display: none;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) and (min-width: 768px) {
    .navbar-nav {
        width: 500px;
    }

    .nav > li > a {
        padding: 5px 15px;
    }

}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {

    .raspisanie-list a.button-save {
        float: left;
        margin: 20px 0 0 60px;
    }

    .data-img .lesson-img {
        float: left;
        padding-left: 60px;
        padding-top: 10px;
    }

    .carousel-block .support-text {
        font-size: 12px;
    }

    .carousel-block, .slide-news .carousel-block {
        padding-left: 20px;
    }

    .slide-news .carousel-block .title,.slide-news .carousel-block .title p {
        width: 300px !important;
        font-size: 22px;
    }

    .news-item {
        padding: 0 45px;
    }

    .news {
        font-size: 18px;
    }

    .news .title-big {
        font-size: 28px;
        letter-spacing: 2px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .news-small .news-item:active {
        background: none;
    }

    .news-small .news-item:active a {
        color: #5b348a !important;
    }

    #raspisanie-write .title-input, #raspisanie-write .title-input2, #raspisanie-write .title-input3 {
        height: 45px;
        line-height: 45px;
    }

    #review-write .title-input, #review-write .title-input2, #review-write .title-input3 {
        height: 45px;
        line-height: 25px;
    }

    .title-404 {
        margin-bottom: 35px;
    }

    .row-404 {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .carousel-block2 .slide_img img, .carousel-block2 .slide_img {
        max-height: 70px;
    }

    .carousel-block2 .slide_text {
        padding-top: 5px;
        font-size: 12px;
        line-height: 1.4;
    }

    .carousel-block2 .item-cr2 {
        padding-bottom: 15px;
    }

    .carousel-block .title {
        font-size: 20px;
        letter-spacing: 2px;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    .navbar-nav {
        font-size: 16px;
    }

    .navbar-collapse {
        background-color: #F5F5F5;
    }

    .navbar-wrapper {
        margin-top: 5px;
    }

    .navbar-wrapper .container {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 5px;
    }

    .navbar-wrapper .navbar {
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
    }

    .navbar-wrapper .navbar {
        border-radius: 4px;
    }

    .home .navbar-nav > li > a {
        color: #20172b;
    }

    .carousel-block p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }

    /*Disable Animation on Mobile Devices*/
    .animated {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

    .corp, .raspisanie-list {
        padding: 0 20px 30px;
        margin-bottom: 30px;
    }

    .corp-logo {
        float: left;
        width: 100px;
    }

    .corp-title {
        font-size: 22px;
        padding-left: 100px;
    }

    .corp-data {
        padding-left: 100px;
    }

    .raspisanie-one-info .title {
        font-size: 22px;
    }

    .raspisanie {
        margin-top: 50px;
    }

    .lesson-done {
        min-height: 70px;
    }

    .lesson-done-col {
        margin-bottom: 80px;
    }

    .carousel-block {
    / / width: 300 px;
    }

    .carousel-block .title {
        font-size: 20px;
        letter-spacing: 2px;
    }

    .news .title-big {
        font-size: 24px;
        letter-spacing: 0px;
    }

    .news-small img {
        width: 300px;
    }

    #raspisanie-write {
        padding: 100px 20px 20px;
    }

    #raspisanie-write .title {
        font-size: 24px;
    }

    #raspisanie-write input[type="text"] {
        height: 50px;
        padding: 0 10px;
        width: 100%;
    }

    #raspisanie-write .form .row {
        margin-bottom: 10px;
    }

    #raspisanie-write .atention-text {
        margin-left: 60px;
    }

    #review-write {
        padding: 20px 30px;
    }

    #review-write .title-input2 {
        height: 40px;
    }

    #review-write .title-input3 {
        height: 60px;
    }

    #review-write input[type="text"] {
        height: 50px;
        padding: 0 10px;
        width: 100%;
    }

    .news-item-block .title h1 {
        font-size: 24px;
        letter-spacing: 2px;
        line-height: 1.4;
        margin-bottom: 20px;
        padding-right: 0px;
    }

    .pres .pres-content {
        font-size: 18px;
    }

    .pres .pres-text {
        padding-left: 80px;
    }

    img.pres_icon {
        width: 50px;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .slide-news .carousel-block .title, .slide-news .carousel-block .title p {
        width: 250px !important;
        font-size: 18px !important;
        text-align: left !important;
    }
    .corp, .raspisanie-list {
        padding: 0 5px 30px;
        margin-bottom: 20px;
    }

    .corp-logo {
        width: 40px;
    }

    .corp-title {
        font-size: 20px;
        padding-left: 60px;
    }

    .corp-data {
        padding-left: 60px;
    }

    .raspisanie-save-button {
        width: 280px;
    }

    .raspisanie-save .icon, .raspisanie-save-button .icon {
        margin-top: 4px;
    }

    .raspisanie-one-info .title {
        font-size: 20px;
    }

    .city-map {
        width: 100%;
    }

    .carousel-block .title {
        font-size: 16px;
    }

    .carousel-block .title-bold {
        font-size: 20px;
    }

    .carousel-block .support-text {
        font-size: 12px;
    }

    .news-item {
        padding: 0 15px;
    }

    .news .title-big {
        font-size: 22px;
    }

    #true_loadmore {
        width: 280px;
    }

    #raspisanie-write .button-write {
        width: 260px;
        padding: 20px 70px;
    }

    #review-write .button-write {
        width: 230px;
        padding: 20px 50px;
    }

    .pres .pres-content {
        font-size: 16px;
    }

    .pres .pres-text {
        padding-left: 50px;
    }

    img.pres_icon {
        width: 30px;
    }

    #footer .container .info, #footer .container .mail {
        font-size: 12px;
    }
    #footer .container .mail {
        margin-bottom: 10px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {

}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {

}