@media screen and (max-width:1260px) {
    header nav {
        width: 53%;
    }

}

@media screen and (max-width:1240px) {
    header nav {
        width: 50%;
    }

    .common-banner .main-title {
        font-size: 60px;
    }
}

@media screen and (max-width:1200px) {
    .customer-wrapper .customer-box {
        margin: 0 15px;
    }

    .blog-sec .row .col .blog-text {
        padding: 24px 20px 40px;
    }

    .blog-sec .row .col h3 {
        font-size: 20px;
    }
}

@media screen and (max-width:1140px) {
    .ptb {
        padding: 70px 0;
    }

    .pt-top {
        padding-top: 70px;
    }

    .pt-bottom {
        padding-bottom: 70px;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 22px;
    }

    header nav {
        width: 48%;
    }

    .common-banner .main-title {
        font-size: 54px;
    }

    .growing-service-sec .row .col h3 {
        margin: 20px 0 16px;
    }

    .banner-sec .banner-text p br {
        display: none;
    }

    .growing-service-sec .row .col {
        padding: 45px 30px 30px;
    }

    .banner-sec .banner-text {
        padding: 190px 40px 120px;
    }

    .about-sec .col {
        width: 24%;
    }

    .about-sec .col img {
        width: 100%;
    }

    .about-sec .col:nth-of-type(2) {
        width: 70%;
    }
}

@media screen and (max-width:1100px) {
    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 22px;
    }

    .ptb {
        padding: 80px 0;
    }

    .white-btn,
    .whatsapp-btn,
    .call-now {
        padding: 9px 20px;
    }

    .common-banner .main-title {
        font-size: 46px;
    }

    .banner-sec .title {
        justify-content: center;
        font-size: 50px;
        line-height: 1.4;
    }

    .banner-sec .banner-text h2 {
        font-size: 36px;
        line-height: 1.4;
    }

    .banner-sec h2 img {
        margin-right: 10px;
        width: 128px;
    }

    .banner-sec .banner-text {
        padding: 190px 0 120px;
    }

    .banner-sec .banner-text p {
        font-size: 16px;
    }

    .growing-service-sec .row .col {
        padding: 40px 30px 24px;
    }

    .growing-service-sec .row .col h3 {
        margin: 12px 0;
    }

    .about-sec .col-half {
        padding: 0 10px;
    }

    .about-sec .col img {
        height: 270px;
    }
}

@media screen and (max-width:1080px) {
    .ptb {
        padding: 70px 0;
    }

    h1 {
        font-size: 40px;
    }

    .common-banner .main-title {
        font-size: 40px;
    }

    header nav {
        width: 47%;
    }

    header li:not(:nth-last-of-type(1)) {
        margin-right: 20px;
    }

    .customer-box p {
        font-size: 14px;
    }

    .various-marketing ul li span {
        font-size: 30px;
    }

    .various-marketing {
        padding: 50px 0 0;
    }

    .services-sec .service-box .col {
        padding: 40px 20px;
    }

    .services-sec .service-box .col i {
        width: 80px;
        height: 80px;
        font-size: 30px;
    }

    .services-sec .service-box .col h3 {
        margin: 10px 0;
    }

    .services-sec .service-box p {
        font-size: 15px;
    }

    .revanue-row {
        display: none;
    }

    .blog-sec .row .col h3 {
        font-size: 18px;
    }

    .blog-sec .common-heading h2::after {
        width: 100%;
    }

    .development-banner h1 {
        font-size: 28px;
    }

    .development-banner p {
        margin: 10px 0 !important;
    }

    .development-sec .col-half p {
        margin: 10px 0;
    }

    .development-sec .row .col-3 {
        padding: 40px 20px;
    }

    .fixed-bg-sec {
        padding: 90px 0;
    }

    .development-banner .row {
        padding: 150px 0 100px;
    }
}

@media screen and (max-width:1024px) {
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 28px;
    }

    header nav {
        width: 48%;
    }

    .common-banner .banner-text {
        padding: 150px 0 90px;
    }

    .form-group {
        margin-bottom: 16px;
    }

    .form-control {
        font-size: 14px;
        padding: 10px 16px;
    }

    .form-wrapper form .form-group textarea {
        height: 80px;
    }

    .benefit-sec .row .col {
        padding: 40px 20px;
    }

    .benefit-sec .row .col h3 {
        font-size: 20px;
        padding: 10px 0 6px;
    }

    .benefit-sec .row .col p {
        font-size: 14px;
    }

    .blog-sec .row .col .blog-text {
        padding: 24px 20px 30px;
    }

    .about-sec .col img {
        height: 240px;
    }

}

@media screen and (max-width:992px) {
    h1 {
        font-size: 2px;
    }

    .common-banner .main-title {
        font-size: 32px;
    }

    h3 {
        font-size: 20px;
    }

    p {
        font-size: 14px;
    }

    .pt-top {
        padding-top: 60px;
    }

    .white-btn,
    .whatsapp-btn,
    .call-now {
        padding: 8px 18px;
    }

    header .common-botton {
        display: none;
    }

    .mobile-button {
        font-size: 24px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #08852a;
        position: fixed;
        right: 30px;
        bottom: 30px;
        z-index: 11;
    }

    .mobile-button a {
        color: #fff;
    }

    .mobile-call-button {
        bottom: 95px;
        background-color: rgb(3 188 255);
    }

    header .container {
        justify-content: space-between;
    }

    .growing-service-sec .row .col {
        padding: 40px 20px 24px;
    }

    .various-marketing .col-half img {
        padding-left: 0;
    }

    .social-icon ul li:not(:nth-last-of-type(1)) {
        margin-right: 12px;
    }

    .social-icon ul li a i {
        width: 35px;
        height: 35px;
    }

    .choose-service .service-img .widget-text {
        padding: 16px 20px;
        font-size: 16px;
        bottom: -23px;
        left: 20px;
    }

    .blog-sec .row .col .blog-text {
        padding: 24px 16px 30px;
    }

    .blog-sec .row .col p {
        margin: 10px 0;
    }



    .contact-sec .row {
        row-gap: 30px;
    }

    .contact-sec .row .col-half {
        width: 100%;
    }

    .contact-sec .col-half p {
        margin: 10px 0;
    }

    .contact-information .row .col {
        padding: 40px 16px;

    }

    .contact-information .row .col .icon-box i {
        width: 50px;
        height: 50px;
    }

    .contact-information .row .col h4 {
        font-size: 18px;
    }

    .blog-detail-sec .col-left {
        width: 100%;
    }

    .blog-detail-sec .header-img img {
        width: 100%;
    }

    .social-icon ul li a i {
        font-size: 20px;
    }

    footer ul li {
        margin-bottom: 12px;
    }

    footer ul li a {
        font-size: 14px;
    }

    footer .right-col .address-col {
        word-break: break-all;
    }

    .clean-code-sec ul li span {
        font-size: 24px;
    }

    .about-sec .col-5 {
        width: 44%;
    }

    .about-sec .col-7 {
        width: 50%;
    }

    .about-sec .col img {
        height: 220px;
    }

    .counter {
        padding: 20px 0 0;
    }

    .blog-sec .row .col .badge {
        padding: 4px 8px;
        font-size: 12px;
    }

    .development-banner .row .col-half {
        width: 100%;
    }

    .development-banner .row .col-half:nth-last-of-type(1) {
        display: none;
    }

    .development-sec .row,
    .various-marketing .row {
        row-gap: 30px;
    }

    .development-sec .col-half,
    .various-marketing .col-half {
        width: 100%;
    }

    .development-sec .col-half img {
        width: 100%;
    }

    .development-sec .row .col-3 {
        width: 48%;
    }

}

@media screen and (max-width:850px) {
    .common-banner .main-title {
        font-size: 28px;
    }

    .grid-3 {
        column-gap: 15px;
    }

    .mtb-20 {
        margin: 12px 0;
    }

    .whatsapp-btn,
    .call-now {
        padding: 10px 16px;
    }


    header li:not(:nth-last-of-type(1)) {
        margin-right: 20px;
    }

    header nav {
        width: 56%;
    }

    .banner-sec .banner-text {
        padding: 160px 40px 100px;
    }

    .about-sec .col-half h2 {
        font-size: 22px;
        line-height: 1.3;
    }

    .improve-business-sec .inner-box1 {
        height: 460px;
    }

    .revanue-video i {
        font-size: 30px;
        width: 70px;
        height: 70px;
    }

    .services-sec .row:nth-of-type(1) {
        grid-template-columns: auto;
    }

    .services-sec .row:nth-of-type(3) {
        padding-bottom: 0;

    }

    .testimonial-wrapper .content-text p {
        padding: 20px 20px 0 50px;
    }

    .services-sec .service-box {
        grid-template-columns: auto auto;
    }

    .blog-sec .row {
        grid-template-columns: auto auto;
    }

    .contact-information .row .col h4 {
        font-size: 16px;
    }

    .table-content-section h2 {
        font-size: 30px;
    }

    footer .left-col {
        width: 100%;
        margin-bottom: 20px;
    }

    footer .right-col {
        width: 100%;
    }

    .growing-service-sec .grid-3 {
        grid-template-columns: auto auto;
    }

    .clean-code-sec .row {
        row-gap: 30px;
    }

    .clean-code-sec .col-half {
        width: 100%;
    }

    .blog-sec .row {
        justify-content: space-between;
        row-gap: 30px;
    }

    .blog-sec .row .col {
        width: 48%;
        margin-right: 0;
    }

    .blog-detail-sec {
        padding: 30px 0 80px;
    }
}

/* @media screen and (max-width:768px) {} */

@media screen and (max-width:767px) {
    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 28px;
        line-height: 1.3;
    }

    h3 {
        font-size: 18px;
    }

    header .logo {
        width: auto;
    }

    header .container {
        justify-content: space-between;
    }

    header .common-botton {
        display: none;
    }


    header nav {
        width: auto;
    }

    .banner-wrapper .slick-arrow {
        display: none !important;
    }

    .common-banner .banner-text {
        padding: 120px 0 70px;
    }

    .banner-sec .banner-text h2 {
        font-size: 30px;
        line-height: 1.4;
    }

    .banner-sec .title {
        font-size: 36px;
    }

    .banner-sec .banner-text {
        padding: 120px 0 90px;
    }

    .growing-service-sec .row {
        grid-template-columns: auto auto;
    }

    .about-sec .row {
        row-gap: 30px;
    }

    .about-sec .col-half {
        width: 100%;
    }

    .counter {
        row-gap: 30px;
        grid-template-columns: auto auto;
    }

    .improve-business-sec .col-half {
        width: 100%;
    }

    .customer-wrapper .customer-box {
        margin: 0;
    }

    .call-now-sec .col-half,
    .various-marketing .col-half {
        width: 100%;
    }

    .revanue-video span {
        font-size: 16px;
    }

    .dexon-revanue,
    .about-revanue .about-slider {
        padding: 50px 0;
    }

    .about-slider {
        row-gap: 30px;
    }

    .about-slider .col-half {
        width: 100%;
    }

    .about-revanue .counter {
        padding: 150px 0 0;
    }

    .benefit-sec .row {
        grid-template-columns: auto auto;
        row-gap: 30px;
    }

    .choose-service .service-img {
        padding: 80px 0;
        grid-template-columns: auto;
        row-gap: 50px;
    }

    .contact-information .row {
        grid-template-columns: auto;
    }

    .contact-sec .col-half:nth-of-type(2) {
        padding: 25px 20px;
    }

    .form-wrapper {
        padding: 0;
    }

    .table-content-section h2 {
        font-size: 24px;
    }

    .table-content-section .table-responsive {
        width: 100%;
        overflow: auto;
    }

    .table-content-section .table-responsive table {
        width: 800px;
    }

    .table-content-section p {
        text-align: justify;
    }

    .about-sec .row .col-5,
    .about-sec .row .col-7,
    .about-sec .col,
    .about-sec .col:nth-of-type(2) {
        width: 100%;
    }

    .about-sec .col img {
        height: auto;
    }

    .development-banner .row {
        padding: 120px 0 70px;
    }

    .development-banner h1 {
        font-size: 24px;
    }

    .breadcrumb-sec {
        margin-top: 75px;
    }

    .blog-detail-sec .content-text h1 {
        font-size: 28px;
    }

    .blog-detail-sec .tab-section h2 {
        font-size: 24px;
    }

    .blog-detail-sec .tab-section h3 {
        font-size: 18px;
    }

    .blog-detail-sec .table-responsive table {
        width: 800px;
    }
    .breadcrumb-sec ul{
        row-gap: 15px;
    }
}

@media screen and (max-width:580px) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 20px;
        line-height: 1.3;
    }

    h3 {
        font-size: 18px;
    }

    header {
        padding: 10px 0;
    }

    header .toggle-button {
        display: block;
    }

    header .toggle-button.active span {
        background-color: #fff;
        position: relative;
        z-index: 11;
    }


    header nav {
        display: none;
    }

    /* header nav ul {
        width: 70%;
        height: 100vh;
        flex-direction: column;
        justify-content: start !important;
        position: fixed;
        top: 0;
        left: -100%;
        background-color: #000;
        padding: 30px 20px;
        transition: all 0.5s ease-in-out;
    }

    header nav ul.active {
        left: 0;
    }

    header nav ul li {
        margin-right: 0 !important;
        margin-bottom: 20px;
        padding: 0 0 10px;
        border-bottom: 1px dashed #ddd;
    }

    header nav ul li a {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    } */

    header nav ul .mobile-logo {
        display: block;
        /* width: 35%; */
        border-bottom: 1px solid #ddd;
    }

    header nav ul .mobile-logo img {
        width: 150px;
    }

    header .mobile-menu {
        display: flex;
    }

    .banner-sec p {
        margin: 12px 0;
    }

    .growing-service-sec .row {
        row-gap: 30px;
        grid-template-columns: auto;
    }

    .growing-service-sec .row .col {
        padding: 50px 20px 40px;
        margin-bottom: 0;
    }

    .banner-sec .banner-text p br {
        display: none;
    }

    .about-sec .col-half h2 {
        font-size: 20px;
    }

    .common-heading {
        margin: 0 auto 50px;
    }

    .counter .col h4 {
        font-size: 35px;
        font-weight: 600;
    }

    .improve-business-sec .inner-box1 {
        background-image: none;
        background-image: none;
        height: auto;
        background-color: #fff;
    }

    .about-revanue {
        background-position: bottom;
    }

    .about-revanue .row {
        row-gap: 30px;
    }

    .dexon-revanue .col-half {
        width: 100%;
    }

    .our-team-sec h3 {
        font-size: 16px;
    }

    .our-team-sec span {
        font-size: 13px;
    }

    .about-revanue .counter {
        padding: 60px 0 0;
    }

    .services-sec .service-box,
    .blog-sec .row {
        grid-template-columns: auto;
    }

    .table-content-section h2 {
        font-size: 20px;
    }

    .table-content-section {
        padding: 40px 12px;
    }

    .table-content-section p {
        text-align: left;
    }

    .testimonial-wrapper .slick-dots {
        display: none !important;
    }

    .testimonial-wrapper .content-text p {
        padding: 20px 0 0 50px;
    }

    footer .right-col .col-3 {
        width: 100%;
    }

    footer .right-col .col-3:nth-of-type(2) {
        width: 50%;
    }

    .banner-sec .banner-text h2 {
        font-size: 24px;
        line-height: 1.4;
    }

    .blog-sec .row .col {
        width: 100%;
        margin-right: 0;
    }

    .contact-sec .cont-info .cont-left {
        width: 14%;
        margin-right: 12px;
    }

    .contact-sec .cont-info .cont-right {
        width: 80%;
    }

    .contact-sec .cont-info {
        margin-bottom: 30px;
    }

    .contact-sec .cont-info i {
        font-size: 16px;
        width: 40px;
        height: 40px;
    }

    .contact-sec .cont-info h5 {
        font-size: 14px;
    }

    .contact-sec .col-half p {
        margin: 0;
        font-size: 13px;
    }

    .contact-sec .col-half:nth-of-type(2) p {
        margin-top: 10px;
    }

    .contact-sec .col-half:nth-of-type(2) {
        padding: 0;
    }

    .form-wrapper .form-group {
        width: 100%;
    }

    .development-banner h1 {
        font-size: 20px;
    }

    .common-banner .white-btn {
        font-size: 16px;
    }

    .development-sec .row .col-3 {
        width: 100%;
    }

    .accordion-common .at-title .tittle-name {
        font-size: 14px;
    }

    .accordion-common .at-tab p {
        font-size: 14px;
        line-height: 1.8;
    }

    .accordion-common .at-tab ul li {
        font-size: 15px;
        line-height: 1.6;
    }

    .blog-detail-sec {
        padding: 20px 0 60px !important;
    }

    .blog-detail-sec .content-text .main-image img {
        height: 230px;
    }

    .blog-detail-sec .content-text h1 {
        font-size: 22px;
        margin-bottom: 20px;
    }

}

@media screen and (max-width:480px) {
    .ptb {
        padding: 60px 0;
    }

    .common-banner .main-title {
        font-size: 22px;
    }

    .banner-sec .banner-text {
        padding: 110px 0px 40px;
    }


    .banner-sec .banner-text p {
        font-size: 14px;
    }

    .about-sec .col-half h2 {
        font-size: 20px;
        line-height: 1.5;
    }

    .about-sec ul li {
        font-size: 14px;
        line-height: 1.4;
    }

    .various-marketing .col-half h2 {
        margin-bottom: 10px;
    }

    .benefit-sec .row,
    .our-team-sec .row {
        grid-template-columns: auto;
    }

    .improve-business-sec .inner-box {
        padding: 20px;
    }

    .improve-business-sec .inner-box3 {
        height: 254px;
    }

    .improve-business-sec .inner-box2 {
        height: 230px;
    }

    .improve-business-sec .inner-box a {
        color: #000;
    }

    .pagination-sec {
        padding: 40px 0;
    }

    .pagination-list li a {
        width: 35px;
        height: 35px;
    }

    footer .left-col .flogo img {
        width: 150px;
    }

    footer .right-col .col-3:nth-of-type(2) {
        width: 60%;
    }

    .banner-sec .banner-text h2 {
        font-size: 20px;
        line-height: 1.4;
    }

    .common-heading h2::after {
        bottom: -25px;
    }

    .my-info li {
        width: 100%;
    }

    .my-info li span {
        font-weight: 500;
        margin-right: 6px;
        font-size: 13px;
    }

    .my-info li p {
        font-weight: 400;
        font-size: 13px;
    }

    .map-sec {
        padding-top: 0;
    }

    .map-sec iframe {
        height: 250px;
    }

    .development-banner .row {
        padding: 90px 0 60px;
    }

    .fixed-bg-sec {
        padding: 50px 0;
    }

    .various-marketing {
        margin: 0;

    }

    .various-marketing .col-half img {
        width: 100%;
    }

    .blog-detail-sec .tab-section {
        padding: 20px;
    }

    .blog-detail-sec .tab-section h2 {
        font-size: 22px;
    }

    .blog-detail-sec .tab-section h3 {
        font-size: 17px;
        line-height: 1.5;
        font-weight: 500;
    }

    .blog-detail-sec .tab-section .inner-col {
        width: 100%;
    }

    .accordion-common .at-title .tittle-name {
        padding: 10px 15px 10px 0;
    }

    .call-now-sec {
        padding: 80px 0 70px;
    }
}

@media screen and (max-width:380px) {
    .ptb {
        padding: 50px 0;
    }

    footer .right-col .col-3 {
        width: 100% !important;
    }

    .growing-service-sec .common-heading h2 {
        font-size: 19px;
    }

    .call-now-sec .col-half:nth-last-of-type(1) a {
        font-size: 30px;
    }
}