@media only screen and (min-width:992px) and (max-width:1199px) {

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot,
    section.our-pricing-planss .owl-carousel .owl-nav button.owl-next,
    section.portfolio .owl-carousel .owl-nav button.owl-next {
        width: 30px;
        height: 30px;
        background-color: #00ad9f !important;
        color: #fff !important;
        border-radius: 50px;
        opacity: 1
    }

    section.banner h1 {
        font-size: 30px
    }

    .banner-left p {
        font-size: 14px;
        line-height: 20px
    }

    .banner-left ul {
        display: block;
        gap: 0;
        text-align: center
    }

    .badge-div,
    .floatbutton,
    section.testimonials .owl-nav {
        display: none
    }

    .banner-btn {
        display: flex;
        justify-content: left
    }

    .banner-btn a {
        padding: 8px 22px;
        font-size: 13px
    }

    .banner-left li {
        line-height: 35px;
        font-size: 14px;
        text-align: left
    }

    .heading-form h6 {
        font-size: 16px;
        line-height: 1.5
    }

    .heading-form h3 {
        line-height: 27px;
        font-size: 22px
    }

    .spon-images h4 {
        font-size: 14px;
        text-align: center;
        margin-bottom: 20px
    }

    ul.partner-list.owl-carousel.owl-theme.owl-loaded.owl-drag {
        padding: 0;
        text-align: center
    }

    .partner-list__single img {
        height: 65px
    }

    ul.client-logos {
        justify-content: center
    }

    .our-pricing-planss p {
        font-size: 15px;
        padding: 0
    }

    .client_logo-sec h2 {
        font-size: 25px
    }

    .our-pricing-planss h3 {
        font-size: 25px;
        line-height: 35px
    }

    .our-combopack .btn-pack .custom-btn span,
    .our-combopack h5 {
        font-size: 18px
    }

    .our-combopack h2 {
        font-size: 40px
    }

    .footer_form,
    .our-combopack {
        padding: 50px 0
    }

    .btn-pack {
        display: flex;
        float: inherit !important;
        justify-content: left
    }

    .custom-btn {
        padding: 9px 30px
    }

    .layer img {
        width: 100%;
        margin-bottom: 134px
    }

    .bundle-img .layer:nth-child(6) {
        left: 137px !important
    }

    .bundle-img .layer:nth-child(5) {
        left: 189px !important;
        top: 131px !important
    }

    .bundle-img .layer:nth-child(3) {
        left: 0 !important;
        top: 124px !important
    }

    .cta-new-sec-head h1 {
        font-size: 30px;
        line-height: 35px
    }

    .cta-new-sec-head p {
        font-size: 14px
    }

    .cta-new-sec-btn-list ul {
        justify-content: center;
        padding: 0 !important;
        position: relative;
        z-index: 2
    }

    .cta-new-sec-btn-list ul li a {
        font-size: 16px
    }

    .content-style-2 p {
        font-size: 14px;
        padding-right: 0;
        text-align: center
    }

    .strugglesec h2,
    footer h3 {
        font-size: 25px;
        text-align: center
    }

    .branding-icon {
        margin-bottom: 1.75rem
    }

    .branding-icon ul {
        justify-content: center;
        flex-wrap: nowrap;
        margin: 0;
        gap: 2rem
    }

    .branding-icon ul li {
        margin-right: 0
    }

    .branding-icon ul li img {
        width: 40px;
        top: auto
    }

    section.cta2.mygrid {
        height: auto;
        width: 100% !important
    }

    .wrap {
        padding-left: 0
    }

    .cta2 .wrap h3 {
        font-size: 20px;
        line-height: 35px
    }

    .ctabtn {
        justify-content: left
    }

    .cta-img img {
        width: 100%;
        margin: 20px 0;
        position: unset
    }

    section.brand {
        padding: 90px 0 0
    }

    .strugglesec p {
        font: 14px/27px Poppins, sans-serif;
        text-align: center
    }

    .mtpx-30 {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .content-style-2 h3 {
        text-align: center;
        font-size: 29px !important
    }

    section.testimonials {
        padding: 20px 0
    }

    .footer_about p {
        font-size: 14px;
        line-height: 25px;
        text-align: center
    }

    .copy_right p,
    .footer_about ul li {
        font-size: 15px
    }

    footer h4 {
        text-align: center
    }

    button.form-control.btn.formCs {
        margin: 0 auto;
        width: 100% !important
    }

    .copy_right p {
        text-align: center
    }

    .card_img img {
        max-width: 70%;
        display: block;
        margin: 4% auto 8%
    }

    .strugglesec {
        padding: 0
    }

    .main-banner-contact {
        box-shadow: 1px -1px 0 0 rgb(255 255 255 / 79%)
    }

    .logo img {
        max-width: 180px
    }

    .cta2 .wrap .gt-strt {
        padding: 12px 10px
    }

    .testi-img {
        position: relative;
        top: 105px
    }

    .footer_about {
        max-width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot,
    section.our-pricing-planss .owl-carousel .owl-nav button.owl-next,
    section.portfolio .owl-carousel .owl-nav button.owl-next {
        width: 30px;
        height: 30px;
        background-color: #00ad9f !important;
        color: #fff !important;
        border-radius: 50px;
        opacity: 1
    }

    section.banner h1 {
        font-size: 30px
    }

    .banner-left p {
        font-size: 14px;
        line-height: 20px
    }

    .banner-left ul {
        display: block;
        gap: 0;
        text-align: center
    }

    .badge-div,
    .floatbutton,
    section.testimonials .owl-nav {
        display: none
    }

    .banner-btn {
        display: flex;
        justify-content: left
    }

    .banner-btn a {
        padding: 8px 22px;
        font-size: 13px
    }

    .banner-left li {
        line-height: 35px;
        font-size: 14px;
        text-align: left
    }

    .heading-form h6 {
        font-size: 16px;
        line-height: 1.5
    }

    .heading-form h3 {
        line-height: 27px;
        font-size: 22px
    }

    .spon-images h4 {
        font-size: 14px;
        text-align: center;
        margin-bottom: 20px
    }

    ul.partner-list.owl-carousel.owl-theme.owl-loaded.owl-drag {
        padding: 0;
        text-align: center
    }

    .partner-list__single img {
        height: 65px
    }

    .ctabtn,
    ul.client-logos {
        justify-content: center
    }

    .our-pricing-planss p {
        font-size: 15px;
        padding: 0
    }

    .client_logo-sec h2 {
        font-size: 25px
    }

    .our-pricing-planss h3 {
        font-size: 25px;
        line-height: 35px
    }

    .our-combopack .btn-pack .custom-btn span,
    .our-combopack h5 {
        font-size: 18px
    }

    .our-combopack h2 {
        font-size: 40px
    }

    .footer_form,
    .our-combopack {
        padding: 50px 0
    }

    .btn-pack {
        display: flex;
        float: inherit !important;
        justify-content: left
    }

    .custom-btn {
        padding: 9px 30px
    }

    .layer img {
        width: 70%;
        margin-bottom: 134px
    }

    .bundle-img .layer:nth-child(6) {
        left: 137px !important
    }

    .bundle-img .layer:nth-child(5) {
        left: 142px !important;
        top: 83px !important
    }

    .bundle-img .layer:nth-child(3) {
        left: 0 !important;
        top: 124px !important
    }

    .cta-new-sec-head h1 {
        font-size: 30px;
        line-height: 35px
    }

    .cta-new-sec-head p {
        font-size: 14px
    }

    .cta-new-sec-btn-list ul {
        justify-content: center;
        padding: 0 !important;
        position: relative;
        z-index: 2
    }

    .cta-new-sec-btn-list ul li a {
        font-size: 16px
    }

    .content-style-2 p {
        font-size: 14px;
        padding-right: 0;
        text-align: center
    }

    .strugglesec h2,
    footer h3 {
        font-size: 25px;
        text-align: center
    }

    .branding-icon {
        margin-bottom: 1.75rem
    }

    .branding-icon ul {
        justify-content: center;
        flex-wrap: nowrap;
        margin: 0;
        gap: 2rem
    }

    .branding-icon ul li {
        margin-right: 0
    }

    .branding-icon ul li img {
        width: 40px;
        top: auto
    }

    section.cta2.mygrid {
        height: auto;
        width: 100% !important
    }

    .wrap {
        padding-left: 0
    }

    .cta2 .wrap h3 {
        font-size: 20px;
        line-height: 35px
    }

    .cta-img img {
        width: 100%;
        margin: 20px 0;
        position: unset
    }

    section.brand {
        padding: 90px 0 0
    }

    .strugglesec p {
        font: 14px/27px Poppins, sans-serif;
        text-align: center
    }

    .mtpx-30 {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .content-style-2 h3 {
        text-align: center;
        font-size: 29px !important
    }

    section.testimonials {
        padding: 20px 0
    }

    .footer_about p {
        font-size: 14px;
        line-height: 25px;
        text-align: center
    }

    .copy_right p,
    .footer_about ul li {
        font-size: 15px
    }

    footer h4 {
        text-align: center
    }

    button.form-control.btn.formCs {
        margin: 0 auto;
        width: 100% !important
    }

    .copy_right p {
        text-align: center
    }

    .card_img img {
        max-width: 70%;
        display: block;
        margin: 4% auto 8%
    }

    .strugglesec {
        padding: 0
    }

    .main-banner-contact {
        box-shadow: 1px -1px 0 0 rgb(255 255 255 / 79%)
    }

    .logo img {
        max-width: 180px
    }

    .cta2 .wrap .gt-strt {
        padding: 12px 10px
    }

    .testi-img {
        position: relative;
        top: 105px
    }

    .footer_about {
        max-width: 100%
    }
}

@media only screen and (min-width:520px) and (max-width:767px) {

    .banner {
        padding-top: 8em;
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot,
    section.our-pricing-planss .owl-carousel .owl-nav button.owl-next,
    section.portfolio .owl-carousel .owl-nav button.owl-next {
        width: 30px;
        height: 30px;
        background-color: #00ad9f !important;
        color: #fff !important;
        border-radius: 50px;
        opacity: 1
    }

    section.banner h1 {
        font-size: 34px;
        line-height: 40px;
        text-align: center
    }

    .banner-left p {
        font-size: 14px;
        text-align: center;
        line-height: 20px
    }

    .banner-left ul {
        display: block;
        gap: 0;
        text-align: center
    }

    .badge-div,
    .floatbutton,
    .testi-img img,
    section.testimonials .owl-nav {
        display: none
    }

    .banner-btn {
        display: flex;
        justify-content: center
    }

    .btn-pack,
    .ctabtn,
    ul.client-logos {
        justify-content: center
    }

    .banner-btn a {
        padding: 8px 22px;
        font-size: 14px
    }

    .banner-left li {
        line-height: 35px;
        font-size: 14px;
        text-align: left
    }

    .content-style-2 h3,
    .content-style-2 p,
    .cta2 .wrap h3,
    .cta2 .wrap h6,
    .our-combopack,
    .our-combopack h2,
    .our-combopack h5,
    .our-combopack p,
    .spon-images h4,
    .strugglesec h2,
    .strugglesec p,
    .strugglesec ul,
    footer h4 {
        text-align: center
    }

    .heading-form h6 {
        font-size: 16px;
        line-height: 1.5
    }

    .heading-form h3 {
        line-height: 27px;
        font-size: 22px
    }

    .spon-images h4 {
        font-size: 14px;
        margin-bottom: 20px
    }

    ul.partner-list.owl-carousel.owl-theme.owl-loaded.owl-drag {
        padding: 0;
        text-align: center
    }

    .partner-list__single img {
        height: 65px
    }

    .our-pricing-planss p {
        font-size: 15px;
        padding: 0
    }

    .client_logo-sec h2 {
        font-size: 25px
    }

    .our-pricing-planss h3 {
        font-size: 25px;
        line-height: 35px
    }

    .our-combopack h5 {
        font-size: 18px
    }

    .our-combopack h2 {
        font-size: 40px
    }

    .footer_form,
    .our-combopack {
        padding: 50px 0
    }

    .btn-pack {
        display: flex;
        float: inherit !important
    }

    .custom-btn {
        padding: 9px 30px
    }

    .our-combopack .btn-pack .custom-btn span {
        font-size: 18px
    }

    .layer img {
        width: 70%;
        margin-bottom: 134px
    }

    .bundle-img .layer:nth-child(6) {
        left: 222px !important
    }

    .bundle-img .layer:nth-child(5) {
        left: 226px !important;
        top: 114px !important
    }

    .bundle-img .layer:nth-child(3) {
        left: 0 !important;
        top: 124px !important
    }

    .cta-new-sec-head h1 {
        font-size: 30px;
        line-height: 35px
    }

    .cta-new-sec-head p {
        font-size: 14px
    }

    .cta-new-sec-btn-list ul {
        justify-content: center;
        padding: 0 !important;
        position: relative;
        z-index: 2
    }

    .cta-new-sec-btn-list ul li a {
        font-size: 16px
    }

    .content-style-2 p {
        font-size: 14px;
        padding-right: 0
    }

    .branding-icon {
        margin-bottom: 1.75rem
    }

    .branding-icon ul {
        justify-content: center;
        flex-wrap: wrap;
        margin: 0;
        gap: 2rem
    }

    .branding-icon ul li {
        margin-right: 0
    }

    .branding-icon ul li img {
        width: 40px;
        top: auto
    }

    section.cta2.mygrid {
        height: auto;
        width: 100% !important
    }

    .wrap {
        padding-left: 0
    }

    .cta2 .wrap h3 {
        font-size: 20px;
        line-height: 35px
    }

    .cta-img img {
        width: 100%;
        margin: 20px 0;
        position: unset
    }

    section.brand {
        padding: 90px 0 0
    }

    .strugglesec h2 {
        font-size: 25px
    }

    .strugglesec p {
        font: 14px/27px Poppins, sans-serif
    }

    .strugglesec ul li {
        width: 100%;
        padding-left: 20px;
        font-size: 16px;
        display: block
    }

    .mtpx-30 {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .get_quote *,
    .service-row *,
    section.testimonials * {
        text-align: center !important
    }

    .copy_right p,
    .footer_about p,
    footer h3 {
        text-align: center
    }

    .content-style-2 h3 {
        font-size: 29px !important
    }

    section.testimonials {
        padding: 20px 0
    }

    footer h3 {
        font-size: 25px
    }

    .footer_about p {
        font-size: 14px;
        line-height: 25px
    }

    .copy_right p,
    .footer_about ul li {
        font-size: 15px
    }

    button.form-control.btn.formCs {
        margin: 0 auto;
        width: 100% !important
    }

    .card_img img {
        max-width: 70%;
        display: block;
        margin: 4% auto 8%
    }

    .strugglesec {
        padding: 0
    }

    .main-banner-contact {
        box-shadow: 1px -1px 0 0 rgb(255 255 255 / 79%)
    }

    .logo img {
        max-width: 180px
    }
}

@media only screen and (min-width:300px) and (max-width:519px) {
    .banner {
        padding-top: 8em;
    }
    .shape-a3 img {
    display: none;
}

    section.portfolio .owl-carousel .owl-nav button span {
        transform: translateY(-4px);
        display: block;
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot,
    section.our-pricing-planss .owl-carousel .owl-nav button.owl-next,
    section.portfolio .owl-carousel .owl-nav button.owl-next {
        width: 50px;
        height: 50px;
        font-size: 40px;
        line-height: 40px;
        background-color: #00ad9f !important;
        color: #fff !important;
        border-radius: 50px;
        opacity: 1
    }

    section.banner h1 {
        font-size: 34px;
        line-height: 40px;
        text-align: center
    }

    .banner-left p {
        font-size: 14px;
        text-align: center;
        line-height: 20px
    }

    .banner-left ul {
        display: block;
        gap: 0;
        text-align: center
    }

    .badge-div,
    .floatbutton,
    .testi-img img,
    section.testimonials .owl-nav {
        display: none
    }

    .banner-btn {
        display: flex;
        justify-content: center
    }

    .btn-pack,
    .ctabtn,
    ul.client-logos {
        justify-content: center
    }

    .banner-btn a {
        padding: 8px 16px;
        font-size: 14px
    }

    .banner-left li {
        line-height: 35px;
        font-size: 14px;
        text-align: left
    }

    .content-style-2 h3,
    .content-style-2 p,
    .cta2 .wrap h3,
    .cta2 .wrap h6,
    .our-combopack,
    .our-combopack h2,
    .our-combopack h5,
    .our-combopack p,
    .spon-images h4,
    .strugglesec h2,
    .strugglesec p,
    .strugglesec ul,
    footer h4 {
        text-align: center
    }

    .heading-form h6 {
        font-size: 16px;
        line-height: 1.5
    }

    .heading-form h3 {
        line-height: 27px;
        font-size: 22px
    }

    .spon-images h4 {
        font-size: 14px;
        margin-bottom: 20px
    }

    ul.partner-list.owl-carousel.owl-theme.owl-loaded.owl-drag {
        padding: 0;
        text-align: center
    }

    .partner-list__single img {
        height: 65px
    }

    .our-pricing-planss p {
        font-size: 15px;
        padding: 0
    }

    .client_logo-sec h2 {
        font-size: 25px
    }

    .our-pricing-planss h3 {
        font-size: 25px;
        line-height: 35px
    }

    .our-combopack h5 {
        font-size: 18px
    }

    .our-combopack h2 {
        font-size: 40px
    }

    .footer_form,
    .our-combopack {
        padding: 50px 0
    }

    .btn-pack {
        display: flex;
        float: inherit !important
    }

    .custom-btn {
        padding: 9px 30px
    }

    .our-combopack .btn-pack .custom-btn span {
        font-size: 18px
    }

    .layer img {
        width: 70%;
        margin-bottom: 134px
    }

    .bundle-img .layer:nth-child(6) {
        left: 222px !important
    }

    .bundle-img .layer:nth-child(5) {
        left: 226px !important;
        top: 114px !important
    }

    .bundle-img .layer:nth-child(3) {
        left: 0 !important;
        top: 124px !important
    }

    .cta-new-sec-head h1 {
        font-size: 30px;
        line-height: 35px
    }

    .cta-new-sec-head p {
        font-size: 14px
    }

    .cta-new-sec-btn-list ul {
        justify-content: center;
        padding: 0 !important;
        position: relative;
        z-index: 2
    }

    .cta-new-sec-btn-list ul li a {
        font-size: 16px
    }

    .content-style-2 p {
        font-size: 14px;
        padding-right: 0
    }

    .branding-icon {
        margin-bottom: 1.75rem
    }

    .branding-icon ul {
        justify-content: center;
        flex-wrap: wrap;
        margin: 0;
        gap: 2rem
    }

    .branding-icon ul li {
        margin-right: 0
    }

    .branding-icon ul li img {
        width: 40px;
        top: auto
    }

    section.cta2.mygrid {
        height: auto;
        width: 100% !important
    }

    .wrap {
        padding-left: 0
    }

    .cta2 .wrap h3 {
        font-size: 20px;
        line-height: 35px
    }

    .cta-img img {
        width: 100%;
        margin: 20px 0;
        position: unset
    }

    section.brand {
        padding: 90px 0 0
    }

    .strugglesec h2 {
        font-size: 25px
    }

    .strugglesec p {
        font: 14px/27px Poppins, sans-serif
    }

    .strugglesec ul li {
        width: 100%;
        padding-left: 20px;
        font-size: 16px;
        display: block
    }

    .mtpx-30 {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .get_quote *,
    .service-row *,
    section.testimonials * {
        text-align: center !important
    }

    .copy_right p,
    .footer_about p,
    footer h3 {
        text-align: center
    }

    .content-style-2 h3 {
        font-size: 29px !important
    }

    section.testimonials {
        padding: 20px 0
    }

    footer h3 {
        font-size: 25px
    }

    .footer_about p {
        font-size: 14px;
        line-height: 25px
    }

    .copy_right p,
    .footer_about ul li {
        font-size: 15px
    }

    button.form-control.btn.formCs {
        margin: 0 auto;
        width: 100% !important
    }

    .card_img img {
        max-width: 70%;
        display: block;
        margin: 4% auto 8%
    }

    .strugglesec {
        padding: 0
    }

    .main-banner-contact {
        box-shadow: 1px -1px 0 0 rgb(255 255 255 / 79%)
    }

    .logo img {
        max-width: 180px
    }
}