@media screen and (max-width: 1440px) {
    .bannerBlog {
        padding-top: 130px;
    }

    .ppContentInner {
        margin-top: 120px;
    }
}

@media screen and (max-width: 1024px) {
    .appFeatures_slider {
        max-width: 90%;
    }
}

@media screen and (max-width: 991px) {
    .screen_slider {
        max-width: 100%;
    }

    .appFeatures_slider figure {
        max-width: 100%;
        margin-bottom: 50px;
    }

    .appFeatures_slider {
        max-width: 80%;
    }

    .appFeatures_slider .features {
        max-width: 100%;
        padding-left: 0px;
    }

    .bannerBlog p {
        padding: 0;
    }

    .navbar > .container {
        align-items: center;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .navbar-toggler {
        padding: 2px 6px;
        min-height: 30px;
        background: #fff;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .app-icon-slider li {
        width: 200px;
    }
}

@media screen and (max-width: 991px) {
    .headerBg {
        background: #fff;
        padding-top: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .aboutBlog h2 {
        margin: 0 0 30px 0;
    }

    .featuresBlog h2 {
        margin: 0 0 30px 0;
    }

    .featuresBlog .featuresBox h3 {
        font-size: 18px;
    }

    .app-icon-slider li {
        width: 156px;
    }

    .bannerBlog h1 {
        font-size: 42px;
        line-height: normal;
        text-align: left;
    }

    .appStore,
    .playStore {
        margin: 0 0 15px 0;
    }

    .appStore img,
    .playStore img {
        width: 40%;
        margin-bottom: 20px;
    }

    .slidImg img {
        width: 70%;
    }

    .navbar-toggler {
        padding: 2px 6px;
        min-height: 30px;
        background: #fff;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .aboutBlog {
        padding: 50px 0;
    }

    .featuresBlog {
        padding: 50px 0;
    }

    .downloadAppBlog {
        padding: 50px 0;
        text-align: left;
    }

    .ContactBlog {
        padding: 50px 0;
    }

    .ContactBlog h2 {
        margin: 0 0 40px 0;
    }

    .downloadAppBlog span img {
        width: 70%;
        margin-bottom: 30px;
    }

    .footerMenu a {
        font-size: 14px;
        padding: 8px 5px;
        display: inline-block;
    }
}

@media screen and (max-width: 767px) {
    .bannerBlog {
        padding: 110px 0 50px 0;
        text-align: center;
    }

    .bannerBlog h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .bannerBlog h1 {
        font-size: 32px;
        line-height: 42px;
        text-align: center;
    }

    .appStore,
    .playStore {
        margin: 0 0 15px 0;
    }

    .appStore img,
    .playStore img {
        width: 40%;
        margin-bottom: 20px;
    }

    .slidImg img {
        width: 70%;
    }

    .navbar-toggler {
        padding: 2px 6px;
        min-height: 30px;
        background: #fff;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .aboutBlog {
        padding: 50px 0;
    }

    .featuresBlog {
        padding: 50px 0;
    }

    .downloadAppBlog {
        padding: 50px 0;
        text-align: center;
    }

    .ContactBlog {
        padding: 50px 0 10px;
    }

    .ContactBlog h2 {
        margin: 0 0 40px 0;
    }

    .downloadAppBlog span img {
        width: 70%;
        margin-bottom: 30px;
    }

    .footerMenu a {
        font-size: 14px;
        padding: 8px 5px;
        display: inline-block;
    }

    .appFeatures_slider {
        max-width: 100%;
    }

    .featuresBlog h2 {
        margin-bottom: 40px;
    }

    .app_screens {
        padding: 50px 0;
    }

    .feature-cntr-img {
        display: none;
    }

    .app-icon-slider li:not(:last-child) {
        margin: 0 0 15px;
    }

    .fea-card {
        width: 100%;
    }

    .header .fixed-top {
        right: 20px;
        left: 20px;
    }

    .outerContainer {
        padding: 0 20px;
    }

    .aboutBlog,
    .app_screens,
    .contactBgRow {
        border-radius: 30px;
    }

    .header .navbar {
        border-radius: 0 0 30px 30px;
    }

    .headerBg {
        padding: 5px 0;
    }

    .login-container,
    .login-add {
        padding: 20px;
    }

    .contactBox {
        padding: 30px 35px;
    }

    .ftCopyRight {
        padding: 15px 10px;
    }

    .user-dp {
        min-width: 55px;
        width: 55px;
        height: 55px;
        overflow: hidden;
    }
    .forums-card-det {
        padding-left: 72px;
    }
}

@media screen and (max-width: 576px) {
    .avatar {
        width: 15px;
        height: 15px;
        margin-right: 0 !important;
        min-width: 15px;
    }

    .avatar img {
        width: 15px;
        height: 15px;
    }

    .comment strong {
        font-size: 11px;
        display: block;
    }

    .time {
        font-size: 8px;
    }

    .comment p,
    .comment-reply {
        font-size: 12px;
    }

    .replied-comment {
        margin-left: 25px;
    }
}