@media screen and (max-width: 1600px) {
    .wrapper1545 {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .main-box {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }

    .banner-con .satisfied-customers-box {
        right: 130px;
        bottom: -40px;
        padding: 25px 16px;
        width: 240px;
    }

    .banner-con .banner-white-box {
        background-size: cover;
        bottom: 30px;
        width: 63%;
        height: 90px;
        padding-top: 16px;
        background-position: right;
    }

    .recent-projects-con .owl-carousel .owl-item img {
        width: 100%;
    }

    .banner-con .banner-icon2 {
        right: 70px;
        bottom: 170px;
        width: 100px;
    }

    .banner-con .banner-icon1 {
        top: 50px;
        right: 41%;
        width: 100px;
    }

    .banner-con {
        padding-top: 120px;
        padding-bottom: 200px;
    }

    .banner-con .curve {
        bottom: 245px;
        left: 703px;
        width: 64px;
    }

    .banner-con .satisfied-customers-box .counter,
    .banner-con .satisfied-customers-box .alphabet,
    .banner-con .satisfied-customers-box sup {
        font-size: 37px;
        line-height: 37px;
    }


}


@media screen and (max-width: 1440px) {
    .main-box {
        padding-left: 1% !important;
        padding-right: 1% !important;
    }

    /*  header section */
    .header-con .navbar-nav {
        gap: 38px;
    }

    .cart-btn a,
    .search-bar a {
        width: 46px;
        height: 46px;
    }

    .toggle-bar a {
        width: 46px;
        height: 46px;
    }

    .sign-btn a {
        padding: 14px 28px;
    }

    /* font sizes */
    h1,
    span.special-heading1 {
        font-size: 54px;
        line-height: 64px;
        margin-bottom: 12px;
    }

    h2 {
        font-size: 40px;
        line-height: 50px;
    }

    h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .padding-top {
        padding-top: 100px;
    }

    .padding-bottom {
        padding-bottom: 100px;
    }

    .footer-con .copyright-con {
        padding-bottom: 20px;
    }

    /* 404 page styling start here*/
    .error-con h2 {
        font-size: 120px;
        line-height: 125px;
        margin-bottom: 10px;
    }

    .error-con p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    /* BACK BTN CSS  */
    #back-to-top-btn {
        bottom: 100px;
        right: 60px;
        width: 70px;
        height: 70px;
    }

    /*  */
    .our-expertise-con .owl-carousel .owl-nav button.owl-next {
        right: -40px;
    }

    .our-expertise-con .owl-carousel .owl-nav button.owl-prev {
        left: -40px;
    }

    .header-con .navbar-nav {
        gap: 52px;
    }

    /*  */
    .banner-con {
        padding-top: 80px;
        padding-bottom: 170px;
    }

    .banner-con .banner-white-box {
        background-size: cover;
        bottom: 30px;
        width: 66%;
        height: 90px;
        padding-top: 16px;
        background-position: right;
    }

    .banner-con p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 50px;
    }

    .our-expertise-con .owl-carousel .owl-nav button.owl-prev,
    .our-expertise-con .owl-carousel .owl-nav button.owl-next {
        top: 44%;
    }

    .our-expertise-con .owl-carousel .owl-nav span {
        width: 40px;
        height: 40px;
        font-size: 12px;
        line-height: 35px;
    }

    .our-expertise-con .owl-carousel .owl-nav button.owl-prev {
        left: -35px;
    }

    .our-expertise-con .owl-carousel .owl-nav button.owl-next {
        right: -35px;
    }

    .our-expertise-con .charcol-box {
        padding: 30px 18px;
    }

    .recent-projects-con .case-box .content {
        bottom: 18px;
        left: 10px;
        padding: 0;
    }

    .recent-projects-con .case-box .content span {
        margin-bottom: 8px;
    }

    .recent-projects-con .case-box .content h5 {
        font-size: 18px;
    }

    .recent-projects-con .case-box .circle {
        height: 37px;
        width: 37px;
        line-height: 37px;
        right: 30px;
        bottom: 30px;
    }

    .recent-projects-con .case-box .circle::before {
        font-size: 14px;
        padding-top: 2px;
    }

    .footer-con .row {
        margin-bottom: 40px;
    }

    /* SUB PAGE BANNER SECTION */
    .sub-outer-wrapper .sub-banner-con {
        padding: 100px 0 110px;
    }

    .sub-outer-wrapper {
        background-position: top;
    }

    /* expertise  */
    .expertise-con .world-class-box h2 br {
        display: none;
    }

    .expertise-con .world-class-box {
        padding: 38px 17px;
        min-width: 300px;
        margin-left: -100px;
    }

    .expertise-con .outclass-service-box {
        padding: 30px 20px;
    }

    .expertise-con .outclass-service-box p {
        margin-bottom: 17px;
    }

    /* team members */
    .team-members-con .vector6 {
        top: 50px;
        right: 100px;
    }

    /* project testimonial */
    .project-testimonial-con .vector1,
    .project-testimonial-con .vector2 {
        display: none;
    }

    /* contact page styling */
    .contact-map-con iframe {
        height: 500px;
    }

    /* SERVICES SECTION */
    .services-con .vector3 {
        right: 70px;
        top: 70px;
    }

    .services-con .vector4 {
        display: none;
    }

    .services-step-con .vector5 {
        top: 60px;
        left: 90px;
        width: 100px;
    }

    .services-step-con {
        background-position: center;
    }

    .banner-con2 .banner-img-con img {
        top: 0;
        height: 600px;
    }

    .banner-con2 .banner-content {
        padding-top: 100px;
    }

    .banner-con2 h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .banner-con2 .primary-button a {
        margin-bottom: 90px;
    }

    .banner-con2 .objct1 {
        top: 133px;
        right: 42%;
        width: 90px;
    }

    .banner-con2 .objct2 {
        right: 100px;
        bottom: 95px;
        width: 90px;
    }

    .pricing2-con.pricing-plan-con .vector3 {
        right: 100px;
        top: 100px;
    }

    .home2-banner .object {
        right: 0;
        top: 0;
        width: 700px;
    }

    /* HOME 03 PAGE STLYING */
    .banner-con3 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .banner-con3 .banner-img-con img {
        width: 470px;
    }

    .banner-con3 .vector {
        width: 70px;
    }

    .banner-con3 .elementary-button a {
        margin-bottom: 80px;
    }

    .banner-con3 .banner-img-con .satisfied-client-box img {
        width: auto;
    }

    .banner-con3 .vector1 {
        top: 0;
        bottom: 0;
        margin: auto;
        right: 80px;
    }

    .statistics-con .vector11 {
        top: 50px;
        left: 30px;
        width: 40px;
    }

    .statistics-con .vector12 {
        right: 100px;
        top: 39px;
        width: 30px;
    }

}

@media screen and (max-width: 1199px) {
    .padding-top {
        padding-top: 80px;
    }

    .padding-bottom {
        padding-bottom: 80px;
    }

    /*  header section */
    .header-con .navbar-nav {
        gap: 25px;
    }

    .sign-btn a {
        padding: 12px 22px;
    }

    .cart-btn a,
    .search-bar a {
        width: 42px;
        height: 42px;
    }

    .toggle-bar a {
        width: 42px;
        height: 42px;
    }

    /* HEADER SECTION */
    .header-btn {
        margin-left: 30px;
    }

    .header-con .navbar-nav {
        gap: 30px;
    }

    .header-con .navbar-nav>li>.dropdown-toggle::after {
        top: 3px;
        font-size: 12px;
    }

    .cart-num {
        top: 1px;
        right: 1px;
    }

    .drawer-menu-logo a {
        margin-bottom: 35px;
    }

    /* font sizes */
    h1,
    span.special-heading1 {
        font-size: 48px;
        line-height: 58px;
        margin-bottom: 12px;
    }

    h2 {
        font-size: 34px;
        line-height: 42px;
    }

    h3 {
        font-size: 28px;
        line-height: 28px;
    }

    /* coming soon page */
    .coming-soon-con .new-logo {
        margin-bottom: 30px;
        width: 250px;
    }

    .coming-soon-con h1 {
        margin-bottom: 40px;
        font-size: 80px;
        line-height: 80px;
    }

    .coming-soon-con h3 {
        font-size: 27px;
    }


    /* special */
    .special-text {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .error-con h2 {
        font-size: 100px;
        line-height: 105px;
        margin-bottom: 10px;
    }

    .error-con h2 i {
        font-size: 100px;
        line-height: 110px;
    }

    /* special */
    .heading-title-con {
        margin-bottom: 40px;
    }

    .heading-title-con p {
        font-size: 17px;
        line-height: 28px;
    }

    /* footer section */
    .footer-con .middle-portion .icons {
        padding-left: 20px;
        margin-right: 0;
    }

    .footer-con .middle-portion .list-pd {
        padding-left: 10px;
    }

    .footer-con .middle-portion .links.var2 {
        padding-left: 0;
    }

    .footer-con .col-lg-2.pr-0 {
        padding: 0;
    }

    .footer-con .middle-portion .first-column p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 8px;
    }

    .footer-con .middle-portion .footer-logo {
        top: -8px;
    }

    .footer-con .middle-portion .lower .lower-content {
        display: block;
    }

    .footer-con .middle-portion .lower .content {
        padding-left: 0;
    }

    .footer-con .middle-portion .lower .icon {
        top: 0;
        margin-bottom: 6px !important;
    }

    .recent-projects-con .owl-carousel .owl-dots,
    .testimonials-con .owl-carousel .owl-dots {
        margin-top: 30px !important;
    }



    /* news and articles section */
    .news-and-articles-con .blog_boxcontent .upper_portion figure img {
        width: 100%;
    }

    .news-and-articles-con .blog_boxcontent .lower_portion_wrapper {
        padding: 50px 25px 25px;
    }

    .news-and-articles-con .blog_boxcontent .upper_portion .image_content {
        height: 85px;
        width: 85px;
        line-height: 85px;
        left: 0;
        bottom: -38px;
        right: 0;
        margin: 0 auto;
    }

    .news-and-articles-con .blog_boxcontent .lower_portion_wrapper h4 {
        margin-bottom: 14px;
    }

    /* TESTIMONIAL SECTION */
    .testimonials-con .testimonial-box {
        padding: 35px 30px 30px;
    }

    /* PRICING PLANS SECTION  */
    .pricing-plan-con .price-box {
        padding: 30px 20px;
    }

    .pricing-plan-con .price-box figure {
        width: 80px;
        height: 80px;
        border-radius: 100%;
        line-height: 75px;
        margin: 0 auto 16px;
    }

    .pricing-plan-con .price-box h4 {
        margin-bottom: 10px;
    }

    .price {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 16px;
    }

    /* SERVICES SECTION  */
    .services-offer-con .accordion-card {
        padding: 20px 0;
    }

    .services-offer-con .accordion-card .card-body {
        margin-top: 30px;
    }

    .services-offer-con .accordion-card a.btn.btn-link::before {
        width: 50px;
        height: 50px;
    }

    .services-offer-con .accordion-card .faq-numbers {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .services-offer-con .faq-body-content h4 {
        margin-bottom: 18px;
    }

    .services-offer-con .faq-body-content p {
        font-size: 17px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    /* HOW WE WORK SECTION  */
    .how-we-work-con .col-lg-5.col-md-5 {
        padding: 0;
    }

    .how-we-work-con .work-structure-con ul li h4 {
        margin-bottom: 12px;
    }

    .how-we-work-con .work-structure-con ul li {
        padding-left: 85px !important;
    }

    .how-we-work-con .work-structure-con ul li img {
        width: 30px;
    }

    .how-we-work-con .work-img-con .work-vector {
        top: 20px;
        right: 20px;
        width: 80px;
    }

    .our-expertise-con .owl-carousel {
        margin-bottom: 40px;
    }

    .our-expertise-con .charcol-box figure {
        width: 80px;
        height: 80px;
        line-height: 75px;
        margin: 0 auto 18px;
    }

    /* EXPERTISE SECTION */
    .our-expertise-con .owl-theme .owl-nav {
        margin: 20px auto;
        width: 42px;
        position: relative;
    }

    .our-expertise-con .owl-carousel .owl-nav button.owl-prev {
        /* left: 0; */
        top: unset;
    }

    .our-expertise-con .owl-carousel .owl-nav button.owl-prev {
        /* right: 0; */
        top: unset;
    }

    .our-expertise-con .strt-project-con {
        margin-top: 80px;
    }

    /* BANNER SECTION */
    .banner-con .counter-content {
        padding: 0 8px;
    }

    .banner-con .satisfied-customers-box {
        right: 50px;
        bottom: -30px;
        padding: 20px 12px;
        width: 200px;
    }

    .banner-con .satisfied-customers-box img {
        width: 40px;
    }

    .banner-con {
        padding-top: 70px;
        padding-bottom: 150px;
    }

    .counter-content .span-text {
        font-size: 15px;
    }

    .banner-con .banner-white-box .inner-con {
        padding-right: 50px;
    }

    .banner-con p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .banner-con .banner-icon2 {
        right: 40px;
        bottom: 170px;
        width: 90px;
    }

    .banner-con .banner-icon1 {
        top: 40px;
        right: 40%;
        width: 90px;
    }

    .counter-content .alphabet,
    .counter-content sup {
        font-size: 24px;
        line-height: 24px;
    }

    .banner-con .satisfied-customers-box .counter,
    .banner-con .satisfied-customers-box .alphabet,
    .banner-con .satisfied-customers-box sup {
        font-size: 32px;
        line-height: 32px;
    }

    .header-con .navbar-nav {
        gap: 45px;
    }

    /* SUB BANNER PAGE  */
    .sub-outer-wrapper .sub-banner-con {
        padding: 90px 0 100px;
    }

    .sub-outer-wrapper .header-con {
        padding: 15px 0 0;
    }

    /* about page */
    .about-us-info-con .about-info-img-con .white-box-con span.counter {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 6px;
    }

    .about-us-info-con .about-us-info-content {
        padding-right: 8px;
    }

    /* FUN FACTS SECTION */
    .fun-facts-con .fact-box {
        padding: 28px 20px;
        margin-bottom: 0;
    }

    .fun-facts-con .fact-box span.counter {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 3px;
    }

    .fun-facts-con .fun-fact-img-con .blue-rounded-box {
        right: -20px;
        top: -22px;
    }

    /* EXPERTISE SECTION */
    .expertise-con .outclass-service-box {
        padding: 30px 15px;
    }

    .expertise-con .world-class-box {
        padding: 35px 17px;
        min-width: 288px;
        margin-left: -135px;
    }

    /* TEAM SECTION */
    .team-members-con .team-box .content-box {
        padding: 20px 18px;
    }

    .team-members-con .team-box .content-box h4 {
        font-size: 22px;
    }

    /* CONTACT PAGE STYLING */
    .contact-info-con .get-in-touch-con ul li .sub-info-inner {
        padding-left: 20px;
    }

    .contact-info-con .get-in-touch-con ul li {
        padding: 20px 16px;
        margin-bottom: 18px;
    }

    .contact-info-con .send-msg-con {
        padding: 35px 40px;
    }

    .contact-map-con iframe {
        height: 450px;
    }

    /* services page styling */
    .services-con .col-lg-3.col-md-6 {
        padding: 0 10px;
    }

    .services-con .services-box {
        padding: 25px 15px;
    }

    .services-con .services-box figure {
        width: 100px;
        height: 100px;
        line-height: 95px;
        margin-bottom: 20px;
    }

    .services-step-con .vector5 {
        top: 50px;
        left: 70px;
        width: 90px;
    }

    .services-step-con .step-box figure {
        width: 110px;
        height: 110px;
        line-height: 105px;
        margin: 0 auto 20px;
    }

    .services-step-con .step-box .step-count {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
        left: 44px;
    }

    .services-step-con .step-box {
        padding: 30px 15px;
    }

    .grow-your-business-con .grow-business-content-con {
        padding-left: 20px;
    }

    .grow-your-business-con .grow-business-content-con figure {
        width: 95px;
        height: 95px;
        line-height: 95px;
        margin-bottom: 12px;
    }

    .grow-your-business-con .grow-business-content-con p {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 15px;
    }

    .grow-your-business-con .grow-business-content-con ul li {
        padding-left: 24px;
        font-size: 18px;
        margin-bottom: 12px;
    }

    .grow-your-business-con .grow-business-content-con ul {
        margin-bottom: 25px;
    }

    .grow-your-business-con .grow-img-con img.blue-box {
        left: -15px;
        bottom: 118px;
    }

    .grow-your-business-con .grow-img-con img.transparent-box {
        bottom: -34px;
    }

    /* home 2  */
    .pricing2-con .price {
        font-size: 42px;
        line-height: 38px;
        margin-bottom: 24px;
    }

    .banner-con2 .banner-img-con img {
        top: 0;
        height: auto;
        max-width: 100%;
    }

    .banner-con2 .banner-content {
        padding-top: 40px;
    }

    .banner-con2 .primary-button a {
        margin-bottom: 40px;
    }

    .banner-con2 h1 {
        font-size: 48px;
        line-height: 58px;
    }

    .home2-banner .object {
        right: 0;
        top: 0;
        width: 600px;
    }

    .pricing2-con.pricing-plan-con .price-box figure {
        width: 110px;
        height: 110px;
        line-height: 110px;
    }

    /* HOME 03 PAGE STYLING */
    .banner-con3 .banner-img-con img {
        width: 400px;
    }

    .banner-con3 .satisfied-client-box {
        bottom: 38px;
        right: 68%;
    }

    .banner-con3 .elementary-button a {
        margin-bottom: 40px;
    }

    .banner-con3 .vector {
        width: 50px;
    }

    .banner-con3 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .banner-con3 .banner-img-con figure.main-img {
        text-align: center;
    }

    .banner-con3 p {
        margin-bottom: 25px;
    }

    .banner-con3 .vector1 {
        right: 30px;
        width: 280px;
    }

    .statistics-con .vector11 {
        top: 34px;
        left: 30px;
        width: 30px;
    }

    .statistics-con .vector12 {
        right: 30px;
        top: 30px;
        width: 26px;
    }

    .statistics-con .statistics-box figure {
        width: 130px;
        height: 130px;
        line-height: 124px;
        margin: 0px auto 20px;
    }

    .statistics-con .statistics-box span.counter,
    .statistics-con .statistics-box sup {
        font-size: 38px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .video-con .video-inner-wrap {
        height: 440px;
    }

    .padding-bottom-xl {
        padding-bottom: 440px;
    }

    /*  */
    .video_wrapper img {
        width: 100px;
    }

    #search input[type="search"] {
        font-size: 30px;
    }

    .header-con .navbar-expand-lg .navbar-nav .custom-dropdown ul li a {
        padding: 12px 12px 11px;
    }

    .header-con .navbar-expand-lg .navbar-nav .custom-dropdown ul li a i {
        padding-right: 5px;
    }

}


@media screen and (max-width : 991px) {
    .padding-top {
        padding-top: 70px;
    }

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

    /*  header section */
    .header-con .navbar-nav>li>.dropdown-toggle::after {
        top: 9px;
    }

    .header-con .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        position: absolute;
        left: 30px;
    }

    .header-con .navbar {
        justify-content: space-between;
    }

    .header-con .navbar-nav li {
        width: 100%;
    }

    .header-con .navbar-toggler {
        padding: 0;
        width: 24px;
        border: none;
    }

    .header-con .navbar-toggler-icon {
        float: left;
        width: 100%;
        height: 2px;
        margin: 3px 0;
        background: var(--accent--color);
    }

    .header-con .navbar-toggler:focus {
        outline: none;
    }

    .header-con .navbar-toggler .navbar-toggler-icon:nth-child(1),
    .header-con .navbar-toggler .navbar-toggler-icon:nth-child(3) {
        -webkit-transition: transform .35s ease-in-out;
        -moz-transition: transform .35s ease-in-out;
        -o-transition: transform .35s ease-in-out;
        transition: transform .35s ease-in-out;
    }

    .header-con .navbar-toggler:not(.collapsed) .navbar-toggler-icon:nth-child(1) {
        position: relative;
        top: 12px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        left: 0px;
    }

    .header-con .navbar-toggler:not(.collapsed) .navbar-toggler-icon:nth-child(2) {
        height: 12px;
        visibility: hidden;
        background-color: transparent;
    }

    .header-con .navbar-toggler:not(.collapsed) .navbar-toggler-icon:nth-child(3) {
        position: relative;
        top: -14px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        left: 0px;
    }

    .header-con .navbar-collapse.collapse,
    .navbar-collapse.collapsing {
        width: 100%;
        right: 0;
        top: 63px;
        z-index: 999;
        position: absolute;
        background: #f2f8ff;
        border-radius: 10px;
    }

    .header-con .navbar-expand-lg .navbar-nav .custom-dropdown {
        top: 3px;
        margin: 0 15px;
        position: relative;
        width: calc(100% - 30px);
    }

    .header-con .navbar-nav {
        gap: 1px;
    }

    .header-con ul.navbar-nav .nav-item a {
        padding: 7px 15px !important;
    }

    .header-con .navbar-collapse ul.navbar-nav:first-child .nav-item:first-child {
        padding-top: 15px;
    }

    .header-con ul.navbar-nav .nav-item:last-child {
        padding-bottom: 15px;
    }

    .header-con .navbar-expand-lg .navbar-nav .dropdown-menu.sub-menu {
        top: 0;
        left: 0;
        border-radius: 0;
        width: 100%;
        position: relative;
    }

    .cart-num {
        top: 3px;
        right: 3px;
        width: 12px;
        height: 12px;
        font-size: 8px;
    }

    .sign-btn a {
        font-size: 14px;
        line-height: 14px;
        padding: 10px 22px 12px;
    }

    .cart-btn a,
    .search-bar a {
        width: 38px;
        height: 38px;
    }

    .toggle-bar a {
        width: 38px;
        height: 38px;
    }

    .toggle-bar a span:nth-child(2) {
        margin: 5px 0;
    }

    .header-con .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
        line-height: 20px;
    }

    #sidebar-drawer {
        padding: 55px 30px;
        width: 395px;
    }

    /* font sizes */
    h1,
    span.special-heading1,
    .banner-con2 h1 {
        font-size: 37px;
        line-height: 47px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 30px;
        line-height: 40px;
    }

    h3 {
        font-size: 24px;
        line-height: 24px;
    }

    h4 {
        font-size: 19px;
        line-height: 23px;
    }

    body {
        font-size: 15px;
        line-height: 24px;
    }


    /* coming soon  */
    .coming-soon-con .new-logo {
        width: 200px;
    }

    /* coming soon page */
    .compaign_countdown ul li {
        margin: 0 11px;
        min-height: 100px;
        /* width: 21%; */
        min-width: 100px;
    }

    .compaign_countdown ul li span.days,
    .compaign_countdown ul li span.hours,
    .compaign_countdown ul li span.minutes,
    .compaign_countdown ul li span.seconds {
        font-size: 42px;
        line-height: 52px;
    }

    .coming-soon-con h1 {
        margin-bottom: 32px;
        font-size: 60px;
        line-height: 60px;
    }

    /* back button */
    #back-to-top-btn {
        bottom: 65px;
        right: 50px;
        width: 60px;
        height: 60px;
    }

    /* 404 page */
    .error-con h2 i {
        font-size: 100px;
        line-height: 120px;
    }

    /* FOOTER SECTION  */
    .footer-con .middle-portion .footer-logo {
        top: 0;
    }

    .footer-con .middle-portion .first-column {
        margin-right: 0;
        margin-bottom: 25px;
    }

    .footer-con .middle-portion .first-column p {
        margin-bottom: 12px;
    }

    .footer-con .middle-portion .icons {
        padding-left: 0;
        margin-right: 0;
    }

    .footer-con .middle-portion .lower .icon {
        margin-bottom: 4px !important;
    }

    .footer-con .middle-portion .list-pd {
        padding-left: 0;
    }

    .footer-con .col-lg-2.pr-0 {
        padding: 0 15px;
    }

    .footer-con {
        padding: 50px 0 0;
    }

    .footer-con .middle-portion .lower .lower-content {
        display: contents;
    }

    .footer-con .middle-portion .lower .content {
        padding-left: 13px;
    }

    .footer-con .row {
        margin-bottom: 30px;
    }

    /* TESTIMONIALS SECTION  */
    .testimonials-con .testimonial-box p {
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 25px;
    }

    .testimonials-con .testimonial-box {
        padding: 30px 20px 25px;
    }

    /* news and articles section */
    .news-and-articles-con .blog_boxcontent .lower_portion_wrapper {
        padding: 50px 10px 20px;
    }

    .news-and-articles-con .owl-carousel .owl-dots {
        margin-top: 30px !important;
    }

    .recent-projects-con .owl-carousel .owl-dots .owl-dot.active span,
    .testimonials-con .owl-carousel .owl-dots .owl-dot.active span {
        width: 16px;
        height: 16px;
    }

    .news-and-articles-con .blog_boxcontent p {
        font-size: 14px;
        line-height: 24px;
    }

    .news-and-articles-con .blog_boxcontent .upper_portion .image_content .content span {
        font-size: 16px;
        line-height: 16px;
    }

    .news-and-articles-con .blog_boxcontent .lower_portion_wrapper .read_more {
        font-size: 15px;
        line-height: 28px;
    }

    /* special */
    .heading-title-con p {
        font-size: 16px;
        line-height: 27px;
    }

    /* testimonials */

    .testimonials-con .testimonial-box .stars {
        width: 108px;
        height: 20px;
        background-size: contain;
    }

    .testimonials-con .testimonial-box p {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 25px;
    }

    .testimonials-con .testimonial-box .quote-icon {
        right: 30px;
        bottom: 30px;
        width: 35px;
    }

    /* pricing plan section */
    .pricing-plan-con .col-lg-4.col-md-6 {
        margin-bottom: 30px;
    }

    .pricing-plan-con .col-lg-4.col-md-6:last-child {
        margin: 0 auto;
    }

    .pricing-plan-con ul li {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 8px;
    }

    /* services section */

    .services-offer-con .accordion-card a.btn.btn-link::before {
        width: 42px;
        height: 42px;
    }

    .services-offer-con .faq-body-content p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .services-offer-con .faq-body-content h4 {
        margin-bottom: 12px;
    }

    .services-offer-con .accordion-card .card-body {
        margin-top: 24px;
    }

    /* HOW WE WORK SECTION  */
    .how-we-work-con .work-structure-con ul li {
        padding-left: 51px !important;
    }

    .how-we-work-con .work-structure-con ul li img {
        width: 25px;
    }

    .how-we-work-con .work-structure-con ul li img {
        /* top: 20px; */
        left: 15px;
    }

    .how-we-work-con .work-structure-con ul li:hover {
        padding: 18px 8px;
    }

    .how-we-work-con .work-structure-con ul li p {
        font-size: 15px;
    }

    .how-we-work-con .col-lg-5.col-md-6 {
        padding: 0;
    }

    /*  */
    .heading-title-con {
        margin-bottom: 30px;
    }

    .services-offer-con .accordion-card .faq-numbers {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .our-expertise-con .strt-project-con p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 18px;
    }

    .our-expertise-con .charcol-box {
        padding: 25px 14px;
    }

    .our-expertise-con .charcol-box h5 {
        margin-bottom: 15px;
        line-height: 24px;
    }

    .banner-con p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 22px;
    }

    .banner-con {
        padding-top: 50px;
        padding-bottom: 140px;
    }

    .header-con .navbar-brand img {
        width: 160px;
    }

    .counter-content .span-text {
        font-size: 14px;
    }

    .banner-con .satisfied-customers-box {
        right: 30px;
        width: 180px;
        padding: 15px 12px;
    }

    .counter-content .counter,
    .counter-content .alphabet,
    .counter-content sup {
        font-size: 24px;
        line-height: 24px;
    }

    .banner-con .banner-white-box .inner-con {
        padding-right: 13px;
    }

    .banner-con .banner-white-box {
        width: 68%;
        height: 80px;
        padding-top: 15px;
    }

    .counter-content .span-text {
        font-size: 13px;
    }

    .banner-con .counter-content {
        padding: 0 6px;
    }

    .banner-con .satisfied-customers-box .counter,
    .banner-con .satisfied-customers-box .alphabet,
    .banner-con .satisfied-customers-box sup {
        font-size: 28px;
        line-height: 28px;
    }

    .price {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 14px;
    }

    /* SUB PAGE BANNER STYLING */
    .sub-bannr-content-con p {
        font-size: 17px;
        line-height: 27px;
    }

    .sub-outer-wrapper .sub-banner-con {
        padding: 80px 0 90px;
    }

    .sub-outer-wrapper .header-con .container {
        padding: 15px;
    }

    /* ABOUT PAGE STYLING */
    .about-us-info-con .about-us-info-content {
        padding-right: 0;
    }

    .about-us-info-con .about-us-info-content ul li {
        padding-left: 25px;
        font-size: 17px;
        line-height: 21px;
    }

    .about-us-info-con .about-us-info-content ul {
        margin-bottom: 20px;
    }

    .about-us-info-con .about-info-img-con .rounded-box {
        left: -22px;
        top: -22px;
    }

    .about-us-info-con .about-info-img-con .white-box-con {
        right: 20px;
        bottom: -39px;
        padding: 18px 20px;
        width: auto;
    }

    .about-us-info-con .about-info-img-con .white-box-con span.counter {
        font-size: 34px;
        line-height: 34px;
        margin-bottom: 6px;
    }

    /* FUN FACTS SECTION */
    .fun-facts-con .fun-inner-row .col-lg-6.col-md-6 {
        padding: 0 10px;
    }

    .fun-facts-con .fact-box span.counter {
        font-size: 30px;
        line-height: 30px;
    }

    .fun-facts-con .fact-box {
        padding: 20px 12px;
    }

    .fun-facts-con .fact-box span.span-text {
        font-size: 16px;
    }

    .fun-facts-con .fact-box img {
        height: 46px;
    }

    .fun-facts-con h2 {
        margin-bottom: 14px;
    }

    /* special */
    .special-text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 5px;
    }

    /* EXPERTISE CAROUSEL SECTION */
    .expertise-con .world-class-box {
        padding: 25px 15px;
        min-width: 240px;
        margin-left: -18px;
    }

    .expertise-con .world-class-box .primary-button a {
        min-width: 206px;
    }

    .expertise-con .owl-carousel .owl-dots {
        margin-top: 30px !important;
    }

    .team-members-con .vector6 {
        display: none;
    }

    .heading-title-con p br {
        display: none;
    }

    .team-members-con .team-box img {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: 18px;
        width: 220px;
        border-radius: 4px;
    }

    .team-members-con .col-lg-3.col-md-6.d-flex {
        margin-bottom: 30px;
    }

    .team-members-con .col-lg-3.col-md-6.d-flex:nth-last-of-type(-n+2) {
        margin-bottom: 0;
    }

    /* PROJECT TESTIMONIAL SECTION */
    .project-testimonial-con .testimonials-img-con {
        width: 500px;
        margin: 60px auto;
    }

    .project-testimonial-con .customer2 {
        top: -92px;
        right: 90px;
        width: 100px;
    }

    .project-testimonial-con .customer1 {
        top: -20px;
        left: 53px;
        width: 70px;
    }

    .project-testimonial-con .owl-carousel {
        margin-top: 80px;
        text-align: center;
        width: 600px;
        margin: 80px auto 0;
    }

    .project-testimonial-con .customer3 {
        left: 80px;
        bottom: -96px;
        top: unset;
        width: 90px;
    }

    .project-testimonial-con .project-testimonial-content-con h2 br {
        display: none;
    }

    .project-testimonial-con .project-testimonial-content-con .review-content {
        padding-left: 0;
        width: 260px;
        margin: 0 auto 16px;
    }

    .project-testimonial-con .project-testimonial-content-con .review-content .detail {
        margin-left: 15px;
    }

    .project-testimonial-con .project-testimonial-content-con .review-content .testimonial-personimage {
        position: relative;
    }

    .project-testimonial-con .owl-theme .owl-nav {
        text-align: center;
        margin: 0 auto;
    }

    /* CONTACT PAGE STYLING */
    .contact-info-con .send-msg-con {
        padding: 30px 18px;
    }

    .contact-info-con .send-msg-con .form-group input {
        height: 52px;
        padding: 12px 16px;
    }

    .contact-info-con .send-msg-con {
        margin: 0;
    }

    .contact-info-con .get-in-touch-con figure {
        width: 70px;
        height: 70px;
        line-height: 70px;
        padding: 0 16px;
    }

    .contact-info-con .col-lg-6 {
        padding: 0 10px;
    }

    .contact-info-con .send-msg-con .form-group textarea {
        height: 110px;
        padding: 12px 16px;
    }

    .contact-info-con .send-msg-con .primary-button button {
        height: 52px;
        line-height: 50px;
        font-size: 16px;
    }

    .contact-info-con .send-msg-con {
        padding: 35px 18px;
    }

    .contact-info-con .get-in-touch-con h2 {
        margin-bottom: 16px;
    }

    .contact-info-con .get-in-touch-con h4 {
        font-size: 23px;
    }

    .contact-map-con iframe {
        height: 400px;
    }

    /* SERVICES PAGE STYLING */
    .services-con .vector3 {
        display: none;
    }

    .services-con .services-box {
        text-align: center;
    }

    .services-con .services-box figure {
        width: 100px;
        height: 100px;
        line-height: 95px;
        margin: 0 auto 16px;
    }

    .services-con .col-lg-3.col-md-6 {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .services-con .col-lg-3.col-md-6:nth-last-of-type(-n+2) {
        margin-bottom: 0;
    }

    .services-step-con .vector5 {
        display: none;
    }

    .services-con .row {
        margin-bottom: 35px;
    }

    .services-step-con .col-lg-3.col-md-6 {
        margin-bottom: 25px;
    }

    .services-step-con .col-lg-3.col-md-6:nth-last-of-type(-n+2) {
        margin-bottom: 0;
    }

    .services-step-con .step-box h4 {
        font-size: 20px;
    }

    .grow-business-content-con h2 br {
        display: none;
    }

    .services-step-con .step-box {
        padding: 30px;
    }

    .grow-your-business-con .grow-business-content-con {
        padding-left: 0;
    }

    .grow-your-business-con .grow-img-con img.small-blue-box {
        top: 30px;
        right: -10px;
    }

    .grow-business-content-con img {
        width: 60px;
    }

    .grow-your-business-con .grow-business-content-con figure {
        width: 80px;
        height: 80px;
        line-height: 80px;
        margin-bottom: 10px;
    }

    .grow-your-business-con .row {
        align-items: center;
    }

    .grow-your-business-con .grow-business-content-con p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .grow-your-business-con .grow-business-content-con ul li {
        padding-left: 24px;
        font-size: 17px;
        margin-bottom: 10px;
    }

    .grow-your-business-con .grow-business-content-con ul {
        margin-bottom: 20px;
    }

    .services-con .services-box h4 {
        font-size: 20px;
    }

    /* project page styling */
    .recent-projects-con.latest-case-studies-con .case-box .circle {
        right: 20px;
        bottom: 20px;
    }

    .banner-con2 p,
    .banner-con3 p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 14px;
    }

    .home2-banner .object {
        width: 400px;
    }

    .banner-con2 span {
        font-size: 15px;
        min-width: 200px;
        padding: 4px 13px;
        margin-bottom: 5px;
    }

    .banner-con2 .objct1 {
        top: 110px;
        right: 40%;
        width: 70px;
    }

    .banner-con2 .objct2 {
        right: 58px;
        bottom: 104px;
        width: 70px;
    }

    .banner-con2 .col-lg-6.col-md-6:first-child {
        padding: 0;
    }

    .banner-con2 h1 {
        font-size: 34px;
    }

    .banner-con2 .primary-button a {
        font-size: 15px;
        margin-bottom: 20px;
    }

    ul.banner-icons li i {
        margin: 0 5px;
        font-size: 15px;
    }

    .banner-con2 .banner-img-con img {
        top: 3px;
        right: -10px;
    }

    .banner-con2 .banner-content {
        padding-top: 30px;
    }

    .pricing2-con.pricing-plan-con .vector3 {
        right: 50px;
        top: 50px;
    }

    /* HOME 03 PAGE RESPONSIVE */
    .banner-con3 .banner-img-con img {
        width: 100%;
    }

    .banner-con3 .vector1 {
        display: none;
    }

    .banner-con3 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .banner-con3 .satisfied-client-box {
        bottom: 25px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .banner-con3 .elementary-button a {
        margin-bottom: 20px;
    }

    .banner-con3 .col-lg-6.col-md-6:first-child {
        padding: 0;
    }

    .drawer-hosting-box ul li a {
        gap: 20px;
        margin-bottom: 18px;
        padding: 11px 19px 11px;
    }

    .statistics-con .statistics-box {
        border-right: none;
        margin-bottom: 30px;
    }

    .statistics-con .statistics-box span.counter,
    .statistics-con .statistics-box sup {
        font-size: 34px;
        line-height: 32px;
        margin-bottom: 10px;
    }

    .statistics-con .statistics-box figure {
        width: 120px;
        height: 120px;
        line-height: 114px;
        margin: 0px auto 12px;
    }

    .video-con .video-inner-wrap {
        height: 400px;
    }

    #search input[type="search"] {
        font-size: 26px;
    }

    .breadcrumb {
        justify-content: unset;
        padding: 9px 10px;
    }

    .breadcrumb-item {
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        font-size: 11px;
        padding: 0 3px;
        font-weight: 600;
    }

    .sub-banner-con .col-lg-6.col-md-4 {
        padding: 0;
    }
}

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

    /*  */
    .padding-top {
        padding-top: 60px;
    }

    .padding-bottom {
        padding-bottom: 60px;
    }

    /*  header section */
    .header-con .navbar-brand img {
        width: 160px;
    }

    /* .header-con .navbar-brand {
        margin-left: 20px;
    } */

    .drawer-menu-logo a {
        margin-bottom: 30px;
    }

    .drawer-hosting-contant h5 {
        font-size: 18px;
        line-height: 18px;
    }

    .drawer-hosting-contant span {
        font-size: 14px;
        line-height: 16px;
    }

    /* font sizes */
    h1,
    span.special-heading1,
    .banner-con2 h1 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 10px;
    }

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

    h3 {
        font-size: 22px;
        line-height: 22px;
    }

    h4 {
        font-size: 20px;
        line-height: 23px;
    }

    /* 404 */
    .error-con p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .error-con h2 {
        font-size: 100px;
        line-height: 100px;
        margin-bottom: 10px;
    }

    .error-con .secondary-button a {
        min-width: 200px;
    }

    /* coming soon page styling */
    .compaign_countdown ul li {
        margin: 0 8px;
        min-height: auto;
        min-width: 70px;
        padding: 10px;
        font-size: 18px;
    }

    .compaign_countdown ul li span.days,
    .compaign_countdown ul li span.hours,
    .compaign_countdown ul li span.minutes,
    .compaign_countdown ul li span.seconds {
        font-size: 30px;
        line-height: 30px;
    }

    .compaign_countdown ul {
        float: left;
        width: 100%;
        min-width: 100%;
        display: inline-block;
        margin: 0 auto;
        max-width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .coming-soon-con h1 {
        margin-bottom: 40px;
        font-size: 46px;
        line-height: 46px;
    }

    .coming-soon-con h3 {
        font-size: 24px;
    }

    .coming-soon-con .new-logo {
        width: 170px;
    }



    /* special */
    .heading-title-con {
        margin-bottom: 25px;
    }

    .special-text {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 4px;
    }


    /* button */
    #back-to-top-btn {
        bottom: 45px;
        right: 45px;
        width: 50px;
        height: 50px;
    }

    /*  */
    .error-con h4 {
        font-size: 21px;
        line-height: 22px;
        margin-bottom: 18px;
    }

    .error-con h2 i {
        font-size: 85px;
        line-height: 97px;
    }

    .error-con .secondary-button a {
        height: 52px;
        line-height: 48px;
        min-width: 210px;
        font-size: 15px;
    }

    /* banner section */
    .banner-con {
        text-align: center;
    }

    .banner-con .banner-content-con {
        z-index: 1;
        position: relative;
    }

    .banner-con::after {
        width: 100%;
        opacity: 30%;
    }

    .banner-con .banner-icon1 {
        display: none;
    }

    .banner-con .banner-icon2 {
        display: none;
    }

    .banner-con .satisfied-customers-box {
        display: none;
    }

    .banner-con .banner-white-box {
        width: 97%;
        height: 75px;
        padding-top: 10px;
        bottom: 20px;
    }

    .banner-con .banner-white-box .inner-con {
        padding-right: 24px;
    }

    .banner-con .counter-content {
        padding: 0 8px;
    }

    .banner-con {
        padding-top: 40px;
        /* padding-bottom: 120px; */
        padding-bottom: 40px;
    }

    .banner-con figure {
        display: none;
    }

    .banner-con p {
        margin-bottom: 17px;
    }

    .how-we-work-con .work-img-con img {
        width: 250px;
        text-align: center;
    }

    .how-we-work-con .work-img-con figure {
        text-align: center;
    }

    .how-we-work-con .work-img-con {
        width: 300px;
        margin: 0 auto 15px;
    }

    .how-we-work-con .work-img-con .work-vector {
        top: 20px;
        right: 3px;
        width: 50px;
    }

    .work-structure-con {
        text-align: center;
    }

    .how-we-work-con .work-structure-con ul li {
        text-align: left;
    }

    .how-we-work-con .work-structure-con ul {
        width: 450px;
        margin: 0 auto !important;
    }

    .services-offer-con .accordion-card {
        padding: 16px 0;
    }

    .services-offer-con .faq-img img {
        width: 350px;
        margin-bottom: 20px;
    }

    .services-offer-con .faq-img figure,
    .services-offer-con .faq-img {
        text-align: center;
    }

    .services-offer-con .accordion-card .faq-numbers {
        font-size: 17px;
        margin-bottom: 6px;
    }

    .services-offer-con .accordion-card a.btn.btn-link::before {
        width: 38px;
        height: 38px;
    }

    .services-offer-con .faq-body-content p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 8px;
    }

    .pricing-plan-con .col-lg-4.col-md-6 {
        margin: 0 auto 20px;
        width: 400px;
    }

    .price {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 12px;
    }

    .pricing-plan-con ul {
        margin-bottom: 20px;
    }

    .heading-title-con p br {
        display: none;
    }

    .news-and-articles-con .blog_boxcontent .upper_portion .image_content .content h3 {
        line-height: 22px;
    }

    .news-and-articles-con .blog_boxcontent .lower_portion_wrapper p {
        margin-bottom: 12px;
    }

    .footer-con .middle-portion .icons .form-group {
        width: 100%;
    }

    .footer-con .middle-portion .lower .content {
        padding-left: 15px;
    }

    .banner-con .banner-white-box {
        /* width: 98%;
        height: 75px;
        padding-top: 10px;
        bottom: 20px; */
        display: none;
    }

    .footer-con .middle-portion .first-column p {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 8px;
    }

    .footer-con .middle-portion .lower .lower-content {
        display: flex;
    }

    .footer-con .middle-portion .lower {
        display: block;
    }

    .footer-con .middle-portion .lower .icon {
        top: 8px;
        margin-bottom: 6px !important;
    }

    .footer-con .middle-portion .lower .icon:hover {
        transform: unset;
    }

    .footer-con .copyright {
        text-align: center;
        padding: 15px 0 8px;
    }

    .footer-con .copyright p {
        margin-right: 0;
        margin-bottom: 6px;
    }

    .footer-con .copyright .social-icons ul {
        position: relative !important;
        margin: 0 auto;
        width: 161px;
    }

    .footer-con .copyright .social-icons {
        float: left;
        right: unset;
        top: unset;
        text-align: center;
        margin: 0 auto;
        position: relative;
        width: 100%;
    }

    .header-con .navbar-brand img {
        width: 140px;
    }

    /* SUB BANNER PAGE SECTION */

    .sub-outer-wrapper .sub-banner-con {
        padding: 65px 0 75px;
        text-align: center;
    }

    .sub-outer-wrapper .sub-banner-con .sub-banner-right-con {
        text-align: center !important;
        margin-top: 16px;
    }

    .sub-outer-wrapper .header-con {
        padding: 10px 0 0;
    }

    .sub-outer-wrapper .header-con .container {
        padding: 12px;
    }

    /* aobut us info section */
    .about-us-info-con {
        text-align: center;
    }

    .about-us-info-con .about-info-img-con .rounded-box {
        width: 170px;
    }

    .about-us-info-con .about-info-img-con {
        margin-bottom: 20px;
        width: 320px;
        margin: 0 auto 20px;
    }

    .about-us-info-con .about-info-img-con img.about-main-img {
        width: 320px;
    }

    .about-us-info-con .about-info-img-con .white-box-con {
        right: 20px;
        bottom: 25px;
        padding: 12px;
        width: auto;
    }

    .about-us-info-con .about-info-img-con {
        margin-bottom: 20px;
    }

    .about-us-info-con .about-us-info-content h2::before {
        right: 0;
        margin: 0 auto;
    }

    .about-us-info-con .about-us-info-content ul {
        text-align: left;
        width: 420px;
        margin: 0 auto 20px;
    }

    /* FUN FACTS SECTION */
    .fun-facts-con {
        text-align: center;
    }

    .fun-facts-con .fun-facts-content {
        margin-bottom: 40px;
    }

    .fun-facts-con .design-element {
        display: none;
    }

    .fun-facts-con .fun-fact-img-con img {
        width: 320px;
    }

    .fun-facts-con .fun-fact-img-con {
        text-align: center;
        width: 320px;
        margin: 0 auto;
    }

    .fun-facts-con .fun-fact-img-con .blue-rounded-box {
        width: 180px;
    }

    .fun-facts-con .fact-box span.counter {
        font-size: 28px;
        line-height: 28px;
    }

    /* expertise con section */
    .expertise-con {
        text-align: center;
    }

    .expertise-con::before {
        width: 100%;
        opacity: 80%;
    }

    .expertise-con .world-class-box {
        padding: 20px 15px;
        min-width: 100%;
        margin-left: 0;
        width: 80%;
        margin: 0 auto 20px;
    }

    .expertise-con .outclass-service-box img {
        margin: 0 auto 19px;
    }

    .expertise-con .outclass-service-box {
        padding: 30px;
    }

    .expertise-con .owl-carousel .owl-dots {
        position: absolute;
        right: 0;
        left: 0;
        margin: 15px auto !important;
    }

    .expertise-con .owl-carousel .owl-dots .owl-dot span {
        background: rgb(255 255 255 / 70%);
    }

    .expertise-con .outclass-service-box h4 {
        margin-bottom: 10px;
    }

    .heading-title-con p {
        font-size: 16px;
        line-height: 26px;
    }

    .expertise-con .outclass-service-box p {
        font-size: 16px;
        line-height: 25px;
    }

    .team-members-con .col-lg-3.col-md-6.d-flex {
        width: 330px;
        margin: 0 auto 20px;
    }

    .team-members-con .team-box .content-box h4 {
        font-size: 20px;
    }

    .team-members-con .col-lg-3.col-md-6.d-flex:nth-last-of-type(-n+2) {
        margin-bottom: 20px;
    }

    .team-members-con .col-lg-3.col-md-6.d-flex:nth-last-of-type(-n+1) {
        margin-bottom: 0;
    }

    .project-testimonial-con .owl-carousel {
        margin-top: 80px;
        text-align: center;
        width: 100%;
        margin: 80px auto 0;
    }

    .project-testimonial-con .project-testimonial-content-con .review-content {
        margin: 0 auto 10px;
    }

    /* contact page styling */
    .contact-info-con {
        text-align: center;
    }

    .contact-info-con .col-lg-6 {
        padding: 0 15px;
    }

    .contact-info-con .get-in-touch-con ul {
        text-align: left;
        margin: 0 auto;
        width: 450px;
    }

    .contact-info-con .get-in-touch-con {
        margin-bottom: 25px;
    }

    .contact-info-con .send-msg-con {
        padding: 35px 20px;
        margin: 0 auto;
        width: 450px;
    }

    .contact-map-con iframe {
        height: 350px;
    }

    /* SERVICES PAGE STYLING */
    .services-con .col-lg-3.col-md-6 {
        margin: 0 auto 20px;
        width: 400px;
    }

    .services-con .col-lg-3.col-md-6:nth-last-of-type(-n+2) {
        margin-bottom: 20px;
    }

    .services-con .col-lg-3.col-md-6:nth-last-of-type(-n+1) {
        margin-bottom: 0;
    }

    .services-step-con .col-lg-3.col-md-6 {
        margin: 0 auto 20px;
        width: 400px;
    }

    .services-step-con .step-box {
        padding: 30px 45px;
    }

    .services-step-con .col-lg-3.col-md-6:nth-last-of-type(-n+2) {
        margin-bottom: 20px;
    }

    .services-step-con .col-lg-3.col-md-6:nth-last-of-type(-n+1) {
        margin-bottom: 0;
    }

    /* grow your business section */
    .grow-your-business-con {
        text-align: center;
    }

    .grow-your-business-con .grow-img-con img.busines-img {
        width: 350px;
    }

    .grow-your-business-con .grow-img-con {
        margin: 0 auto 30px;
        width: 350px;
    }

    .grow-your-business-con .grow-img-con img.transparent-box {
        bottom: -20px;
        right: 20px;
    }

    .grow-business-content-con figure {
        text-align: center;
        margin: 0 auto 10px;
    }

    .grow-your-business-con .grow-business-content-con ul {
        text-align: left;
        margin: 0 auto 18px;
        width: 250px;
    }

    .recent-projects-con.latest-case-studies-con .case-box {
        margin-bottom: 20px;
    }

    .pricing-plan-con.white-bg-wrap .price-box h4 {
        font-size: 21px;
    }

    .price .dollar {
        top: -9px;
    }

    /* HOME2 */
    .pricing2-con.pricing-plan-con .vector3 {
        right: 40px;
        top: 40px;
        width: 45px;
    }

    /* BANNER2 */
    .banner-con2 {
        text-align: center;
    }

    .banner-con2 .objct1,
    .banner-con2 .objct2 {
        display: none;
    }

    .banner-con2 .banner-img-con img {
        top: 3px;
        right: unset;
        width: 300px;
    }

    ul.banner-icons::before {
        display: none;
    }

    ul.banner-icons {
        padding-left: 0;
    }

    .home2-banner .object {
        display: none;
    }

    /* HOME 03 PAGE RESPONSIVE */
    .banner-con3 {
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
    }

    .banner-con3 .banner-img-con img {
        width: 300px;
    }

    .banner-con3 .elementary-button a {
        margin-bottom: 12px;
    }

    .banner-con3 .satisfied-client-box {
        bottom: 20px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .banner-con3 .banner-content-con {
        margin-bottom: 20px;
    }

    .statistics-con .vector11,
    .statistics-con .vector12 {
        display: none;
    }

    .statistics-con .statistics-box figure {
        width: 110px;
        height: 110px;
        line-height: 108px;
        margin: 0px auto 12px;
    }

    .statistics-con .statistics-box figure img {
        height: 60px;
    }

    .statistics-con .statistics-box span.counter,
    .statistics-con .statistics-box sup {
        font-size: 30px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .padding-bottom-xl {
        padding-bottom: 300px;
    }

    .video-con .video-inner-wrap {
        height: 350px;
    }

    .video-con {
        margin-top: -300px;
    }

    .video_wrapper img {
        width: 80px;
    }

    .header-con .navbar-collapse.collapse,
    .navbar-collapse.collapsing {
        top: 53px;
    }

    #search input[type="search"] {
        font-size: 24px;
    }

    #search .close {
        font-size: 22px;
    }

    .drawer-hosting-box ul li a figure img {
        height: 50px;
    }

    /*  */
    .contact-info-con .get-in-touch-con ul li a {
        display: block;
    }
}

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

    /*  */
    .padding-top {
        padding-top: 40px;
    }

    .padding-bottom {
        padding-bottom: 40px;
    }

    /*  header section */
    .sign-btn,
    .search-bar {
        display: none;
    }

    .header-btn ul {
        gap: 5px;
    }

    #sidebar-drawer {
        width: 300px;
        padding: 50px 20px;
    }

    #sidebar-drawer a.close-button span.close-icon i {
        font-size: 14px;
        height: 30px;
        width: 30px;
    }

    .drawer-hosting-box ul li a {
        gap: 12px;
        padding: 14px 10px;
    }


    /* font sizes */
    h1,
    span.special-heading1,
    .banner-con2 h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 24px;
        line-height: 32px;
    }

    h2.special {
        font-size: 24px;
        line-height: 32px;
    }

    h3 {
        font-size: 22px;
        line-height: 24px;
    }

    h4 {
        font-size: 18px;
        line-height: 22px;
    }

    h5 {
        font-size: 18px;
        line-height: 22px;
    }

    /*  */
    .heading-title-con h2 br {
        display: none;
    }

    .heading-title-con h2 {
        margin-bottom: 10px;
    }


    /*  */
    .drawer-menu-logo a {
        margin-bottom: 20px;
    }

    .drawer-menu-logo img {
        width: 160px;
    }

    .header-con .navbar-collapse.collapse,
    .navbar-collapse.collapsing {
        top: 54px;
    }

    /* 404 page */
    .error-con h2 {
        font-size: 70px;
        line-height: 70px;
        margin-bottom: 14px;
    }

    .error-con p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .error-con .secondary-button a {
        min-width: 180px;
        padding: 0 15px;
    }

    /* coming soon page styling */
    .compaign_countdown ul li span.days,
    .compaign_countdown ul li span.hours,
    .compaign_countdown ul li span.minutes,
    .compaign_countdown ul li span.seconds {
        font-size: 24px;
        line-height: 24px;
    }

    .compaign_countdown ul li {
        margin: 0px 6px;
        min-height: auto;
        min-width: 70px;
        padding: 10px;
        font-size: 16px;
    }

    .coming-soon-con h1 {
        margin-bottom: 25px;
        font-size: 40px;
        line-height: 40px;
    }

    .coming-soon-con h3 {
        font-size: 22px;
    }

    .coming-soon-con .new-logo {
        width: 150px;
    }

    .heading-title-con {
        margin-bottom: 20px;
    }

    .special-text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 2px;
    }

    /*  */
    .error-con h4 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 14px;
    }

    .error-con h2 i {
        font-size: 60px;
        line-height: 70px;
    }

    .error-con p br {
        display: none;
    }

    .coming-soon-con .new-logo {
        margin-bottom: 20px;
    }

    /* footer */
    .text-size-16,
    .font-size-16 {
        font-size: 14px;
    }

    .footer-con .copyright {
        padding: 14px 0;
    }

    .footer-con {
        text-align: center;
        padding: 30px 0 0;
    }

    .footer-con .middle-portion .lower {
        display: block;
        text-align: left;
        width: 220px;
        margin: 0 auto 10px;
    }

    .footer-con .middle-portion ul {
        width: 160px;
        margin: 0 auto 20px;
    }

    .footer-con .middle-portion .links ul li i {
        display: none;
    }

    .footer-con .middle-portion .links li {
        padding-left: 0;
    }

    .footer-con .middle-portion .links ul li a {
        font-size: 15px;
        line-height: 23px;
    }

    .footer-con .row {
        margin-bottom: 20px;
    }

    .heading-title-con p {
        font-size: 15px;
        line-height: 25px;
    }

    .testimonials-con .testimonial-box {
        padding: 25px 15px 20px;
    }

    .recent-projects-con .owl-carousel .owl-dots .owl-dot span {
        margin: 3px 5px;
    }

    .recent-projects-con .owl-carousel .owl-dots .owl-dot span,
    .testimonials-con .owl-carousel .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
    }

    .recent-projects-con .owl-carousel .owl-dots .owl-dot.active span,
    .testimonials-con .owl-carousel .owl-dots .owl-dot.active span {
        width: 11px;
        height: 11px;
    }

    .price .dollar {
        font-size: 18px;
        line-height: 18px;
        top: -9px;
        left: 3px;
    }

    .price .per-month {
        font-size: 18px;
        line-height: 18px;
    }

    .pricing-plan-con .col-lg-4.col-md-6 {
        width: 100%;
    }

    /*  */
    .services-offer-con .faq-img img {
        width: 90%;
        margin-bottom: 20px;
    }

    .services-offer-con .accordion-card {
        padding: 16px 12px;
    }

    .services-offer-con .faq-body-content p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .services-offer-con .accordion-card a.btn.btn-link::before {
        width: 30px;
        height: 30px;
    }

    .how-we-work-con .work-structure-con ul {
        width: 100%;
        margin: 0 auto !important;
    }

    .banner-con {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .charcol-box br {
        display: none;
    }

    .header-con .navbar-brand img {
        width: 130px;
    }

    .header-con {
        padding: 10px 0;
    }

    .our-expertise-con .strt-project-con p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .how-we-work-con .work-img-con {
        width: 300px;
        margin: 0 auto 20px;
    }

    /* SUB PAGE BANNER SECTION */
    .sub-outer-wrapper .header-con .container {
        padding: 10px 12px;
    }

    .sub-outer-wrapper .sub-banner-con {
        padding: 45px 0 60px;
    }

    .sub-bannr-content-con p {
        font-size: 16px;
        line-height: 25px;
    }

    .breadcrumb-item {
        font-size: 15px;
        line-height: 15px;
    }

    /* about page styling */
    .about-us-info-con .about-info-img-con {
        width: 100%;
    }

    .about-us-info-con .about-info-img-con .rounded-box {
        width: 150px;
        left: -6px;
        top: -12px;
    }

    .about-us-info-con .about-info-img-con img.about-main-img {
        width: 300px;
    }

    .about-us-info-con .about-info-img-con .white-box-con {
        right: 26px;
        bottom: 19px;
        padding: 10px;
    }

    .about-us-info-con .about-info-img-con .white-box-con span.span-text {
        font-size: 14px;
    }

    .about-us-info-con .about-info-img-con .white-box-con span.counter {
        font-size: 28px;
        line-height: 28px;
    }

    .about-us-info-con .about-us-info-content ul {
        text-align: left;
        width: 100%;
        margin: 0 auto 20px;
    }

    .fun-facts-con .fun-inner-row .col-lg-6.col-md-6 {
        margin-bottom: 20px;
    }

    .fun-facts-con .fun-inner-row .col-lg-6.col-md-6:nth-last-of-type(-n+2) {
        margin-bottom: 20px;
    }

    .fun-facts-con .fun-inner-row .col-lg-6.col-md-6:nth-last-of-type(-n+1) {
        margin-bottom: 0;
    }

    .fun-facts-con .fun-fact-img-con img {
        width: 300px;
    }

    .fun-facts-con .fun-fact-img-con .blue-rounded-box {
        right: -6px;
        top: -12px;
        width: 150px;
    }

    /* expertise */
    .expertise-con .world-class-box .primary-button a {
        min-width: 229px;
    }

    .expertise-con .outclass-service-box p {
        font-size: 15px;
        line-height: 23px;
    }

    .expertise-con .outclass-service-box h4 {
        font-size: 20px;
    }

    /* testimonial section  */
    .testimonials-img-con::after {
        width: 300px;
        height: 300px;
    }

    .project-testimonial-con .customer2 {
        top: -73px;
        right: 41px;
        width: 74px;
    }

    .project-testimonial-con .testimonials-img-con {
        width: 70%;
        margin: 60px auto;
    }

    .project-testimonial-con .customer1 {
        top: -20px;
        left: 20px;
        width: 55px;
    }

    .project-testimonial-con .customer4 {
        right: 30px;
        width: 60px;
    }

    .project-testimonial-con .customer3 {
        left: 39px;
        bottom: -68px;
        width: 60px;
    }

    .testimonials-img-con figure.testimonial-quote-img {
        width: 140px;
        height: 140px;
        line-height: 140px;
    }

    .project-testimonial-con .owl-theme .owl-nav img {
        width: 18px;
    }

    .project-testimonial-con .owl-carousel .owl-item img {
        width: 55px;
    }

    .expertise-con .owl-carousel .owl-dots {
        margin: 6px auto !important;
    }

    /* CONTACT PAGE STLYING  */
    .contact-info-con .get-in-touch-con ul {
        width: 100%;
    }

    .contact-info-con .get-in-touch-con ul li .sub-info-inner {
        padding-left: 13px;
    }

    .contact-info-con .get-in-touch-con figure {
        width: 60px;
        height: 60px;
        line-height: 60px;
        padding: 0 15px;
    }

    .contact-info-con .get-in-touch-con ul li p,
    .contact-info-con .get-in-touch-con ul li a {
        font-size: 15px;
        line-height: 25px;
    }

    .contact-info-con .get-in-touch-con h4 {
        font-size: 22px;
    }

    .contact-info-con .send-msg-con {
        width: 100%;
        padding: 30px 16px;
    }

    .contact-info-con .send-msg-con .special-text {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .contact-info-con .send-msg-con .form-group textarea {
        height: 90px;
    }

    .contact-map-con iframe {
        height: 300px;
    }

    /* SERVICES PAGE STYLING */
    .services-con .col-lg-3.col-md-6 {
        width: 100%;
    }

    .services-con .services-box p,
    .services-step-con .step-box p {
        font-size: 15px;
        line-height: 24px;
    }

    .services-step-con .col-lg-3.col-md-6 {
        width: 100%;
    }

    .grow-your-business-con .grow-img-con img.busines-img {
        width: 300px;
    }

    .grow-your-business-con .grow-img-con {
        margin: 0 auto 25px;
        width: 100%;
    }

    .grow-your-business-con .grow-img-con img.transparent-box {
        width: 70px;
    }

    .grow-your-business-con .grow-img-con img.blue-box {
        width: 50px;
        left: -5px;
    }

    .grow-your-business-con .grow-img-con img.small-blue-box {
        width: 30px;
        right: 0;
    }

    /* PROJECTS PAGE STYLING */
    .recent-projects-con.latest-case-studies-con .case-box {
        margin: 0 auto 20px;
        width: 300px;
    }

    .pricing2-con.pricing-plan-con .vector3 {
        display: none;
    }

    .banner-con2 .banner-img-con img {
        width: 250px;
    }

    .banner-con2 .col-lg-6.col-md-6:first-child {
        padding: 0 15px;
    }

    /* home 03 page responsive */
    .about-us-info-con .about-info-img-con {
        width: 315px;
    }

    .banner-con3 .col-lg-6.col-md-6:first-child {
        padding: 0 15px;
    }

    .banner-con3 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .banner-con3 .banner-img-con img {
        width: 270px;
    }

    .banner-con3 .satisfied-client-box {
        bottom: 20px;
        height: 65px;
        padding-right: 23px;
    }

    .banner-con3 .banner-img-con .satisfied-client-box img {
        width: 44px;
    }

    .banner-con3 .vector {
        display: none;
    }

    .statistics-con .statistics-box span.counter,
    .statistics-con .statistics-box sup {
        font-size: 26px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .statistics-con .statistics-box {
        margin-bottom: 20px;
    }

    .statistics-con .statistics-box figure img {
        height: 50px;
    }

    .statistics-con .statistics-box figure {
        width: 90px;
        height: 90px;
        line-height: 88px;
        margin: 0px auto 12px;
    }

    .statistics-con .statistics-box span.span-text {
        font-size: 16px;
    }

    .video-con .video-inner-wrap {
        height: 250px;
    }

    .padding-bottom-xl {
        padding-bottom: 200px;
    }

    .video-con {
        margin-top: -190px;
    }

    #back-to-top-btn {
        bottom: 100px;
        right: 30px;
    }

    #search input[type="search"] {
        font-size: 20px;
        padding: 7px;
    }

    #search .close {
        font-size: 20px;
    }

    .drawer-hosting-box ul li a figure img {
        height: 44px;
    }

    .how-we-work-con .col-lg-5.col-md-6 {
        padding: 0 10px;
    }
}