@import url("https://fonts.googleapis.com/css?family=Black+Ops+One&subset=latin,latin-ext");
@media screen and (max-width: 1045px) {
    header{
        width: 100%;
    }
    .pageContainer {
        width: 90%;
    }
    .home nav {
        left: 59px;
        width: 306px;
    }
    .dropdownToggle a {
        margin-right: 0 !important;
    }
    .home nav li a {
        padding: 11px 0;
    }
    .home ul.nav li .spanMenuDropdown {
        width: 45px;
        height: 45px;
        background-position: center;
        right: 0;
        top: 0;
        margin-left: 0;
    }
    .home #zone_4 article .productTitle{
        top: 92px;
    }
    .carousel-control{
        display: block !important;
    }
    .logo{
        margin: 0 auto;
        width: 245px;
    }
}

@media screen and (max-width: 820px) {
    header{
        width: 100%;
    }
    .home header{
        height: auto;
    }
    nav{
        font-size: 1.5em;
        line-height: 53px;
        padding: 10px 20px 0;
        position: relative;
        width: auto;
        top: 0;
        right: 0;
    }
    .home nav{
        font-size: 1.5em;
        line-height: 53px;
        padding: 10px 20px 0;
        position: relative;
        width: auto;
        top: 0;
        left: 0;
    }
    .home ul.nav li{
        display: inline-block; 
        position: relative;
    }
    nav ul li.dropdownToggle a {
        padding-left: 40px;
    }
    nav ul li div.dropDownStyle a{
        padding-left: 5px;
    }
    .home nav li .dropDownStyle {
        left: 0;
        right: 0;
        top: 100%;
    }
    nav ul li a {
        padding: 10px 5px;
    }
    .home nav li a {
        padding: 10px 15px;
    }
    ul.nav li .spanMenuDropdown{
        background: url("/themes/fast_food/css/../images/down-arrow-small.png") no-repeat center;
        width: 45px;
        height: 45px;
        left: 0;
        top: 0;
        margin-left: 0;
    }
    .home ul.nav li .spanMenuDropdown {
        right: 100%;
        left: 0;
        background: url("/themes/fast_food/css/../images/down-arrow-small.png") no-repeat center;
    }
    .SliderGrid{
        margin-right: 0;
        width: 100%;
    }
    .home #zone_4 article{
        width: 46.9%;
    }
    .home #zone_4 article .productTitle{
        top: 110px;
    }
}

@media screen and (max-width: 500px) {
    body{
        font-size: 1em;
    }
    .pageContainer{
        width: 96%;
        padding: 15px 9px 50px;
    }
    .home #zone_3 {
        box-shadow: none;
        float: none;
        padding: 0;
        width: 100%;
    }
    .home #zone_3 img{
        width: 30%;
    }
    .home #zone_4,.home #zone_2{
        float: none;
        width: 100%;
    }
    .pi4 .priceDiv{
        width: auto;
    }
    .home ul.nav li{
        width: 100%;
    }
    .home nav, nav{
        line-height: 15px;
        padding:0;
    }
    nav ul li.dropdownToggle a{
        padding-left: 0;
    }
    ul.nav li a{
        margin-bottom: 0;
    }
    nav li a {
        padding: 5px 0 !important;
    }
    .home ul.nav li .spanMenuDropdown, ul.nav li .spanMenuDropdown{
        top: -6px;
    }
    .home nav li .dropDownStyle, nav li .dropDownStyle{
        padding-right: 12px;
    }
    .home #zone_1{
        padding-bottom: 10px;
    }
    .home #zone_4 article .productTitle{
        top: 92px;
    }
    .lowResHref {
        display: block;
        text-indent: -9999px;
        padding: 0;
        width: 100%;
        height: 35px;
        background: url("/themes/fast_food/css/../images/menu2.png") no-repeat center;
    }
    .contact-form input.iTxt, textarea{
        width: 100%;
    }
    .gallery_list li.gallery_box {
    width: 48.2%;
    }
}

@media screen and (max-width: 400px) {
    .home #zone_4 article {
        margin-bottom: 5px;
        margin-left: 16px;
        width: 90%;
    }
    .home #zone_4 article .productTitle{
        top: 130px;
        line-height: 1em;
    }
    .pageContainer{
        padding: 15px 5px 50px;
    }
    ul.social_menu{
        padding: 25px 0; 
    }
    .gallery_list li.gallery_box {
    width: 99%;
    }
}
