/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .footermenu{
        padding-right:30px;
    }

    .goodslidewrap .bx-wrapper .bx-controls-direction a{
        bottom:auto;
        top: 234px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    #cardlogos{
        border:0;
        vertical-align: middle;
        width: 100%;
        position: relative;
        margin:15px 0;
        bottom: auto;
        right: auto;
    }

    .footermenu{
        width: 25%;
    }

    .footerrow{
        padding-bottom:100px;
    }

    .searchfront{
        margin: 20px 0;
    }

    .searchfront input{

    }

    header{
        overflow:visible;
    }

    .searchrowtitle{
        margin: 20px 0;
    }

    .yearbooklink{
        margin-bottom:15px
    }

    .yearbookbuy{
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        margin-bottom: 20px;
        white-space: nowrap;
        float: right;
    }

    .yearbooktext{
        padding-left:0;
    }

    .aboutpagecontainers .columnedarea{
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
        -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
        -moz-column-gap: 0px; /* Firefox */
        column-gap: 0px;
    }

    .goodslidewrap .bx-wrapper .bx-controls-direction a{
        bottom:auto;
        top: 10px;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .footermenu{
        width: 50%;
    }


}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .footermenu{
        width: 100%;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}