.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}

/** CSS for non-standard jQuery Mobile styles or Codiqa components **/
.split-wrapper {
  width: 100%;
  min-height: 200px;
  clear: both;
}
@media all and (min-width: 650px) {
  .content-secondary {
    text-align: left;
    float: left;
    width: 45%;
    background: none;
    padding: 1.5em 6% 3em 0;
    margin: 0;
  }
  .content-secondary {
    background: none;
    border-top: none;
  }
  .content-primary {
    width: 45%;
    float: right;
    margin-right: 1%;
    padding-right: 1%;
  }
  .content-primary ul:first-child {
    margin-top: 0;
  }
  .content-secondary ul.ui-listview, .content-secondary ul.ui-listview-inset {
    margin: 0;
  }
  .content-secondary ul.ui-listview .ui-li-divider, .content-secondary ul.ui-listview .ui-li {
    border-radius: 0px;
  }
  .content-secondary ul.ui-listview .ui-li {
    border-left: 0;
    border-right: 0;
  }
  .content-secondary h2 {
    position: absolute;
    left: -9999px;
  }
  .content-secondary .ui-li-divider {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .content-secondary {
    margin: 0;
    padding: 0;
  }
  
}

/*@media only screen and (-webkit-min-device-pixel-ratio : 2.0), only screen and (min-device-pixel-ratio : 2.0)*/

/*.arrow{
      display:block;
   }*/
/*@media all and (min-width: 321px){
   .arrow{
      display:none;
   }
} */
@media screen and (-webkit-min-pixel-ratio:2) and (min-width:321px) and (max-width:640px) {
  .arrow-tab{
      display:block;
   }
}
@media all and (min-width: 750px){
  .content-secondary {
    width: 34%;
  }
  .content-primary {
    width: 60%;
    padding-right: 1%;
  }	
}

@media all and (min-width: 1200px){
  .content-secondary {
    width: 30%;
    padding-right:6%;
    margin: 0px 0 20px 5%;
  }
  .content-secondary ul {
    margin: 0;
  }
  .content-secondary {
    margin: 0;
    padding: 0;
  }
  .content-primary {
    width: 50%;
    margin-right: 5%;
    padding-right: 3%;
  }
  .content-primary {
    width: 60%;
  }
}
 .fLeft{
  float:left;
 }
 .fRight{
  float:right;
 }
 .width100p{
   width:100%;
 }
 .width50p{
   width:50%;
 }
 #home .ui-content{
  background:none;
} 

.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn, .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn, .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn, .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn{
  margin-right:0px; 
}
.ui-header{
  margin-top:10px;
  margin-right:3%;
  margin-left:3%;
  min-height: 25px;
}

#menus-nav ul,#social-nav ul,#photo-nav ul,#reviews-nav ul,,#event-nav ul{
      overflow: hidden; /* contain the floats *
      /*width: 330px;*/
      /*max-width:50%;*/
      max-width:768px;
      min-width:300px;
      margin: 0 auto;
}
#menus-nav li,#photo-nav li,#reviews-nav li,#event-nav li{
      display: block;
      float: left; /* inline-block without the float should work fine too */
      width: 50%;
      min-width: 75px;
}

#social-nav li{
      display: block;
      float: left; /* inline-block without the float should work fine too */
      width: 25%;
      min-width: 75px;
}

#menus-nav ul li a:hover,#menus-nav ul li a.ui-btn-active, #photo-nav ul li a:hover,#photo-nav ul li a.ui-btn-active,#social-nav ul li a:hover,#social-nav ul li a.ui-btn-active,#reviews-nav  ul li a:hover,#reviews-nav ul li a.ui-btn-active,#event-nav ul li a:hover,#event-nav ul li a.ui-btn-active{
    border: none;
    cursor: pointer;
    text-shadow:none;
    font-weight:bold;
    background-image:none;
   /* background-image:-webkit-gradient(linear,left top,left bottom,from( #4d4d4d ),to( #8d8d8d ));
    background-image:-webkit-linear-gradient( #4d4d4d,#8d8d8d );
    background-image:-moz-linear-gradient( #4d4d4d,#8d8d8d );
    background-image:-ms-linear-gradient( #4d4d4d,#8d8d8d );
    background-image:-o-linear-gradient( #4d4d4d,#8d8d8d );
    background-image:linear-gradient( #4d4d4d,#8d8d8d )*/
}
#menus-nav ul li a,#photo-nav ul li a,#social-nav ul li a,#reviews-nav ul li a,#event-nav ul li a{ height:auto;}
#menus-nav ul li a span,#photo-nav ul li a span,#event-nav ul li a span{ 
height: 30px;
line-height: 26px;
text-shadow:none;
}
#social-nav ul li a span{
height: 30px;
width: 80%;
padding: 4%;
line-height: 26px;
text-shadow:none;
}
#social-nav ul li a span span img{
  max-width:100%; width:auto;
  max-height:100%; height:auto;
}
#menus-nav ul li.first a,#photo-nav ul li.first a,#social-nav ul li.first a,#reviews-nav ul li.first a,#event-nav ul li.first a{
  -moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0px;border-top-left-radius:0px;
  -moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px;border-bottom-left-radius:0px;
}
#menus-nav ul li.last a,#photo-nav ul li.last a,#social-nav ul li.last a,#reviews-nav ul li.last a,#event-nav ul li.last a{
   -moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;border-top-right-radius:0px;
  -moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;border-bottom-right-radius:0px;
}
.ui-focus, .ui-btn:focus{
   box-shadow:none;
}

.list-rec-app{  width:98%;height:100%;min-height:60px;padding:1% 1%; margin-bottom:0px; float:left; }
.list-rec-app .graphic{ float:left; width:18%;max-width:18%;}

.list-rec-app a,.contents a{
  text-decoration:none;
}
#review-app-block .list-rec-app{  
  width:98%;
  height:100%;
  padding:1% 1%; 
  margin-bottom:0px; 
  float:left;
  /*min-height:60px;
  max-height:80px;
  overflow:hidden;  */
  }
#review-app-block .list-rec-app .graphic{ float:left; width:39%; max-width:39%;/*max-width:90px;*/}
.list-rec-app .graphic .date_container{ width: 60%;}
.list-rec-app .graphic .date_container .day{
    font-size: 180%;
}
.list-rec-app .desc{ font-size:12px; float:left; /*color:#000000;*/ width:100%;height:100%;} 
.list-rec-app .desc h2{font-size:20px; line-height:20px; margin-bottom:0px;}
.list-rec-app .desc h2 a{color:#4d4d4d}
.list-rec-app .desc h2 a:hover{ color:#f73e5c}
.list-rec-app .desc p{margin-bottom:10px;}
.list-rec-app .desc p.address{font-size:12px;}
.list-rec-app .desc p.type{font-size:16px; font-weight:normal; margin-bottom:0}
.list-rec-app p.icon-area{ text-align:left;  margin-bottom:0;}
.list-rec-app .icon-area a{padding-left:0;}
.list-rec-app span.red{font-size:12px; /*color:#000000;*/font-weight:bold;}
.desc-comments{ float:left;width:100%;height:100%;
/*font-family:"Lato Italic", Arial, Helvetica; */}
.facebook-block .desc-comments{ float:left;width:98%;height:100%;padding: 1%;}
.desc-comments-review{ float:left;width:100%;height:100%;
/*font-family:"Lato Italic", Arial, Helvetica; */}
.desc-comments-review h1,.desc-comments h1{ font-size:14px;font-weight:bold;}
.follow{ float:left;width:20%;text-align:center;display:none;}
/*.twittname{color : #000000; font-family:"Lato Black Italic", Arial, Helvetica; }

.twittname a{color : #000000;}
.twittname a:hover{color : #000000;}
.twittname a:visited{color : #000000;}
.desc h3 a{ color:#000000;}
.desc p a{ color:#000000;}   
 */ 
 .tacenter{
   text-align:center;
 }  
 #conatct-list li span.lh22{
   line-height:22px;
 }  
 .txtNormal {
   font-weight:normal;
 }  
 #conatct-list .ui-body-c .ui-link{
    font-weight:normal;
    color:#333333;
 } 
.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after {display: block; visibility: hidden; }
.gallery li { float: left; width: 92%;margin:0px 4% 3% 4%;height: auto;}
#gallery0.gallery li:nth-child(1){margin-top:3%}
.gallery li a { display: block; margin: 1%;  }
.gallery li img { display: block; max-height: 480px;height: auto;max-width:100%;width:auto;}
#photos .ui-content { overflow: hidden; }
.borderBottom{border-bottom:1px gray solid;}
.ui-widget
{
  font-size:11px;
}

td {
  font-size:12px;
}

.ui-datepicker-calendar td {
  font-size:9px;
}
/*.ui-state-active, .ui-widget-content .ui-state-active{
  background:#ffcc33;
  color:#000000;  
} */

.reserve-company-new{
  font-size:20px;
  color:#4FFF55;  /* Header font color from database
  font-family: "";   Header font-family from database
  */
  margin:0px;
}

/*#reserve-container td {
  font-size:14px;
  padding-top:2px;
  padding-bottom:1px;
  color:#000000;
  font-weight:bold;
}
#reserve-container td.spnclick
{
  font-size :12px;
  font-weight:normal;
} */
#reservation_form div.error,#reservation_form_gr8res div.error{
    font-size :11px;
    font-weight:normal;
    color:#ff0000;
    text-align: center;
}
.text-label {
    /*color: #cdcdcd;*/
    font-weight: bold;
    text-align:center;
}
.menu-container{
    float:left; width:100%;text-align: center;
}
.category_content .items{
  margin:10px 0px;
}
.category_content .items .item_details .desc{
  font-size:12px;
  text-shadow:none;
}

.txtUpper{
   text-transform:uppercase;
} 

.ui-page{
  background-image: transparent;
  /*background-repeat:no-repeat;*/         
	background-position:top center;
	-moz-background-size: 100% 100%
}
.ui-content{
  /*max-height:700px;*/
  padding:0px 10px 0px 10px;
  max-width:768px;
  margin: 0px auto;
 /* margin:10px auto 10px auto;*/
}
.contents{
/*max-height:700px;*/
  padding:0px;
  max-width:768px;
  min-width:300px;
  width:100%;
  margin:0px 0px 0px 0px;  
}
.contents{display:none;}
.activetab{display:block;}
.ui-grid-h, .ui-grid-e { 
      margin: 0 auto;
}
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e, .ui-block-f, .ui-block-g, .ui-block-h, .ui-block-i, .ui-block-j { margin: 0; padding: 0; border: 0; float: left; min-height:1px;  }
 /*grid e: 16/16/16/16/16/16*/
 
 /*.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d{ width: 52px; }*/
  
.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e{ width: 20%; min-width: 40px; }

.ui-grid-e .ui-block-a, .ui-grid-e .ui-block-b, .ui-grid-e .ui-block-c, .ui-grid-e .ui-block-d, .ui-grid-e .ui-block-e,.ui-grid-e .ui-block-f { width: 16.17%; min-width: 40px;}

.ui-grid-h .ui-block-a, .ui-grid-h .ui-block-b, .ui-grid-h .ui-block-c, .ui-grid-h .ui-block-d, .ui-grid-h .ui-block-e, .ui-grid-h .ui-block-f, .ui-grid-h .ui-block-g,  .ui-grid-h .ui-block-h ,  .ui-grid-h .ui-block-i { width: 11.11%; min-width: 40px;}


/* grid i: 10/10/10/10/10/10/10/10/10 
.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e .ui-block-f .ui-block-g  .ui-block-h .ui-block-i .ui-block-j { width: 13%; }
.ui-grid-d .ui-block-a { clear: left; }*/

.ui-grid-solo > *:nth-child(n){
    margin-right: -0.5px;
    width: 100%;
}
/*.ui-grid-a > *:nth-child(n){
  width:48.8%;
}
.ui-grid-b > *:nth-child(n) {
    width:32.75%;
}
.ui-grid-c > *:nth-child(n){
  width:24.4%;
}*/
.ui-grid-a > *:nth-child(n){
  width:50%;
}
.ui-grid-b > *:nth-child(n) {
    width:33%;
}
.ui-grid-c > *:nth-child(n){
  width:25%;
}
 .ui-navbar li .ui-btn .ui-btn-inner{
   padding-top:5px;
   padding-bottom:5px;
 } 
.button{
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 0px;
  margin-top:0px;
  /*font-weight:bold;*/
  font-weight: normal;
  /*border: 1px solid #808080;*/
  color:#FFFFFF;  /* Header font color from database*/
  background: #4FFF55;   /*Header font-family from database*/
  padding:0px 10px;
  /*height:25px;*/
  width:100%;
} 
.button .ui-link:visited,.button .ui-link{color: #FFF;}
.ui-header-fixed, .ui-footer-fixed{
  width:98%;
}


/*  Style related to Reservation Page */
.ui-input-text.ui-focus, .ui-input-search.ui-focus,.ui-shadow ,.ui-shadow-inset,.ui-body-c, .ui-overlay-c,.ui-body-c, .ui-overlay-c{
  box-shadow:none;
}
.ui-btn-corner-all {
-webkit-border-radius:4px;
-khtml-border-radius: 4px;
-moz-border-radius:4px;
border-radius:4px;
}
.ui-btn-inner{
padding-top:6px;
padding-bottom:6px;
border-top:none;
}
.ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner{
    padding-right:25px;
}

input.ui-input-text, textarea.ui-input-text,.ui-btn-inner, .button, .ui-body-c button, .ui-body-c input[type="button"]{
    font-size:16px;
    font-weight: normal;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
   border:none;
}
.morecontent span, .morecontent_event  span, .morecontent_fb  span, .morecontent_twitt  span{
    display: none;
}
.ui-select{
 z-index:0;
}
.ui-grid-f .ui-block-a, .ui-grid-f .ui-block-b, .ui-grid-f .ui-block-c, .ui-grid-f .ui-block-d, .ui-grid-f .ui-block-e, .ui-grid-f .ui-block-f, .ui-grid-f .ui-block-g, .ui-grid-f .ui-block-h {
    width: 14.28%; min-width: 40px;
}
 
 /* Slider  footer*/
.ui-grid-g .ui-block-a, .ui-grid-g .ui-block-b, .ui-grid-g .ui-block-c, .ui-grid-g .ui-block-d, .ui-grid-g .ui-block-e, .ui-grid-g .ui-block-f, .ui-grid-g .ui-block-g, .ui-grid-g .ui-block-h {
    width: 12.5%; min-width: 40px; 
}
.company_detail, .ui-btn-up-c, .ui-btn-hover-c,.ui-body-c, .ui-overlay-c{
  text-shadow:none;
}
.ui-select .ui-btn{
 background-image:none;
}
.flexslider-img{
      margin:0 auto;max-width: 300px;width: auto !important;max-height:284px;
}
@media all and (min-width: 321px){
   .flexslider-img{
      margin:0 auto;max-width: 600px;width: auto !important;max-height: 468px;
      min-width:300px;
   }
   #home .home-address{line-height: 18px!important;font-size: 18px!important;}
} 
.flexslider .list-rec-app {
    padding: 0;
}

.facebook-block{display:none;}
.twitter-block{display:none;}

.social-selection .ui-icon, .social-selection .ui-icon-searchfield:after {
background: none;
background-repeat: no-repeat;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
width: 0!important;
border-top: 7px solid;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
margin-top: -2px!important;
}
.social-selection .ui-btn-corner-all {
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
margin:0;
}
.social-selection-inner{padding:2%;width:96%;float: left;}
#social-nav .ui-btn-up-c {border:none;}
#footer-apps .ui-btn-up-a,#footer-apps .ui-btn-hover-a  {border:none;}
.social-selection .ui-btn-up-a,.social-selection .ui-btn-hover-a  {
border: 1px solid #111;
background-image:none;
background: #f2f2f2;
color: #000!important;
}
.social-selection .ui-btn-text{text-align: left;line-height: 20px;}
.social-selection .ui-select{width:65%;float:left;}
.reserve_input {
background: transparent;
height:30px;
width:91%!important;
margin-right:2%;
-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;
}
#reservation_form_gr8res .ui-btn #reservation_form_gr8res .button, #reservation_form .ui-btn,#reservation_form .button {
-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;
-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;
}
#reservation_form_gr8res .ui-select .ui-btn-icon-right .ui-icon,#reservation_form  .ui-select .ui-btn-icon-right .ui-icon {
display: none;
}
.reserve_sele{background: transparent !important;width: 100% !important;}
#reservation_form_gr8res .ui-select .ui-btn,#reservation_form .ui-select .ui-btn {
background: transparent;width: 91%;border:1px solid #aaa;
}
 .reserve-company-new {
font-size: 30px;
letter-spacing: 2px;
}
#reservation_form_gr8res .reserve-company-new {
font-size: 21px;
}
#reservation_form_gr8res .button,#reservation_form .button, .ui-body-c button, .ui-body-c input[type="button"]{
   width: 95%;
}
#social-app-block-3 .list-rec-app .graphic {
float: left;
width: 60%;
max-width: 100%;
}
#social-app-block-3 .list-rec-app span.red {
font-size: 16px;
}
.list-rec-app .desc {
font-size: 16px;
}
#social-app-block-4 .list-rec-app{cursor:pointer;}
.event-popup{position: absolute;width: 100%!important;max-width: 768px;height: 100%!important;top: 0%;z-index:50000}
#social-app-block-4 .list-rec-app .img-cont{display:block;}
#social-app-block-4 .list-rec-app .img-cont-detail{display:none;}
.event-popup .img-cont{display:none!important;}
.event-popup .desc{width:70%!important;}
.event-popup .img-cont-detail{display:block!important;width: 96%!important;position: absolute;top: 4%}
.event-popup-close{position: absolute;display:none;right:1%;top: 5px;width:25px;height:25px;background:url('images/event-close.png');background-size:100% 100%;z-index:1000;cursor:pointer;-webkit-background-size: 100% 100%;}
#menus-nav ul,#social-nav ul,#photo-nav ul,#reviews-nav ul,#event-nav ul{overflow: hidden; max-width:768px;min-width:300px;margin: 0 auto;width:100%;clear: both;}
#menus-nav,#social-nav,#photo-nav,#reviews-nav,#event-nav{clear: both;}

/*#footer-apps .ui-navbar ul {max-width: 768px!important;}*/
.social-selection .gallery-list{width:50%;float:left;text-align:center;cursor:pointer}
.display-important{display:block!important;}
.social-selection .gallery-grid{width:50%;float:left;text-align:center;cursor:pointer}
.social-selection .gallery-grid h3, .social-selection .gallery-list h3{margin: 0px!important;line-height: 45px;}
.gallery-grid li{width: 28.5%;margin-right:3%;margin-left:0%}
#gallery0.gallery-grid li:nth-child(1){margin-top:3%}
#gallery0.gallery-grid li:nth-child(2){margin-top:3%}
#gallery0.gallery-grid li:nth-child(3){margin-top:3%}
.gallery-grid li:nth-of-type(3n){margin-right:0;} 
.gallery-grid li:nth-of-type(3n+1){margin-left:4%;}
.gallery-grid li:nth-of-type(3n+4){clear:both;}

.top-header{width: 100%;margin: 0 auto;position: relative;}
.top-header-container{width: 100%;z-index: 500;max-width: 768px;margin: 0 auto;}

.top-header-container h3{float: left;margin: 2%;}
.top-header-img-container{width: 12%;float: right;}
.ui-header{position: fixed;}
.social-btn-sript{width: 100%;float: left;background: #e1e1e1;}
.social-btn-sript div{float: left;width: 96%;margin: 1% 2%;border-radius: 0 0 3px 3px;}
.price{font-size: 18px;}
#photo .social-selection {min-height:45px}
#photo .social-selection .social-selection-inner{padding:0}    
 
 
  
  @media (min-width: 481px) and (max-width: 640px) {
  .map-container-contact{
    height:180px;width:100%;
    }
    .home-container{margin-top: 2%!important;}
  }
  
  
  @media (max-width: 320px) {
    .map-container-contact{height:160px;width:100%;}
    #home .home-address{line-height: 18px!important;font-size: 18px!important;}
  }
   #reservation_form_gr8res .ui-select .ui-btn,#reservation_form .ui-select .ui-btn {width: 85%;}
.reserve_input {width: 85% !important;}
 
 
 
                                           
@media screen and (max-width:568px){
  .Comment_link{float:left;width:40%!important;}
  
  #contact .hours-pipe-single{float: left;font-size: 24px;}
  #contact .hours-pipe-double{float: left;font-size: 34px;}
  
  #contact .hours-time-single{float: left;font-size: 24px;}
  #contact .hours-time-double{float: left;font-size: 18px;}  
  
  .Like_link{float:left;width:34%!important;}
  #actlink{float:left;width:25%!important;}
  #social-app-block-3 .list-rec-app .graphic {width: 85%;} 
  .gr8reso-logo img {width: 75%!important;}
  .menu ul li.sublinks{width: 80%!important;margin-top: 2%!important;}
  .top-expand-menu .container {position: relative;margin-top: 20%!important;}
  .top-expand-menu .menu ul li.trans_btn img {margin: 5%;}
  .home-container img{height: 18px!important;}
  .home-container{margin-top: 2%!important; }
  
       .top-header-container h3 {font-size: 28px;font-weight: normal;}
       .ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea,.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-hover-c:hover, .ui-btn-down-c/*, .ui-body-c button*/{
      font-size: 24px!important;
    }
   #contact .reserve-btn-container a{font-size: 28px;letter-spacing: 2px;}
   
   #home .btn_reserve ,#home #other_location{line-height: 45px!important;font-size: 28px!important;}
   #home .menu-expand{font-size: 28px!important;}
   #home .grid_container .button{font-size: 24px!important;}
     #home .button.trans_btn div{min-width:350px!important;}
     #home .button.trans_btn a img{width: 70%!important;}
     #home .grid_container .button.trans_btn img{height:42px!important;padding:2% 0px 0% 0px;}
     #home .home-address,.tele{line-height: 24px!important;font-size: 24px!important;}
     #home .button {margin-top: 12%!important;}
     
      #reservation_form td img,#reservation_form_gr8res td img{width:5%!important;margin-top: 3%!important;}
      #reservation_form td, #reservation_form_gr8res td{padding-bottom: 5%;}
     #reservation_form_gr8res td div.gr8reso-logo img{width:100%!important;}
     #reservation_form td input.ui-input-text,#reservation_form_gr8res td input.ui-input-text,#reservation_form td textarea.ui-input-text ,#reservation_form_gr8res td textarea.ui-input-text{padding: 0%!important;height: 50px;font-size:24px!important}
     #reserve .ui-btn-text{font-size:24px!important}
     #reservation_form .reserve-company-new,#reservation_form_gr8res .reserve-company-new {font-size: 36px!important;}
     
     
      #multi_loc_search .ui-btn-text{font-size: 24px!important;}
     #near_by_search .btn_reserve {font-size: 24px!important;line-height: 40px!important;}
     #near_by_search img{width:65%!important;max-width:65%;min-width:65%;}
     #multi_loc_search .button.trans_btn h4{font-size:24px!important}
     .address-icon,.tele-icon,.web-icon {width: 18px!important;height: 18px!important;margin-top:1%!important;}
      .location_selection_container,#multi_loc_search .button{margin-bottom:12%!important;}
     #find_location{line-height: 40px!important;font-size: 18px!important;}
     #multi_loc_search .ui-content .ui-icon, #multi_loc_search .ui-icon-searchfield:after{border-width:10px!important;}
     #searchTB{font-size: 14px!important;height:40px!important}
     
     #social #social-nav .social-selection-inner-like{width:20%!important;line-height:35px!important}
     #social #social-nav .social-selection .social-selection-inner-like img{width:60%!important;line-height:35px!important}
     #social #social-nav .social-selection .social-selection-inner-follow h4{font-size: 18px!important;line-height: 35px!important;}
     
     #social .ui-btn-text{font-size:18px!important}
     
     
     #calendar .ui-datepicker .ui-datepicker-title{font-size: 24px!important;font-weight: normal!important;text-transform: uppercase;}
     #calendar .ui-datepicker-calendar td {font-size: 24px!important;line-height: 40px!important;}
     #social-app-block-4 .date_container div{font-size: 18px!important;}
     #social-app-block-4 .desc-comments .red{font-size: 24px!important;text-transform: uppercase;}
     #calendar .ui-datepicker .ui-datepicker-next{right:10%}
     #calendar .ui-datepicker .ui-datepicker-prev{left:10%} 
     #calendar .ui-datepicker .ui-datepicker-next span,#calendar .ui-datepicker .ui-datepicker-prev span{width: 16px!important;
height: 26px!important;}
  #calendar .ui-datepicker-calendar td a{margin:2%!important;}
   #calendar .ui-datepicker th {font-size: 14px!important;font-weight: normal!important;text-transform: uppercase!important;}
   #home .menu ul li.sublinks{width:80%!important}
   #home .menu ul li.sublinks a{font-size:24px;}
   #home .menu ul li.sublinks a img{width: 7%!important;padding-right: 1%!important;}
   #home .menu ul li.trans_btn img {margin: 4%!important;width: 5%!important;}
   #reservation_form div.error, #reservation_form_gr8res div.error{font-size:16px!important}  
   #reservation_form td img#reserve_phone_img{float: left;width: 9%!important;position: absolute;z-index: 500;left: 12%;margin: 0!important;margin-top: -1%!important;}
  
}

@media screen and (max-width:481px){
  #contact .hours-pipe-single{float: left;font-size: 20px;}
  #contact .hours-pipe-double{float: left;font-size: 32px;}
  #contact .day_name{font-size:20px;}
  #contact .hours-time-single{float: left;font-size: 20px;}
  #contact .hours-time-double{float: left;font-size: 18px;}
  .ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-hover-c:hover, .ui-btn-down-c {
    font-size: 20px!important;
  } 
  .cmp-details{font-size: 16px!important;}
  .img-txt p {width: 90%!important;}
  .back-container h3{font-size:14px!important;}
  .map-type-container .ui-btn-text{font-size:14px!important;}
  #menus-nav ul li a span {font-size: 18px!important;}
  .custom-page-cnt h3{font-size:18px!important;margin-bottom: 11px!important;
margin-top: 9px!important;}
}


@media screen and (max-width:460px){
  .map-container-contact{
    height:170px;width:100%;
    }
    .multi_loc_form_con{margin-top:25%!important;}
    
    #multi_loc_search .ui-btn-text{font-size: 16px!important;}
     #near_by_search .btn_reserve {font-size: 16px!important;line-height: 30px!important;}
     #near_by_search img{width:65%!important;max-width:65%;min-width:65%;}
     #multi_loc_search .button.trans_btn h4{font-size:16px!important}
     #find_location{line-height: 40px!important;font-size: 16px!important;}
     #searchTB{font-size: 11px!important;height:40px!important}
    .back-container h3{font-size:12px!important;}
    .map-type-container .ui-btn-text{font-size:12px!important;}
    .map-type-container {width: 25%!important;}
    .back-container{width: 25%!important;}
    
  }

@media (max-width: 400px){
   
 #home .button.trans_btn div{min-width:150px!important;}
 #home .btn_reserve, #home #other_location {line-height: 45px!important;font-size: 20px!important;padding-top:0px!important;}
 #home .home-address,.tele{line-height: 18px!important;font-size: 18px!important;}
}
@media screen and (max-width:380px){
  #contact .hours-pipe-single{float: left;font-size: 18px;}
  #contact .hours-pipe-double{float: left;font-size: 32px;}
  #contact .day_name{font-size:18px;}
  #contact .hours-time-single{float: left;font-size: 16px;}
  #contact .hours-time-double{float: left;font-size: 16px;}
  .ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-hover-c:hover, .ui-btn-down-c {
    font-size: 18px!important;
  }
  #menus-nav ul li a span {font-size: 14px!important;} 
}

@media screen and (max-width:321px){
 .map-type-container{width:30%!important;}
 .menu-navi-cnt{padding-top: 1%!important;padding-bottom: 1%!important;}
 #menus-nav ul li a span {font-size: 16px!important;}
 .custom-page-cnt h3{font-size:16px!important;margin-bottom: 11px!important;margin-top: 9px!important;}
 .back-container{width:30%!important;}
 #contact .day_name{font-size:16px;}                 
 #searchTB{font-size:12px;} 
 .gr8reso-logo img{width: 100%!important;}
 .menu ul li.trans_btn img {margin: 5%;}
 .top-expand-menu .menu ul li.trans_btn{height: 18px;}
  .top-expand-menu .menu ul li.trans_btn a{font-size: 14px;padding:0!important}
  .home-container{margin-top: 1%!important; margin-right: 0!important;margin-left: 0!important;}
  
  .home-container img{height: 16px!important;}
   div[data-role="footer"] .ui-grid-e{min-width:320px!important;}
   div[data-role="footer"] .ui-grid-e li{min-width:53px!important;}
        .top-header-container h3 {font-size: 20px;font-weight: normal;}
       .ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea,.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-hover-c:hover, .ui-btn-down-c/*, .ui-body-c button*/{
      font-size: 16px!important;
    }
    .home-header-txt h3, .home-header-txt h1{line-height: 28px!important;}
   #contact .reserve-btn-container a{font-size: 20px;letter-spacing: 2px;}
   #footer-apps a.ui-btn-up-a, a.ui-btn-hover-a {
      padding: 5% 0 15% 0!important;
  }
  #home .btn_reserve ,#home #other_location {line-height: 45px!important;font-size: 20px!important;}
  #home .menu-expand{font-size:22px!important;}
  #home .grid_container .button{font-size: 18px!important;}
     #home .button.trans_btn div{width: auto!important;}
     #home .button.trans_btn a img{width: 70%!important;}
     #home .grid_container .button.trans_btn img{height:38px!important;padding:2% 0px 0% 0px;}
     #home .grid_container .button{font-size: 18px!important;}
     #home .home-address,.tele{line-height: 18px!important;font-size: 18px!important;}
     #home .button {margin-top: 8%!important;}
  
  
  #reservation_form td img,#reservation_form_gr8res td img{width:5%!important;margin-top: 3%!important;}
      #reservation_form_gr8res td{padding-bottom: 3%;}
     #reservation_form_gr8res td div.gr8reso-logo img{width:100%!important;}
     #reservation_form td input.ui-input-text,#reservation_form_gr8res td input.ui-input-text,#reservation_form td textarea.ui-input-text ,#reservation_form_gr8res td textarea.ui-input-text{padding: 0%!important;height: 36px;font-size:18px!important}
     #reserve .ui-btn-text{font-size:16px!important}
     #reservation_form .reserve-company-new,#reservation_form_gr8res .reserve-company-new {font-size: 22px!important;}
     #reservation_form td img#reserve_phone_img{float: left;width: 9%!important;position: absolute;z-index: 500;left: 10%;margin: 0!important;margin-top: -1%!important;}
     
    
    #social #social-nav .social-selection-inner-like{width:20%!important;line-height:35px!important}
     #social #social-nav .social-selection .social-selection-inner-like img{width:80%!important;line-height:33px!important}
     #social #social-nav .social-selection .social-selection-inner-follow h4{font-size: 16px!important;line-height: 33px!important;}
     #social-app-block-3 .list-rec-app .graphic {
      width: 90%!important;
    }
    
      #multi_loc_search .ui-btn-text{font-size: 13px!important;}
     #near_by_search .btn_reserve {font-size: 13px!important;line-height: 35px!important;}
     #near_by_search img{width:65%!important;max-width:65%;min-width:65%;}
     #multi_loc_search .button.trans_btn h4{font-size:13px!important}
     .address-icon,.tele-icon,.web-icon {width: 16px!important;height: 16px!important;margin-top:1%!important;}
      .location_selection_container,#multi_loc_search .button{margin-bottom:7%!important;}
     #find_location{line-height: 30px!important;font-size: 13px!important;}
     #multi_loc_search .ui-content .ui-icon, #multi_loc_search .ui-icon-searchfield:after{border-width:8px!important;}
     #searchTB{font-size: 11px!important;height:30px!important}
     
     
     #calendar .ui-datepicker .ui-datepicker-title{font-size: 16px!important;font-weight: normal!important;text-transform: uppercase;}
     #calendar .ui-datepicker-calendar td {font-size: 16px!important;line-height: 30px!important;}
     #social-app-block-4 .date_container div{font-size: 12px!important;}
     #social-app-block-4 .desc-comments .red{font-size: 16px!important;text-transform: uppercase;}
     #calendar .ui-datepicker .ui-datepicker-next{right:10%}
     #calendar .ui-datepicker .ui-datepicker-prev{left:10%} 
     #calendar .ui-datepicker .ui-datepicker-next span,#calendar .ui-datepicker .ui-datepicker-prev span{width: 15px!important;
height: 20px!important;}
  #calendar .ui-datepicker-calendar td a{margin:2%!important;}
   #calendar .ui-datepicker th {font-size: 12px!important;font-weight: normal!important;text-transform: uppercase!important;}
     
  
  
   
}
@media screen and (max-width:769px){         
  .social-selection-inner-like{margin-right: 7% !important;} 
  .menu-navi-cnt{padding-top: 1%!important;padding-bottom: 1%!important;}
  /*.ui-content {margin-top: 11%!important;}*/
  
}
@media screen and (max-width:480px){
  #menu-navi-cust{width:96%!important;}
}
@media screen and (min-width:480px){
.top-header-container h3{font-size: 28px;}
}
@media screen and (min-width:640px){
.top-header-container h3{font-size: 32px;}
}
@media screen and (min-width:800px){
.top-header-container h3{font-size: 38px;}
#home .menu ul li.sublinks {width: 45%!important;}
}
.ui-navbar li .ui-btn {
margin: 0 -10px 0 0!important;
}
.home-header{float:left;width:90%;padding:5%;text-align:left;}
.home-header img{max-width:100%; width:auto;float:left;width:30%;}
.home-header-txt{float:left;width:60%;margin-left: 6%;}
.home-header-txt h3,.home-header-txt h1{color:#fff;margin:0;line-height:45px;}
.map-canvas{background: #F2F2F2;margin-bottom: 0%;width: 100%;height: 200px;float: left;}
#search_div {clear: both;width: 100%;position: relative;box-shadow: 0 1px 3px rgba(0,0,0,0.7);z-index: 1;}
#companyList ul{width:100%;}
#companyList ul li{padding-left:0!important;width:100%;cursor:pointer;}
.cmp-details{float: left;width: 75%;}
.cmp-img{float: right;width: 20%;}
.cmp-img img{width: 100%;}
.img-txt{padding-top:1%;clear: both;}
.img-txt p{margin:0;width:92%;float: left;}
#social-app-block-1 .desc-comments img,#social-app-block-2 .graphic img{box-shadow: 0 1px 3px rgba(0,0,0,0.7);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.7);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.7);}
.gr8reso-logo{width: 100%;float:left}
.gr8reso-logo img{width: 50%;}
.home-container{width: 4%;padding: 1%;float: left;margin: 2%;margin-top: 3%;margin-right: 0;}

#multi_loc_search .ui-select div{border: 1px solid #fff!important;}
/*div[data-role="footer"] #left-arrow{display:none!important}
div[data-role="footer"] #right-arrow{display:none!important}*/
@media (max-width: 568px){}
@media (min-width: 568px){
  .map-container-contact{
    height:260px!important;width:100%;
  }
  #menus-nav ul li a span {font-size: 22px!important;}
  #contact .hours-pipe-single{float: left;font-size: 24px;}
  #contact .hours-pipe-double{float: left;font-size: 34px;}
  
  #contact .hours-time-single{float: left;font-size: 24px;}
  #contact .hours-time-double{float: left;font-size: 18px;}
  
    .top-header-container h3 {font-size: 30px;font-weight: normal;}
         .ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea,.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-hover-c:hover, .ui-btn-down-c/*, .ui-body-c button*/{
        font-size: 28px!important;
      }
     #contact .reserve-btn-container a{font-size: 30px;letter-spacing: 2px;}
     #home .btn_reserve ,#home #other_location{line-height: 55px!important;font-size: 30px!important;}
     #home .menu-expand{font-size: 30px!important;}
     #home .grid_container .button{font-size: 28px!important;}
     
     
     #multi_loc_search .ui-btn-text{font-size: 30px!important;}
     #near_by_search .btn_reserve {font-size: 30px!important;line-height: 50px!important;}
     #near_by_search img{width:70%!important;max-width: 70%;min-width: 70%;}
     #multi_loc_search .button.trans_btn h4{font-size:30px!important}
     
     #multi_loc_search .ui-select div{border: 1px solid #fff!important;}
     
     #home .button.trans_btn div{min-width:450px!important;}
     #home .button.trans_btn a img{width: 80%!important;}
     #home .grid_container .button.trans_btn img{height:52px!important;padding:2% 0px 0% 0px;}
     
     #home .home-address,.tele a{line-height: 28px!important;font-size: 28px!important;}
     #home .button {margin-top: 12%!important;}
     #reservation_form td img#reserve_phone_img{float: left;width: 7%!important;position: absolute;z-index: 500;left: 20%;margin: 0!important;margin-top: -1%!important;}
     
     #reservation_form td img,#reservation_form_gr8res td img{width:5%!important;margin-top: 3%!important;}
     #reservation_form_gr8res td div.gr8reso-logo img{width:80%!important;}
     #reservation_form td input.ui-input-text,#reservation_form_gr8res td input.ui-input-text,#reservation_form td textarea.ui-input-text ,#reservation_form_gr8res td textarea.ui-input-text{padding: 0%!important;height: 55px;}
     #home .ui-btn-text,#reserve .ui-btn-text{font-size:28px!important}
     #reservation_form .reserve-company-new,#reservation_form_gr8res .reserve-company-new {font-size: 50px!important;}
     .top-header-container h3 {font-size: 36px!important;}
     #reservation_form td, #reservation_form_gr8res td{padding-bottom: 3%;}
     
     #social #social-nav .social-selection-inner-like{width:20%!important;line-height:35px!important}
     #social #social-nav .social-selection .social-selection-inner-like img{width:60%!important;line-height:35px!important}
     #social #social-nav .social-selection .social-selection-inner-follow h4{font-size: 24px!important;line-height: 35px!important;}
     
     #social .ui-btn-text{font-size:22px!important}
     .address-icon,.tele-icon,.web-icon {width: 25px!important;height: 25px!important;margin-top:1%!important;}
     #find_location{line-height: 45px!important;font-size: 20px!important;}
     #searchTB{font-size: 18px!important;height:45px!important}
     #multi_loc_search .ui-content .ui-icon, #multi_loc_search .ui-icon-searchfield:after{border-width:12px!important;}
     .location_selection_container,#multi_loc_search .button{margin-bottom:12%!important;}
     #photo .social-selection {min-height: 76px!important;}
     .gallery-list,.gallery-grid{padding: 2% 0 2% 0!important;}
     .top-header-inner .home-container {padding: 0%!important;}
     
     #calendar .ui-datepicker .ui-datepicker-title{font-size: 28px!important;font-weight: normal!important;text-transform: uppercase;}
     #calendar .ui-datepicker-calendar td {font-size: 28px!important;line-height: 45px!important;}
     #social-app-block-4 .date_container div{font-size: 24px!important;}
     #social-app-block-4 .desc-comments .red{font-size: 28px!important;text-transform: uppercase;}
     #calendar .ui-datepicker .ui-datepicker-next{right:10%}
     #calendar .ui-datepicker .ui-datepicker-prev{left:10%} 
     #calendar .ui-datepicker .ui-datepicker-next span,#calendar .ui-datepicker .ui-datepicker-prev span{width: 20px!important;
height: 30px!important;}
  #calendar .ui-datepicker-calendar td a{margin:2%!important;}
   #calendar .ui-datepicker th {font-size: 16px!important;font-weight: normal!important;text-transform: uppercase!important;}
   #home .menu ul li.sublinks{width:80%}
   #home .menu ul li.sublinks a{font-size:24px;}
   #home .menu ul li.sublinks a img{width: 7%!important;padding-right: 1%!important;}
   #home .menu ul li.trans_btn img {margin: 4%!important;width: 5%!important;}
   #reservation_form div.error, #reservation_form_gr8res div.error{font-size:18px!important}
     
  }
  .location_selection_container{width:100%;margin-bottom:7%;float:left;}
  #footer-apps .ui-navbar li .ui-btn {max-height: 70px!important;}
  
  #menus-nav{margin: 0px auto;visibility: visible;position: relative;overflow: hidden;}
  #photo .list-rec-app{background:none;}
  .ui-grid-c >:nth-child(n) {margin-right: 0px;}
  #photo .ui-content{background:transparent;}
  
 #footer-apps .ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon{
   background-size: 100% auto;
   -webkit-background-size: 100% auto;
 } 
 .ui-navbar li .ui-btn {margin: 0 0px 0 0!important;}
 .custom-page-cnt{width: 100%;z-index: 500;max-width: 768px;margin: 0 auto;}
 .custom-page-cnt-inner{width: 100%;float:left;}
 .custom-page-cnt h3{font-size:22px;width:100%;text-align:center;margin-bottom: 8px;margin-top: 6px;font-weight: normal;} 
 #menu-navi-cust{display:table;text-align: center;margin:0% auto;padding: 0;}
 #menu-navi-cust li{float: left;display: table;}
 #menu-navi-cust li a{width:20px;height:20px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;float: left;}
 .menu-navi-cnt{width:100%;margin:0px auto;max-width:768px;padding-top: 0.6%;padding-bottom: 0.6%;}
 .view-full-website{margin-top:1%;}
 
 /* newslatter css start */
 
 #newslatter_form div.error,#newslatter_form_gr8res div.error{
    font-size :11px;
    font-weight:normal;
    color:#ff0000;
    text-align: center;
}

#newslatter_form_gr8res .ui-btn #newslatter_form_gr8res .button, #newslatter_form .ui-btn,#newslatter_form .button {
-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;
-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;
}

#newslatter_form_gr8res .ui-select .ui-btn-icon-right .ui-icon,#newslatter_form  .ui-select .ui-btn-icon-right .ui-icon {
display: none;
}
#newslatter_form_gr8res .ui-select .ui-btn-icon-right .ui-icon,#newslatter_dish_form  .ui-select .ui-btn-icon-right .ui-icon {
display: none;
}
.reserve_sele{background: transparent !important;width: 100% !important;}
#newslatter_form_gr8res .ui-select .ui-btn,#newslatter_form .ui-select .ui-btn {
background: transparent;width: 91%;border:1px solid #aaa;
}
#newslatter_form_gr8res .ui-select .ui-btn,#newslatter_dish_form .ui-select .ui-btn {
background: transparent;width: 91%;border:1px solid #aaa;
}
#newslatter_form_gr8res .button,#newslatter_form .button, .ui-body-c button, .ui-body-c input[type="button"]{
   width: 95%;
}

   #newslatter_form_gr8res .ui-select .ui-btn,#newslatter_form .ui-select .ui-btn {width: 85%;}
.reserve_input {width: 85% !important;}


#newslatter_form td img,#newslatter_form_gr8res td img{width:5%!important;margin-top: 3%!important;}
      #newslatter_form td, #newslatter_form_gr8res td{padding-bottom: 5%;}
     #newslatter_form_gr8res td div.gr8reso-logo img{width:100%!important;}
     #newslatter_form td input.ui-input-text,#newslatter_form_gr8res td input.ui-input-text,#newslatter_form td textarea.ui-input-text ,#newslatter_form_gr8res td textarea.ui-input-text{padding: 0%!important;height: 50px;font-size:24px!important}
     #reserve .ui-btn-text{font-size:24px!important}
     #newslatter_form .reserve-company-new,#newslatter_form_gr8res .reserve-company-new {font-size: 36px!important;}
	 
	 #newslatter_form div.error, #newslatter_form_gr8res div.error{font-size:16px!important}  
   #newslatter_form td img#reserve_phone_img{float: left;width: 9%!important;position: absolute;z-index: 500;left: 12%;margin: 0!important;margin-top: -1%!important;}
   
   
   
   #newslatter_form td img,#newslatter_form_gr8res td img{width:5%!important;margin-top: 3%!important;}
      #newslatter_form_gr8res td{padding-bottom: 3%;}
     #newslatter_form_gr8res td div.gr8reso-logo img{width:100%!important;}
     #newslatter_form td input.ui-input-text,#newslatter_form_gr8res td input.ui-input-text,#newslatter_form td textarea.ui-input-text ,#newslatter_form_gr8res td textarea.ui-input-text{padding: 0%!important;height: 36px;font-size:18px!important}
     #reserve .ui-btn-text{font-size:16px!important}
     #newslatter_form .reserve-company-new,#newslatter_form_gr8res .reserve-company-new {font-size: 22px!important;}
     #newslatter_form td img#reserve_phone_img{float: left;width: 9%!important;position: absolute;z-index: 500;left: 10%;margin: 0!important;margin-top: -1%!important;}
	 
	 
	 #newslatter_form td img#reserve_phone_img{float: left;width: 7%!important;position: absolute;z-index: 500;left: 20%;margin: 0!important;margin-top: -1%!important;}
     
     #newslatter_form td img,#newslatter_form_gr8res td img{width:5%!important;margin-top: 3%!important;}
     #newslatter_form_gr8res td div.gr8reso-logo img{width:80%!important;}
     #newslatter_form td input.ui-input-text,#newslatter_form_gr8res td input.ui-input-text,#newslatter_form td textarea.ui-input-text ,#newslatter_form_gr8res td textarea.ui-input-text{padding: 0%!important;height: 55px;}
     #newslatter_dish_form td input.ui-input-text,#newslatter_form_gr8res td input.ui-input-text,#newslatter_form td textarea.ui-input-text ,#newslatter_form_gr8res td textarea.ui-input-text{padding: 0%!important;height: 55px;}	 
	 #newslatter_form .reserve-company-new,#newslatter_form_gr8res .reserve-company-new {font-size: 50px!important;}
     
     #newslatter_form td, #newslatter_form_gr8res td{padding-bottom: 3%;}
	 
	 #newslatter_form div.error, #newslatter_form_gr8res div.error{font-size:18px!important}
	 
	 
	 
	 
	 /* newslatter css end */