@media (max-width: 1499px) {
    .sec-title {
        font-size: 34px;
        line-height: 44px;
    }
    .project-page .portfolio-card:hover:before {
        height: 50%;
    }
    .portfolio-card .portfolio-card-title {
        font-size: 18px;
    }
    .vm-sec::before {
        top: -49px;
        width: 83%;
        height: 673px;
    }
    .service-card_text {
        font-size: 14px;
    }
    .service-card.style2 {
        padding: 25px;
    }
    .service-card.style2 .service-card_icon {
        margin-bottom: 40px;
    }
    .contact-grid-wrap .contact-grid-text {
        font-size: 15px;
        font-weight: 400;
    }
    .widget_nav_menu .grid-style {
        gap: 25px 45px;
    }
    .vm.content {
        padding-top: 0px;
        margin-left: 25px;
        width: 95%;
    }
    .cta-wrap3 .cta-title,
    .cta-wrap3 .cta-title.style2 {
        font-size: 70px;
    }
    p.lead {
        font-size: 17px;
        line-height: 27px;
    }
    .about-page .cont {
        padding-top: 10px;
    }
    .breadcumb-title {
        line-height: 30px;
        font-size: 35px;
    }
    .hero-experience-wrap .hero-experience-counter {
        font-size: 75px;
    }
    .services-page h3 {
        font-size: 32px;
    }
    .services-page p {
        font-size: 14px;
    }
    .contact-page-card .contact-page-card-text {
        font-size: 15px;
    }
    .about-area-3 {
        background-size: cover;
    }
    .about-area-3 .para1 p {
        font-size: 17px;
        line-height: 26px;
    }
    .about-area-3 .counter p {
        margin-left: 11px;
        font-size: 14px;
        padding-top: 15px;
        line-height: 17px;
    }
    .about-area-3 .counter h6 {
        font-size: 35px;
    }
    .about-area-3 .vision-mission p {
        font-size: 17px;
        line-height: 27px;
    }
    .sec-title br {
        display: none;
    }
    .vision-mision {
        background-image: none;
    }
    .vs-headding {
        padding-bottom: 0px;
    }
    .vm.content p {
        font-size: 17px;
        line-height: 28px;
        margin-bottom: 18px;
        width: 98%;
    }
    .srv-btn.one p a {
        font-size: 17px;
        line-height: 27px;
    }
    .list-point {
        width: 85%;
        padding: 15px 20px;
    }
    ul.points li {
        font-size: 17px;
        line-height: 27px;
    }
    .client-area-2 .title-area h6::before,
    .client-area-2 .title-area h6::after {
        width: 26%;
    }
    .quality p {
        font-size: 16px;
        line-height: 26px;
    }
    .title-area h6 {
        font-size: 25px;
        line-height: 35px;
    }
    .quality2 p {
        font-size: 15px;
        line-height: 26px;
    }
    .content2 {
        width: 30%;
        height: 310px;
    }
    .service-card.style2 .service-card_title {
        font-size: 23px;
        margin-bottom: 15px;
        line-height: 31px;
    }
    .service-card.style2 .service-card_text {
        font-size: 16px;
        line-height: 27px;
    }
    .service-card_icon img {
        max-width: 50px;
    }
    .cta-area-3 .title-area {
        width: 70%;
        margin: auto;
    }
    .footer-logo img {
        max-width: 180px;
    }
    .footer-widget .wp-block-search__label,
    .footer-widget .widget_title {
        font-size: 15px;
    }
    .footer-widget.widget_nav_menu a {
        font-size: 15px;
        margin-bottom: 23px;
    }
    .widget-newsletter ul.menu li a {
        font-size: 15px;
    }
    .copyright-text {
        font-size: 15px;
    }
    .widget-area {
        padding: 35px 0px 50px 0px;
    }
    .srv-btn.one {
        width: 230px;
    }
    .checklist li {
        font-size: 13px;
        line-height: 21px;
    }
    .sub-service p {
        font-size: 14px;
        line-height: 25px;
    }
    .sub-service .sec-title {
        font-size: 32px;
        line-height: 40px;
    }
    .portfolio-card .portfolio-card-details {
        height: 40%;
    }
    .blog-slider .slick-list.draggable {
        margin-right: -14% !important;
    }
}

@media (max-width: 999px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
        padding: 0px 15px;
    }
    .sec-pad {
        padding: 40px 0px;
    }
    .blog-area-2 {
        padding-left: 1%;
    }
    .serv-imgs {
        padding-top: 15px;
    }
    .vm-sec::before {
        top: 354px;
        width: 100%;
        height: 673px;
        left: 0px;
    }
    .vs-headding {
        padding-bottom: 20px;
    }
    .vm-img img {
        left: 8px;
    }
    .content2,
    .testimonial-area-1:before {
        display: none;
    }
    .quality-content {
        padding: 40px 15px;
    }
    .client-area-2 .title-area h6::before,
    .client-area-2 .title-area h6::after,
    br {
        width: 23%;
    }
    .contact-grid-wrap {
        gap: 0px;
        padding: 25px 0px;
    }
    .widget-area {
        padding: 30px 0px 5px 0px;
    }
    .copyright-wrap {
        padding: 5px 0;
    }
    .float-whats {
        bottom: 12%;
    }
    .mobile-logo img {
        max-width: 120px;
    }
    .jn {
        justify-content: space-between;
    }
    .sec-title {
        font-size: 30px;
        line-height: 40px;
    }
    .vm.content {
        padding-top: 10px;
        padding-bottom: 35px;
    }
    .sec-title {
        font-size: 30px;
        line-height: 41px;
    }
    .breadcumb-menu {
        margin: 15px 0;
    }
    .about-page .cont img {
        padding-bottom: 15px;
    }
    .cta-wrap3 .cta-title,
    .cta-wrap3 .cta-title.style2 {
        font-size: 50px;
    }
    .cta-wrap3 {
        padding: 90px 0;
    }
    .why-page-sec:before {
        display: none;
    }
    .why-page-sec .why-page-media,
    .why-page-sec .why-page-content {
        max-width: 100%;
        padding-bottom: 15px;
    }
    .section-image-box img {
        padding-bottom: 10px;
    }
    .contact-page-card {
        padding-bottom: 20px;
    }
    .blog-area-2 .global-carousel.blog-slider.slider-shadow.slick-initialized.slick-slider {
        margin-left: 0%;
    }
    .blog-area-2 .icon-box {
        padding-left: 1%;
    }
    .service-area-2:before {
        width: 80%;
        height: 65%;
    }
    .portfolio-card .portfolio-card-details {
        height: 37%;
    }
    .portfolio-area-2 {
        padding-top: 10px;
    }
    .ele {
        padding-left: 15px;
    }
}

@media (max-width: 599px) {
    a.float-whats.two {
        bottom: 103px;
    }
    a.float-whats.one {
        bottom: 150px;
    }
    .float-whats {
        bottom: 200px;
    }
    .menu-all-pages-container.grid-style h6 {
        margin-bottom: 10px;
    }
    .space {
        padding: 40px 0px;
    }
    .title-area,
    .sec-title {
        --section-title-space: 30px;
    }
    .title-area .sub-title {
        margin-top: 0em;
        margin-bottom: 0;
    }
    .about-wrap3 {
        padding-top: 0;
    }
    p.lead {
        font-size: 15px;
    }
    p {
        font-size: 14px;
        line-height: 1.5;
    }
    .about-counter {
        position: relative;
        top: 0;
        right: 0;
    }
    .about-counter ul {
        display: flex;
        gap: 10px;
        margin: 15px 0 0;
        padding: 0;
    }
    .about-counter ul li {
        padding: 25px 15px;
    }
    .about-counter ul li i {
        font-size: 35px;
        margin-bottom: 10px;
    }
    .about-counter ul li h4 {
        font-size: 30px;
    }
    .blog-card.style2 .blog-content {
        padding: 20px;
    }
    .blog-card.style2 .blog-title {
        font-size: 18px;
        margin-bottom: 5px;
        margin-top: 0;
    }
    .blog-card.style2 .blog-content a.read_more {
        padding-top: 10px;
        font-size: 14px;
    }
    .service-card.style2 {
        padding: 35px 15px;
        margin-bottom: 0;
        margin-top: 0;
    }
    .service-card.style2 .service-card_title {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .service-card.style2 .service-card_icon {
        padding: 0;
        margin: 0;
        margin-bottom: 35px;
    }
    .about-area-2 .space {
        padding: 40px 15px;
    }
    .title-area .sub-title+.sec-title {
        margin-top: 5px;
    }
    .title-area .sec-title+p {
        margin-top: 5px;
    }
    .testi-card .testi-card_text {
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 1.5em;
    }
    .testi-card {
        padding: 25px;
        padding-left: 0;
    }
    .testi-slider1 {
        padding-top: 5%;
    }
    .contact-grid-wrap {
        display: flex;
        gap: 20px;
        padding: 20px 0px 20px;
    }
    .contact-grid-wrap .contact-grid-icon i,
    .contact-grid-wrap .contact-grid-icon img {
        font-size: 25px;
    }
    .contact-grid-wrap .contact-grid-text {
        font-size: 16px;
    }
    .footer-widget .widget_title {
        margin-bottom: 25px;
        font-size: 15px;
    }
    .footer-widget.widget_meta a,
    .footer-widget.widget_pages a,
    .footer-widget.widget_archive a,
    .footer-widget.widget_recent_entries a,
    .footer-widget.widget_categories a,
    .footer-widget.widget_nav_menu a {
        font-size: 13px;
        margin-bottom: 10px;
        line-height: 22px;
    }
    .footer-widget {
        margin-bottom: 30px !important;
    }
    .widget-area {
        padding: 20px 0 0px;
    }
    .about-grid-wrap .title {
        font-size: 16px;
    }
    .accordion-card .accordion-body p {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
    }
    .services-page .title-area {
        margin-bottom: 10px;
    }
    .counter-area-1 {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 15px;
    }
    .counter-area-1 .counter-card+.counter-card {
        border-top: none;
        padding-top: 0;
        margin-top: 0;
    }
    .counter-card .counter-card_number {
        font-size: 40px;
        margin-bottom: 0;
    }
    .portfolio-card .portfolio-card-title {
        font-size: 19px;
        margin-bottom: 0;
    }
    .contact-page-card {
        margin-bottom: 25px;
    }
    .contact-page-card .contact-page-card-text {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .hero-slider2 .slick-slide h6.sub-title {
        font-size: 13px;
        font-weight: 500;
        line-height: 18px;
    }
    .slider-content .btn-group {
        display: none;
    }
    .hero-slider2 .slick-slide h3.banner-title {
        font-size: 26px;
        line-height: 33px;
    }
    .sec-title {
        font-size: 24px;
        line-height: 36px;
    }
    .about-area-3 .counter h6 {
        font-size: 30px;
        font-weight: 500;
    }
    .about-area-3 .counter p {
        padding-top: 5px;
        font-size: 12px;
        line-height: 19px;
    }
    .srv-btn img {
        max-width: 63px;
        padding-bottom: 18px;
        margin-left: 24px;
    }
    .srv-btn {
        width: 351px;
        height: 76px;
    }
    .portfolio-card .portfolio-card-details {
        padding: 30px;
    }
    .vm.content {
        padding-top: 10px !important;
    }
    .vm-sec::before {
        top: 230px;
        height: 725px;
        left: 0px;
        background-color: #fff !important;
    }
    .quality p {
        width: 100%;
        font-size: 15px;
        line-height: 25px;
    }
    .client-area-2 .title-area h6::before,
    .client-area-2 .title-area h6::after,
    br {
        width: 0%;
    }
    .service-area-2:before {
        width: 100%;
        height: 55%;
    }
    .cta-wrap3 {
        padding: 30px;
    }
    .vm-content ul li {
        padding: 5px 0px;
        border-top: none;
    }
    .vm-content ul li:last-child {
        border: none;
    }
    ul.points {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .vm-content h6 {
        font-size: 24px;
        text-transform: capitalize;
        line-height: 34px;
    }
    .header-logo {
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .header-logo img {
        max-width: 145px;
    }
    .menu-area {
        background: #fff;
    }
    .about-area-3 .vision-mission {
        padding: 25px 10px;
    }
    .icon-box {
        gap: 5px;
    }
    .slick-arrow.style2 {
        --icon-size: 42px;
    }
    .breadcumb-content {
        padding-top: 60px;
    }
    .cta-wrap3 .cta-title,
    .cta-wrap3 .cta-title.style2 {
        font-size: 35px;
    }
    .cta-wrap3 .sub-title {
        font-size: 13px;
        line-height: 23px;
    }
    .btn {
        font-size: 13px;
        padding: 12px 19px;
    }
    .breadcumb-title {
        font-size: 20px;
    }
    .hero-experience-wrap .hero-experience-counter {
        font-size: 70px;
    }
    .hero-experience-icon {
        max-width: 45px;
    }
    .hero-experience-wrap {
        margin-top: 15px;
    }
    .hero-experience-wrap .media .link-btn {
        font-size: 17px;
        margin-top: 25px;
    }
    .services-page h3 {
        font-size: 24px;
    }
    .services-page .nav-tabs .nav-item .nav-link {
        padding: 8px 15px;
        font-size: 17px;
    }
    .mob {
        display: block !important;
    }
    .dsk {
        display: none !important;
    }
    .about-area-3 .para1 p {
        font-size: 16px;
        line-height: 25px;
    }
    .about-area-3 .vision-mission p {
        font-size: 15px;
        line-height: 26px;
    }
    .srv-btn.one {
        display: none;
    }
    .vm.content p {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 10px;
        width: 99%;
    }
    .client-area-2 .title-area h6 {
        font-size: 15px;
        line-height: 25px;
    }
    p.why-text {
        font-size: 16px;
        line-height: 26px;
        padding-top: 0px;
    }
    .cta-area-3 .title-area {
        width: 100%;
    }
    .widget-newsletter ul.menu li a {
        margin-bottom: 3px;
        font-size: 14px;
    }
    .footer-logo img {
        max-width: 165px;
    }
    .hero-slider2 {
        padding-top: 52px;
    }
    .checklist.style2 ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-tab-style1 {
        margin: 0px auto 0px auto;
        justify-content: left;
    }
    .sub-service .sec-title {
        font-size: 28px;
        line-height: 35px;
        padding-top: 10px;
    }
    .services-page p {
        line-height: 26px;
    }
    img.hdb {
        display: none;
    }
    img.hdn {
        display: block;
    }
    .blog-slider .slick-list.draggable {
        overflow: hidden;
        margin-right: 0% !important;
    }
}