@media screen and (max-width:1440px){
    
    /* ====== Hero Section Start ======  */
    .hero .hero-inner .hero-card h3 {
        font-size: 30px;
        line-height: 45px;
    }
    .hero .hero-inner .hero-card {
        background: rgba(255, 255, 255, 0.4);
        padding: 30px;
        width: 100%;
        max-width: 723px;
        margin-top: 80px;
    }
    /* ======  E-Commerce Solution Start ======  */
   
    .ecommerce_solution .ecommerce_solution-inner .card {
        width: 100%;
        max-width: 300px;
    }
    .ecommerce_solution .ecommerce_solution-inner .card .card-inner .solution-inner {
        position: absolute;
        background-color: transparent;
        top: -30px;
        left: -30px;
        width: 100%;
        height: 100%;
        max-width: 80px;
        max-height: 80px;
    }
    .ecommerce_solution .ecommerce_solution-inner .card .card-inner {
        padding: 30px;
    }
    .ecommerce_solution .ecommerce_solution-inner .card .card-inner .solution-inner::before {
        position: absolute;
        content: "";
        left: -14px;
        bottom: -14px;
        width: 100%;
        max-width: 25px;
        height: 100%;
        max-height: 25px;
    }
    .ecommerce_solution .ecommerce_solution-inner .card .card-inner .solution-inner p{
        font-size: 28px;
        line-height: 30px;
    }
}
@media screen and (max-width:1180px){
   
    .hero .header .navbar .navbar-nav .nav-link {
        font-weight: 500;
        font-size: 15px;
        line-height: 24px;
        color: #222222;
    }
    /* ======  E-Commerce Solution Start ======  */
    .ecommerce_solution .ecommerce_solution-inner .card {
        width: 100%;
        max-width: 260px;
    }
    .ecommerce_solution .ecommerce_solution-inner .card .card-inner {
        padding: 25px;
    }
    .ecommerce_solution .ecommerce_solution-inner .card .card-inner .fs-22 {
        font-size: 18px;
        line-height: 26px;
    }
    .ecommerce_solution .ecommerce_solution-inner .card .card-inner .fs-18 {
        font-size: 16px;
        line-height: 24px;
    }
    .ecommerce_solution .ecommerce_solution-inner .card .card-inner .solution-inner {
        position: absolute;
        background-color: transparent;
        top: -25px;
        left: -25px;
        width: 100%;
        height: 100%;
        max-width: 70px;
        max-height: 70px;
    }
    .ecommerce_solution .ecommerce_solution-inner .card .card-inner .solution-inner::before {
        position: absolute;
        content: "";
        left: -14px;
        bottom: -14px;
        width: 100%;
        max-width: 22px;
        height: 100%;
        max-height: 22px;
    }
    .ecommerce_solution .ecommerce_solution-inner .card .card-inner .solution-inner p{
        font-size: 24px;
        line-height: 30px;
    }
}
@media screen and (max-width:1024px){
    /* ====== Hero Section Start ======  */
    .hero .hero-inner .hero-card h3 {
        font-size: 26px;
        line-height: 36px;
    }
}
@media screen and (max-width:992px){
    .fs-35 {
        font-size: 30px;
        line-height: 40px;
    }
    .fs-20 {
        font-size: 18px;
        line-height: 30px;
    }
    
    .header{
        background-color: #fff;
    }
   
    /* ====== Hero Section Start ======  */
    .hero .hero-inner .hero-card{
        margin-top: 150px;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .hero .hero-inner .hero-card .hero-title{
        width: 100%;
        max-width: 100%;        
    }
    .hero .hero-inner .hero-card h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .hero .hero-inner .bg-image1{
        margin-top: 100px;
        margin-left: 30px;
        margin-right: 30px;
    }
    /* ======  E-Commerce Solution Start ======  */
   
   /* ====== Multi-Vendor System Start ======  */
    .vender-system .vender-contact {
        width: 100%;
        max-width: 1460px;
        margin: 0 auto;
        padding: 0 0px;
    }
    /* ====== Advanced Admin Start ====== */
    .advanced-admin .advanced-contact .advanced-contac-inner li::after {
        max-width: 16px;
        max-height: 16px;
        font-size: 10px;
        line-height: 30px;
        top: 5px;
    }
    /* ====== Seller panel Start ======  */
    .seller-panel .seller-contact p {
        width: 100%;
        max-width: 100%;
    }
     /* ======  Membership Packages System Start ======  */
    .membership-contact {
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
        padding: 50px 00px;
    }
     /* ====== product List Start ====== */
    .product-list .product-contact p {
        width: 100%;
        max-width: 100%;
    }
    /* ====== Checkout Start ======  */
    .checkout-contact-inner {
        padding: 10px 0px;
    }
}
@media screen and (max-width:767px) {
    .ecommerce_solution .ecommerce_solution-inner .card {
        width: 100%;
        max-width: 100%;
    }
}
@media screen and (min-width:767px) and (max-width:992px){
    .ecommerce_solution .ecommerce_solution-inner .card {
        width: 100%;
        max-width: 288px;
    }
}
@media screen and (max-width:576px) {
    .payment-details .payment-img {
        padding: 15px 15px;
    }
    .fs-35 {
        font-size: 26px;
        line-height: 40px;
    }
    .fs-20 {
        font-size: 16px;
        line-height: 24px;
    }
     /* ====== Advanced Admin Start ====== */
     .advanced-admin .advanced-contact .advanced-contac-inner li::after {
        max-width: 15px;
        max-height: 15px;
        font-size: 9px;
        line-height: 30px;
        top: 5px;
    }
    .advanced-admin .admin-inner::after {
        position: absolute;
        content: "";
        background-image: url("../image/tab-btn.png");
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        left: 27px;
        top: -20px;
    }
    .ecommerce_solution .ecommerce_solution-inner{
        padding: 0px 0px 0 15px;
    }
    /* ====== Blog List Start ====== */
    .blog-list .blog-image .blog-mobile-img {
        padding-top: 40px;
        padding-left: 20px;
    }
     /* ====== Important Features Start ======  */
    .features-contact p {
        font-size: 16px;
        line-height: 26px;
        color: #555555;
    }
    /* ====== FAQ Start ======  */
    .faq .faq-inner .faq-default>.faq-heading a p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }
}