/*
 * Media Queries
 ------------------------------------------------------------------------------*/  

/* iPhones (portrait) ----------- */
@media only screen and (min-width : 320px) and (max-width : 399px) {

  .iframecrop {
    height: 600px;}

  #frmWidget {
    top: -19px !important;}
}


/* Smartphones (portrait) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
  #main-wrap { overflow: visible; }

  .video-banner img.banner-background { display: none; }

  .video-banner video { display: none; }

  .entry p { padding-left: 20px; margin-right: 15px; }

  #container.top-then-left .front-page-content { margin-top: 55px; margin-left: 0; }

  h1 { 
    margin-top: 20px;
    padding-left: 20px; }

  #header-top-right { display: none; }
  #header-top-right-mobile { 
    display: block; 
    width: 90px;
    position: absolute;
    top: 40px;
    right: 10px; }

  #top-logo a { display: block; } 

  #top-logo img { 
    display: block; 
    width:55%;
    margin: 0 0 0 20px;
    padding: 0; } 

  #header-top-right-mobile .top-container { 
    margin: 0;
    height: auto; } 

  #header-top-right-mobile .top-container a.viewmore { 
    font-family: "Fjala One", sans-serif;
    text-decoration: none;
    font-weight: 400;
    display: block;
    text-transform: uppercase;
    color: #333333;
    background: url(images/bg-sprite.png) -262px -167px;
    height: 25px;
    width: 25px; 
    padding: 0 0 0 30px; }

  #header-top-right-mobile .top-container a.viewmore:hover { 
    display: block;
    text-transform: uppercase;
    color: #dfaabb;
    background: url(images/bg-sprite.png) -262px -203px;
    height: 25px;
    width: 25px; 
    padding: 0 0 0 30px; }   

  #header-top-right-mobile .top-container a.viewmore span.more { 
    padding-left: 15px; }

  #container .front-page-content h1 { 
    padding: 0 0 0 20px; }

  #container .front-page-content .addrs-details > p {
    font-size: 12px;
    font-weight: bolder;
    padding:0;
    margin: 0 15px 5px 20px;
    text-align: left; } 

  #container .front-page-content .addrs-details > p:last-child {
   margin: 0 0 0 20px; } 

  #container .front-page-content .view-our-menu { 
    margin: 0 0 20px 20px; }

  #container .front-page-content p {
    font-size:30px;
    padding: 0 15px 0 20px; }
 
  #sidebar-left { display: none; } 

  #sidebar-right { display: none; } 

  #container .content-wrapper .thumbnails-pics > .thumbnail-1 { 
    float:none; 
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; } 

  #container .content-wrapper .thumbnails-pics > .thumbnail-2 { 
    float:none;;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; }

  #container .content-wrapper .thumbnails-pics > .thumbnail-3 { 
    float:none; 
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; }

  #container .content-wrapper .slogan-quote h2  { 
    font-size: 25px; 
    padding: 0 15px 0 20px; }

  /*#container .content-wrapper .slogan-quote a { 
    padding: 0 15px 0 20px; }*/
 
  #custom-wpcf7-form { 
    padding-left: 20px; } 

  #custom-wpcf7-form textarea { 
    width: 370px; } 

  #custom-wpcf7-form .mobile-left { 
    float: left !important; } 

  #container .content-wrapper .findus-addrs { 
    margin-bottom: 20px; }

  #container .content-wrapper .findus-opening { 
    margin-bottom: 20px; }

  #container .content-wrapper .find-us-content {
    padding-left: 20px; }

  #container .content-wrapper h1.findus-title { 
    padding-left: 20px; } 

  #container .entry .custom-two-columns-text { 
    padding-left: 20px;
    padding-right: 15px;
    column-gap:normal;
    -webkit-column-gap:normal;
    -moz-column-gap:normal; 
    column-count:auto;
    -webkit-column-count: auto;
    -moz-column-count:auto; }

  #container .entry h3 { padding: 0 15px 0 20px; }

  div.food-menu-container  ul li a { 
    padding-left: 20px; }

  div.career-content { 
    padding: 0 15px 0 20px; }

  div.social-network ul li a { margin-right: 5px; }

  div.social-network ul li span.st_sharethis_custom { 
    margin-right: 5px; }

  a.apply-now-links { padding-left: 20px; }

  p.additional-widget-text { padding: 0 15px 0 20px; }

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : landscape) { 
  /* STYLES GO HERE */
  .video-banner img.banner-background { display: none; }

  .video-banner video { display: none; }

  #container .front-page-content .addrs-details > p {
    font-size: 12px;
    font-weight: bolder;
    padding:0;
    margin: 0 15px 5px 20px;
    text-align: left; } 

  #top-logo img { 
    display: block; 
    width:35%;
    margin: 0 0 0 20px;
    padding: 0; }

  a.apply-now-links { padding-left:20px; }

  p.additional-widget-text { padding: 0 15px 0 20px; }
  
  div.bookarestaurantwidget iframe { margin-left: -11px !important; }
}

/* Tablet (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) { 
  /* STYLES GO HERE */ 

  .video-banner img.banner-background { display: none; }

  .video-banner video { display: none; }

  #container.top-then-left .front-page-content { margin-top: 55px; margin-left: 0; }

  #container .entry h3 { padding: 0 15px 0 20px; }

  #container .front-page-content .addrs-details > p {
    font-size: 12px;
    font-weight: bolder;
    padding:0;
    margin: 0 15px 5px 0px;
    text-align: left; } 
  
  #sidebar-left { display: none; } 

  #sidebar-right { display: none; }

  #container { margin-left: auto; margin-right: auto; float:none !important; }

  #container .content-wrapper .thumbnails-pics > .thumbnail-1 { 
    float:none; 
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; } 

  #container .content-wrapper .thumbnails-pics > .thumbnail-2 { 
    float:none;;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; }

  #container .content-wrapper .thumbnails-pics > .thumbnail-3 { 
    float:none; 
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; }

  #custom-wpcf7-form .mobile-left { 
    float: left !important; }

  a.apply-now-links { padding-left:20px; }

  p.additional-widget-text { padding: 0 15px 0 20px; }
 
}

/* Screen size 13 inch (old) ----------- */
@media only screen and (min-width : 1025px) and (max-width : 1113px) {
  #container .content-wrapper .thumbnails-pics > .thumbnail-1 { 
    float:none; 
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; } 

  #container .content-wrapper .thumbnails-pics > .thumbnail-2 { 
    float:none;;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; }

  #container .content-wrapper .thumbnails-pics > .thumbnail-3 { 
    float:none; 
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; }
} 

/* Tablet (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { 
  /* STYLES GO HERE */ 
  
  .video-banner img.banner-background { display: none; }

  .video-banner video { display: none; }

  #container.top-then-left .front-page-content { margin-top: 55px; margin-left: 0; }

  #container .entry h3 { padding: 0 15px 0 20px; }

  #container .front-page-content .addrs-details > p {
    font-size: 12px;
    font-weight: bolder;
    padding:0;
    margin: 0 15px 5px 0px;
    text-align: left; } 

  div#sidebar-left .scrollDown {
    margin-left: 160px; }  

  #container .content-wrapper .thumbnails-pics > .thumbnail-1 { 
    float:none; 
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; } 

  #container .content-wrapper .thumbnails-pics > .thumbnail-2 { 
    float:none;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; }

  #container .content-wrapper .thumbnails-pics > .thumbnail-3 { 
    float:none; 
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; }

  #custom-wpcf7-form .mobile-left { 
    float: left !important; }

  a.apply-now-links { padding-left:20px; }

  p.additional-widget-text { padding: 0 15px 0 20px; }
    
}

/* Tablet Nexus (portrait) ----------- */
@media only screen and (min-width : 601px) and (max-width : 768px) and (orientation : portrait) { 
  /* STYLES GO HERE */

  .video-banner img.banner-background { display: none; }

  .video-banner video { display: none; }

  #header-top-right { display: none; }

  #header-top-right-mobile { 
    display: block; 
    width: 90px;
    position: absolute;
    top: 40px;
    right: 10px; }

  #header-top-right-mobile .top-container { 
    margin: 0;
    height: auto; } 

  #header-top-right-mobile .top-container a.viewmore { 
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    color: #333333;
    background: url(images/bg-sprite.png) -262px -167px;
    height: 25px;
    width: 25px; 
    padding: 0 0 0 30px; }

  #header-top-right-mobile .top-container a.viewmore:hover { 
    display: block;
    text-transform: uppercase;
    color: #dfaabb;
    background: url(images/bg-sprite.png) -262px -203px;
    height: 25px;
    width: 25px; 
    padding: 0 0 0 30px; }   

  #header-top-right-mobile .top-container a.viewmore span.more { 
    padding-left: 15px; }

  #top-logo img { 
    display: block; 
    width:25%;
    margin: 0 0 0 20px;
    padding: 0; } 

  #container.top-then-left .front-page-content {
    margin-top: 27px; }

  #sidebar-left { display: none; } 

  #sidebar-right { display: none; }

  #container { margin-left: auto; margin-right: auto; float:none !important; }

  #container .content-wrapper .thumbnails-pics > .thumbnail-1 { 
    float:none; 
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; } 

  #container .content-wrapper .thumbnails-pics > .thumbnail-2 { 
    float:none;;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; }

  #container .content-wrapper .thumbnails-pics > .thumbnail-3 { 
    float:none; 
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    display: block; }
}

/* Screen (landscape) ----------- */
@media only screen and (min-width : 1400px) {
  #container.top-then-left .front-page-content {
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }
}