/*******************************************************
    Template Name    : Osprey - App Landing HTML Template
    Author           : aam-developer
    Version          : 1.0
    Created          : 2020
    File Description : Main Reaposive file of the template
*******************************************************/

@media screen and (max-width: 991px) and (min-width: 320px) {
    .download-app-img {
        display: none;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1024px) {
    .screenshot-slide-content {
        height: 415px;
    }

    .screenshot-frame {
        width: 188px;
        height: 385px;
        top: 15px;
    }

    .download-area {
        margin-top: 0;
    }

    .download-app-img {
        margin-top: -0px;
    }


}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-area .home-content h1 {
        font-size: 35px;
        line-height: 1.3;
    }

    .home-area .home-content p {
        font-size: 15px;
        line-height: 1.3;
    }

    .about-img {
        margin-bottom: 30px;
    }

    .about-info {
        padding-right: 0;
    }

    .feature-item.text-right.feature-left-content {
        text-align: left !important;
    }

    .feature-item .single-feature h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
        margin-right: 25px;
    }

    .feature-item.text-right.feature-left-content .feature-dot-ring {
        left: -9px;
        top: -9px;
    }

    .feature-item.text-right.feature-left-content .feature-dot-circle {
        top: 0;
        left: 0;
    }

    .feature-images {
        display: none;
    }

    .screenshot-slide-content {
        height: 500px;
    }

    .screenshot-frame {
        width: 245px;
        height: 500px;
        top: 0px;
    }

    .blog-area .blog-item {
        margin-bottom: 30px;
    }

    .blog-area .blog-item:last-child {
        margin-bottom: 0px;
    }

    .download-area {
        margin-top: 0;
    }

    .footer-link {
        margin-bottom: 30px;
    }

    .footer-link:last-child {
        margin-bottom: 0px;
    }

}

@media only screen and (max-width: 767px) {
    .navbar-nav {
        margin-top: 15px;
    }

    .navbar-b .nav-item {
        margin-bottom: 10px;
    }

    .navbar-b .nav-item:last-child {
        margin-bottom: 0px;
    }

    .home-area {
        padding-top: 150px;
    }

    .home-area .home-content h1 {
        font-size: 33px;
        line-height: 1.3;
    }

    .home-area .home-content p {
        font-size: 15px;
        line-height: 1.3;
    }

    .home-image {
        margin-top: 30px;
    }

    .about-img {
        margin-bottom: 30px;
    }

    .about-info {
        padding-right: 0;
    }

    .feature-item.text-right.feature-left-content {
        padding-left: 0;
        text-align: left !important;
        margin-bottom: 40px;
    }

    .feature-item .single-feature h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
        margin-left: 25px;
    }

    .feature-item.text-right.feature-left-content .feature-dot-ring {
        left: -9px;
        top: -9px;
    }

    .feature-item.text-right.feature-left-content .feature-dot-circle {
        top: 0;
        left: 0;
    }

    .feature-images {
        display: none;
    }

    .screenshot-slide-content {
        height: auto;
    }

    .screenshot-frame {
        display: none;
    }

    .screenshot-item img {
        margin: auto;
        width: 100% !important;
    }

    .blog-area .blog-item {
        margin-bottom: 30px;
    }

    .blog-area .blog-item:last-child {
        margin-bottom: 0px;
    }

    .download-area {
        margin-top: 0;
    }

    .footer-link {
        margin-bottom: 30px;
    }

    .footer-link:last-child {
        margin-bottom: 0px;
    }
}


@media only screen and (max-width: 479px) {
    .navbar-nav {
        margin-top: 15px;
    }

    .navbar-b .nav-item {
        margin-bottom: 10px;
    }

    .navbar-b .nav-item:last-child {
        margin-bottom: 0px;
    }

    .home-area {
        padding-top: 150px;
    }

    .home-area .home-content h1 {
        font-size: 33px;
        line-height: 1.3;
    }

    .home-area .home-content p {
        font-size: 15px;
        line-height: 1.3;
    }

    .home-image {
        margin-top: 30px;
    }

    .section-title h2 {
        font-size: 30px;
    }

    .about-img {
        margin-bottom: 30px;
    }

    .about-info {
        padding-right: 0;
    }

    .about-info h2 {
        font-size: 25px;
    }

    .feature-item.text-right.feature-left-content {
        padding-left: 0;
        text-align: left !important;
        margin-bottom: 40px;
    }

    .feature-item .single-feature h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
        margin-left: 25px;
    }

    .feature-item.text-right.feature-left-content .feature-dot-ring {
        left: -9px;
        top: -9px;
    }

    .feature-item.text-right.feature-left-content .feature-dot-circle {
        top: 0;
        left: 0;
    }

    .feature-item.text-left.feature-right-content {
        padding-right: 0;
    }

    .feature-images {
        display: none;
    }

    .screenshot-slide-content {
        height: auto;
    }

    .screenshot-frame {
        display: none;
    }

    .screenshot-item img {
        margin: auto;
        width: 80% !important;
    }

    .blog-area .blog-item {
        margin-bottom: 30px;
    }

    .blog-area .blog-item:last-child {
        margin-bottom: 0px;
    }

    .download-area {
        margin-top: 0;
    }

    .footer-link {
        margin-bottom: 30px;
    }

    .footer-link:last-child {
        margin-bottom: 0px;
    }
}


@media screen and (max-width: 320px) and (min-width: 0px) {
    .navbar-nav {
        margin-top: 15px;
    }

    .navbar-b .nav-item {
        margin-bottom: 10px;
    }

    .navbar-b .nav-item:last-child {
        margin-bottom: 0px;
    }

    .home-area {
        padding-top: 150px;
    }

    .home-area .home-content h1 {
        font-size: 27px;
        line-height: 1.3;
    }

    .home-area .home-content p {
        font-size: 15px;
        line-height: 1.3;
    }

    .home-content .button-1 {
        margin-left: 0;
    }

    .home-image {
        margin-top: 30px;
    }

    .section-title h2 {
        font-size: 25px;
    }

    .about-img {
        margin-bottom: 30px;
    }

    .about-info {
        padding-right: 0;
    }

    .about-info h2 {
        font-size: 20px;
    }

    .feature-item.text-right.feature-left-content {
        padding-left: 0;
        text-align: left !important;
        margin-bottom: 40px;
    }

    .feature-item .single-feature h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
        margin-left: 25px;
    }

    .feature-item.text-right.feature-left-content .feature-dot-ring {
        left: -9px;
        top: -9px;
    }

    .feature-item.text-right.feature-left-content .feature-dot-circle {
        top: 0;
        left: 0;
    }

    .feature-item.text-left.feature-right-content {
        padding-right: 0;
    }

    .feature-images {
        display: none;
    }

    .screenshot-slide-content {
        height: auto;
    }

    .screenshot-frame {
        display: none;
    }

    .screenshot-item img {
        margin: auto;
        width: 70% !important;
    }

    .testimonial-content-inner .testimonial-text p {
        font-size: 14px;
    }

    .blog-area .blog-item {
        margin-bottom: 30px;
    }

    .blog-area .blog-item:last-child {
        margin-bottom: 0px;
    }

    .download-area {
        margin-top: 0;
    }

    .download-app-text h2 {
        font-size: 25px;
    }

    .footer-mobile-number a {
        font-size: 20px;
    }

    .footer-link {
        margin-bottom: 30px;
    }

    .footer-link:last-child {
        margin-bottom: 0px;
    }

}