@media screen and (max-width: 767px) and (min-width: 320px){

    .textfront >strong{
        left: unset!important;
    }

    .passengerdetailsseat {
        width: 100%!important;
       
        text-align: center!important;
        margin: 0px 0px 0px 0px!important;
        box-shadow: none!important;
    }
    .passengerdetailsseat >span {
        font-family: lato!important;
        font-size: 14px!important;
        font-weight: bold!important;
        font-style: normal!important;
        font-stretch: normal!important;
        line-height: normal!important;
        letter-spacing: normal!important;
        color: #323232!important;
        display: inline-block!important;
       
        padding: 10px 10px!important;
        margin: 2px!important;
        background-color: #ffffff!important;
    }





    .seatcostrow {
        width: 100%!important;
       
        flex-wrap: wrap!important;
        display: flex!important;
        margin: 0px 0px 0px 0px!important;
        padding: 10px 0px 10px 0px!important;
    }
   

    .seatcostcolum {
        width: 49%!important;
       
        padding: 0px 0px 0px 5px!important;
       
        margin-left: 0px!important;
        margin-bottom: 15px!important;
    }
    
    .seatcostcolum aside {
       
    }

    .seatmaprow {
        width: 100%!important;
       
        height: auto!important;
       
        display: block!important;
        overflow-x: hidden!important;
        overflow-y: auto!important;
        padding: 5px 40px 0px 40px!important;
        position: relative!important;
    }

    .textfront {
       
        position: relative!important;
       
        transform: rotate(360deg)!important;
       
        display:flex;
        justify-content: center;
    }


    .aroplanrowborder {
        width: 251px!important;
       
        border-left: 3px rgba(151, 151, 151, 0.88) solid!important;
        border-right: 3px rgba(151, 151, 151, 0.88) solid!important;
        border-top: 0px!important;
        border-bottom: 0px!important;
        margin-top: 0px!important;
        height: 100%!important;
        padding-top: 10px!important;
        display: inline-block!important;
    }


    .frontheadtext {
        width: 235px!important;
       
        transform: rotate(270deg)!important;
        margin-right: 20px!important;
        margin-top: -220px!important;
        margin-bottom: 15px!important;
    }




    .seatsectionrow {
        width: auto!important;
       
        position: relative!important;
        display: inline-block!important;
        padding-left: 6px!important;
    }






    .textback.lasttextback {
       
       
       
        margin-top: -1% !important;
        margin-right: 0% !important;
        transform: rotate(90deg)!important;
    }
    .textback.lasttextback >strong {
       
    }
    .flight-seats-wrapper {
        display: flex;
        justify-content: center;
    }




}



@media only screen and (max-width: 823px) and (min-width: 411px) {


    .textback.lasttextback {
       
    }
}