@media screen
    and (min-width: 1200px)
    and (max-height: 800px) {
        .header-container .logo {
            max-width: 238px;
        }
        .header-container h1{
            font-size: 35px;
        }
        .header-container .company-info span.date,
        .header-container .company-info span.time,
        .header-container .address{
            font-size: 22px;
        }
    }
    
    
@media screen
    and (min-width: 1000px)
    and (max-height: 1200px)
    and (max-height: 800px) {
        .header-container .logo {
            max-width: 200px;
        }
        .header-container .company-info span.date,
        .header-container .company-info span.time,
        .header-container .address{
            font-size: 22px;
        }
        .header-container h1{
            font-size: 35px;
        }
        .header-container .logo{
            margin-bottom: 20px;
        }
    }
    
@media screen
    and (max-width: 1000px)
    and (max-height: 1200px)
    and (max-height: 800px) {
        .header-container .logo {
            max-width: 200px;
        }
        .header-container .company-info span.date,
        .header-container .company-info span.time,
        .header-container .address{
            font-size: 22px;
        }
        .header-container h1{
            font-size: 35px;
        }
        .header-container .logo{
            margin-bottom: 20px;
        }
    }
    
@media screen
    and (max-width: 500px)
    and (max-height: 900px) {
        .header-container .logo {
            max-width: 250px;
        }
        .header-container h1{
            font-size: 35px;
        }
        .header-container .company-info span.date,
        .header-container .company-info span.time,
        .header-container .address, .header-name{
            font-size: 18px;
        }
    }
    
    
    /* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px) {
        #navigation-bar{
            height: 60px;
        }
        a.bookings-link{
            font-size: 13px;
        }
        #social-container li{
            width: 30px;
            height: 30px;
            margin-left: 5px;
        }
        #social-container li .fa{
            font-size: 14px;
        }
        .entry-content{
            padding: 15px;
        }
        .header-container .logo {
            max-width: 150px;
            margin-bottom: 20px;
        }
        .header-container h1{
            font-size: 22px;
            margin-bottom: 5px;
        }
        .header-container .company-info span.date,
        .header-container .company-info span.time{
            font-size: 16px;
            margin-bottom: 10px;
        }
        .header-container .address{
            font-size: 13px;
            line-height: 1.5;
        }
        #title-header h1, .entry-content h2 ,h2{
            font-size: 26px;
        }
        footer.site-footer .address{
            font-size: 14px;
            height: auto;
        }
        #social-container-footer{
          display: block;
        }
}
@media only screen 
and (max-device-width: 500px) {
    #nav-slide{
        width: 75vw;
    }
    #map{
        height: 300px;
    }
}


/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
      .header-container .company-info{
          display: none;
      }
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
        .entry-content{
            padding: 15px;
        }
        #social-container-footer{
            display: block;
        }
        footer.site-footer .address{
            height: auto;
        }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
        .entry-content{
            padding: 15px;
        }
        footer.site-footer .address{
            font-size: 18px;
        }
        #social-container-footer{
          display: block;
        }
        footer.site-footer .address{
            height: auto;
            padding: 15px;
        }
        
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
      .entry-content{
          padding: 15px;
      }
      #social-container-footer{
          display: block;
      }
      footer.site-footer .address{
            height: auto;
        }
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}
    
    


/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
      
}


/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
      
}

/* Landscape */
@media only screen 
    and (max-device-width: 500px) {
        .toggle-down-bg {
            height: 65px;
            background-size: contain;
        }
        .toggle-down-bg .fa{
            font-size: 30px;
        }
        #restaraurant-menu .price{
            font-size: 14px;
        }
}

@media only screen
and (min-device-width: 769px){
    form.wpcf7-form .col-md-4,
    form.wpcf7-form .col-md-12{
        clear: none !important;
    }
}



@media only screen 
and (max-device-height: 600px){
    #nav-slide .logo{
        max-width: 100px;
        bottom: 50px;
    }
    #main-menu li a{
        font-size: 18px;
    }
    #nav-slide span.title{
        font-size: 24px;
        padding: 5px 0;
    }
}