@media (min-width: 991.99px) {
    .sub-title {
        width: 65%
    }
}

/*Large devices (desktops, 992px and up to 1199px)*/
@media (max-width: 1199px) {

    .slider .carousel-inner .carousel-caption h1 {
        font-size: 40px
    }

    .post-text {
        margin-top: 15px
    }

    .author-content {
        padding-left: 0;
        margin-top: 20px
    }

    .widget-title {
        font-size: 20px
    }

    .owl-nav {
        display: none
    }
}

/*Medium devices (tablets, 768px and up to 991pz)*/
@media (max-width: 991px) {

    #header.fixed-header {
        position: relative
    }

    .about-image .book-full {
        left: 32%
    }

    .plan,
    .blog-grid,
    .experience-area {
        margin-bottom: 20px
    }

    .tab-about {
        margin-top: 20px
    }

    .post-text {
        margin-left: 15px
    }

    .new-coment {
        margin-bottom: 20px
    }

    .instagramphoto ul li {
        width: inherit
    }

    .side-bar {
        margin-top: 15px
    }

    .owl-nav {
        display: none
    }
}

/*Small devices (landscape phones, 576px and up to 767px)*/
@media (max-width: 767px) {
    .sponsors-slider.owl-carousel .owl-nav button.owl-prev {
        margin-left: 0 !important
    }

    .sponsors-slider.owl-carousel .owl-nav button.owl-next {
        margin-right: 0 !important
    }

    .slider .carousel-inner .carousel-caption h1 {
        font-size: 25px
    }

    .slider .carousel-inner .carousel-caption {
        top: 20%;
    }

    .blog-grid {
        margin-bottom: 20px
    }

    .plan,
    .experience-area {
        margin-bottom: 20px
    }

    .new-coment {
        margin-bottom: 20px
    }

    .author-content {
        padding-left: 0;
        margin-top: 15px
    }

    .post-text {
        margin-left: 0;
        margin-top: 10px
    }

    .coment-content {
        display: block;
        margin-top: 20px
    }

    .post-content.post-content,
    .author {
        display: inherit
    }

    .coment-box.pl-5 {
        padding-left: 0 !important
    }

    blockquote {
        margin-left: 0
    }
}


/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
    .owl-nav {
        display: none !important
    }

    .tab-about {
        display: none
    }

    .slider .carousel-inner .carousel-caption {
        top: 20%
    }

    .slider .carousel-inner .carousel-caption h1 {
        font-size: 25px
    }

    .slider .carousel-inner .carousel-caption p {
        font-size: 12px
    }

    .about-image .book-full {
        left: 30%
    }

    .experience-area {
        margin-bottom: 20px
    }

    .navbar-brand {
        margin-bottom: 15px
    }

    .author-content {
        padding-left: 0;
        margin-top: 15px
    }

    .new-coment {
        margin-bottom: 20px
    }

    .instagramphoto ul li {
        width: inherit
    }

}
