@media (max-width:481px) {
    body {
        width: 100%;
        overflow-x: hidden;
    }

    .bannerAndNav nav .mainNav {
        padding: 10px;
        box-sizing: border-box;
    }

    .bannerAndNav nav .mainNav .menu .menuBurgerIcon {
        display: block;
        cursor: pointer;
    }

    .bannerAndNav nav .mainNav .menu .menuBurgerIcon span {
        display: flex;
        background-color: #f9ad1d;
        padding: 5px 7px;
        border-radius: 5px;
    }

    .bannerAndNav nav .mainNav .menu .menuBurgerIcon span svg {
        width: 24px;
    }

    .bannerAndNav nav .mainNav .menu #menuLinks {
        display: flex;
        position: absolute;
        width: 100vw;
        left: 0;
        top: -370%;
        background-color: #fff;
        flex-direction: column;
        padding: 15px 0;
        box-shadow: 0px 0px 14px -2px #555555;
        transition: top .7s cubic-bezier(0.88, 0.34, 0.24, 0.8);
    }

    .bannerAndNav nav .mainNav .menu #menuLinks li {
        margin-right: 0;
        width: 100%;
        text-align: center;
        cursor: pointer;
    }

    .bannerAndNav nav .mainNav .menu #menuLinks li:hover {
        background-color: #f9ad1d;
    }

    .bannerAndNav nav .mainNav .menu #menuLinks li:hover button {
        background-color: #000;
        color: #fff;
    }

    .bannerAndNav nav .mainNav .menu #menuLinks li a {
        font-size: 20px;
        padding-right: 0;
        border-color: transparent;
        margin-bottom: 7.5px;
        margin-top: 7.5px;
        display: inline-block;
    }

    .bannerAndNav nav .mainNav .menu #menuLinks li button {
        font-size: 18px;
        cursor: pointer;
    }

    .bannerAndNav nav .mainNav .menu #menuLinks.active {
        top: 81px;
        transition: top .7s cubic-bezier(0.88, 0.34, 0.24, 0.8);
    }

    .bannerAndNav nav .logo img {
        max-width: 130px;
    }

    .bannerAndNav nav .mainNav .menu ul {
        display: none;
    }

    .bannerAndNav .banner {
        box-sizing: border-box;
    }

    .bannerAndNav .banner .text .rightBy {
        font-size: 22px;
    }

    .bannerAndNav .banner .text .yourTeam {
        font-size: 14px;
    }

    .bannerAndNav .banner .text .weAre {
        font-size: 13px;
        margin-top: 15px;    
    }

    .bannerAndNav .banner .text .twenty4 {
        font-size: 14px;
        padding: 6px 0;
    }

    .bannerAndNav .banner .text a {
        font-size: 10px;
        padding: 5px;
    }

    .bannerAndNav .weBelieve {
        margin-top: 35px;
        position: relative;
    }

    .bannerAndNav .weBelieve .text p {
        font-size: 16px;
    }

    .bannerAndNav .weBelieve .text h2 {
        font-size: 28px;
    }

    .bannerAndNav .weBelieve .services {
        margin: 0;
    }

    .bannerAndNav .weBelieve .services::-webkit-scrollbar {
        display: none;
    }

    .bannerAndNav .weBelieve .services {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-top: 20px;
        box-shadow: 0px 0px 14px -2px #555555;
    }

    /* width */
    .bannerAndNav .weBelieve .services::-webkit-scrollbar {
        display: none;
    }

    .bannerAndNav .weBelieve .services .box {
        justify-content: start;
        width: max-content;
        margin-top: 0px;
        box-shadow: none;
    }

    .bannerAndNav .weBelieve .services .box .boxItem {
        width: 150px;
    }

    .bannerAndNav .weBelieve .boxNav {
        display: flex;
        justify-content: space-between;
        position: absolute;
        bottom: -7px;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        z-index: 5;
    }

    .bannerAndNav .weBelieve .boxNav .boxNavArrow {
        -webkit-animation: fadeInFromNone 3s infinite linear;
        -moz-animation: fadeInFromNone 3s infinite linear;
        -o-animation: fadeInFromNone 3s infinite linear;
        animation: fadeInFromNone 3s infinite linear;
    }

    .bannerAndNav .weBelieve .boxNav .boxNavArrow svg {
        width: 20px;
        fill: #565656;
    }

    .whyChooseUs .whyChooseUsMain {
        flex-direction: column;
    }

    .whyChooseUs .whyChooseUsMain .about {
        width: 100%;
        padding-right: initial;
    }

    .whyChooseUs .whyChooseUsMain .about h2 {
        font-size: 26px;
        margin-bottom: 0;
    }

    .whyChooseUs .whyChooseUsMain .about p {
        font-size: 13px;
        line-height: 24px;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .whyChooseUs .whyChooseUsMain .scrollBoxWrapper {
        width: 100%;
        margin-bottom: initial;
    }

    .hexV2Section .hs-container h3 {
        font-size: 28px;
    }

    .hexV2Row .hexV2 .hexV2Middle svg {
        width: 14px;
    }
    
    .hexV2Row .hexV2 .hexV2Middle h4 {
        font-size: 8px;
    }

    .hs-footer h4 {
        margin-top: 100px;
    }

    .hs-footer .footerMain {
        box-sizing: border-box;
    }

    .hs-footer .footerMain .footerLink {
        flex-direction: column;
    }

    .hs-footer .footerMain .footerLink .footerAbout {
        width: 100%;
    }

    .hs-footer .footerMain .footerLink .footerAbout .about img {
        width: 85%;
        margin-bottom: 20px;
    }

    .hs-footer .footerMain .footerLink .footerAbout .about p {
        padding-right: 12px;
    }

    .hs-footer .footerMain .footerLink .footerQuickLinks {
        width: 100%;
        flex-direction: row;
    }

    .hs-footer .footerMain .footerLink .footerQuickLinks div h4 {
        margin-top: 12px;
    }

    @-webkit-keyframes fadeInFromNone {
        0% {
            opacity: 1;
        }
    
        50% {
            opacity: 0;
        }
    
        100% {
            opacity: 1;
        }
    }
    
    @-moz-keyframes fadeInFromNone {
        0% {
            opacity: 1;
        }
    
        50% {
            opacity: 0;
        }
    
        100% {
            opacity: 1;
        }
    }
    
    @-o-keyframes fadeInFromNone {
        0% {
            opacity: 1;
        }
    
        50% {
            opacity: 0;
        }
    
        100% {
            opacity: 1;
        }
    }
    
    @keyframes fadeInFromNone {
        0% {
            opacity: 1;
        }
    
        50% {
            opacity: 0;
        }
    
        100% {
            opacity: 1;
        }
    }

    .about .aboutBannerImg {
        height: 100px;
    }

    .about .aboutBannerImg .aboutBannerImgWrapper h1 {
        font-size: 30px;
    }

    .about .ourMissionAndValues {
        background: none;
        padding: 0;
    }

    .about .ourMissionAndValues .ourMissionAndValuesWrapper {
        flex-direction: column;
    }

    .about .ourMissionAndValues .ourMissionAndValuesWrapper .ourMission {
        width: 100%;
        padding-right: 0;
        text-align: center;
        padding: 0 15px;
    }

    .about .ourMissionAndValues .ourMissionAndValuesWrapper .ourValues {
        width: 100%;
        padding-left: 0px;
        text-align: center;
        padding: 0 15px;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        padding-bottom: 20px;
    }

    .about .ourMissionAndValues .ourMissionAndValuesWrapper .ourValues h2 {
        margin-bottom: 0;
    }

    .about .ourMissionAndValues .ourMissionAndValuesWrapper .ourValues .ourValuesList {
        flex-direction: column;
        text-align: left;
        margin-bottom: 0px;
    }

    .about .ourMissionAndValues .ourMissionAndValuesWrapper .ourValues .ourValuesList > div {
        width: 100%;
    }

    .about .meetOurTeam .meetOurTeamList {
        row-gap: 40px;
    }

    .about .meetOurTeam .meetOurTeamList .meetOurTeamItem.evenItem {
        flex-direction: column-reverse;
    }

    .about .meetOurTeam .meetOurTeamList .meetOurTeamItem .teamImage {
        display: flex;
        justify-content: center;
    }

    .about .meetOurTeam .meetOurTeamList .meetOurTeamItem .teamImage .hexImg .hexImgLeft {
        background-color: transparent;
        border-right: 55px solid transparent;
        border-left: 55px solid #fff;   
        border-top: 95.33333335px solid #fff;
        border-bottom: 95.33333335px solid #fff;
        margin-left: -55px;
    }

    .about .meetOurTeam .meetOurTeamList .meetOurTeamItem .teamImage .hexImg .hexImgMiddle {
        width: 110px;
        height: 190.6666667px;
        background-color: transparent;
    }

    .about .meetOurTeam .meetOurTeamList .meetOurTeamItem .teamImage .hexImg .hexImgRight {
        background-color: transparent;
        border-left: 55px solid transparent;
        border-right: 55px solid #fff;   
        border-top: 95.33333335px solid #fff;
        border-bottom: 95.33333335px solid #fff; 
        margin-right: -55px;
    }

    .about .meetOurTeam .meetOurTeamList .meetOurTeamItem .teamInfo div {
        width: 100%;
    }

    .about .meetOurTeam .meetOurTeamList .meetOurTeamItem .teamInfo h2 {
        display: flex;
        flex-direction: column;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .about .meetOurTeam .meetOurTeamList .meetOurTeamItem .teamInfo p {
        text-align: center;
    }

    .about .meetOurTeam .meetOurTeamList .meetOurTeamItem .teamInfo h2 span span {
        display: none;
    }

    .about .meetOurTeam .meetOurTeamList .meetOurTeamItem .teamInfo .description {
        max-height: max-content;
        overflow-y: initial;
    }

    .about .meetOurTeam .meetOurTeamList .meetOurTeamItem .teamInfo .infoRow .scrollDiv {
        display: none;
    }

    .about .meetOurTeam .meetOurTeamList .meetOurTeamItem {
        flex-direction: column;
    }

    .servicesBanner .services {
        margin: 0;
    }

    .servicesBanner .services::-webkit-scrollbar {
        display: none;
    }

    .servicesBanner .services {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-top: 20px;
        box-shadow: 0px 0px 14px -2px #555555;
    }

    /* width */
    .servicesBanner .services::-webkit-scrollbar {
        display: none;
    }

    .servicesBanner .services .box {
        justify-content: start;
        width: max-content;
        margin-top: 0px;
        box-shadow: none;
    }

    .servicesBanner .services .box .boxItem {
        width: 150px;
    }

    .servicesBanner .boxNav {
        display: flex;
        justify-content: space-between;
        position: absolute;
        bottom: 24px;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        z-index: 5;
    }

    .servicesBanner .boxNav .boxNavArrow {
        -webkit-animation: fadeInFromNone 3s infinite linear;
        -moz-animation: fadeInFromNone 3s infinite linear;
        -o-animation: fadeInFromNone 3s infinite linear;
        animation: fadeInFromNone 3s infinite linear;
    }

    .servicesBanner .boxNav .boxNavArrow svg {
        width: 20px;
        fill: #565656;
    }

    .servicesBanner .services .box .boxItem .imageBox svg {
        max-width: 100px;
        max-height: 100px;
    }

    .servicesBanner .services .box .boxItem p {
        font-size: 0.8rem;
    }

    .servicesBanner .services {
        top: -30px;
    }

    .servicesBanner .servicesBannerTittle h1 {
        font-size: 2rem;
        margin-top: 10px;
    }

    .servicesBanner .servicesBannerTittle p {
        font-size: 1.1rem;
    }

    .servicesItem.even .servicesItemMain {
        flex-direction: column-reverse;
    }

    .servicesItem.odd .servicesItemMain {
        flex-direction: column;
    }

    .servicesItem .servicesItemMain .servicesDescription h2,
    .servicesItem .servicesItemMain .servicesDescription p {
        text-align: center;
    }

    .servicesItem.even,
    .servicesItem.odd  {
        background: linear-gradient(270deg, transparent 50%, transparent 50%);
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .servicesBanner .servicesBannerTittle, .servicesItem {
        padding: 0 0;
    }

    .servicesItem.odd .servicesItemMain .servicesDescription {
        padding-right: 0px;
    }

    .servicesItem.odd .servicesItemMain .servicesPoints {
        padding-left: 0px;
    }

    .servicesItem.odd .servicesItemMain .servicesDescription,
    .servicesItem.odd .servicesItemMain .servicesPoints {
        padding: 0 15px;
        text-align: center;
    }

    .servicesItem.odd .servicesItemMain .servicesPoints {
        background-color: #f9ad1d;
        margin-top: 20px;
    }

    .servicesBanner .servicesBannerTittle {
        padding: 0 15px;
    }

    .servicesItem.even .servicesItemMain .servicesDescription {
        padding-left: 0;
        padding: 0 15px;
        text-align: center;
    }

    .servicesItem.even .servicesItemMain .servicesPoints {
        padding-right: 0px;
        margin-top: 20px;
        text-align: center;
        background-color: #f9ad1d;
    }

    .contactUsTitleBanner .contactUsTitleMain {
        height: 270px;
    }

    .contactUsTitleBanner .contactUsTitleMain .contactUsTitle {
        text-align: center;
    }

    .contactUsTitleBanner .contactUsTitleMain .contactUsTitleSocial {
        justify-content: space-evenly;
    }

    .contactUsTitleBanner .contactUsTitle h1 {
        font-size: 2rem;
    }

    .contactUsTitleBanner .contactUsTitleMain .contactUsTitle br,
    .contactUsSection .contactUsMain .contactUsInfo br {
        display: none;
    }

    .contactUsSection .contactUsMain {
        flex-direction: column;
    }

    .contactUsSection .contactUsMain .contactUsInfo {
        text-align: center;
    }

    .contactUsSection .contactUsMain .contactUsInfo .contactUsInfoBox .contactUsInfoIcon {
        display: none;
    }

    .contactUsSection .contactUsMain .contactUsInfo .contactUsInfoBoxText p {
        font-size: .8rem;
    }

    .contactUsSection .contactUsMain .contactUsInfo .contactUsInfoBoxText p span {
        font-size: 1.1rem;
        margin-bottom: 10px;
    }

    .contactUsSection .contactUsMain .contactUsFormBox {
        margin-top: 0;
        padding: 10px;
    }

    .contactUsSection .contactUsMain .contactUsFormBox .formBoxMessage {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }

    .contactUsSection .contactUsMain .contactUsFormBox .formBoxMessage .formBoxMessageText p {
        font-size: .8rem;
    }

    .contactUsSection .contactUsMain .contactUsFormBox .formContactUs {
        padding: 0 15px;
    }

    .contactUsSection .contactUsMain .contactUsFormBox .formContactUs .formContactUsSplitSection {
        flex-direction: column;
    }

    .contactUsSection .contactUsMain .contactUsFormBox .formContactUs button{
        font-size: .8rem;
        margin-bottom: 30px;
    }

    .getInTouchDirectly {
        padding-bottom: 25px;
    }

    .getInTouchDirectly .getInTouchDirectlyTitle h2 {
        font-size: 1.8rem;
    }

    .getInTouchDirectly .getInTouchDirectlyTitle p {
        font-size: 1.2rem;
    }

    .getInTouchDirectly .getInTouchDirectlyAddress {
        grid-template-columns: auto;
    }

    .floatingNotification {
        width: 100%;
        box-sizing: border-box;
    }
}