footer{position: absolute;bottom: 0px;width:100%;}
html{
    height: 100%;
}
body {
    height: 100%;font-family: 'Oswald', sans-serif;padding-top: 50px;
}
.clear{float:none;clear:both;}

.topnav:focus{background-color: lightblue !important;}


.navbar-inverse .navbar-nav > .open > a.topnav,
.navbar-inverse .navbar-nav > .active > a.topnav{background-color: lightblue !important;}


.circle{-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;}


.border10px{border: 10px solid #de1f1f;}


.kkk{linear-gradient(to right, rgba(0, 0, 0, 0), rgba(139, 139, 139, 0.75), rgba(0, 0, 0, 0))}
.topic{text-transform: uppercase;color:#222;}
.megamenuitem{height:30px;padding-top:5px;}

.megamenuitem:hover{background-color: #FBF2D9;}

.megamenuitem a:hover{text-decoration: none;color:#E62828;}
.megamenuitem a{text-decoration: none;color:#880d0d;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a
{
    background-image: linear-gradient(to bottom, #FDDB83 0%, #FDDB83 100%) !important;
    webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .25) !important;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .25) !important;
    color:#000;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus
{
    background-color: #eee;
    border-color: rgba(193, 29, 29, 0.9);
}


ul.typeahead-list{background-color: #FDDB83;}


.storediv{padding:15px;}
.store-topic{text-transform: uppercase;font-size: 24px;color: #880D0D;padding-bottom: 15px;}
.store-image{}
.store-image > img{width:100%;border: 2px solid #D32220;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.store-desc{font-size: 16px;color: #880D0D}

.product-wrapper{padding:5px 0px;}
.productdiv{padding-bottom: 15px;}
.productdiv .wrapdiv{padding-top: 15px;background-color: #FBF2D9;-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;-webkit-box-shadow: 1px 1px 23px -2px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 23px -2px rgba(0,0,0,0.75);box-shadow: 1px 1px 23px -2px rgba(0,0,0,0.75);min-height: 490px;position: relative;}
.product-topic{text-transform: uppercase;font-size: 18px;color: #880D0D;padding: 15px;text-align: center;;}
.product-image{padding-bottom: 15px;}
.product-image + img{width:100%;border: 2px solid #D32220;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.product-desc{font-size: 16px;color: #880D0D;text-align:justify;margin-bottom: 60px;}
.product-price{font-size: 18px;color: #F30303;;padding: 15px;text-align: center;position: absolute;bottom: 0px;}
.product-cat{font-size: 24px;padding:15px 30px;text-transform: uppercase;color:#880D0D;}
@media (min-width: 1200px)
{
    .nav-cont{width:100% !important;}
}



.product-page{-webkit-box-shadow: 1px 1px 23px -2px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 23px -2px rgba(0,0,0,0.75);box-shadow: 1px 1px 23px -2px rgba(0,0,0,0.75);}
.product-page .productdiv{padding:15px;    margin-bottom: 50px;}
.product-page .product-topic{text-transform: uppercase;font-size: 24px;color: #880D0D;padding-bottom: 15px;text-align: left;}
.product-page .product-image{}
.product-page .product-image > img{width:100%;border: 2px solid #D32220;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.product-page .product-desc{font-size: 16px;color: #880D0D}

.product-page .product-cat{ text-align: right;font-weight: bold;padding:10px 15px;font-size: 18px;}
.product-page .product-price{font-size: 24px;text-align: right;position: static;}

.aboutpage div{padding:20px;}
.aboutpage div h3{text-align: center;color: #880D0D;margin-bottom: 30px;margin-top: 0px;}
.aboutpage div h4{text-align: left;color: #880D0D;}
.aboutpage div p{text-align: justify;color: #880D0D;font-size: 16px;}


.deliveryGrid div{padding:0px 20px 20px 20px;}
.deliveryGrid div .table-responsive{border:none;}
.deliveryGrid div .table-responsive table{}
.deliveryGrid div .table-responsive table tr{}
.deliveryGrid div .table-responsive table tr th{text-align: center;color: #880D0D;background-color: #fff;border:none;font-size: 14px;}
.deliveryGrid div .table-responsive table tr td{color: #880D0D;text-align: center;font-size: 14px;}
.deliveryGrid div .table-responsive table tr:nth-child(2n) td{background-color: #E62828;color:#fff;}

.deliveryGrid div h3{text-align: center;color: #880D0D;margin-bottom: 30px;margin-top: 15px;}
.deliveryGrid div p{text-align: justify;color: #880D0D;font-size: 16px;}

.deliveryGrid div ul{}
.deliveryGrid div ul li{color:  #880D0D;}
.deliveryGrid div ul li p{text-align: justify;color: #880D0D;font-size: 16px;}




.deliveryPolicy div{padding:20px;}
.deliveryPolicy div h3{text-align: center;color: #880D0D;margin-bottom: 30px;margin-top: 0px;}
.deliveryPolicy div ul{}
.deliveryPolicy div ul li{color:  #880D0D;}
.deliveryPolicy div ul li p{text-align: justify;color: #880D0D;font-size: 16px;}


.offerspage div{padding:20px;}
.offerspage div h3{text-align: center;color: #880D0D;margin-bottom: 30px;margin-top: 0px;}
.offerspage div p{text-align: justify;color: #880D0D;font-size: 16px;}

.contactpage div{}
.contactpage div h3{text-align: center;color: #880D0D;margin-bottom: 30px;margin-top: 0px;}
.contactpage div p{text-align: justify;color: #880D0D;font-size: 16px;}

.foodpage div{padding:20px;}
.foodpage div h3{text-align: center;color: #880D0D;margin-bottom: 30px;margin-top: 0px;}
.foodpage div p{text-align: justify;color: #880D0D;font-size: 16px;}


.img-responsives.circle:hover{background-color: lawngreen;border: 10px solid #880D0D;}

textarea {
    resize: none;
}
/*
=====================================================================================
Media Queries
=====================================================================================
*/




@media (max-width:1275px)
{
    .navbar-header{margin: 0px auto !important;float: none;width: 55%;}
    .wrapdiv a{text-decoration:none;}

    nav.navbar-right{margin: 0px auto !important;float: none;width: 90%;}
}

@media (max-width:994px) and (min-width:768px)
{
    .navbar-inverse .navbar-nav>li>a{font-size:14px !important;}
    nav.navbar-right{margin: 0px auto !important;float: none;width: 100% !important;}
    .container.nav-cont{width: 100%;padding:0px;}/**/


}

@media (max-width:772px)
{
    .navbar-inverse .navbar-nav > li > a{font-size : 12px !important;}
}

@media (max-width: 768px)
{
    .navbar-header{width: auto;}
    .footer_content div{float:none !important;text-align: center;}
    .footer_content div h4{text-align: center !important;}
    /*#MainNavBar .collapse{display: none !important;}*/

    .restaurant_image{float:left;}
    .restaurant_caption{float:left;padding: 30px 30px 30px 0px;}
    .restaurant_caption h5{text-align:left !important;}
    .what_we_deliver_container .what_we_deliver_wrapper .what_we_deliver_container .what_we_deliver_image img {margin: 0px auto !important;width: 200px;height: 200px;}
    .what_we_deliver_image{float: none;}
    .what_we_deliver_image a{display: block;}
    .what_we_deliver_caption{float: none;padding-left: 30px !important;}
    .deliveryGrid div {padding: 0px 0px 20px 0px;}
    .product-price{position:static !important;}
    .foo{bottom: -56px !important;}
    .what_we_deliver_container .itemdiv{padding-bottom: 20px;}
    #logo_and_contact .logo{float: right;width: 20%;}
    .dropdown ul.dropdown-menu{width:100% !important;}
    .dropdown ul.dropdown-menu li a{color: #880d0d !important;}
    #carousel-main .carousel-control.left,#carousel-main .carousel-control.right{height: 413px;}
}
@media (max-width: 580px)
{
    .what_we_deliver_caption{float: right;width:100%;padding-left: 0px !important; }
}
@media (max-width: 480px)
{
    .restaurant_caption{float:none;padding: 20px 20px 20px 0px;;text-align:left;}
    .deliveryGrid div .table-responsive table tr th{font-size: 9px;}
    .deliveryGrid div .table-responsive table tr td{font-size: 10px;}
    .deliveryGrid div {padding: 0px 0px 20px 0px;}
    .deliveryGrid div ul li p {font-size: 12px !important;}
    .home_page_wrapper {padding-left: 0px;padding-right: 0px;}
    .deliverygridUl_Div{padding:5px 10px  15px 10px !important;}
    #contact_form{margin-right: 0px; margin-left: 0px;}
    #contact_form .cont{margin:0px !important;}

}
@media (max-width: 320px)
{
    .footer_content div h4{text-align: center !important;font-size: 10px !important;}
}

.carousel_container {margin-top:50px;}

.navbar-brand {font-size:14px;}
.imgl {width:100%;}

@media (min-width: 320px)
{
    .carousel_container { margin-top:50px;}
    .navbar-brand {font-size:10px;}
    .imgl {width:30%;margin-left:30px;margin-top:-30px;}
    .con { font-size: 12px;font-family: 'Droid Serif', serif;font-weight: 700;}
    #left {margin-top:-100px;}
    #right {margin-top:-100px;}
    #img2 {width:50%;}
}

@media (min-width: 480px)
{
    .carousel_container { margin-top:0px;}
    .navbar-brand {font-size:12px;}
    .imgl {width:20%;}
    .con { font-size: 12px;font-family: 'Droid Serif', serif;font-weight: 700;}
    #left {margin-top:-80px;}
    #right {margin-top:-80px;}
    #img2 {width:30%;}
}
@media (min-width: 600px)
{
    .carousel_container {margin-top:0px; }
    .navbar-brand {font-size:14px;}
    .imgl {width:30%;margin-left:0px;margin-top:-30px;}
    .con { font-size: 15px;font-family: 'Droid Serif', serif;font-weight: 700;position:relative;top:10px;}
    #left {margin-top:-120px;}
    #right {margin-top:-120px;}
    #img2 {width:30%;}
}
@media (min-width: 800px)
{
    .carousel-control {margin-top:-10px;}
    .carousel_container {margin-top:150px; }
    .navbar-brand {font-size:14px;}
    .imgl {width:30%;margin-left:0px;margin-top:-30px;}
    .con { font-size: 15px;font-family: 'Droid Serif', serif;font-weight: 700;position:relative;top:10px;}
    #left {margin-top:-100px;}
    #right {margin-top:-100px;}
    #img2 {width:100%;}
}
@media (min-width: 768px)
{
    .carousel-control {margin-top:-10px;}
    .carousel_container { margin-top:52px;}
    .imgl {width:20%;margin-left:0px;margin-top:-30px;}
    .con { font-size: 18px;font-family: 'Droid Serif', serif;font-weight: 700;position:relative;top:10px;}
    #left {margin-top:-60px;}
    #right {margin-top:-60px;}
    #img2 {width:100%;}

}

@media (min-width: 1024px)
{
    .carousel_container { margin-top:48px;}
    .imgl {width:100%;margin-left:0px;margin-top:10px;}
    .con { font-size: 14px;font-family: 'Droid Serif', serif;font-weight: 700; position:relative;top:10px;}
    #left {margin-top:-60px;}
    #right {margin-top:-60px;}
    #img2 {width:100%;}
}

@media (min-width: 1286px)
{
    .carousel_container { margin-top:0px;}
    .imgl {width:100%;}
    .con { font-size: 18px;font-family: 'Droid Serif', serif;font-weight: 700;position:relative;top:10px;}
    #left {margin-top:-60px;}
    #right {margin-top:-60px;}
    #img2 {width:100%;}
}

@media (max-width:990px) and (min-width:770px) {
    .carousel_container {margin-top:52px; }
    #left {margin-top:-120px;}
    #right {margin-top:-120px;}
}

@media (max-width:335px)
{
    .company{font-size:14px !important;}
}

@media (max-width:991px) and (min-width: 768px)
{
    #logo_and_contact .logo{float: right;width: 10%;}


}

@media (max-width:991px)
{
    .carousel-inner > .item > img{height:56%;}
    .carousel_main_header #logo_and_contact{margin-top:0px;}
    #logo_and_contact .contact{float: left;padding: 5px 20px !important;}
    .recently_restaurant_container .recently_restaurant_wrapper h2.any_resturant{color: red;padding-bottom: 5px;padding-top:15px;text-align: justify;text-transform: capitalize;}


}

@media (max-width:1200px)
{
    #carousel-main .carousel-control.left,#carousel-main .carousel-control.right{z-index: 5000;color:rgba(255, 255, 255, 0.63);}
}
@media (max-width:1200px) and (min-width: 992px)
{
    #carousel-main .carousel-control.left,#carousel-main .carousel-control.right{height: 374px;}
}
@media (max-width:991px) and (min-width: 768px)
{
    #carousel-main .carousel-control.left,#carousel-main .carousel-control.right{height: 420px;}
}



.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next
{margin-top:-55px;}

@media (max-width:1200px) and (min-width: 992px)
{
    .carousel_main_header{bottom:40px;}

}

@media (max-width: 620px) and (min-width: 402px)
{
    .carousel-inner > .item > img {height: 59%;}
}

@media (max-width: 320px)
{
    .carousel-inner > .item > img {height: 51%;}
}

@media (max-width: 715px) and (min-width: 767px)
{
    .carousel-inner > .item > img {height: 50%;}
}
@media (max-width: 768px) and (min-width: 991px)
{
    .carousel-inner > .item > img {height: 55%;}
}
@media (max-width: 766px) and (min-width: 640px)
{
    .carousel-inner > .item > img {height: 50%;}
}

@media (max-width: 540px)
{
    body{margin-top:47px;}
}

@media (max-width: 1275px) and (min-width: 768px)
{
    body{margin-top:50px;}
}