@media screen and (max-width: 1686px) {
    /* .topnav a {
        padding: 24px 40px;
    } */
    #sliderDiv {
        height: 710px;
    }
}

@media screen and (max-width: 1542px) {
    #container {
        
    }

    #productImageContainer {
       
    }
}

@media only screen and (max-width: 1440px) {
    #footercopy {
        width: 100%;
    }
    #sliderDiv {
        height: 650px;
    }

    .stockGrid {
        grid-template-columns: repeat(2,350px);
    }
}

@media screen and (max-width: 1386px) {
    #sliderDiv {
        height: 600px;
    }


    #container {
        
    }

    #productImageContainer {
     
    }
}

@media screen and (max-width: 1270px) {
    .topnav a:not(:first-child) {
        display: none;
    }
    .topnav a.icon {
        float: right;
        display: block;
    }
    .topnav {
        justify-content: space-between;
        padding: 0 30px;
    }
    .footer>div {
        width: 100%;
    }
    #sliderDiv {
        height: 515px;
    }
}

@media screen and (max-width: 1221px) {
    .topnav.responsive {
        position: relative;
    }
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }


}

@media screen and (max-width: 1150px) {

    .logoContainer {
        margin-top: 15px;
    }

    nav {
        display: none;
    }

    #mobileNav {
        display: block;
    }

    header .row {
        margin-top: 0px;
        flex-direction: row-reverse;
    }

    .contactHeader {
        margin: auto;
    }

    .footerBottomContent {
        flex-wrap: wrap;
    }

        .footerBottomContent a {
            width: 100%;
            display: flex;
        }

    #footerLogo {
        width: 200px;
        margin: auto;
        margin-bottom: 10px;
    }

    .contactFooter {
        width: 100% !important;
        display: flex;
        justify-content: space-evenly;
        align-content: center;
        margin-bottom: 20px;
    }

    .viewLink {
        width: 30%;

    }

    #footerMap {
        width: 100%;
    }
    

}

@media only screen and (max-width: 1024px) {
    categoryTopBar * {
        font-size: 16px;
    }

    .mainContainer {
        width: 100%;
    }

    #productDetailContainer {
        
    }
    
    .col-3 {
        width: 15%;
    }

    #container {
        max-height: unset !important;
        flex-direction: column;
    }

    #ProductDetailTextContainer {
        width: 100%;
    }

    #productImageContainer {
        height: unset !important;
    }

    #detailPrice {
        position: absolute !important;
        align-self: flex-end !important;
    }
}

@media screen and (max-width: 1013px) {
    .kidpicture {
        display: none;
    }
    #sliderDiv {
        height: 400px;
    }
    .whatParentsCenter {
        margin: 0 auto;
        padding: 0;
        width: 70%;
    }
}

@media screen and (max-width: 842px) {

    #vatNoticeTop {
        display: none;
    }

    .vatNotice {
        display: block;
    }

    #contactHeader {
        display: none;
    }
    
    .img-zoom-result, .img-zoom-lens {
        display: none;
    }
    
    #sliderDiv {
        height: 315px;
    }
}

@media screen and (max-width: 790px) {
    .logoContainer img {
        width: 210px;
    }
}

@media screen and (max-width: 708px) {
    header h1 {
        font-size: 40px;
    }
}

@media screen and (max-width: 768px) {

    .logoContainer {
        padding-left: 125px;
    }

    .logoContainer h1 {
        font-size: 16px;
    }

    .homePageImage img {
        margin-top: 40px;
    }

    .buttonOutline {
        border: 2px solid white;
        height: 40px;
        width: 220px;
        position: absolute;
        top: 80%;
        left: 6%;
        border-radius: 10px;
    }


    #productImageContainer {
       
    }

}

@media screen and (max-width: 700px) {
    #productDetailContainer {
        flex-direction: column;
    }

    #ProductDetailTextContainer {
        width: 100%;
    }

    #productImageContainer {
        width: 100%;
    }

    .backButton {
        margin-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}



@media screen and (max-width: 586px) {

    #productDetailContainer .categoryTopBar h2 {
        font-size: 20px;
    }

    #productDetailContainer .categoryTopBar .viewLink {
        width: 45%;
        font-size: 15px;
    }

    #productImageContainer {
        
    }

    
}

@media screen and (max-width: 540px) {
    header h1 {
        font-size: 30px;
    }
}


@media screen and (max-width: 515px) {
    #sliderDiv {
        height: 200px;
    }

    #productImageContainer {
        
    }

    .thumb {
        height: 80px !important;
        width: 80px !important;
    }

        .thumb.active {
            height: 75px !important;
            width: 75px !important;
        }

    .fa-3x {
        font-size: 2em !important;
    }
}

@media screen and (max-width: 384px) {
    header h1 {
        font-size: 28px;
    }
    
    .centerFooterBottomContent h1 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 971px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
    .bee {
        display: none;
    }
    .responsive {
        width: 49.99999%;
    }
    #welcomeRow {
        display: block;
    }
    .storySoFarCenter {
        width: 100%;
    }
    .whatParentsCenter {
        width: 100%;
        padding: 20px;
    }
    #meetTheTeamDiv {
        width: 100%;
        padding: 20px;
    }
    #storySoFarDiv {
        padding: 20px;
    }
    .row.staff {
        grid-template-columns: 0 100% 0;
        padding: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .topnav a {
        float: left;
        display: block;
        color: white;
        text-align: center;
        padding: 25px 20px;
        text-decoration: none;
        font-size: 1em;
        text-transform: uppercase;
    }
    .topnav {
        display: block;
        width: 100%
    }
    .teamHolder p {
        font-size: .8em;
    }
    .footer {
        padding:20px;
    }
}

@media screen and (max-width:430px) {
    #contactHeader {
        font-size: 1.5em;
    }
    .responsive {
        width: 99.999999%;
    }
    #sliderDiv {
        height: 200px;
        /* width: 970px; */
    }
}

@media only screen and (max-width: 425px) {
    header #logo {
        width: 100%;
    }
    header #contactHeader {
        font-size: 2em;
    }
    .contactInfo img {
        width: 100%;
    }
    .topnav {
        padding: 0px 0px;
    }
    .owl-next {
        left: 97%;
        top: 41%;
    }
    .owl-prev {
        left: -5%;
        top: 41%;
    }
    .staffSlider {
        height: 350px;
    }
    .topnav.responsive {
        display: block;
    }
    .interiorContent {
        width: 350px;
    }
    #sliderDiv {
        display: none;
    }
    
    .categoryHeading {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (max-width: 375px) {
    header #contactHeader {
        font-size: 1.6em;
    }
    .teamHolder img {
        display: block;
        max-width: 100%;
        padding: 15px 0;
    }
}

@media only screen and (max-width: 1730px) {
    .topHomeGallery img {
        width: 100%;
    }
}

@media only screen and (max-width: 1600px) {
    .mainContainer {
        width: 100%;
    }

    .footerBottomContent {
        padding: 20px 120px;
    }
}

@media only screen and (max-width: 1460px) {

    nav li:nth-last-child(1) {
        margin-left: 0 !important;
    }

    nav li:nth-last-child(2) {
        margin-left: auto;
    }

    header .row {
        padding: 0px 30px 10px;
    }

    .categoryTopBar h2 {
        font-size: 20px;
    }

    .contactFooter {
        width: 20%;
    }

    #productGrid {
        grid-template-columns: repeat(3, 30%);
    }
    #detailPrice {
        position: relative;
        align-self: flex-start;
        margin: 0px;
    }
}

@media only screen and (max-width: 1300px) {
    .addressFacebook {
        flex-direction: column;
    }

        .addressFacebook a {
            align-self: flex-start;
            margin-top: 10px;
        }

    .footerBottomContent {
        padding: 20px 40px;
    }

    .productCategories {
        grid-template-columns: repeat(4, 22%);
    }

    #productDetailContainer {
    }


}

@media only screen and (max-width: 1150px) {

    .footerImage img {
        width: 90%;
        margin: 0 auto;
    }

    #productGrid {
        grid-template-columns: repeat(2, 45%);
    }
}

@media only screen and (max-width: 970px) {

    .magazineCover img {
        width: 100%;
    }

    .interiorCenter {
        width: 95%;
    }

    .productCategories {
        grid-template-columns: repeat(2,45%);
        grid-row-gap: 25px;
    }

    .stockItem {
        width: 100%;
    }

    body {
        background: url("/images/background.jpg") no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .categoryTopBar h2 {
        font-size: 25px;
    }

    .viewLink {
        text-align: center;
    }

}

@media only screen and (max-width: 780px) {
    #productGrid {
        grid-template-columns: repeat(1, 90%);
    }


    .logoContainer {
        z-index: 0;
        position: relative;
    }

}


@media only screen and (max-width: 680px) {

    .contactFooter {
        flex-direction: column;
        align-items: center;
    }

    .logoContainer {
        flex-direction: column;
        padding-left: 0px;
    }

        .logoContainer h1 {
            margin-top: 10px;
            font-size: 20px;
            text-align: center;
        }

        #searchSubmit {
            width: 40px;
        }

    .searchBar form #search {
        padding-bottom: 0px;
        height: 60px;
    }

    .contactHeader {
        flex-flow: column;
        margin-right: auto !important;
        margin-left: unset;
    }

    header .row {
        width: 100%;
        padding: 20px 20px 0px;
    }

    #phoneIcon {
        align-self: flex-start;
        position: absolute;
        margin-top: 74px;
    }

    #emailIcon {
        align-self: flex-start;
        position: absolute;
        margin-top: 36px;
    }

    #mobileNav {
        align-self: flex-end;
        position: absolute;
        top: 0;
        z-index: 9999;
    }
}

@media only screen and (max-width: 520px) {
    .productCategories {
        grid-template-columns: repeat(1,80%);

    }

    .formContainer {
        flex-direction: column;
    }

    #contactForm {
        width: 100%;
    }
}

    @media only screen and (max-width: 500px) {

        .footerBottomContent {
            padding: 20px 5px;
        }

        #productDetailContainer {
            width: 90% !important;
        }

        .productCategories {
            padding: 0px;
        }

        #footerNavContainer ul {
            flex-direction: column;
        }

        #detailPrice {
            margin: 10px;
        }

        #detailPrice span {
            font-size: 20px;
        }

    }

@media only screen and (max-width: 380px) {
    #container {
       
    }

    #productImageContainer {
       
    }
}