@media (min-width: 1919px) {
    section#about-section:before {
        bottom: -100px;
    }
}

@media (max-width: 1280px) {
    .banner-content {
        margin-left: 50px;
    }
}

@media (max-width:1100px) {
    h1,
    .h1,
    .banner-content h1 {
        font-size: 45px;
        font-style: normal;
        font-weight: 600;
        line-height: 65px;
        text-transform: capitalize;
    }
    h2,
    .h2 {
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 58px;
        text-transform: capitalize;
    }
    h3,
    .h3 {
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    section.about-section {
        padding: 40px 0 27px;
    }
}

@media (max-width: 1024px) {
    .contact-popup {
        padding: 6% 2%;
    }
    .popup-content {
        padding: 50px 30px;
    }
    section#about-section:before {
        bottom: -99px;
        height: 125%;
    }
    .statement-content p {
        min-height: 175px;
    }
}

@media (max-width:992px) {
    h1,
    .h1,
    .banner-content h1 {
        font-size: 34px;
        line-height: 48px;
    }
    h2,
    .h2 {
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 44px;
        text-transform: capitalize;
    }
    .banner-width p {
        font-size: 16px;
        width: 100%;
    }
    .left-heading h2 {
        color: #000000;
        max-width: 377px;
    }
    h3,
    .h3 {
        font-size: 22px;
    }
    .uper-flx {
        margin-bottom: 18px;
    }
    .uper-flx img:nth-child(2) {
        position: relative;
        right: 50px;
    }
    .transform-width h2 {
        margin-top: 0px;
    }
    section.fourth-section {
        padding: 45px 0 60px;
        position: relative;
    }
    section.fifth-section {
        background: #000;
        padding: 60px 0;
    }
    .fifth-width p {
        opacity: 0.6;
        margin: 15px 0 25px;
        max-width: 100%;
    }
    .custtom-bttn a {
        /*   display: inline-flex; */
        /*   padding: 10px 27px; */
        font-size: 18px;
    }
    section.sixth-section {
        padding: 30px 0 130px;
        position: relative;
    }
    .svn-inner p {
        margin: 11px 0 18px;
        opacity: 0.6;
    }
    .svn-inner a {
        font-size: 18px;
    }
    .newsletter {
        gap: 30px;
    }
    .news-letter-form button {
        font-size: 18px;
        width: 100%;
    }
    .right-data ul li a {
        font-size: 18px;
    }
    .fifth-img {
        position: relative;
        top: -265px;
    }
    .news-width h2,
    .news-width p {
        margin-bottom: 20px;
    }
    .seven-img {
        top: -130px;
    }
    .news-letter-form form input {
        width: 95%;
    }
    section.about-section {
        padding: 36px 0 0;
    }
    .statement-content p {
        min-height: 250px;
    }
    .page-id-138 section.sixth-section,
    .page-id-140 section.sixth-section {
        padding-bottom: 50px;
    }
    section#about-section:before {
        height: 118%;
    }
}

@media (max-width:820px) {
    .banner-width,
    .second-width,
    .transform-width,
    .transform-width:first-child,
    .fifth-width,
    .news-width,
    .seven-width {
        width: 100%;
    }
    h1,
    .h1,
    .banner-content h1 {
        font-size: 34px;
        line-height: 48px;
    }
    .custtom-bttn a {
        /*   display: inline-flex; */
        /*   padding: 9px 37px; */
    }
    .banner-width p {
        font-size: 16px;
        width: 100%;
    }
    .innr-img img {
        width: 100%;
        height: auto;
        /*   scale: 1; */
        /*   top: 30px; */
        /*   left: -35px; */
        bottom: 0;
        position: relative !important;
    }
    h2,
    .h2 {
        font-size: 28px;
        line-height: 42px;
    }
    h3,
    .h3 {
        font-size: 24px;
    }
    section.second-section {
        padding: 60px 0px 60px;
        background-image: url(../images/orange-color-background.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        position: static;
        z-index: 1;
        background-color: #000;
        margin-bottom: 0px;
    }
    .uper-flx img:nth-child(2) {
        position: relative;
        right: 0;
    }
    .marquee-container .marquee p {
        font-size: 18px;
    }
    /* section.third-section {
  padding: 16px 0;
} */
    section.fourth-section {
        padding: 30px 0 30px;
        position: relative;
    }
    .transform-width h2 {
        margin-top: 20px;
    }
    .transform-width p {
        margin-top: 10px;
    }
    .fifth-img {
        position: relative;
        margin-bottom: 0px;
        position: static !important;
    }
    section.fifth-section {
        background: #000;
        padding: 30px 0;
    }
    .fifth-width p {
        opacity: 0.6;
        margin: 10px 0 20px;
        max-width: 100%;
    }
    section.sixth-section {
        padding: 30px 0 30px;
        position: relative;
    }
    .news-width p {
        margin-bottom: 20px;
    }
    .seven-img {
        position: static;
        margin-bottom: 0;
        width: 47%;
    }
    .seven-width {
        gap: 20px;
    }
    section.seventh-section {
        padding: 30px 0 30px;
    }
    .svn-inner p {
        margin: 10px 0 25px;
        opacity: 0.6;
    }
    .right-data ul li a {
        padding: 10px 15px 13px;
    }
    .news-letter-form button {
        width: 100%;
    }
    .news-letter-form form input {
        width: 100%
    }
    section.main-banner::after {
        background-position: top;
    }
    .marquee-container .marquee {
        gap: unset;
    }
    .marquee-container .marquee p {
        margin-left: unset;
    }
    .marquee-container .marquee p:nth-child(n+3) {
        display: none;
    }
    .marquee-container .marquee {
        animation: marquee 10s linear infinite;
    }
    section.third-section {
        padding: 20px 0;
    }
    .marquee2 {
        animation-delay: 5s !important;
    }
    .second-flex {
        margin-top: 24px;
        gap: 24px;
    }
    .uper-flx {
        display: none;
    }
    .banner-width .custtom-bttn {
        margin-bottom: 50px;
    }
    section.about-section {
        padding: 80px 0 0;
    }
    .about-section-content p {
        margin-top: 15px;
    }
    .about-section-content {
        text-align: left;
    }
    .form-content {
        width: 100%;
    }
    .popup-content {
        padding: 40px 15px 20px;
    }
    .contact-popup {
        padding: 6% 4%;
    }
    .right-download-button {
        display: none;
    }
    .menu.btn2 {
        display: block;
    }
    header#header {
        padding: 17px 0;
        min-height: 63px;
        /* 		background-color: #fff; */
    }
    .bar-color .right-data.open {
        top: 61px;
    }
    .right-data {
        position: fixed;
        top: 63px;
        left: 0;
        width: 100vw;
        height: auto;
        background-color: white;
        /* 	transition:0.5s all linear; */
        display: none;
    }
    .right-data #menu {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        gap: 0;
    }
    nav#nav {
        height: 100%;
    }
    .menu-header-menu-container {
        height: 100%;
    }
    .banner-width h1 {
        font-size: 28px;
        line-height: 115%;
    }
    section.main-banner {
        padding-top: 27px;
    }

    .banner-width .custtom-bttn {
        margin-bottom: 20px;
    }
    .banner-content {
        margin-left: unset;
    }
    section.black-banner-section {
        padding: 162px 0 91px;
    }
    .statement-content p {
        min-height: unset;
    }
    .mv-seciton-content {
        flex-direction: column;
        gap: 30px;
    }
    .statement-content {
        width: 100%;
    }
    section.mission-section {
        padding: 113px 0 50px;
    }
    section#about-section:before {
        height: 50%;
    }
    .news-width:nth-child(2) {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }
    .news-width {
        width: 100%;
    }
}

@media (max-width: 376px) {
    .seven-img {
        width: 100%;
    }
    section#about-section:before {
        height: 40%;
    }
}