@media(min-width:1600px) {
    .container {
        max-width: 1600px;
    }
}

@media (min-width: 1200px) {
    li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu {
        display: none !important;
    }

    li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
        /* second sub menu here  */
        display: none !important;
    }

    li.menu-item-has-children:hover ul.sub-menu {
        display: block !important;
    }

    li.menu-item-has-children>ul.sub-menu>li:hover ul.sub-menu {
        display: block !important;
    }

    li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu>li:hover ul.sub-menu {
        display: block !important;
    }



    li.menu-item-has-children .sub-menu li a:hover {
        background: var(--color-red);
        color: var(--color-white);

    }

    li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children:hover>a,
    li.menu-item-has-children>ul.sub-menu:hover>li.menu-item-has-children>a:hover {
        color: var(--color-white);
        background: var(--color-red);
    }

    li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children:hover::after {
        border-color: var(--color-white);
        transform: rotate(-45deg);
    }

    ul.top-navlist li a:hover,
    ul.bottom-navlists li a:hover {
        color: var(--color-red);
    }

    li.menu-item-has-children:hover>a,
    li.menu-item-has-children:has(ul.sub-menu:hover)>a {
        color: var(--color-red);
    }

    li.menu-item-has-children .sub-menu li {
        background: var(--color-white);
        padding: 0px 15px;
    }

    li.menu-item-has-children:hover::after {
        border-color: var(--color-red);
        transform: rotate(-135deg);
    }

    @keyframes slideup {
        0% {
            opacity: 0;
            /* clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); */
            clip-path: polygon(0 98%, 100% 98%, 100% 100%, 0% 100%);
        }

        100% {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            opacity: 1;
        }
    }

}

@media(max-width:1600px) {
    .grid-bottom {
        gap: 20px;
    }

    ul.sub-menu {
        width: 263px;
        min-width: initial;
    }
}

@media(max-width:1599px) {
    :root {
        --fs-60: 50px;
        --lh-62: 55px;
        --fs-30: 25px;
        --lh-40: 35px;
        --fs-50: 40px;
        --lh-60: 55px;
        --fs-40: 32px;
        --lh-50: 42px;
        --fs-25: 20px;
        --fs-28: 25px;
        --lh-37: 32px;
        --fs-66: 55px;

    }

    .grid-bottom,
    .all-here {
        gap: 25px;
    }

    .main-logo {
        max-width: 280px;
    }

    ul.bottom-navlists {
        gap: 15px;
    }

    .request-quote a {
        padding: 15px;
    }

    ul.top-navlist li a,
    ul.bottom-navlists li a,
    .grid-serachbar input,
    .grid-serachbar input::-webkit-input-placeholder {
        font-size: 13px;
    }

    section.homepagebanner-sec,
    .innserbanner-sec {
        min-height: 640px;
    }

    .fs-60,
    .fs-50 {
        padding-bottom: 20px;
    }

    .margin-top {
        margin-top: 134px;
    }

    section.homeabout-sec {
        padding: 60px 0px;
    }

    .fixedwinghome {
        min-height: 600px;
    }

    .overaly-icon {
        max-width: 350px;
    }

    .bootmharco-grid {
        padding: 20px;
    }

    section.whyharcosemco-sec {
        padding: 60px 0px;
    }

    .why-hracoo {
        max-width: 450px;
    }

    .footer-logo {
        max-width: 300px;
    }

    .footer-holders {
        padding-top: 40px;
    }

    .copy-rights {
        margin-top: 30px;
        padding: 10px 0px;
    }

    .moreinnovation-sec {
        padding: 50px 0px;
    }

    .bootm-details {
        padding-top: 20px;
    }

    /* .bootm-details .universal-btn {
        padding-bottom: 20px;
    } */

    .bootm-details {
        gap: 20px;
    }

    .sensorsholders {
        min-height: auto;
        padding: 40px 0px;
    }

    .topsensor {
        max-width: 400px;

    }

    .sensorinfo-container .fs-50 {
        padding-bottom: 10px;
    }

    ul.pdflist {
        padding: 30px 0px;
    }

    .harcosystemimage {
        max-width: 320px;
        margin-bottom: 20px;
    }



    /* .grid-allsensorss .mainfold-sensores:nth-child(even) {
        max-width: 550px;
    } */

    section.allsensors-sec {
        padding: 50px 0px;
    }

    .accrodean-map {
        height: 600px;
    }

    .faq-holders {
        padding: 25px 0px;
    }

    .title-contacts {
        padding-bottom: 50px;
    }

    section.contactfromhere-sec {
        padding: 60px 0px;
    }

    section.engineeringharness-sec {
        padding: 60px 0px;
    }

    span.bulllet {
        max-width: 22px;
        height: 22px;
    }

    .onlyplane-image {
        max-width: 800px;
    }

    span.bulllet.harness-1 {
        right: 39%;
    }

    .abolute-data.harness-1 {
        left: -9.6%;
    }

    .abolute-data.harness-1 .border-lines {
        max-width: 400px;
        min-height: 182px;
    }

    span.bulllet.harness-2 {
        left: 25%;
    }

    .abolute-data.harness-2 {
        left: -10%;
    }

    span.bulllet.harness-3 {
        left: 28.5%;
    }

    .abolute-data.harness-3 {
        right: 16%;
    }

    span.bulllet::after {
        max-width: 22px;
        height: 22px;
    }

    section.aboutmain-sec {
        padding: 50px 0px;
    }

    .image-main {
        height: 375px;
    }

    .allabout-baner {
        max-width: 500px;
    }

    .datalist-heree {
        max-width: 300px;
        gap: 20px;
    }

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


.mainfold-sensores img {
    height: 400px;
}

}

@media(max-width:1399px) {

    :root {
        --fs-60: 40px;
        --lh-62: 50px;
        --fs-30: 22px;
        --lh-40: 28px;
        --fs-50: 30px;
        --lh-60: 40px;
        --fs-40: 28px;
        --lh-50: 35px;
        --fs-22: 18px;
        --lh-28: 26px;
        --fs-28: 22px;
        --lh-37: 30px;
        --fs-66: 45px;

    }

    .main-logo {
        max-width: 200px;
    }

    .request-quote a {
        padding: 10px 15px;
    }

    ul.top-navlist li a,
    ul.bottom-navlists li a,
    .grid-serachbar input,
    .grid-serachbar input::-webkit-input-placeholder {
        font-size: 12px;
    }

    .all-here {
        width: initial;
    }

    ul.bottom-navlists {
        gap: 15px;
    }

    .grid-bottom,
    .all-here {
        gap: 20px;
    }

    .request-quote a {
        padding: 10px 15px;
        font-size: 13px;
    }

    ul.sub-menu {
        /* min-width: 250px; */
        padding-top: 30px;
        width: 240px;
    }

    li.menu-item-has-children .sub-menu li {
        padding: 0px 10px;
    }

    li.menu-item-has-children .sub-menu li a {
        padding: 8px 30px 10px 10px;
    }

    li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children:first-child::after {
        top: 26px !important;
    }

    li.menu-item-has-children>ul.sub-menu li.menu-item-has-children:last-child::after {
        top: 10px !important;
    }

    li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children::after {
        right: 21px;
    }

    .margin-top {
        margin-top: 124px;
    }

    section.homepagebanner-sec,
    .innserbanner-sec {
        min-height: 516px;
    }

    .home-content {
        max-width: 500px;
    }

    .universal-btn a {
        font-size: 15px;
        padding: 10px 10px;
        min-width: 190px;
    }

    .home-content .universal-btn {
        padding-top: 20px;
    }

    .fs-60,
    .fs-50,
    .fs-40 {
        padding-bottom: 15px;
    }

    p,
    section.carrer-sec ul li,
    section.carrer-sec ol li,
    .about-sensors li,
    ol.about-sensors li,
    .allaboutsensores li,
    .banner-list li {
        font-size: 16px;
        line-height: 25px;
    }

    .mini-title {
        font-size: 20px;
        line-height: normal;
        padding-bottom: 10px;
    }

    .homeabout-container {
        max-width: 900px;
    }

    section.homeabout-sec {
        padding: 40px 0px;
    }

    img.overaly-icon {
        max-width: 225px;
    }

    .fixedwinghome {
        min-height: 550px;
    }

    .fixed-wingholders {
        max-width: 400px;
    }

    .hraco-imgee {
        height: 215px;
    }

    .harco-holder p {
        font-size: 15px;
        line-height: 22px;
    }

    .why-hracoo {
        max-width: 400px;
    }

    section.whyharcosemco-sec {
        padding: 50px 0px;
    }

    .grid-whyharco {
        padding-top: 40px;
    }

    .moreinnovation-sec {
        padding: 40px 0px;
    }

    ul.listof-sen_harness {
        bottom: 30px;
    }

    .allabout-baner {
        max-width: 450px;
    }

    .absolute-image {
        max-width: 350px;
    }

    .harcosystemimage {
        max-width: 250px;
        margin-bottom: 20px;
    }

    .rtd-grid {
        padding: 20px 0px;
    }

    ul.pdflist {
        padding: 15px 0px;
    }



    /* .grid-allsensorss .mainfold-sensores:nth-child(even) {
        max-width: 450px;
    } */



    .title-faq {
        gap: 15px;
    }

    .faq-icon {
        max-width: 20px;
    }

    .universal-input input,
    .universal-input textarea,
    .universal-input input::-webkit-input-placeholder,
    .universal-input textarea::-webkit-input-placeholder {
        font-size: 16px;
    }

    .universal-input {
        margin-bottom: 40px;
    }

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

    .submit-btn input {
        font-size: 16px;
        padding: 10px 20px;
    }

    .submit-btn {
        max-width: fit-content;
    }

    section.engineeringharness-sec {
        padding: 50px 0px;
    }

    span.bulllet {
        max-width: 20px;
        height: 20px;
    }

    span.bulllet::after {
        max-width: 20px;
        height: 20px;
    }

    .onlyplane-image {
        max-width: 650px;
    }

    .harnessdetails {
        max-width: 300px;
    }

    span.bulllet.harness-1 {
        right: 41.2%;
    }

    .abolute-data.harness-1 .border-lines {
        max-width: 333px;
    }

    .abolute-data.harness-1 {
        left: -0.6%;
    }


    .abolute-data.harness-1 {
        left: -0.3%;
        top: 2%;
    }

    span.bulllet.harness-2 {
        left: 29%;
    }

    .abolute-data.harness-2 .border-lines {
        max-width: 70px;
    }

    .abolute-data.harness-2 {
        left: -2%;
    }

    span.bulllet.harness-3 {
        left: 32.5%;
        top: 76%;
    }

    .abolute-data.harness-3 {
        right: 16%;
        top: 78.2%;
    }

    .harnessdetails .fs-18,
    ul.list-here li a {
        font-size: 15px;
        line-height: normal;
    }

    .harnessdetails p {
        font-size: 14px;
    }

    .gallery-image {
        padding: 30px 0px;
    }

    .datalist-heree {
        max-width: 250px;
        gap: 15px;
    }
    .data-listdetails .fs-22{
        padding-bottom: 10px;
    }



.mainfold-sensores img {
    height: 340px;
}
.allabout-sensors {
    padding: 10px;
}
}

@media(max-width:1199px) {

    :root {
        --fs-60: 35px;
        --lh-62: 45px;
        --fs-30: 20px;
        --lh-40: 27px;
        --fs-50: 25px;
        --lh-60: 35px;
        --fs-66: 40px;
    }

    .grid-bottom,
    ul.bottom-navlists {
        flex-direction: column;
        align-items: start;
    }

    .all-here {
        display: none;
        width: 100%;
        height: 70vh;
        overflow-y: scroll;
    }

    ul.bottom-navlists,
    ul.top-navlist {
        gap: 15px;
        width: 100%;
    }

    ul.bottom-navlists li {
        width: 100%;
    }

    ul.sub-menu {
        position: static !important;
        padding: 0 !important;
    }

    li.menu-item-has-children .sub-menu li:first-child {
        padding-top: initial !important;
    }

    li.menu-item-has-children .sub-menu li:last-child {
        padding-bottom: initial !important;
    }

    li.menu-item-has-children .sub-menu li {
        padding: 0 !important;
    }

    li.menu-item-has-children .sub-menu li a {
        padding: 10px 5px;
    }

    li.menu-item-has-children .sub-menu li {
        background: transparent !important;
    }



    .menu-item-has-children {
        padding-right: 0;
        background: transparent !important;
    }

    li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children::after {
        right: 0;
    }



    li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children:first-child::after,
    li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children::after {
        top: 4px !important;
    }


    li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children::after,
    li.menu-item-has-children::after {
        right: 4%;

    }

    li.menu-item-has-children .sub-menu li:last-child,
    li.menu-item-has-children .sub-menu li:first-child {
        border-radius: 0px !important;
    }

    ul.top-navlist li a,
    ul.bottom-navlists li a,
    .grid-serachbar input,
    .grid-serachbar input::-webkit-input-placeholder,
    .request-quote a {
        font-size: 14px;
        white-space: normal;

    }

    li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children:first-child::after,
    li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children::after,
    li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children::after,
    li.menu-item-has-children::after {
        top: 8px !important;
        /* border-color: var(--color-white); */
    }

    .menu-icon {

        display: block;
    }

    .mobile-grid {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .bottom-header {
        padding: 0;
    }

    .main-logo {
        max-width: 230px;
    }

    .top-menu {
        display: block;
    }

    .grid-topheader {
        flex-direction: column-reverse;
        align-items: start;
        width: 100%;
        gap: 20px;

    }

    .only-mobile {
        display: flex;
        align-items: center;

        justify-content: space-between;
        width: 100%;
    }








    .all-here {
        position: fixed;
        width: 360px;
        z-index: 99;
        background: #fff;
        top: 0;
        height: 100vh;
        padding: 20px 10px;
        right: -145%;
        overflow-y: auto;
        transition: 0.3s ease-out;
        display: block;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .all-here.open {
        right: 0;
    }

    .close-here {
        display: block;
    }

    ul.bottom-navlists li a {
        max-width: fit-content;
    }

    .bottom-header .grid-topheader {
        display: block;
    }

    ul.top-navlist {
        flex-direction: column;
        margin-top: 20px;
    }

    .top-header {
        display: none;
    }

    .grid-serachbar input,
    .grid-serachbar input::-webkit-input-placeholder {
        color: #000;
    }

    .grid-serachbar {
        border-color: #000;
    }

    .serachbars-top button img {
        filter: invert(1);
    }

    .serachbars-top {
        max-width: 100%;
        width: 100%;
        padding: 20px 0px;
    }



    li.menu-item-has-children ul.sub-menu {
        background: var(--color-red) !important;
        color: var(--color-white) !important;
    }



    li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
        background: #fff !important;
        color: #000 !important;
    }



    li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu>li>ul.sub-men>li>ul.sub-menu {
        opacity: 0;
    }

    li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children:first-child::after,
    li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children::after {
        border-color: #fff !important;
    }

    header.custom-header {
        padding: 5px 0px;
    }

    .margin-top {
        margin-top: 70px;
    }

    .center-data .universal-btn {
        padding-top: 20px;
    }

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

    .fixed-wingholders .universal-btn {
        padding-top: 20px;
    }

    .grid-whyharco {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .hraco-imgee {
        height: 250px;
    }

    .bootmharco-grid {
        padding: 10px;
    }

    .grid-senharness {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .absolute-image {
        position: static;
        transform: none;
        max-width: fit-content;
    }

    .sensorsholders {
        flex-direction: column;
    }

    .sensorinfo-container {
        max-width: 100% !important;
    }

    .sensorsholders {
        flex-direction: column;
        max-width: 575px;
        width: 100%;
        margin: 0 auto;
        padding: 20px;
    }

    section.sensorharness-sec {
        padding: 40px 10px;
        background: var(--color-black);
    }

    .sensorsholders {
        border: 1px solid var(--color-white);
    }

  

    section.allsensors-sec {
        padding: 40px 0px;
    }

    .grid.contacts {
        gap: 50px;
    }

    .accrodean-map {
        height: 500px;
    }

    section.contactfromhere-sec {
        padding: 40px 0px;
    }

    section.engineeringharness-sec {
        padding: 40px 0px;
    }


    .border-lines {
        display: none !important;
    }

    .abolute-data {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        display: none;
        z-index: 11;
    }

    .harnessdetails {
        max-width: 300px;
        background: var(--color-white);
        color: #000;
        padding: 10px;
        text-align: center !important;
        border-radius: 5px;
    }

    span.bulllet.harness-2 {
        left: 26%;
        top: 67%;
    }

    span.bulllet.harness-3 {
        left: 29.5%;
    }

    span.bulllet.harness-1 {
        right: 39.2%;
    }

    .harnesssecmain-sec {
        padding: 40px 0px;
    }

    .harnessdetails .close-it {
        display: block;
    }

    section.aboutmain-sec {
        padding: 40px 0px;
    }

    .image-main {
        height: 260px;
    }

    .gridsensordataa {
    flex-direction: column;
}

.datalist-heree {
    max-width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}

    .data-listdetails {
        max-width: 250px;
        width: 100%;
    }


.mainfold-sensores img {
    height: 285px;
}
}

@media(max-width:991px) {
    :root {
        --fs-25: 18px;
        --fs-28: 20px;

    }

    .fixedwinghome .banner-video {
        max-width: 100%;
    }

    img.overaly-icon {
        max-width: 150px;
    }

    .fixedwinghome {
        min-height: auto;
        flex-direction: column;
        align-items: center;
        gap: 30px;
        background: var(--color-black) !important;
    }

    .fixed-wingholders {
        max-width: 100%;
        margin: 0 auto !important;
    }

    .wings-video {
        max-width: 100%;
    }

    img.overaly-bg {
        display: none;
    }

    video.wings-video {
        position: static;
        width: 100%;
    }

    .fixed-wingholders {
        background: #00000070;
        padding: 20px;
    }

    section.whyharcosemco-sec {
        padding: 40px 0px;
    }

    .footer-holders {
        padding-top: 30px;
    }

    .gridbannerss {
        gap: 30px;
        flex-direction: column;
    }

    /* section.innserbanner-sec.onlyimages .mini-menu {
        position: static;
    } */

    .pdfandcontent-holders {
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .allaboutsensores {
        max-width: 100%;
    }

    section.aerospacerelblity-sec {
        padding: 40px 0px;
    }


    .title-contacts,
    .formdata-holderss {
        max-width: 767px;
    }

    .hraness-holders {
        max-width: 575px;
    }

    span.bulllet.harness-2 {
        left: 17%;
    }

    span.bulllet.harness-3 {
        left: 22.5%;
    }

    span.bulllet.harness-1 {
        right: 36.2%;
    }

    .about-row {
        gap: 30px;
    }

    .capablity-holders {
        margin-bottom: 0px;
    }

    .gallery-image {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

    .image-main {
        height: 425px;
    }

    section.innserbanner-sec.onlyimages {
        padding: 60px 0px 30px 0px;
    }

    section.homepagebanner-sec,
    .innserbanner-sec {
        min-height: 390px;
    }

    .grid-allsensorss {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mainfold-sensores {
    max-width: 297px;
    margin: 0 auto;
}

}

@media(max-width:767px) {
    :root {
        --fs-60: 30px;
        --lh-62: 40px;
        --fs-30: 18px;
        --lh-40: 25px;
        --fs-40: 22px;
        --lh-50: 30px;
        --fs-50: 22px;
        --lh-60: 32px;
        --fs-66: 35px;
    }

    .home-content {
        margin: 0 auto;
        text-align: center;
    }

    img.overaly-icon {
        max-width: 150px;
    }

    .fixedwinghome {
        min-height: auto;
    }

    .fixed-wingholders {
        margin: 0 auto !important;
    }

    img.overaly-icon {
        max-width: 100px;
    }

    .fixedwinghome.leftside .fixed-wingholders {
        background: #0000008f;
        padding: 20px;
        margin-top: 20px;
    }

    .fixed-wingholders .universal-btn {
        padding-top: 10px;
    }

    p,
    section.carrer-sec ul li,
    section.carrer-sec ol li,
    .about-sensors li,
    ol.about-sensors li,
    .allaboutsensores li,
    .banner-list li {
        font-size: 15px;
        line-height: 24px;
    }


    .grid-whyharco {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .hraco-imgee {
        height: 290px;
    }

    .gridfooter-contents {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .gridfooter-contents::after {
        display: none;
    }

    .main-footer .universal-btn {
        padding-top: 20px;
    }

    .copy-rights {
        margin-top: 20px;
    }

    .gridfooter-contents {
        margin-top: 30px;
    }

    ul.listof-sen_harness {
        position: static;
    }

    .bannercontainers {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    ul.listof-sen_harness {
        gap: 15px;
    }

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

    .grid-allsensorss,
    .grideven-odd {
        gap: 20px;
        flex-direction: column !important;
    }



    .rtd-grid {
        gap: 10px;
    }

    .banner-video {
        object-position: 89% 100%;
    }

    .grid.contacts {
        flex-direction: column;
        gap: 30px;
        max-width: 100%;
        padding: 40px 10px;
    }

    .bootm-data {
        padding-top: 20px;
    }

    section.engineeringharness-sec {
        padding: 30px 0px;
    }

    span.bulllet.harness-1 {
        right: 35.2%;
    }

    span.bulllet.harness-2 {
        left: 14%;
    }

    span.bulllet.harness-3 {
        left: 19.5%;
    }

    .harnessdetails .close-it {
        padding-top: 5px;
    }

    section.aboutmain-sec {
        padding: 30px 0px;
    }

    .pdfandcontent-holders .iframe-video iframe {
        height: 300px;
    }

    .beforefater-grid {
        flex-wrap: wrap;
        gap: 20px;
    }

    .beforeholders {
        border: 5px solid var(--color-red);
    }

    ul.pdflist li a span {
        font-size: 16px;
    }

    .image-main {
        height: 300px;
    }

    .mini-menu {
        position: absolute;
        top: 30px;
        width: 100%;
        background: #00000063;
        padding: 5px 10px;
        top: 0;
        width: 100%;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .mini-menu ol {
        margin: 0;
    }

    section.allsensors-sec {
        padding: 0px 0px 40px 0px;
    }

    section.aerospacerelblity-sec {
        padding: 30px 0px 20px 0px;
    }

    .beforefater-grid {
        gap: 10px !important;
    }

        .data-listdetails {
        max-width: 242px;
    }


}

@media(max-width:575px) {


    :root {
        --fs-66: 30px;
    }


    .hraco-imgee {
        height: auto;
    }

    .scroll-top {
        max-width: 50px;
    }

    .rtd-grid {
        flex-direction: column;
    }

    .accrodean-map {
        height: 300px;
    }

    .plane-images {
        max-width: 350px;
        margin: 0 auto;
    }

    span.bulllet {
        max-width: 15px;
        height: 15px;
    }

    span.bulllet.harness-3 {
        left: 19.5%;
    }

    span.bulllet.harness-1 {
        right: 35.2%;
        top: 38%;
    }

    span.bulllet.harness-2 {
        left: 14%;
    }

    span.bulllet::after {
        max-width: 15px;
        height: 15px;
    }

    .gallery-image {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding: 20p 0px;
    }

    .image-main {
        height: 300px;
        max-width: 320px;
        margin: 0 auto;
        width: 100%;
    }

    .image-main img {
        object-fit: contain;
    }


    .iframe-video iframe {
        height: 300px;
    }


.grid-allsensorss {
    gap: 20px !important;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
}