/*==========Responsive CSS Start==========*/
@media screen and (max-width: 1600px) {
    .banner-shape1-two {
        left: -200px;
    }

    .banner-img-two img {
        max-width: 100%;
        width: auto;
    }

    .banner-line1-two {
        bottom: -50px;
    }

    .banner-line2-two {
        bottom: -70px;
    }

    .banner-shape2-two {
        bottom: -120px;
    }

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

    .about-shape1-two img{
        width: 50%;
    }

    .about-shape1-two {
        right: -270px;
    }

    .about-shape2-two img {
        width: 50%;
    }

    .about-shape2-two {
        right: -70px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .service-side-two {
        padding: 0 100px;
    }

    .service-shape1-two img {
       width: 70%;
    }

    .service-shape2-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .service-shape2-two img {
       width: 50%;
    }

    .pricing-shape1-two {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .pricing-shape1-two img {
        width: 50%;
    }

    .pricing-shape2-two {
        display: flex;
        align-items: center;
        justify-content: center;
        left: -80px;
    }

    .pricing-shape2-two img {
        width: 50%;
    }

    .testimonial-shape1-two {
        display: flex;
        align-items: center;
        justify-content: center;
        right: 0;
    }

    .testimonial-shape1-two img {
        width: 60%;
    }

    .team-shape1-two {
        display: flex;
        align-items: center;
        justify-content: center;
        left: 10px;
    }

    .team-shape1-two img {
        width: 80%;
    }

    .team-shape2-two {
       display: flex;
       align-items: center;
       justify-content: center;
       right: -40px;
    }

    .team-shape2-two img {
        width: 80%;
    }

    .get-in-touch-shape1-two {
        display: flex;
        align-items: center;
        justify-content: center;
        top: 140px;
        left: -80px;
    }

    .get-in-touch-shape1-two img {
       width: 50%;
    }

    .blog-shape1-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .blog-shape1-two img {
        width: 50%;
    }

    .blog-shape2-two {
       display: flex;
       align-items: center;
       justify-content: center;
       top: 20%;
       left: -80px;
       transform: translate(0%,-80%);
    }

    .blog-shape2-two img {
        width: 50%;
    }

    .blog-shape3-two {
       display: flex;
       align-items: center;
       justify-content: center;
       right: 0;
    }

    .blog-shape3-two img {
        width: 60%;
    }

    .footer-shape1-two {
        left: -220px;
    }

    .footer-shape2-two {
        right: -250px;
    }

    .feature-shape1-two img {
        width: 50%;
    }

    .feature-shape1-two {
        top: 40%;
        left: 10px;
    }

    .feature-shape2-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .feature-shape2-two img {
        width: 80%;
    }

    .service-detail-shape1-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }
     
    .service-detail-shape1-two img {
        width: 50%;
    }

    .service-detail-shape2-two {
        display: flex;
        align-items: center;
        justify-content: center;
        left: -80px;
    }
     
    .service-detail-shape2-two img {
        width: 50%;
    }

    .service-detail-shape4-two img {
        width: 80%;
    }

    .service-detail-shape5-two img {
        width: 80%;
    }

    .service-detail-shape5-two {
        display: flex;
        align-items: center;
        justify-content: center;
        right: -10px;
    }

    .service-detail-shape3-two {
        right: -70px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .service-detail-shape3-two img {
        width: 50%;
    }

    .portfolio-shape1-two img {
        width: 50%;
    }

    .portfolio-shape1-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .portfolio-shape2-two img {
        width: 50%;
    }

    .portfolio-shape2-two {
        display: flex;
        align-items: center;
        justify-content: center;
        top: 15%;
        left: -90px;
    }

    .portfolio-shape3-two img {
        width: 50%;
    }

    .portfolio-shape3-two {
        display: flex;
        align-items: center;
        justify-content: center;
        right: -50px;
    }

    .portfolio-shape4-two img {
        width: 50%;
    }

    .portfolio-shape4-two {
        display: flex;
        align-items: center;
        justify-content: center;
        left: -30px;
    }

    .portfolio-detail-shape1-two img {
        width: 50%;
    }

    .portfolio-detail-shape1-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .portfolio-detail-shape2-two img {
        width: 50%;
    }

    .portfolio-detail-shape2-two {
        display: flex;
        align-items: center;
        justify-content: center;
        top: 17%;
        right: -80px;
    }

    .portfolio-detail-shape3-two img {
        width: 50%;
    }

    .portfolio-detail-shape3-two {
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0;
    }

    .portfolio-detail-shape4-two img {
        width: 40%;
    }

    .portfolio-detail-shape4-two {
        display: flex;
        align-items: center;
        justify-content: center;
        right: -50px;
    }

    .portfolio-detail-shape5-two img {
        width: 50%;
    }

    .portfolio-detail-shape5-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .who-we-are-shape1-two img {
        width: 50%;
    }

    .who-we-are-shape1-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .who-we-are-shape2-two {
        right: -90px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .who-we-are-shape2-two img {
        width: 50%;
    }

    .who-we-are-img-two img {
        max-width: 100%;
    }

    .team-detail-shape1-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .team-detail-shape1-two img {
        width: 50%;
    }

    .team-detail-shape2-two {
        display: flex;
        align-items: center;
        justify-content: center;
        right: -80px;
    }

    .team-detail-shape2-two img {
        width: 50%;
    }

    .team-detail-shape3-two {
        left: -50px;
    }

    .team-detail-shape3-two img {
        width: 50%;
    }

    .my-skill-shape1-two {
        display: flex;
        align-items: center;
        justify-content: center;
        left: -50px;
    }

    .my-skill-shape1-two img {
        width: 50%;
    }

    .my-skill-shape2-two {
        display: flex;
        align-items: center;
        justify-content: center;
        right: -10px;
    }

    .my-skill-shape2-two img {
        width: 50%;
    }

    .support-center-shape1-two img {
        width: 60%;
    }

    .support-center-shape2-two {
        display: flex;
        align-items: center;
        justify-content: center;
        right: -50px;
    }

    .support-center-shape2-two img {
        width: 50%;
    }

    .faq-shape1-two {
        display: flex;
        align-items: center;
        justify-content: center;
        left: -10px;
    }

    .faq-shape1-two img {
       width: 50%;
    }

    .faq-shape2-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .faq-shape2-two img {
        width: 50%;
    }

    .faq-shape3-two {
        display: flex;
        align-items: center;
        justify-content: center;
        right: -90px;
    }

    .faq-shape3-two img {
        width: 50%;
    }

    .blog-list-shape1-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .blog-list-shape1-two img {
        width: 50%;
    }

    .blog-list-shape2-two {
        display: flex;
        align-items: center;
        justify-content: center;
        left: -90px;
    }

    .blog-list-shape2-two img {
        width: 50%;
    }

    .blog-list-shape3-two {
        right: 0px;
    }

    .blog-list-shape3-two img {
        width: 50%;
    }

    .blog-list-shape4-two {
        left: -30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .blog-list-shape4-two img {
        width: 50%;
    }

    .blog-list-shape5-two {
        right: -30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .blog-list-shape5-two img {
        width: 50%;
    
    }

    .blog-list-shape6-two {
        left: 20px;
    }

    .blog-list-shape6-two img {
        width: 50%;
    }

    .blog-detail-shape1-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .blog-detail-shape1-two img {
        width: 50%;
    }

    .blog-detail-shape2-two {
        display: flex;
        align-items: center;
        justify-content: center;
        top: 13%;
        left: -80px;
    }

    .blog-detail-shape2-two img {
        width: 50%;
    }

    .blog-detail-shape3-two {
        right: -50px;
    }

    .blog-detail-shape3-two img {
        width: 50%;
    }

    .blog-detail-shape4-two img {
        width: 50%;
    }

    .blog-detail-shape4-two {
        left: -40px;
    }

    .blog-detail-shape5-two img {
       width: 50%;
    }

    .blog-detail-shape5-two {
        right: -20px;
    }

    .blog-detail-shape6-two img {
        width: 50%;
    }

    .blog-detail-shape6-two {
        left: -70px;
    }

    .blog-detail-shape7-two img {
        width: 50%;
    }

    .blog-detail-shape7-two img {
        left: -50px;
    }

    .map-shape1-two {
        left: -20px;
    }

    .map-shape1-two img {
        width: 50%;
    }

    .map-shape2-two img {
        width: 50%;
    }

    .map-shape2-two {
        right: -20px;
    }

    .error-404-shape1-two img {
        width: 50%;
    }

    .error-404-shape1-two {
        left: -50px;
    }

    .error-404-shape2-two {
        right: -20px;
    }

    .error-404-shape2-two img {
        width: 50%;
    }

    .error-404-shape3-two img {
        width: 50%;
    }

    .error-404-shape3-two {
        right: -30px;
    }
}

@media screen and (max-width: 1500px) {
    .banner-shape1-two {
        left: -280px;
    }
}

@media screen and (max-width: 1399px) {
    .main-navigation-one ul li {
        margin-left: 5px;
    }

    .search-box-one {
        margin-left: 27px;
    }

    .header-btn {
        margin-left: 20px;
    }

    .h1-title {
        font-size: 70px;
        line-height: 80px;
    }

    .banner-img1 {
        width: 60%;
    }

    .banner-img2 {
        margin-top: -100px;
        width: 45%;
    }

    .banner-img3 {
        margin-top: -110px;
        margin-left: 60px;
        width: 45%;
    }

    .banner-video-content {
        padding: 0 50px;
    }

    .h2-title {
        font-size: 55px;
        line-height: 65px;
    }

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

    .h2-subtitle-one {
        font-size: 20px;
        line-height: 20px;
    }

    .h2-subtitle-two {
        font-size: 20px;
        line-height: 20px;
    }

    .newsletter-title-one .h2-title {
        font-size: 40px;
        line-height: 50px;
    }

    .pricing-box-one {
        padding: 30px 30px;
    }

    .cta-content-box-one .h2-title {
        font-size: 40px;
        line-height: 50px;
    }

    .footer-links-one {
        padding: 0 50px;
    }

    .main-navigation-two ul li {
        margin-left: 4px;
    }

    .search-box-two {
        margin-left: 24px;
    }

    .banner-shape2-two {
        bottom: -100px;
        right: -20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .banner-shape2-two img {
        width: 80%;
    }

    .banner-line1-two img {
        width: 80%;
    }

    .banner-line2-two img {
        width: 80%;
    }

    .counter-box-two .h2-title {
        font-size: 40px;
    }

    .portfolio-content-two {
        padding: 20px;
    }

    .footer-shape1-two {
        left: -280px;
    }

    .footer-links-two {
        padding: 0 60px;
    }

    .history-line-one {
        top: 60px;
    }

    .stragy-shape1-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .stragy-shape2-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .stragy-shape1-two img {
        width: 50%;
    }

    .stragy-shape2-two img {
        width: 50%;
    }

    .stragy-shape2-two {
        left: -70px;
    }

    .service-detail-shape5-two {
        right: -70px;
    }

    .portfolio-detail-info-box-two {
        padding: 25px 35px;
    }

    .portfolio-detail-info-two .h2-title {
        font-size: 32px;
        line-height: 42px;
    }

    .portfolio-detail-info-box-two ul li:last-child {
        margin-top: 15px;
    }

    .portfolio-detail-info-box-two {
        position: relative;
        padding: 20px 30px;
        border-radius: 10px;
        margin-top: 30px;
    }
}

@media screen and (max-width: 1299px) {
    .banner-slide-text {
        left: -220px;
    }

    .banner-video-content {
        height: 124px;
        padding: 0 60px;
    }

    .banner-video-img {
        width: 40%;
    }

    .banner-video-content a {
        font-size: 18px;
        line-height: 28px;
    }

    .service-side-two {
        padding: 0 50px;
    }

    .service-shape2-two {
        right: -40px;
        z-index: -1;
    }

    .portfolio-side-two {
        padding: 0 40px;
    }

    .blog-shape3-two {
        right: -50px;
    }

    .testimonial-shape1-two {
        right: -60px;
    }

    .feature-shape2-two img {
        width: 60%;
    }

    .feature-shape2-two {
        right: -40px;
    }
}

@media screen and (max-width: 1240px) {
    .banner-slide-text {
        left: -204px;
    }
}

@media screen and (max-width: 1199px) {
    .main-navigation-one ul li {
        padding-left: 17px;
    }

    .search-box-one {
        margin-left: 13px;
    }

    .header-btn {
        margin-left: 13px;
    }

    .h1-title {
        font-size: 58px;
        line-height: 68px;
    }

    .banner-content-one p {
        font-size: 15px;
        line-height: 24px;
    }

    .banner-slide-text p {
        font-size: 16px;
        line-height: 26px;
    }

    .banner-img3 {
        margin-top: -100px;
        margin-left: 50px;
    }

    .banner-img2 {
        margin-top: -80px;
    }

    .banner-slide-text {
        top: 140px;
    }

    .h2-title {
        font-size: 45px;
        line-height: 55px;
    }

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

    .h2-subtitle-one {
        font-size: 18px;
        line-height: 18px;
    }

    .service-box-one {
        margin-bottom: 30px;
    }

    .main-services-one {
        padding-bottom: 90px;
    }

    .mob-no-one {
        display: none;
    }

    .dec-no-one {
        display: block;
    }

    .portfolio-shape-one {
        top: 145px;
    }

    .newsletter-title-one .h2-title {
        font-size: 35px;
        line-height: 45px;
    }

    .testimonial-box-one {
        padding: 30px;
    }

    .cta-content-box-one .h2-title {
        font-size: 35px;
        line-height: 45px;
    }

    .cta-bg-one {
        padding: 50px;
    }

    .main-cta-one {
        margin-bottom: -270px;
    }

    .main-blog-one {
        padding-top: 267px;
    }

    .blog-box-one {
        padding: 20px;
    }

    .blog-tag-one a {
        top: 10px;
        left: 10px;
        padding: 5px 12px;
    }

    .banner-content-two p {
        font-size: 15px;
        line-height: 24px;
    }

    .h2-subtitle-two {
        font-size: 18px;
        line-height: 18px;
    }

    .main-navigation-two ul li {
        padding-left: 17px;
    }

    .search-box-two {
        margin-left: 18px;
    }

    .counter-box-two .h2-title {
        font-size: 32px;
        margin-right: 12px;
    }

    .service-side-two {
        padding: 0 40px;
    }

    .service-box-right-two {
        margin-right: auto;
        margin-left: auto;
    }

    .service-box-left-two {
        margin-left: auto;
        margin-right: auto;
    }

    .testimonial-bg-box {
        padding-top: 40px;
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 90px;
        z-index: 0;
    }

    .blog-box-two {
        padding: 20px;
    }

    .footer-links-two {
        padding: 0 40px;
    }

    .get-in-touch-form-two {
        padding: 40px;
    }

    .history-box-one {
        padding: 0 10px;
    }

    .service-detail-title-one .h2-title {
        font-size: 32px;
        line-height: 42px;
    }

    .service-detail-title-line-one {
        margin-left: 20px;
        margin-right: 20px;
    }

    .accordion-button.one {
        line-height: 26px;
        font-size: 16px;
    }

    .service-detail-arrow a span {
        font-size: 16px;
    }

    .service-detail-info-two .h2-title {
        font-size: 32px;
        line-height: 42px;
    }

    .service-point-two .h3-title {
        font-size: 16px;
        line-height: 26px;
        width: calc(100% - 55px);
    }

    .portfolio-text-info-box-one .h2-title {
        font-size: 32px;
        line-height: 42px;
    }

    .portfolio-detail-service-box-one {
        padding: 20px;
    }

    .portfolio-detail-arrow a span {
        font-size: 16px;
    }

    .team-detail-content-one .h2-title {
        font-size: 32px;
        line-height: 42px;
    }

    .team-detail-content-two .h2-title {
        font-size: 32px;
        line-height: 42px;
    }

    .team-detail-info-box-two {
        padding: 40px;
    }

    .main-pricing-in-one .pricing-box-one {
       margin-bottom: 30px;
    }

    .main-pricing-in-one {
        padding-bottom: 90px;
    }

    .support-center-box-two {
        padding: 20px;
    }

    .accordion-button.two {
        line-height: 26px;
        font-size: 16px;
    }

    .blog-detail-related-post-one .blog-box-one {
        margin-bottom: 30px;
    }

    .blog-detail-comment-one {
        padding-top: 90px;
    }

    .blog-detail-related-post-two .blog-box-two {
        margin-bottom: 30px;
    }

    .blog-detail-comment-two {
        padding-top: 90px;
    }

    .blog-detail-box-one .h2-title.blog-one {
        font-size: 32px;
        line-height: 42px;
    }

    .blog-detail-box-two .h2-title.blog-two {
        font-size: 32px;
        line-height: 42px;
    }
}

@media screen and (max-width: 991px) {
    .site-header-one,
    .site-header-one.sticky-header-one {
        background: rgb(20,17,58,0.9);
        height: 70px;
        padding: 0;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        -moz-backdrop-filter: blur(20px);
        -ms-backdrop-filter: blur(20px);
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
    }

    .site-header-two,
    .site-header-two.sticky-header-two {
        background: rgb(20,17,58,0.9);
        height: 70px;
        padding: 0;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        -moz-backdrop-filter: blur(20px);
        -ms-backdrop-filter: blur(20px);
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
    }

    .header-bottom-one {
        background-color: transparent;
        box-shadow: none;
    }

    .header-bottom-two {
        background-color: transparent;
        box-shadow: none;
    }

    .site-branding-one a img {
        width: auto;
    }

    .site-branding-two a img {
        width: auto;
    }

    .sticky-header-one .header-bottom-one {
        padding: 23px 0px;
        animation: none;
        transition: 0.3s;
    }

    .sticky-header-two .header-bottom-two {
        padding: 23px 0px;
        animation: none;
        transition: 0.3s;
    }

    .site-header-one .container {
        max-width: 100%;
        padding: 0 30px;
    }

    .site-header-two .container {
        max-width: 100%;
        padding: 0 30px;
    }

    .toggle-button-one {
        display: block;
    }

    .toggle-button-two {
        display: block;
    }

    .site-branding-one {
        position: fixed;
        top: 0;
        left: 30px;
        width: 200px;
        height: 70px;
        display: flex;
        align-items: center;
    }

    .site-branding-two {
        position: fixed;
        top: 0;
        left: 30px;
        width: 200px;
        height: 70px;
        display: flex;
        align-items: center;
    }

    .site-branding-one a {
        width: 90%;
    }

    .site-branding-two a {
        width: 90%;
    }

    .main-navigation-one ul {
        position: fixed;
        top: 0;
        right: -400px;
        width: 320px;
        height: 100vh;
        max-height: 100vh;
        overflow: auto;
        background: #050d36;
        text-align: center;
        padding: 100px 0 30px;
        box-shadow: -30px 0 30px rgba(0,0,0,0.1);
        transition: 0.5s;
        opacity: 0;
        z-index: 100;
    }

    .main-navigation-two ul {
        position: fixed;
        top: 0;
        right: -400px;
        width: 320px;
        height: 100vh;
        max-height: 100vh;
        overflow: auto;
        background: #2f047a;
        text-align: center;
        padding: 100px 0 30px;
        box-shadow: -30px 0 30px rgba(0,0,0,0.1);
        transition: 0.5s;
        opacity: 0;
        z-index: 100;
    }

    .main-navigation-one ul::before {
        content: "";
        position: absolute;
        width: 800px;
        height: 800px;
        opacity: 0.5;
        background: radial-gradient(ellipse at center, rgba(89,86,233,0.6) 0%, rgba(89,86,233,0.6) 0%, rgba(89,86,233, 0) 68%, rgba(89,86,233, 0) 100%);
        -webkit-background: radial-gradient(ellipse at center, rgba(89,86,233,0.6) 0%, rgba(89,86,233,0.6) 0%, rgba(89,86,233, 0) 68%, rgba(89,86,233, 0) 100%);
        top: -430px;
        right: -310px;
        z-index: -1;
    }

    .main-navigation-one ul li ul::before {
        content: "";
        position: relative;
    }

    .main-navigation-two ul li ul::before {
        content: "";
        position: relative;
    }

    .main-navigation-one ul::after {
        content: "";
        position: absolute;
        width: 655px;
        height: 655px;
        opacity: 0.4;
        background: radial-gradient(ellipse at center, rgba(89,86,233,0.6) 0%, rgba(89,86,233,0.6) 0%, rgba(89,86,233, 0) 68%, rgba(89,86,233, 0) 100%);
        -webkit-background: radial-gradient(ellipse at center, rgba(89,86,233,0.6) 0%, rgba(89,86,233,0.6) 0%, rgba(89,86,233, 0) 68%, rgba(89,86,233, 0) 100%);
        bottom: -110px;
        left: -330px;
        z-index: -1;
    }

    .site-header-two.sticky-header-two .main-navigation-two ul li a, .site-header-two.sticky-header-two .search-icon a, .site-header-two.sticky-header-two .main-navigation-two ul li.sub-items-two>a:before {
        color: #ffffff;
    }

    .main-navigation-one ul li ul::after {
        content: "";
        position: relative;
    }

    .main-navigation-two ul li ul::after {
        content: "";
        position: relative;
    }

    .main-navigation-one.toggle-menu-one ul {
        right: 0;
        opacity: 1;
        z-index: 100;
    }

    .main-navigation-two.toggle-menu-two ul {
        right: 0;
        opacity: 1;
        z-index: 100;
    }

    .main-navigation-one>ul::-webkit-scrollbar-thumb {
        width: 0;
        background: transparent;
    }

    .main-navigation-two>ul::-webkit-scrollbar-thumb {
        width: 0;
        background: transparent;
    }

    .main-navigation-one>ul::-webkit-scrollbar {
        width: 0;
    }

    .main-navigation-two>ul::-webkit-scrollbar {
        width: 0;
    }

    .main-navigation-one>ul::-webkit-scrollbar-track {
        width: 0;
        background: transparent;
    }

    .main-navigation-two>ul::-webkit-scrollbar-track {
        width: 0;
        background: transparent;
    }

    .main-navigation-one ul li {
        display: block;
        margin: -50px 0 10px 0;
        padding: 10px 40px 20px 40px;
        opacity: 0;
        transition: 0.5s;
    }

    .main-navigation-two ul li {
        display: block;
        margin: -50px 0 10px 0;
        padding: 10px 40px 20px 40px;
        opacity: 0;
        transition: 0.5s;
    }

    .main-navigation-one ul li:first-child {
        padding: 10px 40px 20px 40px;
    }

    .main-navigation-two ul li:first-child {
        padding: 10px 40px 20px 40px;
    }

    .main-navigation-one.toggle-menu-one ul li {
        text-align: left;
        border-bottom: solid 1px rgb(225, 225, 225,0.2);
        margin-top: 0;   
        opacity: 1;
        transition: 0.5s;
        transition-delay: 0.4s;
    }

    .main-navigation-two.toggle-menu-two ul li {
        text-align: left;
        border-bottom: solid 1px rgb(225, 225, 225,0.2);
        margin-top: 0;   
        opacity: 1;
        transition: 0.5s;
        transition-delay: 0.4s;
    }

    .main-navigation-one ul li:last-child {
        border-bottom: none;
    }

    .main-navigation-two ul li:last-child {
        border-bottom: none;
    }

    .main-navigation-one ul li:last-child a {
        display: inline-block;
        margin: 0 auto;
    }

    .main-navigation-two ul li:last-child a {
        display: inline-block;
        margin: 0 auto;
    }

    .main-navigation-one ul li a {
        font-size: 18px;
        line-height: 28px;
        color: #ffffff;
    }

    .main-navigation-two ul li a {
        font-size: 18px;
        line-height: 28px;
        color: #ffffff;
    }

    .main-navigation-one ul li.sub-items-one>a:before {
        color: #ffffff;   
    }

    .main-navigation-two ul li.sub-items-two>a:before {
        color: #ffffff;   
    }

    .main-navigation-one ul li.sub-items-one.active>a:before {
        color: #5956e9;   
    }

    .main-navigation-two ul li.sub-items-two.active>a:before {
        color: #ff7368;   
    }

    .main-navigation-one ul li ul.sub-menu-one,
    .main-navigation-one ul li:hover ul.sub-menu-one {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        display: block;
        animation: none;
        padding: 0;
        margin-top: 10px;
        transition: 0s;
        display: none;
    }

    .main-navigation-two ul li ul.sub-menu-two,
    .main-navigation-two ul li:hover ul.sub-menu-two {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        display: block;
        animation: none;
        padding: 0;
        margin-top: 10px;
        transition: 0s;
        display: none;
    }

    .main-navigation-one ul li ul.sub-menu-one li {
        text-align: left;
        border: none;
        padding: 0 16px;
        margin-bottom: 10px;
    }

    .main-navigation-two ul li ul.sub-menu-two li {
        text-align: left;
        border: none;
        padding: 0 16px;
        margin-bottom: 10px;
    }

    .main-navigation-one ul li ul.sub-menu-one li:first-child {
        padding-left: 16px;
    }

    .main-navigation-two ul li ul.sub-menu-two li:first-child {
        padding-left: 16px;
    }

    .main-navigation-one ul li ul.sub-menu-one li:last-child {
        margin-bottom: 0;
    }

    .main-navigation-two ul li ul.sub-menu-two li:last-child {
        margin-bottom: 0;
    }

    .main-navigation-one ul li ul.sub-menu-one li a {
        color: #ffffff;
        padding: 0;
        font-size: 15px;
        line-height: 24px;
    }

    .main-navigation-two ul li ul.sub-menu-two li a {
        color: #ffffff;
        padding: 0;
        font-size: 15px;
        line-height: 24px;
    }

    .main-navigation-one ul li.sub-items-one:hover>a:before, 
    .main-navigation-one ul li a:hover:before {
        transform: translate(0,-50%) rotate(0deg);
        color: #5956e9;
    }

    .main-navigation-two ul li.sub-items-two:hover>a:before, 
    .main-navigation-two ul li a:hover:before {
        transform: translate(0,-50%) rotate(0deg);
        color: #ff7368;
    }

    .main-navigation-one ul li.sub-items-one.active-sub-menu-one>a:before {
        transform: translate(0,-50%) rotate(-180deg);
        color: #5956e9;
    }

    .main-navigation-two ul li.sub-items-two.active-sub-menu-two>a:before {
        transform: translate(0,-50%) rotate(-180deg);
        color: #ff7368;
    }

    .site-header-two.sticky-header-two .site-branding-two a img {
        opacity: 1;
        transition: 0.3s;
    }

    .site-header-two.sticky-header-two .site-branding-two a img.sticky-logo-two {
        opacity: 0;
        transition: 0.3s;
    }

    .header-top-one {
        display: none;
    }

    .Social-midea-one {
        display: none;
    }

    .header-contact-one {
        display: none;
    }

    .header-btn {
        display: none;
    }

    .toggle-button-one {
        display: block;
    }

    .toggle-button-two {
        display: block;
    }

    .search-box-one {
        position: absolute;
        right: 100px;
        top: 0;
    }

    .search-box-two {
        position: absolute;
        right: 100px;
        top: 0;
    }

    .site-header-two.sticky-header-two .search-icon-two a {
        color: rgb(225, 225, 225,0.5);
    }

    .search-input-one {
        top: calc(100% + 21px);
    }

    .search-input-two {
        top: calc(100% + 21px);
    }

    .main-banner-one {
        height: 100vh;
        background-color: rgb(20,17,58,0.92);
    }

    .banner-content-one {
        margin-bottom: 0;
        padding: 0 70px;
        text-align: center;
    }

    .banner-slide-text {
        top: -60px;
        left: 50%;
        transform: translate(-50%, 50%);
    }

    .banner-img-box {
        display: none;
    }

    .main-banner-one {
        position: relative;
        padding-top: 290px;
        padding-bottom: 244px;
    }

    .banner-mob-one {
        display: block;
        position: absolute;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .banner-mob-no-one {
        display: none;
    }

    .main-about-us-one {
        padding-top: 0px;
        padding-bottom: 80px;
    }

    .about-content-one {
        padding-left: 0;
        margin-top: 50px;
    }

    .main-services-one {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .main-portfolio-one {
        padding-top: 80px;
        padding-bottom: 130px;
    }

    .portfolio-btn-one {
        display: none;
    }

    .portfolio-title-one {
        text-align: center;
    }

    .portfolio-title-one .subtitle {
        justify-content: center;
    }

    .portfolio-slider-one .portfolio-box-one {
        margin: 0 15px;
        margin-bottom: 0;
    }

    .mob-no-one {
        display: none !important;
    }

    .portfolio-slider-one .slick-dots {
        bottom: -50px;
    }

    .newsletter-title-one {
        display: block;
        text-align: center;
    }

    .newsletter-icon-one {
        justify-content: center;
        display: flex;
    }

    .newsletter-title-one .h2-title {
        font-size: 33px;
        line-height: 43px;
        margin-top: 20px;
        margin-bottom: 40px;
        width: 100%;
    }

    .newsletter-form-one {
        padding-left: 0;
    }

    .main-newsletter-one {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .main-pricing-table-one {
        padding-top: 80px;
        padding-bottom: 72px;
    }

    .pricing-table-content-one {
        padding-left: 0;
        margin-top: 50px;
    }

    .main-team-one {
        padding-top: 80px;
        padding-bottom: 130px;
    }

    .main-testimonial-one {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .main-cta-one {
        padding-top: 80px;
    }

    .testimonial-content-box-one {
        padding-right: 0;
        margin-bottom: 50px;
        text-align: center;
    }

    .testimonial-title-one .h2-title {
        padding-bottom: 0;
    }

    .testimonial-content-box-one .subtitle {
        justify-content: center;
    }

    .main-blog-one {
        padding-top: 227px;
        padding-bottom: 132px;
    }

    .blog-slider-one .blog-box-one {
        margin: 0 15px;
    }

    .blog-slider-one .slick-list {
        overflow: visible;
    }
        
    .blog-slider-one .slick-slide{
        opacity: 0;
        pointer-events: none;
        transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
    }
        
    .blog-slider-one .slick-slide.slick-active {
        opacity: 1;
        pointer-events: unset;
        transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
    }

    .blog-slider-one .slick-dots {
        bottom: -50px;
    }

    .main-get-in-touch-one {
        padding-top: 77px;
        padding-bottom: 80px;
    }

    .get-in-touch-title-one {
        text-align: center;
        padding-right: 0;
        margin-bottom: 50px;
    }

    .get-in-touch-title-one .h2-title {
        padding-bottom: 0;
    }

    .get-in-touch-title-one .subtitle {
        justify-content: center;
    }

    .get-in-touch-form-one .form-box-one.mb-0 {
        text-align: center;
    }

    .main-footer-one {
        padding-top: 72px;
    }

    .footer-links-one {
        padding: 0;
        margin-bottom: 50px;
    }

    .footer-logo-content-one {
        text-align: left;
        margin-bottom: 50px;
    }

    .footer-copyright-one {
        margin-top: 56px;
    }

    .copyright-links-one ul li {
        margin-right: 25px;
    }

    .footer-one-shape1 {
        width: 110px;
        height: 110px;
    }

    .footer-one-shape3 {
        width: 110px;
        height: 110px;
    }

    .banner-one-shape4 {
        width: 40%;
    }

    .banner-one-shape3 {
        top: 330px;
        right: 30px;
    }

    .banner-one-shape2 {
        bottom: 168px;
    }

    .banner-content-two {
        text-align: center;
        padding: 0 75px;
    }

    .banner-content-two .subtitle {
        justify-content: center;
    }

    .main-banner-two {
        padding-top: 174px;
        padding-bottom: 228px;
    }

    .banner-img-two {
        margin-top: 80px;
    }

    .banner-shape1-two {
        left: -180px;
    }

    .main-about-us-two {
        padding-top: 63px;
        padding-bottom: 73px;
    }

    .about-content-two {
        padding-left: 0;
        margin-top: 50px;
    }

    .main-partner-logo-two {
        padding-bottom: 20px;
    }

    .counter-bg-two {
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 15px;
    }

    .counter-box-two {
        margin-bottom: 25px;
    }

    .main-counter-two {
        padding-bottom: 80px;
    }

    .service-img-mob-no-two {
        display: none;
    }

    .service-shape1-two {
        top: 10px;
        left: 25px;
    }

    .service-shape2-two {
        right: 0px;
        bottom: 40px;
    }

    .portfolio-btn-two {
        display: none;
    }

    .portfolio-title-two {
        text-align: center;
    }

    .portfolio-title-two .subtitle {
        justify-content: center;
    }

    .main-service-two {
        padding-bottom: 48px;
    }

    .main-portfolio-two {
        padding-bottom: 130px;
    }

    .pricing-box-two {
        margin: 0 15px;
    }

    .pricing-slider-two .slick-list {
        overflow: visible;
    }
        
    .pricing-slider-two .slick-slide{
        opacity: 0;
        pointer-events: none;
        transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
    }
        
    .pricing-slider-two .slick-slide.slick-active {
        opacity: 1;
        pointer-events: unset;
        transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
    }

    .pricing-slider-two .slick-dots {
        bottom: -50px;
    }

    .main-pricing-table-two {
        padding-bottom: 128px;
    }

    .testimonial-content-two {
        padding-left: 0;
        margin-top: 50px;
    }

    .testimonial-shape1-two {
        top: 60%;
        transform: translate(0%,-40%);
    }

    .main-testimonial-two {
        padding-bottom: 72px;
    }

    .team-shape1-two img {
       width: 50%;
    }

    .team-shape2-two img {
        width: 50%;
     }

     .main-team-two {
        padding-bottom: 122px;
    }

    .get-in-touch-content-two {
        padding-right: 0;
        margin-bottom: 50px;
    }

    .main-get-in-touch-two {
        padding-bottom: 80px;
    }

    .blog-box-two {
        margin: 0 15px;
    }

    .main-blog-two {
        padding-bottom: 114px;
    }

    .footer-contact-two {
        margin-bottom: 50px;
    }

    .footer-links-two {
        padding: 0;
    }

    .copyright-links-two ul li {
        margin-right: 20px;
    }

    .main-footer-two {
        padding-top: 146px;
    }

    .footer-copyright-two {
        margin-top: 80px;
    }

    .footer-shape1-two {
        left: -240px;
    }

    .main-about-us-in-one {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .history-line-one {
        display: none;
    }

    .history-box-one {
        margin-bottom: 30px;
    }

    .main-history-in-one {
        padding-bottom: 43px;
    }

    .main-inner-banner-one {
        padding-top: 160px;
    }

    .main-inner-banner-one .banner-one-shape2 {
        left: 30%;
    }

    .banner-one-shape3 {
        top: 170px;
    }

    .main-steps-in-one {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .step-box-one {
       margin-bottom: 30px;
    }

    .main-features-in-two {
        padding-bottom: 20px;
    }

    .features-content-box {
        padding-right: 0;
        margin-bottom: 50px;
    }

    .main-inner-banner-two {
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .main-services-in-one {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .skill-content-box-one {
        padding-left: 0;
        margin-top: 50px;
    }

    .main-team-in-one {
        padding-top: 228px;
        padding-bottom: 130px;
    }

    .main-service-in-two {
        padding-bottom: 50px;
    }

    .main-stragy-in-one {
        padding-bottom: 23px;
    }

    .stragy-box-one {
        margin-bottom: 50px;
    }

    .main-service-detail-in-one {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .service-detail-info-one {
        padding-left: 0;
        margin-top: 80px;
    }

    .service-detail-arrow-box {
        padding: 20px 0;
    }

    .main-service-detail-in-two {
        padding-top: 64px;
        padding-bottom: 45px;
    }

    .service-detail-info-two {
        padding-left: 0;
        margin-top: 80px;
    }

    .portfolio-tabbing-two ul li {
        margin-right: 15px;
    }

    .portfolio-tabbing-two ul li span {
        font-size: 16px;
        padding: 6px 15px; 
    }

    .main-portfolio-in-two {
        padding-top: 68px;
        padding-bottom: 50px;
    }

    .main-get-in-touch-inner-two {
        padding-bottom: 64px;
    }

    .main-portfolio-detail-one {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .portfolio-detail-service-box-one {
        margin-bottom: 0;
    }

    .portfolio-mb {
        margin-bottom: 45px;
    }

    .portfolio-detail-arrow-box {
        padding: 20px 0;
    }

    .portfolio-detail-info-box-one {
        margin-top: 10px;
    }

    .portfolio-detail-in-two {
        padding-top: 63px;
        padding-bottom: 45px;
    }

    .portfolio-detail-info-two {
        padding-left: 0;
        margin-top: 55px;
    }

    .portfolio-detail-info-box-two ul li:last-child {
        margin-top: 0;
    }

    .portfolio-detail-shape5-two {
        left: -50px;
    }

    .main-skills-in-team-one {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .main-team-in-page-one {
        padding-top: 80px;
        padding-bottom: 30px;
    }

    .main-who-we-are-in-two {
        padding-top: 74px;
        padding-bottom: 20px;
    }

    .main-team-in-page-two {
        padding-bottom: 22px;
    }

    .who-we-are-content-two {
        padding-left: 0;
        margin-top: 50px;
    }

    .team-detail-member-img-one {
        justify-content: center;
        display: flex;
        align-items: center;
    }

    .team-detail-content-one {
        padding-left: 0;
        margin-top: 50px;
        text-align: center;
    }

    .team-service-support-one {
        text-align: left;
    }

    .team-joining-date-one {
        text-align: left;
    }

    .team-experience-one {
       text-align: left;
    }

    .team-detail-content-one .team-social-one {
        text-align: left;
    }

    .main-team-detail-in-one {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .main-my-work-in-one {
        padding-bottom: 130px;
    }

    .team-detail-member-img-two {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .team-detail-content-two {
        padding-left: 0;
        margin-top: 50px;
        text-align: center;
    }

    .team-detail-content-two .team-social-two {
        text-align: left;
    }

    .team-experience-two {
        text-align: left;
    }

    .team-joining-date-two {
        text-align: left;
    }

    .team-service-support-two {
        text-align: left;
    }

    .team-detail-my-skill-content-two {
        padding-left: 0;
        margin-top: 50px;
    }

    .main-team-detail-in-two {
        padding-top: 67px;
        padding-bottom: 80px;
    }

    .main-my-skill-in-two {
        padding-bottom: 80px;
    }

    section.main-my-work-in-two {
        padding-bottom: 114px;
    }

    .main-pricing-in-one {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .main-pricing-in-two .pricing-box-two {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .main-pricing-in-two {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .main-testimonial-in-one {
        padding-top: 80px;
        padding-bottom: 130px;
        position: relative;
    }

    .main-faq-in-one {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .faq-content-one {
        padding-left: 0;
        margin-top: 80px;
    }

    .main-support-center-in-two {
        padding-top: 64px;
        padding-bottom: 50px;
    }

    .support-center-box-two {
        margin-bottom: 30px;
    }

    .main-faq-in-two {
        padding-bottom: 60px;
    }

    .faq-accordion-two.part-1 {
        padding-right: 0;
    }

    .faq-accordion-two.part-2 {
        padding-left: 0;
    }

    .main-blog-grid-in-one {
        padding-top: 80px;
    }

    .main-blog-list-in-two {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .blog-search-form .form-box {
        margin-top: 80px;
    }

    .blog-list-box-two {
        padding-right: 0;
    }

    .blog-detail-box-one {
        padding-right: 0;
    }

    .main-blog-detail-one {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .blog-detail-related-post-one {
        padding-top: 80px;
    }

    .blog-detail-comment-one {
        padding-top: 50px;
    }

    .blog-detail-leave-comment-one {
        padding-top: 80px;
    }

    .blog-detail-box-two {
        padding-right: 0;
    }

    .main-blog-detail-two {
        padding-top: 63px;
        padding-bottom: 63px;
    }

    .blog-detail-related-post-two {
        padding-top: 80px;
    }

    .blog-detail-comment-two {
        padding-top: 50px;
    }

    .blog-detail-leave-comment-two {
        padding-top: 80px;
    }

    .main-contact-us-in-one {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contact-us-content-one {
        padding-left: 50px;
    }

    .contact-map-one iframe {
        width: 100%;
        height: 678px;
        border-radius: 10px 10px 0 0;
    }

    .main-map-two {
        padding-top: 64px;
        padding-bottom: 80px;
    }

    .main-404-error-one {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .main-404-error-two {
        padding-top: 63px;
        padding-bottom: 63px;
    }
}

@media screen and (max-width: 800px) {
    .banner-mob-one img {
        max-width: unset;
        height: 100vh;
    }
}

@media screen and (max-width: 767px) {
    .banner-content-one {
        padding: 0 50px;
    }

    .banner-slide-text {
        width: 100%;
    }

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

    .pricing-box-one {
        padding: 22px;
    }

    .pricing-count-text .h3-title {
        font-size: 35px;
        line-height: 45px;
    }

    .pricing-count-text {
        font-size: 35px;
        line-height: 45px;
    }

    .cta-content-box-one .h2-title {
        font-size: 30px;
        line-height: 40px;
    }

    .cta-bg-one {
        padding: 40px 30px;
    }

    .blog-slider-one .blog-box-one {
        width: 370px;
        margin-left: auto;
        margin-right: auto;
    }

    .copyright-text-one {
        float: none;
        text-align: center;
    }

    .copyright-links-one {
        text-align: center;
        justify-content: center;
        display: flex;
        margin-top: 10px;
    }

    .copyright-links-one ul {
        float: none;
    }

    .banner-shape1-two {
        left: -220px;
    }

    .banner-shape2-two {
        bottom: -150px;
        right: -140px;
    }

    .banner-content-two {
        text-align: center;
        padding: 0 35px;
    }

    .footer-links-two {
        padding: 0;
        margin-bottom: 35px;
    }

    .service-shape1-two img {
        width: 50%;
    }

    .footer-shape1-two {
        left: -270px;
    }

    .copyright-text-two {
        float: none;
        text-align: center;
    }

    .copyright-links-two {
        justify-content: center;
        display: flex;
        margin-top: 10px;
    }

    .main-inner-banner-one .banner-one-shape2 {
        left: 24%;
    }

    .blur-1 {
        top: -290px;
        left: -280px;
    }

    .blur-2 {
        bottom: -290px;
        right: -280px;
    }

    .portfolio-tabbing-two ul li {
        margin-right: 5px;
    }

    .portfolio-detail-img-box-one .portfolio-detail-img-one {
        margin-top: 30px;
    }

    .portfolio-detail-img-box-one {
        margin-top: 0;
    }

    .blog-detail-two-img-one {
        margin-bottom: 12px;
    }

    .blog-detail-two-img-one .blog-img-one {
        margin-bottom: 30px;
    }

    .blog-detail-text-box-two {
        padding: 20px;
    }

    .contact-us-content-one {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 640px) {
    .banner-video-content {
        height: 123px;
        padding: 0 60px;
    }
}

@media screen and (max-width: 575px) {
    .container {
        padding: 0 30px;
    }

    .banner-video-box {
       display: none;
    }

    .main-banner-one {
        padding-top: 360px;
    }

    .banner-one-shape3 {
        width: 130px;
        height: 130px;
        top: 440px;
        right: 30px;
    }

    .banner-one-shape1 {
        width: 130px;
        height: 130px;
        top: 132px;
    }

    .banner-one-shape2 {
        bottom: 78px;
    }

    .progress-wrap {
        right: 40px;
        bottom: 40px;
    }

    .about-shape-one {
        display: none;
    }

    .service-shape-one {
        display: none;
    }

    .portfolio-shape-one {
        display: none;
    }

    .pricing-shape-one {
        display: none;
    }

    .team-shape-one {
       display: none;
    }

    .testimonial-shape-one {
       display: none;
    }

    .blog-shape-one {
       display: none;
    }

    .pricing-box-one {
        width: 370px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-contact-one {
        margin-bottom: 50px;
    }

    .banner-content-one {
        padding: 0;
    }

    .banner-shape1-two {
        left: -260px;
    }

    .banner-line2-two {
        bottom: -40px;
    }

    .banner-line1-two {
        bottom: -30px;
    }

    .banner-shape2-two {
        bottom: -170px;
        right: -210px;
    }

    .banner-content-two {
        padding: 0;
    }

    .about-shape1-two {
        display: none;
    }

    .about-shape2-two {
        display: none;
    }

    .service-shape1-two {
        display: none;
    }

    .service-shape2-two {
        display: none;
    }

    .service-side-two {
        padding: 0 20px;
    }

    .portfolio-side-two {
        padding: 0 20px;
    }

    .pricing-shape1-two {
        display: none;
    }

    .pricing-shape2-two {
        display: none;
    }

    .testimonial-quote-two {
       display: flex;
       align-items: center;
       justify-content: center;
    }

    .testimonial-quote-two img {
        width: 70%;
    }

    .testimonial-bg-box {
        padding-top: 30px;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 80px;
        z-index: 0;
    }

    .testimonial-shape1-two {
       display: none;
    }

    .team-shape1-two {
       display: none;
    }

    .team-shape2-two {
        display: none;
     }

     .team-box-two {
      width: 370px;
      margin-left: auto;
      margin-right: auto;
    }

    .get-touch-shape-two {
        display: none;
    }

    .get-in-touch-shape1-two {
        display: none;
    }

    .blog-shape1-two {
        display: none;
    }

    .blog-shape2-two {
        display: none;
    }

    .blog-shape3-two {
        display: none;
    }

    .footer-shape1-two {
        display: none;
    }

    .footer-shape2-two {
        bottom: 360px;
    }

    .history-shape-one {
       display: none;
    }

    .steps-shape-one {
        display: none;
    }

    .banner-one-shape3 {
        top: 300px;
    }

    .main-inner-banner-one .banner-one-shape1 {
        width: 100px;
        height: 100px;
        border: 15px solid rgb(255,255,255,0.5);
    }

    .main-inner-banner-one .banner-one-shape2 {
        left: 24%;
        bottom: 10px;
        border: 12px solid rgb(255,255,255,0.5);
        width: 60px;
        height: 60px;
    }

    .main-inner-banner-one .banner-one-shape3 {
        width: 100px;
        height: 100px;
        top: 260px;
        right: 10px;
        border: 15px solid rgb(255,255,255,0.5);
    }

    .breadcrum-one ul {
        padding: 8px 20px;
    }

    .feature-shape1-two {
        display: none;
    }

    .feature-shape2-two {
        display: none;
    }

    .skill-shape-one {
        display: none;
    }

    .stragy-shape1-two {
        display: none;
    }

    .stragy-shape2-two {
        display: none;
    }

    .service-detail-shape1-one {
       display: none;
    }

    .service-detail-shape2-one {
        display: none;
     }

     .service-detail-shape3-one {
        display: none;
     }

     .service-detail-img-one {
        margin-bottom: 30px;
    }

    .services-detail-img-box-one {
        margin-bottom: 12px;
    }

    .service-detail-shape1-two {
        display: none;
    }

    .service-detail-shape2-two {
        display: none;
    }

    .service-detail-shape3-two {
        display: none;
    }

    .service-detail-shape4-two {
        display: none;
    }

    .service-detail-shape5-two {
        display: none;
    }

    .portfolio-shape1-two {
        display: none;
    }

    .portfolio-shape2-two {
        display: none;
    }

    .portfolio-shape3-two {
        display: none;
    }

    .portfolio-shape4-two {
        display: none;
    }

    .portfolio-tabbing-two ul li span {
        font-size: 15px;
        padding: 6px 10px;
    }

    .portfolio-tabbing-two ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .portfolio-tabbing-two ul li {
        margin-right: 5px;
        margin-top: 30px;
    }

    .main-portfolio-in-two {
        padding-top: 44px;
    }

    .portfolio-tabbing-two ul {
        justify-content: center;
    }

    .portfolio-detail-shape1-two {
        display: none;
    }

    .portfolio-detail-shape2-two {
        display: none;
    }

    .portfolio-detail-shape3-two {
        display: none;
    }

    .portfolio-detail-shape4-two {
        display: none;
    }

    .portfolio-detail-shape5-two {
        display: none;
    }

    .main-team-in-page-two .team-box-two {
        width: auto;
    }

    .who-we-are-shape1-two {
        display: none;
    }

    .who-we-are-shape2-two {
        display: none;
    }

    .team-joining-date-one {
        margin-top: 30px;
    }

    .team-experience-one {
        margin-top: 30px;
    }

    .team-detail-content-one .team-social-one {
        margin-top: 30px;
    }

    .team-detail-shape1-one {
        display: none;
    }

    .team-detail-shape2-one {
        display: none;
    }

    .team-joining-date-two {
        margin-top: 30px;
    }

    .team-experience-two {
        margin-top: 30px;
    }

    .team-detail-content-two .team-social-two {
        margin-top: 30px;
    }

    .team-detail-shape1-two {
        display: none;
    }

    .team-detail-shape2-two {
        display: none;
    }

    .team-detail-shape3-two {
        display: none;
    }

    .my-skill-shape1-two {
        display: none;
    }

    .my-skill-shape2-two {
        display: none;
    }

    .faq-shape1-one {
        display: none;
    }

    .faq-shape2-one {
        display: none;
    }

    .faq-form-box-one {
        padding: 20px;
    }

    .support-center-shape1-two {
        display: none;
    }

    .support-center-shape2-two {
        display: none;
    }

    .faq-shape1-two {
        display: none;
    }

    .faq-shape2-two {
        display: none;
    }

    .faq-shape3-two {
        display: none;
    }

    .blog-grid-shape1-one {
        display: none;
    }

    .blog-grid-shape2-one {
        display: none;
    }

    .blog-grid-shape3-one {
        display: none;
    }

    .blog-pagination-one ul li {
        font-size: 16px;
    }

    .blog-list-shape1-two {
        display: none;
    }

    .blog-list-shape2-two {
        display: none;
    }

    .blog-list-shape3-two {
        display: none;
    }

    .blog-list-shape4-two {
        display: none;
    }

    .blog-list-shape5-two {
        display: none;
    }

    .blog-list-shape6-two {
        display: none;
    }

    .blog-detail-shape1-one {
        display: none;
    }

    .blog-detail-shape2-one {
        display: none;
    }

    .blog-detail-shape3-one {
        display: none;
    }

    .blog-detail-shape4-one {
        display: none;
    }

    .blog-detail-shape5-one {
        display: none;
    }

    .blog-detail-shape6-one {
        display: none;
    }

    .blog-about-me-one {
        padding: 20px;
    }

    .blog-detail-shape1-two {
        display: none;
    }

    .blog-detail-shape2-two {
        display: none;
    }

    .blog-detail-shape3-two {
        display: none;
    }

    .blog-detail-shape4-two {
        display: none;
    }

    .blog-detail-shape5-two {
        display: none;
    }

    .blog-detail-shape6-two {
        display: none;
    }

    .blog-detail-shape7-two {
        display: none;
    }

    .contact-us-text-one span {
        font-size: 16px;
    }

    .contact-us-shape-one {
       display: none;
    }

    .map-shape1-two {
        display: none;
    }

    .map-shape2-two {
        display: none;
    }

    .contact-us-text-two span {
        font-size: 16px;
    }

    .error-404-shape1-one {
        display: none;
    }

    .error-404-shape2-one {
        display: none;
    }

    .error-404-shape1-two {
        display: none;
    }

    .error-404-shape2-two {
        display: none;
    }

    .error-404-shape3-two {
        display: none;
    }
}

@media screen and (max-width: 474px) {
    .h1-title {
        font-size: 50px;
        line-height: 60px;
    }

    .h2-title {
        font-size: 35px;
        line-height: 45px;
    }

    .h2-subtitle-one {
        font-size: 16px;
        line-height: 16px;
    }

    .h2-subtitle-two {
        font-size: 16px;
        line-height: 16px;
    }

    .newsletter-form-one .sec-btn-one {
        position: relative;
        right: 0;
        top: 0;
        margin-top: 30px;
    }

    .newsletter-form-one {
        text-align: center;
    }

    .newsletter-form-one .form-input-one {
        padding-right: 30px;
    }

    .sec-btn-one {
        padding: 18px 30px;
    }

    .sec-btn-two {
        padding: 18px 30px;
    }

    .cta-bg-one {
        padding: 40px 20px;
    }

    .pricing-box-one {
        width: 100%;
    }

    .blog-slider-one .blog-box-one {
        width: 100%;
    }

    .footer-one-shape1 {
        top: 250px;
        left: 290px;
    }

    .footer-one-shape3 {
        bottom: 350px;
    }

    .pricing-count-text .h3-title {
        font-size: 30px;
        line-height: 40px;
    }

    .pricing-count-text {
        font-size: 30px;
        line-height: 40px;
    }

    .search-input-one {
        right: -90px;
    }

    .side-p {
        padding: 0 15px;
    }

    .footer-newsletter-form-two .form-input-two {
        padding-right: 30px;
    }

    .footer-newsletter-form-two .sec-btn-two {
        position: relative;
        margin-top: 20px;
    }

    .team-detail-info-box-two {
        padding: 30px;
    }

    .blog-about-me-one {
        display: block;
    }

    .blog-about-me-content {
        width: 100%;
        margin-top: 30px;
    }

    .blog-about-me-img-one img {
        width: 100%;
    }

    .blog-about-me-img-one {
        margin-right: 0;
    }

    .blog-detail-comment-box-one {
        display: block;
    }

    .blog-detail-comment-content-one {
        width: 100%;
        margin-top: 30px;
    }

    .blog-detail-comment-box-two {
        display: block;
    }

    .blog-detail-comment-content-two {
        width: 100%;
        margin-top: 30px;
    }
}

@media screen and (max-width: 375px) {
    .container {
        padding: 0 15px;
    }

    .h1-title {
        font-size: 45px;
        line-height: 55px;
    }

    .newsletter-title-one .h2-title {
        font-size: 30px;
        line-height: 40px;
    }

    .cta-shape2-one {
        border: 15px solid rgb(255,255,255,0.5);
        width: 90px;
        height: 90px;
        right: 33px;
    }

    .cta-shape1-one {
        border: 15px solid rgb(255,255,255,0.5);
        width: 90px;
        height: 90px;
        left: 33px;
    }

    .footer-overlay-shape-two {
        top: -2px;
    }

    .footer-one-shape1 {
        width: 90px;
        height: 90px;
        border: 15px solid rgb(255,255,255,0.5);
        left: 250px;
    }

    .footer-one-shape2 {
        border: 15px solid rgb(255,255,255,0.5);
    }

    .footer-one-shape3 {
        width: 90px;
        height: 90px;
        border: 15px solid rgb(255,255,255,0.5);
    }

    .search-box-one {
       display: none;
    }

    .search-box-two {
        display: none;
    }

    .banner-shape1-two {
        left: -300px;
    }

    .service-side-two {
        padding: 0 10px;
    }

    .portfolio-side-two {
        padding: 0 10px;
    }

    .testimonial-bg-box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .team-box-two {
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
    }

    .get-in-touch-form-two {
        padding: 20px;
    }

    .footer-shape2-two {
        bottom: 520px;
    }

    .stragy-box-one {
        padding: 0 10px;
    }

    .service-point-two {
        padding: 18px;
    }

    .pagination-arrow-one {
        margin: 0 5px;
    }

    .blog-pagination-one ul li {
        margin: 0 5px;
    }

    .pagination-arrow-two {
        margin: 0 5px;
    }

    .blog-pagination-two ul li {
        margin: 0 5px;
    }

    .contact-us-icon-one {
        width: 60px;
        height: 60px;
    }

    .contact-us-icon-two {
        width: 60px;
        height: 60px;
    }
}

@media screen and (max-width: 351px) {
    .h1-title {
        font-size: 35px;
        line-height: 45px;
    }

    .banner-slide-text p {
        font-size: 15px;
        line-height: 24px;
    }

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

    .newsletter-title-one .h2-title {
        font-size: 25px;
        line-height: 35px;
    }

    .cta-content-box-one .h2-title {
        font-size: 25px;
        line-height: 35px;
    }

    .cta-bg-one {
        padding: 40px 8px;
    }

    .blog-detail-box-one .blog-comment-one {
        margin-left: 0;
    }

    .blog-detail-box-two .blog-comment-two {
        margin-left: 0;
    }
}
/*==========Responsive CSS End==========*/