@media(max-width:1300px) and (min-width:1139px) {
    .feature a {
        padding: 12px 10px;
        font-size: 13px
    }

    .fa-bolt {
        margin-right: 5px
    }

    .nav>ul>li>a {
        font-size: 13px
    }

    .nav>ul>li>a img {
        height: 13px;
        margin-right: 5px
    }
}

@media screen and (max-width:1139px) {
    .banner-img img {
        width: 100%
    }

    .lang-social ul li a {
        color: #ffffff !important
    }

    .nav>ul>li {
        padding: 26px 12px 24px 0
    }

    .nav>ul>li>a {
        font-family: sans-serif;
        font-size: 14px
    }

    .feature a {
        padding: 16px 20px
    }

    .feature a {
        padding: 16px 20px;
        font-size: 14px
    }

    .nav {
        padding-right: 0
    }

    .sub-menu {
        width: 160px;
        font-size: 15px;
        top: 67px
    }

    #banner {
        background-color: #3CB371;
        height: 600px
    }

    .button-one a {
        padding: 15px 40px
    }

    .bg-imges {
        display: none
    }

    .ban-bg-circles {
        display: none
    }

    .animated-img {
        display: none
    }

    .priceing-plan {
        display: none
    }

    .feature {
        display: none
    }

    .lang-social ul li a {
        color: #fff
    }

    .banner-contain h1 {
        font-size: 60px;
        margin: 26px 0
    }

    .banner-button a {
        padding: 15px 40px
    }

    .banner-main {
        top: 199px
    }

    .banner-contain p {
        color: #fff;
        font-family: sans-serif;
        font-size: 15px;
        max-width: 600px
    }

    .ban-bg-circles {
        display: none
    }

    .hero-img {
        visibility: hidden
    }

    .banner {
        background-color: #3CB371
    }

    .hero-img img {
        width: 100%
    }

    .banner-button {
        column-gap: 20px;
        margin-top: 55px
    }

    .button12 {
        padding: 14px 25px
    }

    .about-main {
        column-gap: 42px
    }

    .about-detail h2 {
        font-size: 39px;
        margin: 17px 0 17px
    }

    .quick-p p {
        font-size: 14px;
        padding: 27px 0
    }

    .quick-button a {
        padding: 16px 19px;
        font-size: 14px
    }

    #about-section {
        padding: 100px 0 60px
    }

    #our-service {
        padding: 40px 0
    }

    .o-s-main h2 {
        font-size: 43px
    }

    .o-s-main h3 {
        font-size: 16px
    }

    .slider-one {
        padding: 25px
    }

    .slider-one p {
        color: #636D78;
        font-family: sans-serif;
        font-size: 14px;
        line-height: 25px;
        margin: 25px 0
    }

    .slider-one h2 {
        font-family: sans-serif;
        margin: 20px 0 22px;
        font-size: 21px
    }

    .slider-one span img {
        padding: 13px
    }

    .sam-img {
        max-height: 402px
    }

    #page-template {
        margin: 58px 0
    }

    .price-plan-main {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 30px
    }

    .price-plan-one {
        width: calc(50% - 15px);
        padding: 53px 12px 28px
    }

    .price-bottom h2 {
        line-height: 90px;
        font-size: 25px
    }

    .price-button a {
        padding: 14px 53px;
        font-size: 15px
    }

    .price-bottom {
        margin-top: 59px
    }

    .price-bottom ul li {
        font-size: 15px
    }

    #blog-main {
        margin: 70px 0 25px
    }

    .blog-div {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 30px
    }

    .bog-card-one {
        width: calc(50% - 15px)
    }

    .blog-head h2 {
        margin: 17px 0 57px;
        font-size: 39px
    }

    .blo-m-h a {
        font-size: 19px
    }

    .blog-button a {
        padding: 9px 14px;
        font-size: 14px
    }

    #scroll-text {
        padding: 30px 0
    }

    .s-t span {
        font-size: 22px
    }

    .footer span {
        padding-bottom: 20px
    }

    #footer-main {
        padding: 30px 0 0 0
    }

    .footer h2 {
        font-size: 25px
    }

    .footer h3 {
        margin: 40px 0
    }

    .footer button a {
        font-size: 17px;
        padding: 18px 73px
    }

    .footer-social {
        padding: 37px 0
    }

    .footer-located p {
        font-size: 17px
    }

    .footer-located h3 {
        font-size: 19px
    }

    .price-head h2 {
        font-size: 45px
    }

    .terms-con ul li a {
        font-size: 14px
    }

    .copyright span {
        font-size: 15px
    }

    #about-us {
        margin-bottom: 50px
    }

    .tra-about-contain h2 {
        font-size: 36px
    }

    .tra-about-contain p {
        font-size: 15px
    }

    .about-main {
        column-gap: 25px
    }

    .tra-about-img {
        width: 50%
    }

    .tra-about-contain {
        width: 50%
    }

    .four-button button {
        padding: 10px 12px;
        font-size: 15px
    }

    .link-button {
        margin-top: 32px
    }

    .services-main {
        column-gap: 35px
    }

    .service-img h2 {
        font-size: 36px
    }

    .seo-img {
        padding: 20px 15px;
        text-align: center
    }

    .seo-img img {
        width: 80%
    }

    .seo-div h2 {
        font-size: 25px
    }

    .seo-div p {
        font-size: 16px
    }

    .business-box h3 {
        font-size: 23px
    }

    .business-box {
        padding: 30px;
        margin-left: -120px
    }

    .submit-btn input {
        width: 28% !important
    }
}

@media(max-width:1060px) {
    .nav {
        display: none
    }

    .feature {
        display: flex
    }

    .nav-bar {
        display: block
    }

    .toggale-nav {
        display: block
    }
}

@media screen and (max-width:991px) {
    .subscribe-btn {
        margin-top: 50px
    }

    #banner {
        height: auto !important
    }

    .priceing-plan {
        display: none
    }

    .header-top {
        display: flex
    }

    .header {
        padding: 10px 0
    }

    .lang-social ul {
        column-gap: 12px;
        padding-left: 15px
    }

    .contact-detail ul {
        column-gap: 15px
    }

    .contact-detail ul li a {
        font-size: 11px
    }

    .feature a {
        padding: 12px 17px;
        font-size: 13px
    }

    .banner-contain-main {
        width: 100%;
        flex-wrap: wrap;
        gap: 30px
    }

    .banner-contain {
        width: 100%
    }

    #banner {
        padding-bottom: 338px
    }

    .banner-img {
        width: 100%;
        margin-top: 50px
    }

    .banner-contain h2 {
        font-size: 18px
    }

    .banner-contain h1 {
        font-size: 55px;
        margin: 15px 0
    }

    .banner-contain p {
        font-size: 17px;
        line-height: 28px;
        max-width: 745px;
        padding: 17px 0
    }

    .banner-button {
        column-gap: 1;
        margin-top: 25px
    }

    .about-img {
        text-align: center;
        width: 100%
    }

    .about-img img {
        width: 100%;
        max-width: none
    }

    .about-main {
        gap: 30px;
        flex-wrap: wrap
    }

    .about-detail {
        width: 100%;
        flex-wrap: wrap
    }

    .banner-button {
        column-gap: 1
    }

    .about-detail h3 {
        font-size: 18px
    }

    .about-detail h2 {
        font-size: 53px;
        margin: 20px 0 40px
    }

    .about-detail p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 25px
    }

    .quick-p p {
        font-size: 16px;
        line-height: 22px;
        padding: 17px 0
    }

    .quick-p {
        padding-bottom: 25px
    }

    .quick-button {
        margin-top: 38px
    }

    .o-s-main h2 {
        margin: 9px 0 27px
    }

    .price-plan-one {
        padding: 42px 10px 20px
    }

    .light-img img {
        width: 45%
    }

    .price-plan-one h2 {
        font-size: 20px;
        line-height: 10px
    }

    .price-plan-one h3 {
        font-size: 14px;
        line-height: 0;
        padding: 15px 0 17px
    }

    .price-bottom {
        padding: 0 12px 1px
    }

    .price-bottom h4 {
        font-size: 54px;
        line-height: 122px
    }

    .price-bottom h4 span {
        margin-left: -12px
    }

    .price-bottom span {
        font-size: 16px;
        line-height: 87px
    }

    .price-button a {
        padding: 13px 36px;
        font-size: 15px
    }

    .price-head h2 {
        font-size: 38px
    }

    .price-head h2 {
        margin: 18px 0 29px
    }

    .footer span {
        padding: 14px 0 22px;
        font-size: 26px
    }

    .footer h2 {
        font-size: 20px
    }

    .footer h3 {
        margin: 23px 0
    }

    .footer button a {
        font-size: 15px;
        padding: 14px 69px
    }

    .footer-located h3 {
        font-size: 18px
    }

    .footer-located p {
        font-size: 16px
    }

    .blog-tim {
        column-gap: 20px;
        margin: 13px 0
    }

    .blo-m-h a {
        font-size: 17px;
        padding: 0
    }

    #blog-main {
        margin: 54px 0
    }

    .blog-head h2 {
        margin: 17px 0 38px;
        font-size: 33px
    }

    .light-img img {
        width: 60%
    }

    .price-plan-one h2 {
        font-size: 22px;
        line-height: 38px
    }

    .price-bottom {
        padding: 0 20px 15px
    }

    .price-bottom ul li {
        font-size: 14px
    }

    .terms-con ul {
        column-gap: 19px
    }

    .adivah-shop a {
        font-size: 15px
    }

    .copyright span {
        font-size: 15px
    }

    .service-one {
        width: calc(50% - 20px)
    }

    .tra-about-img {
        width: 100%
    }

    .tra-about-contain {
        width: 100%
    }

    .tra-about-contain h2 {
        font-size: 42px
    }

    .four-button button {
        font-size: 18px
    }

    .tra-about-contain p {
        font-size: 17px
    }

    .service-img {
        width: 100%
    }

    .service-contain {
        width: 100%
    }

    .services-main {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .service-img img {
        width: 80%
    }

    .service-contain {
        width: 100%;
        margin-top: 100px
    }

    .result-one {
        text-align: center;
        width: calc(50% - 20px)
    }

    .extra-result-one-mar {
        margin-top: 100px
    }

    .input-box {
        padding: 30px
    }

    .business-box {
        padding: 26px
    }

    .input-box form {
        margin-right: 130px
    }

    .business-box h3 {
        font-size: 22px
    }

    .business-box p {
        font-size: 14px;
        padding-bottom: 14px
    }

    .submit-btn input {
        width: 35% !important
    }
}

@media screen and (max-width:767px) {
    .toggale-nav {
        display: block
    }

 

    .bg-imges {
        display: none
    }

    .yell-shape {
        display: none
    }

    .blue-shape {
        display: none
    }

    .percent-img {
        display: none
    }

    .bg-img-color {
        display: none
    }

    .animated-img {
        display: none
    }

    .banner-contain {
        width: 100%
    }

    .bg-img-color {
        display: none
    }

    #banner {
        padding-bottom: 625px
    }

    .banner-img {
        width: 100%
    }

    .infobar {
        padding: 15px 0;
        display: none
    }

    .banner-img img {
        width: 100%;
        margin-top: 30px
    }

    .banner-contain h2 {
        font-size: 15px
    }

    .banner-contain h1 {
        font-size: 21px;
        margin: 15px 0
    }

    .hero-img img {
        width: 100%;
        height: 410px
    }

    #header-main {
        padding: 20px 0
    }

    .about-img {
        width: 100%
    }

    .about-detail {
        width: 100%
    }

    .about-main {
        display: block
    }

    .hero-img {
        width: 100%
    }

    .price-plan-main {
        width: 100%;
        flex-wrap: wrap;
        column-gap: 20px
    }

    .price-plan-one {
        width: 100%
    }

    .hero-img img {
        width: 100%
    }

    .about-img {
        width: 100%;
        text-align: center
    }

    .about-img {
        width: 100%;
        text-align: center
    }

    .about-img img {
        width: 100%;
        padding-bottom: 40px;
        text-align: center
    }

    .about-detail h2 {
        font-size: 44px
    }

    .quick-p {
        padding: 18px 0
    }

    .slider-one h2 {
        font-size: 17px
    }

    .o-s-main h2 {
        margin: 28px 0 21px;
        font-size: 44px
    }

    .o-s-main h3 {
        font-size: 16px
    }

    .slider-one span img {
        padding: 10px
    }

    .smp-head p {
        color: #404040;
        font-family: sans-serif;
        font-size: 16px;
        text-align: center;
        font-weight: 400;
        padding: 13px 0 28px
    }

    .sam-img {
        width: calc(50% - 20px)
    }

    .light-img img {
        width: 25%
    }

    .price-plan-one h2 {
        font-size: 36px;
        padding-top: 10px
    }

    .price-plan-one h3 {
        font-size: 16px;
        line-height: 0;
        padding: 28px 0 47px
    }

    .price-bottom h4 {
        font-size: 45px;
        padding: 10px 0
    }

    .price-bottom h4 span {
        font-size: 16px;
        line-height: 140px;
        margin-left: -10px
    }

    .price-plan-one {
        padding: 28px 10px 20px
    }

    .dvm {
        margin-top: 20px
    }

    .blog-div {
        width: 100%;
        flex-wrap: wrap;
        gap: 10px
    }

    .bog-card-one {
        width: calc(50% - 10px);
        padding: 0
    }

    .dnfdll {
        margin-top: 20px
    }

    .footer span {
        font-size: 22px
    }

    .footer h2 {
        font-size: 18px
    }

    .foter-bottom-main {
        flex-wrap: wrap
    }

    .copyright {
        width: 100%
    }

    .terms-con {
        margin-top: 20px
    }

    .adivah-shop {
        padding-top: 20px
    }

    .terms-con ul {
        column-gap: 7px
    }

    .column-imgbox {
        flex: none;
        max-width: 50%
    }

    .contact-head {
        padding: 178px 0 59px
    }

    .input-box {
        width: 100%;
        z-index: auto
    }

    .business-box {
        width: 100%;
        z-index: auto;
        margin: 20px 0 0;
        padding: 40px 30px
    }

    .input-box form {
        margin: 0
    }

    .form-box {
        display: block
    }

    .business-box p {
        font-size: 16px;
        margin-bottom: 20px
    }

    .business-box h3 {
        font-size: 24px
    }

    .business-heading h5 {
        font-size: 17px
    }

    .business-heading small {
        font-size: 14px
    }
}

@media screen and (max-width:575px) {
    .adivah-shop {
        width: 29%;
        padding-top: 29px
    }

    .toggale-nav {
        display: block
    }

    .feature {
        column-gap: 10px
    }

    .logo img {
        width: 70%
    }

    .feature a {
        padding: 13px 19px;
        font-size: 25px
    }

    .header {
        padding: 25px 0
    }

    .priceing-plan {
        display: none
    }

    .button-one {
        width: 100%
    }

    .banner-button {
        display: flex;
        flex-wrap: wrap
    }

    .button-two {
        margin-top: 50px
    }

    .bg-imges {
        display: none
    }

    .yell-shape {
        display: none
    }

    .blue-shape {
        display: none
    }

    .percent-img {
        display: none
    }

    .bg-img-color {
        display: none
    }

    .animated-img {
        display: none
    }

    .hero-img img {
        width: 100%;
        height: 315px
    }

    .banner-contain h2 {
        color: #fff;
        font-size: 17px
    }

    .banner-contain h1 {
        color: #fff;
        font-size: 40px
    }

    .banner-contain p {
        color: #fff;
        font-size: 18px
    }

    #banner {
        padding-bottom: 665px
    }

    .banner-img img {
        width: 100%;
        margin-top: -29px
    }

    .o-s-main h2 {
        margin: 8px 0 8px;
        font-size: 29px
    }

    .smp-head h2 {
        font-size: 28px
    }

    .demos-img-heading span {
        font-size: 25px
    }

    .sam-img {
        width: 100%
    }

    .price-plan-one {
        width: 100%;
        margin-top: 20px
    }

    .price-head h2 {
        font-size: 25px
    }

    .price-head h2 {
        margin: 14px 0 12px
    }

    .bog-card-one {
        width: 100%;
        margin-top: 20px
    }

    .blog-head h2 {
        margin: 13px 0 26px;
        font-size: 24px
    }

    .footer h2 {
        font-size: 17px
    }

    .footer span {
        font-size: 21px;
        padding: 15px 0 18px
    }

    .footer h3 {
        font-size: 22px
    }

    .footer-located p {
        font-size: 14px
    }

    #about-section {
        padding: 64px 0 37px
    }

    .about-detail h3 {
        font-size: 17px
    }

    .about-detail h2 {
        font-size: 37px
    }

    .about-detail p {
        font-size: 13px
    }

    .quick-p {
        column-gap: 13px;
        padding: 0
    }

    .quick-p p {
        font-size: 12px;
        line-height: 18px;
        padding: 9px 0
    }

    .light-img img {
        width: 55%
    }

    .quick-button a {
        padding: 16px 19px;
        font-size: 12px
    }

    .o-s-main h2 {
        margin: 8px 0 8px;
        font-size: 26px
    }

    .o-s-main h3 {
        font-size: 14px
    }

    .slider-one {
        padding: 21px
    }

    .slider-one p {
        font-size: 13px;
        line-height: 24px
    }

    .slider-one h2 {
        margin: 14px 0 12px;
        font-size: 21px
    }

    .demos-img-heading span {
        font-size: 17px
    }

    .demos-img-heading {
        padding: 22px 0 32px
    }

    #page-template {
        margin: 58px 0 0 0
    }

    .blog-head h2 {
        margin: 13px 0 26px;
        font-size: 23px
    }

    .copyright span {
        font-size: 12px
    }

    .banner-contain-main {
        width: 100%;
        flex-wrap: wrap
    }

    .nav-toggale {
        width: 100%;
        height: auto
    }

    .terms-con {
        margin-top: 32px
    }

    .navigate {
        text-align: center
    }

    .first-pri-pol {
        display: block
    }

    .second-pri-pol {
        display: block
    }

    .scrolling-caption h4 {
        margin: 14px 0 30px;
        font-size: 16px
    }

    .plugin-head {
        padding: 200px 0 70px
    }

    .plugin-head h2 {
        font-size: 33px
    }

    .plugin-head p {
        font-size: 21px
    }

    .service-one {
        width: calc(100% - 20px)
    }

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

    .tra-about-contain h2 {
        font-size: 33px
    }

    .four-button button {
        width: calc(100% - 10px)
    }

    .service-contain {
        width: 100%;
        flex-wrap: wrap
    }

    .left-service {
        width: 100%
    }

    .seo-div {
        width: 100%
    }

    .right-service {
        width: 100%
    }

    .xtra-result-one-mar-two {
        margin-top: 100px
    }

    .result-one {
        text-align: center;
        width: calc(100% - 20px)
    }

    .result-one {
        border-bottom: 1px solid #d1d1d1;
        padding: 0 0 40px 0
    }

    .dkhfn {
        margin-top: 30px
    }

    .how-it-work-head {
        padding: 169px 0 66px
    }

    .how-it-work-head h2 {
        font-size: 33px;
        line-height: 55px
    }

    .how-it-work-head p {
        font-size: 21px
    }

    .contact-head {
        padding: 153px 0 52px
    }

    .contact-head h2 {
        font-size: 30px;
        line-height: 60px
    }

    .contact-head p {
        font-size: 18px
    }

    .input-box h2 {
        font-size: 26px;
        line-height: 3
    }

    .business-box h3 {
        font-size: 22px
    }

    .business-box p {
        font-size: 15px;
        margin-bottom: 8px
    }

    .business-heading small {
        font-size: 12px
    }

    .first-pri-pol li a span {
        display: none
    }

    .second-pri-pol li a span {
        display: none
    }
}