@media only screen and (min-width: 1800px) and (max-width: 1999px) {
    .logo {
        width: 20%;
    }

    .container-fluid.zero-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 1800px) and (max-width: 1850px) {
    .main-menu ul li a{
        font-size: 15px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
        .slider01{
        height: 800px;
    }

    .banner-three-area{
        padding-top: 0;
    }

    .header-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}
    .container-fluid.zero-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .banner-three__shape {
        right: 80px;
    }

    .res-colums {
        display: flex;
        align-items: center;
    }

    .banner-three__content h1 {
        font-size: 133px;
        line-height: 133px;
        margin-bottom: 50px;
    }

        .main-menu ul li a{
        font-size: 15px;
    }

    .header-social {
        display: none;
    }

    .headerAccessArea {
        margin-left: 20px;
    }

    .banner-three__content {
        margin-left: 100px;
    }

    .banner-three__content p {
        max-width: 450px;
    }
}

@media (max-width: 1599px) {
    .cont-desk {
        display: none;
    }

    .cont-mobb {
        display: block;
    }

    .container-fluid.zero-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    
    .breadcumb-wrapper{
        padding: 200px 0;
    }
        .slider01{
        height: 800px;
    }

      .tp-caption.tp-caption-11{
        font-size: 80px !important;
        line-height: 80px !important;
    }

    .tp-caption.tp-caption-11.deidgg{
            left: -150px;
    top: -50px;
    }

    .tp-caption.tp-caption-11.line-dfe{
        top: -50px;
            min-height: 30px !important;
    /* min-width: 200px !important; */
    max-height: 30px !important;
    /* max-width: 200px !important; */
    }
    .main-menu ul li a{
        font-size: 14px;
    }
    .header-01{
        padding: 0 20px;
    }
    .banner-three__shape {
        right: -16px;
    }

    .counter-card_number {
        font-size: 45px;
    }

    .service-list_title {
        font-size: 22px;
    }

    .link-btn {
        font-size: 15px;
    }

    .service-card.style2 .service-card_title {
        font-size: 25px;
    }

    .about-feature .box-text {
        font-size: 13px;
    }

    .res-colums {
        display: flex;
        align-items: center;
    }

    .col-lg-pdsa {
        width: 33% !important;
    }

    .col-lg-ponsive {
        width: 50% !important;
    }

    .service-card_title {
        font-size: 22px;
    }

    .stepbox-title h3 {
        font-size: 30px;
    }

    .privc-banne {
        background-position: center;
    }

    .posi-btrs {
        background-position: center;
    }

    .cont-desk {
        display: none;
    }

    .cont-mobb {
        display: block;
    }

    .choose-section h4 {
        right: -570px;
        top: -570px;
    }

    .choose-section .choose-image {
        right: -550px;
    }

    .choose-section .choose-arrow {
        left: 25px;
    }

    .choose-section .choose_content {
        margin-left: 80px;
    }

    .comp-feature_title {
        font-size: 18px;
    }

    .project-title {
        font-size: 18px;
    }

    .header-social {
        display: none;
    }

    .headerAccessArea {
        margin-left: 20px;
    }

    .banner-three-area {
        padding-bottom: 215px;
        padding-top: 0;
    }

    .banner-three__content h1 {
        font-size: 115px;
        line-height: 115px;
    }

    .banner-three__content p {
        max-width: 350px;
    }

    .banner-three__content {
        margin-left: 100px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .breadcumb-wrapper{
        padding: 200px 0;
    }

    .slider01{
        height: 800px;
    }

    .tp-caption.tp-caption-11{
        font-size: 80px !important;
        line-height: 80px !important;
    }

    .tp-caption.tp-caption-11.deidgg{
            left: -150px;
    top: -50px;
    }

    .tp-caption.tp-caption-11.line-dfe{
        top: -50px;
            min-height: 30px !important;
    /* min-width: 200px !important; */
    max-height: 30px !important;
    /* max-width: 200px !important; */
    }

        .main-menu ul li a{
        font-size: 14px;
    }
    .header-01{
        padding: 0 20px;
    }
    .th-btn{
        padding: 15px;
    }

    blockquote{
            padding: 25px 40px 25px 165px;
            font-size: 17px;
    }

    .widget-banner .title{
        font-size: 25px;
    }

    .widget-banner .link{
        font-size: 13px;
    }

    .tagcloud{
            display: grid;
    grid-template-columns: auto auto;
    }

    .banner-three__content p {
        max-width: fit-content;
        margin-top: 0;
    }

    .banner-three__shape {
        display: none;
    }

    .banner-three-area {
        margin-bottom: 0;
        padding-top: 0;
    }

    .counter-card_number {
        font-size: 35px;
    }

    .h2,
    h2 {
        font-size: 32px;
        line-height: 1.208;
    }

    .section-title h2{
        font-size: 23px;
    }

    .counter-card_text {
        font-size: 12px;
    }

    .experience-card .title2 {
        font-size: 35px;
    }

    .experience-card .title {
        font-size: 70px;
    }

    .service-list_title,
    .service-card.style2 .service-card_title {
        font-size: 22px;
    }

    .service-list {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .res-colums {
        display: flex;
        align-items: center;
    }

    .project-details h2 {
        font-size: 30px;
    }

    .col-lg-res {
        width: 100% !important;
    }


    .stepbox-items-block {
        display: grid;
        grid-template-columns: auto auto;
    }

    .title-area.are-titl .big-title {
        font-size: 64px;
    }

    .stepbox-item .stepbox-desc {
        width: auto;
    }

    .stepbox-item .stepbox-title {
        margin-bottom: 0px;
    }

    .stepbox-title h3 {
        font-size: 20px;
    }

    .service-card_title {
        font-size: 18px;
    }

    .stepbox-item .step-label span {
        padding: 10px;
    }

    .home2-stepbox-section {
        padding: 70px 0;
    }

    .home2-stepbox-section-content-wrapper .stepbox-images-block {
        display: none;
    }

    .stepbox-item-inner {
        height: auto;
        padding: 30px 15px;
    }

    .stepbox-responsive-image-block {
        display: block;
    }

    .res-margu {
        margin-bottom: 0px !important;
    }

    .privc-banne {
        background-position: center;
    }

    .bread-res,
    .posi-btrs {
        background-position: center;
    }


    .contact-list-text {
        font-size: 14px;
    }

    .choose-section h4 {
        right: -510px;
        top: -475px;
    }


    .choose-section .choose-arrow {
        left: -25px;
    }

    .choose-section .choose_content {
        margin-left: 40px;
    }

    .choose-section .choose-image {
        right: -400px;
    }

    .font-sizee,
    .solution-item-title {
        font-size: 23px;
    }

    .about-feature-wrap {
        display: none;
    }

    .banner-three__content {
        margin-left: 120px;
    }

    .banner-three-area {
        padding-bottom: 650px;
    }

    .banner-three__content h1 {
        font-size: 90px;
        margin-bottom: 0;
    }

    .headerAccessArea {
        display: none;
    }

    .project-title,
    .comp-feature_title {
        font-size: 18px;
    }

    .footer-info-box .footer-info {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1399px) {
    .second-ress .stepbox-item-inner .stepbox-responsive-image-block img {
        width: 689px;
                height: 664px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .second-ress .stepbox-item-inner .stepbox-responsive-image-block img {
        width: 589px;
        height: 586px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title h2{
        font-size: 23px;
    }

           .slider01{
        height: 800px;
    }

      .tp-caption.tp-caption-11{
        font-size: 80px !important;
        line-height: 80px !important;
    }

    .tp-caption.tp-caption-11.deidgg{
            left: -150px;
    top: -50px;
    }

    .tp-caption.tp-caption-11.line-dfe{
        top: -50px;
            min-height: 30px !important;
    /* min-width: 200px !important; */
    max-height: 30px !important;
    /* max-width: 200px !important; */
    }

    .widget-banner .title{
        font-size: 20px;
    }

    .th-btn{
        padding: 15px;
    }

    .widget-banner .link{
        font-size: 10px;
    }

    blockquote p, blockquote pre{
        font-size: 15px;
    }
    .recent-post .post-title {
        font-size: 12px;
        line-height: 22px;
    }

    .widget_nav_menu a, .widget_meta a, .widget_pages a, .widget_archive a, .widget_categories a{
            font-size: 14px;
    }

        .blog-single .blog-title {
        font-size: 28px;
    }
    .solution-item-title {
        font-size: 20px;
    }

    .h2,
    h2 {
        font-size: 27px;
    }

    .experience-card .year {
        font-size: 340px;
    }

    .counter-card_number {
        font-size: 45px;
    }

    .banner-three__shape {
        display: none;
    }

    .banner-three__content p {
        max-width: fit-content;
        margin-top: 0;
        text-align: center;
        line-height: 30px;
    }

    .banner-three__content h1 {
        margin-bottom: 30px;
        font-size: 80px;
        line-height: 80px;
    }

    .mile-ress {
        font-size: 35px;
    }

    .res-colums {
        display: flex;
        align-items: center;
    }

    .inner-list.res-innewr {
        display: none;
    }

    .project-details h2 {
        font-size: 20px;
    }

    .second-ress .stepbox-item-inner .stepbox-responsive-image-block img {
        width: 485px;
        height: 495px;
    }

    .col-lg-res {
        width: 100% !important;
    }


    .stepbox-items-block {
        display: grid;
        grid-template-columns: auto auto;
    }

    .title-area.are-titl .big-title {
        font-size: 64px;
    }

    .stepbox-item .stepbox-desc {
        width: auto;
    }

    .stepbox-item .stepbox-title {
        margin-bottom: 0px;
    }

    .stepbox-title h3,
    .service-card_title {
        font-size: 20px;
    }

    .stepbox-item .step-label span {
        padding: 10px;
    }

    .home2-stepbox-section {
        padding: 70px 0;
    }

    .home2-stepbox-section-content-wrapper .stepbox-images-block {
        display: none;
    }

    .stepbox-item-inner {
        height: auto;
        padding: 30px 15px;
    }

    .stepbox-responsive-image-block {
        display: block;
    }

    .res-margu {
        margin-bottom: 0px !important;
    }

    .choose-section h4 {
        display: none;
    }

    .choose-section .choose-image {
        right: -200px;
    }

    .choose-section .choose-arrow {
        left: 0px;
    }

    .choose-section .choose_content h2 {
        font-size: 35px;
    }

    .choose-section .choose_content {
        margin-left: 55px;
    }

    .font-sizee {
        font-size: 23px;
    }

    .header-social {
        display: none;
    }

    .banner-three-area {
        padding-bottom: 650px;
        margin-bottom: 0;
        padding-top: 0;
    }

    .service-grid-img {
        margin-left: 400px;
    }

    .banner-three__content p::before {
        display: none;
    }

    .comp-feature {
        align-items: center;
    }

    .nredd-hrlp {
        margin-bottom: 10px;
    }

    .footer-info-box .footer-info {
        font-size: 12px;
    }

    .changing-image-heading {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
       .slider01{
        height: 800px;
    }

      .tp-caption.tp-caption-11{
        font-size: 80px !important;
        line-height: 80px !important;
    }

    .tp-caption.tp-caption-11.deidgg{
            left: -150px;
    top: -50px;
    }

    .tp-caption.tp-caption-11.line-dfe{
        top: -50px;
            min-height: 30px !important;
    /* min-width: 200px !important; */
    max-height: 30px !important;
    /* max-width: 200px !important; */
    }
    .project-info_title, .project-info_text{
        font-size: 18px;
    }
    .project-info_text{
        font-size: 15px;
    }
    .nav-tabs.nav-ta-11 {
        display: grid;
        grid-template-columns: auto auto auto auto auto auto;
        gap: 10px;
    }

    .nav-tabs.nav-ta-11 .nav-item button {
        font-size: 15px;
    }

    .experience-card {
        margin-bottom: 30px;
    }

    .header-01 {
        padding: 0;
    }

    .project-details h2 {
        font-size: 30px;
    }

    .project-info-wrap {
        display: grid;
        grid-template-columns: auto auto auto;
    }

    .stepbox-items-block {
        display: grid;
        grid-template-columns: auto auto;
    }

    .title-area.are-titl .big-title {
        font-size: 64px;
    }

    .stepbox-item .stepbox-desc {
        width: auto;
    }

    .stepbox-item .stepbox-title {
        margin-bottom: 0px;
    }

    .stepbox-title h3,
    .service-card_title {
        font-size: 20px;
    }

    .stepbox-item .step-label span {
        padding: 10px;
    }

    .home2-stepbox-section {
        padding: 70px 0;
    }

    .home2-stepbox-section-content-wrapper .stepbox-images-block {
        display: none;
    }

    .stepbox-item-inner {
        height: auto;
        padding: 30px 15px;
    }

    .stepbox-responsive-image-block {
        display: block;
    }

    .res-margu {
        margin-bottom: 0px !important;
    }

    .res-bgge {
        background-position: bottom;
    }

    .ft-headd {
        font-size: 35px;
    }

    .contact-info-block {
        margin-bottom: 50px;
    }

    .choose-section h4 {
        display: none;
    }

    .choose-section .choose_content h2 {
        font-size: 30px;
        line-height: 55px;
    }

    .choose-section .choose_content {
        margin-left: 30px;
        max-width: 610px;
    }

    .choose-section .choose-image {
        right: 0;
    }

    .choose-section .choose-arrow {
        top: -230px;
        left: -5px;
    }

    .scroll-changing-image-content {
        padding-bottom: 0;
        padding-right: 0;
    }

    .scroll-changing-images-block {
        display: none;
    }

    .font-sizee {
        font-size: 16px;
    }

    .solution-item-wrapper.bottom {
        padding-top: 150px;
    }

    .modal-open .modal {
        padding-right: 0 !important;
    }

    .service-button-block {
        display: none;
    }

    .solution-item-wrapper.top {
        padding-bottom: 0;
    }

    .foot-roww {
        display: contents;
    }

    .shape-feature-wrap {
        height: auto;
        padding-bottom: 100px;
        display: grid;
        grid-template-columns: auto auto;
        gap: 30px;
    }

    .shape-feature {
        padding-top: 0;
    }

    .shape-feature .box-number {
        display: none;
    }

    .shape-feature .box-content {
        width: auto;
        height: auto;
        mask-image: none !important;
        padding: 50px;

    }

    .headerAccessArea {
        display: none;
    }

    .livinn-modal-carousel-side {
        display: none;
    }

    .banner-three__content h1 {
        font-size: 120px;
        line-height: 120px;
        margin-bottom: 0;
    }

    .banner-three-area {
        padding-bottom: 700px;
        margin-bottom: 0;
        padding-top: 0;
    }

    .counter-card-video {
        margin: 0;
    }

    .h2,
    h2 {
        font-size: 26px;
    }

    .counter-card_number {
        font-size: 35px;
    }

    .counter-card_text {
        font-size: 12px;
    }

    .shape-feature .box-content .shape {
        display: none;
    }

    .banner-three__content p {
        max-width: fit-content;
    }

    .banner-three__image .stroke-text {
        left: -160px;
        font-size: 125px;
    }

    .banner-three__content p::before {
        display: none;
    }

    .counter-card-wrap {
        gap: 0px;
    }

    .service-grid-img {
        margin-left: 250px;
    }
}

@media only screen and (min-width: 950px) and (max-width: 991px) {

    .second-ress .stepbox-item-inner .stepbox-responsive-image-block img {
        height: 495px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 800px) {

    .second-ress .stepbox-item-inner .stepbox-responsive-image-block img {
        height: 381px;
    }
}

@media only screen and (min-width: 398px) and (max-width: 576px) {
    .banner-three__content h1 {
        font-size: 30px;
    }

    .mile-ress {
        font-size: 22px;
    }

    .shape-feature .box-text {
        max-width: fit-content;
    }

    .shape-feature-wrap {
        height: auto;
        padding-bottom: 100px;
    }

    .shape-feature {
        padding-top: 0;
    }

    .shape-feature .box-number {
        display: none;
    }

    .shape-feature .box-content {
        width: auto;
        height: auto;
    }
}

@media (max-width: 1199px) {

    .main-menu ul li ul li a {
        color: #ffffff;
    }

    .font-sizee {
        margin-bottom: 0px !important;
    }

    .main-menu ul li a {
        color: #000000;
    }

    .shape-feature .box-title {
        font-size: 15px;
        color: #FECC52;
    }

    .logo img {
        padding: 15px 0;
    }

    .menuToggler {
        background: #FECC52;
    }

    .menuToggler i {
        color: #000000;
    }

    .header-social {
        margin-right: 30px;
    }

    .headerAccessArea {
        margin-left: 10px;
    }

    .cmMainmenu ul li ul li a {
        padding-left: 34px;
    }

    .main-menu ul li ul li:hover>a,
    .main-menu ul li ul li.current-menu-item>a {
        border-bottom-color: rgba(255, 255, 255, .3);
    }

    .cmMainmenu ul {
        display: block;
        width: 100%;
        position: relative;
    }

    .cmMainmenu ul li {
        margin: 0;
        padding: 0;
        display: block;
    }

    .menuToggler {
        display: inline-flex;
        margin-left: auto;
    }

    .fixedHeader.header-03 .main-menu-03,
    .cmMainmenu {
        position: absolute;
        left: 0;
        width: 100%;
        background: #FECC52;
        top: 100%;
        z-index: 999;
        display: none;
        max-height: calc(100vh - 120px);
        overflow-y: auto;
        margin: 0;
        text-align: left;
    }

    .cmMainmenu ul li a:hover,
    .cmMainmenu ul li.current-menu-item>a {
        background: transparent;
    }

    .isDark .main-menu-04 ul li>a,
    .cmMainmenu ul li a {
        display: block;
        padding: 11px 20px;
        border-bottom: 1px solid #ffffff;
        position: relative;
    }

    .cmMainmenu ul li ul {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        background: #141414;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        transform: none;
        transition: none;
        display: none;
    }
}

@media (max-width: 767px) {

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

    .footer-info-box .footer-box {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-info-box .footer-info {
        margin-left: 0;
    }

    .title-area {
        margin-bottom: 20px;
    }

    .th-btn {
        padding: 15px;
    }

    .shape-feature .box-content .shape {
        display: none;
    }

    .banner-three__shape {
        display: none;
    }

    .skill-feature.style2 .skill-feature_title,
    .skill-feature.style2 .progress-value {
        font-size: 18px;
    }

    .choose-section {
        margin-top: 100px;
    }

    .text-vmp {
        text-align: start;
    }

    .solution-item-wrapper.center {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .title-area.are-titl .big-title {
        font-size: 105px;
    }

    .stepbox-item .stepbox-desc {
        width: auto;
    }

    .stepbox-item .stepbox-title {
        margin-bottom: 0px;
    }

    .stepbox-title h3,
    .service-card_title {
        font-size: 19px;
    }

    .stepbox-item .step-label span {
        padding: 10px;
    }

    .home2-stepbox-section {
        padding: 70px 0;
    }

    .home2-stepbox-section-content-wrapper .stepbox-images-block {
        display: none;
    }

    .stepbox-item-inner {
        height: auto;
        padding: 30px 15px;
    }

    .stepbox-responsive-image-block {
        display: block;
    }

    .res-margu {
        margin-bottom: 0px !important;
    }

    .res-bgge {
        background-position: bottom;
    }

    .dis-cont {
        font-size: 13px;
    }

    .blog-content h3 {
        font-size: 23px;
    }

    .blog-title {
        font-weight: normal;
    }

    .privc-banne {
        background-position: center;
    }

    .contact-list-text {
        font-size: 14px;
    }

    .contact-info-block {
        margin-bottom: 50px;
        padding-right: 0;
    }

    .footer-logo {
        margin-bottom: 30px;
    }

    .choose-feature .box-title {
        font-size: 16px;
        text-transform: capitalize;

    }

    .choose-section .choose_content {
        box-shadow: 6px 6px 6px #0e0e0e8a;
    }

    .choose-section .choose_content ul li {
        line-height: 30px;
    }

    .solution-item-title,
    .core-fontt {
        font-size: 20px;
    }

    .ceo-font {
        font-size: 20px;
    }

    .font-sizee {
        font-size: 16px;
    }

    .changing-image-heading {
        font-size: 23px;
    }

    .scroll-changing-images-block {
        display: none;
    }

    .choose-section,
    .choose-section .choose_content {
        top: 0;
        right: 0;
    }

    .choose-section h4,
    .choose-image,
    .choose-section .choose-arrow {
        display: none;
    }

    .choose-section .choose_content {
        width: auto;
        margin-left: 0;
    }

    .choose-section .choose_content {
        padding: 20px;
        padding-bottom: 70px;
    }

    .choose-section .choose_content h2 {
        margin-top: 100px;
        line-height: normal;
    }

    .title-circle {
        width: 300px;
        height: 300px;
        padding: 35px 5px;
    }

    .section-title-description.text-opacity {
        font-size: 15px;
        text-align: left;
    }

    .scroll-changing-image-content {
        padding-right: 0px;
        padding-bottom: 0;
        padding-top: 35px;
    }

    .philo-marg {
        margin-bottom: 0;
    }

    .bg-desi {
        background-position: center;
    }

    .solution-item-wrapper.bottom {
        padding-top: 130px;
    }

    .procs-head {
        font-size: 30px !important;
    }

    .about-feature-wrap {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .sub-title {
        font-size: 12px;
    }

    .livinn-modal-carousel-side {
        display: none;
    }

    .shape-feature .box-text {
        max-width: fit-content;
    }

    .shape-feature-wrap {
        height: auto;
        padding-bottom: 100px;
    }

    .shape-feature {
        padding-top: 0;
    }

    .shape-feature .box-number {
        display: none;
    }

    .shape-feature .box-content {
        width: auto;
        height: auto;
        mask-image: none !important;

    }

    .modal-open .modal {
        padding-right: 0 !important;
    }

    .disclaimer-btn {
        margin-top: 0;
    }

    .disclaimer-body-inner p {
        font-size: 10px;
        /* font-size: 15px; */
        text-align: center;
    }

    .disclaimer {
        font-size: 28px;
    }

    .bamn-dis {
        display: none;
    }

    .mbb-dis {
        display: block;
    }

    .footer-layout1 .copyright-text-11 {
        border-top: 0px;
        padding-top: 0;
    }

    .footer-layout1 .copyright-text-12 {
        border-bottom: 0px;
        padding-bottom: 0;
    }

    .crea-copyy {
        flex-direction: column;
    }

    .testi-grid_text,
    .footer-info-box .footer-info {
        font-size: 14px;
    }

    .comp-feature_title {
        font-size: 17px;
    }

    .counter-card {
        max-width: fit-content;
    }

    .counter-card-wrap {
        flex-direction: column;
        gap: 30px;
    }

    .res-padd {
        padding: 50px 0;
    }

    .abtt-padd {
        padding-top: 0;
    }

    .experience-card {
        margin-top: 0;
        margin-bottom: 30px;
    }

    p {
        line-height: 1.8888;
    }

    .h1,
    h1 {
        font-size: 40px
    }

    .h2,
    h2,
    .bff-head,
    .service-card.style2 .service-card_title {
        font-size: 25px
    }

    .btt-op[type=button]:not(:disabled),
    .btt-opbutton:not(:disabled) {
        cursor: pointer;
        opacity: 0;
    }

    .mob-bann {
        display: block;
    }

    .desk-bann {
        display: none;
    }

    .header-01 {
        padding: 0;
    }

    .logo {
        width: 65%;
    }

    .headerAccessArea {
        display: none;
    }

    .banner-three-area {
        padding-top: 70px;
        padding-bottom: 400px;
        margin-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .banner-three__content p {
        max-width: fit-content;
        margin-top: 20px;
    }

    .banner-three__content {
        padding: 0;
    }

    .banner-three__content p::before {
        display: none;
    }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-navigation .nav-btn{
        gap: 5px;
    }

    .blog-navigation .nav-text{
        font-size: 14px;
    }

    blockquote p, blockquote pre{
        font-size: 15px;
    }

        .blog-single .blog-title {
        font-size: 24px;
    }

    .nav-tabs.nav-ta-11 .nav-item button {
        font-size: 15px;
    }

    .shape-feature .box-content {
        padding: 40px;
    }

    .service-list_title {
        font-size: 20px;
    }

    .project-info_text {
        font-size: 15px;
    }

    .project-info-wrap {
        display: grid;
        grid-template-columns: auto auto auto;
    }

    .project-info_title {
        font-size: 18px;
    }

    .project-details h2 {
        font-size: 24px;
    }

    .banner-three__content h1 {
        font-size: 49px;
        line-height: normal;
        margin-bottom: 0px;
    }

    .banner-three__image .stroke-text {
        left: -85px;
        font-size: 87px;
    }
}

@media only screen and (min-width: 501px) and (max-width: 767px) {
    .gallery-box .project-img img {
        width: 430px !important;
        height: 430px !important;
    }
}

@media only screen and (min-width: 657px) and (max-width: 767px) {
    .banner-three-area {
        padding-bottom: 600px;
    }

    .contact-social-items {
        display: grid;
        grid-template-columns: auto auto;
    }
}

@media only screen and (min-width: 561px) and (max-width: 656px) {
    .banner-three-area {
        padding-bottom: 500px;
    }
}

@media only screen and (min-width: 496px) and (max-width: 560px) {
    .banner-three-area {
        padding-bottom: 450px;
    }
}

@media only screen and (min-width: 549px) and (max-width: 575px) {
    .font-sizee {
        font-size: 23px;
    }
}

@media only screen and (min-width: 509px) and (max-width: 548px) {
    .font-sizee {
        font-size: 21px;
    }
}

@media only screen and (min-width: 489px) and (max-width: 508px) {
    .font-sizee {
        font-size: 19px;
    }
}

@media only screen and (min-width: 469px) and (max-width: 488px) {
    .font-sizee {
        font-size: 18px;
    }
}

@media only screen and (min-width: 449px) and (max-width: 468px) {
    .font-sizee {
        font-size: 17px;
    }
}

@media only screen and (min-width: 428px) and (max-width: 448px) {
    .font-sizee {
        font-size: 16px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 427px) {
    .font-sizee {
        font-size: 15px;
    }
}

@media (max-width: 575px) {
    /* .footer-info .link{
        font-size: 15px;
    } */

    .breadcumb-title {
        font-size: 20px;
    }

    .banner-three__content h1 {
        font-size: 50px;
        line-height: normal;
        margin-bottom: 0px;
    }

    .project-details h2 {
              font-size: 17px;
        margin-bottom: 10px !important;
    }

    .project-breadcumb-content {
        display: none;
    }

    .priv-haed h3 {
        font-size: 18px;
    }

    .bread-res {
        background-position: right;
    }

    .sec-btn-11 {
        display: none;
    }

    .service-list-slide {
        display: none;
    }

    .footer-layout1 .footer-info,
    .footer-layout1 .th-social {
        max-width: none;
        margin-left: 0;
        margin-right: auto;
    }

    .footer-info-box .th-social {
        text-align: start;
    }

    .inner-list ul li, .inner-list ol li{
        font-size: 13px;
    }
}

@media only screen and (min-width: 421px) and (max-width: 575px) {
    .banner-three__image .stroke-text {
        left: -70px;
        font-size: 65px;
    }

    .blog-single .blog-title {
        font-size: 26px;
    }
}

@media (max-width: 420px) {
    .banner-three__image .stroke-text {
        left: -85px;
        font-size: 65px;
    }

    .blog-single .blog-title {
        font-size: 17px;
    }
}

@media (max-width: 396px) {

    .disclaimer-body-inner {
        padding: 10px;
    }


    .choose-section .choose_content ul li {
        font-size: 13px;
    }

    .res-jumpp {
        display: none;
    }

    .stepbox-title h3,
    .service-card_title {
        font-size: 17px;
    }

    .mar-btt,
    .size-ftt {
        font-size: 15px;
    }

    .contact-list-link,
    .contact-list-text {
        font-size: 12px;
    }

    .ceo-font {
        font-size: 17px;
    }

    .procs-head {
        font-size: 25px !important;
    }

    .solution-item-title,
    .choose-feature .box-title {
        font-size: 20px;
    }

    .font-sizee {
        font-size: 20px;
    }

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

    .comp-feature_title {
        font-size: 14px;
    }

    .disclaimer {
        font-size: 25px;
    }

    .banner-three__image .stroke-text {
        left: -20px;
        font-size: 55px;
        bottom: -135px;
    }

    .banner-three__image {
        position: absolute;
        left: 40%;
        transform: translateX(-50%);
        bottom: 130px;
    }

    .h2,
    h2,
    .bff-head {
        font-size: 21px;
    }

    .copyright-text {
        font-size: 12px;
    }

    .service-card.style2 .service-card_title {
        font-size: 22px;
    }

    .project-title {
        font-size: 18px;
    }

}

@media (max-width:397px) {
    .mile-ress {
        font-size: 18px;
    }

    .choose-feature .box-title {
        max-width: 100px;
    }

    .choose-feature .box-text {
        max-width: 180px;
    }
}

@media only screen and (min-width: 388px) and (max-width: 396px) {
    .font-sizee {
        font-size: 14px;
    }
}

@media only screen and (min-width: 361px) and (max-width: 387px) {
    .font-sizee {
        font-size: 13px;
    }

    body {
        font-size: 13px;
    }

    .dis-cont {
        font-size: 12px;
    }
}

@media (max-width:360px) {
    body {
        font-size: 12px;
    }
}

@media (max-width:364px) {
    .footer-info-box .footer-info {
        font-size: 13px;
    }

    .copyright-text {
        font-size: 11px;
    }

    .blog-single .blog-title {
        font-size: 20px;
    }

    .dis-cont {
        font-size: 11px;
    }
}

@media only screen and (min-width: 398px) and (max-width: 576px) {

        .font-sizee {
        font-size: 14px;
    }
          .gallery-box .project-img {
        height: auto;
    }
    .widget-banner .title{
        font-size: 25px;
    }

    .widget-banner .link{
        font-size: 12px;
    }

    blockquote cite{
        font-size: 17px;
    }

    .banner-three__content h1 {
        font-size: 30px;
    }

        .recent-post .post-title {
        font-size: 13px;
        line-height: 22px;
    }

    .widget_nav_menu a, .widget_meta a, .widget_pages a, .widget_archive a, .widget_categories a{
        font-size: 12px;
    }

    .banner-three__content p {
        font-size: 13px;
        line-height: 30px;
    }

    .counter-card_number {
        font-size: 30px;
    }

    p {
        font-size: 14px;
    }

    .choose-section .choose_content h2 {
        font-size: 19px;
        padding-left: 5px;
    }

    .nav-tabs.nav-ta-11 .nav-item button {
        font-size: 13px;
    }
    
      .gallery-box .project-img img{
        height: auto;
        width: auto !important;
    }
}

@media (max-width:397px) {
    
    .gallery-box .project-img img{
        height: auto;
        width: auto !important;
    }

        .gallery-box .project-img {
        height: auto;
    }
    blockquote cite,blockquote p, blockquote pre{
        font-size: 13px;
    }
    .banner-three__content h1 {
        font-size: 28px;
    }

    .widget-banner .link{
        font-size: 10px;
    }

        .blog-single .blog-title {
        font-size: 17px;
    }

            .recent-post .post-title {
        font-size: 13px;
        line-height: 22px;
    }

    .widget_nav_menu a, .widget_meta a, .widget_pages a, .widget_archive a, .widget_categories a{
        font-size: 12px;
    }

    .banner-three__content p {
        font-size: 13px;
        line-height: 30px;
    }

    .counter-card_number {
        font-size: 30px;
    }

    .sub-title {
        font-size: 10px;
    }

    .img-counter .box-title {
        font-size: 12px;
    }

    .img-counter .box-number {
        font-size: 45px;
        margin-bottom: 15px;

    }

    .solution-item-wrapper.center {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .choose-section .choose_content h2 {
        font-size: 15px;
        padding-left: 5px;
        margin-bottom: 20px;
    }

    .core-fontt {
        font-size: 17px;
    }

    .choose-feature .box-title {
        font-size: 17px;
    }

    .choose-feature .box-text {
        font-size: 12px;
    }

    .choose-feature .box-icon {
        display: none;
    }

    .choose-feature .box-title {
        max-width: fit-content;
    }

    .choose-feature .box-text {
        max-width: fit-content;
    }

    .choose-feature {
        padding: 16px 22px;
    }

    .nav-tabs.nav-ta-11 .nav-item button {
        font-size: 12px;
    }
}