/*==========  Desktop First Method  ==========*/

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

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    h1 {margin-top: 120px;}
    #orderSearchList {position: absolute; top: 140px; left: 0; width: 480px; z-index: 6; background-color: #fff; box-shadow: 0 5px 15px -4px rgba(0, 0, 0, 0.4); padding: 10px; display: none; overflow: hidden;}
    #orderSearchListAdmin {position: absolute !important; top: 200px; left: 0; width: 480px; z-index: 6; background-color: #fff; box-shadow: 0 5px 15px -4px rgba(0, 0, 0, 0.4); padding: 10px; display: none; overflow: hidden;}
    #orderHistorySearchList {position: absolute; top: 40px; left: 0; width: 480px; z-index: 6; background-color: #fff; box-shadow: 0 5px 15px -4px rgba(0, 0, 0, 0.4); padding: 10px; display: none; overflow: hidden;}
    #orderHistorySearchListAdmin {position: absolute !important; top: 120px; left: 0; width: 480px; z-index: 6; background-color: #fff; box-shadow: 0 5px 15px -4px rgba(0, 0, 0, 0.4); padding: 10px; display: none; overflow: hidden;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    h1 {font-size: 30px; margin-top: 30px; padding-bottom: 30px;}

    #catalogueMenu {margin-top: 40px;}
    #registrationDescription {display: block !important; width: 100%; padding-top: 50px; padding-left: 0;}
    #registrationContainer {display: block !important; width: 100%;}

    .categoryContainer {margin-bottom: 10px; margin-top: 10px;}
    .catalogueName {height: auto; line-height: normal;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .categoryNameContainer {font-size: 14px;}
}

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

}


/*==========  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) {

}