@media only screen and (max-width: 1920px) and (min-width: 1500px) {
    .tz-banner2__title {
        font-size: 55px;
    }
        .tz-breadcrumb {
        padding: 11.5rem 0rem 4.5rem 0rem;
    }

}

@media only screen and (max-width: 1800px) {

    .web-and_app-sec .wb_box-area{
        padding: 1rem;
    height: 606px;
    }

}

@media only screen and (max-width: 1600px) {

    .banner-circle-image {
        width: 500px;
        height: 500px;
        margin: auto;
    }
         .tz-breadcrumb {
        padding: 11.5rem 0rem 4.5rem 0rem;
    }

    .packages-section-dt {
    padding: 3rem 0;
}

    .banner-circle-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .tz-banner2 .col-xl-7 {
        flex: 0 0 auto;
        width: 42.333333%;
    }

    .tz-banner2 .peragraph-area {
        width: 299px;
        top: 361px;
    }

    .tz-service2-card__icon {
        padding: 0.75rem 0rem 1.5rem 0rem;
    }

    .tz-service2-card__footer {
        padding-top: 0.75rem;
    }

    .tz-service2-card {
        padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    }

    .tz-service2-card {
        height: 477px;
    }

    .tz-project2 {
        padding: 4.5rem 0rem 6.5rem 0rem;
    }

    .centerbg {
        padding: 15rem 0;
    }


}

@media only screen and (max-width: 1445px) {

    .pricingTable .pricing-content {
        padding: 0px 18px;
    }

    .btn-area .btnn {
    flex: 0 0 40%;
    max-width: 40%;
}

    .pricingTable .pricing-content li {
        font-size: 21px;
        line-height: 23px;
    }

    .pricingTable .price-value .amount {
        font-size: 40px;
    }

    .pricingTable .title {
        font-size: 23px;
    }

    .tz-pricing2 {
        padding: 5.5rem 0rem 5.5rem 0rem;
    }

    .tz-wwa1-card {
        padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    }


}

@media only screen and (max-width: 1366px) {
    .tz-banner2__title {
        font-size: 50px;
    }
    .primary_term_sec {
    padding: 1rem 0;
}

        .tz-video1 {
        padding: 3.5rem 0rem 4.5rem 0rem;
    }

    .banner-circle-image {
        width: 450px;
        height: 450px;
    }

    .tz-banner2 .peragraph-area {
        width: 238px;
        top: 300px;
    }

    .tz-banner2 .tz-banner2__social {
        display: none;
    }

    .tz-nav-links>ul {
        gap: 0.25rem;
    }

    .tz-header1 .container {
        max-width: 1216px;
    }



}

@media (max-width: 1199.98px) {
    .tz-pt-lg-60 {
        padding-top: 10px !important;
    }

    .wb_box-area2{
    padding: 2rem;
    }

    .packages-section-dt .col-lg-4{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .tz-banner2 .col-xl-7 {
        flex: 0 0 auto;
        width: 51.333333%;
        margin-top: -5rem;
    }
    .inside img {
    height: 257px;
}

    .tz-banner2 .peragraph-area {
        width: 279px;
        top: 174px;
    }

    .banner-circle-image {
        position: relative;
        left: 4rem;
        bottom: 5rem;
    }

    .tz-service2-card {
        height: 362px;
    }

    .tz-text-l {
        font-size: 16px;
    }

    .tz-service2-card__title {
        font-size: 20px;
    }

    .centerbg {
        padding: 12rem 0;
    }

    .tz-pricing2 .col-lg-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .tz-pb-lg-120 {
        padding-bottom: 68px !important;
    }

    .tz-display-3 {
        font-size: 46px;
    }

    .tz-mb-lg-80 {
        margin-bottom: 43px !important;
    }

    .wb_sec .col-lg-3{
        flex: 0 0 33%;
        max-width: 33%;
        margin-bottom: 25px;
    }

    .web-and_app-sec .wb_box-area {
        height: 522px;
    }

    .exp_exp_container{
        flex-wrap: wrap;
    }

    .exp_exp_container .text-center{
        flex: 0 0 25%;
        max-width: 25%;
    }

}

@media (max-width: 991.98px) {

    .tz-banner2 .col-xl-7 {
        flex: 0 0 auto;
        width: 100%;
        margin-top: 0rem;
    }
        .btn-area .btnn {
        flex: 0 0 48%;
        max-width: 48%;
    }

    .wb_sec .col-lg-4{
        margin-bottom: 25px;
    }


    .accsibility_sec .wb_box-area {
    height: 567px;
}

    .tabs_marketing_sec .col-md-3{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 25px;
    }
    .tabs_marketing_sec .col-md-9{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .tabs_marketing_sec .tab-content {
    padding-left: 0rem;
}

    .digital_mrk_sec {
    padding: 2rem 0;
}

    .wb_box-area2{
        height: auto;
    }
    .tabs_marketing_sec {
    padding: 4rem 0 2rem 0;
}

    .wb_sec .col-lg-6{
        margin-bottom: 25px;
        margin-top: 0px !important;
    }

    .balance_art_Sec .col-lg-6{
        margin-bottom: 20px;
    }
        .balance_art_Sec {
        padding: 1rem 0;
    }
    

    .wb_sec .col-lg-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .wb_sec {
    padding: 4rem 0 3rem 0;
}
.balance_art_Sec {
    padding: 3rem 0;
}


    .in-tz-service2-sec .tz-service2-card{
        height: 413px;
    }

    .tz-banner2 .peragraph-area {
        width: 100%;
        top: 0px;
    }

        .inside img {
        height: 185px;
    }

    .banner-circle-image {
        position: relative;
        left: 0;
        bottom: 3rem;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link {
        font-size: 14px;
        padding: 0.5rem 1rem;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        font-size: 14px;
        padding: 0.5rem 1rem;
    }

    .tz-faq2-accordion .accordion-button {
        font-size: 1.5rem;
    }

    .tz-pricing2 {
        padding: 5.5rem 0rem 2.5rem 0rem;
    }

    .pricingTable .pricingTable-signup a {
        font-size: 15px;
        padding: 11px 33px;
    }

    .pricingTable {
        margin: 0px 0 3px;
    }

    .tz-display-3 {
        font-size: 35px;
    }

    .tz-footer__menu-link {
        font-size: 16px;
    }

    .h5, h5 {
        font-size: 20px;
    }

}

@media (max-width: 767.98px) {

    .tz-offcanvas__wrapper.pt-4 .tz-text-primary {
        font-size: 25px;
    }
        .tz-breadcrumb {
        padding: 8.5rem 0rem 2.5rem 0rem;
    }

    .tz-service2-card__desc{
        text-align: start !important;
    }

    .tz-banner2 .tz-text-l{
        text-align: start;
    }

    .tz-service2 .tz-service2-card__btn-icon{
        justify-content: start !important;
    }

    .exp_prm_sec .tz-buttons{
        justify-content: center;
    }
        .btn-area .btnn {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .exp_prm_sec figure{
        margin-top: 20px;
    }

    .exp_prm_sec {
    padding: 1rem 0 3rem 0;
}

        .wb_sec .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .tabs_marketing_sec .tz-buttons{
        justify-content: center;
    }

    .tz-testimonial2-trustpoint{
        max-width: 100%;
    }

    .balance_art_Sec .tz-buttons{
        justify-content: center;
    }

   

        .web-and_app-sec .wb_box-area {
        height: auto;
        padding: 2rem;
    }

    .wb_sec .wb_box-area{
        height: auto;
        padding: 2rem;
    }

    .tz-text-l{
        text-align: center;
    }

    .rga_sec h5{
        text-align: start;
    }

    .in-tz-service2-sec .tz-service2-card{
        height:auto;
    }

    

    .in-tz-service2-sec .tz-service2-card .tz-service2-card__btn-icon {
        justify-content: start !important;
    }

     .packages-section-dt .col-lg-4{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .gallery-item {
    flex: 0 0 50%;
    width: 50%;
    }

    #filters li span {
    padding: 5px 14px;
    font-size: 12px;
}

    .tz-offcanvas__wrapper.pt-4 .tz-text-neutral5 {
        font-size: 19px;
    }

    .tz-offcanvas__wrapper.pt-4 .tz-text-l {
        font-size: 15px;
    }

    .h4,
    h4 {
        font-size: 21px;
    }

    .tz-section-top--centered {
        align-items: center;
        width: 100%;
        justify-content: center;
    }

    .tz-section-subtitle {
        justify-content: center;
    }

    .tz-section-title {
        text-align: center;
    }

    .tz-about2 .tz-text-l {
        text-align: center;
    }

    .tz-about2__subtitle {
        text-align: center;
    }

    .tz-about2__title {
        text-align: center;
    }

    .tz-about2 .tz-buttons {
        justify-content: center;
    }

    .tz-service2 .tz-buttons {
        justify-content: center !important;
    }

    ul#myTab li {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .tz-pricing2 .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link {
        margin: auto;
    }

    .tz-pricing2 .col-lg-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .tz-faq2 .tz-faq2__desc {
        text-align: center;
    }

    .tz-footer__menu {
        gap: 0.875rem;
    }

    .tz-footer__menu-link {
        font-size: 14px;
    }

    .h3,
    h3 {
        font-size: 24px;
    }

    .tz-footer__bottom {
        flex-direction: column-reverse;
    }

    .tz-footer__credits {
        padding: 10px 0;
    }

    .tz-footer__copyright {
        padding: 10px 0px 19px 0px;
    }

    .tz-footer {
        text-align: center;
    }

    .tz-footer__socials {
        justify-content: center;
    }

    .tz-footer__nav {
        justify-content: center;
    }

    .tz-pt-60 {
    padding-top: 16px !important;
}



}

@media (max-width: 575.98px) {

        .banner-circle-image {
        bottom: 0rem;
    }

        .gallery-item {
        flex: 0 0 100%;
        width: 100%;
    }

        .inside img {
        height: 293px;
    }

    #filters {
    flex-wrap: wrap;
}

    .tz-faq2__thumb{
        justify-content: center;
    }

    .tz-video1 {
        padding: 0.5rem 0rem 0.5rem 0rem;
    }


}

@media (max-width: 479px) {

    .tz-banner2 {
    padding: 7rem 0 5rem 0 !important;
}

    .tz-banner2__title {
        font-size: 40px;
    }
    .banner-circle-image {
        width: 362px;
        height: 362px;
    }
    .tz-footer__menu{
        display: none;
    }


}

@media (max-width: 414px) {

        .banner-circle-image {
        width: 309px;
        height: 309px;
    }
        .pricingTable .pricing-content li {
        font-size: 19px;
        line-height: 19px;
    }
    .tz-service2-card {
        height: 392px;
    }

        .tz-breadcrumb {
        padding: 7.5rem 0rem 2.1rem 0rem;
    }
         .inside img {
        height: 209px;
    }

        .exp_exp_container .text-center {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .ans_sec .tz-display-3{
        font-size: 30px;
    }

}

@media (max-width: 375px) {
    .tz-header1__wrapper .col-5{
        padding: 0px;
    }


}