@media only screen and (min-width: 270px) and (max-width: 280px){

    .slider-sec {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
        padding-top: 30px;
    }
    .order_part {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
        align-items: center;
    }
    .plateform {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .plateform .new_ord {
        display: flex;
        gap: 10px;
       flex-direction: column;
    }
    .managmnet {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(1,1fr);
        padding-top: 20px;
    }
    .width80{
        width: 80px;
        margin: auto;
        display: flex;

    }
    .vide-sec {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
        align-items: center;
        padding-top: 20px;
    }
    .promo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    .promo-2 {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 15px;
    }
    .secure-service {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
    }
    .ban-s- {
        position: absolute;
        right: 18px;
        width: 330px;
        top: 100px;
    }
    .bg-light {
        background-color: #ffffff !important;
        top: 0px;
        position: fixed;
        z-index: 999;
        padding: 0px 25px;


    }
    .navbar-brand img{
        width: 105px;
    }
    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        display: flex;
        flex-direction: column;
        padding: 10px;  
    }
    .navbar-toggler {
        padding: 5px;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: .25rem;
        transition: box-shadow .15s ease-in-out;
    }
    .ban-s {
        position: absolute;
        bottom: 80px;
    }
    .banner-details p {
        color: var(--white);
        font-size: 12px;
    }
    .banner-details h2 {
        color: var(--white);
        font-weight: 700;
        padding-bottom: 0px;
        font-size:30px;
    }
    .banner-sec {
        background-image: url("../img/background-air-new.png");
        background-position: center;
        background-size: contain;
        height: 105vh;
        background-repeat: no-repeat;
    }
    .banner-details h3 {
        color: var(--white);
        font-weight: 700;
        font-size: 17px;
        padding: 0;
        margin: 10;
    }
    .download-app h2 {
        font-size: 25px;
        color: #fff;
    }
    .our-plate h2 {
        font-weight: 700;
        font-size: 35px;
        text-align: center;
        padding-bottom: 10px;
    }
    .our-plate h3 {
        font-weight: 700;
        font-size: 25px;
    }
    .manag-con span {
        display: flex;
        gap: 13px;
    }
    .new-d{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .faq h2 {
        text-align: center;
        font-size: 35px;
        font-weight: 700;
    }
    .order h2 {
        font-size: 25px;
        font-weight: 700;
    }
    .sec_sec h1 {
        font-weight: 700;
        text-align: center;
        font-size: 35px;
    }
    .header-btn {
        font-size: 15px;
        /* animation: zoom-in-zoom-out1 2s ease-out infinite; */
    }
    .header-btn-plain {
        font-size: 15px;
    }
    .demo-text h3 {
        font-size: 25px;
        color: var(--white);
    }
    section {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .copy {
        display: flex;
        justify-content: center;
        color: var(--white);
        flex-direction: column;
        align-items: center;
    }
    .demo-text img{
        margin: auto;
        display: flex;
    }
    .app-img img {
        display: none;
    }
 }

@media only screen and (min-width: 360px) and (max-width: 767px){ 
    .slider-sec {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
        padding-top: 30px;
    }
    .width80{
        width: 80px;
        margin: auto;
        display: flex;
    }
    .app-img img {
        display: none;
    }
    .demo-text img{
        margin: auto;
        display: flex;
    }
    .copy {
        display: flex;
        justify-content: center;
        color: var(--white);
        flex-direction: column;
        align-items: center;
    }
    section {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .demo-text h3 {
        font-size: 25px;
        color: var(--white);
    }
    .header-btn {
        font-size: 15px;
        /* animation: zoom-in-zoom-out1 2s ease-out infinite; */
    }
    .header-btn-plain {
        font-size: 15px;
    }
    .order h2 {
        font-size: 25px;
        font-weight: 700;
    }
    .new-d{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .faq h2 {
        text-align: center;
        font-size: 35px;
        font-weight: 700;
    }
    .sec_sec h1 {
        font-weight: 700;
        text-align: center;
        font-size: 35px;
    }
    .manag-con span {
        display: flex;
        gap: 13px;
    }
    .our-plate h3 {
        font-weight: 700;
        font-size: 25px;
    }
    .our-plate h2 {
        font-weight: 700;
        font-size: 35px;
        text-align: center;
        padding-bottom: 10px;
    }
    .download-app h2 {
        font-size: 25px;
        color: #fff;
    }
    .banner-details h3 {
        color: var(--white);
        font-weight: 700;
        font-size: 17px;
        padding: 0;
        margin: 0;
    }
    .banner-details h2 {
        color: var(--white);
        font-weight: 700;
        padding-bottom: 0px;
        font-size: 30px;
    }
    .banner-details p {
        color: var(--white);
        font-size: 12px;
        margin: 0;
    }
    .navbar-toggler {
        padding: 0px 5px;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: .25rem;
        transition: box-shadow .15s ease-in-out;
    }
    .banner-sec {
        background-image: url("../img/background-air-new.png");
        background-position: center;
        background-size: contain;
        height: 105vh;
        background-repeat: no-repeat;
    }
    .ban-s {
        position: absolute;
        bottom: 80px;
    }
    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        display: flex;
        flex-direction: column;
        padding: 10px;
    }
    .bg-light {
        background-color: #ffffff !important;
        top: 0px;
        position: fixed;
        z-index: 999;
        padding: 0px 25px;
    }
    .navbar-brand img{
        width: 105px;
    }

    .order_part {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
        align-items: center;
    }
    .plateform {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .plateform .new_ord {
        display: flex;
        gap: 10px;
       flex-direction: column;
    }
    .managmnet {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(1,1fr);
        padding-top: 20px;
    }
    .vide-sec {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
        align-items: center;
        padding-top: 25px;
    }
    .promo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    .promo-2 {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 15px;
    }
    .secure-service {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
    }
    .ban-s- {
        position: absolute;
    right: 33px;
    width: 330px;
    top: 100px;

    }

}



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


@media only screen and (min-width: 1025px) and (max-width: 1249px){ }


@media only screen and (min-width: 1250px) and (max-width: 1355px){ }