@media (min-width:1440px) {}

@media (max-width:1366px) {

    /* .hero-section .row .hero-content{
        margin-top:3rem;
      } */
    .hero-section .row .hero-content {
        margin-bottom: 3rem;
        padding: 0 2rem;
    }

    .hero-section h1 {
        font-size: 4.5rem;
    }

    .hero-section p,
    .header-section p {
        font-size: 1.3rem;
        padding: 0 9rem;
    }

    .feature-item-heading {
        font-size: 1.5rem;
    }

    /* shape */
    .hero-shape-left {
        left: -8rem;
        bottom: -12rem;
    }

    .hero-shape-left img {
        width: 455px;
        height: 455px;
    }

    .hero-shape-right img {
        width: 85px;
        height: 85px;
    }

    .hero-shape-right {
        bottom: 4rem;
        right: 10rem;
    }

    .theme-sub-heading {
        font-size: 1.8rem;
    }

}

@media (max-width:1280px) {

    .footer-content p,
    .footer-content ul,
    .footer-copyright {
        font-size: 0.875rem;
    }

    .hero-section .row .hero-content {
        padding: 0 10rem;
    }

    .hero-section h1 {
        font-size: 4.375rem;
    }

    .hero-section {
        position: relative;
        padding: 10px 0;
    }


}

@media(max-width:992px) {
    .navbar-blue .navbar-nav .nav-item .nav-link {
        color: var(--theme-dark);
    }
}

@media (max-width:768px) {
    section {
        padding: 2rem 0rem;
    }

    .home-about-message {
        padding: 1rem;
    }

    .navbar-brand img {
        width: 8rem;
    }

    .hero-container .theme-hero-line h1,
    .hero-container .theme-hero-line h1 span {
        font-size: 3rem;
    }

    .hero-center .hero-container .row .hero-content {
        margin-top: 3rem;
        padding: 0rem;
    }

    .theme-btn {
        padding: 0.8rem 1rem;
    }

    .theme-light-bg-container {
        padding: 1.5rem;
    }

    .navbar-nav {
        margin-right: 0;
    }

    .navbar-collapse {
        background-color: var(--theme-white);
        text-align: center;
        padding: 1rem 0rem;
    }

    .service-element .col-lg-6 {
        flex-direction: column;
        text-align: center;
    }

    .service-element {
        padding: 0rem 0rem;
    }

    .cta-container .row {
        padding: 2rem;
    }

    .cta-container .row .col-lg-6:nth-child(2) {
        margin-top: 1rem;
    }

    /* header */
    .page-header {
        padding: 3rem 0;
    }

    .theme-sub-heading {
        font-size: 1.4rem;
        text-align: center;
    }

    /* shape */
    .hero-shape-left {
        left: -6rem;
        bottom: -4rem;
    }

    .hero-shape-left img {
        width: 285px;
        height: 285px;
    }

    .hero-shape-right img {
        width: 55px;
        height: 55px;
    }

    .hero-shape-right {
        top:16.5rem;
        right: 2rem;
    }



    /* key features */

    .service-element-message img {
        width: 210px;
        height: 210px;
    }

    .service-element-message h2 {
        font-size: 2rem;
    }

    
    /* form */
    /* .contact-info{
      margin-top:1rem;
        border-top:1px solid #d5d5d5;
    } */
    .contact-form {
        text-align: center;
        padding: 0 1rem;
    }

    .contact-form form {
        margin-top: 2.5rem;
    }

    .contact-form .contact-wrapper {
        padding: 0rem .375rem;
    }

    .contact-form .contact-info {
        margin-top: 2rem;
        text-align: center;
    }

    .contact-form .contact-info {
        padding-right: 0;
    }

    .form-control {
        width: 100%;
    }

    /* .hero-center{
            background-size:150% auto;
            background-position:top center;
        } */
    /* hero section */
    .hero-section h1 {
        font-size: 2.4rem;
        padding-top: 1rem;
    }

    .hero-section .row .hero-content {
        margin-top: 4rem;
        margin-bottom: 3rem;
        padding: 0 2rem;
    }

    .hero-section .row .hero-content p {
        padding: 1rem 0;
    }

    .features-items-container .col-lg-4 {
        width: 100%;
        margin: 0;
    }

    .features-section {
        text-align: center;
        padding: 1rem 0;
        margin: 1rem 0;
    }

    .features-section .theme-caption {
        padding-right: 0;
        font-size: 1rem;
    }

    /* footer */
    .footer-nav {
        flex-direction: column;
        text-align: center;
    }

    .footer-nav .quick-link {
        padding: 1rem 0;
    }

    .footer-nav .quick-link ul {
        padding: 1rem 0;
        display: block;
    }

    .footer-nav .quick-link ul li {
        padding: .3rem 0;
    }

    .copyright-msg,
    .quick-link {
        font-size: 1rem;
    }

    /* .features-section .theme-heading */
    .theme-heading {
        font-size: 2.2rem;
    }

    .features-section .theme-heading {
        font-size: 2.2rem;
    }

    .business-size .theme-caption {
        font-size: 1rem;
    }

    /* pricing */
    .content-right .pricing-illustration img {
        height: 255px;
    }

    .pricing-brief {
        margin-top: 2rem;
    }

    /* paragraph,caption */
    .section-content {
        font-size:var(--font-size-200);
    }

    .what-sets-up .what-sets-up-element p {
        font-size: 1.2rem;
    }

    /* header  */
    .header-section {
        padding: 5rem 0;
    }

    .header-section h2 {
        font-size: 2.6rem;
        font-weight: 400;
    }

    /* app intro */
    .app-introduction {
        padding: 2rem 1rem;
    }

    /* theme-storyline-container */

    .theme-storyline-container .theme-message {
        text-align: center;

    }

    .hero-section p,
    .header-section p {
        padding: 0 1rem;
    }

    .section-heading {
        font-size: 1.6rem;
    }


    .mission-container .mission,
    .vision-container .vision {
        padding: 1rem 2rem;
    }

    /* explore or categories */
    .explore-our-categories .col-lg-3{
        width: 94.2%;
        margin: 40px 12px;
    }

    /* featured-resources .row .col-lg-6 */
    .featured-resources .row .col-lg-6{
        width: 94.2%;
    }


}

@media (max-width:575px) {
    .content-right .how-it-works img {
        height: 207px;
        padding: 1rem 0;
    }

    .how-it-works-container .how-it-works-row {
        text-align: center;
    }

    .how-it-works-container .benefits-list {
        text-align: center;
    }

    .row-spacing {
        margin: 3rem 0 !important;
    }

    .benefits-list .list-features li {
        flex-direction: column;
    }
    .benefits-list .list-features li span img{
        margin: .675rem .875rem;
    }
}