@media (min-width: 320px) and (max-width: 650px) {
  main {
    overflow: hidden;
  }
  .desc {
    max-width: 360px;
    margin: 0 auto;
  }
  .mainNav .navLeft .topLogo {
    font-size: 4rem;
  }
  .mainNav {
    flex-direction: column;
    align-items: center;
    padding: 0.25rem;
  }
  .mainNav .navbar-nav {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .navRight .collapse:not(.show) {
    display: block;
  }
  .navRight .nav-item .nav-link span {
    font-size: 3rem;
  }
  .introduction .introParag::before {
    display: none;
  }
  .mainBanner {
    padding-bottom: 0;
  }
  .mainBanner h2 {
    padding: 1rem;
    text-align: center;
    font-size: 1.3rem;
  }
  .introduction .introParag p {
    font-size: 1rem;
  }
  .introduction .introImg {
    /* display: none; */
  }
  .introduction {
    padding: 1rem;
    /* height: calc(5em * 5); */
  }
  .introduction .introParag {
    width: 100%;
    padding-left: unset;
    text-align: justify;
    z-index: 300;
    position: relative;
    right: 0;
    bottom: -8px;
    left: 0;
    margin: 0 auto;
  }
  .introduction .introParag h4 {
    font-size: 1.25rem !important ;
  }
  .interior {
    padding-top: 5rem;
    text-align: center;
    padding-bottom: 2rem;
  }
  .interior .interiorDesc {
    width: 100%;
    padding: 0 3rem;
  }
  .interior .interiorDesc h4 {
    font-size: 1rem !important ;
  }

  .interior .interiorDesc h1 {
    font-size: 1.25rem !important ;
  }
  .interior::before {
    all: unset;
  }
  .interior .interiorDesc .desc {
    width: 100%;
    line-height: 1.3;
    font-size: 1rem !important;
    margin: 0;
  }
  .passenger::before {
    /* top: 4rem; */
    all: unset;
  }

  .passenger {
    padding: 2rem 2rem 30rem;
  }

  .passenger .passengerDesc {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .passenger .passengerTitle {
    padding: 0;
    font-weight: 900;
    text-align: center;
    font-size: 1.4rem;
  }
  .passenger .passengerDesc h4 {
    font-size: 1rem !important ;
  }
  .passenger .passengerDesc h1 {
    font-size: 1.25rem !important ;
  }
  .passenger .passengerDesc .subtitle {
    font-size: 1rem !important;
  }
  .passenger .passengerDesc .desc {
    text-align: justify !important;
    font-size: 1rem !important;
  }

  .interiorFurnishing .interiorFurnishingDesc {
    width: 100%;
    padding: 1rem 3rem 0;
    text-align: center;
  }
  .interiorFurnishing .interiorFurnishingDesc::before {
    background-size: 40%;
    top: 3rem;
    left: -14rem;
  }
  .interiorFurnishing .interiorFurnishingMore {
    text-align: center;
    float: unset;
    padding-right: unset;
    padding-top: 1rem;
  }
  .interiorFurnishing .interiorFurnishingMore h4 {
    font-size: 1.7rem !important;
  }
  .compartment .compartmentDesc .desc {
    text-align: center;
    padding-right: unset;
  }
  .GRP {
    padding-bottom: 1rem;
  }
  .GRP .GRPDesc {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .GRP .GRPDesc h1 {
    font-size: 1.25rem !important ;
  }
  .GRP .GRPDesc h4 {
    font-size: 1rem !important ;
  }
  .secondSlider {
    padding: 2rem 2rem 0;
  }
  .secondSlider .secondSliderItems {
    padding: 3rem 0rem;
  }
  .secondSlider .secondSliderItems .swiper-slide {
    text-align: center;
    height: 230px;
  }
  .secondSlider .swiper-button-next {
    right: 0rem;
  }
  .secondSlider .swiper-button-prev {
    left: 0rem;
  }

  .compartment .compartmentDesc {
    /* position: absolute; */
    width: 100%;
    padding: 1rem;
    z-index: 1;
    text-align: center;
  }
  .compartment .compartmentDesc h1 {
    font-size: 1.25rem !important ;
  }
  .compartment .compartmentDesc h4 {
    font-size: 1rem !important ;
  }
  .equipments {
    /* margin-top: 3rem; */
    padding: 2rem 1rem;
  }
  .equipments .sectionTitle {
    width: 14rem;
    font-size: 1.3rem;
  }
  .equipments .sectionTitle::before,
  .equipments .sectionTitle::after {
    top: 2.5rem;
    left: -3rem;
    width: 3rem;
  }
  .equipments .sectionTitle::after {
    right: -3rem;
    left: unset;
  }
  .equipments .equipmentsItems {
    padding: 1rem 1rem;
  }

  .firstSlider {
    padding: 2rem;
  }
  .firstSlider .firstSliderItems {
    padding: 4rem 2rem;
  }
  .firstSlider .firstSliderItems .swiper-slide {
    /* width: inherit; */
    height: 140px;
  }
  .railcar {
    padding-bottom: 3rem;
  }
  .railcar::before {
    top: 1rem;
    right: 4rem;
    width: 64%;
  }
  .services .videoBox {
    padding: 0 1rem;
  }
  .services .servicesDesc {
    padding: 0 2rem 0 2rem;
  }
  .compartment {
    height: 39rem;
  }
  .compartment::before {
    top: -3rem;
  }
  .railcar .railcarDesc {
    position: relative;
    width: 100%;
    padding: 8rem 2rem 1rem;
    z-index: 1;
    text-align: center;
  }
  .railcar .railcarDesc::before {
    bottom: -28rem;
    left: 8rem;
    width: 33%;
  }
  .railcar .railcarDesc::after {
    content: "";
    background-image: url(../image/banners/Asset4PICS02.png);
    position: absolute;
    background-size: 100%;
    bottom: -47rem;
    left: 28px;
    width: 88%;
  }
  .railcar .railcarImage {
    padding: 0 2rem;
  }
  .railcar .railcarImage .col-md-8 {
    margin-top: 2rem;
  }
  .services {
    padding-top: 3rem;
    padding-bottom: 1rem;
  }
  .electrical .electricalDesc {
    width: 100%;
    padding: 1rem;
    padding-bottom: 1rem;
  }
  .electrical .electricalDesc .secIcon,
  .electricalDesc h4,
  .electricalDesc h1 {
    text-align: center;
  }
  .electrical::before {
    top: 30rem;
    left: 7rem;
  }
  .electrical::after {
    top: 30rem;
    left: 12rem;
  }
  .electricalImg > div {
    height: 265px;
    padding: 0;
  }
  .electricalImg {
    padding: 0;
  }
  .thirdSlider {
    padding: 2rem 0.5rem;
  }
  .thirdSlider .thirdSliderItems {
    padding: 2rem 3rem;
  }

  .network {
    padding: 0 0 1rem 0;
  }
  .network::before {
    background-size: 87%;
    top: -2rem;
    right: -2rem;
  }
  .network .networkDesc {
    width: 100%;
    padding: 13rem 2rem 0 2rem;
    text-align: center;
  }
  .network .networkDesc .icon-SENA {
    font-size: 3rem;
  }
  .network .networkDesc .secIcon {
    font-size: unset;
    margin: 1rem 0;
  }
  .network .networkDesc h3 {
    font-size: 1.25rem;
  }
  .network .networkDesc .desc {
    text-align: justify;
    padding-left: 0;
  }
  .airConditioning {
    padding: 1rem 0 3.5rem 0;
  }
  .airConditioning::before {
    top: 3rem;
    right: -2.5rem;
  }
  .airConditioning .airConditioningDesc {
    width: 100%;
    padding: 1rem 2rem 0rem 2rem;
    text-align: center;
  }
  .airConditioningImg {
    padding: 0 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .airConditioning .airConditioningImages {
    width: 100%;
    /* overflow-x: scroll; */
    right: 0;
    bottom: 2.5rem;
    justify-content: flex-start;
    padding: 0 1rem;
    flex-wrap: nowrap;
    margin-top: 0;
    flex-direction: column;
  }
  .airConditioning .airConditioningImages .airConditioningImage {
    flex-shrink: 0;
    width: 150px;
    height: 150px;
  }
  .toiletSystem {
    padding: 0;
    margin-bottom: -1px;
  }
  .toiletSystem::before {
    top: 2rem;
    left: 6rem;
    background-size: 50%;
  }
  .toiletSystem .toiletSystemDesc {
    width: 100%;
    padding: 19rem 3rem;
    text-align: center;
  }
  .toiletSystem .toiletSystemDesc {
    order: 2;
    padding: 1rem 0;
    text-align: center;
    margin: 0 auto;
  }
  .toiletSystem .toiletSystemImg {
    order: 1;
    margin-top: 3rem;
  }
  .toiletSystem .toiletSystemDesc .desc {
    padding: 0 2rem;
  }
  .toiletSystem .toiletSystemImg > div {
    padding: 0 5rem;
  }
  .toiletSystem .toiletSystemImges {
    /* padding: 1rem 3rem; */
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .project {
    padding: 0 3rem;
  }
  .project .sectionTitle::before,
  .project .sectionTitle::after {
    width: 7rem;
  }
  .project .projectImage {
    margin-top: 2.3rem;
  }
  .project .projectImage .row .leftProject,
  .project .projectImage .row .rightProject {
    margin-bottom: 1rem;
  }
  .project .projectImage .leftProject::before {
    top: 2rem;
    left: 12rem;
  }
  .project .projectImage .rightProject::before {
    top: 2rem;
    left: 1.5rem;
  }
  .certificates {
    padding: 2rem 3rem 2rem 3rem;
  }
  .certificates .sectionTitle {
    width: 52%;
  }
  .certificates .sectionTitle::before,
  .certificates .sectionTitle::after {
    right: 115px;
    width: 50%;
  }
  .certificates .sectionTitle::after {
    left: 115px;
    right: unset;
  }
  .certificates .certificatesItems {
    border-bottom: 1px solid var(--white);
    padding: 3rem 3rem;
  }
  .mainFooter {
    flex-direction: column;
    align-items: center;
    padding: 0 3rem 2rem 3rem;
  }
  .mainFooter > div {
    width: 100%;
  }
  .certificates .certificatesItems .swiper-slide {
    /* width: 128px !important; */
  }
  .mainFooter .address {
    text-align: center;
    margin-top: 0.8rem;
  }
}