

.index-menu .ads { margin-top: -90px; }

.index-menu .menu-images { overflow: hidden;text-align: center;margin-bottom: 7px }

.index-menu .menu-images .menu-images-cont {
    height: 55px;
    width: 55px;
    display: inline-block;
}

.index-menu .menu-images .menu-images-cont img  { 
	height: 50px;
    width: 50px;
    display: inline-block;
}

.index-menu .menu-form {
	background: rgba(255,255,255,0.5);
    padding: 25px 25px;
    border-radius: 10px;
    margin-top: 20px
}

.index-menu .menu-para { position: relative;margin-top: 10px;margin-bottom: 10px }

.index-menu .menu-para::before {
	position: absolute;
    content: '';
    width: 41%;
    height: 1px;
    background-color: #FFF;
    left: 5px;
    top: 10px;
}

.index-menu .menu-para::after {
	position: absolute;
    content: '';
    width: 41%;
    height: 1px;
    background-color: #FFF;
    right: 5px;
    top: 10px;
}

.index-menu .menu-form select { margin-bottom: 20px }

@-webkit-keyframes spaceboots { 
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } 
} 

.shake:hover, .shake:focus { 
    -webkit-animation-name: spaceboots; 
    -webkit-animation-duration: 0.5s; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: linear; 
} 

.index-menu .menu-images , .index-menu  .menu-form , .index-menu .main-logo img { 
    width: 300px;
    display: block;
    margin: auto;
    margin-top: 10px
}

.index-menu  .menu-form { margin-bottom: 30px }

.index-menu .main-logo img { margin-top: 0 }

/* ********************************* Start Media For index ******************************************** */

@media (min-width: 992px) {
	
	.index-menu .menu-form-cont .col-md-offset-3 { margin-left: 30%; }

	.index-menu .menu-form-cont .col-md-6 { width: 40%; }
	.homemob {display:none}
}

@media (max-width: 990px) { .index-menu .ads { margin-top: -80px; } .dis{display: none !important;} .homemob {display:block !important;}}

@media (max-width: 767px) {

    .index-menu .footer-ads .footer-ads-cont {
        width: 300px;
        margin: auto;
        margin-bottom: 30px;
    }

}

@media (max-width: 730px) {

    .index-menu .special-col-xs-8 { width: 100%; }

    .index-menu .footer-ads .col-xs-offset-0 { margin-left: 0;padding-left: 10px; }
}

@media (max-width: 480px) {
    .index-menu .main-logo img {
        width: 250px;
        margin-top: 0px;
    }
}

/* ********************************* End Media For index ******************************************** */




/* ******************************* Start menu 2 **************************************************** */


.menu2 .shake-heart { margin-bottom: 35px }

/*.example { background-image: url('../images/website_background_HD_1.jpg');*/

/*    -webkit-background-size: cover;*/
/*    -moz-background-size: cover;*/
/*    -o-background-size: cover;*/
/*    background-size: cover;*/
/*}*/

.menu2 .shake-heart img {   width: 70px;height: 70px;border-radius: 6px;margin-right: -3px }

.menu2 .shake-heart .media-left { padding-right: 0 }

.menu2 .shake-heart .media-body h4 {
    background-color: rgba(175,0,13,0.75);
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-top-right-radius: 6px;
}

.menu2 .shake-heart .media-body p {
    background-color: rgba(255,255,255,0.75);
    color: #777;
    margin-bottom: 0;
    padding-top: 5px;padding-bottom: 5px;
    border-bottom-right-radius: 6px;
}

.menu2 .shake-heart .media-body h4 , .shake-heart .media-body p { padding-left: 12px }

.menu2 .restaurants-menu-p {
    text-align: center;
    border-radius: 5px 5px 5px 5px;
    background-color: rgba(255,255,255, 0.5);
    padding: 6px 0px;
    margin-top: 25px
}

.menu2 .restaurants-menu-p p { 
    color: rgba(175,0,13,1);
    font-size: 18px;
    margin-bottom: 0;
}

.menu2 .restaurants-menu-list { margin-bottom: 30px }


.menu2 .restaurants-menu .form-control { height: 37px }

.menu2 .main-logo img { margin-top: 0;margin-bottom: 20px }

.menu2 .ads { margin-top: -100px; }

/* ************************************ End menu 2 ************************************************* */



/* ************************************ Start Media menu 2 ***************************************** */


@media (min-width: 768px) and (max-width: 991px) {

    .menu2 .shake-heart img { width: 58px;height: 58px }

    .menu2 .shake-heart .media-body h4 { padding-top: 8px;padding-bottom: 8px;font-size: 14px }

    .menu2 .shake-heart .media-body p { font-size: 12px }

    .menu2 .shake-heart .media-body h4, .shake-heart .media-body p { padding-left: 8px }

    .menu2 .restaurants-menu .col-sm-offset-0 { padding-left: 0 }

    .menu2 .restaurants-menu-p p { font-size: 15px }
}


@media (max-width: 900px) {

    .menu2 .restaurants-menu-p p { font-size: 13px }

    .menu2 .ads { margin-top: -80px; }
}

@media (max-width: 767px) {

    .menu2 .shake-heart .media-body h4 { font-size: 18px }

    .menu2 .shake-heart .media-body p { font-size: 14px }

    .menu2 .shake-heart img { width: 70px;height: 70px }

    .menu2 .restaurants-menu-p , .menu2 .restaurants-menu-list {
        display: inline-block;
        margin-bottom: 17px;
        width: 100%;
        font-size: 20px;
    }

    .menu2 .restaurants-menu-p p { font-size: 20px }

}

@media (max-width: 730px) {

    .menu2 .special-col-xs-8 .col-xs-offset-2 { width: 80%;margin-left: 10%; }

    .menu2 .special-col-xs-8 { width: 100%; }

    .menu2 .footer-ads .col-xs-offset-0 { margin-left: 0;padding-left: 10px; }
}


@media (max-width: 480px) {
    
    .menu2 .main-logo img {
        width: 250px;
        margin-top: 30px;
    }

    .menu2 .special-col-xs-8 .col-xs-8 { width: 90%;margin-left: 5% } 

    .menu2 .restaurants-menu-p p { font-size: 18px; }

}


/* ************************************ End Media menu 2 ***************************************** */

.jssocials-shares { margin-top: 20px !important }

.jssocials-share a { color: #FFF }

.jssocials-share a:active { text-decoration: none; }

.jssocials-share {  padding: 5px 20px;  border-radius: 5px;cursor: pointer;}

.jssocials-share-facebook {
    background: #306199;
}

.jssocials-share-twitter {
    background: #26c4f1;
}

.jssocials-share-googleplus {
    background: #e93f2e;
}

.jssocials-share-email {
    background: #0a88ff;
}



