/*======================================================
                                                   1600
=======================================================*/
@media screen and (max-width: 1600px) {
  .SAweb_busniessTravelBannerBottom .box-tails .image img {
    width: 5rem;
  }

  .SAweb_busniessTravelBannerBottom .box-tails .image img.manIcon {
    width: 4.5rem;
  }

  .SAweb_busniessTravelBannerBottom .box-tails {
    grid-gap: 2rem;
  }

  .SAweb_busniessTravelBannerBottom .box-tails .item {
    min-height: 18rem;
    width: calc(25% - 2rem);
  }

  .SAweb_owl-slider2 .owl-carousel .owl-item .item {
    min-height: 40rem;
  }

  .SAweb_featureProperty .imageBox .item .hvrbox-text {
    width: 100%;
  }

  .guest-Ui .SAweb_updateUi .exploreLocation .topPlaces .image {
    height: 12rem;
  }

  .guest-Ui .SAweb_updateUi .exploreLocation .topPlaces .cnt {
    height: 12rem;
  }
  .SAweb_hiraComm h3 {
    font-size: 4.8rem;
  }

  .SAweb_hiraComm .bannerText h2 span,
  .SAweb_hiraComm .bannerText h2 span b {
    font-size: 5.25rem;
  }

  .SAweb_hiraComm .bannerText h2 {
    font-size: 4.5rem;
  }

  .SAweb_hiraComm .vSlider {
    height: 60rem;
  }
}

/*======================================================
                                                   1500 
=======================================================*/
@media screen and (max-width: 1500px) {
  .SAweb_hiraComm h3 {
    font-size: 4.39rem;
  }

  .SAweb_hiraComm #fullview .location-cont .item:first-child::before,
  .SAweb_hiraComm .techView::before {
    font-size: 12rem;
  }

  .SAweb_hiraComm #fullview .location-cont .item:first-child {
    width: 45rem;
  }
}

/*======================================================
                                                   1400
=======================================================*/
@media screen and (max-width: 1400px) {
  .SAwebGuest_reserveDetails {
    width: 40rem;
  }

  h1.SAwebGuest_reserveDetails_heading {
    width: 40rem;
  }

  .SAwebGuest_reserveDetails_sidetails {
    width: 25rem;
  }
}

/*======================================================
                                                   1366 
=======================================================*/
@media screen and (max-width: 1366px) {
  .SAweb_awardView .box h2 {
    padding: 0px;
  }

  .SAweb_updateUi .blog-slide .owl-next {
    right: -3%;
  }

  .SAweb_updateUi .blog-slide .owl-prev {
    left: -3%;
  }

  .SAweb_updateUi #hero {
    height: 85vh;
  }

  .SAweb_schools.second ul.nav-tabs .nav-link.splbtn {
    min-width: initial;
  }

  .SAweb_guestSlider .SAweb_owl-slider2 .owl-carousel .owl-item .item {
    min-height: 450px;
  }

  #modalFullBookingDetails .bookingList {
    width: 100%;
  }

  .SAwebGuest_reservePage .SAwebGuest_serviceInfo {
    width: 68rem;
  }

  .SAwebGuest_arrivalInfo .serviceRequestOpenTable table th {
    min-width: 125px;
  }

  .SAweb_container_searchPage .ant-select-selection__placeholder {
    top: 7px;
  }

  .SAweb_updateUi .explore_Location_listView .item {
    width: 12rem;
  }

  .guest-Ui .exploreLocation .topPlaces .cnt p {
    font-size: 15px;
    margin-bottom: 0;
  }

  .guest-Ui .exploreLocation .topPlaces .cnt h2 {
    font-size: 19px;
    margin-bottom: 0;
    text-align: left;
  }

  .guest-Ui .SAweb_updateUi .exploreLocation .topPlaces .cnt span {
    font-size: 13px;
  }

  #welcomeMessage .modal-lg {
    max-width: 750px;
  }

  .welcomeVideoModal .modal-dialog {
    margin-top: 25px;
  }

  .welcomeVideoGIF {
    padding: 30px;
    padding-top: 40px;
  }
  .SAweb_hiraComm h3,
  .SAweb_hiraComm .techView h3 span {
    font-size: 3.75rem;
  }

  .SAweb_hiraComm .bannerText img {
    width: 20rem;
    margin-bottom: 1rem;
  }

  .SAweb_hiraComm .bannerText h2 {
    font-size: 3rem;
  }

  .SAweb_hiraComm .bannerText h2 span,
  .SAweb_hiraComm .bannerText h2 span b {
    font-size: 4rem;
  }

  .addTopSpace {
    padding-top: 7rem;
  }

  .SAweb_hiraComm .techView h3 {
    max-width: 1040px;
    margin: auto;
  }

  .SAweb_hiraComm #fullview #locationBlock .top {
    width: 96%;
  }

  .SAweb_hiraComm #fullview .location-cont .item {
    width: calc(100% - 42rem);
  }

  .SAweb_hiraComm #fullview .location-cont .item:first-child {
    width: 38rem;
    min-width: 38rem;
  }
}

/*======================================================
                                                   min-width 
=======================================================*/
@media screen and (min-width: 768px) {
  .SAweb_container.container {
    margin-right: 0;
    width: calc(100% - 5vw);
    max-width: initial;
  }
}

@media screen and (min-width: 992px) {
  .modal-dialog.modal-lg-SAweb {
    max-width: 800px;
  }
}

@media screen and (min-width: 1100px) {
  .SAweb_container.container {
    width: calc(95% - 4vw);
  }
}

@media screen and (min-width: 1200px) {
  .SAweb_container.container {
    width: calc(96% - 3vw);
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .modal-dialog.modal-lg-SAweb {
    max-width: 1140px;
  }

  .SAweb_updateUi .container {
    max-width: 1170px;
    width: 100%;
  }

  .SAweb_updateUi #hero .owl-dots {
    max-width: 1170px;
    padding-left: 15px;
  }
}

@media screen and (min-width: 1300px) {
  .SAweb_container.container {
    width: 92%;
  }
}

@media screen and (min-width: 1400px) {
  .SAweb_container.container {
    max-width: 1370px;
    width: auto;
  }

  .SAweb_updateUi .container {
    max-width: 1320px;
    width: 100%;
  }

  .SAweb_updateUi #hero .owl-dots {
    max-width: 1320px;
  }

  .SAweb_updateUi .fixedNavSpace {
    height: 4.65rem;
  }
  #baseModal-micheal .modal-dialog {
    width: 75rem;
  }
}

@media screen and (min-width: 1500px) {
  .SAweb_container.container {
    max-width: initial;
    width: clamp(1400px, 100vw, 90%);
  }

  .SAwebGuest_reservePage .guest-Ui .home-slider .card img {
    height: 13rem;
  }

  .guest-Ui .home-slider .card h1 {
    font-size: 1.25rem;
    font-weight: 800;
  }

  .SAwebGuest_reservePage .guest-Ui .newSRView .SR-tials.SR-slectOrID {
    width: 90rem;
  }

  .SAwebGuest_reservePage .guest-Ui .newSRView .SR-tials.SR-slectOrID > div {
    width: 100%;
  }

  .servicerequest-pop-header {
    width: 90rem;
  }
}

@media screen and (min-width: 1600px) {
  .SAweb_container.container {
    max-width: 1460px;
    width: auto;
  }

  .SAweb_searchCom .searchboxTails .items:first-child {
    min-width: 55rem;
    width: 55rem;
  }

  .SAweb_searchCom .popoverView .popover__content {
    min-width: 55rem;
    width: 55rem;
  }

  .guest-Ui
    .SAwebGuest_locationPage
    .exploreLocation
    .details.detailsTopPlace
    .topPlaces {
    height: 53vh;
  }

  .SAweb_updateUi .fixedNavSpace {
    height: 4.5rem;
  }
}

@media screen and (min-width: 1660px) {
  .SAweb_container.container {
    max-width: initial;
    width: clamp(1533px, 100vw, 84%);
  }

  .SAweb_updateUi .container {
    max-width: 90rem;
    width: 100%;
  }

  .SAweb_updateUi .fixedNavSpace {
    height: 4.45rem;
  }
}

@media screen and (min-width: 1920px) {
  .SAweb_container.container {
    margin-right: 0;
    max-width: initial;
  }

  .fixedNavSpaceRemove {
    margin-top: -4.1rem;
  }

  .guest-Ui
    .SAwebGuest_locationPage
    .exploreLocation
    .details.detailsTopPlace
    .topPlaces {
    height: 56vh;
  }
}

@media screen and (min-width: 2000px) {
  .SAweb_container.container {
    margin-right: 0;
    max-width: initial;
    width: clamp(1533px, 100vw, 80%);
  }

  .guest-Ui
    .SAwebGuest_locationPage
    .exploreLocation
    .details.detailsTopPlace
    .topPlaces {
    height: 58vh;
  }

  .SAweb_updateUi .fixedNavSpace {
    height: 4.1rem;
  }
  .SAweb_updateUi #header {
    min-height: 4.1rem;
  }
}

@media screen and (min-width: 2500px) {
  .SAweb_container.container {
    margin-right: 0;
    max-width: initial;
    width: clamp(1533px, 100vw, 75%);
  }

  .guest-Ui
    .SAwebGuest_locationPage
    .exploreLocation
    .details.detailsTopPlace
    .topPlaces {
    height: 60vh;
  }
}

@media screen and (min-width: 3840px) {
  .SAweb_container.container {
    margin-right: 0;
    max-width: initial;
    width: clamp(1533px, 100vw, 67%);
  }
}

/*======================================================
                                                   1199 
=======================================================*/

@media screen and (max-width: 1199px) {
  .SAweb_busniessTravelBannerBottom .box-tails .item {
    min-height: 18rem;
  }

  .SAweb_busniessTravelBanner .textView {
    width: 70%;
    top: 60%;
  }

  .SAweb_updateUi .SAweb_busniessTravelBanner2 .container {
    width: 65%;
  }

  .SAweb_schools ul.nav-tabs {
    display: flex;
  }

  .SAweb_schools ul.nav-tabs li {
    width: 24%;
  }

  .SAweb_schools.second ul.nav-tabs li {
    width: 24%;
  }

  .SAweb_schools ul.nav-tabs li:last-child {
    width: 28%;
  }

  .SAweb_schools .owl-carousel .item p {
    min-height: 5rem;
  }

  .SAweb-empireCity .box {
    grid-column-gap: 2rem;
  }

  .SAweb-empireCity p {
    font-size: 1.25rem;
  }

  .SAweb_awardView .box {
    grid-column-gap: 1rem;
    width: 90%;
  }

  .SAweb_featureProperty .imageBox .item .hvrbox-text {
    padding: 2rem 1rem;
  }

  .SAweb_updateUi #hero {
    height: 75vh;
  }

  .SAweb_gHousingBanner {
    min-height: initial;
  }

  .SAweb_gHousingBanner .textView {
    height: 60vh;
    padding-bottom: 5rem;
  }

  .SAweb_aboutUsBannerBottom .tailBox .item.text {
    padding-right: 5rem;
  }

  .SAweb_aboutUsImageOverlap .tailBox .item.text {
    width: 80%;
    padding-right: 5rem;
  }

  .SAweb_guesrExpBanner .textView {
    padding: 4rem 2rem;
  }

  .SAweb_updateUi header .navbar-nav li.nav-item {
    margin: 0px 1rem;
  }

  .SAweb_guestLoginBanner .loginForm {
    width: 90%;
  }

  .SAweb_updateUi .blog-slide {
    width: 90%;
    margin: auto;
  }

  .SAweb_carrerOurGoals .box img {
    width: 100%;
  }

  .SAweb_carrerOurGoals .box h4 {
    margin-bottom: 1.5rem;
  }

  .SAweb_tachSecureCompliant .tails .item:first-child {
    width: 85%;
  }

  .SAweb_tachSecureCompliant .tails .pic {
    height: auto;
  }

  .SAweb_searchResultsItems {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAweb_searchCom .searchboxTails .items:first-child {
    width: 375px;
    min-width: 375px;
  }

  .SAweb_searchCom .popoverView .popover__content {
    width: 375px;
    min-width: 375px;
  }

  .SAweb_insuranceSolutions .tails .item:last-child {
    width: 100%;
  }

  .SAweb_insuranceSolutions .tails {
    grid-column-gap: 6rem;
  }

  .SAwebGuest_reserveDetails {
    width: 34rem;
  }

  h1.SAwebGuest_reserveDetails_heading {
    width: 34rem;
  }

  .SAwebGuest_reserveDetails_sidetails {
    width: 23rem;
  }

  .SAwebGuest_arrivalInfo .serviceRequestOpenTable {
    width: 100%;
  }

  .SAweb_techBanner .textView {
    width: calc(100% - 49rem);
  }

  .SAweb_techBanner {
    height: auto;
  }

  .SAweb_techBanner .SAweb_techBannerVideo {
    padding: 4rem 0;
    margin: 5rem 0;
  }

  .SAweb_techBanner .SAweb_techBannerVideo video {
    right: -13.5rem;
    width: 75rem;
  }

  .guest-Ui .exploreLocation .details.detailsTopPlace {
    position: static;
    margin-top: 2rem;
    width: 590px;
  }

  .guest-Ui .SAwebGuest_reservePage .myReservation .communityDetails {
    margin: 25px;
    margin-left: 0;
  }

  .servicerequest-pop-header {
    width: 100%;
  }

  .SAwebGuest_reservePage .guest-Ui .newSRView .SR-tials.SR-slectOrID {
    width: 100%;
  }

  .SAwebGuest_arrivalInfo .serviceRequestOpenTable table th {
    padding: 10px;
    font-size: 1.15rem;
  }

  .SAwebGuest_arrivalInfo .serviceRequestOpenTable table td {
    padding: 10px;
  }

  .SAwebGuest_reservePage .SAwebGuest_serviceInfo {
    width: 55rem;
  }

  .SAwebGuest_homeSlider h2 {
    width: 440px;
    padding-right: 10px;
  }

  .SAwebGuest_homeSlider .owl-carousel .owl-buttons {
    width: 440px;
  }

  .SAweb_tachEnables .tails {
    grid-column-gap: 12%;
  }

  .SAweb_updateUi #hero h4 {
    padding-top: 3rem;
    margin-bottom: -2rem;
  }

  .exploreCommuteSelect .ant-select-selection--single {
    width: 20rem;
  }
  .SAweb_hiraComm .techView .tails .text p span {
    font-size: 18px;
  }

  .SAweb_hiraComm .techView .tails .text p {
    font-size: 18px;
  }

  .SAweb_hiraComm .techView .tails .text {
    width: calc(100% - 245px);
    padding-right: 30px;
  }

  .SAweb_hiraComm .techView .tails .icons {
    margin: 25px;
    width: 120px;
    height: 120px;
    min-width: 120px;
  }

  .SAweb_hiraComm .techView .tails .text::after {
    content: "";
    position: absolute;
    left: -83px;
    border-width: 84px;
  }

  .SAweb_hiraComm .vSlider .card-block-wrap {
    width: 850px;
    left: 55px;
  }
  .sa-home-text-animation ul.flowBtns {
    margin-right: 0;
  }
  .sa-home-text-animation ul.flowBtns li div {
    padding: 1rem 3rem;
  }
  .sa-blog-second-header li.nav-item .btn {
    font-size: 13px;
    padding: 8px 10px;
  }
  .sa-blog-second-header .navbar-nav {
    grid-gap: 10px;
  }

  .in-intern-content ul.listView.listViewAbout {
    min-width: 450px;
    padding-left: 15px;
    max-height: 450px;
  }
  .in-intern-content .imageOverlapBox .item.text p {
    font-size: 1.25rem;
  }
}

/*1199*/

/*======================================================
                                                   1099
=======================================================*/
@media screen and (max-width: 1099px) {
  .SAweb_gHousingGuestExpc.SAweb_homeYourStay .tailBox {
    width: 100%;
  }

  .SAweb_leaderShipPage .tails {
    width: 100%;
    max-width: 95%;
  }

  .SAweb_salogo_lineImage img {
    width: 75%;
  }

  .SAwebredesigLogoblack h4 {
    padding: 0 8rem;
  }

  .SAweb_guestLoginBanner {
    background-size: cover;
  }

  .SAwebGuest_reservePage .SAwebGuest_serviceInfo {
    width: 49rem;
  }

  .SAwebGuest_homeSlider h2 {
    width: 420px;
    padding-right: 00px;
    top: 6rem;
    left: 0px;
    text-align: center;
  }

  .SAwebGuest_homeSlider .owl-carousel .owl-buttons {
    width: 120px;
    top: 8rem;
    left: 0;
    text-align: center;
    justify-content: center;
  }
  .in-intern-content .imageOverlapBox .item img {
    min-height: 480px;
    min-width: 480px;
  }
  .in-intern-content .imageOverlapBox .item.text {
    padding: 3rem 0rem 3rem 3rem;
    margin: 3rem 0;
    height: calc(100% - 6rem);
    margin-left: -8rem;
  }
}

/*1099*/

@media (min-width: 992px) and (max-width: 1099px) {
  .SAwebGuest_reserveDetailsMain {
    display: block;
  }

  h1.SAwebGuest_reserveDetails_heading {
    width: 40rem;
  }

  .SAwebGuest_reserveDetails {
    width: 40rem;
  }

  .SAwebGuest_reserveDetails_sidetails {
    width: 40rem;
    margin-left: 0;
    margin-top: 2rem;
  }
}

/*======================================================
                                                   1024
=======================================================*/

@media screen and (max-width: 1024px) {
  .SAweb_updateUi #hero .carousel-indicators {
    margin-left: 5%;
  }

  .SAweb_guestSlider .SAweb_owl-slider2 .owl-carousel .owl-item .item {
    min-height: 450px;
  }

  .SAweb_gHousingGuestExpc.ghPage .rows {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
  }

  .SAweb_gHousingGuestExpc.ghPage .rows .col-sm-6.col-main {
    width: 100%;
  }

  .SAweb_gHousingGuestExpc.ghPage .rows .col-sm-6.col-main:first-child {
    width: 100%;
    grid-column: auto;
  }

  .SAweb_guestSlider.SAweb_gvtHouse
    .SAweb_owl-slider2
    .owl-carousel
    .owl-item
    .item {
    height: auto;
    min-height: 400px;
  }
}

/*======================================================
                                                   991
=======================================================*/
@media screen and (max-width: 991px) {
  .SAweb_updateUi header .navbar-brand {
    width: 150px;
    min-width: 150px;
  }

  .SAweb_updateUi header .btn {
    padding: 0.65rem 1.2rem;
  }

  .SAweb_updateUi header .navbar-brand img {
    width: 100%;
  }

  .SAweb_updateUi header .navbar-collapse form {
    width: 150px;
  }

  .SAweb_busniessTravelBanner .textView {
    width: 80%;
    padding: 3rem 3rem;
  }

  .SAweb_busniessTravelBanner2 .boxTails {
    grid-column-gap: 1rem;
  }

  .SAweb_busniessTravelBannerBottom .box-tails .image img {
    width: 4rem;
  }

  .SAweb_busniessTravelBannerBottom .box-tails .image img.manIcon {
    width: 3rem;
  }

  .SAweb_busniessTravelBannerBottom .box-tails {
    grid-gap: 1.5rem;
  }

  .SAweb_busniessTravelBannerBottom .box-tails .item {
    min-height: 16.5rem;
    padding: 2rem 1rem;
  }

  .SAweb_busniessTravelBanner2 h2 {
    width: 80%;
  }

  .SAweb_busniessTravelBanner2 p {
    width: 90%;
  }

  .SAweb_busniessTravelService .item {
    padding: 3rem 2rem;
  }

  .SAweb_busniessTravelService h3 {
    width: 90%;
  }

  .SAweb_updateUi .SAweb_busniessTravelBanner2 .container {
    width: 85%;
  }

  .SAweb_updateUi h1 {
    font-size: 3.5rem;
  }

  .SAweb_updateUi h2 {
    font-size: 2.8rem;
  }

  .SAweb_updateUi footer ul.brandLogos {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .SAweb_schools ul.nav-tabs li {
    width: 18%;
  }

  .SAweb_schools ul.nav-tabs li:last-child {
    width: 45%;
  }

  .SAweb_schools.second ul.nav-tabs li {
    width: 22%;
  }

  .SAweb_schools.second ul.nav-tabs li:last-child {
    width: auto;
  }

  .SAweb_updateUi header .navbar-nav li.nav-item {
    margin: 0px 0.5rem;
  }

  .SAweb_makeBest .boxTails {
    width: 85%;
  }

  .SAweb_chInfo .box {
    grid-column-gap: 3rem;
  }

  .SAweb_chInfo .box .item {
    width: 100%;
  }

  .SAweb_updateUi .blog-slide .owl-next {
    right: -4%;
  }

  .SAweb_updateUi .blog-slide .owl-prev {
    left: -4%;
  }

  .SAweb_featureProperty .imageBox .item .hvrbox-text {
    left: 3rem;
    right: 3rem;
    width: auto;
  }

  .SAweb_featureProperty .imageBox .item:hover .hvrbox-layer_slideup,
  .SAweb_featureProperty .imageBox .item.active .hvrbox-layer_slideup {
    top: calc(100% - 21rem);
  }

  .SAweb_featureProperty .imageBox .item h1 {
    font-size: 1.6rem !important;
    font-weight: 800;
  }

  .SAweb_scroolSlider .swiper {
    max-width: 100%;
    width: 570px;
    margin: auto;
  }

  .SAweb_scroolSlider > div:last-child {
    width: 100%;
  }

  .SAweb_scroolSlider h2 {
    width: 100%;
  }

  .SAweb_scroolSlider {
    display: block;
  }

  .SAweb_scroolSlider {
    padding-bottom: 0 !important;
  }

  .SAweb_scroolSlider .swiper {
    margin-bottom: 2rem !important;
  }

  .SAweb_touchView {
    display: block;
  }

  .SAweb_touchView .item {
    width: 100%;
    margin-bottom: 2rem;
  }

  .SAweb_updateUi h2.heaidngHalf {
    width: 100%;
  }

  .SAweb_updateUi .headingWithButton h2.heaidngHalf {
    text-align: left;
    margin-right: 20px;
    width: 100%;
  }

  .SAweb_updateUi .SAweb_busniessTravelOurHotels .container {
    width: 100%;
  }

  .SAweb_busniessTravelService .item.textItem {
    margin-left: 5rem;
    width: 90%;
  }

  .SAweb_busniessTravelService .item {
    padding: 0;
  }

  .SAweb_busniessTravelOurHotels .boxTails .pic {
    padding: 3rem;
  }

  .SAweb_busniessTravelOurHotels .boxTails p {
    padding: 1rem 1.12rem;
  }

  .SAweb_caseStudies .boxes {
    display: block;
  }

  .SAweb_caseStudies .boxes h1 {
    font-size: 2.5rem !important;
  }

  .SAweb_caseStudies .boxes p {
    font-size: 1.5rem;
  }

  .SAweb_caseStudies .topHeading .btn {
    min-width: 115px;
    margin-left: 2rem;
  }

  .SAweb_location .SAweb_caseStudies .topHeading .btn {
    min-width: initial;
    margin-left: 1rem;
  }

  .SAweb_updateUi #hero .carousel-indicators {
    margin-left: auto;
  }

  .SAweb_touchView .item:first-child {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 4rem;
    text-align: left;
  }

  .SAweb_touchView .item:first-child h2 {
    margin-bottom: 0px !important;
  }

  .SAweb_location .topHeading ul.listView li .nav-link {
    padding: 0px 8px;
  }

  .SAweb_tachInternal .box .item {
    width: 100%;
  }

  .SAweb_tachInternal .box {
    grid-column-gap: 2.5rem;
  }

  .SAweb_tachInternal .box .image {
    height: auto;
    margin-bottom: 2.5rem;
  }

  .SAweb_tachEnables .tails {
    grid-column-gap: 6rem;
  }

  .SAweb_tachEnables .tails .item {
    width: 100%;
  }

  .SAweb_techBanner .textView {
    width: 85%;
  }

  .SAweb_tachBest .tails {
    grid-gap: 2.2rem;
  }

  .SAweb_gHousingheaderHere .logoBox {
    grid-column-gap: 4rem;
  }

  .SAweb_gHousingheaderHere .logoBox .item img {
    width: 100%;
  }

  .SAweb_searchResultsItems {
    max-height: 600px;
    overflow: auto;
    padding-right: 5px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 3rem;
  }

  .SAweb_searchCom .col-auto {
    margin-bottom: 1.5rem;
  }

  .SAweb_searchCom .row.inputSearch {
    flex-wrap: wrap;
  }

  .SAweb_searchResultsItems .item {
    margin-bottom: 2rem;
  }

  .SAweb_aboutUsBannerBottom .container.SAweb_container {
    display: block;
    width: 100%;
    margin: auto;
    max-width: 720px;
    padding: 0px;
  }

  .SAweb_aboutUsBannerBottom {
    padding: 3rem 0;
    margin: 0;
    background-color: var(--whiteColor);
  }

  .SAweb_gHousingGuestExpc.SAweb_aboutUs h2 {
    width: 100%;
  }

  .SAweb_aboutUsWhatMakes .tailBox p {
    width: 90%;
  }

  .SAweb_aboutUsImageOverlap .tailBox {
    display: block;
    width: 95%;
    margin: auto;
    max-width: 720px;
  }

  .SAweb_aboutUsImageOverlap .tailBox .item {
    width: 100% !important;
    margin-left: 0px !important;
    padding: 0rem !important;
    margin-bottom: 2rem;
  }

  .SAweb_aboutUsLeaderShip .tailBox .item {
    width: 33.333%;
  }

  .SAweb_aboutUsLeaderShip .tailBox h6 {
    width: 80%;
  }

  .SAweb_aboutUsCorporateLocations .tailBox .item {
    width: 100%;
  }

  .SAweb_aboutUsCorporateLocations .tailBox {
    grid-column-gap: 1.5rem;
  }

  .SAweb_guesrExpBannerBottom .imageOnText img {
    width: 25rem;
  }

  .SAweb_updateUi header .navbar-nav .nav-link .bi-caret-down-fill {
    padding-left: 0.5rem;
  }

  .SAweb_InternHousingPics .picTails h3 {
    font-size: 1.7rem;
  }

  .SAweb_updateUi header .navbar-collapse.collapse.in {
    height: auto !important;
    overflow: inherit !important;
  }

  .SAweb_searchCom .searchboxTails {
    flex-direction: column;
  }

  .SAweb_searchCom .lc_map {
    height: 400px;
  }

  .SAweb_searchCom .searchboxTails .items:first-child {
    min-width: initial;
    width: 100%;
    padding-right: 0px;
  }

  .SAweb_searchCom .popoverView .popover__content {
    min-width: 700px;
    width: 100%;
  }

  .SAweb_guestLoginBanner .loginForm {
    width: 100%;
  }

  .SAweb_gHousingGuestExpc.SAweb_homeYourStay .tailBox {
    width: 100%;
  }

  .SAweb_gHousingGuestExpc.SAweb_homeYourStay .tailBox .item {
    margin-left: 0px;
  }

  .SAweb_gHousingGuestExpc.SAweb_homeYourStay h2 {
    width: 100%;
  }

  .SAweb_gHousingGuestExpc.SAweb_homeYourStay .col-sm-7 > div {
    width: 90%;
    padding-right: 0;
  }

  .SAweb_expDrive .box .image {
    width: 58.333%;
  }

  .SAweb_expDrive .box .image img {
    width: 100%;
    height: 100%;
  }

  .SAweb_expDrive .box .item {
    width: 41.6667%;
  }

  .SAweb_callback.bannerView p {
    padding: 0px;
    width: 80%;
  }

  .SAweb_aboutUsBanner h3 {
    width: 85%;
  }

  .SAweb_gHousingGuestExpc .row.sm-d-flex {
    display: block;
  }

  .SAweb_privacyPolicyTabs .tabDefinitionsView {
    grid-template-columns: repeat(2, 1fr);
  }

  .SAweb_leaderShipPage .tails {
    grid-gap: 4rem 1rem;
  }
  .SAweb_leaderShipPage .tails span {
    width: 100%;
  }

  .SAweb_aboutUsBannerBottom .tailBox .item .pic img {
    height: 100%;
  }

  .SAweb_aboutUsBannerBottom .tailBox .item .pic {
    height: 48rem;
  }

  .SAweb_aboutUsBannerBottom .tailBox .item.text {
    padding: 2rem;
  }

  .SAweb_location .locationItem .caption {
    width: auto;
  }

  .SAweb-salogosExperience .box {
    grid-column-gap: 3rem;
  }

  .SAweb-salogosExperience .box .item:last-child img {
    width: 21rem;
  }

  .SAweb_salogos_equation {
    padding: 4rem;
  }

  .SAweb_updateUi .SAweb_salogsIterations h2.h2_rotate {
    margin-right: 2rem;
    font-size: 4rem;
  }

  .SAweb_carrerOurGoals .box {
    display: grid;
    grid-gap: 2rem;
  }

  .SAweb_carrerOurGoals .box .item {
    grid-column: 1/3;
  }

  .SAweb_carrerWorkingSA .box p {
    width: 100%;
  }

  .Saweb_MorePhotosPopup .modal-content {
    max-width: initial;
    width: 100%;
  }

  .SAweb_banner-3 .box .item .btn.photos {
    padding: 0 3.5rem;
  }

  .SAweb_searchCom .col-md-6 {
    width: 100%;
  }

  .SAweb_insurancePageBanner {
    min-height: 75vh;
    max-height: 500px;
  }

  .SAweb_insurancePageBanner img {
    object-fit: cover;
  }

  .SAweb_updateUi .singleBannerSA {
    min-height: 75vh;
    max-height: 500px;
  }

  .SAweb_insuranceSolutions .tails {
    grid-column-gap: 4rem;
  }

  .SAweb_location .locationItem .image {
    height: 19rem;
    width: 19rem;
    min-width: 19rem;
  }

  .SAweb_spotlightCitiesGridView .SAweb_scoreView .box .progress {
    width: 28px;
    min-width: 28px;
    height: 28px !important;
    line-height: 22px;
    margin-bottom: 0px;
  }

  .SAweb_spotlightCitiesGridView .SAweb_scoreView .box img {
    width: 12px;
  }

  .SAweb_spotlightCitiesGridView .SAweb_scoreView .box img.walk {
    width: 10px;
  }

  .SAweb_spotlightCitiesGridView
    .SAweb_scoreView
    .box
    .progress
    .progress-value {
    line-height: 23px;
  }

  .SAweb_spotlightCitiesGridView .mainView {
    grid-gap: 1rem;
  }

  .SAweb_spotlightCitiesGridView .mainView p {
    font-size: 1.25rem;
  }

  .SAweb_spotlightCitiesGridView .mainView p span {
    font-size: 1rem;
  }

  .SAweb_spotlightCitiesBanner {
    height: 450px;
  }

  .SAweb_salogsIterations .owl-carousel.owl-drag .owl-item .caption {
    padding: 40px;
    height: 650px;
  }

  .SAweb_salogsIterations .owl-carousel.owl-drag .owl-item .caption img {
    width: 85%;
  }

  .newTimeline .timeline {
    margin-left: 50px;
  }

  .newTimeline .content {
    width: 100%;
  }

  .SAweb_guesrExpBannerBottom .tails {
    grid-template-columns: repeat(2, 1fr);
  }

  .SAweb_homeCaseStudiesContent .sideImageGrid {
    display: block;
  }

  .SAweb_homeCaseStudiesContent .sideImageGrid .item:first-child {
    margin-bottom: 3rem;
  }

  .SAweb_homeCaseStudiesContent .sideImageGrid .pic {
    max-height: 400px;
    overflow: hidden;
  }

  .SAweb_container_searchPage .inputSearch .ant-select ul {
    flex-wrap: wrap;
  }

  .SAweb_container_searchPage .inputSearch.ulDropdown {
    padding-bottom: 40px;
  }

  .SAweb_updateUi .hover-zoomin .image {
    height: auto;
    margin-bottom: 15px;
  }

  .SAweb_updateUi .hover-zoomin.fullHeight .image {
    height: auto;
  }

  .SAweb_caseStudies .boxes .item .caption {
    position: static;
  }

  .SAweb_caseStudies .boxes .item .caption h1 {
    color: var(--colors);
  }

  .SAweb_caseStudies .boxes .item .caption p {
    color: var(--colors);
  }

  .SAweb_ghousingLocations .tailsBox .pic {
    height: 15rem;
  }

  .SAwebGuest_homeBanner {
    min-height: 500px;
    height: 65vh;
  }

  .SAwebGuest_homefindTheans .tails .item {
    padding: 2rem;
  }

  .SAwebGuest_homefindTheans .tails .pic {
    width: 8rem;
    height: 8rem;
    padding: 1.5rem;
  }

  .SAwebGuest_reservePage #sidebar {
    margin-left: -100%;
    z-index: 99;
    width: 100%;
    padding-left: 2rem;
  }

  .SAwebGuest_reservePage .sidebar-header h2 {
    font-size: 2rem;
  }

  .SAwebGuest_reservePage #sidebar .btn.closeSidebtn {
    display: block;
  }

  .SAwebGuest_reservePage #sidebar.active {
    margin-left: 0;
  }

  .SAwebGuest_reservePage #sidebarCollapse span {
    display: none;
  }

  .SAwebGuest_reservePage #content {
    margin: 20px;
    margin-top: 50px;
  }

  .SAwebGuest_reservePage .btn.btn-info.openbtn {
    display: block;
    position: absolute;
    left: 15px;
    top: 10px;
  }

  .SAweb_techBanner .SAweb_techBannerVideo {
    display: block;
    margin: 0px;
  }

  .SAweb_techBanner .SAweb_techBannerVideo video {
    width: calc(100% + 200px);
    height: 100%;
    margin: auto;
    position: relative;
    right: 0px;
    left: -100px;
    margin-top: 3rem;
  }

  .SAweb_techBanner .textView {
    width: 33rem;
    min-width: 30rem;
  }

  .SAweb_techBanner .textView h1 {
    font-size: 2.5rem;
  }

  .SAweb_techBanner .textView p {
    font-size: 1.25rem;
  }

  .SAweb_updateUi .row.sm-row-flex {
    display: block;
  }

  .guest-Ui .bookingList h2 {
    text-align: left;
  }

  .SAwebGuest_reserveDetails .table > thead > tr > th {
    padding: 5px 4px;
    font-size: 10px;
  }

  .SAwebGuest_reserveDetails .table > tbody > tr > td {
    padding: 5px 4px;
    font-size: 10px;
    font-weight: 700;
  }

  .guest-Ui .SAwebGuest_locationPage .exploreLocation .details.detailsTopPlace {
    position: static;
    width: 100%;
    margin-top: 20px;
    height: auto;
  }

  .guest-Ui .SAwebGuest_reservePage .myReservation .communityDetails {
    margin-left: 0px;
  }

  .SAwebGuest_reservePage #content.SAwebGuest_locationPage {
    width: 90% !important;
    margin: auto;
    margin-top: 5rem;
  }

  .guest-Ui .home-slider .card h1 {
    font-size: 19px !important;
    font-weight: 700;
  }

  .SAwebGuest_reservePage .SAwebGuest_serviceInfo {
    width: 730px;
  }

  .SAweb_busniessTravelService {
    display: block;
    padding: 0px;
  }

  .SAweb_busniessTravelService .item {
    padding: 20px;
  }

  section.SAweb_busniessTravelService.item2 {
    display: flex;
    flex-direction: column-reverse;
  }

  .SAweb_busniessTravelService .item.textItem::after {
    top: auto;
    height: 50%;
    width: 100%;
    bottom: 0px;
  }

  .SAweb_busniessTravelService .item .pic {
    margin: 0px;
    height: auto;
    margin-bottom: 4rem;
  }

  .SAweb_busniessTravelService.item2 .item .pic {
    margin: 0;
    height: auto;
    margin-bottom: 4rem;
  }

  .SAweb_busniessTravelService.item2 .item.textItem {
    margin: auto;
    text-align: left;
  }

  .SAweb_expDrive .box .item p {
    width: 100%;
  }

  .SAweb_updateUi .fixedNavSpace {
    height: 4.9rem;
  }

  .SAweb_aboutUsAwards .box {
    grid-column-gap: 4rem;
  }

  #walkscoreInfoMadal .all-score-table {
    width: 80%;
  }

  .SAweb_updateUi #hero {
    min-height: 500px;
  }

  .SAweb_updateUi #hero .carousel-item {
    background-position-y: 0;
  }

  .SAweb_updateUi #hero p {
    width: 35rem;
  }

  .SAweb_updateUi #hero h2 {
    width: 35rem;
  }

  .SAweb_updateUi .hover-zoomin.fullHeight p a {
    color: #000000;
  }

  .SAweb_guestExpTech {
    flex-direction: column;
    padding: 3rem 2rem;
    text-align: center;
  }

  .SAweb_guestExpTech .item:last-child,
  .SAweb_guestExpTech .item:first-child {
    width: 100%;
  }

  .SAweb_guestExpTech .item h2 {
    width: 100%;
  }

  .SAweb_guestExpTech {
    flex-direction: column;
    padding: 3rem 2rem;
    text-align: center;
  }

  .SAweb_guestExpTech .item:last-child,
  .SAweb_guestExpTech .item:first-child {
    width: 100%;
  }

  .SAweb_guestExpTech .item h2 {
    width: 100%;
  }

  .SAweb_InternHousingBanner .btn {
    margin-bottom: 0;
  }

  .SAweb_InternHousingBanner .box .item > img {
    height: 100%;
  }

  .SAweb_hiraComm header .navbar-collapse form {
    width: 150px;
    min-width: 150px;
  }

  .SAweb_hiraComm header .navbar-brand {
    width: 150px;
    min-width: 150px;
  }
  .SAweb_hiraComm #fullview #home {
    transform: translateY(-5%);
  }

  .SAweb_hiraComm #fullview .location-cont {
    flex-direction: column;
    width: 80%;
    margin: auto;
    margin-top: 5rem;
  }

  .SAweb_hiraComm h3 {
    font-size: 3.5rem;
  }

  .SAweb_hiraComm .techView h3 span {
    font-size: 3.5rem;
  }

  .SAweb_hiraComm #fullview .location-cont .item {
    width: 100% !important;
    min-width: initial !important;
    margin-top: 20px;
  }

  .SAweb_hiraComm #fullview #locationBlock .top {
    width: 100%;
  }

  .SAweb_hiraComm .techView .tails {
    grid-gap: 3.5rem;
  }

  .SAweb_hiraComm .techView .tails .text {
    width: calc(100% - 175px);
    padding-right: 1.4rem;
  }

  .SAweb_hiraComm .techView .tails .icons {
    width: 80px;
    height: 80px;
    min-width: 80px;
    margin: 20px;
  }

  .SAweb_hiraComm .techView .tails .text::after {
    content: "";
    position: absolute;
    left: -60px;
    border-width: 60px;
  }

  .SAweb_hiraComm .techView .tails .text p {
    font-size: 16px;
  }

  .SAweb_hiraComm .techView .tails .text p span {
    font-size: 16px;
  }

  .SAweb_hiraComm .vSlider .card-block-wrap {
    width: 620px;
    left: 40px;
  }

  .SAweb_hiraComm .vSlider .l-realise-slider-card-block {
    -webkit-perspective: 540px;
    perspective: 540px;
  }

  .SAweb_hiraComm .vSlider {
    height: 50rem;
  }

  header.cc_image_text_main.corporate-h.fullvideo.landing.hiro_banner {
    margin-top: 37px !important;
  }
  .sa-home-text-animation ul.flowBtns {
    margin-right: 0;
  }

  .sa-home-text-animation ul.flowBtns li a {
    padding: 10px 30px;
  }
  .sa-blog-view .latest-blog.blogs figure {
    height: 45vh;
    min-height: 200px;
  }

  .sa-blog-view .blogs h1 {
    font-size: 20px !important;
  }

  .sa-blog-view .blogs figure {
    height: 200px;
  }
  .sa-home-text-animation ul.flowBtns li div {
    padding: 10px 25px;
    font-size: 14px;
  }
  .sa-blog-second-header .navbar-nav {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 15px;
    margin: 0;
  }
  .SAweb_gHousingGuestExpc .row .col-sm-6:first-child > div {
    width: 85%;
  }
  .SAweb_schools.second ul.nav-tabs::after,
  .SAweb_schools.second ul.nav-tabs::before {
    display: none;
  }
  .SAweb_schools ul.nav-tabs li .great-schools-main-logo {
    width: 90px;
    bottom: 0px;
  }
  .row-radio-btns {
    grid-template-columns: repeat(4, 1fr);
  }
}

/*991px*/

/*======================================================
                                                   850
=======================================================*/
@media screen and (max-width: 850px) {
  .SAweb_updateUi #hero .carousel-indicators {
    margin-left: 7%;
  }
}

@media screen and (max-width: 768px) {
  .SAweb_hiraComm .vSlider {
    height: 380px;
  }

  header.cc_image_text_main.corporate-h.fullvideo.landing.hiro_banner {
    margin-top: 0px !important;
  }
}

/*======================================================
                                                   767
=======================================================*/

@media screen and (max-width: 767px) {
  .newTimeline .bead h2 {
    width: 80px;
    font-size: 20px;
  }

  .SAweb_insurancePageBanner .textView {
    width: 90%;
    padding: 2rem;
  }

  .SAweb_salogsIterations .owl-carousel.owl-drag .owl-item .caption {
    height: 330px;
  }

  .SAweb_pdBanner .image-gallery-slide-wrapper {
    grid-column: 1/5;
  }

  .SAweb_container_searchPage .inputSearch .ant-select ul {
    position: relative;
    top: 15px;
    left: 0;
    right: 0px;
    padding-left: 60px;
  }

  .SAweb_container_searchPage .inputSearch {
    padding-bottom: 0px !important;
  }

  .SAweb_techBanner .SAweb_techBannerVideo {
    display: block;
    margin: 1rem 0;
  }

  .SAweb_techBanner .textView {
    width: 100%;
  }

  .SAweb_techBanner .SAweb_techBannerVideo video {
    width: calc(100% + 180px);
    left: -90px;
  }

  .image-gallery-thumbnails-wrapper {
    display: none !important;
  }

  .SAweb_pdBanner .image-gallery {
    min-height: 18rem;
  }

  .SAweb_neighbourhood .tab-content .tabsView {
    padding: 1rem;
  }

  .SAweb_neighbourhood .map-alignment button.gm-ui-hover-effect {
    right: 5px !important;
    top: 0px !important;
  }

  .SAweb-salogosExperience .box {
    display: block;
  }

  .SAweb-salogosExperience h1 {
    text-align: center;
  }

  .SAweb-salogosExperience .box .item {
    justify-content: center;
  }

  .SAweb_salogosVideo .box {
    display: block;
  }

  .SAweb_salogosVideo .box .item {
    width: 100%;
  }

  .SAweb_salogosVideo .box p {
    padding: 0px;
  }

  .SAwebredesigLogoblack h4::before {
    width: 100%;
    height: 30px;
    left: 0px;
    border: 3px solid #ffffff;
    border-right: 0px;
    border-left: 0px;
  }

  .SAwebredesigLogoblack h4::after {
    width: 100%;
    height: 30px;
    right: 0px;
    border: 3px solid #ffffff;
    border-right: 0px;
    border-left: 0px;
    bottom: 0px;
    top: auto;
  }

  .SAwebredesigLogoblack h4 {
    padding: 5rem 1rem;
    font-size: 2rem;
  }

  .SAweb_salogos_multiLogos {
    padding: 4rem;
  }

  .SAweb_salogos_multiLogos h4.line {
    margin: 4rem -3rem;
  }

  .SAweb_salogos_multiLogos h4.line span {
    width: 18rem;
    font-size: 2rem;
  }

  .SAweb-salogosExperience .box .item:last-child img {
    width: 25rem;
    margin: auto;
    margin-top: 5rem;
  }

  .SAweb_salogosServiceEx .pic img {
    padding: 0 5rem;
  }

  .SAweb_aboutUsBannerBottom .tailBox {
    display: block;
    padding: 0 2rem;
  }

  .SAweb_aboutUsBannerBottom .tailBox .item.text {
    width: 90%;
    margin: auto;
    margin-bottom: -5rem;
  }

  .SAweb_aboutUsBannerBottom .tailBox .item .pic {
    height: auto;
  }

  .SAweb_aboutUsBannerBottom .tailBox.tailBox2 .item.text {
    margin: auto;
    margin-top: -5rem;
  }

  .SAweb_searchResults {
    flex-direction: row;
    align-items: center;
  }

  .SAweb_updateUi .blog-slide {
    width: 85%;
  }

  .SAweb_gHousingGuestExpc.SAweb_homeYourStay .col-sm-7 {
    background-color: var(--colors);
    padding: 3rem 1.5rem;
  }

  .SAweb_gHousingGuestExpc.SAweb_homeYourStay {
    padding-top: 0px;
  }

  .SAweb_InternHousingBanner .boxTails {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .SAweb_InternHousingBanner .boxTails .item {
    width: 30%;
  }

  .SAweb_gHousingGuestExpc.SAweb_homeYourStay::after {
    display: none;
  }

  .SAweb_updateUi header .navbar-collapse ul {
    margin: 0px;
  }

  .SAweb_schools.second ul.nav-tabs li {
    width: 19.6%;
  }

  .SAweb_schools.second ul.nav-tabs li:last-child {
    width: auto;
  }

  .SAweb_updateUi h1 {
    font-size: 2.3rem !important;
    font-weight: 700;
  }

  .SAweb_updateUi h1 span {
    font-size: 2.3rem;
    font-weight: 700;
  }

  .SAweb_updateUi h2 {
    font-size: 2rem;
  }

  .SAweb_updateUi h3 {
    font-size: 2rem !important;
  }

  .SAweb_tachBest .tails h3 {
    min-height: initial;
    margin-bottom: 10px;
  }

  .SAweb_busniessTravelBannerBottom .box-tails .item {
    width: calc(33.333% - 2rem);
  }

  .SAweb_experienceBg {
    padding: 0px 30px;
  }

  .SAweb_experienceBg .textView {
    margin-top: 15px;
    text-align: center;
  }

  .SAweb_busniessTravelBanner .textView {
    width: 60%;
    padding: 2rem 2rem;
    top: 60%;
  }

  .SAweb_busniessTravelBanner .textView p {
    margin-right: 0;
  }

  .SAweb-empireCity h2 {
    font-size: 2rem;
  }

  .SAweb-empireCity p {
    font-size: 1.08rem;
  }

  .SAweb-empireCity .box {
    grid-column-gap: 1rem;
  }

  .SAweb_awardView .box {
    grid-column-gap: 1rem;
    width: 100%;
  }

  .SAweb_featuredProperty .imageList h3,
  .SAweb_featuredProperty .imageList_slider h3 {
    font-size: 1.8rem !important;
  }

  .SAweb_schools .SAweb_location h2.h2_rotate {
    margin-bottom: -2rem;
  }

  .SAweb_schools .owl-carousel .item {
    margin: 0.5rem 2rem;
    min-height: initial;
  }

  .SAweb_schools .owl-carousel .item p {
    min-height: initial;
  }

  .SAweb_updateUi header.fixed-top {
    padding: 1.5rem 0;
  }

  .SAweb_updateUi header .navbar-dark .navbar-toggler {
    border-color: #000000;
    background: #000000;
  }

  .SAweb_updateUi header .navbar-nav li.nav-item {
    padding: initial;
    margin: 0;
  }

  .SAweb_updateUi header .navbar-nav .navbar-collapse {
    margin-bottom: 2rem;
  }

  .SAweb_amenities .box {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }

  .SAweb_amenities .box img {
    margin-right: 1rem;
  }

  .SAweb_banner-3 .subHeading ul {
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }

  .SAweb_neighbourhood div.container-fluid {
    padding: initial;
  }

  .SAweb_modalPoup .SAweb_amenities .box {
    width: 80%;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }

  .SAweb_modalPoup .SAweb_amenities .box .item {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 1.5rem;
    margin-top: 1rem;
  }

  .SAweb_neighbourhood div.myTabContentVIew ul.distanceList {
    margin: 2rem 0px;
    max-height: 400px;
    overflow: auto;
  }

  .SAweb_scoreView {
    margin: 2rem 0px;
  }

  .SAweb_scoreView .box {
    width: 90%;
    margin: auto;
  }

  .SAweb_scoreView .box .item {
    width: 100%;
    margin-bottom: 2rem;
  }

  .SAweb_banner-3 .box .item .btn.photos {
    padding: 0px;
    font-size: 1rem;
  }

  .SAweb_InternHousingBanner .boxTails .pic img {
    width: 40px;
  }

  .SAweb_InternHousingBanner .boxTails p {
    white-space: normal;
  }

  .SAweb_InternHousingBanner {
    padding-top: 2rem;
  }

  .SAweb_InternHousingBanner .box {
    grid-column-gap: 2rem;
  }

  .SAweb_InternHousingPics .picTails {
    display: block;
  }

  .SAwebour_commitment .box {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
  }

  .SAweb_chInfo .statBox {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5rem;
  }

  .SAweb_makeBest .boxTails {
    width: 100%;
  }

  .SAweb_chInfo .box {
    display: block;
    width: 90%;
    margin: auto;
  }

  .SAweb_updateUi .footerBox {
    margin-top: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .SAweb_updateUi .footerBox .item {
    margin-bottom: 2rem;
  }

  .SAweb_updateUi .blog-slide.owl-carousel {
    width: 85%;
    margin: auto;
  }

  .SAweb_updateUi .blog-slide .owl-next {
    right: -7%;
  }

  .SAweb_updateUi .blog-slide .owl-prev {
    left: -7%;
  }

  .SAweb_location .topHeading ul.listView li .nav-link {
    font-size: 1.25rem;
  }

  .SAweb_expDrive .box {
    display: block;
  }

  .SAweb_expDrive .box .item p {
    width: 100%;
  }

  .SAweb_location .locationItem .caption {
    width: auto;
  }

  .SAweb_expDrive .box .item {
    width: 100%;
  }

  .SAweb_expDrive .box .image {
    width: 100%;
  }

  .SAweb_updateUi #hero .carousel-indicators {
    margin-bottom: 1rem;
    padding-left: 0px;
    margin-left: auto;
  }

  .SAweb_updateUi #hero .btn.btn-callback {
    margin-top: 1rem;
  }

  .SAweb_updateUi #hero {
    min-height: 315px;
  }

  .SAweb_updateUi #hero p {
    width: 100%;
  }

  .SAweb_updateUi #hero h2 {
    width: 100%;
    margin-bottom: 1rem;
  }

  .SAweb_updateUi #hero .carousel-container {
    left: 20px;
  }

  .SAweb_featureProperty .imageBox {
    display: block;
  }

  .SAweb_featureProperty .imageBox .item {
    width: 100%;
  }

  .SAweb_nationlFootprint ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .SAweb_updateUi header .navbar-brand {
    width: 130px;
    min-width: 130px;
  }

  .SAweb_updateUi header .navbar-collapse form {
    width: 130px;
  }

  .SAweb_updateUi header .navbar-nav li.nav-item .nav-link {
    font-size: 1.1rem !important;
    line-height: 1;
    margin-top: 2px;
    padding: 10px 7px;
  }

  .SAweb_updateUi header .navbar-nav .nav-link .bi-caret-down-fill {
    padding-left: 0;
  }

  .SAweb_updateUi header .btn.ms-3 {
    margin-left: 0.5rem !important;
  }

  .SAweb_location .topHeading {
    margin-top: 0px !important;
  }

  .SAweb_updateUi h2.h2_rotate {
    transform: initial;
    writing-mode: initial;
  }

  .SAweb_updateUi .HeadingRotate {
    padding-top: 3rem;
    border-right: 0px;
    margin-bottom: 0;
  }

  .SAweb_touchView .item {
    margin-right: 0px !important;
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
    text-align: center;
  }

  .SAweb_touchView .item h2 {
    width: 100%;
    margin: auto;
    margin-bottom: 1.5rem !important;
  }

  .SAweb_touchView .item h2 + div {
    width: 160px;
  }

  .SAweb_updateUi h2.heaidngHalf {
    text-align: center;
  }

  .SAweb_location .col-md-11,
  .SAweb_location .col-sm-11 {
    margin-left: 0px;
  }

  .SAweb_caseStudies .boxes .item .caption {
    position: static;
  }

  .SAweb_caseStudies .boxes .item .caption h1 {
    color: var(--colors);
  }

  .SAweb_caseStudies .boxes .item .caption p {
    color: var(--color);
  }

  .SAweb_caseStudies .boxes h1 {
    font-size: 1.8rem !important;
  }

  .SAweb_amenities .box.box_second {
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
  }

  .SAweb_tachBest .tails {
    display: block;
    padding: 2rem 0px;
  }

  .SAweb_tachBest .tails .item {
    margin-bottom: 1.5rem;
  }

  .SAweb_tachBest .tails img {
    margin-bottom: 1rem;
    margin-top: 3rem;
  }

  .SAweb_tachmadeMadeEasy h2 {
    white-space: normal;
    width: 300px;
    margin: auto;
    text-align: center;
    margin-bottom: 2rem;
  }

  .SAweb_ghousingUltimate h3 {
    margin-top: 3rem;
  }

  .SAweb_updateUi .footerLogo img {
    padding-right: 2rem;
  }

  .SAweb_updateUi footer {
    padding: 0px 2rem;
    text-align: left;
  }

  .SAweb_gHousingBanner .textView {
    padding-bottom: 2rem;
  }

  .SAweb_gHousingBanner .textView img {
    width: 150px;
  }

  .SAweb_searchCom .inputSearch {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .SAweb_searchCom .inputSearch .col-auto {
    margin-bottom: 1.5rem;
  }

  .SAweb_searchCom .inputSearch .col-auto:last-child {
    grid-column: 3/4;
    grid-row: 1/3;
  }

  .SAweb_gHousingGuestExpc {
    padding-top: 2rem;
  }

  .SAweb_aboutUsOurMission .row.align-items-center {
    margin: 2rem 0px;
  }

  .SAweb_aboutUsOurMission .row.align-items-center img {
    margin-bottom: 2rem;
  }

  .SAweb_aboutUsBannerBottom .container.SAweb_container {
    max-width: 540px;
  }

  .SAweb_aboutUsImageOverlap .tailBox {
    max-width: 540px;
  }

  .SAweb_aboutUsCorporateLocations .tailBox.items-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .SAweb_aboutUsLeaderShip .tailBox .item {
    width: 50%;
  }

  .SAweb_guesrExpBanner .bannerSection {
    flex-direction: column;
  }

  .SAweb_guesrExpBanner .flex-slide {
    overflow: auto;
    overflow-x: hidden;
  }

  .SAweb_guesrExpBanner .home {
    animation: aboutFlexSlide 3s 1;
    animation-delay: 0s;
  }

  .SAweb_guesrExpBanner .flex-about-home {
    animation: aboutFlexSlide 3s 1;
    animation-delay: 0s;
  }

  .SAweb_guesrExpBanner {
    flex-direction: column;
  }

  .SAweb_guesrExpBanner .textView {
    width: 100%;
  }

  .SAweb_guesrExpBannerBottom p {
    width: 80%;
  }

  .SAweb_guestExpExpectations h2 {
    width: 100%;
    margin-bottom: 5rem;
  }

  .SAweb_guestExpSlider h2 {
    width: 285px;
    margin: auto;
  }

  .SAweb_guestExpCustomSearch .item span {
    width: 75px;
    text-align: right;
  }

  .SAweb_guestExpSlider .SAweb_owl-slider2 .owl-carousel .owl-item .item {
    min-height: 420px;
  }

  .SAweb_updateUi .black-quote-image,
  .SAweb_updateUi .black-border-image {
    width: 5rem;
  }

  .SAweb_caseStudies.d-flex {
    display: block;
  }

  .sm-d-flex {
    display: block;
  }

  .SAweb_updateUi .row {
    display: block;
  }

  .SAweb_gHousingBannerBottom {
    padding: 0 2rem;
    text-align: center;
  }

  .SAweb_gHousingBannerBottom p {
    margin-top: 2rem;
  }

  .SAweb_gHousingBannerBottom .container {
    padding: 4rem 0;
  }

  .SAweb_guestLoginBanner .loginForm .item2,
  .SAweb_guestLoginBanner .loginForm .item {
    padding: 4rem 3rem;
  }

  .SAweb_guestLoginBanner {
    min-height: 600px;
  }

  .SAweb_guestLoginBanner .container {
    height: auto;
    margin-top: 2rem;
  }

  .SAweb_busniessTravelOurHotels .boxTails {
    display: block;
    max-width: 200px;
    margin: auto;
  }

  .SAweb_busniessTravelOurHotels .boxTails p {
    padding: 2rem;
  }

  .SAweb_busniessTravelOurHotels .boxTails .item {
    margin-bottom: 2rem;
  }

  .SAweb_busniessTravelService .item .pic {
    height: 20rem !important;
    margin-bottom: 0px !important;
  }

  .SAweb_busniessTravelService .item img {
    margin: 0;
    height: 100%;
  }

  .SAweb_busniessTravelService .item.textItem {
    width: 100%;
    margin: 0px;
    margin-bottom: 3rem;
  }

  .SAweb_busniessTravelService .item.textItem::after {
    width: 100%;
    height: 25rem;
  }

  .SAweb_busniessTravelService.item2 {
    flex-direction: column;
  }

  .SAweb_busniessTravelService.item2 .item img {
    margin: 0px;
  }

  .SAweb_timeLineView .timeline:before {
    left: 30px;
  }

  .SAweb_timeLineView .timeline > li:before {
    left: 30px;
  }

  .SAweb_timeLineView .timeline > li > .timeline-badge {
    font-size: 1.5rem;
    width: 80px;
    left: 40px;
  }

  .SAweb_timeLineView .timeline > li > .timeline-panel {
    width: 80%;
  }

  .SAweb_updateUi .fixedNavSpace {
    height: 3.8rem;
  }

  .SAweb_updateUi header.fixed-top {
    height: 3.8rem;
  }

  .fixedNavSpaceRemove {
    margin-top: -6.2rem;
  }

  .SAweb_leaderShipPage .tails {
    grid-gap: 2rem 1rem;
    grid-template-columns: repeat(2, 1fr);
  }

  .SAweb_salogosbanner .box h3 {
    width: 25rem;
  }

  .SAweb_salogosbanner .box {
    grid-column-gap: 5rem;
  }

  .SAweb_carrerWorkingSA p.p {
    width: 80%;
  }

  .SAweb_carrerWorkingSA .box {
    display: block;
  }

  .SAweb_carrerCurrentJob p.p {
    width: 100%;
    max-width: 420px;
  }

  .SAweb_carrerCurrentJob .resutls ul.view {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAweb_searchCom .inputSearch .col-auto:first-child {
    width: 100%;
  }

  .SAweb_insuranceWeCanHelp .tails {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2.5rem;
  }

  .SAweb_spotlightCitiesBanner .SAweb_selectDrop select {
    margin-bottom: 15px;
    width: 100%;
  }

  .SAweb_spotlightCitiesBanner .SAweb_selectDrop.min-width {
    width: 100%;
  }

  .SAweb_spotlightCitiesBanner p.p {
    width: 85%;
  }

  .SAweb_spotlightCitiesGridView .mainView {
    grid-template-columns: repeat(2, 1fr);
  }

  .SAweb_spotlightCitiesGridView .SAweb_scoreView .box .item h1 {
    font-size: 1.25rem !important;
  }

  .SAweb_spotlightCitiesGridView .mainView.listview .item .pic {
    min-width: 10rem;
    width: 10rem;
    height: 10rem;
    margin-right: 1.5rem;
  }

  .SAweb_spotlightCitiesGridView .mainView.listview .SAweb_scoreView .caption {
    display: none;
  }

  .Saweb_spotLightheadingBorder::after {
    width: 160px;
  }

  .SAweb_updateUi .container.CaseStudiesContainer {
    width: 100%;
  }

  .SAweb_updateUi .SAweb_homeCaseStudiesHeading h2 {
    font-size: 2.5rem;
    width: 100%;
  }

  .SAweb_searchCom .popoverView .popover__content {
    min-width: initial;
    width: 100%;
  }

  .SAweb_searchCom .ant-select {
    width: 100%;
  }

  .SAwebGuest_homefindTheans h3 {
    width: 75%;
  }

  .SAwebGuest_homefindTheans .tails {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2rem;
    max-width: 200px;
    margin: auto;
  }

  .SAwebGuest_reserveTabs {
    width: 100%;
  }

  .SAwebGuest_reserveTabs .currentTabTails {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAwebGuest_reservePage #content {
    margin: 15px;
    margin-top: 40px;
  }

  .SAwebGuest_reserveDetailsMain {
    display: block;
  }

  .SAwebGuest_reserveDetails {
    width: 95%;
  }

  h1.SAwebGuest_reserveDetails_heading {
    width: 95%;
  }

  .SAwebGuest_reserveDetails_sidetails {
    width: 100%;
    margin: 0px;
    margin-top: 1.5rem;
  }

  #myModalInstructions .SAwebGuest_arrivalInfo {
    width: 95%;
  }

  .SAwebGuest_arrivalInfo .heading {
    margin-top: 1.5rem;
  }

  .SAwebGuest_reservePage .SAwebGuest_serviceInfo {
    width: 90%;
  }

  .SAwebGuest_homeSlider .item {
    height: auto;
  }

  .SAwebGuest_homeSlider .owl-carousel .owl-item {
    height: auto;
  }

  .SAweb_aboutUsAwards .box {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAwebGuest_homeSlider {
    padding-top: 15rem;
  }

  .SAwebGuest_homeSlider h2 {
    width: 90%;
    top: 6rem;
  }

  .SAwebGuest_homeSlider .item .pic img {
    height: auto;
  }

  .SAwebGuest_homeSlider .owl-carousel .owl-item {
    height: auto;
  }

  .SAwebGuest_homeSlider .owl-carousel .owl-buttons {
    top: -5rem;
  }

  .SAwebGuest_homeSlider .item p {
    display: block;
  }

  .SAweb_tachEnables .tails {
    grid-column-gap: 2rem;
  }

  #walkscoreInfoMadal .all-score-table table tr th {
    min-width: 100px;
    font-size: 14px;
    font-weight: 800;
  }

  #walkscoreInfoMadal .all-score-table {
    width: 95%;
  }

  .SAweb_gHousingGuestExpc.ghPage .rows {
    grid-template-columns: repeat(1, 1fr);
  }

  .guest-Ui .SAweb_updateUi .map-alignment .gm-style .gm-style-iw-c {
    max-width: 260px !important;
    max-height: 300px !important;
  }

  .SAwebour_commitment h3 {
    width: 45rem;
  }
  .SAweb_hiraComm header .navbar-collapse form {
    width: auto;
    min-width: initial;
  }

  .SAweb_hiraComm header .navbar-brand {
    width: 80px;
    min-width: 80px;
  }

  .SAweb_hiraComm header .btn.red-btn {
    font-size: 10px;
  }

  .SAweb_hiraComm .bannerText h1 {
    font-size: 6rem;
  }

  .SAweb_hiraComm .bannerText img {
    width: 21rem;
  }

  .SAweb_hiraComm .bannerText h2 {
    font-size: 2rem;
  }

  .SAweb_hiraComm .bannerText h2 span,
  .SAweb_hiraComm .bannerText h2 span b {
    font-size: 3.5rem;
  }

  .SAweb_hiraComm .techView .tails .item {
    width: 400px;
    margin: auto;
  }

  .SAweb_hiraComm .techView .tails {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAweb_hiraComm .bookingOpen h3 {
    width: 75%;
    margin-right: 2rem;
  }

  .SAweb_hiraComm #amenitiesBlock > .container {
    width: 580px;
  }

  .SAweb_hiraComm .vSlider .card-block-wrap {
    left: 34px;
    width: 480px;
  }

  .SAweb_hiraComm .vSlider .l-realise-slider-card-block {
    -webkit-perspective: 300px;
    perspective: 300px;
  }

  .SAweb_hiraComm #fullview .location-cont .item:first-child::before {
    font-size: 12rem;
  }
  .sa-home-text-animation ul.flowBtns li a {
    padding: 8px 20px;
    font-size: 14px;
  }

  .sa-home-text-animation .user-section img {
    width: 160px;
  }

  .sa-home-text-animation p {
    width: 100%;
  }

  .sa-home-text-animation h2 a {
    margin-top: 15px;
    display: block;
  }
  .sa-blog-view .latest-blog.blogs figure {
    height: 35vh;
    min-height: 200px;
  }

  .sa-blog-view .blogs h1 {
    font-size: 17px !important;
  }

  .sa-blog-view .blogs figure {
    height: 151px;
  }
  .sa-blog-second-header div#navbar22 {
    flex-direction: column;
    align-items: flex-start;
  }
  .sa-blog-second-header div#navbar22 .navbar-nav {
    width: 100%;
  }
  .sa-blog-second-header .blog-search input {
    min-width: initial;
  }

  .sa-blog-view .blogs .user-image-right,
  .sa-blog-view .blogs .user-image-left {
    float: inherit;
    margin: 2rem auto;
    text-align: center;
    display: block;
  }
  .sa-blog-view .blogs a.tag {
    margin-bottom: 1.5rem;
  }
  .sa-blog-view .post-bottom .details-view {
    flex-direction: column;
  }
  .sa-home-text-animation ul.flowBtns li div {
    padding: 1px 16px;
    font-size: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    height: 32px;
    justify-content: center;
  }
  .modal .sa-forms-new form .form-group {
    grid-template-columns: repeat(1, 1fr);
  }
  .appStoreViewParant {
    text-align: center;
  }
  ul.appStore-listview li:first-child {
    justify-content: center;
  }
  ul.appStore-listview {
    text-align: center;
    width: 275px;
    margin: auto;
  }

  .in-intern-content .imageOverlapBox {
    grid-template-columns: repeat(1, 1fr);
  }
  .in-intern-content .imageOverlapBox .item img {
    min-height: auto;
    min-width: auto;
    max-height: initial;
    width: 100%;
  }
  .in-intern-content .imageOverlapBox .item.text {
    width: 85%;
    margin: -30px auto 0 auto;
    height: auto;
  }
  .in-intern-home-content .content-width {
    width: 80%;
  }
  .in-intern-home-banner::after {
    width: 100%;
  }
  .in-intern-content ul.listView.listViewAbout {
    min-width: auto;
  }
  .stepListViewMobileView {
    display: flex;
  }
  .in-intern-content ul.stepListView {
    grid-template-columns: repeat(1, 1fr);
    min-width: 200px;
    border: 0;
    align-items: center;
    text-align: left;
    justify-content: flex-start;
    border-right: 2px solid #949393;
    grid-gap: 4rem;
  }
  .in-intern-content ul.stepListView.text li {
    padding-left: 25px;
    align-items: center;
    justify-content: center;
  }
  .row-radio-btns {
    grid-template-columns: repeat(2, 1fr);
  }
} /*767*/

@media (max-width: 650px) {
  .SAweb_updateUi header .navbar-nav li.nav-item .nav-link {
    padding: 10px 5px;
    margin: 0px 5px;
  }

  .SAweb_updateUi header .navbar-brand {
    width: 120px;
    min-width: 120px;
  }

  .SAweb_updateUi header .navbar-collapse form button.btn {
    padding: 5px 6px;
  }

  .SAweb_techBanner .SAweb_techBannerVideo video {
    width: 130%;
    left: -15%;
  }

  .tooltip-text {
    top: -110px;
    left: 10px;
    min-width: 250px;
    height: 100px;
  }
} /*650*/

/*======================================================
                                                   575
=======================================================*/

@media screen and (max-width: 575px) {
  .SAweb_aboutUsCorporateLocations .tailBox.items-3 {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAweb_guesrExpBannerBottom .tails {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAweb_guestExpExpectations .tailBox .pic {
    height: 13rem;
  }

  .SAwebGuest_reserveTabs .nav-tabs li a {
    font-size: 20px;
  }

  .SAwebGuest_arrivalInfo .heading {
    display: block;
  }

  .SAwebGuest_arrivalInfo .heading h3 {
    width: 100%;
  }

  .SAwebGuest_arrivalInfo .serviceSelected .entryView {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAwebGuest_arrivalInfo .newServcieId {
    grid-template-columns: repeat(2, 1fr);
  }

  .guest-Ui .bookingList h3 {
    display: block;
  }

  .guest-Ui .bookingList h3 span {
    margin-top: 10px;
    display: block;
  }

  .guest-Ui .bookingList .cntView h2 {
    font-size: 2rem;
  }

  .SAwebGuest_arrivalInfo .serviceRequestOpenTable {
    width: 100%;
  }

  .SAwebGuest_arrivalInfo .yourTeamtails .tails {
    margin-top: 2rem;
    width: 100%;
    margin-left: 0;
  }

  .SAwebGuest_arrivalInfo .yourTeamtails .item .pic {
    width: 7.5rem;
    height: 7.5rem;
    min-width: 7.5rem;
    margin-right: 1rem;
  }

  .SAwebGuest_arrivalInfo .yourTeamtails p {
    width: 100%;
  }

  .SAwebGuest_reserveDetails .gallertGrid .item {
    margin-bottom: 1.5rem;
  }

  .SAwebGuest_reservePage .SAwebGuest_reserveDetails .gallertGrid {
    display: block;
  }

  .SAwebGuest_reserveDetails .includedGrid {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAwebGuest_homeBanner .textView {
    width: 90%;
  }

  .SAwebGuest_homeBannerBottom p {
    width: 95%;
  }

  .SAwebGuest_homeEastProcess .boxes {
    max-width: 300px;
  }

  .SAwebGuest_homeNewsletter .box {
    display: block;
    width: 80%;
    margin: auto;
  }

  .SAweb_ghousingLocations .tailsBox {
    grid-template-columns: repeat(2, 1fr);
  }

  .SAweb_ghousingLocations .tailsBox .pic {
    height: 10rem;
  }

  .SAweb_homeCaseStudiesContent .imageGrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2rem;
  }

  .SAweb_spotlightCitiesGridView .mainView {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAweb_spotlightCitiesGridView .SAweb_scoreView .box {
    flex-direction: row;
  }

  .SAweb_searchCom .searchBtns .btn {
    display: inline-block;
  }

  .SAweb_salogosbanner .box {
    display: block;
    text-align: center;
  }

  .SAweb_salogosText h3,
  .SAweb_salogosServiceEx h3 {
    width: 100%;
  }

  .SAweb_salogosServiceEx .pic {
    margin-bottom: 0px;
  }

  .SAweb_salogosbanner .box img {
    max-width: 80%;
  }

  .SAweb_salogosbanner .box h3 {
    width: 20rem;
    margin: auto;
    text-align: center;
    margin-top: 3rem;
  }

  .SAweb_updateUi h1 {
    font-size: 2.3rem !important;
    font-weight: 700;
  }

  .SAweb_updateUi .headingWithButton {
    display: block;
    text-align: center;
  }

  .SAweb_updateUi .headingWithButton h2.heaidngHalf {
    text-align: center;
    margin-bottom: 2rem;
  }

  .SAweb_updateUi h1 span {
    font-size: 2.3rem;
    font-weight: 700;
  }

  .SAweb_updateUi h2 {
    font-size: 2rem;
    text-align: center;
  }

  .SAweb_InternHousingBanner h2 {
    width: 75%;
  }

  .SAweb_updateUi h3 {
    font-size: 1.65rem !important;
  }

  .SAweb_updateUi p {
    font-size: 1.25rem !important;
  }

  .SAweb_updateUi header .navbar-collapse {
    background-color: var(--whiteColor);
    padding: 15px 5px;
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
  }

  .SAweb_updateUi header .navbar-collapse ul:first-child {
    flex-direction: column;
  }

  .SAweb_updateUi header#header .navbar-collapse {
    padding: 15px;
  }

  .SAweb_updateUi header .navbar-nav li.nav-item .nav-link {
    color: var(--colors) !important;
    margin: 5px 0px;
  }

  .SAweb_updateUi header .navbar-nav li.dropdown .dropdownView {
    padding: initial;
    transform: initial;
    z-index: 9;
    left: 10px;
  }

  .SAweb_updateUi header .navbar-collapse form {
    margin-left: 0px;
    justify-content: flex-start;
  }

  .SAweb_updateUi .fixedNavSpace {
    height: 48px;
  }

  .SAweb_updateUi #header {
    height: 48px;
  }

  .SAweb_updateUi #header,
  .SAweb_updateUi #header.header-scrolled,
  .SAweb_updateUi #header.header-inner-pages {
    padding: 10px 0;
  }

  .fixedNavSpaceRemove {
    margin-top: -66px;
  }

  .my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .my-5.py-5 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .SAweb_busniessTravelBanner2 .boxTails {
    display: flex;
    grid-gap: 10px;
    margin: 3rem 0;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }

  .SAweb_neighbourhood div.myTabContentVIew #restaurants .d-flex {
    flex-direction: column-reverse;
  }

  .SAweb_busniessTravelBanner2 .boxTails .item {
    width: calc(33% - 10px);
  }

  .SAweb_updateUi .footerBox {
    grid-template-columns: repeat(2, 1fr);
    margin: 2rem 0px;
  }

  .SAweb_busniessTravelBanner .textView {
    position: static;
    width: 100%;
    transform: initial;
  }

  .SAweb_busniessTravelBannerBottom .box-tails .item {
    min-height: 16rem;
    padding: 1rem 1rem;
    width: calc(50% - 2rem);
  }

  .SAweb_busniessTravelBannerBottom h3 {
    width: 90%;
  }

  .SAweb-empireCity .box,
  .SAweb_awardView .box {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAweb-empireCity .box .item {
    margin-bottom: 1.5rem;
  }

  .SAweb_location .demographics {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5rem;
  }

  .SAweb_featuredProperty .topHeaing {
    display: flex;
    flex-direction: column;
  }

  .SAweb_featuredProperty .imageList h3,
  .SAweb_featuredProperty .imageList_slider h3 {
    font-size: 1.25rem !important;
  }

  .SAweb-weather h3 {
    font-size: 1.6rem !important;
  }

  .SAweb_schools ul.nav-tabs,
  .SAweb_schools.second ul.nav-tabs {
    flex-direction: column;
  }

  .SAweb_schools ul.nav-tabs li {
    width: 100% !important;
  }

  .SAweb_schools ul.nav-tabs li .nav-link {
    margin-bottom: 5px;
    background-color: var(--lightBg);
  }

  .SAweb_schools ul.nav-tabs .nav-link.splbtn {
    width: 100%;
  }

  .SAweb_updateUi footer ul.brandLogos li {
    width: 100%;
    margin: 0px;
    margin-bottom: 2rem;
  }

  .SAweb_updateUi .singleBannerSA img {
    min-height: 165px;
  }

  .SAweb_updateUi .singleBannerSA h1 {
    top: 10%;
  }

  .SAweb_InternHousingBanner .box {
    display: block;
  }

  .SAweb_InternHousingBanner .boxTails {
    flex-direction: column;
  }

  .SAweb_InternHousingBanner .boxTails .item {
    margin-bottom: 2rem;
    width: 100%;
  }

  .SAweb_InternHousingBanner .boxTails p {
    padding: 1rem 0;
  }

  .SAweb_updateUi #hero p {
    width: 100%;
  }

  .SAweb_updateUi #hero h2 {
    width: 100%;
    text-align: left;
  }

  .SAweb_updateUi #hero .carousel-container {
    left: 2rem;
    right: 2rem;
  }

  .SAwebour_commitment h3 {
    width: 100%;
    max-width: 35rem;
  }

  .SAwebour_commitment .box {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAweb_makeBest .boxTails .item {
    display: block;
  }

  .SAweb_makeBest .boxTails .item .image {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .SAweb_makeBest .boxTails .item .text-view {
    width: 100%;
  }

  .SAweb_location .topHeading ul.listView {
    display: block;
  }

  .SAweb_location .topHeading ul.listView li .nav-link {
    font-size: 1.5rem;
    background-color: var(--lightBg);
    display: block;
    padding: 1rem;
    width: 100%;
    text-align: left;
  }

  .SAweb_location .locationItem .caption .btn {
    width: auto;
  }

  .SAweb_location .SAweb_caseStudies .topHeading .btn {
    margin: 0px;
    margin-bottom: 10px;
  }

  .SAweb_location .SAweb_caseStudies .topHeading .btn i {
    margin-left: 0px !important;
  }

  .SAweb_location .locationItem {
    display: block;
  }

  .SAweb_location .locationItem .image {
    width: 100%;
    margin-bottom: 2rem;
    max-width: initial;
  }

  .SAweb_location .locationItem .caption {
    width: 100%;
  }

  .SAweb_updateUi .blog-slide.owl-carousel {
    width: 80%;
  }

  .SAweb_updateUi .blog-slide .owl-next {
    right: -12%;
  }

  .SAweb_updateUi .blog-slide .owl-prev {
    left: -12%;
  }

  .SAweb_hometails .box {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAweb_hometails .item::after,
  .SAweb_chHousingMade.SAweb_hometails .item::after {
    width: 100%;
    height: 1px;
    right: 0px;
    bottom: 0px;
    margin-bottom: 0px;
  }

  .SAweb_updateUi .video3dViewText {
    width: 100%;
  }

  .SAweb_nationlFootprint ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAweb_caseStudies .topHeading .btn {
    width: auto;
    margin: 0px;
    justify-content: center;
  }

  .SAweb_callback {
    display: block;
  }

  .SAweb_callback .item::after {
    display: none;
  }

  .SAweb_callback .item:last-child {
    padding-left: 0px;
  }

  .SAweb_scroolSlider .swiper-slide {
    padding: 2rem;
  }

  .SAweb_scroolSlider .swiper h3 {
    display: block;
  }

  .SAweb_scroolSlider .swiper h3 span {
    display: block;
  }

  .SAweb_touchView {
    margin-top: -5rem !important;
  }

  .SAweb_scroolSlider .swiper {
    height: 45rem;
  }

  .SAweb_touchView .item h2 {
    width: 100%;
  }

  .SAweb_touchView .item .boxIcon p {
    padding: 0px;
  }

  .SAweb_touchView .item:last-child {
    padding: 0px !important;
    text-align: center;
    grid-gap: 1rem;
  }

  .SAweb_touchView .item:first-child {
    flex-direction: column;
  }

  .SAweb_touchView .item h2 + div {
    width: 160px;
    text-align: center;
    margin-top: 1rem;
  }

  .SAweb_amenities .box.box_second {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    grid-gap: 1.5rem;
  }

  .SAweb_banner-3 .subHeading h1 {
    text-align: center;
  }

  .SAweb_scoreView .box {
    flex-direction: column;
    width: 90%;
    margin: auto;
  }

  .SAweb_scoreView .box .item {
    width: 15rem;
  }

  .SAweb_tachInternal::after {
    height: 75%;
  }

  .SAweb_tachSecureCompliant .tails {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2rem;
    padding: 5rem 2rem;
  }

  .SAweb_tachEnables .tails {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
    max-width: 250px;
    margin: auto;
  }

  .SAweb_tachInternal .box {
    display: block;
    width: 80%;
    margin: auto;
    position: relative;
    z-index: 9;
  }

  .SAweb_tachInternal .box .item {
    margin-bottom: 2rem;
  }

  .SAweb_tectChapplogo img {
    width: 100%;
    padding: 0 5rem;
  }

  .SAweb_techBanner .textView {
    width: 100%;
  }

  .SAweb_tachmadeMadeEasy .item .pic img {
    width: 4rem;
  }

  .SAweb_tachmadeMadeEasy .item .pic {
    margin-right: 2.5rem;
  }

  .SAweb_tachEnables {
    padding-bottom: 1rem;
    margin-bottom: 5rem;
  }

  .SAweb_updateUi #sideQuote {
    width: 335px;
    height: 100%;
  }

  .SAweb_updateUi #hero .carousel-indicators {
    padding-left: 0px;
    margin-left: 7%;
  }

  .SAweb_gHousingGuestExpc .row .col-sm-6:first-child > div {
    width: 100%;
    text-align: center;
    margin-top: 3rem;
  }

  .SAweb_ghousingCaseStudies .container .row:nth-child(3) {
    flex-direction: column-reverse;
  }

  .SAweb_gHousingheaderHere .row {
    padding: 3rem 0;
  }

  .SAweb_gHousingheaderHere .row h2 {
    margin-bottom: 2rem;
  }

  .SAweb_selectDropBtn.btn {
    width: 100%;
  }

  .SAweb_searchCom .inputSearch {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAweb_searchCom .inputSearch .col-auto:last-child {
    grid-area: auto;
  }

  .SAweb_updateUi footer ul.brandLogos img {
    max-width: 100%;
  }

  .SAweb_updateUi footer .row.mt-5.pt-5 {
    margin-top: 0px !important;
    padding-top: 0px !important;
  }

  .SAweb_aboutUsBanner .textView {
    padding: 3rem 1rem;
  }

  .SAweb_aboutUsBanner .textView h2 {
    font-size: 1.7rem;
    font-weight: 500;
  }

  .SAweb_aboutUsWhatMakes .tailBox .item::after {
    display: none !important;
  }

  .SAweb_aboutUsWhatMakes .tailBox {
    display: block;
  }

  .SAweb_aboutUsWhatMakes .tailBox .item {
    margin: auto;
    margin-bottom: 20px;
  }

  .SAweb_aboutUsWorkWithus {
    padding: 0;
  }

  .SAweb_aboutUsLeaderShip .tailBox .item {
    width: 100%;
  }

  .SAweb_aboutUsCorporateLocations .tailBox {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAweb_aboutUsCorporateLocations .tailBox.items-3 {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAweb_guestExpTech {
    flex-direction: column;
    padding: 3rem 2rem;
    text-align: center;
  }

  .SAweb_guestExpTech .item h2 {
    width: 100%;
  }

  .SAweb_guestExpTech .item:last-child,
  .SAweb_guestExpTech .item:first-child {
    width: 100%;
  }

  .SAweb_guestExpExpectations .tailBox {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 3rem 1rem;
  }

  .SAweb_guestExpExpectations .tailBox .item {
    max-width: 270px;
    margin: auto;
  }

  .SAweb_guesrExpBanner .textView {
    padding: 2rem;
    text-align: center;
  }

  .SAweb_guesrExpBanner .textView .btn {
    margin: auto;
  }

  .SAweb_guesrExpBannerBottom {
    text-align: center;
  }

  .SAweb_guestExpCustomSearch .item {
    padding-left: 0;
  }

  .SAweb_guesrExpBannerBottom .imageOnText {
    padding-top: 0;
    display: inline-block;
  }

  .SAweb_guesrExpBannerBottom .imageOnText .textView {
    justify-content: center;
    flex-direction: column;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
  }

  .SAweb_guesrExpBannerBottom p {
    width: 100%;
    padding: 1rem;
  }

  .SAweb_updateUi .black-quote-image,
  .SAweb_updateUi .black-border-image {
    width: 4rem;
  }

  .SAweb_updateUi .navbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .SAweb_updateUi .navbar-header::after,
  .SAweb_updateUi .navbar-header::before {
    display: none;
  }

  .SAweb_updateUi .navbar-header .navbar-toggle {
    border-color: #000000;
    background: #000000;
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 0.25rem;
    margin: 0px;
  }

  .sm-flex-wrap {
    flex-wrap: wrap !important;
  }

  .SAweb_updateUi .navbar-toggle .icon-bar {
    background-color: var(--whiteColor);
    display: block;
    width: 19px;
    height: 1px;
    border-radius: 1px;
    margin: 0.35rem 0;
  }

  .SAweb_updateUi header .navbar-collapse ul {
    width: 98% !important;
  }

  .SAweb_guestLoginBanner .loginForm {
    grid-template-columns: repeat(1, 1fr);
    max-width: 350px;
  }

  .SAweb_guestLoginBanner .loginForm .item2,
  .SAweb_guestLoginBanner .loginForm .item {
    padding: 3rem 2rem;
  }

  .SAweb_guestLoginBanner .loginForm .btn {
    margin: 1rem 0;
  }

  .SAweb_guestLoginBanner .loginForm .item input {
    margin: 2rem 0;
    height: auto;
  }

  .SAweb_guestLoginBanner .loginForm .item2 p {
    height: auto;
    margin: 2rem 0;
  }

  .SAweb_updateUi header#header .navbar-nav li.dropdown .dropdownView div {
    border: 1px solid var(--blackColor);
    background-color: var(--whiteColor);
    backdrop-filter: initial;
  }

  .SAweb_updateUi header#header .navbar-nav li.dropdown .dropdownView a {
    border-bottom: 2px solid #000000;
    color: var(--blackColor);
  }

  .SAweb_privacyPolicyTabs .box {
    flex-direction: column;
  }

  .SAweb_privacyPolicyTabs ul.nav-tabs {
    border: 0px;
    border-bottom: 1px solid var(--colors);
    padding: 2rem 0;
    width: 100%;
  }

  .SAweb_privacyPolicyTabs .box .item1 {
    min-width: initial;
    width: 100%;
  }

  .SAweb_privacyPolicyTabs .tab-content {
    padding: 2rem 0;
  }

  .SAweb_privacyPolicyTabs .tabDefinitionsView {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAweb_contactUs form {
    width: 90%;
    padding: 2rem 3rem;
  }

  .SAweb_contactUs {
    padding: 3rem 0;
  }

  .SAweb_contactUs p {
    padding: 1rem 0;
  }

  .SAweb_leaderShipPage .tails {
    grid-gap: 2rem;
    width: 95%;
    grid-template-columns: repeat(2, 1fr);
  }

  .SAweb_leaderShipPage {
    padding: 5rem 0;
  }

  .SAweb_salogos_tails {
    display: block;
  }

  .SAweb_salogos_tails .item {
    padding-bottom: 2.5rem;
  }

  .SAweb_careerPageBanner .box {
    width: 90%;
  }

  .SAweb_careerPageBanner {
    height: 34vh;
  }

  .Saweb_MorePhotosSlider .owl-carousel .item {
    height: 180px;
    margin-bottom: 2rem;
    width: 100%;
    overflow: initial;
    margin-right: -3px;
  }

  .Saweb_MorePhotosSlider .owl-carousel .item img {
    width: 100% !important;
  }

  .Saweb_MorePhotosPopup .modal-content {
    min-height: 230px;
  }

  .owl-carousel {
    width: 95%;
  }

  .Saweb_MorePhotosSlider .owl-buttons .owl-next,
  .Saweb_MorePhotosSlider .owl-buttons .owl-prev {
    top: 30%;
  }

  .Saweb_MorePhotosSlider .owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    margin: 5px 5px;
  }

  .SAweb_searchResultsItems {
    display: block;
  }

  .SAweb_insuranceSolutions .tails {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 2.5rem;
  }

  .SAweb_insuranceSolutions .tails .item h2 {
    width: 20rem;
    text-align: left;
  }

  .SAweb_insuranceBottomText h3 {
    width: 26rem;
  }

  h1.SAwebGuest_reserveDetails_heading {
    display: block;
    margin-top: 1rem;
    font-size: 1.75rem !important;
  }

  .SAwebGuest_arrivalInfo .yourTeamtails .item p {
    word-break: break-all;
    display: flex;
  }

  .SAwebGuest_reservePage .guest-Ui .newSRView .SR-tials.SR-slectOrID > div {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .servicerequest-pop-header {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
  }

  .SAwebGuest_reservePage .guest-Ui .newSRView .SR-tials.SR-slectOrID {
    height: 500px;
    overflow: auto;
    display: block;
  }

  .guest-Ui .newSRView .SAwebGuest_arrivalInfo .SR-tials {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
  }

  .SAwebGuest_arrivalInfo .serviceSelected {
    width: 100%;
  }

  .SAwebGuest_arrivalInfo .serviceSelected .roomView {
    grid-template-columns: repeat(1, 1fr);
  }

  .SAwebGuest_arrivalInfo .SR-tials-itemSelected {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .SAwebGuest_arrivalInfo .SR-tials-itemSelected .switchParent {
    flex-direction: column;
  }

  .guest-Ui .newSRView .switchToggle {
    margin-bottom: 2rem;
  }

  .SAweb_updateUi header .btn {
    border: 2px solid var(--colors);
  }

  .SAweb_updateUi .row-reverse-mobile {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start !important;
  }

  .SAweb_updateUi #threevideoView .servicerequest-pop-header {
    margin-top: 30px;
  }

  #fullmodel-Carousel1 .propertyGallery h2 {
    margin-top: 35px;
  }

  .SAweb_updateUi .explore_Location_listView .item p {
    font-size: 12px !important;
  }

  .SAweb_updateUi .explore_Location_listView .item {
    width: 10rem;
  }

  .guest-Ui .SAweb_updateUi .exploreLocation .topPlaces .image {
    width: 100%;
    height: 160px;
  }

  .guest-Ui .SAweb_updateUi .exploreLocation .topPlaces .image img {
    width: 100%;
    height: 160px;
  }

  .guest-Ui .SAweb_updateUi .exploreLocation .topPlaces .cnt span {
    font-weight: 600;
  }

  .guest-Ui .exploreLocation .topPlaces .cnt p {
    margin-bottom: 15px;
  }

  .guest-Ui .SAweb_updateUi .exploreLocation .topPlaces .cnt {
    width: 100%;
    height: auto;
  }

  .guest-Ui .SAweb_updateUi .exploreLocation .topPlaces .cnt .btn {
    position: static;
    margin-top: 10px;
  }

  .guest-Ui .SAweb_updateUi .exploreLocation .topPlaces .item {
    flex-direction: column;
    margin: 6px;
    margin-bottom: 20px;
  }

  .exploreCommuteSelect .ant-select-selection--single {
    width: 250px;
  }

  .openLinkService .SAwebGuest_reservePage #content2 {
    margin-left: 2rem;
  }

  .openLinkService .SAwebGuest_arrivalInfo ul.nav-tabs {
    width: 87%;
  }
  .SAweb_hiraComm .navbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .SAweb_hiraComm .navbar-header::after,
  .SAweb_hiraComm .navbar-header::before {
    display: none;
  }

  .SAweb_hiraComm .navbar-header .navbar-toggle {
    border-color: #ffffff;
    background: #ffffff;
    font-size: 20px;
    padding: 5px 11px;
    line-height: 1;
    border-radius: 0.25rem;
    margin: 0px;
  }

  .SAweb_hiraComm .navbar-toggle .icon-bar {
    background-color: var(--blackColor);
    display: block;
    width: 19px;
    height: 1px;
    border-radius: 1px;
    margin: 5px 0;
  }

  .sm-flex-wrap {
    flex-wrap: wrap !important;
  }

  .SAweb_hiraComm #header,
  .SAweb_hiraComm #header.header-scrolled,
  .SAweb_hiraComm #header.header-inner-pages {
    padding: 10px 0;
  }

  .SAweb_hiraComm header .navbar-collapse {
    background-color: var(--whiteColor);
    padding: 15px;
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    margin-top: 10px;
  }

  .SAweb_hiraComm header .btn.red-btn {
    background-color: #000000;
    color: #ffffff;
  }

  .SAweb_hiraComm #fullview #home {
    transform: translateY(0);
  }

  .SAweb_hiraComm header .navbar-collapse.collapse.in {
    height: auto !important;
    overflow: inherit !important;
    box-shadow: 0px 10px 15px #a1a1a1;
  }

  .SAweb_hiraComm header .nav .nav-link {
    color: #000000 !important;
  }

  .SAweb_hiraComm header .navbar-collapse form {
    justify-content: flex-start;
    padding-left: 15px;
  }

  .SAweb_hiraComm header .navbar-collapse ul:first-child {
    flex-direction: column;
  }

  .SAweb_hiraComm header .navbar-nav li.nav-item .nav-link {
    color: var(--colors) !important;
    margin: 5px 0px;
  }

  .SAweb_hiraComm h3 {
    font-size: 24px;
  }

  .SAweb_hiraComm #fullview #locationBlock .top p,
  .SAweb_hiraComm #fullview #locationBlock .top p span {
    font-size: 11px;
  }

  .SAweb_hiraComm .techView h3 span {
    font-size: 2rem;
  }

  .SAweb_hiraComm .techView .tails .item {
    width: 350px;
  }

  .SAweb_hiraComm .techView .tails .text {
    width: calc(100% - 175px);
    padding-right: 15px;
  }

  .SAweb_hiraComm .techView .tails .icons {
    width: 70px;
    height: 70px;
    min-width: 70px;
  }

  .SAweb_hiraComm .techView .tails .text::after {
    border-width: 55px;
    left: -55px;
  }

  .SAweb_hiraComm .bookingOpen {
    flex-direction: column;
  }

  .SAweb_hiraComm .bookingOpen h3 {
    margin-bottom: 15px;
  }

  .SAweb_hiraComm footer .socail {
    margin: 0;
  }

  .SAweb_hiraComm .bannerText h2 span,
  .SAweb_hiraComm .bannerText h2 span b {
    font-size: 24px;
  }

  .SAweb_hiraComm .bannerText h2 {
    font-size: 18px;
  }

  .SAweb_hiraComm .bannerText h1 {
    font-size: 3rem;
  }

  #hiro_contactus .form-group.calendarFormgroup {
    flex-direction: column;
  }

  #hiro_contactus .form-group.calendarFormgroup > div {
    width: 100%;
  }

  #hiro_contactus
    .react-datepicker-wrapper
    .react-datepicker__input-container
    input.date {
    margin-bottom: 20px;
  }

  .addTopSpace {
    padding-top: 40px;
  }

  .SAweb_hiraComm .vSlider {
    height: 230px;
    margin-top: 30px;
  }

  .SAweb_hiraComm .vSlider .card-block-wrap {
    left: 32px;
    width: 300px;
  }

  .SAweb_hiraComm .vSlider .l-realise-slider-card-block {
    -webkit-perspective: 240px;
    perspective: 241px;
  }

  .SAweb_hiraComm #amenitiesBlock > .container {
    width: 400px;
  }

  .SAweb_hiraComm .vSlider .card.a {
    -webkit-transform: translate3d(30px, -30px, -40px);
    transform: translate3d(30px, -30px, -40px);
    opacity: 0.6;
  }

  .SAweb_hiraComm .vSlider .card.b {
    -webkit-transform: translate3d(30px, 55px, -40px);
    transform: translate3d(30px, 55px, -40px);
    opacity: 0.3;
  }

  .SAweb_hiraComm .vSlider .card.c {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
  }

  .SAweb_hiraComm .vSlider .card.d {
    -webkit-transform: translate3d(55px, 110px, -70px);
    transform: translate3d(55px, 110px, -70px);
    opacity: 0.1;
  }

  .SAweb_InternHousingBanner .btn {
    margin-bottom: 25px;
  }
  #hero p span.para-break::before {
    display: none;
  }
  .sa-home-text-animation ul.flowBtns {
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }

  .sa-home-text-animation ul.flowBtns li a {
    padding: 6px 10px;
    font-size: 13px;
    display: block;
    text-align: center;
  }

  .sa-home-text-animation .user-section img {
    position: static;
  }
  .sa-blog-view .blogs .box {
    display: block;
  }

  .sa-blog-view .latest-blog.blogs figure,
  .sa-blog-view .blogs figure {
    height: 30vh;
    min-height: 185px;
  }

  .sa-blog-view .blogs .tail {
    margin-bottom: 20px;
  }
  .sa-blog-second-header div#navbar22 .navbar-nav {
    display: block;
  }
  .sa-blog-second-header .navbar-nav {
    grid-template-columns: repeat(4, 1fr);
  }

  .tooltip-text {
    top: -110px;
    left: -20px;
    min-width: 250px;
    height: 100px;
  }

  .SAweb_updateUi .SAweb_schools .HeadingRotate {
    display: block;
    text-align: left;
  }
  .SAweb_updateUi .SAweb_schools .HeadingRotate h2 {
    text-align: left;
    padding-bottom: 20px;
  }
  .SAweb_schools.second ul.nav-tabs li:last-child {
    position: static;
  }
  .SAweb_schools.second ul.nav-tabs li:last-child a {
    position: static;
  }
  .SAweb_schools ul.nav-tabs li .great-schools-main-logo {
    top: -25px;
    right: 15px;
  }
  .SAweb_schools.second ul.nav-tabs li .nav-link {
    padding: 10px 0px;
  }
  .SAweb_schools span.school-copy-right {
    bottom: -15px;
  }
  .in-intern-content ul.stepListView {
    min-width: 160px;
    grid-gap: 0;
  }
  .in-intern-content ul.stepListView li {
    margin-bottom: 30px;
    min-height: 150px;
  }
} /*575*/

@media (min-width: 576px) {
  .SAweb_updateUi header .navbar-collapse.collapse {
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    width: 100%;
    flex-grow: 1;
    align-items: center;
    display: flex !important;
    padding-right: 0px;
  }

  .SAweb_updateUi .navbar-toggle {
    display: none !important;
  }

  .SAweb_updateUi .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .SAweb_updateUi .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .modal-dialog-centered {
    min-height: calc(100vh - 4rem);
    display: flex;
    align-items: center;
  }

  .modal-dialog-scrollable {
    height: calc(100vh - 4rem);
  }
  .SAweb_hiraComm .navbar-toggle {
    display: none !important;
  }

  .SAweb_hiraComm header .navbar-collapse.collapse {
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    width: 100%;
    flex-grow: 1;
    align-items: center;
    display: flex !important;
    padding-right: 0px;
    box-shadow: none;
  }
} /*576*/

@media (max-width: 480px) {
  .sa-blog-second-header .navbar-nav {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 400px) {
  .SAweb_leaderShipPage .tails {
    grid-template-columns: repeat(1, 1fr);
  }

  .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box {
    width: 65px;
  }

  .SAwebGuest_arrivalInfo ul li.react-datepicker__time-list-item {
    font-weight: 600;
    font-size: 11px;
  }

  .SAwebGuest_arrivalInfo .react-datepicker__day-name,
  .SAwebGuest_arrivalInfo .react-datepicker__day,
  .SAwebGuest_arrivalInfo .react-datepicker__time-name {
    width: 16px;
    line-height: 16px;
    margin: 5px;
  }

  .SAwebGuest_arrivalInfo .react-datepicker__day-name,
  .SAwebGuest_arrivalInfo .react-datepicker__day,
  .SAwebGuest_arrivalInfo .react-datepicker__time-name {
    font-weight: 600;
  }
  .SAweb_hiraComm #amenitiesBlock > .container {
    width: 300px;
  }

  .SAweb_hiraComm .vSlider .card-block-wrap {
    left: 3px;
    width: 260px;
  }

  .SAweb_hiraComm .vSlider .l-realise-slider-card-block {
    -webkit-perspective: 190px;
    perspective: 190px;
  }
}

/*======================================================
                                                   Hegiht 
=======================================================*/

@media (max-height: 580px) {
  /* .SAweb_updateUi #sideQuote,
  .SAweb_updateUi .overlay.sideQuote,
  .SAweb_updateUi .overlay.sideQuote.active {
    display: none;
  } */
}

@media only screen and (max-height: 350px) and (orientation: landscape) {
  .SAweb_updateUi #hero h2 {
    width: 100%;
    margin-bottom: 1rem;
  }

  .SAweb_updateUi #hero p {
    width: 100%;
  }

  .SAweb_updateUi #hero {
    height: 100vh;
  }

  .SAweb_updateUi #hero .btn.btn-callback {
    margin-top: 1rem;
  }

  .SAweb_updateUi #hero .carousel-indicators {
    margin-bottom: 1.5rem;
  }
}

@media (max-height: 500px) {
  .SAweb_updateUi #hero {
    height: 150vh;
  }

  .SAweb_updateUi #hero .owl-carousel.owl-drag .owl-item {
    height: 150vh;
  }
}

@media (min-height: 768px) {
  .SAweb_guestLoginBanner {
    min-height: 100vh;
  }
}

/* @media (max-width: 768px) {
  .tooltip-text {
    top: -110px;
    left: -20px;
    min-width: 250px;
    height: 100px;
  }
} */