@font-face{

    font-family: 'MyriadPro';

    src: url('fonts/MyriadPro-Regular.eot');

    src: url('fonts/MyriadPro-Regular.eot?iefix') format('eot'),

         url('fonts/MyriadPro-Regular.woff') format('woff'),

         url('fonts/MyriadPro-Regular.ttf') format('truetype'),

         url('fonts/MyriadPro-Regular.svg') format('svg');

}

body {

	font-family: 'Libre Baskerville', cursive;

    margin: 0px;

    padding: 0px;

    font-size: 14px;

    background: #231f20;

}

body img {max-width: 100%;}
hr.gray {
    margin: 30px 0 50px 0px;
    padding: 0;
    border: 0;
    border-top: 2px solid #181818;
}
h1, h2, h3 {
    text-transform:uppercase;
    font-weight: normal;
}

a {
    color: #231f20;
    text-decoration: none;
}

a:hover {

    text-decoration: underline;

}

.space5 {height: 5px;}

.space10 {height: 10px;}

.space15 {height: 15px;}

.space20 {height: 20px;}



.iframeWrapper {

    position: relative;

    padding-bottom: 51%; /* 16:9 */

    padding-top: 25px;

    height: 0;

}

.iframeWrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.mobiletable {

    display: table;

    width: 100%;

}

.mobilerow {display: table-row;}

.mobilecell {display: table-cell;}

.simpletable {

    display: table;

    width: 100%;

}

.row {display: table-row;}

.simplecell {display: table-cell;}

.simplebox {   

    border: 1px solid #dddddd;

    background-color: #ffffff;

    margin: 0 auto;

    padding: 15px;

    margin-bottom: 15px;

    border-radius: 5px;

}

.simpleinline {

    display: inline-block;

    text-align: left;

    font-size: 14px;

}



.inline-container {font-size: 0;}

.inline-container .simpleinline:last-child {margin-right: 0px;}
.inline-container.vcenter .simpleinline {
    vertical-align: middle;
}
.inline-1-12 {

    width: 7.325%;

    margin-right: 1.1%;

    vertical-align: top;

}

.inline-2-12 {

    width: 15.75%;

    margin-right: 1.1%;

    vertical-align: top;

}

.inline-3-12 {

    width: 24.175%;

    margin-right: 1.1%;

    vertical-align: top;

}

.inline-4-12 {

    width: 32.6%;

    margin-right: 1.1%;

    vertical-align: top;

}

.inline-5-12 {

    width: 41.025%;

    margin-right: 1.1%;

    vertical-align: top;

}

.inline-6-12 {

    width: 49.45%;

    margin-right: 1.1%;

    vertical-align: top;

}

.inline-7-12 {

    width: 57.875%;

    margin-right: 1.1%;

    vertical-align: top;

}

.inline-8-12 {

    width: 66.3%;

    margin-right: 1.1%;

    vertical-align: top;

}

.inline-9-12 {

    width: 74.725%;

    margin-right: 1.1%;

    vertical-align: top;

}

.inline-10-12 {

    width: 83.15%;

    margin-right: 1.1%;

}

.inline-11-12 {

    width: 91.575%;

    margin-right: 1.1%;

}

.inline-12-12 {

    width: 100%;

    margin: 0;

}

.mobinline-1-12 {

    width: 7.325%;

    margin-right: 1.1%;

    vertical-align: top;

}

.mobinline-2-12 {

    width: 15.75%;

    margin-right: 1.1%;

    vertical-align: top;

}

.mobinline-3-12 {

    width: 24.175%;

    margin-right: 1.1%;

    vertical-align: top;

}

.mobinline-4-12 {

    width: 32.6%;

    margin-right: 1.1%;

    vertical-align: top;

}

.mobinline-5-12 {

    width: 41.025%;

    margin-right: 1.1%;

    vertical-align: top;

}

.mobinline-6-12 {

    width: 49.45%;

    margin-right: 1.1%;

    vertical-align: top;

}

.mobinline-7-12 {

    width: 57.875%;

    margin-right: 1.1%;

    vertical-align: top;

}

.mobinline-8-12 {

    width: 66.3%;

    margin-right: 1.1%;

    vertical-align: top;

}

.mobinline-9-12 {

    width: 74.725%;

    margin-right: 1.1%;

    vertical-align: top;

}

.mobinline-10-12 {

    width: 83.15%;

    margin-right: 1.1%;

}

.mobinline-11-12 {

    width: 91.575%;

    margin-right: 1.1%;

}

.mobinline-12-12 {

    width: 100%;

    margin: 0;

}





/* General */

#hdr-index {

	background: rgba(0, 0, 0, 0.9); 

}

#hdr-container {

    width: 92%;

    padding: 0% 4%;

    background: #231f20;

    color: #fff;

}

#hdr-mob {

    display: none;

    background: #231f20;

    text-align: center;

}

#topnav-container {

    width: 100%;

    background: #066cad;

    text-align: center;

}

#topnav {
    text-align: right;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
#topright {
    position: absolute;
    top: 15px;
    right: 0;
    font-size: 14px;
    color: #fff;
}

#bdy-container {

    width: 92%;

    padding: 15px 4%;

}

#bdy-container2 {

    width: 92%;

    padding: 15px 4%;

}

#slide-container {

    background: transparent;

    width: 92%;

    padding: 15px 4%;

}

#breadcrumbs {margin-bottom: 15px;}

#breadcrumb-icon {

    display: inline-block;

    width: 19px;

    height: 18px;

    vertical-align: text-bottom;

    margin: 0 5px 0 0;

    background-image: url('http://www.mirorestaurant.com/images/homeicon.png');

    background-repeat: no-repeat;

}

#ftr-container {

    width: 92%;

    background: #231f20;

    color: #fff;

    padding: 2% 4%;

    text-align: center;

}

#ftr {

    width: 990px;

    margin: 0 auto;

}

#ftr-mob {

    display: none;

    background: #231f20;

    color: #fff;

    padding: 30px 0px;

}

.socials img {

    width: 30px;

}

.socials img:hover {

    -webkit-filter: brightness(80%);

    filter: brightness(0.8);

}



/* forms */

.formrow {margin: 15px 0px;}

.formlabel {

    display: inline-block;

    vertical-align: top;

    font-size: 14px;

    text-align: left;

    width: 100%;

    font-weight: normal;

    color: #000;

    margin-bottom: 5px;

}

.formbox {

    display: inline-block;

    vertical-align: top;

    font-size: 14px;

    text-align: left;

    width: 100%;

}

.formbox input[type='text'], .formbox input[type='password'], .formbox input[type='date'] {

    width: 100%;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    box-sizing: border-box;

}

.formbox input[type='submit'] {

    display: inline-block;

    -webkit-appearance: none;

    padding: 6px 0;

    width: 100%;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: normal;

    font-family: 'Libre Baskerville', cursive;

    line-height: 40px;

    color: #FFFFFF !important;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    background-color: #ff5450;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    border: none;

    text-transform: uppercase;

    box-sizing: border-box;
}

.formbox input[type='submit']:hover {opacity: 0.90;}

.formbox select {

    width: 100%;

    padding: 6px 8px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    box-sizing: border-box;

}

.formbox textarea, .full-textarea {

    width: 100%;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    box-sizing: border-box;

}





/* topnav.inc */
.ot-reserve {
    display: inline-block;
    background: #ad8e33;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
}
#hdr-container .simpleinline {

    vertical-align: middle;

}

#hdr-container .simpleinline:last-child {text-align: right;}
#topnav ul {
    list-style: none;
    margin: 0;
}
#topnav li {
    display: inline-block;
    position: relative;
    margin-left: 70px;
}
#topnav li a {
    display: inline-block;
    font-size: 16px;
    color: #fefefe;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
}
#topnav li:last-child a {
    padding-right: 0;
}
#topnav .drops {
    display: none;
    background: #453e40;
    padding: 10px;
    position: absolute;
    z-index: 10003;
    left: 0px;
    top: 38px;
    text-align: left;
    font-size: 12px;
    padding: 0;
    width: 240px;
    box-sizing: border-box;
}
#topnav .drops a {
    display: block;
    padding: 0;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    margin: 15px;
}
#topnav .drops a:last-child {
    border: 0;
}
#topnav .drops a:hover {
    color: #ccc;
}

#topright a {
    color: #fff;
    margin-left: 30px;
    font-size: 11px;
}

.hdr-mob-cll1, .hdr-mob-cll3 {

    vertical-align: middle;

    width: 15%;

}

.hdr-mob-cll2 {

    vertical-align: middle;

    width: 70%;

}

.hdr-mob-wide {

    padding: 10px 0px;

    border-bottom: 1px solid #676767;

    text-align: center;

}

.hdr-mob-wide .mobinline-10-12 {

    text-align: center;

}

.hdr-mob-each {

    padding: 10px;

    border-right: 1px solid #676767;

    text-align: center;

    vertical-align: middle;

    font-size: 0;

}

.hdr-mob-each img {

    width: 30px;

}

#hdr-mob .mobinline-3-12 {

    vertical-align: middle;

}

#breadcrumbs a {

    font-size: 15px;

}



/* footer.inc */

#ftr a, #ftr-mob a {color: #ededed;}

#ftr a:hover, #ftr-mob a:hover {

    opacity: 0.8;

    text-decoration: none;

}

#ftr-container .simpleinline:last-child {

    text-align: right;

}

.ftr-address {

    font-size: 15px;

    color: #878787;

    text-transform: uppercase;

}

#ftr-mob .ftr-address a {

    font-size: 15px;

    color: #878787;

}

.ftr-rsrv {

    font-size: 14px;

    color: #ededed;

    margin-top: 10px;

}

.ftr-copy {

    margin-top: 60px;

    text-align: center;

    color: #878787;

    font-size: 13px;

}





/* index.php */

.inline-index1 {

    cursor: pointer;

    vertical-align: top;

    background: url('images/pic1.jpg');

    background-size: 100%;

    display: inline-block;

    width: 61.8%;

    margin-right: 0.6%;

    margin-bottom: 0.6%;

    padding-bottom: 57.0%;

    position: relative;

}

.inline-index1:hover {

    -webkit-filter: brightness(90%);

    filter: brightness(0.9);

}

.inline-index1-bdy {

    position: absolute;

    width: 100%;

    top: 70px;

    text-align: center;

    font-size: 40px;

    color: #000;

}

.inline-index1-bdy b {

    font-weight: normal;

}

.inline-index2 {

    cursor: pointer;

    vertical-align: top;

    background: url('images/pic2.jpg');

    background-size: 100%;

    display: inline-block;

    width: 37.6%;

    margin-bottom: 0.6%;

    padding-bottom: 57.0%;

    position: relative;

}

.inline-index2:hover {

    -webkit-filter: brightness(90%);

    filter: brightness(0.9);

}

.inline-index2-bdy {

    position: absolute;

    width: 100%;

    bottom: 40px;

    text-align: center;

    font-size: 17px;

    color: #fff;

}

.index-border {

    display: inline-block;

    width: 50%;

    margin: 30px auto;

    padding: 20px;

    border: 2px solid #ddd;

    background: rgba(0, 0, 0, 1);

}

.inline-index3 {

    cursor: pointer;

    vertical-align: top;

    background: url('images/pic3.jpg');

    background-size: 100%;

    display: inline-block;

    width: 49.4%;

    margin-right: 0.6%;

    padding-bottom: 39.1%;

    position: relative;

}

.inline-index3:hover {

    -webkit-filter: brightness(90%);

    filter: brightness(0.9);

}

.inline-index3-bdy {

    position: absolute;

    width: 100%;

    font-size: 17px;

    top: 30px;

    left: 30px;

}

.inline-index3-bdy b {

    font-weight: normal;

}

.index-worldclass {

    color: #b13a01;

    letter-spacing: 5px;

}

.index-whisky {

    font-size: 48px;

    color: #fff;

    line-height: 50px;

}

.inline-index4 {

    cursor: pointer;

    vertical-align: top;

    background: url('images/pic4.jpg');

    background-size: 100%;

    display: inline-block;

    width: 50%;

    padding-bottom: 39.1%;

    position: relative;

}

.inline-index4:hover {

    -webkit-filter: brightness(90%);

    filter: brightness(0.9);

}

.inline-index4-bdy {

    position: absolute;

    width: 100%;

    font-size: 22px;

    top: 30px;

    left: 40px;

    color: #fff;    

}

.inline-index4-bdy b {

    font-weight: normal;

}

/*.inline-index1 img:hover,.inline-index2 img:hover, .inline-index3 img:hover, .inline-index4 img:hover {

    -webkit-filter: brightness(75%);

    filter: brightness(0.75);

    cursor: pointer;

}*/





/* menus */

.menu-title {

    text-align: center;

    margin-top: 40px;

}

.menu-container {

    width: 780px;

    margin: 0 auto;

    margin-bottom: 50px;

    position: relative;

    z-index: 1001;

    background: transparent;

}

.menu-btn {

    display: inline-block;

    width: 180px;

    margin-right: 10px;

    border: 3px solid #231f20;

    padding: 20px;

    box-sizing: border-box;

    font-size: 18px;

    font-weight: bold;

    color: #ad8c33;

    cursor: pointer;

    background: #231f20;

    text-transform: uppercase;

}

.menu-btn:hover {

    background: #ad8c33;

    color: #231f20;

    text-decoration: none;

}

.menu-container .menu-btn:last-child {

    margin: 0;

}

.menu-sub {

    margin-top: 40px;

    font-size: 18px;

}

.menu-border {

    margin-top: -85px;

    border: 3px solid #ad8c33;

    position: relative;

    z-index: 100;

    padding: 30px 50px 50px 50px;

    text-align: left;

}

.menu-border img {
    border: 2px solid #000;
}

.menu-border p {

    line-height: 28px;

}
.menu.nye p {
    font-size: 18px;
    line-height: 27px;
}
.menu.nye u {
    font-size: 23px;
}
.menu.nye i {
    font-size: 16px;
}




/* slider */

.swiper-container {
    width: 100%;
    margin: 20px auto;
}



.swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;
}
.swiper-slide img {
    border: 2px solid #000;
    box-sizing: border-box;
}
.append-buttons {

    text-align: center;

    margin-top: 20px;

}

.append-buttons a {

    display: inline-block;

    border: 1px solid #007aff;

    color: #007aff;

    text-decoration: none;

    padding: 4px 10px;

    border-radius: 4px;

    margin: 0 10px;

    font-size: 13px;

}

.swiper-slide img {

    -webkit-filter:brightness(50%);
    filter: brightness(0.5);

}

.swiper-slide-next img {

    -webkit-filter:brightness(100%);
    filter: brightness(1.0);

}
.drink-slides

.bookevent-address {

    display: inline-block;

    color: #464646;

    border-bottom: 3px solid #ac8d32;

    padding: 10px 0px;

    font-size: 25px;

    font-weight: normal;

    margin-bottom: 20px;
}

.drink-slides .swiper-slide img {
    -webkit-filter: brightness(1.0);
    filter: brightness(1.0);
}




/* contact.php */

.contact-bg {

    position: relative;

    background: url('images/newcontact.jpg');

    background-size: 100%;

    width: 100%;

    background-position: center center;

    height: 640px; /*49.82%;*/

}

.contact-bdy {

    position: absolute;

    width: 100%;

    top: 10%;

    text-align: center;

}

.contact-title {

    color: #fff;

    font-size: 50px;

    font-weight: normal;

}

.contact-title span {

    font-size: 45px;

    letter-spacing: 11px;

}

.contact-address {

    width: 420px;

    margin: 40px auto;

    background: #fff;

    color: #464646;

    padding: 20px;

    font-size: 25px;

    font-weight: normal;

}

.contact-address a:hover {

    text-decoration: none;

}

.btn-reservations {

    display: inline-block;

    background-color: #000;
    color: #fff;

    font-weight: bold;
    text-decoration: none;

    text-align: center;

    color: #FFFFFF !important;

    margin-top: 15px;

    padding: 15px 40px 10px 40px;

    font-size: 16px;

    line-height: normal;

}

.btn-reservations:hover {

    text-decoration: none;

    background: #282828;

}



/* whiskey.php */

.whiskey-main {

    width: 100%;

    padding-bottom: 42.11%;

    position: relative;

}

.whiskey-main img {

    position: absolute;

    width: 100%;

    top: 0;

}

.whiskey-main span {

    position: absolute;

    top: 20px;

    left: 20px;

}

.inline-whiskey {

    display: inline-block;

    vertical-align: top;

    width: 50%;

    box-sizing: border-box;

    padding-left: 15px;

    line-height: 19px;

    font-size: 16px;

}

.whiskey-container .inline-6-12 {

    line-height: 17px;

}



.sb-slidebar ul {

    border-right: 0;

}





/* menu.php */
#menu-nav {
    background: #161616;
    text-align: center;
}
#menu-nav a {
    display: inline-block;
    margin: 15px 20px;
    color: #ddd;
    font-size: 16px;
}
#menu-nav a:hover {
    color: #565656;
    text-decoration: none;
}
.wide-container {
    position: relative;
    font-size: 0;
    z-index: 100;
}
.wide-container img {
    width: 100%;
    min-width: 1200px;
}
.wide-container span {
    display: block;
    width: 1000px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 50px;
    position: absolute;
    text-align: left;
    font-size: 50px;
    color: #fff;
    text-shadow: 1px 2px #181818;
}
.menu-con {
    background: transparent;
    padding: 10px 0px;
}
.menu {
    max-width: 1000px;
    margin: 0 auto;
}
.menu p {
    margin: 25px 0px;
    font-size: 16px;
}
.menu p span {
    display: inline-block;
    margin-right: 6px;
    font-weight: bold;
}
.wine-menu p {
    font-size: 13px;
    line-height: 30px;
}
.wine-menu p b {
    font-size: 15px;
}
.brunch-menu h3 {
    font-weight: bold;
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 10px 10px 0;
}
.brunch-menu i {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}
.brunch-menu p {
    margin-top: 10px;
    line-height: 30px;
}
/* media.php */
.media-container {
    min-width: 1200px;
}
.media-inline {
    display: inline-block;
    width: calc(25% - 20px);
    vertical-align: top;
    position: relative;
    margin: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: #fff;
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
}
.media-inline h3 {
    font-weight: bold;
    font-size: 16px;
    display:inline-block;
    width: calc(100% - 8px);
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
    margin: 0 0 5px 0;
}
.media-inline span {
    display: inline-block;
    vertical-align: middle;
}
.media-inline p {
    margin-bottom: 0;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
    font-size: 12px;
}
.media-inline img.main {
    height: 160px;
    display: block;
    margin: 0 auto;
    overflow-x: auto;
}
.media-inline img.logo {
    position: absolute;
    top: 50px;
    right: -10px;
    border: 1px solid #000;
    height: 50px;
}


/* about.php */
.chef-container {
    border: 2px solid #ad8e33;
    background: #231f20;
    width: 60%;
    margin: auto;
    font-size: 0;
    padding: 40px;
    color: #fff;
}
.chef-container .cll1 {
    display: inline-block;
    vertical-align: middle;
    width: calc(5*(100% - 440px)/12 + 160px);
    margin-right: 40px;
}
.chef-container .cll2 {
    display: inline-block;
    vertical-align: middle;
    width: calc(7*(100% - 440px)/12 + 240px);
    font-size: 14px;
    line-height: 27px;
}
.justmobile {display: none;}


/* popUp.inc */
#popUpDim {
    background: rgba(0,0,0,0.75);
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
}
.popUpBox {
    display: none;
    color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 800px;
    height: 40%;
    padding: 15px;
    -webkit-box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
    background-image: url('images/pop-bg.jpg');
    background-size: 100%;
    background-position: center;
}
.popUpClose {
    position: absolute;
    top: -15px;
    right: -15px;
    text-align: right;
    border: 0px solid #ccc;
    padding: 0px;
    margin: 0px 0px;
    width: 30px;
    cursor: pointer;
}
.popUpIn {
    font-size: 15px;
}
.popUpIn h2 {
    margin-top: 0;
}
.popUpIn form input[type='text'] {
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 2px;
}
.popUpIn form input[type='submit'] {
    padding: 5px 10px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background: #ddd;
}

@media (max-width: 420px) {

    .inline-1-12, .inline-2-12, .inline-3-12, .inline-4-12, .inline-5-12, .inline-6-12, .inline-7-12, .inline-8-12, .inline-9-12, .inline-10-12, .inline-11-12 {

        width: 100%;

        padding: 0;

        margin: 0 0 10px 0;

    }

    #hdr-container, #topnav-container, #ftr-container {display: none;}

    .simplecell, #hdr-mob, #ftr-mob {display: block;}

    #bdy {

        width: 94%;

        margin: 3%;

        min-height: 0;

        padding: 0;

    }



    /* forms */

    .formlabel, .formbox {

        width: 100%;

        text-align: left;

        padding: 0;

        margin: 0;

    }





    /* index.php */

    .inline-index1 {

        width: 100%;

        margin: 5px 0;

        padding-bottom: 93.52%;

    }

    .inline-index1-bdy {

        font-size: 25px;

        top: 40px;

    }

    .inline-index2 {

        width: 100%;

        margin: 0px 0px 5px 0px;

        padding-bottom: 153.72%;

    } 

    .inline-index3 {

        width: 100%;

        margin: 0px 0px 5px 0px;

        padding-bottom: 79.14%;

    } 

    .inline-index3-bdy {

        top: 15px;

        left: 15px;

    }

    .inline-index4 {

        width: 100%;

        margin: 0px 0px 5px 0px;

        padding-bottom: 78.2%;

    }

    .inline-index4-bdy {

        top: 15px;

        left: 15px;

        font-size: 17px;

    }



    .ftr-address, .ftr-rsrv {

        text-align: center;

    }



    /* menus */

    .menu-container {

        width: 80%;

        margin: 0 auto;

        text-align: center;

        margin-bottom: -80px;

    }

    .menu-btn {

        width: 96%;

        margin: 5px 2%;

        padding: 10px 2%;

    }

    .menu-container .menu-btn:last-child {

        margin: 5px 2%;

    }

    .menu-border {

        margin-top: 0;

        padding: 90px 15px 15px 15px;

        margin-top: -105px;

    }

    .menu-border span {

        margin: 10px 0px;

        display: block;

        border-bottom: 1px dashed #181818;

    }



    /*contact.php */

    .contact-bg {

        padding: 0;

        height: 340px;

    }

    .contact-title {

        font-size: 35px;

        margin-top: 10px;

    }

    .contact-title span {

        font-size: 28px;

        letter-spacing: 6px;

    }

    .contact-bdy {

        top: 20px;

    }

    .contact-address {

        width: 88%;

        padding: 3%;

        margin: 20px 3%;

        font-size: 23px;

    }

    .btn-reservations {

        width: 80%;

        margin: 15px auto 0 auto;

        padding-left: 0;

        padding-right: 0;

    }

    .social .simpleinline {

        text-align: center;

    }

    .social img {

        width: 35px;

    }

    .social img:hover {

        -webkit-filter: brightness(80%);

        filter: brightness(0.8);

    }



    .iframeWrapper {

        padding-bottom: 49%; /* 16:9 */

    }

    .whiskey-container .inline-6-12 {

        line-height: 21px;

    }


    .wide-container {
        position: relative;
        font-size: 0;
        z-index: 100;
    }
    .wide-container img {
        width: 100%;
        min-width: 0;
    }
    .wide-container span {
        display: block;
        width: 100%;
        position: static;
        font-size: 24px;
        color: #000;
        background: #fff;
        padding-top: 15px;
    }

    .media-container {
        min-width: 0;
    }
    .media-inline {
        width: 100%;
        margin: 10px 0px;
    }

    .popUpBox {
        width: calc(100% - 30px);
        box-sizing: border-box;
        background-size: cover;
    }


    .justmobile {display: block;}

    .nomobile {display: none;}

}


@media (min-width: 420px) and (max-width: 880px) {
    .menu-container {
        width: 410px;
    }
    .menu-border {
        margin-top: -75px;
    }
    .menu-btn {
        width: auto;
        padding: 12px;
        font-size: 14px;
        margin-right: 5px;
    }
    .media-container {
        min-width: 0;
    }
    .media-inline {
        width: calc(50% - 10px);
    }
}

@media (min-width: 420px) and (max-width: 1225px) {
    #hdr-container {display: none;}
    #hdr-mob {
        display: block;
    }
    .hdr-mob-wide img {
        width: auto;
    }
    #topnav li {
        margin-left: 30px;
    }
    .social .simpleinline {
        display: none;
    }
    .media-container {
        min-width: 0;
    }
}

@media (min-width: 1225px) and (max-width: 1600px) {
    #topnav li {
        margin-left: 40px;
    }
    #topnav li a {
    	font-size: 14px;
    }
    .media-container {
        min-width: 0;
    }
}