/* Menu sidebar */
@media (min-width: 1px) {
    .navbar-toggle {
        display: block !important;
    }
}

@media only screen and (max-width: 1600px) {
    .modal-dialog {
        width: 620px !important;
    }
}

@media only screen and (max-width: 1200px){
    .modal-dialog {
        width: 720px !important;
    }
}

@media (min-width: 992px) {
    body {
        padding: 0 0 0 300px;
    }
    .navmenu {
        padding-top: 0;
    }
    .navbar-toggle {
        display: none !important; /* для IE8 */
    }
}
/* Menu sidebar */

@media screen and (min-width : 1200px) {
    .masonry[data-columns]::before {
        content: '3 .col-xs-4';
    }
}

@media screen and (min-width : 992px) and (max-width : 1199px) {
    .masonry[data-columns]::before {
        content: '3 .col-xs-4';
    }

    .carousel-caption-h3 {
        font-size: 22px;
        margin: 5px 0;
    }

    .carousel-caption.news-carousel-caption {
        width: 60%;
        left: 8%;
        bottom: 15%;
    }
}

@media screen and (min-width : 768px) and (max-width : 991px) {
    .masonry[data-columns]::before {
        content: '3 .col-xs-4';
    }

    .carousel-caption.news-carousel-caption {
        width: 60%;
        left: 10%;
        bottom: 15%;
        padding: 8px;
    }

    .modal-dialog {
        width: 720px !important;
    }

    .home-send-modal {
        font-size: 15px !important;
        margin: 78px 12% 0 12%;
    !important;
    }

    .home-send-modal p {
        margin-top: 45px !important;
    }

}

@media screen and (min-width : 560px) and (max-width : 767px) {
    .masonry[data-columns]::before {
        content: '2 .col-xs-6';
    }

    .modal-dialog {
        width: 620px !important;
        margin: 30px auto !important;
    }

    .carousel-caption.news-carousel-caption {
        width: 80%;
        left: 10%;
        bottom: 15%;
        padding: 10px;
    }
    .carousel-caption-a {
        font-size: 12px;
        padding: 2px 4px;
    }
    .carousel-caption-h3 {
        font-variant: all-petite-caps;
        font-size: 20px;
        margin: 5px 0;
    }
    .carousel-caption-p {
        margin-bottom: 0;
    }
    .popular-ul li{
        width: 500px;
    }
}

@media screen and (min-width : 481px) and (max-width : 559px) {
    .masonry[data-columns]::before {
        content: '2 .col-xs-6';
    }

    .carousel-caption.news-carousel-caption {
        width: 80%;
        left: 10%;
        bottom: 15%;
        padding: 10px;
    }
    .carousel-caption-a {
        font-size: 12px;
        padding: 2px 4px;
    }
    .carousel-caption-h3 {
        font-variant: all-petite-caps;
        font-size: 20px;
        margin: 5px 0;
    }
    .carousel-caption-p {
        margin-bottom: 0;
    }
    .base-text-img {
        width: 400px;
        height: 200px;
    }
    .base-text-video{
        width:400px;
        height: 200px;
    }
    .popular-ul li{
        width: 450px;
    }
}

@media screen and (min-width : 320px) and (max-width : 480px) {
    .masonry[data-columns]::before {
        content: '1 .col-xs-12';
    }

    .left.carousel-control, .right.carousel-control, .carousel-indicators {
        display: none;
    }
    .navbar-open {
        position: absolute;
        top: 0px;
        left: 8px;
    }
    .carousel-caption.news-carousel-caption {
        width: 80%;
        left: 10%;
        bottom: 10%;
        padding: 5px;
    }

    .carousel-caption.news-carousel-caption {
        width: 84%;
        left: 12%;
        bottom: 5%;
        padding: 5px;
    }
    .carousel-caption-a {
        padding: 2px 4px;
        font-size: 12px;
    }
    .carousel-caption-p {
        margin-bottom: 0;
        font-size: 12px;
    }
    .carousel-caption-h3 {
        font-variant: all-petite-caps;
        margin: 2px 0 4px 0;
        font-size: 16px;
    }
    .base-text-img{
        width: 276px;
        height: 138px;
    }
    .base-text-video{
        width:276px;
        height: 138px;
    }
    .popular-ul li{
        width: 292px;
    }


}

@media only screen and (max-width: 560px){
    .like-share-block{
        max-width: 222px!important;
        float: none!important;
        margin: auto!important;
    }

    .modal-dialog {
        width: 440px !important;
        margin: 30px auto !important;
    }

    .footer p{
        text-align: center!important;
        float: none!important;
    }

    html, body{
        background: none!important;
    }

    footer{
        height: 110px!important;
    }

    .img-opacity {
        padding: 0 20px !important;
    }

    #subscribe {
        margin: 12px -10px 0 0 !important;
    }

    .subscribe-modal .home-form-block {
        width: 380px !important;
        margin: 47px auto;
    }

    .home-send-modal {
        margin: 78px 12% 0 12%;
    !important;
    }

    .book-icon + p {
        width: auto !important;
        margin: auto !important;
        font-size: 9px !important;
    }
}

@media only screen and (max-width: 480px){
    .subscribe-modal .home-form-block {
        width: 250px !important;
        margin: 52px auto;
    }

    .modal-dialog {
        width: 350px !important;
        margin: 30px auto !important;
    }

    .home-form input {
        width: 132px !important;
        margin: 7px 0 10px 32px !important;
        padding: 0 10px !important;
    }

    .home-form {
        margin: -2px 0;
    }

    .home-submit {
        margin: -68px -1px 0 0 !important;
        height: 67px !important;
    }

    .home-send-modal {
        font-size: 14px !important;
        margin: 78px 12% 0 12%;
    !important;
    }

    .home-send-modal p {
        margin-top: 34px !important;
    }
}


@media only screen and (max-width: 369px) {
    .subscribe-modal {
        margin-top: 60px !important;
    }
}

@media only screen and (max-width: 360px) {
    .modal-dialog {
        width: 320px !important;
    }
}


/*Blog height responsive*/

@media only screen and (min-height: 1100px){
    .carousel-inner{
        height: 740px!important;
        overflow: hidden!important;
    }
}

@media only screen and (max-height: 1100px){
    .carousel-inner{
        height: 690px!important;
        overflow: hidden!important;
    }
}

@media only screen and (max-height: 1000px){
    .carousel-inner{
        height: 640px!important;
        overflow: hidden!important;
    }
}

@media only screen and (max-height: 900px){
    .carousel-inner{
        height: 540px!important;
        overflow: hidden!important;
    }
}


@media only screen and (max-height: 800px){
    .carousel-inner{
        height: 450px!important;
        overflow: hidden!important;
    }
}


@media only screen and (max-height: 700px){
    .carousel-inner{
        height: 420px!important;
        overflow: hidden!important;
    }
}


@media only screen and (max-height: 600px){
    .carousel-inner{
        height: 380px!important;
        overflow: hidden!important;
    }
}

/*Blog height responsive*/