/* Normal desktop :992px. */


@media (max-width: 1440px) {
   
    .stellarnav.mobile ul {
        z-index: 999;
    }
   

   
}
@media (max-width: 1250px) {
    .stellarnav > ul > li > a {
        padding: 10px 6px;
    }
}
@media (max-width: 1085px) {
  
}

@media(max-width: 1024px) {
    .wel-right h3 {
        font: normal normal bold 29px/6px Crimson Text;
    }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
    .wel-bottom-right {
        padding-top: 0;
    }
    .banner-right img {
        opacity: 0.08;
    }
    .banner-left {
        transform: translateY(50%);
        top: 50%;
    }
    .wel-right p {
        padding-top: 14px;
    }
    .banner-right {
        padding: 65px 0 30px 0;
    }
    .overview h3 {
        font: normal normal bold 25px/43px Crimson Text;
    }
    .overview {
        padding: 50px 0;
    }
    .data-out {
        padding: 50px 0;
    }
    .data-out h3 {
        padding-bottom: 47px;
    }
    .social-media {
        gap: 7px;
        margin-top: 23px;
        flex-wrap: wrap;
    }
    .inner-banner-content {
        padding: 100px  0px  100px 174px;
    }

}


/* Tablet desktop :768px. */
@media(max-width: 991px) {
    .stellarnav.light li a {
        color: #000;
    }
    .stellarnav.light .menu-toggle span.bars span {
        background: #fff;
    }
    .logo img {
        max-width: 189px;
    }
}

@media(max-width: 767px) {
    .right-header {
        flex-wrap: wrap;
    }
    .logo {
        text-align: center;
    }
    .footer-content {
        flex-direction: column;
    }
    .banner-left {
        transform: translateY(24%);
      padding: 0 20px;
    }
    .wel-right {
        padding: 39px 0;
    }
    .wel-right h3 {
        font: normal normal bold 27px/6px Crimson Text;
    }
    .welcome {
        padding: 50px 0;
    }
    .welcom-bottom {
        padding-top: 0;
    }
    .data-out h3 {
        font: normal normal bold 35px/41px Crimson Text;
    }
    .overview h3 {
        padding: 20px 0;
    }
    .data-right-heading {
        padding: 20px 0;
    }
    .stay-with {
        margin: 40px 0;
    }
    footer {
        padding-top: 51px;

    }
    .social-media {
        margin: 30px 0;
    }
    .fimple {
        margin: 50px 0;
    }
    .automoted-form-list li:nth-of-type(1), .automoted-form-list li:nth-of-type(2) {
        width: 100%;
    }
    .automoted-form-list {
        flex-direction: column;
    }
    .flow-cart {
        padding: 50px 0px;
    }
    .reseller-content h1 {
        font: normal normal bold 32px/3px Crimson Text;
    }
    .free-content h1 {
        font: normal normal bold 46px/2px Crimson Text;
    }
    .contact-left input[type="submit"] {
        margin: 30px auto;
    }
}
@media(max-width: 600px) {

.inner-banner::before{
    display: none;
}
.inner-banner-content {
    padding-left: 0;
    text-align: center;
}
.inner-banner-content .breadcrumb {
    justify-content: center;
}
.inner-banner-content {
    padding: 50px  0px  50px 0;
}
.card-sec {
    padding: 22px 0px;
}

}
@media(max-width: 499px) {
    .reseller-content h1 {
        font: normal normal bold 39px/50px Crimson Text;
        text-align: center;

    }
    .custm-card-header h3 {
        font: normal normal bold 22px/43px Crimson Text;
    }
    .right-header {
        flex-wrap: wrap;
        padding-top: 22px;
        justify-content: flex-start;
    }
    .banner-left h1 {
        font: normal normal bold 35px/40px Crimson Text;
    }
    .banner-left p {
        font: normal normal normal 20px/25px Crimson Text;
        padding: 20px 0 14px 13px;
    }
    .banner-right {
        padding: 65px 0 55px 0;
    }
    .fimple .btn-link {
        font: normal normal bold 17px/17px Crimson Text;
    }
    .footer-logo img {
        max-width: 258px;
    }
    .hero-banner .owl-theme .owl-nav.disabled+.owl-dots {
        padding-bottom: 30px;
    }
    .overview {
        padding: 27px 0;
    }
    .autometed-data-entry h2 {
        font: normal normal bold 31px/41px Crimson Text;
   
    }
    .video-page h2 {
        font: normal normal bold 30px/37px Crimson Text;
    }
    .card-sec .fimple h3 {
        font-size: 27px;
    }
    .contact-left h1 {
        font: normal normal bold 35px/56px Crimson Text;
        
    }
}