@media (max-width:961px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */

    .bannerAndNav {
        background-position: right top;
    }

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

    .bannerAndNav nav .mainNav .menu ul li a {
        padding-right: 12px;
        font-size: 14px;
    }

    .bannerAndNav .banner {
        padding: 12px 15px 0 15px;
        box-sizing: border-box;
    }

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

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

    .bannerAndNav .banner .text .weAre {
        font-size: 25px;
        margin-top: 45px;
    }

    .bannerAndNav .banner .text .twenty4 {
        font-size: 20px;
        padding: 10px 0;
    }

    .bannerAndNav .banner .text a {
        font-size: 15px;
    }

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

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

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

    .bannerAndNav .weBelieve .services .box .boxItem p {
        font-size: 12px;
    }

    .whyChooseUs .whyChooseUsMain {
        padding: 106px 15px 0 15px;
    }

    .whyChooseUs .whyChooseUsMain .about h2 {
        font-size: 30px;
    }

    .whyChooseUs .whyChooseUsMain .about p {
        font-size: 15px;
        line-height: 30px;
    }

    .whyChooseUs .whyChooseUsMain .scrollBoxWrapper .scrollBox {
        max-height: 235px;
    }

    .whyChooseUs .whyChooseUsMain .scrollBoxWrapper .scrollBox h3 {
        font-size: 16px;
    }

    .whyChooseUs .whyChooseUsMain .scrollBoxWrapper .scrollBox p {
        font-size: 12px;
    }

    .hs-footer .footerMain {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .hs-footer h4 {
        font-size: 16px;
    }

    .hs-footer ul li {
        font-size: 12px;
    }

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

    .hs-footer .footerMain .footerLink .footerQuickLinks {
        width: 25%;
        flex-direction: column;
    }

    .hs-footer .footerMain .footerLink .footerQuickLinks div:nth-child(2) h4 {
        margin-top: 12px;
    }

    .hs-footer .footerMain .footerLink .footerAbout .about p {
        font-size: 12px;
        line-height: 23px;
    }

    .hs-footer .footerMain .copyrightAndTP {
        justify-content: space-evenly;
    }

    .websiteUnderConstruction h1 {
        font-size: 36px;
    }

    .about .aboutBannerImg {
        height: 200px;
        background-size: cover;
        background-position: center;
        padding: 0 15px;
    }

    .about .bannerAndNav .aboutText {
        padding: 0 15px;
    }

    .about .ourMissionAndValues {
        padding: 0 15px;
    }

    .about .ourMissionAndValues .ourMissionAndValuesWrapper .ourMission {
        padding-right: 15px;
    }

    .about .ourMissionAndValues .ourMissionAndValuesWrapper .ourValues {
        padding-left: 20px;
    }

    .about .meetOurTeam {
        padding: 0 15px;
    }

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

    .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 .description {
        max-height: 130px;
    }

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

    .servicesBanner .services {
        margin: 0 10px;
    }

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

    .servicesBanner .services .box .boxItem p {
        font-size: 0.7rem;
        height: 70px;
    }

    .servicesItem .servicesItemMain .servicesPoints .whatWeDoPoints {
        justify-content: space-around;
    }

    .contactUsTitleBanner .contactUsTitleMain {
        padding: 0 15px;
    }

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

    .contactUsSection .contactUsMain .contactUsInfo h2 {
        font-size: 1.7rem;
    }

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

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

    .contactUsSection .contactUsMain .contactUsInfo .contactUsInfoBoxText p::before {
        left: -17.5%;
    }

    .contactUsSection .contactUsMain .contactUsInfo .contactUsInfoBox .contactUsInfoIcon span {
        margin: 20px 0 80px 0;
    }

    .contactUsSection .contactUsMain .contactUsFormBox .formBoxMessage {
        margin-bottom: 40px;
    }

    .contactUsSection .contactUsMain .contactUsFormBox .formBoxMessage .formBoxMessageIcon svg {
        width: 45px;
    }

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

    .contactUsSection .contactUsMain .contactUsFormBox .formContactUs .formDropLike .formDropLikeText p {
        font-size: .8rem;
    }

    .contactUsSection .contactUsMain .contactUsFormBox .formContactUs .formContactUsOptional h2 {
        font-size: 1.3rem;
        margin-top: 40px;
    }

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

    .getInTouchDirectly {
        padding: 0 15px;
    }

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