#content ul#nav li.drop ul li{
    width: 200px;
    margin-bottom: 0px;
    border-bottom: 1px solid #898685;
    height: 40px;
    line-height: 40px;
    background: url("../images/dropdown-back.png") 0 0 repeat;
    padding: 0 10px 0 10px;
}

#content ul#nav li.drop ul li:last-child {
    border-bottom:0px;
}

#content ul#nav li.tablet-only {
    display: none;
}

/* -----------------------------------------
   MAX WIDTH 1100px
----------------------------------------- */
@media only screen and (max-width: 1100px) {
    #content ul#nav li.navLocation a span{
        display: none;
    }
}
/* -----------------------------------------
   MAX WIDTH 1024px
----------------------------------------- */

@media only screen and (max-width: 1024px) {
    #content ul#nav li.desktop-only {
        display: none;
    }
    #content ul#nav li.tablet-only {
        display: block;
    }
    #content ul#nav li {
        float: left;
        color: #82807E;
        font-size: 12px;
        height: 55px;
        line-height: 55px;
        padding: 0 1.3%;
        background-color: #181817;
    }
    .reveal-modal.small {width:30%}
}

/* -----------------------------------------
   MAX WIDTH 980px
----------------------------------------- */


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

    /* Tablet fixes */

    .contactsChunk > fieldset {
        padding-left: 12px;
        padding-right: 12px;
    }

    #customer-service-data table {
        padding-left: 12px;
        padding-right: 12px;
        margin-bottom: 12px;
    }

    #customer-service-data > h3 {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 16px;
    }


    #content ul#nav li.navLocation{
        padding: 0 0 0 0px;
    }

    #content ul#nav li.drop ul li{
        width: 200px;
        /*margin-bottom: 1px;*/
        height: 40px;
        line-height: 40px;
        background: url("../images/global_nav/dropdown-back.png") 0 0 repeat;
        padding: 0px 10px 0px 6px;
        margin-left: -15px;
    }


    #content ul#nav li {
        float: left;
        color: #82807E;
        font-size: 12px;
        height: 55px;
        line-height: 55px;
        padding: 0 0.8%;
        background-color: #181817;
    }


    #content ul#nav li.drop{
        padding: 0 19px 0 5px;
        background: url("../images/global_nav/down-arrow.png") right 26px no-repeat;
        margin: 0 0 0 0;
    }

}


/* -----------------------------------------
   END OF MAX_WIDTH 980px
----------------------------------------- */

/* -----------------------------------------
   MAX WIDTH 768px / iPad portrait
----------------------------------------- */
@media only screen and (max-width: 768px) {
	.reveal-modal.small {width:40%}
}

/* -----------------------------------------
   MAX WIDTH 767px
----------------------------------------- */

@media only screen and (max-width: 767px) {
	.reveal-modal.small {width:80%}
}

/* -----------------------------------------
   END OF MAX_WIDTH 767px
----------------------------------------- */
