@charset "utf-8";

@media (max-width: 1649px) {
    .animatedDiv {
        margin-top: -11%;
    }
    .reviewsBlackStrip {
        width: 5.5%;
        height: 200px;
        left: 33.8%;
        margin-top: -2%;
    }
    .reviewsBlackStrip2 {
        width: 5.5%;
        height: 200px;
        left: 60.2%;
        margin-top: -2%;
    }
}

@media (max-width: 1499px) {
    .animatedDiv {
        margin-top: -13%;
    }
}

@media (max-width: 1399px) {
    .animatedDiv {
        margin-top: -15%;
    }
    .reviewsBlackStrip {
        width: 5.5%;
        height: 200px;
        left: 34%;
        margin-top: -2%;
    }
    .reviewsBlackStrip2 {
        width: 5.5%;
        height: 200px;
        left: 60%;
        margin-top: -2%;
    }
}

@media (max-width: 1299px) {
    nav ul li {
        padding-left: 65px;
        padding-right: 65px;
    }
    .animatedDiv {
        margin-top: -17%;
    }
}

@media (max-width: 1199px) {
    .fbDiv {
        display: none;
    }
    .reviewsBlackStrip {
        width: 5%;
        height: 200px;
        left: 34.5%;
        margin-top: -2%;
    }
    .reviewsBlackStrip2 {
        width: 5%;
        height: 200px;
        left: 60%;
        margin-top: -2%;
    }
    .staffHomeServicesDiv ul li {
        width: 75%;   
    }
}
@media (max-width: 1000px) {
    nav ul li {
        padding-left: 55px;
        padding-right: 55px;
    }
    .newsPageDiv {
        margin-top: 30px;
        float: left;
        margin-left: 0%;
        width: 98%;
        margin-right: 2%;
        margin-bottom: 2%;
        height: 1000px;
        overflow-y: scroll;
    }
    .newsPageLogoDiv {
        clear: left;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
    }
    .animatedDiv {
        margin-top: -21%;
    }
    .reviewsBlackStrip {
        width: 4.5%;
        height: 200px;
        left: 34.75%;
        margin-top: -2%;
    }
    .reviewsBlackStrip2 {
        width: 4.4%;
        height: 200px;
        left: 60.1%;
        margin-top: -2%;
    }
    .itemTopDiv {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .itemImgDiv {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .itemDetailsDiv {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        max-height: none;
        justify-content: center;
    }
    .itemPurchaseBtnDiv {
        margin-left: auto;
        margin-right: auto;
    }
    .itemDescDiv {
        width: 65%;
        margin-left: auto;
        margin-right: auto;
    }
    .staffHomeServicesDiv ul li {
        width: 95%;   
    }
    .galleryImageDiv {
        width: 130px;
        max-height: 100px;
        margin: 4px 4px 4px 4px;
    }
    .galleryImageDiv2 {
        height: 100px;
    }
    .galleryImage {
        max-height: 100px;
    }
}

@media (max-width: 899px) {
    nav ul li {
        padding-left: 45px;
        padding-right: 45px;
    }
    .animatedDiv {
        margin-top: -22.5%;
    }
    .reviewsBlackStrip {
        width: 4.2%;
        height: 200px;
        left: 35%;
        margin-top: -2%;
    }
    .reviewsBlackStrip2 {
        width: 4.2%;
        height: 200px;
        left: 60.1%;
        margin-top: -2%;
    }
    
    .itemDescDiv1 {
        height: 200px;
    }
    .cartConsoleDiv {
        flex-direction: column;
        justify-content: center;
    }
    .cartDiv {
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }
    .cartTotalDiv {
        margin-right: auto;
        margin-left: auto;
        width: 40%;
        margin-top: 5%;
    }
    .newsPageTextArea {
        width: 200%;
    }
}

@media (max-width: 799px) {
    nav ul li {
        padding-left: 25px;
        padding-right: 25px;
    }
    .tel {
        font-size: medium;
        font-weight: 200;
        margin-right: 5px;
    }
    .animatedDiv {
        margin-top: -30%;
    }
    .reviewsBlackStrip {
        width: 3.7%;
        height: 200px;
        left: 35.8%;
        margin-top: -2%;
    }
    .reviewsBlackStrip2 {
        width: 3.7%;
        height: 200px;
        left: 60.1%;
        margin-top: -2%;
    }
    .staffHomeUsernameDiv {
        width: 17%;
        margin-right: 3%;
    }
    .staffHomeUsernameDiv2 {
        width: 17%;
        margin-right: 3%;
    }
    
}
    
@media (max-width: 649px) {
    .animatedDiv {
        margin-top: -38%;
    }
    .reviewsBlackStrip {
        display: none;
    }
    .reviewsBlackStrip2 {
        display: none;
    }
    .servicesAdd {
        font-weight: 400;
        font-size: small;
        letter-spacing: 2;
        word-spacing: 3;
    }
    .servicesEdit {
        font-weight: 400;
        font-size: small;
        letter-spacing: 2;
        word-spacing: 3;
    }
    .newsPageTextArea {
        width: 150%;
    }
    .staffHomeUsernameDiv {
        width: 20%;
        margin-right: 3%;
    }
    .staffHomeUsernameDiv2 {
        width: 20%;
        margin-right: 3%;
    }
    .galleryImageDiv {
        width: 85px;
        max-height: 60px;
        margin: 4px 4px 4px 4px;
    }
    .galleryImageDiv2 {
        height: 60px;
    }
    .galleryImage {
        max-height: 60px;
    }
    .speechBubbleDiv {
        display: none;
    }
    .animatedDivLeft {
        display: none;
    }
    .animatedDivRight {
        display: none;
    }
    #spchBubble {
        width: 60%;
    }
    .animatedDivCentre {
        width: 58%;
        left: 20.5%;
    }
    .reviewByDiv {
        margin-top: 100px;
    }
    .shopDiv {
        width: 300px;
        margin-bottom: 20px;
    }
    .shopPageMsgDiv1 {
        width: 300px;
    }
    .copyright {
        font-size: medium;
    }
    .loginBtn {
        margin-top: 4%;
    }
}

@media (max-width: 549px) {
    nav ul li {
        padding-left: 8px;
        padding-right: 8px;
    }
    .tel {
        font-size: small;
        font-weight: 200;
        margin-right: 5px;
    }
    .bigText {
        font-weight: 400;
        font-size: large;
    }
    .reviewsBlackStrip {
        display: none;
    }
    .reviewsBlackStrip2 {
        display: none;
    }
    .newsPageTextArea {
        width: 100%;
    }
}
    
@media (max-width: 449px) {
    nav ul li {
        padding-left: 3px;
        padding-right: 3px;
    }
    .tel {
        display: none;
    }
    .logoDiv {
        width: 35%;
        height: auto;
    }
    .animatedDiv {
        margin-top: -50%;
    }
}
    
@media (max-width: 349px) {
    nav ul li {
        padding-left: 3px;
        padding-right: 3px;
    }
    .tel {
        display: none;
    }
    
}
    
@media (max-width: 299px) {
    nav ul li {
        padding-left: 3px;
        padding-right: 3px;
    }
}