@media only screen and (min-width: 1600px) and (max-width: 1920px) {}
@media only screen and (min-width: 1445px) and (max-width: 1599px) {}
@media only screen and (min-width: 1400px) and (max-width: 1444px) {}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .portfolio-sec .slick-dots {
        bottom: 12%;
        gap: 5px;
    }

    .portfolio-sec .slick-initialized .slick-slide {
        margin: 100px 10px 0px;
    }

    .portfolio-sec .slick-list.draggable {
        height: 560px;
    }

    .portfolio-sec .slick-dots li.slick-active {
        height: 7px;
        width: 25px;
    }

    .portfolio-sec .slick-dots li {
        height: 7px;
        width: 16px;
    }

    .header .main-header .navbar .nav-list li a {
        font-size: 14px;
    }

    .header .main-header .navbar .nav-list {
        gap: 50px;
    }

    .header .main-header .navbar .nav-list li .btn-meun i {
        font-size: 30px;
    }

    .banner-sec {
        padding: 210px 0px 0px;
    }

    .banner-sec .banner-content h1 {
        font-size: 40px;
        line-height: 50px;
        margin: 0px 0px 10px;
    }

    p {
        font-size: 14px;
        line-height: 24px;
        margin: 0px 0px 20px;
    }

    .banner-sec .shapes img {
        width: 45px;
        height: 45px;
    }

    .banner-sec .shapes .img01 {
        top: -43px;
        left: 41px;
    }

    .banner-sec .shapes .img02 {
        top: 6px;
        left: 12px;
    }

    .banner-sec .shapes .img03 {
        top: 7px;
        left: 70px;
    }

    .banner-sec .shapes {
        margin: 0px 0px 70px;
    }

    .pro-btn .btn-project {
        padding: 12px 20px;
        font-size: 14px;
    }

    .pro-btn .btn-project i {
        font-size: 17px;
    }

    .header .main-header .logo a img {
        width: 150px;
        height: 60px;
    }

    section.about-sec .main-img img {
        height: 390px;
        width: 470px;
    }

    section.about-sec .main-img::before {
        width: 130px;
        height: 130px;
    }

    section.about-sec .about-content h3 {
        font-size: 25px;
        margin: 0px 0px 10px;
        line-height: 35px;
    }

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

    .head-shape img {
        width: 40px;
        height: 40px;
        object-fit: cover;
    }

    .shape1 {
        top: -74px;
        right: 56%;
    }

    .shape2 {
        top: -50%;
        right: 61%;
    }

    .shape3 {
        top: -29px;
        right: 51%;
    }

    .services-sec .main-box .service-item h3 {
        font-size: 30px;
        line-height: 40px;
        margin: 0px 0px 10px;
    }

    .services-sec .main-box .service-item p {
        font-size: 16px;
        line-height: 26px;
    }

    .services-sec .main-box .main-img img {
        height: 360px;
        width: 100%;
        object-fit: contain;
    }

    .services-sec .main-box.cir-shape::after {
        right: 28%;
        width: 154px;
        height: 154px;
    }

    .testimonials-sec .main-box p {
        font-size: 16px;
        line-height: 26px;
    }

    .testimonials-sec .para p {
        font-size: 18px;
        line-height: 28px;
    }

    .footer-sec .read h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .portfolio-sec .slick-center img {
        width: 100% !important;
        height: 450px !important;
    }

    .portfolio-sec .center-slider img {
        width: 100% !important;
        height: 450px !important;
        transition: all .5s ease-in-out;
    }

    .process-sec .process-detail .tabs-process .nav-pills .nav-link {
        font-size: 14px;
        padding: 12px 20px;
        border-radius: 10px;
        line-height: 14px;
    }

    .process-sec .process-detail .tabs-process .nav-pills {
        gap: 10px;
        margin: 0px 0px 15px !important;
    }

    .process-sec .process-detail .tabs-process .tab-content .tab-pane {
        font-size: 15px;
        line-height: 25px;
    }

    .process-sec .main-img img {
        height: 390px;
    }

    .process-sec .process-detail h3 {
        font-size: 35px;
        line-height: 45px;
        margin: 0px 0px 20px;
    }

    .process-sec .process-detail h6 {
        font-size: 19px;
        line-height: 29px;
        margin: 0px 0px 10px;
    }

    .frequently-sec .head-shape h2 {
        font-size: 40px;
        margin: 0px 0px 30px;
    }

    .frequently-sec .accordion-flush .accordion-item h2 .accordion-button,
    .accordion-flush .accordion-item .accordion-button.collapsed {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        padding: 15px;
    }

    .frequently-sec .accordin .accordion-item .accordion-header .accordion-button::after {
        font-size: 20px;
    }

    .frequently-sec .accordion-body p {
        font-size: 16px;
    }

    .footer-sec .read {
        padding: 0px 0px 30px;
        margin: 0px 0px 40px;
    }

    .footer-sec .read .talk-cir p {
        font-size: 13px;
        line-height: 16px;
    }

    .footer-sec .foot-logo .main-img img {
        width: 150px !important;
    }

    section.about-sec .about-shape img {
        width: 360px;
        height: 350px;
    }

    .portfolio-sec,
    .services-sec {
        padding: 100px 0px 80px;
    }

    .process-sec::before {
        width: 390px;
        height: 390px;
    }

    .frequently-sec {
        padding: 100px 0px 50px;
    }

    .frequently-sec::before {
        width: 500px;
        height: 500px;
    }

    .portfolio-sec .head-shape .shape1 {
        top: -84px;
        right: 335px;
    }

    .portfolio-sec .head-shape .shape3 {
        right: 25%;
        top: -39px;
    }

    .process-sec .head-shape .shape3 {
        top: -34px;
        right: 38%;
    }

    .process-sec .head-shape .shape3 {
        top: -34px;
        left: 276px;
    }

    .testimonials-sec .head-shape .shape2 {
        top: -30px;
        right: 66%;
    }

    .testimonials-sec .head-shape .shape3 {
        top: -34px;
        right: 701px;
    }

    .testimonials-sec .head-shape .shape1 {
        top: -78px;
        right: 64%;
    }

    .nav-modal .modal-dialog {
        max-width: 1000px;
        margin: 55px auto;
    }

    .nav-modal .modal-content .modal-body .menu ul li a {
        font-size: 18px;
    }

    .nav-modal .modal-content .modal-body .contact ul li a {
        font-size: 18px;
    }

    .nav-modal .modal-content {
        padding: 40px 60px;
    }

    .portfolio-sec .slick-slide.slick-current.slick-active.slick-center {
        margin: 0px 0px 0px 0px;
    }

    .process-sec {
        padding: 100px 0px 0px;
    }

    .different-sec::before {
        width: 200px;
        height: 200px;
        bottom: 0%;
        right: 1%;
    }

    .testimonials-sec .para img {
        height: 50px;
    }

    .services-sec .main-box {
        top: 16%;
    }

    .footer-sec .quick-links ul li a {
        font-size: 14px;
    }

    .footer-sec .quick-links h4 {
        font-size: 20px;
        margin: 0px 0px 15px;
    }

    .footer-sec .contact-info ul li,
    .footer-sec .contact-info ul li a {
        font-size: 16px;
    }

    .footer-sec .copy-right {
        margin: 40px 0px 0px;
        padding: 15px 0px;
    }

    .footer-sec .copy-right p {
        font-size: 14px;
    }

    .footer-sec .copy-right p a {
        font-size: 14px;
    }

    .footer-sec .foot-logo .links ul li a i {
        font-size: 18px;
        height: 40px;
        width: 40px;
    }

    .footer-sec .quick-links ul {
        gap: 3px;
    }

    .footer-sec .read .talk-cir {
        height: 117px;
        width: 117px;
    }

    .footer-sec .read .talk-cir p::before {
        font-size: 17px;
        left: 37px;
        bottom: -21px;
    }

    .footer-sec {
        padding: 38px 0px 0px;
    }

    .bespoke-sec .bespoke-contant h2 {
        font-size: 35px;
        line-height: 40px;
        margin: 0px 0px 15px;
    }

    .about-banner-sec .about-contant h2 {
        font-size: 20px;
        line-height: 30px;
        margin: 0px 0px 10px;
    }

    .bespoke-sec .bespoke-contant p {
        font-size: 17px;
        line-height: 27px;
    }

    .bespoke-sec .bespoke-contant .head-shape h6 {
        font-size: 19px;
    }

    .bespoke-sec::before {
        width: 340px;
        height: 340px;
    }

    .bespoke-sec {
        padding: 130px 0px;
    }

    .bespoke-sec::after {
        width: 280px;
        height: 280px;
    }

    .our-value .txt p {
        font-size: 16px;
        line-height: 26px;
    }

    .our-value .main-img img {
        width: 380px;
        height: 380px;
    }

    .our-value .main-img::before {
        left: -17%;
        bottom: 0;
        width: 150px;
        height: 150px;
    }

    .our-value .main-img.circle-img::before {
        height: 150px;
        width: 150px;
        bottom: -17%;
        left: -16%;
    }

    .our-awards-sec .head-shape p {
        font-size: 20px;
        line-height: 29px;
    }

    .our-awards-sec .logo-slider img {
        width: 100px;
        height: 100px;
    }

    .our-awards-sec .box h3 {
        font-size: 24px;
    }

    .our-awards-sec .box h2 {
        font-size: 74px;
        line-height: 69px;
        margin: 0px 0px 15px;
    }

    .our-awards-sec .box {
        height: 320px;
    }

    .meet-your-team::before {
        width: 440px;
        height: 440px;
        top: 2%;
        left: 9%;
    }

    .meet-your-team .team-detail .team-member img {
        width: 100%;
        height: 300px;
    }

    .meet-your-team .team-detail .team-member h3 {
        font-size: 19px;
        line-height: 30px;
    }

    .meet-your-team .team-detail .team-member p {
        font-size: 15px;
    }

    .about-banner-sec .about-contant h1 {
        font-size: 50px;
        line-height: 60px;
        margin: 0px 0px 10px;
    }

    .our-awards-sec .box::before {
        left: -9%;
        top: -2%;
    }

    .our-awards-sec .shape-02.box::after {
        right: -4%;
        top: 41%;
        width: 140px;
        height: 140px;
    }

    .our-awards-sec .circle-img.box::after {
        width: 150px;
        height: 150px;
    }

    .our-awards-sec::after {
        width: 200px;
        height: 200px;
        bottom: 5%;
        right: 0%;
    }

    .about-banner-sec {
        padding: 245px 0px 50px;
    }

    .our-awards-sec,
    .our-value {
        padding: 130px 0px 50px;
    }

    .impressions-sec {
        padding: 70px 0px 50px;
    }

    .impressions-sec .contant h2 {
        font-size: 30px;
        line-height: 35px;
        margin: 0px 0px 20px;
    }

    .impressions-sec .contant .desgin-detail .box p {
        font-size: 14px;
        line-height: 24px;
    }

    .impressions-sec .main-img img {
        height: 400px;
    }

    .services-sec .main-box::before {
        top: -1%;
        left: -3%;
        width: 140px;
        height: 140px;
    }

    .nav-modal .modal-content .modal-body .dropdown .btn-back {
        font-size: 15px;
        gap: 7px;
    }

    .nav-modal .modal-content .modal-body .dropdown .dropdown-menu li .dropdown-item {
        font-size: 18px;
    }

    .banner-sec .banner-content p {
        font-size: 17px;
        line-height: 27px;
    }

    .services-sec .head-shape .shape2 {
        top: -32px;
        right: 346px;
    }

    .services-sec .head-shape .shape3 {
        right: 295px;
        top: -32px;
    }

    .services-sec .head-shape .shape1 {
        top: -76px;
        right: 320px;
    }

    .portfolio-sec .head-shape .shape2 {
        top: -38px;
        right: 29%;
    }

    .process-sec .head-shape .shape1 {
        top: -76px;
        left: 22%;
    }

    .process-sec .head-shape .shape2 {
        top: -31px;
        left: 20%;
    }

    .different-sec .head-shape .shape2 {
        top: -32px;
        right: 346px;
    }

    .testimonials-sec {
        padding: 100px 0px 0px;
    }

    .testimonials-sec .para {
        padding: 0px 0px 30px;
    }

    .frequently-sec .head-shape .shape2 {
        top: -22px;
        right: 51%;
    }

    .frequently-sec .head-shape .shape1 {
        top: -65px;
        right: 544px;
    }

    .frequently-sec .head-shape .shape3 {
        top: -22px;
        right: 522px;
    }

    .footer-sec::before {
        width: 350px;
        height: 350px;
    }

    .footer-sec::after {
        width: 250px;
        height: 250px;
    }

    .nav-modal .modal-content .modal-body .menu h6 {
        margin: 0px 0px 15px;
    }

    .nav-modal .modal-content .modal-body .menu ul {
        gap: 10px;
    }

    .nav-modal .modal-content .modal-body .contact ul li a span {
        font-size: 16px;
    }

    .nav-modal .modal-content .modal-body .contact .follow ul li a {
        height: 50px;
        width: 50px;
    }

    .nav-modal .modal-content .modal-body .contact .follow ul li a i {
        font-size: 20px;
    }

    .nav-modal .modal-content .modal-body .contact h2 a {
        font-size: 25px;
    }

    .bespoke-sec .bespoke-contant .head-shape .shape1 {
        top: -95px;
        right: 46%;
    }

    .bespoke-sec .bespoke-contant .head-shape .shape2 {
        top: -50px;
        right: 49%;
    }

    .bespoke-sec .bespoke-contant .head-shape .shape3 {
        top: -50px;
        right: 43%;
    }

    .impressions-sec .contant .desgin-detail .box h4 {
        font-size: 22px;
        line-height: 28px;
        margin: 0px 0px 5px;
    }

    .impressions-sec .contant .desgin-detail {
        gap: 20px;
    }

    .Features .head-shape .shape1 {
        right: 540px;
        top: -86%;
    }

    .Features .head-shape .shape2 {
        top: -50px;
        right: 50%;
    }

    .Features .head-shape .shape3 {
        right: 45%;
        top: -50px;
    }

    .process-sec .head-shape h2,
    .services-sec .head-shape h2 {
        margin: 0px 0px 30px;
    }

    .Features .head-shape h3 {
        font-size: 20px;
        margin: 0px 0px 10px;
    }

    section.services-sec.different-sec.Features .main-box img.img-fluid {
        height: 340px;
        width: 100%;
    }

    .modal.modal_click .contact-form-sec .form-box {
        padding: 2rem 3rem;
    }

    .modal.modal_click .modal-header .btn-close {
        width: 0px;
        height: 0px;
        line-height: 16px;
        padding: 0;
        margin: 0 !important;
    }

    .modal.modal_click .contact-form-sec .form-box h2 {
        font-size: 35px;
        margin: 0px 0px 35px;
    }

    .modal.modal_click .contact-form-sec .form-box .form-group input {
        height: 50px;
        font-size: 16px;
    }

    .contact-form-sec .form-box .question-box .options .option {
        padding: 10px 30px;
        border-radius: 10px;
        font-size: 14px;
    }

    .contact-form-sec .form-box .form-group textarea {
        font-size: 16px;
        height: 110px;
    }

    .contact-form-sec .form-box .btn-submit {
        padding: 15px 25px;
        font-size: 16px;
        line-height: 10px;
    }

    .contact-form-sec::before {
        width: 400px;
        height: 400px;
    }

    .contact-form-sec::after {
        width: 250px;
        height: 250px;
    }
    .our-portfolio-sec .main-img {
        margin: 0px 0px 20px;
    }
    
    .our-portfolio-sec .main-img a img {
        height: 330px;
    }
    .our-portfolio-sec .head-shape .shape2 {
        top: -24px;
        right: 27%;
    }
    
    .our-portfolio-sec .head-shape .shape1 {
        top: -69px;
        right: 25%;
    }
    
    .our-portfolio-sec .head-shape .shape3 {
        top: -25px;
        right: 258px;
    }
    
    .our-portfolio-sec {
        padding: 85px 0px 50px;
    }
        
    .packages-sec {
        padding: 80px 0 0
    }
    
    .packages-sec .head h2 {
        font-size: 45px
    }
    
    .packages-sec .pricing-table table tbody tr td h6 {
        font-size: 16px
    }
    
    .packages-sec .pricing-table table thead tr th h4 {
        font-size: 19px
    }
    
    section.packages-sec.packages-page {
        padding: 200px 0 20px;
    }
    
    .packages-sec .head-shape .shape2 {
        left: 65%;
        top: -22px
    }
    
    .packages-sec .head-shape .shape1 {
        left: 67%;
        top: -63px
    }
    
    .packages-sec .head-shape .shape3 {
        left: 69%;
        top: -23px
    }
    
    .packages-sec .pricing-table table thead tr th h4 span {
        font-size: 28px;
        margin: 11px 0 0
    }
    
    .packages-sec .pricing-table table thead tr th h3 {
        font-size: 26px
    }
    
    .packages-sec .pricing-table table tbody tr td h5 {
        font-size: 18px
    }
    
    .packages-sec .pricing-table table thead tr th {
        padding: 15px 20px
    }
    
    .packages-sec::before {
        width: 320px;
        height: 320px;
        top: 4%;
        left: 0
    }
    
    .packages-sec::after {
        width: 300px;
        height: 300px;
        bottom: -2%;
        right: 1%
    }
    .our-portfolio-sec::before {
        width: 400px;
        height: 400px;
        top: 3%;
        left: 1%;
    }
    
    .our-portfolio-sec::after {
        width: 270px;
        height: 270px;
        bottom: 0%;
        right: 1%;
    }
    
    .our-portfolio-sec .head-shape {
        margin: 0px 0px 30px;
    }
    .impressions-sec .contant ul {
        gap: 15px;
        margin: 0px 0px 20px;
    }
    
    .impressions-sec .contant ul li {
        font-size: 18px;
        line-height: 28px;
    }
    .impressions-sec .contant ul li span {
        font-size: 23px;
        font-weight: 600;
    }
    .privacy-policy-sec .privacy-content ul li {
        font-size: 14px;
        line-height: 24px;
    }
    
    .privacy-policy-sec .privacy-content ul {
        gap: 5px;
        padding: 0 0 0 14px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .thankyou_page .container {
        padding: 7rem 112px 0;
        width: 90%;
    }
    .header .main-header .logo a img {
        height: 45px;
    }
    
    .header .main-header .navbar .nav-list li a {
        font-size: 16px;
    }
    
    .header .main-header .navbar .nav-list li .btn-meun i {
        font-size: 30px;
    }
    
    .banner-sec .banner-content h1 {
        font-size: 50px;
        line-height: 56px;
        margin: 0px 0px 15px;
    }
    
    .banner-sec .shapes img {
        width: 50px;
        height: 50px;
    }
    
    .banner-sec .banner-content p {
        font-size: 16px;
        line-height: 26px;
        margin: 0px 0px 15px;
    }
    
    .banner-sec .shapes .img03 {
        top: 30px;
        left: 74px;
    }
    
    .banner-sec .shapes .img02 {
        top: 32px;
        left: 13px;
    }
    
    .banner-sec .shapes .img01 {
        top: -27px;
        left: 43px;
    }
    
    .banner-sec {
        padding: 220px 0px 30px;
        height: auto;
    }
    
    .pro-btn .btn-project {
        padding: 12px 15px;
        font-size: 14px;
        border-radius: 9px;
    }
    .pro-btn .btn-project i {
       font-size: 15px;
    }
    .header .main-header .navbar .nav-list {
        gap: 30px;
    }
    section.about-sec .about-shape img {
        width: 250px;
        height: 250px;
    }
    
    .head-shape h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0px 0px 10px;
    }
    
    section.about-sec .about-content h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 0px 0px 8px;
    }
    
    p {
        font-size: 15px;
        line-height: 25px;
        margin: 0px 0px 20px;
    }
    
    .head-shape img {
        width: 30px;
        height: 30px;
    }
    
    section.about-sec {
        height: auto;
        padding: 80px 0px 50px;
    }
    
    section.about-sec .main-img img {
        height: 365px;
    }
    
    .services-sec .head-shape .shape2 {
        top: -16px;
        right: 29%;
    }
    
    .services-sec .head-shape .shape1 {
        top: -50px;
        right: 27%;
    }
    
    .services-sec {
        padding: 70px 0px;
    }
    
    .process-sec .head-shape h2, .services-sec .head-shape h2 {
        margin: 0px 0px 35px;
    }
    
    .services-sec .main-box .service-item h3 {
        font-size: 30px;
        line-height: 40px;
        margin: 0px 0px 10px;
    }
    
    .services-sec .main-box .service-item p {
        font-size: 17px;
        line-height: 26px;
    }
    
    .services-sec .main-box {
        top: 4%;
        padding: 20px 20px 20px 25px;
    }
    
    .services-sec .main-box .main-img img {
        height: 370px;
        width: 100%;
    }
    
    .services-sec .main-box::before {
        width: 150px;
        height: 150px;
        top: -4%;
        left: -4%;
    }
    
    .services-sec .main-box.cir-shape::after {
        width: 160px;
        height: 160px;
        right: 28%;
        bottom: -45px;
    }
    
    .portfolio-sec .slick-center img {
        width: 750px !important;
        height: 480px;
    }
    
    .portfolio-sec .slick-list.draggable {
        height: 600px;
    }
    
    .portfolio-sec {
        padding: 100px 0px 44px;
    }
    
    .portfolio-sec .head-shape {
        margin: 0px 0px 30px;
    }
    
    .portfolio-sec .slick-dots {
        bottom: 13%;
    }
    
    .portfolio-sec .slick-dots li {
        height: 9px;
        width: 25px;
    }
    
    .portfolio-sec .slick-dots li.slick-active {
        height: 9px;
        width: 45px;
    }
    .shape2 {
        top: -16px;
        right: 57%;
    }
    
    .shape3 {
        top: -18px;
        right: 48%;
    }
    
    .shape1 {
        top: -55px;
        right: 52%;
    }
    
    section.about-sec .main-img::before {
        width: 130px;
        height: 130px;
    }
    
    .services-sec .head-shape .shape3 {
        right: 25%;
        top: -17px;
    }
    
    .portfolio-sec .head-shape .shape3 {
        top: -41px;
        right: 23%;
    }
    
    .portfolio-sec .head-shape .shape2 {
        top: -41px;
        right: 27%;
    }
    
    .portfolio-sec .head-shape .shape1 {
        top: -76px;
        right: 25%;
    }
    
    .portfolio-sec .center-slider img {
        width: 750px !important;
        height: 480px;
    }
    .process-sec::before {
        width: 250px;
        height: 250px;
        top: 1%;
        left: 7px;
    }
    
    .process-sec {
        padding: 90px 0px 40px;
    }
    
    .process-sec .process-detail h3 {
        font-size: 35px;
        line-height: 45px;
        margin: 0px 0px 20px;
    }
    
    .process-sec .process-detail h6 {
        font-size: 18px;
        line-height: 28px;
        margin: 0px 0px 10px;
    }
    
    .process-sec .process-detail .tabs-process .nav-pills .nav-link {
        font-size: 16px;
        padding: 15px 23px;
        line-height: 18px;
    }
    
    .process-sec .process-detail .tabs-process .nav-pills {
        gap: 10px;
        margin: 0px 0px 14px !important;
    }
    
    .process-sec .process-detail .tabs-process .tab-content .tab-pane {
        font-size: 16px;
        line-height: 26px;
    }
    
    .process-sec .mainVideo {
        top: 10%;
    }
    
    .testimonials-sec {
        padding: 80px 0px 0px;
    }
    
    .testimonials-sec .head-shape {
        margin: 0px 0px 20px;
    }
    
    .testimonials-sec .main-box p {
        font-size: 16px;
        line-height: 26px;
        height: 220px;
    }
    
    .testimonials-sec .main-box {
        padding: 25px;
        margin: 0px 0px 30px;
    }
    
    .testimonials-sec .para p {
        font-size: 18px;
        line-height: 28px;
    }
    
    .testimonials-sec .para img {
        width: 170px;
    }
    
    .testimonials-sec .para {
        padding: 0px 0px 30px;
    }
    
    .frequently-sec {
        padding: 80px 0px 60px;
    }
    
    .frequently-sec .head-shape h2 {
        margin: 0px 0px 25px;
    }
    
    .frequently-sec .accordion-flush .accordion-item h2 .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
        font-size: 20px;
        line-height: 30px;
        padding: 16px 0px;
    }
    
    .frequently-sec .accordion-body p {
        font-size: 18px;
        line-height: 28px;
    }
    
    .frequently-sec::before {
        width: 450px;
        height: 450px;
        top: 20%;
        right: 10%;
    }
    
    .frequently-sec .accordin .accordion-item .accordion-header .accordion-button::after {
        font-size: 20px;
    }
    
    .footer-sec .read h3 {
        font-size: 40px;
        line-height: 50px;
    }
    
    .footer-sec {
        padding: 40px 0px 0px;
    }
    
    .footer-sec::before {
        width: 300px;
        height: 300px;
    }
    
    .footer-sec .foot-logo .main-img img {
        width: 150px !important;
    }
    
    .footer-sec .quick-links h4 {
        font-size: 20px;
        margin: 0px 0px 15px;
    }
    
    .footer-sec .quick-links ul {
        gap: 5px;
    }
    
    .footer-sec .contact-info h4 {
        font-size: 20px;
        margin: 0px 0px 15px;
    }
    
    .footer-sec .quick-links ul li a {
        font-size: 16px;
    }
    
    .footer-sec .contact-info ul li, .footer-sec .contact-info ul li a {
        font-size: 16px;
        gap: 6px;
    }
    
    .footer-sec .read {
        padding: 0px 0px 30px;
        margin: 0px 0px 30px;
    }
    
    .footer-sec::after {
        width: 250px;
        height: 250px;
    }
    
    .footer-sec .foot-logo .links ul li a i {
        font-size: 23px;
        height: 38px;
        width: 38px;
    }
    
    .footer-sec .copy-right {
        margin: 30px 0px 0px;
        padding: 14px 0px;
    }
    
    .footer-sec .copy-right p {
        font-size: 16px;
    }
    
    .footer-sec .copy-right a {
        font-size: 16px;
    }
    .testimonials-sec .head-shape .shape1 {
        top: -50px;
        right: 58%;
    }
    
    .testimonials-sec .head-shape .shape3 {
        top: -16px;
        right: 56%;
    }
    
    .frequently-sec .head-shape .shape2 {
        top: -20px;
        right: 47%;
    }
    
    .frequently-sec .head-shape .shape3 {
        top: -20px;
        right: 43%;
    }
    
    .frequently-sec .head-shape .shape1 {
        top: -52px;
        right: 45%;
    }
    
    .process-sec .head-shape .shape2 {
        top: -18px;
        left: 24%;
    }
    
    .process-sec .head-shape .shape1 {
        top: -55px;
        left: 26%;
    }
    
    .process-sec .head-shape .shape3 {
        top: -26%;
        left: 28%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .thankyou_page .container {
        padding: 7rem 0 112px;
        width: 97%;
    }

    .thankyou_page h1 {
        font-size: 57px;
    }
    .thankyou_page2 h1 {
        font-size: 45px;
    }
    .thankyou_page2 p {
        font-size: 21px;
        width: 100%;
    }
    .thankyou_page .container {
        padding: 7rem 112px 0;
        width: 90%;
    }
    .header .main-header .logo a img {
        height: 45px;
    }
    
    .header .main-header .navbar .nav-list li a {
        font-size: 16px;
    }
    
    .header .main-header .navbar .nav-list li .btn-meun i {
        font-size: 30px;
    }
    
    .banner-sec .banner-content h1 {
        font-size: 50px;
        line-height: 56px;
        margin: 0px 0px 15px;
    }
    
    .banner-sec .shapes img {
        width: 50px;
        height: 50px;
    }
    
    .banner-sec .banner-content p {
        font-size: 16px;
        line-height: 26px;
        margin: 0px 0px 15px;
    }
    
    .banner-sec .shapes .img03 {
        top: 30px;
        left: 74px;
    }
    
    .banner-sec .shapes .img02 {
        top: 32px;
        left: 13px;
    }
    
    .banner-sec .shapes .img01 {
        top: -27px;
        left: 43px;
    }
    
    .banner-sec {
        padding: 220px 0px 30px;
        height: auto;
    }
    
    .pro-btn .btn-project {
        padding: 12px 15px;
        font-size: 14px;
        border-radius: 9px;
    }
    .pro-btn .btn-project i {
       font-size: 15px;
    }
    .header .main-header .navbar .nav-list {
        gap: 30px;
    }
    section.about-sec .about-shape img {
        width: 250px;
        height: 250px;
    }
    
    .head-shape h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0px 0px 10px;
    }
    
    section.about-sec .about-content h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 0px 0px 8px;
    }
    
    p {
        font-size: 15px;
        line-height: 25px;
        margin: 0px 0px 20px;
    }
    
    .head-shape img {
        width: 30px;
        height: 30px;
    }
    
    section.about-sec {
        height: auto;
        padding: 80px 0px 50px;
    }
    
    section.about-sec .main-img img {
        height: 365px;
    }
    
    .services-sec .head-shape .shape2 {
        top: -16px;
        right: 29%;
    }
    
    .services-sec .head-shape .shape1 {
        top: -50px;
        right: 27%;
    }
    
    .services-sec {
        padding: 70px 0px;
    }
    
    .process-sec .head-shape h2, .services-sec .head-shape h2 {
        margin: 0px 0px 35px;
    }
    
    .services-sec .main-box .service-item h3 {
        font-size: 30px;
        line-height: 40px;
        margin: 0px 0px 10px;
    }
    
    .services-sec .main-box .service-item p {
        font-size: 17px;
        line-height: 26px;
    }
    
    .services-sec .main-box {
        top: 4%;
        padding: 20px 20px 20px 25px;
    }
    
    .services-sec .main-box .main-img img {
        height: 370px;
        width: 100%;
    }
    
    .services-sec .main-box::before {
        width: 150px;
        height: 150px;
        top: -4%;
        left: -4%;
    }
    
    .services-sec .main-box.cir-shape::after {
        width: 160px;
        height: 160px;
        right: 28%;
        bottom: -45px;
    }
    
    .portfolio-sec .slick-center img {
        width: 750px !important;
        height: 480px;
    }
    
    .portfolio-sec .slick-list.draggable {
        height: 600px;
    }
    
    .portfolio-sec {
        padding: 100px 0px 44px;
    }
    
    .portfolio-sec .head-shape {
        margin: 0px 0px 30px;
    }
    
    .portfolio-sec .slick-dots {
        bottom: 13%;
    }
    
    .portfolio-sec .slick-dots li {
        height: 9px;
        width: 25px;
    }
    
    .portfolio-sec .slick-dots li.slick-active {
        height: 9px;
        width: 45px;
    }
    .shape2 {
        top: -16px;
        right: 57%;
    }
    
    .shape3 {
        top: -18px;
        right: 48%;
    }
    
    .shape1 {
        top: -55px;
        right: 52%;
    }
    
    section.about-sec .main-img::before {
        width: 130px;
        height: 130px;
    }
    
    .services-sec .head-shape .shape3 {
        right: 25%;
        top: -17px;
    }
    
    .portfolio-sec .head-shape .shape3 {
        top: -41px;
        right: 23%;
    }
    
    .portfolio-sec .head-shape .shape2 {
        top: -41px;
        right: 27%;
    }
    
    .portfolio-sec .head-shape .shape1 {
        top: -76px;
        right: 25%;
    }
    
    .portfolio-sec .center-slider img {
        width: 750px !important;
        height: 480px;
    }
    .process-sec::before {
        width: 250px;
        height: 250px;
        top: 1%;
        left: 7px;
    }
    
    .process-sec {
        padding: 90px 0px 40px;
    }
    
    .process-sec .process-detail h3 {
        font-size: 35px;
        line-height: 45px;
        margin: 0px 0px 20px;
    }
    
    .process-sec .process-detail h6 {
        font-size: 18px;
        line-height: 28px;
        margin: 0px 0px 10px;
    }
    
    .process-sec .process-detail .tabs-process .nav-pills .nav-link {
        font-size: 16px;
        padding: 15px 23px;
        line-height: 18px;
    }
    
    .process-sec .process-detail .tabs-process .nav-pills {
        gap: 10px;
        margin: 0px 0px 14px !important;
    }
    
    .process-sec .process-detail .tabs-process .tab-content .tab-pane {
        font-size: 16px;
        line-height: 26px;
    }
    
    .process-sec .mainVideo {
        top: 10%;
    }
    
    .testimonials-sec {
        padding: 80px 0px 0px;
    }
    
    .testimonials-sec .head-shape {
        margin: 0px 0px 20px;
    }
    
    .testimonials-sec .main-box p {
        font-size: 16px;
        line-height: 26px;
        height: 220px;
    }
    
    .testimonials-sec .main-box {
        padding: 25px;
        margin: 0px 0px 30px;
    }
    
    .testimonials-sec .para p {
        font-size: 18px;
        line-height: 28px;
    }
    
    .testimonials-sec .para img {
        width: 170px;
    }
    
    .testimonials-sec .para {
        padding: 0px 0px 30px;
    }
    
    .frequently-sec {
        padding: 80px 0px 60px;
    }
    
    .frequently-sec .head-shape h2 {
        margin: 0px 0px 25px;
    }
    
    .frequently-sec .accordion-flush .accordion-item h2 .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
        font-size: 20px;
        line-height: 30px;
        padding: 16px 0px;
    }
    
    .frequently-sec .accordion-body p {
        font-size: 18px;
        line-height: 28px;
    }
    
    .frequently-sec::before {
        width: 450px;
        height: 450px;
        top: 20%;
        right: 10%;
    }
    
    .frequently-sec .accordin .accordion-item .accordion-header .accordion-button::after {
        font-size: 20px;
    }
    
    .footer-sec .read h3 {
        font-size: 40px;
        line-height: 50px;
    }
    
    .footer-sec {
        padding: 40px 0px 0px;
    }
    
    .footer-sec::before {
        width: 300px;
        height: 300px;
    }
    
    .footer-sec .foot-logo .main-img img {
        width: 150px !important;
    }
    
    .footer-sec .quick-links h4 {
        font-size: 20px;
        margin: 0px 0px 15px;
    }
    
    .footer-sec .quick-links ul {
        gap: 5px;
    }
    
    .footer-sec .contact-info h4 {
        font-size: 20px;
        margin: 0px 0px 15px;
    }
    
    .footer-sec .quick-links ul li a {
        font-size: 16px;
    }
    
    .footer-sec .contact-info ul li, .footer-sec .contact-info ul li a {
        font-size: 16px;
        gap: 6px;
    }
    
    .footer-sec .read {
        padding: 0px 0px 30px;
        margin: 0px 0px 30px;
    }
    
    .footer-sec::after {
        width: 250px;
        height: 250px;
    }
    
    .footer-sec .foot-logo .links ul li a i {
        font-size: 23px;
        height: 38px;
        width: 38px;
    }
    
    .footer-sec .copy-right {
        margin: 30px 0px 0px;
        padding: 14px 0px;
    }
    
    .footer-sec .copy-right p {
        font-size: 16px;
    }
    
    .footer-sec .copy-right a {
        font-size: 16px;
    }
    .testimonials-sec .head-shape .shape1 {
        top: -50px;
        right: 58%;
    }
    
    .testimonials-sec .head-shape .shape3 {
        top: -16px;
        right: 56%;
    }
    
    .frequently-sec .head-shape .shape2 {
        top: -20px;
        right: 47%;
    }
    
    .frequently-sec .head-shape .shape3 {
        top: -20px;
        right: 43%;
    }
    
    .frequently-sec .head-shape .shape1 {
        top: -52px;
        right: 45%;
    }
    
    .process-sec .head-shape .shape2 {
        top: -18px;
        left: 24%;
    }
    
    .process-sec .head-shape .shape1 {
        top: -55px;
        left: 26%;
    }
    
    .process-sec .head-shape .shape3 {
        top: -26%;
        left: 28%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
 .thankyou_page .container {
        padding: 3rem 0;
        width: 90%;
    }

    .thankyou_page h1 {
        font-size: 27px;
    }

    .thankyou_page img {
        width: 132px;
    }

    .thankyou_page p {
        font-size: 15px;
        padding: 0px 0 18px;
    }

    .thankyou_page a {
        width: 100px;
        padding: 6px 0;
        font-size: 14px;
    }

    .process-sec.mobile-sec {
        display: block;
    }

    .process-sec {
        display: none;
    }

    .different-sec {
        padding: 80px 0px 40px;
    }

    .services-sec .main-box {
        top: 10%;
        padding: 15px 15px;
        height: 700px;
    }

    .different-sec .main-box .service-item p {
        font-size: 12px;
        line-height: 16px;
        margin: 0px 0px 11px;
    }

    .services-sec .main-box .main-img img {
        height: 335px;
        width: 100%;
        margin: 15px 0px 15px;
    }

    .testimonials-sec {
        padding: 60px 0px 0px;
    }

    .testimonials-sec .para {
        padding: 0px 15px 30px;
        display: block;
    }

    .testimonials-sec .para p {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        margin: 0px 0px 17px;
    }

    .testimonials-sec .para img {
        width: 50%;
    }

    .process-sec .process-detail h3 {
        font-size: 23px;
        line-height: 35px;
        margin: 0px 0px 10px;
    }

    .process-sec .process-detail .tabs-process .nav-pills .nav-link {
        font-size: 13px;
        padding: 6px 9px;
        border-radius: 6px;
    }

    .process-sec .process-detail .tabs-process .tab-content .tab-pane {
        font-size: 13px;
        line-height: 21px;
        padding-bottom: 2rem;
    }

    .process-sec .process-detail h6 {
        font-size: 17px;
        line-height: 17px;
        margin: 0px 0px 6px;
    }

    .services-sec .main-box .service-item h3 {
        font-size: 23px;
        line-height: 33px;
        margin: 0px 0px 5px;
    }

    .process-sec .process-detail .tabs-process .nav-pills {
        gap: 5px;
        margin: 0px 0px 10px !important;
    }

    .process-sec .process-box {
        margin: 0px 0px 0px;
    }

    .different-sec .main-box.cir-shape.fully {
        padding: 15px 15px;
    }

    .testimonials-sec .main-box p {
        font-size: 16px !important;
        line-height: 26px !important;
        height: 200px;
    }

    .testimonials-sec .main-box h6 {
        font-size: 18px;
        line-height: 26px;
    }

    .testimonials-sec .main-box {
        padding: 20px;
        border-radius: 15px;
        margin: 0px 0px 20px;
    }

    .frequently-sec .accordion-body p {
        font-size: 12px;
        line-height: 20px;
    }

    .frequently-sec .accordion-body {
        padding: 0px 0px 15px;
    }

    .modal.modal_click .contact-form-sec .form-box {
        padding: 3rem 1rem 1rem;
    }

    .modal.modal_click .contact-form-sec .form-box .form-group input {
        height: 40px;
        font-size: 14px;
    }

    .modal.modal_click .contact-form-sec .form-box h2 {
        font-size: 23px;
        margin: 20px 0px 20px;
        line-height: 29px;
    }

    .contact-form-sec .form-box h3 {
        font-size: 15px;
        margin: 14px 0px;
    }

    .contact-form-sec .form-box .question-box .options .option {
        padding: 5px 20px;
        border-radius: 6px;
        font-size: 14px;
        margin: 0;
    }

    .contact-form-sec .form-box .question-box .options {
        gap: 10px;
    }

    .modal.modal_click .contact-form-sec .form-box .question-box .options .option-btnS,
    .modal.modal_click .contact-form-sec .form-box .question-box .options .option-btn {
        padding: 6px 20px;
        border-radius: 9px;
        font-size: 14px;
    }

    .contact-form-sec .form-box .form-check label {
        font-size: 13px;
        line-height: 20px;
    }

    .contact-form-sec .form-box .btn-submit {
        padding: 12px 18px;
        font-size: 12px;
        border-radius: 9px;
    }

    .modal.modal_click .modal-header .btn-close {
        width: 0px;
        height: 0px;
        font-size: 30px;
        top: 2%;
        right: 0%;
    }


    .portfolio-sec .slick-dots {
        bottom: -18%;
    }

    .portfolio-sec .slick-dots li {
        height: 8px;
        width: 16px;
    }

    .portfolio-sec .slick-dots li.slick-active {
        height: 8px;
        width: 35px;
    }

    .process-sec .mainVideo {
        display: none;
    }

    .row.reverse {
        display: flex;
        flex-direction: column-reverse;
        gap: 25px;
    }

    .portfolio-sec .center-slider {
        display: none;
    }

    .portfolio-sec .mobile-slider {
        display: block;
    }

    .head-shape h2 {
        font-size: 30px !important;
        line-height: 36px !important;
        margin: 0px 0px 15px !important;
    }

    .portfolio-sec .head-shape {
        margin: 0px 0px 25px;
    }

    .process-sec .head-shape h2 {
        margin: 0px 0px 25px;
    }

    .packages-sec .head-shape {
        margin: 0px 0px 20px;
    }

    .different-sec .head-shape {
        margin: 0px 0px 20px;
    }

    .testimonials-sec .head-shape {
        margin: 0px 0px 20px;
    }

    .head-shape img {
        width: 25px;
        height: 25px;
    }

    .shape2 {
        top: -14px;
        right: 62%;
    }

    .shape1 {
        top: -42px;
        right: 58%;
    }

    .shape3 {
        top: -14px;
        right: 54%;
    }

    .portfolio-sec .head-shape .shape2 {
        top: -28px;
        right: 17%;
    }

    .portfolio-sec .head-shape .shape3 {
        top: -28px;
        right: 8.4%;
    }

    .portfolio-sec .head-shape .shape1 {
        top: -57px;
        right: 13%;
    }

    .process-sec .head-shape .shape3 {
        top: -29%;
        left: 50%;
    }

    .process-sec .head-shape .shape2 {
        top: -16px;
        left: 42%;
    }

    img.shape1 {}

    .process-sec .head-shape .shape1 {
        top: -42px;
        left: 46%;
    }

    .process-sec::before {
        width: 140px;
        height: 140px;
        top: 3%;
        left: 0%;
    }

    .different-sec .head-shape .shape3 {
        right: 10%;
        top: -23px;
    }

    .different-sec .head-shape .shape2 {
        top: -27px;
        right: 19%;
    }

    .different-sec .head-shape .shape1 {
        right: 15%;
        top: -54px;
    }

    .testimonials-sec .head-shape .shape3 {
        top: -20px;
        right: 22%;
    }

    .testimonials-sec .head-shape .shape2 {
        top: -21px;
        right: 30%;
    }

    .testimonials-sec .head-shape .shape1 {
        top: -48px;
        right: 26%;
    }

    .services-sec .main-box::before {
        top: -1%;
        left: -10%;
        width: 140px;
        height: 140px;
    }

    .services-sec .main-box.cir-shape::after {
        width: 130px;
        height: 130px;
    }

    .different-sec .main-box.cir-shape.fully::after {
        left: 50%;
    }

    .different-sec::before {
        width: 130px;
        height: 130px;
        bottom: 0%;
        right: 3%;
        animation: floatLeftRight 2s cubic-bezier(0.65, 0, 0.35, 1) infinite alternate;
    }

    .contact-form-sec .form-box .form-group textarea {
        font-size: 14px;
    }

    .contact-form-sec::before {
        width: 200px;
        height: 200px;
        top: 3%;
        left: 0%;
    }

    .contact-form-sec .form-box .form-check {
        margin: 0px 0px 20px;
    }

    .contact-form-sec::after {
        width: 150px;
        height: 150px;
        bottom: 0%;
        right: 0%;
        animation: floatLeftRight 2s cubic-bezier(0.65, 0, 0.35, 1) infinite alternate;
    }

    .process-sec {
        display: none;
    }

    .process-sec.mobile-sec {
        display: block;
    }

    .header .main-header .navbar .nav-list li a {
        display: none;
    }

    .header .main-header .navbar .nav-list li .btn-meun i {
        font-size: 25px;
    }

    .header .main-header .navbar .nav-list {
        gap: 0;
    }

    .header .main-header .logo a img {
        height: 30px;
    }

    .banner-sec {
        padding: 80px 0;
        height: auto;
    }

    .banner-sec .banner-content h1 {
        font-size: 49px;
        line-height: 75px;
        margin: 0px 0px 10px;
    }

    .pro-btn .btn-project.black-btn {
        padding: 10px 10px;
    }

    .banner-sec .banner-content p {
        font-size: 22px;
        line-height: 33px;
        margin: 0px 0px 20px;
    }

    .banner-sec .shapes img {
        width: 40px;
        height: 40px;
    }

    .banner-sec .shapes .img03 {
        top: 55px;
        left: 57px;
    }

    .banner-sec .shapes .img02 {
        top: 54px;
        left: 10px;
    }

    .banner-sec .shapes .img01 {
        top: 12px;
        left: 31px;
    }

    .pro-btn .btn-project {
        padding: 10px 10px;
        font-size: 14px;
        border-radius: 6px;
        gap: 5px;
    }

    .pro-btn .btn-project i {
        font-size: 14px;
    }

    p {
        font-size: 14px !important;
        line-height: 20px !important;
        margin: 0px 0px 15px;
    }

    section.about-sec {
        height: auto;
        padding: 60px 0px 20px;
    }

    section.about-sec .about-content h3 {
        font-size: 20px;
        margin: 0px 0px 5px;
        line-height: 30px;
    }

    section.about-sec .main-img img {
        height: 250px;
    }

    section.about-sec .about-shape img {
        width: 140px;
        height: 140px;
    }

    section.about-sec .main-img::before {
        width: 90px;
        height: 90px;
        top: 0%;
        left: 21%;
    }

    .services-sec .main-box .service-item p {
        font-size: 16px;
        line-height: 24px;
        margin: 0px 0px 10px;
    }

    .process-sec .head-shape h2,
    .services-sec .head-shape h2 {
        margin: 0px 0px 19px;
    }

    .services-sec {
        padding: 60px 0px;
    }

    .services-sec .head-shape .shape3 {
        right: 10%;
        top: -23px;
    }

    .services-sec .head-shape .shape2 {
        top: -25px;
        right: 18%;
    }

    .services-sec .head-shape .shape1 {
        top: -52px;
        right: 14%;
    }
    .portfolio-sec {
        padding: 75px 0px 20px;
    }
    
    .process-sec {
        padding: 51px 0px 0px;
    }
    
    section.testimonials-sec .owl-theme .owl-nav {
        display: none;
    }
    
    .frequently-sec .head-shape .shape3 {
        top: -23px;
        right: 11%;
    }
    
    .frequently-sec .head-shape .shape2 {
        top: -23px;
        right: 20%;
    }
    
    .frequently-sec .head-shape .shape1 {
        top: -52px;
        right: 15%;
    }
    
    .frequently-sec {
        padding: 70px 0px 30px;
    }
    
    .frequently-sec::before {
        width: 250px;
        height: 250px;
    }
    .frequently-sec .accordion-flush .accordion-item h2 .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
        font-size: 16px;
        line-height: 26px;
        padding: 9px 0px;
    }
    
    .frequently-sec .accordin .accordion-item .accordion-header .accordion-button::after {
        font-size: 18px;
        line-height: 28px;
    }
    
    .footer-sec::before {
        width: 200px;
        height: 200px;
    }
    
    .footer-sec .read h3 {
        font-size: 20px;
        line-height: 24px;
    }
    
    .footer-sec .read .talk-cir {
        height: 100px;
        width: 100px;
        padding: 10px 5px;
    }
    
    .footer-sec .read .talk-cir p {
        line-height: 17px;
        font-size: 12px;
    }
    
    .footer-sec .read .talk-cir p::before {
        font-size: 15px;
        left: 35px;
        bottom: -21px;
    }
    
    .footer-sec .read {
        padding: 0px 15px 10px;
        margin: 0px 0px 20px;
    }
    
    .footer-sec {
        padding: 30px 0px 0px;
    }
    
    .footer-sec .foot-logo .main-img {
        margin: 0px 0px 20px;
    }
    
    .footer-sec .foot-logo .main-img img {
        width: 130px !important;
    }
    
    .footer-sec .foot-logo .links {
        margin: 0px 0px 20px;
    }
    
    .footer-sec .foot-logo .links h4 {
        font-size: 20px;
        margin: 0px 0px 15px;
    }
    
    .footer-sec .foot-logo .links ul li a i {
        font-size: 19px;
        height: 35px;
        width: 35px;
    }
    
    .footer-sec .quick-links h4 {
        margin: 0px 0px 10px;
        font-size: 20px;
    }
    .footer-sec .quick-links ul {
      gap: 2px;
    }
    
    .footer-sec::after {
        width: 200px;
        height: 200px;
    }
    
    .footer-sec .contact-info h4 {
        font-size: 20px;
        margin: 0px 0px 10px;
    }
    .footer-sec .quick-links ul li a {
        font-size: 14px;
    }
    
    .footer-sec .contact-info ul li, .footer-sec .contact-info ul li a {
        font-size: 14px;
    }
    
    .footer-sec .contact-info ul li, .footer-sec .contact-info ul li a {
        gap: 0px;
        flex-direction: column;
        justify-content: start;
        align-items: self-start;
    }
    
    .footer-sec .contact-info ul li i {
        font-size: 18px;
        line-height: 28px;
    }
    
    .footer-sec .contact-info ul {
        gap: 5px;
    }
    
    .footer-sec .quick-links {
        margin: 0px 0px 20px;
    }
    
    .footer-sec .copy-right {
        margin: 10px 0px 0px;
        padding: 10px 0px;
        flex-direction: column;
        gap: 3px;
    }
    
    .footer-sec .copy-right p {
        font-size: 16px;
    }
    
    .footer-sec .copy-right a {
        font-size: 14px;
    }
    .nav-modal .modal-content {
        padding: 50px 5px 20px;
    }
    
    .nav-modal .modal-content .modal-body .menu ul {
        gap: 6px;
        margin: 0px 0px 30px;
    }
    
    .nav-modal .modal-content .modal-body .menu ul li a {
        font-size: 14px;
        gap: 7px;
    }
    
    .nav-modal .modal-content .modal-body .contact ul li a {
        font-size: 14px;
    }
    
    .nav-modal .modal-content .modal-body .contact ul li i {
        font-size: 18px;
    }
    
    .nav-modal .modal-content .modal-body .contact ul {
        gap: 10px;
        margin: 0px 0px 15px;
    }
    
    .nav-modal .modal-content .modal-body .contact .follow {
        margin: 0px 0px 1px 27px;
    }
    
    .nav-modal .modal-content .modal-body .contact h2 {
        margin: 0px 0px 0px 27px;
    }
    
    .nav-modal .modal-content .modal-body .contact h2 a {
        font-size: 16px;
    }
    
    .nav-modal .modal-content .modal-body .contact .follow h4 {
        font-size: 13px;
        margin: 0px 0px 10px;
        letter-spacing: 0px;
    }
    
    .nav-modal .modal-content .modal-body .contact .follow ul {
        gap: 0;
    }
    
    .nav-modal .modal-content .modal-body .contact .follow ul li a {
        height: 35px;
        width: 35px;
    }
    
    .nav-modal .modal-content .modal-body .contact .follow ul li a i {
        font-size: 16px;
    }
    
    .nav-modal .modal-content .modal-body .menu h6 {
        font-size: 16px;
        margin: 0px 0px 7px;
    }
    .modal-content .btn-close {
        padding: 6px 18px;
        line-height: 12px;
        font-size: 12px;
    }
    
    .nav-modal .modal-content .modal-body .contact ul li {
        gap: 5px;
    }
    
    .nav-modal .modal-content .modal-body .contact ul li a span {
        font-size: 12px;
        letter-spacing: 1px;
    }
    
    .nav-modal .modal-content .modal-body .dropdown .dropdown-menu li .dropdown-item {
        font-size: 14px;
    }
    
    .nav-modal .modal-content .modal-body .dropdown .dropdown-menu {
        gap: 4px;
        margin: 0px 0px 16px;
    }
    
    .nav-modal .modal-content .modal-body .dropdown .btn-back {
        gap: 5px;
        font-size: 12px;
        padding: 2px 12px;
    }
    .nav-modal .modal-dialog {
        max-width: 300px;
        margin: 100px auto;
        overflow: hidden;
    }
    .nav-modal .modal-content .modal-body .menu ul li a i {
        font-size: 13px;
        margin-top: 4px;
    }
    .about-banner-sec {
        padding: 150px 0px 40px;
    }
    
    .about-banner-sec .about-contant h1 {
        font-size: 30px;
        line-height: 40px;
        margin: 0px 0px 10px;
    }
    .about-banner-sec .about-contant p {
        width: 100%;
    }
    .bespoke-sec .bespoke-contant h2 {
        font-size: 28px;
        line-height: 38px;
        margin: 0px 0px 10px;
    }
    
    .bespoke-sec .bespoke-contant p {
        font-size: 16px;
        line-height: 24px;
        margin: 0px 0px 10px;
    }
    
    .bespoke-sec .bespoke-contant .head-shape h6 {
        font-size: 14px;
        margin: 0px 0px 5px;
    }
    
    .bespoke-sec .bespoke-contant .head-shape .shape2 {
        top: -30px;
        right: 50%;
    }
    
    .bespoke-sec .bespoke-contant .head-shape .shape3 {
        top: -29px;
        right: 42%;
    }
    
    .bespoke-sec .bespoke-contant .head-shape .shape1 {
        top: -56px;
        right: 46%;
    }
    
    .bespoke-sec::before {
        width: 200px;
        height: 200px;
        top: 4%;
        left: 2%;
    }
    
    .bespoke-sec::after {
        width: 200px;
        height: 200px;
        bottom: 0%;
        right: 4%;
    }
    
    .bespoke-sec {
        padding: 70px 0px 10px;
    }
    
    .our-value .head-shape .shape3 {
        top: -14px;
        right: 17%;
    }
    
    .our-value .head-shape .shape2 {
        top: -15px;
        right: 25%;
    }
    
    .our-value .head-shape .shape1 {
        top: -42px;
        right: 21%;
    }
    
    .our-value {
        padding: 50px 0px 0px;
    }
    
    .our-value .head-shape {
        margin: 0px 0px 20px;
    }
    
    .our-value .commit {
        margin: 0px 0px 30px;
    }
    
    .our-value .txt {
        width: 100%;
    }
    
    .our-value .txt h3 {
        font-size: 30px;
        line-height: 30px;
        margin: 0px 0px 10px;
    }
    
    .our-value .txt p {
        font-size: 16px;
        line-height: 26px;
    }
    
    .our-value .main-img img {
        width: 300px;
        height: 300px;
    }
    
    .our-value::before {
        width: 200px;
        height: 200px;
        top: 1%;
        left: 1%;
    }
    
    .our-value .main-img {
        text-align: center;
    }
    
    .our-value .main-img::before {
        width: 125px;
        height: 125px;
        left: -2%;
        bottom: -8px;
    }
    
    .our-value .main-img.circle-img {
        margin: 0px 0px 15px;
    }
    
    .our-value .main-img.circle-img::before {
        height: 120px;
        width: 123px;
        bottom: -18%;
        left: -2%;
    }
    .meet-your-team::before {
        width: 250px;
        height: 250px;
        top: 1%;
        left: 1%;
    }
    
    .meet-your-team .team-detail {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
    .our-awards-sec .head-shape {
        margin: 0px auto 20px;
        width: 100%;
    }
    
    .our-awards-sec .head-shape .shape1 {
        top: -10%;
        right: 11%;
    }
    
    .our-awards-sec .head-shape .shape2 {
        top: -4%;
        right: 15%;
    }
    
    .our-awards-sec .head-shape .shape3 {
        top: -16px;
        right: 7%;
    }
    
    .our-awards-sec {
        padding: 70px 0px 42px;
    }
    
    .our-awards-sec .head-shape p {
    }
    
    .our-awards-sec .logo-slider {
        margin: 20px 0px 30px;
    }
    
    .our-awards-sec .box {
        padding: 20px 30px;
        border-radius: 20px;
        height: 240px;
        margin: 0px 0px 15px;
    }
    
    .our-awards-sec .box h2 {
        font-size: 40px;
        line-height: 40px;
        margin: 0px 0px 5px;
    }
    
    .our-awards-sec .box h3 {
        font-size: 25px;
        margin: 0px 0px 10px;
    }
    
    section.our-awards-sec .owl-theme .owl-nav {
        display: none;
    }
    
    .our-awards-sec .box::before {
        left: -11%;
        top: -7%;
        width: 150px;
        height: 150px;
    }
    
    .our-awards-sec .circle-img.box::after {
        width: 150px;
        height: 150px;
        bottom: -15%;
    }
    
    .our-awards-sec .shape-02.box::after {
        width: 150px;
        height: 150px;
        right: -7%;
        top: 15%;
    }
    
    .our-awards-sec::after {
        width: 250px;
        height: 250px;
        bottom: -1%;
        right: 4%;
    }
    
    .meet-your-team .team-detail .team-member img {
        height: 340px;
        border-radius: 16px;
        margin: 0px 0px 15px;
    }
    
    .meet-your-team .team-detail .team-member h3 {
        font-size: 22px;
        line-height: 22px;
    }
    
    .meet-your-team .team-detail .team-member p {
        font-size: 16px;
    }
    
    .meet-your-team {
        padding: 80px 0px 30px;
    }
    .meet-your-team .head-shape .shape3 {
        top: -22px;
        right: 16%;
    }
    
    .meet-your-team .head-shape .shape1 {
        top: -54px;
        right: 20%;
    }
    
    .meet-your-team .head-shape .shape2 {
        top: -24px;
        right: 24%;
    }
    .our-awards-sec .logo-slider img {
        width: 100px;
        height: 60px;
    }
    .our-portfolio-sec::before {
        width: 200px;
        height: 200px;
        top: 2%;
        left: 1%;
    }
    
    .our-portfolio-sec {
        padding: 70px 0px 20px;
    }
    
    .our-portfolio-sec .head-shape .shape3 {
        top: -25px;
        right: 9%;
    }
    
    .our-portfolio-sec .head-shape .shape2 {
        top: -25px;
        right: 17%;
    }
    
    .our-portfolio-sec .head-shape .shape1 {
        top: -54px;
        right: 13%;
    }
    
    .our-portfolio-sec .main-img {
        margin: 0px 0px 10px;
    }
    
    .our-portfolio-sec .head-shape {
        margin: 0px 0px 20px;
    }
    .our-portfolio-sec .main-img a img {
       height: 110px;
   }
    .insights-sec {
        padding: 70px 0px 30px;
    }
    
    .insights-sec .head-shape {
        text-align: center;
    }
    
    .insights-sec .main-box .main-img img {
        height: 250px;
    }
    
    .insights-sec .main-box .contant {
        padding: 24px 15px;
        height: 200px;
        overflow: hidden;
        border-radius: 0px 0px 20px 20px;
    }
    
    .insights-sec .main-box .contant .two {
        height: 125px;
    }
    
    .insights-sec .main-box .contant h2 {
        font-size: 20px;
        line-height: 30px;
    }
    
    .insights-sec .main-box {
        border-radius: 20px;
        margin: 0px 0px 25px;
    }
    
    .insights-sec .main-box .contant a {
        font-size: 16px;
        line-height: 14px;
        gap: 9px;
    }
    
    .insights-sec .head-shape img.shape1 {
        left: 50%;
        top: -50px;
    }
    
    .insights-sec .head-shape img.shape2 {
        top: -22px;
        left: 46%;
    }
    
    .insights-sec .head-shape img.shape3 {
        top: -22px;
        right: 40%;
    }
    .contact-form-sec {
       padding: 60px 0px;
    }
    
    .contact-form-sec .form-box {
        padding: 20px 20px 30px;
        border-radius: 15px;
    }
    
    .contact-form-sec .form-box h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0px 0px 20px;
    }
    
    .contact-form-sec .form-box .form-group input {
        height: 45px;
        font-size: 16px;
    }
    
    .contact-form-sec .form-box .form-group textarea {
        height: 90px;
    }
    .about-banner-sec .about-contant h2 {
        font-size: 18px;
        line-height: 26px;
        margin: 0px 0px 10px;
    }
    
    .impressions-sec {
        padding: 40px 0px 20px;
    }
    
    .impressions-sec .main-img img {
        height: 250px;
    }
    
    .impressions-sec .contant h2 {
        font-size: 30px;
        line-height: 35px;
        margin: 0px 0px 10px;
    }
    
    .impressions-sec .contant .desgin-detail {
        gap: 15px;
        grid-template-columns: repeat(1, 1fr);
    }
    
    .impressions-sec .contant .desgin-detail .box h4 {
        font-size: 20px;
        line-height: 25px;
        margin: 0px 0px 5px;
    }
    
    .impressions-sec .contant .desgin-detail .box p {
        font-size: 16px;
        line-height: 26px;
    }
    .impressions-sec .row.reverse {
        flex-direction: column-reverse;
        display: flex;
    }
    .Features .head-shape h3 {
        font-size: 16px;
        margin: 0px 0px 10px;
    }
    
    section.services-sec.different-sec.Features {
        padding: 70px 0px 20px;
        margin: 0px 0px 0px;
    }
    
    .Features .head-shape .shape1 {
        right: 46%;
        top: -50%;
    }
    
    .Features .head-shape .shape2 {
        right: 49%;
        top: -28%;
    }
    
    .Features .head-shape .shape3 {
        right: 41%;
        top: -28%;
    }
    .packages-sec .head h2 {
        font-size: 30px
    }
    
    .packages-sec {
        padding: 60px 0 0
    }
    
    .packages-sec .pricing-table table tbody tr td h5,
    .packages-sec .pricing-table table tbody tr td h6,
    .packages-sec .pricing-table table thead tr th h3 {
        font-size: 13px
    }
    
    .packages-sec .pricing-table table thead tr th h4 span {
        font-size: 13px;
        margin: 2px 0 0
    }
    
    .packages-sec .pricing-table table thead tr th h4 {
        font-size: 11px
    }
    
    .packages-sec .pricing-table table thead tr th {
        padding: 8px
    }
    
    .packages-sec .pricing-table table thead tr th:first-child {
        width: 30%
    }
    
    .packages-sec .pricing-table table tbody tr td a {
        font-size: 10px;
        padding: 6px 8px;
        border-radius: 6px;
        width: 70px;
        display: flex;
        justify-content: center
    }
    
    .packages-sec .pricing-table table thead tr th h4 small {
        font-size: 9px;
        margin: 2px 0 0
    }
    
    .packages-sec .pricing-table table tbody tr td {
        padding: 12px
    }
    
    section.packages-sec.packages-page {
        padding: 161px 0 0;
    }
    
    .packages-sec .head-shape .shape2 {
        left: 75%;
        top: -15px;
    }
    
    .packages-sec .head-shape .shape3 {
        left: 84%;
        top: -15px;
    }
    
    .packages-sec .head-shape .shape1 {
        left: 79%;
        top: -43px;
    }
    
    .packages-sec::before {
        width: 110px;
        height: 111px;
        top: 9%;
        left: 2%;
    }
    
    .packages-sec::after {
        width: 100px;
        height: 100px;
        bottom: 1%;
        right: 1%
    }
    .about-banner-sec .about-contant p {
       width: 100%;
    }
    .our-portfolio-sec::after {
        width: 150px;
        height: 150px;
        bottom: -3%;
        right: 0%;
   }
    section.packages-sec.packages-page .package-tabs .package-tab-ul .nav-link {
        font-size: 12px;
        padding: 10px 14px;
    }
    
    section.packages-sec.packages-page .package-tabs .package-tab-ul {
        margin: 0px 0px 20px;
        gap: 5px;
    }
    
    .header {
      padding: 15px 0px;
    }
    .packages-sec .pricing-table {
        margin: 0 0 20px;
    }
    nav.navbar {
       padding: 0;
    }
    
    .thankyou_page2 p {
        font-size: 28px;
        padding: 0px 0 23px;
        width: 100%;
    }
    .thankyou_page2 a {
        width: 254px;
        padding: 11px 0;
        font-size: 14px;
    }
    .thankyou_page2 img {
        width: 164px;
    
    }
    .thankyou_page2 h1 {
        font-size: 22px;
        padding: 20px 0 20px;
    }
    
    
    .privacy-policy-sec {
        padding: 16px 0;
    }

    .privacy-policy-sec .privacy-content h3 {
        font-size: 20px;
    }
    
    .privacy-policy-sec .privacy-content p {
        text-align: left;
    }
    .privacy-policy-sec br{
        display:none;
    }
}
@media only screen and (min-width: 300px) and (max-width: 575px) {
    .thankyou_page .container {
        padding: 3rem 0;
        width: 90%;
    }

    .thankyou_page h1 {
        font-size: 27px;
    }

    .thankyou_page img {
        width: 132px;
    }

    .thankyou_page p {
        font-size: 15px;
        padding: 0px 0 18px;
    }

    .thankyou_page a {
        width: 100px;
        padding: 6px 0;
        font-size: 14px;
    }

    .process-sec.mobile-sec {
        display: block;
    }

    .process-sec {
        display: none;
    }

    .different-sec {
        padding: 80px 0px 40px;
    }

    .services-sec .main-box {
        top: 10%;
        padding: 15px 15px;
        height: 700px;
    }

    .different-sec .main-box .service-item p {
        font-size: 12px;
        line-height: 16px;
        margin: 0px 0px 11px;
    }

    .services-sec .main-box .main-img img {
        height: 335px;
        width: 100%;
        margin: 15px 0px 15px;
    }

    .testimonials-sec {
        padding: 60px 0px 0px;
    }

    .testimonials-sec .para {
        padding: 0px 15px 30px;
        display: block;
    }

    .testimonials-sec .para p {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        margin: 0px 0px 17px;
    }

    .testimonials-sec .para img {
        width: 50%;
    }

    .process-sec .process-detail h3 {
        font-size: 23px;
        line-height: 35px;
        margin: 0px 0px 10px;
    }

    .process-sec .process-detail .tabs-process .nav-pills .nav-link {
        font-size: 13px;
        padding: 6px 9px;
        border-radius: 6px;
    }

    .process-sec .process-detail .tabs-process .tab-content .tab-pane {
        font-size: 13px;
        line-height: 21px;
        padding-bottom: 2rem;
    }

    .process-sec .process-detail h6 {
        font-size: 17px;
        line-height: 17px;
        margin: 0px 0px 6px;
    }

    .services-sec .main-box .service-item h3 {
        font-size: 23px;
        line-height: 33px;
        margin: 0px 0px 5px;
    }

    .process-sec .process-detail .tabs-process .nav-pills {
        gap: 5px;
        margin: 0px 0px 10px !important;
    }

    .process-sec .process-box {
        margin: 0px 0px 0px;
    }

    .different-sec .main-box.cir-shape.fully {
        padding: 15px 15px;
    }

    .testimonials-sec .main-box p {
        font-size: 16px !important;
        line-height: 26px !important;
        height: 200px;
    }

    .testimonials-sec .main-box h6 {
        font-size: 18px;
        line-height: 26px;
    }

    .testimonials-sec .main-box {
        padding: 20px;
        border-radius: 15px;
        margin: 0px 0px 20px;
    }

    .frequently-sec .accordion-body p {
        font-size: 12px;
        line-height: 20px;
    }

    .frequently-sec .accordion-body {
        padding: 0px 0px 15px;
    }

    .modal.modal_click .contact-form-sec .form-box {
        padding: 3rem 1rem 1rem;
    }

    .modal.modal_click .contact-form-sec .form-box .form-group input {
        height: 40px;
        font-size: 14px;
    }

    .modal.modal_click .contact-form-sec .form-box h2 {
        font-size: 23px;
        margin: 20px 0px 20px;
        line-height: 29px;
    }

    .contact-form-sec .form-box h3 {
        font-size: 15px;
        margin: 14px 0px;
    }

    .contact-form-sec .form-box .question-box .options .option {
        padding: 5px 20px;
        border-radius: 6px;
        font-size: 14px;
        margin: 0;
    }

    .contact-form-sec .form-box .question-box .options {
        gap: 10px;
    }

    .modal.modal_click .contact-form-sec .form-box .question-box .options .option-btnS,
    .modal.modal_click .contact-form-sec .form-box .question-box .options .option-btn {
        padding: 6px 20px;
        border-radius: 9px;
        font-size: 14px;
    }

    .contact-form-sec .form-box .form-check label {
        font-size: 13px;
        line-height: 20px;
    }

    .contact-form-sec .form-box .btn-submit {
        padding: 12px 18px;
        font-size: 12px;
        border-radius: 9px;
    }

    .modal.modal_click .modal-header .btn-close {
        width: 0px;
        height: 0px;
        font-size: 30px;
        top: 2%;
        right: 0%;
    }


    .portfolio-sec .slick-dots {
        bottom: -18%;
    }

    .portfolio-sec .slick-dots li {
        height: 8px;
        width: 16px;
    }

    .portfolio-sec .slick-dots li.slick-active {
        height: 8px;
        width: 35px;
    }

    .process-sec .mainVideo {
        display: none;
    }

    .row.reverse {
        display: flex;
        flex-direction: column-reverse;
        gap: 25px;
    }

    .portfolio-sec .center-slider {
        display: none;
    }

    .portfolio-sec .mobile-slider {
        display: block;
    }

    .head-shape h2 {
        font-size: 30px !important;
        line-height: 36px !important;
        margin: 0px 0px 15px !important;
    }

    .portfolio-sec .head-shape {
        margin: 0px 0px 25px;
    }

    .process-sec .head-shape h2 {
        margin: 0px 0px 25px;
    }

    .packages-sec .head-shape {
        margin: 0px 0px 20px;
    }

    .different-sec .head-shape {
        margin: 0px 0px 20px;
    }

    .testimonials-sec .head-shape {
        margin: 0px 0px 20px;
    }

    .head-shape img {
        width: 25px;
        height: 25px;
    }

    .shape2 {
        top: -14px;
        right: 62%;
    }

    .shape1 {
        top: -42px;
        right: 58%;
    }

    .shape3 {
        top: -14px;
        right: 54%;
    }

    .portfolio-sec .head-shape .shape2 {
        top: -28px;
        right: 17%;
    }

    .portfolio-sec .head-shape .shape3 {
        top: -28px;
        right: 8.4%;
    }

    .portfolio-sec .head-shape .shape1 {
        top: -57px;
        right: 13%;
    }

    .process-sec .head-shape .shape3 {
        top: -29%;
        left: 50%;
    }

    .process-sec .head-shape .shape2 {
        top: -16px;
        left: 42%;
    }

    img.shape1 {}

    .process-sec .head-shape .shape1 {
        top: -42px;
        left: 46%;
    }

    .process-sec::before {
        width: 140px;
        height: 140px;
        top: 3%;
        left: 0%;
    }

    .different-sec .head-shape .shape3 {
        right: 10%;
        top: -23px;
    }

    .different-sec .head-shape .shape2 {
        top: -27px;
        right: 19%;
    }

    .different-sec .head-shape .shape1 {
        right: 15%;
        top: -54px;
    }

    .testimonials-sec .head-shape .shape3 {
        top: -20px;
        right: 22%;
    }

    .testimonials-sec .head-shape .shape2 {
        top: -21px;
        right: 30%;
    }

    .testimonials-sec .head-shape .shape1 {
        top: -48px;
        right: 26%;
    }

    .services-sec .main-box::before {
        top: -1%;
        left: -10%;
        width: 140px;
        height: 140px;
    }

    .services-sec .main-box.cir-shape::after {
        width: 130px;
        height: 130px;
    }

    .different-sec .main-box.cir-shape.fully::after {
        left: 50%;
    }

    .different-sec::before {
        width: 130px;
        height: 130px;
        bottom: 0%;
        right: 3%;
        animation: floatLeftRight 2s cubic-bezier(0.65, 0, 0.35, 1) infinite alternate;
    }

    .contact-form-sec .form-box .form-group textarea {
        font-size: 14px;
    }

    .contact-form-sec::before {
        width: 200px;
        height: 200px;
        top: 3%;
        left: 0%;
    }

    .contact-form-sec .form-box .form-check {
        margin: 0px 0px 20px;
    }

    .contact-form-sec::after {
        width: 150px;
        height: 150px;
        bottom: 0%;
        right: 0%;
        animation: floatLeftRight 2s cubic-bezier(0.65, 0, 0.35, 1) infinite alternate;
    }

    .process-sec {
        display: none;
    }

    .process-sec.mobile-sec {
        display: block;
    }

    .header .main-header .navbar .nav-list li a {
        display: none;
    }

    .header .main-header .navbar .nav-list li .btn-meun i {
        font-size: 25px;
    }

    .header .main-header .navbar .nav-list {
        gap: 0;
    }

    .header .main-header .logo a img {
        height: 30px;
    }

    .banner-sec {
        padding: 80px 0;
        height: auto;
    }

    .banner-sec .banner-content h1 {
        font-size: 49px;
        line-height: 75px;
        margin: 0px 0px 10px;
    }

    .pro-btn .btn-project.black-btn {
        padding: 10px 10px;
    }

    .banner-sec .banner-content p {
        font-size: 22px;
        line-height: 33px;
        margin: 0px 0px 20px;
    }

    .banner-sec .shapes img {
        width: 40px;
        height: 40px;
    }

    .banner-sec .shapes .img03 {
        top: 55px;
        left: 57px;
    }

    .banner-sec .shapes .img02 {
        top: 54px;
        left: 10px;
    }

    .banner-sec .shapes .img01 {
        top: 12px;
        left: 31px;
    }

    .pro-btn .btn-project {
        padding: 10px 10px;
        font-size: 14px;
        border-radius: 6px;
        gap: 5px;
    }

    .pro-btn .btn-project i {
        font-size: 14px;
    }

    p {
        font-size: 14px !important;
        line-height: 20px !important;
        margin: 0px 0px 15px;
    }

    section.about-sec {
        height: auto;
        padding: 60px 0px 20px;
    }

    section.about-sec .about-content h3 {
        font-size: 20px;
        margin: 0px 0px 5px;
        line-height: 30px;
    }

    section.about-sec .main-img img {
        height: 250px;
    }

    section.about-sec .about-shape img {
        width: 140px;
        height: 140px;
    }

    section.about-sec .main-img::before {
        width: 90px;
        height: 90px;
        top: 0%;
        left: 21%;
    }

    .services-sec .main-box .service-item p {
        font-size: 16px;
        line-height: 24px;
        margin: 0px 0px 10px;
    }

    .process-sec .head-shape h2,
    .services-sec .head-shape h2 {
        margin: 0px 0px 19px;
    }

    .services-sec {
        padding: 60px 0px;
    }

    .services-sec .head-shape .shape3 {
        right: 10%;
        top: -23px;
    }

    .services-sec .head-shape .shape2 {
        top: -25px;
        right: 18%;
    }

    .services-sec .head-shape .shape1 {
        top: -52px;
        right: 14%;
    }
    .portfolio-sec {
        padding: 75px 0px 20px;
    }
    
    .process-sec {
        padding: 51px 0px 0px;
    }
    
    section.testimonials-sec .owl-theme .owl-nav {
        display: none;
    }
    
    .frequently-sec .head-shape .shape3 {
        top: -23px;
        right: 11%;
    }
    
    .frequently-sec .head-shape .shape2 {
        top: -23px;
        right: 20%;
    }
    
    .frequently-sec .head-shape .shape1 {
        top: -52px;
        right: 15%;
    }
    
    .frequently-sec {
        padding: 70px 0px 30px;
    }
    
    .frequently-sec::before {
        width: 250px;
        height: 250px;
    }
    .frequently-sec .accordion-flush .accordion-item h2 .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
        font-size: 16px;
        line-height: 26px;
        padding: 9px 0px;
    }
    
    .frequently-sec .accordin .accordion-item .accordion-header .accordion-button::after {
        font-size: 18px;
        line-height: 28px;
    }
    
    .footer-sec::before {
        width: 200px;
        height: 200px;
    }
    
    .footer-sec .read h3 {
        font-size: 20px;
        line-height: 24px;
    }
    
    .footer-sec .read .talk-cir {
        height: 100px;
        width: 100px;
        padding: 10px 5px;
    }
    
    .footer-sec .read .talk-cir p {
        line-height: 17px;
        font-size: 12px;
    }
    
    .footer-sec .read .talk-cir p::before {
        font-size: 15px;
        left: 35px;
        bottom: -21px;
    }
    
    .footer-sec .read {
        padding: 0px 15px 10px;
        margin: 0px 0px 20px;
    }
    
    .footer-sec {
        padding: 30px 0px 0px;
    }
    
    .footer-sec .foot-logo .main-img {
        margin: 0px 0px 20px;
    }
    
    .footer-sec .foot-logo .main-img img {
        width: 130px !important;
    }
    
    .footer-sec .foot-logo .links {
        margin: 0px 0px 20px;
    }
    
    .footer-sec .foot-logo .links h4 {
        font-size: 20px;
        margin: 0px 0px 15px;
    }
    
    .footer-sec .foot-logo .links ul li a i {
        font-size: 19px;
        height: 35px;
        width: 35px;
    }
    
    .footer-sec .quick-links h4 {
        margin: 0px 0px 10px;
        font-size: 20px;
    }
    .footer-sec .quick-links ul {
      gap: 2px;
    }
    
    .footer-sec::after {
        width: 200px;
        height: 200px;
    }
    
    .footer-sec .contact-info h4 {
        font-size: 20px;
        margin: 0px 0px 10px;
    }
    .footer-sec .quick-links ul li a {
        font-size: 14px;
    }
    
    .footer-sec .contact-info ul li, .footer-sec .contact-info ul li a {
        font-size: 14px;
    }
    
    .footer-sec .contact-info ul li, .footer-sec .contact-info ul li a {
        gap: 0px;
        flex-direction: column;
        justify-content: start;
        align-items: self-start;
    }
    
    .footer-sec .contact-info ul li i {
        font-size: 18px;
        line-height: 28px;
    }
    
    .footer-sec .contact-info ul {
        gap: 5px;
    }
    
    .footer-sec .quick-links {
        margin: 0px 0px 20px;
    }
    
    .footer-sec .copy-right {
        margin: 10px 0px 0px;
        padding: 10px 0px;
        flex-direction: column;
        gap: 3px;
    }
    
    .footer-sec .copy-right p {
        font-size: 16px;
    }
    
    .footer-sec .copy-right a {
        font-size: 14px;
    }
    .nav-modal .modal-content {
        padding: 50px 5px 20px;
    }
    
    .nav-modal .modal-content .modal-body .menu ul {
        gap: 6px;
        margin: 0px 0px 30px;
    }
    
    .nav-modal .modal-content .modal-body .menu ul li a {
        font-size: 14px;
        gap: 7px;
    }
    
    .nav-modal .modal-content .modal-body .contact ul li a {
        font-size: 14px;
    }
    
    .nav-modal .modal-content .modal-body .contact ul li i {
        font-size: 18px;
    }
    
    .nav-modal .modal-content .modal-body .contact ul {
        gap: 10px;
        margin: 0px 0px 15px;
    }
    
    .nav-modal .modal-content .modal-body .contact .follow {
        margin: 0px 0px 1px 27px;
    }
    
    .nav-modal .modal-content .modal-body .contact h2 {
        margin: 0px 0px 0px 27px;
    }
    
    .nav-modal .modal-content .modal-body .contact h2 a {
        font-size: 16px;
    }
    
    .nav-modal .modal-content .modal-body .contact .follow h4 {
        font-size: 13px;
        margin: 0px 0px 10px;
        letter-spacing: 0px;
    }
    
    .nav-modal .modal-content .modal-body .contact .follow ul {
        gap: 0;
    }
    
    .nav-modal .modal-content .modal-body .contact .follow ul li a {
        height: 35px;
        width: 35px;
    }
    
    .nav-modal .modal-content .modal-body .contact .follow ul li a i {
        font-size: 16px;
    }
    
    .nav-modal .modal-content .modal-body .menu h6 {
        font-size: 16px;
        margin: 0px 0px 7px;
    }
    .modal-content .btn-close {
        padding: 6px 18px;
        line-height: 12px;
        font-size: 12px;
    }
    
    .nav-modal .modal-content .modal-body .contact ul li {
        gap: 5px;
    }
    
    .nav-modal .modal-content .modal-body .contact ul li a span {
        font-size: 12px;
        letter-spacing: 1px;
    }
    
    .nav-modal .modal-content .modal-body .dropdown .dropdown-menu li .dropdown-item {
        font-size: 14px;
    }
    
    .nav-modal .modal-content .modal-body .dropdown .dropdown-menu {
        gap: 4px;
        margin: 0px 0px 16px;
    }
    
    .nav-modal .modal-content .modal-body .dropdown .btn-back {
        gap: 5px;
        font-size: 12px;
        padding: 2px 12px;
    }
    .nav-modal .modal-dialog {
        max-width: 300px;
        margin: 100px auto;
        overflow: hidden;
    }
    .nav-modal .modal-content .modal-body .menu ul li a i {
        font-size: 13px;
        margin-top: 4px;
    }
    .about-banner-sec {
        padding: 150px 0px 40px;
    }
    
    .about-banner-sec .about-contant h1 {
        font-size: 30px;
        line-height: 40px;
        margin: 0px 0px 10px;
    }
    .about-banner-sec .about-contant p {
        width: 100%;
    }
    .bespoke-sec .bespoke-contant h2 {
        font-size: 28px;
        line-height: 38px;
        margin: 0px 0px 10px;
    }
    
    .bespoke-sec .bespoke-contant p {
        font-size: 16px;
        line-height: 24px;
        margin: 0px 0px 10px;
    }
    
    .bespoke-sec .bespoke-contant .head-shape h6 {
        font-size: 14px;
        margin: 0px 0px 5px;
    }
    
    .bespoke-sec .bespoke-contant .head-shape .shape2 {
        top: -30px;
        right: 50%;
    }
    
    .bespoke-sec .bespoke-contant .head-shape .shape3 {
        top: -29px;
        right: 42%;
    }
    
    .bespoke-sec .bespoke-contant .head-shape .shape1 {
        top: -56px;
        right: 46%;
    }
    
    .bespoke-sec::before {
        width: 200px;
        height: 200px;
        top: 4%;
        left: 2%;
    }
    
    .bespoke-sec::after {
        width: 200px;
        height: 200px;
        bottom: 0%;
        right: 4%;
    }
    
    .bespoke-sec {
        padding: 70px 0px 10px;
    }
    
    .our-value .head-shape .shape3 {
        top: -14px;
        right: 17%;
    }
    
    .our-value .head-shape .shape2 {
        top: -15px;
        right: 25%;
    }
    
    .our-value .head-shape .shape1 {
        top: -42px;
        right: 21%;
    }
    
    .our-value {
        padding: 50px 0px 0px;
    }
    
    .our-value .head-shape {
        margin: 0px 0px 20px;
    }
    
    .our-value .commit {
        margin: 0px 0px 30px;
    }
    
    .our-value .txt {
        width: 100%;
    }
    
    .our-value .txt h3 {
        font-size: 30px;
        line-height: 30px;
        margin: 0px 0px 10px;
    }
    
    .our-value .txt p {
        font-size: 16px;
        line-height: 26px;
    }
    
    .our-value .main-img img {
        width: 300px;
        height: 300px;
    }
    
    .our-value::before {
        width: 200px;
        height: 200px;
        top: 1%;
        left: 1%;
    }
    
    .our-value .main-img {
        text-align: center;
    }
    
    .our-value .main-img::before {
        width: 125px;
        height: 125px;
        left: -2%;
        bottom: -8px;
    }
    
    .our-value .main-img.circle-img {
        margin: 0px 0px 15px;
    }
    
    .our-value .main-img.circle-img::before {
        height: 120px;
        width: 123px;
        bottom: -18%;
        left: -2%;
    }
    .meet-your-team::before {
        width: 250px;
        height: 250px;
        top: 1%;
        left: 1%;
    }
    
    .meet-your-team .team-detail {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
    .our-awards-sec .head-shape {
        margin: 0px auto 20px;
        width: 100%;
    }
    
    .our-awards-sec .head-shape .shape1 {
        top: -10%;
        right: 11%;
    }
    
    .our-awards-sec .head-shape .shape2 {
        top: -4%;
        right: 15%;
    }
    
    .our-awards-sec .head-shape .shape3 {
        top: -16px;
        right: 7%;
    }
    
    .our-awards-sec {
        padding: 70px 0px 42px;
    }
    
    .our-awards-sec .head-shape p {
    }
    
    .our-awards-sec .logo-slider {
        margin: 20px 0px 30px;
    }
    
    .our-awards-sec .box {
        padding: 20px 30px;
        border-radius: 20px;
        height: 240px;
        margin: 0px 0px 15px;
    }
    
    .our-awards-sec .box h2 {
        font-size: 40px;
        line-height: 40px;
        margin: 0px 0px 5px;
    }
    
    .our-awards-sec .box h3 {
        font-size: 25px;
        margin: 0px 0px 10px;
    }
    
    section.our-awards-sec .owl-theme .owl-nav {
        display: none;
    }
    
    .our-awards-sec .box::before {
        left: -11%;
        top: -7%;
        width: 150px;
        height: 150px;
    }
    
    .our-awards-sec .circle-img.box::after {
        width: 150px;
        height: 150px;
        bottom: -15%;
    }
    
    .our-awards-sec .shape-02.box::after {
        width: 150px;
        height: 150px;
        right: -7%;
        top: 15%;
    }
    
    .our-awards-sec::after {
        width: 250px;
        height: 250px;
        bottom: -1%;
        right: 4%;
    }
    
    .meet-your-team .team-detail .team-member img {
        height: 340px;
        border-radius: 16px;
        margin: 0px 0px 15px;
    }
    
    .meet-your-team .team-detail .team-member h3 {
        font-size: 22px;
        line-height: 22px;
    }
    
    .meet-your-team .team-detail .team-member p {
        font-size: 16px;
    }
    
    .meet-your-team {
        padding: 80px 0px 30px;
    }
    .meet-your-team .head-shape .shape3 {
        top: -22px;
        right: 16%;
    }
    
    .meet-your-team .head-shape .shape1 {
        top: -54px;
        right: 20%;
    }
    
    .meet-your-team .head-shape .shape2 {
        top: -24px;
        right: 24%;
    }
    .our-awards-sec .logo-slider img {
        width: 100px;
        height: 60px;
    }
    .our-portfolio-sec::before {
        width: 200px;
        height: 200px;
        top: 2%;
        left: 1%;
    }
    
    .our-portfolio-sec {
        padding: 70px 0px 20px;
    }
    
    .our-portfolio-sec .head-shape .shape3 {
        top: -25px;
        right: 9%;
    }
    
    .our-portfolio-sec .head-shape .shape2 {
        top: -25px;
        right: 17%;
    }
    
    .our-portfolio-sec .head-shape .shape1 {
        top: -54px;
        right: 13%;
    }
    
    .our-portfolio-sec .main-img {
        margin: 0px 0px 10px;
    }
    
    .our-portfolio-sec .head-shape {
        margin: 0px 0px 20px;
    }
    .our-portfolio-sec .main-img a img {
       height: 110px;
   }
    .insights-sec {
        padding: 70px 0px 30px;
    }
    
    .insights-sec .head-shape {
        text-align: center;
    }
    
    .insights-sec .main-box .main-img img {
        height: 250px;
    }
    
    .insights-sec .main-box .contant {
        padding: 24px 15px;
        height: 200px;
        overflow: hidden;
        border-radius: 0px 0px 20px 20px;
    }
    
    .insights-sec .main-box .contant .two {
        height: 125px;
    }
    
    .insights-sec .main-box .contant h2 {
        font-size: 20px;
        line-height: 30px;
    }
    
    .insights-sec .main-box {
        border-radius: 20px;
        margin: 0px 0px 25px;
    }
    
    .insights-sec .main-box .contant a {
        font-size: 16px;
        line-height: 14px;
        gap: 9px;
    }
    
    .insights-sec .head-shape img.shape1 {
        left: 50%;
        top: -50px;
    }
    
    .insights-sec .head-shape img.shape2 {
        top: -22px;
        left: 46%;
    }
    
    .insights-sec .head-shape img.shape3 {
        top: -22px;
        right: 40%;
    }
    .contact-form-sec {
       padding: 60px 0px;
    }
    
    .contact-form-sec .form-box {
        padding: 20px 20px 30px;
        border-radius: 15px;
    }
    
    .contact-form-sec .form-box h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0px 0px 20px;
    }
    
    .contact-form-sec .form-box .form-group input {
        height: 45px;
        font-size: 16px;
    }
    
    .contact-form-sec .form-box .form-group textarea {
        height: 90px;
    }
    .about-banner-sec .about-contant h2 {
        font-size: 18px;
        line-height: 26px;
        margin: 0px 0px 10px;
    }
    
    .impressions-sec {
        padding: 40px 0px 20px;
    }
    
    .impressions-sec .main-img img {
        height: 250px;
    }
    
    .impressions-sec .contant h2 {
        font-size: 30px;
        line-height: 35px;
        margin: 0px 0px 10px;
    }
    
    .impressions-sec .contant .desgin-detail {
        gap: 15px;
        grid-template-columns: repeat(1, 1fr);
    }
    
    .impressions-sec .contant .desgin-detail .box h4 {
        font-size: 20px;
        line-height: 25px;
        margin: 0px 0px 5px;
    }
    
    .impressions-sec .contant .desgin-detail .box p {
        font-size: 16px;
        line-height: 26px;
    }
    .impressions-sec .row.reverse {
        flex-direction: column-reverse;
        display: flex;
    }
    .Features .head-shape h3 {
        font-size: 16px;
        margin: 0px 0px 10px;
    }
    
    section.services-sec.different-sec.Features {
        padding: 70px 0px 20px;
        margin: 0px 0px 0px;
    }
    
    .Features .head-shape .shape1 {
        right: 46%;
        top: -50%;
    }
    
    .Features .head-shape .shape2 {
        right: 49%;
        top: -28%;
    }
    
    .Features .head-shape .shape3 {
        right: 41%;
        top: -28%;
    }
    .packages-sec .head h2 {
        font-size: 30px
    }
    
    .packages-sec {
        padding: 60px 0 0
    }
    
    .packages-sec .pricing-table table tbody tr td h5,
    .packages-sec .pricing-table table tbody tr td h6,
    .packages-sec .pricing-table table thead tr th h3 {
        font-size: 13px
    }
    
    .packages-sec .pricing-table table thead tr th h4 span {
        font-size: 13px;
        margin: 2px 0 0
    }
    
    .packages-sec .pricing-table table thead tr th h4 {
        font-size: 11px
    }
    
    .packages-sec .pricing-table table thead tr th {
        padding: 8px
    }
    
    .packages-sec .pricing-table table thead tr th:first-child {
        width: 30%
    }
    
    .packages-sec .pricing-table table tbody tr td a {
        font-size: 10px;
        padding: 6px 8px;
        border-radius: 6px;
        width: 70px;
        display: flex;
        justify-content: center
    }
    
    .packages-sec .pricing-table table thead tr th h4 small {
        font-size: 9px;
        margin: 2px 0 0
    }
    
    .packages-sec .pricing-table table tbody tr td {
        padding: 12px
    }
    
    section.packages-sec.packages-page {
        padding: 161px 0 0;
    }
    
    .packages-sec .head-shape .shape2 {
        left: 75%;
        top: -15px;
    }
    
    .packages-sec .head-shape .shape3 {
        left: 84%;
        top: -15px;
    }
    
    .packages-sec .head-shape .shape1 {
        left: 79%;
        top: -43px;
    }
    
    .packages-sec::before {
        width: 110px;
        height: 111px;
        top: 9%;
        left: 2%;
    }
    
    .packages-sec::after {
        width: 100px;
        height: 100px;
        bottom: 1%;
        right: 1%
    }
    .about-banner-sec .about-contant p {
       width: 100%;
    }
    .our-portfolio-sec::after {
        width: 150px;
        height: 150px;
        bottom: -3%;
        right: 0%;
   }
    section.packages-sec.packages-page .package-tabs .package-tab-ul .nav-link {
        font-size: 12px;
        padding: 10px 14px;
    }
    
    section.packages-sec.packages-page .package-tabs .package-tab-ul {
        margin: 0px 0px 20px;
        gap: 5px;
    }
    
    .header {
      padding: 15px 0px;
    }
    .packages-sec .pricing-table {
        margin: 0 0 20px;
    }
    nav.navbar {
       padding: 0;
    }
    
    .thankyou_page2 p {
        font-size: 28px;
        padding: 0px 0 23px;
        width: 100%;
    }
    .thankyou_page2 a {
        width: 254px;
        padding: 11px 0;
        font-size: 14px;
    }
    .thankyou_page2 img {
        width: 164px;
    
    }
    .thankyou_page2 h1 {
        font-size: 22px;
        padding: 20px 0 20px;
    }
    
    
    .privacy-policy-sec {
        padding: 16px 0;
    }

    .privacy-policy-sec .privacy-content h3 {
        font-size: 20px;
    }
    
    .privacy-policy-sec .privacy-content p {
        text-align: left;
    }
    .privacy-policy-sec br{
        display:none;
    }
    .privacy-policy-sec .privacy-content ul li {
        font-size: 14px;
        line-height: 24px;
    }
    
    .privacy-policy-sec .privacy-content ul {
        gap: 5px;
        padding: 0 0 0 14px;
    }

}