@font-face {

    font-family: 'montserratblack';

    src: url('fonts/montserrat-black-webfont.eot');

    src: url('fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/montserrat-black-webfont.woff2') format('woff2'),

         url('fonts/montserrat-black-webfont.woff') format('woff'),

         url('fonts/montserrat-black-webfont.ttf') format('truetype'),

         url('fonts/montserrat-black-webfont.svg#montserratblack') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'montserratbold';

    src: url('fonts/montserrat-bold-webfont.eot');

    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/montserrat-bold-webfont.woff2') format('woff2'),

         url('fonts/montserrat-bold-webfont.woff') format('woff'),

         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),

         url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'montserratlight';

    src: url('fonts/montserrat-light-webfont.eot');

    src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/montserrat-light-webfont.woff2') format('woff2'),

         url('fonts/montserrat-light-webfont.woff') format('woff'),

         url('fonts/montserrat-light-webfont.ttf') format('truetype'),

         url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'montserratregular';

    src: url('fonts/montserrat-regular-webfont.eot');

    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/montserrat-regular-webfont.woff2') format('woff2'),

         url('fonts/montserrat-regular-webfont.woff') format('woff'),

         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),

         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'montserratthin';

    src: url('fonts/montserrat-thin-webfont.eot');

    src: url('fonts/montserrat-thin-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/montserrat-thin-webfont.woff2') format('woff2'),

         url('fonts/montserrat-thin-webfont.woff') format('woff'),

         url('fonts/montserrat-thin-webfont.ttf') format('truetype'),

         url('fonts/montserrat-thin-webfont.svg#montserratthin') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotoblack';

    src: url('fonts/roboto-black-webfont.eot');

    src: url('fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-black-webfont.woff2') format('woff2'),

         url('fonts/roboto-black-webfont.woff') format('woff'),

         url('fonts/roboto-black-webfont.ttf') format('truetype'),

         url('fonts/roboto-black-webfont.svg#robotoblack') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotoblack_italic';

    src: url('fonts/roboto-blackitalic-webfont.eot');

    src: url('fonts/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-blackitalic-webfont.woff2') format('woff2'),

         url('fonts/roboto-blackitalic-webfont.woff') format('woff'),

         url('fonts/roboto-blackitalic-webfont.ttf') format('truetype'),

         url('fonts/roboto-blackitalic-webfont.svg#robotoblack_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotobold';

    src: url('fonts/roboto-bold-webfont.eot');

    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-bold-webfont.woff2') format('woff2'),

         url('fonts/roboto-bold-webfont.woff') format('woff'),

         url('fonts/roboto-bold-webfont.ttf') format('truetype'),

         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotobold_italic';

    src: url('fonts/roboto-bolditalic-webfont.eot');

    src: url('fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-bolditalic-webfont.woff2') format('woff2'),

         url('fonts/roboto-bolditalic-webfont.woff') format('woff'),

         url('fonts/roboto-bolditalic-webfont.ttf') format('truetype'),

         url('fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotoitalic';

    src: url('fonts/roboto-italic-webfont.eot');

    src: url('fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-italic-webfont.woff2') format('woff2'),

         url('fonts/roboto-italic-webfont.woff') format('woff'),

         url('fonts/roboto-italic-webfont.ttf') format('truetype'),

         url('fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotolight';

    src: url('fonts/roboto-light-webfont.eot');

    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-light-webfont.woff2') format('woff2'),

         url('fonts/roboto-light-webfont.woff') format('woff'),

         url('fonts/roboto-light-webfont.ttf') format('truetype'),

         url('fonts/roboto-light-webfont.svg#robotolight') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotolight_italic';

    src: url('fonts/roboto-lightitalic-webfont.eot');

    src: url('fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-lightitalic-webfont.woff2') format('woff2'),

         url('fonts/roboto-lightitalic-webfont.woff') format('woff'),

         url('fonts/roboto-lightitalic-webfont.ttf') format('truetype'),

         url('fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotomedium';

    src: url('fonts/roboto-medium-webfont.eot');

    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-medium-webfont.woff2') format('woff2'),

         url('fonts/roboto-medium-webfont.woff') format('woff'),

         url('fonts/roboto-medium-webfont.ttf') format('truetype'),

         url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotomedium_italic';

    src: url('fonts/roboto-mediumitalic-webfont.eot');

    src: url('fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),

         url('fonts/roboto-mediumitalic-webfont.woff') format('woff'),

         url('fonts/roboto-mediumitalic-webfont.ttf') format('truetype'),

         url('fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotoregular';

    src: url('fonts/roboto-regular-webfont.eot');

    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-regular-webfont.woff2') format('woff2'),

         url('fonts/roboto-regular-webfont.woff') format('woff'),

         url('fonts/roboto-regular-webfont.ttf') format('truetype'),

         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotothin';

    src: url('fonts/roboto-thin-webfont.eot');

    src: url('fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-thin-webfont.woff2') format('woff2'),

         url('fonts/roboto-thin-webfont.woff') format('woff'),

         url('fonts/roboto-thin-webfont.ttf') format('truetype'),

         url('fonts/roboto-thin-webfont.svg#robotothin') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotothin_italic';

    src: url('fonts/roboto-thinitalic-webfont.eot');

    src: url('fonts/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-thinitalic-webfont.woff2') format('woff2'),

         url('fonts/roboto-thinitalic-webfont.woff') format('woff'),

         url('fonts/roboto-thinitalic-webfont.ttf') format('truetype'),

         url('fonts/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}



h3{font-family: 'montserratregular'; font-size: 22px; color: #ee7f22;}

h3 span{color: #707070; font-family: 'robotolight'; font-size: 18px;}

h5{font-family: 'robotomedium',Georgia, Serif; color: #636363; font-size: 18px;}

h6{font-family: 'robotoregular',Georgia, Serif; color: #636363; font-size: 14px;}

p{color: #707070; font-family: 'robotolight'; font-size: 18px; padding-bottom: 20px; line-height: 30px;}

p strong{font-family: 'montserratbold'; font-size: 18px; /*color: #f47c00;*/ font-weight: normal !important; text-transform: uppercase;}



p a{ color: #f47c00; text-decoration: none;}

p a:hover{ color: #f47c00;text-decoration: none !important;}



.read-more{font-family: 'robotolight'; font-size: 18px; color: #f47c00; background: url(images/f-arrow.jpg) no-repeat right 4px top 4px; padding-right: 20px; text-decoration: none;}

.read-more:focus{ color: #f47c00;  text-decoration: none;}

.read-more:hover{text-decoration: none; color: #f47c00;}



.btn, .btn:focus{ background-color: #f47c00; padding:10.5px 38px; border-radius: 0px !important; text-transform: uppercase; color: #fff; font-family: 'robotolight';  font-size: 18px; letter-spacing: 1px;

  }

.btn:hover{ color: #fff; background-color: #ff8200 !important }



input[type="text"],input[type="email"]{font-family: 'robotoregular',Georgia, Serif; color: #636363; font-size: 18px;}

#recipe-icon{padding: 3px 10px 4px 10px; color: #fff; text-decoration: none; background-color: #f47c00; font-size:14px; font-family: 'robotoregular';}



/* Header */

header{position: absolute; width: 100%; right: 0; left: 0; z-index: 1000; background-color: #636363 }

.wrapper{ overflow: hidden;}



.mainmenu{ background-color:transparent; border:0px; margin-top: 30px}

.mainmenu .navbar-nav li{padding: 0px 10px;}

.mainmenu .navbar-nav li:first-child{padding-left: 0px;}

.mainmenu .navbar-nav li:last-child{padding-right: 0px;}

.mainmenu .navbar-nav li a { color: #fff !important; font-family: 'montserratregular'; text-decoration: none; display: block;  font-size: 16px; position: relative; padding: 0; text-transform: uppercase;

text-shadow:0px 1px 1px #000;

}

.mainmenu .navbar-nav li a:hover,.mainmenu .navbar-nav li.current-menu-item a {color: #f47c00 !important; font-family: 'montserratbold';  font-size: 15.66px; letter-spacing:   0.08px }





.banner{ width: 100%;  text-align: center;}

.home-banner .item{ width: 100%; background-size: auto; background-position: center top; background-repeat: no-repeat;  text-align: center; /*height: 766px;*/ 

background-attachment: fixed;

 }



.home-banner .carousel-caption{ top: 26% !important}

.home-banner .carousel-caption h1{font-family: 'montserratlight'; font-size: 76.87px; text-align: center;color: #fff; line-height: 60px; text-align: center;}

.home-banner .carousel-caption p{display:block; margin-top:15px;font-family: 'robotomedium'; font-size: 24px; color: #fff}

.home-banner .carousel-control.left,.home-banner .carousel-control.right{display: none;}





/* Quote-1 */

/* .quote{background-color: #f6f6f6; display: block; margin: auto; padding: 90px 22px 80px 22px;} */

.carousel_text{text-align: center; padding:50px 87px 0 87px  }

.carousel_text .quote-left{position:absolute; background: url("images/quote-left.png") no-repeat center top; display: block; width: 35px; height: 35px;top: 10px; left: 32px;}

.carousel_text .quote-right{ position:absolute;background: url("images/quote-right.png") no-repeat center top; display: block; width: 35px; height: 35px; float: right; right: 32px; bottom: 10px; }

.carousel_text h2{text-align: center; color: #f47c00; font-family: 'robotolight'; font-size: 27px;  margin-top: 22px; padding: 0; letter-spacing: -0.5px;}

.carousel_text h6{text-align: center; color: #949494; font-family: 'robotolight_italic'; font-size: 23px; margin-top: 36px;}

.carousel_text h6 span{ margin-right: 7px; display: inline-block;}

.quote .carousel-control.left,.quote .carousel-control.right{display: none;}



.home-quote{padding: 80px 22px 80px 22px;}

.home-quote .carousel_text{padding:28px 87px 0 87px}

.home-quote .carousel_text h2{line-height:38.74px; display:inline-block; min-width:100px}

.home-quote .carousel_text h6{padding-top: 17px;}

.home-quote .carousel_text .quote-right{bottom:20px; right:40px }



/* Introduction */

.intro .client-column, .intro .contact-column{padding: 92px 0px 111px 0;}

.intro  h3{ margin-bottom: 28px;}

.intro-text{padding-right: 20px;}

.intro .intro-text h3{ margin-bottom: 28px; font-size:24px}

.intro-text p{ margin-bottom: 4px;}

.intro-logo{width: 563px; padding-top: 12px}

.intro-logo ul{padding: 0; }

.intro-logo ul li{display: inline-block; padding:0 15px 0px 0; vertical-align: top;}

.intro .intro-contact{ margin-top: 3px; margin-bottom: 31px;}

.intro .intro-contact h3{ margin-top: 0; margin-bottom: 8px; font-size:22px}

.intro .intro-contact p > span{color: #707070; font-family: 'robotomedium'; font-size: 18px; text-transform: none;}

.intro-text img{width: 80%; height: auto;}

.verti-shadow{background: url('images/verti_shadow.png') no-repeat right 15px center; }



/* Reservation */

.reservation{display: block; margin: auto; width: 100%; min-height: 545px;  background-size: auto; position: relative;
 background-repeat:no-repeat;    background-position: top center;    background-attachment:fixed !important;    background-size: cover;    -o-background-size: cover;    -moz-background-size: cover;    -webkit-background-size:cover;
}

.reservation .reserve-box{padding-top: 85px;text-align: center;}

.reservation .menu-button{font-family: "robotolight"; border: 1px solid #FFF; color: #FFF; padding: 8px; font-size: 30px; text-align: center; text-decoration: none; display: block; margin: auto; width: 145px; }

.reservation h1{font-family: 'montserratthin'; font-size: 50px; text-align: center; color: #fff; padding-top: 15px;}

.reservation p{font-family: "robotolight"; font-size: 18px; text-align: center; color: #FFF; letter-spacing: 1.2px; padding-top: 20px;}

.reservation p > a{font-family: "robotolight"; /*font-size: 35px;*/ color: #FFF; text-decoration: none; }

.reservation p > a > img{margin-top: 5px;}

.reservation .btn_next,.reservation .btn_back {position: relative;text-align:center; letter-spacing:2px; display: inline-block;font-size: 17.98px; font-family: 'robotolight',Georgia, Serif; color: #fff; text-decoration: none !important;}

.reservation .btn_next{ background: url(images/rarrow.png) no-repeat right 20px top 4px; padding-right: 40px;top: 140px; z-index-1; }

.banner .btn_next{position: relative;text-align:center; letter-spacing:2px; display: inline-block;font-size: 17.98px; font-family: 'robotolight',Georgia, Serif; color: #fff; text-decoration: none !important;}

.banner  .btn_next{ background: url(images/darrow.png) no-repeat left 50% bottom 0; padding-bottom: 50px;top: 10px; z-index:1; background-size: 10%; }

.banner .btn_reserve {margin-top: 20px !important;}

/* Reservation Widget */

.api{ float: left; margin-top: -20px; width: 100%; /*position:  relative; z-index: 700*/}

iframe{ width: 100%; min-height: 500px; background-color: transparent !important; border: 0 !important; height: auto; overflow: visible !important; }

/*

.reserve-box .OT_wrapper{border: 0 !important; border-radius: 0 !important; background-color: transparent;width: 100%;}

.reserve-box #OT_form, .reserve-box .OT_title, .reserve-box .OT_subtitle{width: 100%;} 

.reserve-box .OT_subtitle{font-family: 'robotothin'; font-size: 14px; text-align: center; color: #fff; letter-spacing: 1.2px; padding-top: 3px}

.reserve-box .OTButton, .reserve-box #OTButton{width: 199px;}

.reserve-box a.OT_Find_a_Table:link{width: 199px; height: 49px; font-family: "robotolight"; line-height: 0; font-size: 18px; font-weight: normal; text-transform: uppercase; text-align: center; text-shadow: none; color: #FFF;  background-image: none; background-repeat: no-repeat; float: left; position:relative;top: 0px; padding-top: 23px; display: block;}

.reserve-box .OT_day{margin-top: 0px;}

.reserve-box .OT_list{width: 100%; padding-top: 87px !important}

.reserve-box .OT_list li{ border: 0; float: left; width: 239px; height: 41px; padding:0; margin-right: 16px; background: transparent url('images/input-bg.png') repeat; border: 1px solid #c2c2c2}

.reserve-box .OT_list li:nth-child(3){ margin-right:0px}

.reserve-box .OT_list li:last-child{width: 199px; height: 49px; padding: 0; display: block !important; margin:auto!important; float:none; position: relative; top:34px; background-color: #f47c00; background-image: none !important; border: 0px !important; position: relative; overflow: hidden; }

.reserve-box .OT_list li input[type='text']{width: 238px; height: 41px; font-weight: normal; color: #fff; border-radius: 0; padding: 0 15px; font-family: 'robotoregular';  border: 0; background:url('images/inputbox-arrow.png') no-repeat right 20px center; }

.OT_list li:last-child:last-child:hover{ background-color: #ff8200 !important;}





.ui-widget{left:32.1% !important; width: 239px !important; border-radius: 0 !important;}



.reserve-box .OT_time .OT_navList, .reserve-box .OT_party .OT_navList{width: 100% !important; left: -1px !important; border: 0 !important}

.reserve-box .OT_time .OT_navList .OT_navListItem, .reserve-box .OT_time .OT_navList.OT_navListItem, .reserve-box .OT_party .OT_navList .OT_navListItem{ width: 100% !important;}

.reserve-box .OT_time .OT_navList li:last-child, .reserve-box .OT_party .OT_navList li:last-child{ background-color: transparent !important; top: 0}

.reserve-box .OT_time .OT_navList li a, .reserve-box .OT_party .OT_navList li a{ padding-left: 10px}

.reserve-box .OT_time .OT_navList a.OT_navLink:link, .reserve-box .OT_time .OT_navList a.OT_navLink:visited, .reserve-box .OT_time .OT_navList a.OT_navLink:hover, .reserve-box .OT_time .OT_navList a.OT_navLink:active, .reserve-box .OT_party .OT_navList a.OT_navLink:link, .reserve-box .OT_party .OT_navList a.OT_navLink:visited, .reserve-box .OT_party .OT_navList a.OT_navLink:hover, .reserve-box .OT_party .OT_navList a.OT_navLink:active{ line-height: 39px}



*/

.reserve_con1{ position: relative; margin:132px 20%; /*float: right;*/ opacity: 1; width: 100%; z-index:99}

.reserve_con2{ position: relative; margin:7% 20%; /* left: -100%; float: left;*/ opacity: 1 }

.btn_back{ background: url(images/larrow.png) no-repeat left 20px center;  

    padding-left: 40px; top: 10px;}

.reserve_con2 p{ margin-bottom: 0px; padding: 12px 0px 10px !important; line-height: 25px; letter-spacing: 1.55px;}



.btn_reserve{width:347px; padding: 12px 37px; background-color:#f47c00; text-transform: uppercase; color: #fff;  letter-spacing: 1px; font-size: 18px;  font-family: 'robotolight',Georgia, Serif; color:#fff; text-decoration: none !important; display: block; margin:16px auto; }

.btn_reserve:hover{text-decoration: none !important; color: #fff; }



/* Quote-2 */

.quote-2{background-color: #f6f6f6; display: block; margin: auto; padding: 90px 22px 80px 22px;}

.quote-2 .carousel_text{text-align: center; padding: 0 87px  }

.quote-2 .carousel_text .quote-left{position:absolute; background: url("images/quote-left.png") no-repeat center top; display: block; width: 35px; height: 35px;top: -22px; left: 32px;}

.quote-2 .carousel_text .quote-right{ position:absolute;background: url("images/quote-right.png") no-repeat center top; display: block; width: 35px; height: 35px; float: right; right: 32px; bottom: 30px; }

.quote-2 .carousel_text h2{text-align: center; color: #f47c00; font-family: 'robotolight'; font-size: 27px;  margin-top: 22px; padding: 0; letter-spacing: -0.5px;}

.quote-2 .carousel_text h6{text-align: center; color: #949494; font-family: 'robotolight_italic'; font-size: 23px; margin-top: 38px;}

.quote-2 .carousel-control.left,.quote .carousel-control.right{display: none;}





/* Menu */

.menu{display: block; margin: auto; /*width: 100%;*/ height: auto;}

.menu .arrow-left{background: url("images/menuscroll-left.png") no-repeat left center; left: 54px; width: 66px; height: 48px; top: 44%;}

.menu .arrow-right{background: url("images/menuscroll-right.png") no-repeat right center; right: 65px; width: 66px; height: 48px; top: 44%;}

.menu .image1{width: 423px; height: 296px; float: left;}

.menu .image2{width: 555px; height: 296px; float: left;}

.menu .image3{width: 422px; height: 296px; float: left;}



.menu .menu-content{width: 828px;  z-index: 801; margin: -40px auto 0 auto; display: block; position: relative;}

.menu .menu-content ul{height: 81px; background-color: #f6f6f6; width: 100%; padding:23px 0 0 0; margin: 0; text-align: center;  box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.5);}

.menu .menu-content ul > li{display: inline-block; margin: 0px 20px; }

.menu .menu-content ul > li > a{text-align: center; text-transform: uppercase; font-family: 'montserratlight'; font-size: 23px; color: #707070; text-decoration: none;}

.menu .menu-content ul li > a.active, .menu .menu-content ul li > a:hover{color: #EE7F22 !important; font-family: 'montserratregular';}



.menu-list-lft, .menu-list-rht{margin-top: 22px;margin-bottom: 18px;}

.menu-list-lft h4, .menu-list-rht h4{font-family:'robotobold',Georgia, Serif; font-size: 18px; text-transform: uppercase; color: #707070; padding-bottom: 12px; border-bottom: 1px solid #e1e1e1;margin: 10px 0 6px 0; }

.menu-list-lft h4 span,.menu-list-rht h4 span,.menu-list-lft h4 strong,.menu-list-rht h4 strong{font-family: 'robotobold'; font-size: 18px; color: #707070; float: right; font-weight: normal;}

.menu-list-lft p, .menu-list-rht p{font-family: 'robotoregular'; font-size: 16px; color: #b1b1b1; margin-bottom: 16px; padding-top:4px; padding-bottom: 0; line-height: 25px; min-height: 47px;}



.menu-bottom{ margin-top: 46px;}

.menu-bottom .menu-avail-text{width: 100%; padding-bottom: 80px; text-align: center; float: left; background-image: url("images/h-shadow.png"); background-repeat: no-repeat; background-size: 80%; background-position: top center;}

.menu-bottom .menu-avail-text p{font-family: 'robotoregular'; font-size: 18px; color: #707070; padding: 76px 0 0 0;}

.menu-bottom .menu-avail-text span{font-family: 'robotolight_italic'; font-size: 18px; color: #707070;}



.menu .sub-recipe{display: inline-block; width: 100%;padding: 0px; margin: 0; text-align: center; border:0 !important; background: url(images/sub-recipe-border.jpg)no-repeat bottom center; margin-bottom: 8px; }

.menu .sub-recipe > li{display: inline-block; margin: 0 44px 20px 0; float: none;}

.menu .sub-recipe > li:last-child{ margin-right:0 }

.menu .sub-recipe > li > a{text-align: center; text-transform: uppercase; font-family: 'montserratlight'; font-size: 20px; color: #707070; text-decoration: none; padding: 0; border:0 !important; letter-spacing: -0.5px;}

.menu .sub-recipe li.active > a, .menu .sub-recipe li > a:hover{color: #EE7F22 !important; font-family: 'montserratregular';  background-color: none !important; background: none !important}

.menu .sub-recipe p{border-top: 1px solid #b1b1b1; width: 60%; text-align: center; display: block; margin: auto;}

.menu .sub-recipe p span{font-family: 'robotoregular'; font-size: 16px; color: #b1b1b1; margin-bottom: 16px;}



.menu h3{font-family: 'robotobold'; font-size: 21px; color: #ee7f22; text-transform: uppercase; padding-left:15px; }

.menu  .cap{font-family: 'robotoregular'; font-size: 16px; color: #b1b1b1; text-align: center; margin-bottom: 17px; }






.owlcarouselimg_con{ background-color: #cccccc; width: 100%}
.owlcarousel-img .owl-stage-outer{height:auto !important}
.pr_owlcarousel-img.owl-carousel .owl-item{ background-color: #cccccc;}

/*.pr_owlcarousel-img.owl-carousel .owl-item.active.center{width:700px !important}

.owlcarousel-img .owl-item.center{width:800px !important}*/

.owlcarousel-img .owl-controls,.owlcarousel-img .owl-nav{ position: absolute; top: 23%; width: 100%}

.pr_owlcarousel-img .owl-controls .owl-nav .owl-prev, .owlcarousel-img .owl-controls .owl-nav .owl-next{ display: none !important; width: 66px; height: 48px; color: #ee7f22; opacity:0.75; position: absolute; z-index: 800} 

#home-catalog .owlcarousel-img .owl-controls .owl-nav .owl-prev, #home-catalog .owlcarousel-img .owl-controls .owl-nav .owl-next{ display: none !important }


 .owlcarousel-img .owl-controls .owl-nav .owl-prev{

    background: url(images/owl-left.png)no-repeat center;

      left: 54px;

      top: 55px; 

    }

     

    .owlcarousel-img .owl-controls .owl-nav .owl-next{

        background: url(images/owl-right.png)no-repeat center;

      right: 54px;

      top: 55px;

    }
/* Custom Navigation */
.customNavigation{  text-align: center; z-index: 800; position: absolute;; width: 100%; top:116px}
.customNavigation .prev,.customNavigation .next{ display: block !important; width: 66px; height: 48px; color: #ee7f22; opacity:0.75; position: absolute; z-index: 800;} 
.owlcarousel-img .owl-controls .owl-nav .owl-prev, .customNavigation .prev{
    background: url(images/owl-left.png)no-repeat center; left: 54px;       }
.owlcarousel-img .owl-controls .owl-nav .owl-next, .customNavigation .next{background: url(images/owl-right.png)no-repeat center; right: 54px;}


/* slide overlay */
.slide-overlay{width: 100%; position: relative;}
.slide-overlay-left{position: absolute;z-index: 799; width: 33.3%}
.slide-overlay-right{position: absolute;z-index: 799; width: 33.3%}
.slide-overlay-left{left:0;  text-align:left;}
.slide-overlay-right{right:0; text-align: right; }
.slide-overlay-left img,.slide-overlay-right img{width: 100%; height: 294px}



/*End slide overlay */



.owlcarousel-recipe p{padding-left:15px; }

.owlcarousel-recipe p,.tab-content > .tab-pane p{font-size:16px; line-height: 24px; padding-bottom:0}

.menu-list-lft p, .menu-list-rht p{padding-left:0px}

.tab-content > .tab-pane h3{margin-bottom:7px !important;}
.tab-content > .tab-pane h3 br{display:none}


#slide-recipe .carousel-inner{ height:auto !important}

#slide-recipe p{padding-left:15px;  }

#slide-recipe p,.tab-content > .tab-pane p{font-size:16px;line-height:24px !important}

#slide-recipe .menu-list-lft p, #slide-recipe .menu-list-rht p{ padding-left:0px !important}





/* Monterey */

/*.abt-banner{background-size: cover  !important; background-attachment: fixed !important; margin-bottom: 80px;background-color:#666666 !important; min-height:300px }*/
.abt-banner{
/*margin-bottom: 80px;*/
    background-repeat:no-repeat;
    background-position: top center;
    background-attachment:fixed !important;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover; 

 min-height:300px }

.monterey.abt-banner{ /*height: auto; */  position: relative; padding-top: 1px; padding-top:60px;  min-height:300px}

.monterey img{ width: 190px; height: 111px; display: block; margin: 40px auto 40px auto; text-align: left; vertical-align: top;}

.monterey h4{font-size: 21px; font-family: 'montserratregular'; color: #fff; text-align: center; padding-bottom: 61px;}









/* Monthly Specials */



.home-ms.monthly-specials .ms-shadow{margin-bottom: 32px;}

.home-ms .news-box h2{letter-spacing: -.5px; padding-bottom: 15px; margin-top: 15px;}

.home-ms .news-box h6{padding-bottom: 19px;}



.monthly-specials .ms-shadow{ margin-bottom: 80px; width: 100%}

.monthly-specials .ms-shadow img{display: block; margin: auto}

.monthly-specials .news-box{border: 1px solid #e1e1e1; padding: 50px 30px 40px 30px; margin: 80px 0px 0px 0 !important;}

.monthly-specials .news-box h2{text-align: center; font-family: 'montserratlight'; font-size: 25px; color: #707070; padding-bottom: 10px}

.monthly-specials .news-box h6{text-align: center; font-family: 'robotolight'; color: #707070; font-size: 18px; padding-bottom: 21px;}

.monthly-specials .subscribe{text-align: center; margin-top:3px;}

.monthly-specials .subscribe > input{border: 1px solid #f8f8f7; width: 369px; height: 41px;}

.monthly-specials .subscribe > input[placeholder]{font-family: 'robotoregular'; font-size: 18px;color: #c4c4c4;}

.monthly-specials .subscribe  input[type="email"],.monthly-specials .subscribe  input[type="text"]{padding:5px 20px;border: 1px solid #c2c2c1; width: 369px; height: 41px; margin-right: 0; letter-spacing: 1px; color: #c4c4c4; top:-2px; position: relative;}

.monthly-specials .subscribe input[type="submit"]{background-color: #f47c00; color: #fff; font-family: 'robotoregular'; font-size: 18px; padding: 8px 30px 8px 30px; text-decoration: none; border: 0 !important; margin-left:8px; top: -2px; position: relative; letter-spacing: 1px;  }

.monthly-specials .news-box p{font-family: 'robotolight'; font-size: 16px; color: #b1b1b1; text-align: center; padding-top: 20px; }

.monthly-specials .subscribe input[type="submit"]:hover{background-color: #ff8200 !important;}

.newsletter_container{ margin-bottom: 20px}
.newsletter_container div{ color: #707070 !important;    font-family: "montserratlight" !important;    font-size: 25px !important;}
/* Sub Pages Menu */

.subpage_menu{ min-height: 140px; position: relative;}

.subpage_menu .mainmenu .navbar-brand{ margin-top:-20px; height: auto; }

.subpage_menu .mainmenu.navbar{ margin-bottom: 15px;}



.subpage_con{width: 100%; padding-bottom: 40px;}

.subpage_con .abt-shadow{position: relative; right: 0;width: 97px; float: right; z-index: 900;}

.subpage_con .abt-shadow img{width: 100%; height: 100%}

.subpage_con .col-left{ margin-top: 108px;}

.subpage_con .col-right{ margin-top: 92px;}

.subpage_con .col-left h3{ margin-top: 4px;}

.our-story{ margin: 0 98px 0 0; padding-right:34px;}

.our-story p{ margin-bottom: 0px}

.albert{ margin-bottom: 63px; padding:37px 43px; border: 1px solid #e1e1e1; margin-right: 98px;}

.albert img{webkit-box-shadow: 0px 1px 2px -1px #000;

       -moz-box-shadow: 0px 1px 2px -1px #000;

            box-shadow: 0px 1px 2px -1px #000;}

.albert .content{width: 511px; float: right;}

.albert .content p{ padding-bottom: 0px;}

.subpage_con .quote{ position: relative; z-index: -1; margin-left: -50%; padding: 25px 0 32px 0; margin-bottom: 63px; }

.subpage_con .quote .carousel_text{width: 750px; padding:0; position: relative; right: -33.5%}

.subpage_con .quote h2{ position: relative; padding: 0 81px; line-height: 38px;margin-top:0px; padding: 30px 81px 0 }

.subpage_con .quote h2 .quote-left{ left: 13px;}

.subpage_con .quote h2 .quote-right{bottom:-17px; right: 13px;}

.subpage_con .quote h6{ margin-top: 30px;}



.subpage_con .abt_con{width: 750px; padding: 0 0 30px 0}

.subpage_con .abt_con img{ margin-bottom: 60px; }

.subpage_con .btn{margin-right: 10px; }

.video-img iframe{margin-bottom: 60px;}
.video-img, .video-img img{cursor:pointer}




.recipes-menu{padding: 0; margin:2px 0 0 0;}

.recipes-menu li{ display: block; margin-bottom: 14px}

.recipes-menu li a{ font-family: 'robotoregular',Georgia, Serif; color: #a7a7a7; font-size: 15px; text-decoration: none;}

.recipes-menu li.current_page_item a, .recipes-menu li:hover a{font-family: 'robotomedium',Georgia, Serif; color: #636363}



.abt-banner{width: 100%; height: 272px;}



.recipes .recipe_con ul{ padding: 0; margin: 0 0 20px 0}

.recipes .recipe_con ul li{padding-left:10px; display: block; background:url(images/dot.png) no-repeat left top 12px;color: #707070; font-family: 'robotolight'; font-size: 18px; line-height: 30px;}

.recipes p strong{color: #636363; font-family: 'robotoregular'; font-size: 18px; 

text-decoration: normal !important;}



.recipe-month-special .ms-shadow{ margin-bottom: 20px;}





/* Al Scoma */

.al-scoma h3{ text-transform: uppercase; margin:0 0 30px 0}

.al-scoma h3 span{}

.al-scoma .al-scoma-img{ margin:5px 15px 0px 0; float: left; }





/* Contact */

.contact h3{ text-transform: uppercase;}

.contact .contact_con{  margin-top: 32px;border: 1px solid #e1e1e1; padding: 30px 30px 25px 35px; width: 750px; margin-bottom: 15px;}

.contact p strong, .contact .contact_con p strong{font-family: 'robotoregular',Georgia, Serif; color: #707070 !important; font-weight: normal; font-weight: normal; text-transform: none;}

.contact p:last-child{ padding-bottom: 0; margin-bottom: 0}

.contact .read-more{ top: 30px; position: relative;}

.contact h6{ text-transform: uppercase; color: #707070; margin-bottom: 15px;}

.contact .btn.gray{width: 262px; background-color: #959595 !important; margin-bottom: 2px; text-align: left; padding-left: 25px; }



.contact .btn.gray:hover{background-color: #a4a4a4 !important;}

/*Gift*/

.subpage_con.gift .col-left h3{

    margin-top:4px;

}

.subpage_con.gift p{ color: #707070;}

.subpage_con.gift .col-left  p a{

    color:#f47c00;

}

.subpage_con.gift .col-left a.btn.gray,.subpage_con.gift .col-right a.btn.gray{ background-color:#959595;}

.subpage_con.gift .col-left a.btn.gray {

    margin-top: 24px; width: 229px; padding-left: 0; padding-right: 0; text-align: center;  

}

.subpage_con.gift .col-left a.btn.gray:hover,.subpage_con.gift .col-right a.btn.gray:hover, .subpage_con.gallery .col-right .btn.gray:hover{background-color:#a4a4a4 !important;}

.subpage_con.gift .col-left h5  {

    width:100%;

    font-size:18px;

    color:#707070;

    font-family: 'robotoregular',Georgia, Serif; margin-top: 16px; margin-bottom:5px;}



.subpage_con.gift .col-left h5 span, .subpage_con.gift .col-left h5 strong {

    float:right;

    font-size:18px; font-weight: normal;}

.subpage_con.gift .col-left h5 p{ display: inline-block; margin-bottom: 0; padding: 0; line-height: 18px;}

.subpage_con.gift .col-right a.btn.gray {

   width:262px; text-align: left; padding-left: 26px; margin: 10px 0 15px 0;

}

.subpage_con.gift .col-right p{ line-height: 28px; margin-bottom: 0; padding-bottom: 10px;}

















/* Private Dining */

.pr-intro{ text-align: center; padding: 91px 15px 6px 15px;}

.pr-intro h3{ margin-bottom: 29px}



.pr-menu{ text-align: center; height: auto; padding-bottom: 50px}

.pr-menu .menu-list_cont h6{font-family: 'robotoregular',Georgia, Serif; font-size: 18px; color: #707070; margin-bottom: 29px;}

.pr-menu .menu-list_cont p{font-family: 'robotolight',Georgia, Serif; font-size: 18px; color: #707070;}

.pr-menu-bottom .menu-avail-text{ padding-top: 76px;}

.pr-menu-bottom p{font-family: 'robotolight',Georgia, Serif !important; font-size: 18px; color: #707070; padding: 0 !important}

.pr-menu-bottom p strong{font-family: 'robotoregular',Georgia, Serif !important; font-size: 18px; color: #707070; text-transform: none}



/* Photo Page */

.subpage_con.gallery .col-left{ margin-top: 115px;}

.subpage_con.gallery .col-right{ margin-top: 115px;}

.subpage_con.gallery .col-left{padding-bottom: 0}

.subpage_con.gallery .col-left .content-height{padding-bottom: 122px}

.subpage_con.gallery .gallery_list{ width:100%; padding:0px; margin:0px;}   

.subpage_con.gallery .col-left .content-height h3{ font-family: 'montserratregular',Georgia, Serif; font-size:22px; color:#f47c00; margin-bottom: 32px;}

.subpage_con.gallery .gallery_list li{ text-decoration:none; list-style:none; display:inline-block; margin: 27px 3px 14px 0px; width: 182px; height: 121px;}

.subpage_con.gallery .gallery_list li img{ width: 182px; height: 121px;}

.subpage_con.gallery .col-left a{ font-family: 'robotolight',Georgia, Serif; font-size:18px;}

.subpage_con.gallery .content-height h3{ margin-top:6px; font-size:22px; font-family: 'robotoregular',Georgia, Serif;}

.subpage_con.gallery .col-right a{ margin-top:9px; font-family: 'robotolight',Georgia, Serif; font-size:18px;}

.subpage_con.gallery .col-right h3{ font-size:18px; color:#707070; font-family: 'robotoregular',Georgia, Serif; margin: 5px 0 14px 0; letter-spacing: 1px}

.subpage_con.gallery .col-right .btn.gray{ width:262px; height:49px; background-color:#959595; text-align:left; padding:10px 26px 10px; }



/* .overlay{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.85); z-index:1000; width:100%; height:100%; display: none;}

.gallery .carousel { position: absolute; z-index: 1001; left: 29.5%; top: -130px; width: 655px; height: auto; display: none;}

.gallery .carousel .close-btn{width: 24px; display: block; margin: auto; margin-bottom: 15px;}

.gallery .gallery-left{ position: absolute; z-index: 6; top: 210px; left: -100px; width: 43px; height: 83px;}

.gallery .gallery-right{ position: absolute; z-index: 6; top: 210px; width: 43px; height: 83px; right: -100px} */



/* Footer */

footer{background-color:#676767; display: block; margin:auto; padding-top:45px; padding-bottom:24px; }

footer h6{font-family: 'montserratlight'; text-align: center; font-size: 13px; color: #fff;}

footer p{font-family: 'montserratlight'; text-align: center; font-size: 11px !important; color: #fff;}

footer h6{ margin-bottom: 8px;}

footer .social-icons{text-align: center; margin-bottom: 28px; }

footer .social-icons img{padding: 5px;}

footer .footer-links{width: 273px; display: block; margin: auto; text-align: center;}

footer .footer-links ul{padding: 0; margin: 0}

footer .footer-links ul li{display: inline-block; text-align: center; margin-right: 15px;}

footer .footer-links ul > li > a{color: #f47c00; font-size: 16px; font-family: 'montserratregular'; text-decoration: none; text-transform: uppercase;}

footer .footer-links ul > li > a:hover{color:#ec973f}

footer .footer-links ul > li:last-child{margin-right:0}

.site-footer {clear: both;}

.social-icons{text-align:center}

.social-icons a{margin:0 4px !important;}

.social-icons a:hover .fa,footer .footer-links ul > li > a{   -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

-webkit-transition: all 0.3s ease-out;}

.social-icons a:hover .fa.fa-facebook,.social-icons a:hover .fa.fa-twitter,.social-icons a:hover .fa.fa-instagram{background-color: #fff;}





.subscribe form table tr{display:inline-block !important}



.scrolling .jspDrag{ background:#f47c00 !important}





@media (min-width: 1400px){

/*.reservation,.menu .container,  .menu .owlcarousel-img{display: block; margin: auto; width: 1400px;}*/
.menu .slide-overlay{display: block; margin: auto; width: 1400px;}
.reservation,.menu .container{display: block; margin: auto; width: 1400px;}

}

/* Large deskt.ops and laptops */

@media (min-width: 1200px){



    .mainmenu .navbar-collapse{padding-right:0 }

    .mainmenu .navbar-brand{ padding: 0; margin:-17px 0 0 0px;}



    .mainmenu .navbar-nav{ margin-top: 18px;}
    .mainmenu .navbar-nav li{ text-align: center;}
    .mainmenu .navbar-nav li:nth-child(1){width: 65px}

    .mainmenu .navbar-nav li:nth-child(2){width: 79px}

    .mainmenu .navbar-nav li:nth-child(3){width: 152px}

    .mainmenu .navbar-nav li:nth-child(4){width: 87px}

    .mainmenu .navbar-nav li:nth-child(5){width: 74px}

    .mainmenu .navbar-nav li:nth-child(6){width: 76px}

.intro-text img{width: 80%; height: auto;}
 .intro .intro-contact p{ margin-bottom: 31px; }

.pr_owlcarousel-img.owl-carousel .owl-item img{width: 101% !important;}

.subpage_menu .navbar-nav{margin-top:40px !important;}

.menu-content-home li, .menu .menu-content.menu-content-pr li{ text-align: center;}

.menu-content-home li:nth-child(1){width:96px;}
.menu-content-home li:nth-child(2){width:144px;}
.menu-content-home li:nth-child(3){width:110px;}
.menu-content-home li:nth-child(4){width:68px;}
.menu-content-home li:nth-child(5){width:82px;}



.menu .menu-content.menu-content-pr{width: 761px;}
.menu .menu-content.menu-content-pr li:nth-child(1){width:174px;}
.menu .menu-content.menu-content-pr li:nth-child(2){width:192px;}
.menu .menu-content.menu-content-pr li:nth-child(3){width:218px;}

/*.albert{width:750px; margin:0 auto 63px -100% }

.our-story{width:750px; margin:0 auto 0px -100% }

.abt_con{width:750px}*/



    #recipe-icon{ display: none;}

    .menu .sub-recipe > li{ margin-bottom:30px;}

.home-banner .item {background-size: cover;}

    .subpage_menu .navbar-nav{ margin-top: 18px;}

    .subpage_con .col-left .content-height{ padding-bottom:80px; /*width:750px*/}

    .header_bg{ background-color: transparent !important; }

    .header_bg{padding-top:18px;}



    .recipes .btn{ margin-top: 28px;}

    .recipes #recipe-menu {}

.recipes-menu, .jspContainer, .jspPane{width:100%}

/*Contact */

    .contact .col-right.press p{ line-height: 28px !important; }

    .contact .col-right h6{ margin-top: 20px; letter-spacing: 0.5px}

    .contact  .col-left .content-height{padding-bottom:101px}



/* Gift */

.subpage_con .col-right{ padding:114px 23px 0 15px; }



/* Photo Page */



/* Private Dining */

.pr-intro .col-md-10{padding: 0 80px}

.pr-menu .menu-list_cont{padding: 0 80px}





/* Footer */

.footer{background-color:#676767; width:100%; display: block; margin:auto;}

.footer .social-icons{text-align: center; padding: 20px 0px 30px;}

.footer .social-icons img{padding: 5px;}



}



/* Landscape tablets and medium desktops */

@media (min-width: 992px) and (max-width: 1199px) {     

     header.header_bg{background-color: transparent !important}

    .mainmenu .navbar-brand > img{width: 150px;top: -34px;position: relative;}

    .mainmenu .navbar-nav{margin-top: 10px;margin-bottom: 20px;}

    .mainmenu .navbar-nav li{ text-align: center;}

    .mainmenu #cssmenu > .navbar-nav li:nth-child(1){width: 80px}

    .mainmenu #cssmenu > .navbar-nav li:nth-child(2){width: 79px}

    .mainmenu #cssmenu > .navbar-nav li:nth-child(3){width: 152px}

    .mainmenu #cssmenu > .navbar-nav li:nth-child(4){width: 87px}

    .mainmenu #cssmenu > .navbar-nav li:nth-child(5){width: 74px}

    .mainmenu #cssmenu > .navbar-nav li:nth-child(6){width: 76px}   


    .subpage_menu .mainmenu .navbar-brand > img{width:117px; top: 0px}

    .subpage_menu .mainmenu .navbar-nav{margin-bottom:0px;}



    #recipe-icon{ display: none;}

    .home-quote.quote .col-md-3{ width:17%}

    .home-quote.quote .col-md-6{width: 66%}

.menu-content-home li, .menu .menu-content.menu-content-pr li{ text-align: center;}


.menu-content-home li:nth-child(1){width:96px;}
.menu-content-home li:nth-child(2){width:144px;}
.menu-content-home li:nth-child(3){width:110px;}
.menu-content-home li:nth-child(4){width:68px;}
.menu-content-home li:nth-child(5){width:82px;}



.menu .menu-content.menu-content-pr{width: 761px;}
.menu .menu-content.menu-content-pr li:nth-child(1){width:174px;}
.menu .menu-content.menu-content-pr li:nth-child(2){width:192px;}
.menu .menu-content.menu-content-pr li:nth-child(3){width:218px;}

    /* Reservation */

    .reservation .col-md-2{width:10%; }

    .reservation .col-md-8{width:82%; }

    .ui-widget {left: 16.8% !important;}
.ipad-os .reservation{ background-attachment:scroll !important}


    /* about Us */

   .subpage_con .col-left{ margin-top: 60px}

   .subpage_con .col-right{ padding-top:65px; margin-top:0}

   .albert{ padding: 20px; float: none; margin-right: 0px; width: 599px;}

   .albert .content{width: 413px;}

   .subpage_con .quote .carousel_text{width:599px;}

   .subpage_con .quote h2{ font-size: 22px; line-height: 30px !important; padding: 0 30px;}

   .subpage_con .quote h6{ font-size: 16px; margin-top: 23px;}

   .carousel_text .quote-left,.carousel_text .quote-right{width: 25px; height: 25px; background-size: 100%}



   .abt_con{width: 599px !important}

   .abt_con img{width: 100%; height: auto;}

 .ipad-os .abt-banner{ background-attachment:scroll !important}



   /* Contact */

   .contact .contact_con{width: 628px;}

   .contact .btn.gray{width: 223px; padding-left: 15px; }

   .contact .col-right .btn.gray{margin-right: 0 !important}



   /*Gift */

   .subpage_con.gift .col-right a.btn.gray{width: 230px;}

   .subpage_con.gift .col-right p br{ display: none;}

    

    /* Photo Page */

    .subpage_con.gallery .gallery_list li{margin: 27px 0px 0px 0px; width: 146px;}

    .subpage_con.gallery .gallery_list li img{width: 100%; height: auto;}

    .subpage_con.gallery .col-right .btn.gray{width: 220px;}

    .gallery .carousel{left: 23%; top: -135px;}



}



/* Portrait tablets and small desktops */

@media (min-width: 768px) and (max-width: 991px) {

     header.header_bg{background-color: transparent !important}

    header{ min-height: 124px !important;}

    .mainmenu .navbar-nav{    margin-top: 13px;    margin-bottom: 0px;}

    .subpage_menu .mainmenu.navbar{ margin:21px 0 1px 0 }

    .mainmenu .navbar-brand{ position: relative; top: -28px; margin-top: 0}

    .mainmenu .navbar-brand > img{width:130px; height: auto}

    .mainmenu .navbar-nav li a, .mainmenu .navbar-nav li:hover a, .mainmenu .navbar-nav li.current_page_item a{font-size: 14px;}



    .mainmenu .navbar-nav{ margin-top: 18px;}

    .mainmenu #cssmenu > .navbar-nav li:nth-child(1){width: 70px}

    .mainmenu #cssmenu > .navbar-nav li:nth-child(2){width: 69px}

    .mainmenu #cssmenu > .navbar-nav li:nth-child(3){width: 142px}

    .mainmenu #cssmenu > .navbar-nav li:nth-child(4){width: 77px}

    .mainmenu #cssmenu > .navbar-nav li:nth-child(5){width: 64px}

    .mainmenu #cssmenu > .navbar-nav li:nth-child(6){width: 66px}

    .intro-text img{width: 90%; height: auto;}


    .subpage_menu .mainmenu .navbar-brand{top: 0px}

    .subpage_menu .mainmenu .navbar-brand > img{width:117px; top: 0px}

    .subpage_menu .mainmenu .navbar-nav{margin-bottom:0px;}



    .home-banner .carousel-caption h1{font-size: 60.87px;}

    .home-banner .carousel-caption p{ font-size: 19px; margin-top: 0;}



    .home-quote.quote{padding:40px 0px}

    .home-quote.quote .col-md-3{ width:10%; float: left}

    .home-quote.quote .col-md-6{width: 80%; float: left}



.intro-text{text-align:center}

    .intro h3{ font-size: 21px;}

    .intro .verti-shadow{ background: none !important;}

    .intro .client-column{padding-bottom: 20px;}

    .intro .client-column, .intro .contact-column{ padding-top: 40px; float: left}

    .intro .contact-column{ padding-bottom: 40px}



.intro-logo {

    width: 563px;

    display: block;

    margin: auto;}

.intro-logo ul{text-align:center}

    .intro .intro-contact{ float: left; margin-top: 0; margin-bottom: 10px; text-align:center}
    .intro .contact-column,.intro-contact{ text-align: center; width:100%}

    .intro .intro-contact h3{ font-size:18px; }

    .intro .intro-contact p{ font-size:16px; line-height: 22px; margin-bottom: 10px; }





    .menu{ overflow: hidden;}

    .owlcarousel-img .owl-item img{ width: 100%; height: auto !important;}

    .menu .menu-content{ width: 750px;}

    .menu .menu-content ul > li{ margin: 0 10px;}



    .monterey.abt-banner{ margin-top: 50px}



.owlcarousel-img .owl-stage-outer, .owlcarousel-img .owl-stage-outer .item{height:230px !important}

.owlcarousel-img .owl-item img{ width: 100%; height: 100% !important;}

 .slide-overlay-left img, .slide-overlay-right img{ height: 230px}
 .customNavigation{top:72px;}

    /* Reservation */

    .reservation .col-md-2{display:none;    }

    .reservation .col-md-8{width:738px; display:block; margin: auto; }

    .reserve-box .OT_list li{ width:224px;}

    .ui-widget{left: 8.2% !important;width:226px !important ; }

.ipad-os .reservation{ background-attachment:scroll !important}



    /* about Us */

    .subpage_con .abt-shadow{ display: none;}

   .subpage_con .col-left{ margin-top: 60px; margin-bottom:40px}

   .subpage_con .col-right{ padding-top: 45px;}

   .our-story{ width: 100%; margin: 0; padding: 0px}

   .albert{ padding: 20px; float: none; margin-right: 0px; width: 100%;}

   .albert .content{width: 76%;}

   .abt-banner{ min-height: 160px; margin-bottom:40px;}

 .ipad-os .abt-banner{ background-attachment:scroll !important}

   .monthly-specials{ margin-top: 50px}

   .monthly-specials .news-box{ margin-top: 0px}



   .subpage_con .quote{ margin-left: auto; margin-bottom: 60px; }

   .subpage_con .quote .carousel_text{width:100%; display: block; right: auto; margin: auto; padding: 0 50px}

   .subpage_con .quote h2{ font-size: 22px; line-height: 30px !important; padding:20px 30px 0 30px;}

   .subpage_con .quote h6{ font-size: 16px; margin-top: 23px;}

   .carousel_text .quote-left,.carousel_text .quote-right{width: 25px; height: 25px; background-size: 100%}

.subpage_con .quote h2 span:nth-child(2){ padding:0 30px}



   .abt_con{width: 721px !important; display: block; margin: auto}

   .abt_con img{width: 100%; height: auto; margin-bottom: 20px !important}



.reservation .btn_next{ top:100px}



    /* Contact */

   .contact .contact_con{width: 100%;}

   .contact .btn.gray{width: 232px}

    .execphpwidget{margin-top: 0px;}



   /* Gift */

   .subpage_con.gift .col-left a.btn.gray{ margin-top: -10px}

   

   /* Photo Page */

   .subpage_con.gallery .col-left{margin-top: 40px !important;}

   .subpage_con.gallery .gallery_list li{margin: 27px 3px 0px 0px; width: 173px;}

   .subpage_con.gallery .gallery_list li img{width: 100%; height: auto;}

   .subpage_con.gallery .col-right .btn.gray{width: 240px;}

   .subpage_con.gallery .btn{margin-top: 10px}

   .subpage_con.gallery .col-left .content-height{padding-bottom: 20px;}

   .subpage_con.gallery .col-right{margin-top: 20px;}

   .gallery .carousel{top: -60px; width: 520px; left: 15%;}

   .gallery .gallery-left, .gallery .gallery-right{top: 165px;}

}



/* Landscape phones and portrait tablets */

@media (max-width: 767px) {

.ipad-os .reservation{ background-attachment:scroll !important}
.ipad-os .abt-banner{ background-attachment:scroll !important}

     header.header_bg{background-color: transparent !important}

.subpage_menu .mainmenu .navbar-brand{top: 0px;left:0px}

    h3{ font-size: 18px;text-align: center;}

    h5{ font-size: 16px;text-align: center;}   

    p, p strong, p span{ font-size: 15px !important; line-height: 24px; text-align: center;}

    .read-more{ font-size: 15px; background-size: 8px auto; width: 226px; display: block; margin: auto auto 30px !important}

    header{ min-height: 50px !important}

    .mainmenu { margin: 8px 0 8px 0 !important;}

    .mainmenu .navbar-brand{ position: relative; top: -20px; left: -4px;}

    .mainmenu .navbar-toggle, .mainmenu .navbar-toggle.collapsed, .mainmenu .navbar-default .navbar-toggle:focus, .mainmenu .navbar-default .navbar-toggle:hover{ margin-top: 15px; border: 0px !important; background-color:transparent !important; margin-right: 0px;}

    .mainmenu.navbar-default .navbar-toggle .icon-bar{ background-color: #fff;}

    .subpage_menu .mainmenu .navbar-brand{ padding: 0px !important; margin-top: 0px;}

    .mainmenu .navbar-brand > img{width:90px; height: auto}

    .mainmenu .navbar-nav{ float: left !important;}

    .mainmenu .navbar-nav li a, .mainmenu .navbar-nav li:hover a{font-size: 14px;}

    .mainmenu .navbar-nav li{ padding: 8px !important}

    .mainmenu.navbar-default .navbar-collapse, .mainmenu .navbar-default .navbar-form{ background:url(images/home-header-bg.png) !important; border-top: 0px solid transparent;

box-shadow: 0px 0px 0px }



    .home-banner .carousel-caption h1{font-size: 40px; line-height: 56px;}

    .home-banner .carousel-caption p{ font-size: 13px; margin-top: 0; line-height: 8px;}

    .intro-text img{width: 90%; height: auto;}

    .home-quote.quote{padding:14px 0px}

    .home-quote.quote .col-md-3{ width:10%; float: left; display: none;}

    .home-quote.quote .col-md-6{width: 100%; float: left}

    .home-quote.quote .carousel_text{padding: 0px 28px;}

    .home-quote.quote .carousel_text h6{margin-top: 12px; font-size: 14px !important; padding-top: 5px; margin-bottom: 0; font-size: 18px; }

    .home-quote.quote .carousel_text h2{  font-size: 16px; line-height:26px;

    padding-top: 6px;

    position: relative;

    width: 425px;

    display: block;

    margin: auto;}

    .home-quote.quote .carousel_text .quote-left{display: inline-block; top:0px; left: -12px; position: relative; }

    .home-quote.quote .carousel_text .quote-right{display: inline-block; right: 6px; bottom:-22px; position: relative; float: none;}





    .intro{ text-align: center;}

    .intro h3{ font-size: 18px; text-align: center; }

    .intro .verti-shadow{ background: none !important; float: left}

    .intro-logo{ width: auto}
    .intro .client-column h3{padding-top: 30px}

    .intro .client-column{padding-bottom: 20px; }

    .intro .client-column, .intro .contact-column{ padding-top: 0px; float: left}

    .intro .contact-column{ padding-bottom: 40px; width: 100%}

    .intro-logo ul li{ width: 49%; min-height: 68px; vertical-align: middle;}

    .intro .intro-contact{ width: 100%; float: left; margin-top: 0; margin-bottom: 10px; min-height: 140px;}

    .intro .intro-contact h3{ font-size:18px; }

    .intro .intro-contact p{ font-size:16px; line-height: 22px; }

.intro-text img{display: none !important;}

    /* Reservation */

    .reservation{ min-height: 664px; background-size: cover;}

    .reservation .menu-button{ font-size: 24px;}

    .reservation h1{ font-size: 39px;}

    .reservation .col-md-2{display:none;    }

    .reservation .col-md-8{width:90%; display:block; margin:auto ; }

    .reserve-box .OT_list li.OT_day, .reserve-box .OT_list li.OT_time,.reserve-box .OT_list li.OT_party{ width: 224px;display: block;margin:auto auto 20px auto  !important;float: none;}

    .reserve-box .OT_list li:last-child{ top: 0}

    .ui-widget{left: 8.2% !important;width:226px !important ; }

    .reservation .btn_next{top:96px;}

    .ui-widget {left: 29.2% !important;}



    .OT_timeList li.OT_navListItem{ margin-bottom: 0 !important;}

    .api{width: 100%}



.reservation .btn_next{ top:110px}



    .menu{ overflow: hidden;}



    /*.owl-carousel {  display: block !important;}

    .owlcarousel-img div.item{width:100%; text-align:center}

    .owlcarousel-img div.item img{width:250px; height:auto} */

    .owlcarousel-img .owl-stage-outer{ height: 263px;}

    .owlcarousel-img .owl-item img{ width: 100%; height: 100% !important;}

.owlcarousel-img .owl-stage-outer, .owlcarousel-img .owl-stage-outer .item{height:129px}




    .menu .menu-content{ width: 450px; top: 20px;}

    .menu .menu-content ul{height: 60px; padding: 21px 0px 0px;}

    .menu .menu-content ul > li{ margin: 0 5px;}

    .menu .menu-content ul > li a{ font-size: 14px;}

    .menu .menu-content .ms-shadow img{width: 100%}


.menu-list-lft, .menu-list-rht {float:left; width:100%}
    .menu-list-lft h4, .menu-list-rht h4{ text-align: center; font-size: 16px;}

    .menu-list-lft h4 span, .menu-list-rht h4 span, .menu-list-lft h4 strong, .menu-list-rht h4 strong{ float: none; display: inline-block; margin-left: 20px; font-size: 16px;}

    .menu-list-lft p, .menu-list-rht p{font-size: 14px;}



    .monterey.abt-banner{ margin-top: 50px}



    .menu .sub-item h3{ text-align: center;}



.reserve_con2 p{ font-size: 16px; letter-spacing: 1px;}

.reservation .reserve-box{padding-top: 60px; }

.btn_reserve{width: 280px;padding: 12px 0;letter-spacing: 1px;font-size: 15px;}

.reservation .btn_next, .reservation .btn_back{ font-size: 16px;}
.menu .sub-recipe{ padding-top: 20px}
.menu .sub-recipe > li{width:100%; text-align:center; margin:0; padding: 8px 0}


.owlcarousel-img .owl-controls .owl-nav .owl-prev, .customNavigation .prev,.customNavigation .next{width: 26px; height: 26px; background-size: 100% !important}
 .slide-overlay-left img, .slide-overlay-right img{ height: 129px}
 .customNavigation{top:45px;}
.customNavigation .prev{ left: 5px}
.customNavigation .next{ right: 5px;}



/* about Us */

.big-btn{font-size:14px !important;}

   .subpage_con .abt-shadow{ display: none;}

   .subpage_con .col-left{ margin-top: 50px}

   .subpage_con .col-right{ margin-top: 35px; }

   .subpage_con.recipes .col-right p, .subpage_con.recipes .col-right p strong{ font-size: 15px;  text-align: left !important;}

   .our-story{ width: 100%; margin: 0; padding: 0px}

   .albert{ padding: 10px; float: none; margin-right: 0px; width: 100%; z-index: 1; margin-bottom: 40px}

   .albert img{ margin: auto !important; width: 94px; height: auto; display: block; float: none;}

   .albert .content{width: 100%; float: none; }


   .subpage_con .quote{ margin-left: auto; margin-bottom: 40px; }

   .subpage_con .quote .carousel_text{width:100%; display: block; right: auto; margin: auto; }

   .subpage_con .quote h2{ font-size: 22px; line-height: 30px !important; padding:0px 49px; }

   .subpage_con .quote h6{ font-size: 16px; margin-top: 23px;}

   .carousel_text .quote-left,.carousel_text .quote-right{width: 25px; height: 25px; background-size: 70% auto}



   .abt_con{width: 100% !important; display: block; margin: auto}

   .abt_con img{width: 100%; height: auto; margin-bottom: 20px !important}



     .abt-banner{ min-height: 160px; margin-bottom:40px}

       .ipad-os .abt-banner{ background-attachment:scroll !important}

    

   .subpage_con .btn{width:255px; display: block !important; margin:auto !important; margin-bottom: 10px !important; padding: 8px 10px !important}

.monterey h4{font-size:15px;}

.monthly-specials .news-box{ padding-top:30px;}



   .recipes p, .recipes p strong, .recipes .recipe_con ul li{font-size: 15px; line-height: 24px; text-align: left;}

.subpage_con .quote h2 span:nth-child(2) {    padding:20px 15px  0 15px; display:block}



    /* Contact */

    .contact h3, .contact h6{ text-align: center !important;}

   .contact .contact_con{width: 100%;}

   .contact .btn.gray{width: 255px; text-align: center;}

   .contact .col-right.press{ margin-top: 50px; float: none}

    .execphpwidget{margin-top: 0px;}



   /* Gift */

   .subpage_con.gift h3{ text-align: center;}

   .subpage_con.gift .col-left h5{ font-size:15px;  width: 80%; display: block; margin: 12px auto 15px auto; text-align: center; }

   .subpage_con.gift .col-left h5 span{font-size:15px; float: none; display: inline-block; padding-left: 18px}

   .subpage_con.gift .col-right a.btn.gray{ text-align: center;}



   /*Private Dining */

   .pr-menu .owlcarousel-img .owl-stage-outer{ height: 164px;}



   /* Photo Page */

   .subpage_con.gallery .col-left{ margin-top: 40px;}

   .subpage_con.gallery .col-left .content-height h3{text-align: center;}

   .subpage_con.gallery .gallery_list{ width: 450px; padding: 0px; margin: auto; display: block; float: none; text-align: center;}

   .subpage_con.gallery .gallery_list li{margin: 8px 5px 0px 0px !important; width: 138px; height: auto;}

   .subpage_con.gallery .gallery_list li img{width: 100%; height: auto;}

   .subpage_con.gallery .col-right .btn.gray{width: 240px; text-align: center;}

   .subpage_con.gallery .content-height .btn{margin-top: 20px !important;}

   .subpage_con.gallery .col-right h3{text-align: center; margin: 5px 0 10px 0;}

   .subpage_con.gallery .col-left .content-height{padding-bottom: 20px;}

   .subpage_con.gallery .col-right{margin-top: 20px;}

   .gallery .carousel{top: -30px; width: 72%; left: 15%;}

   .gallery .gallery-left{top: 45%; width: 30px; left: -50px; height: auto;}

   .gallery .gallery-right{top: 45%; width: 30px; right: -50px; height: auto;}

   .gallery .gallery-left img, .gallery .gallery-right img{width: 30px;}



/* Footer */

footer{ padding-top: 30px;}

footer .social-icons{ margin-bottom: 10px;}

    

}



@media (min-width: 480px) and (max-width:590px) { 

.monthly-specials .subscribe input[type="email"]{width: 100%; margin-bottom:10px; text-align: center;}

}



/* Portrait phones and smaller */

@media (max-width: 480px) {

.mainmenu .navbar-brand{left:-27px}

/*.home-banner{margin-top:40px;}*/

.home-banner .item{background-size: cover !important;}

.home-banner .item img{height:75vh !important;}

.home-banner .carousel-caption{bottom:auto; top: 25% !important;}

.home-banner .carousel-caption h1{font-size:28px !important;}

.home-banner .carousel-caption p{ line-height:16px !important;;}

  

     .abt-banner{ min-height: 160px; margin-bottom:40px}

   .al-scoma .al-scoma-img{width:90px; display: block; margin: auto; float: none;}

   .monthly-specials .subscribe input[type="email"]{width: 100%; margin-bottom:10px;}



   .home-banner .carousel-caption h1{font-size: 35px; line-height: 34px;}

    .home-banner .carousel-caption p{ font-size: 11px; margin-top: 0; line-height: 8px;}



    .home-quote .carousel_text{ padding:0px !important;}

.home-quote.quote .carousel_text .quote-left{left:-7px;}
.home-quote.quote .carousel_text .quote-right{ float: right; bottom: -10px}

    /*.home-quote .carousel_text .quote-left{top: -10px;left: 9px;}

    .home-quote .carousel_text .quote-right{right: 9px;bottom: 2px;}*/

 .home-quote .carousel_text h2{width: 280px !important;}



    .intro .client-column, .intro .contact-column{ padding-top: 15px;}

    .intro-logo ul li{ min-height: 10px}

    .intro-logo ul li img{ width:60%; height: auto;}

    .intro .intro-contact{width: 100%; min-height: 50px; height: auto;}



    .reservation h1{ font-size: 26px;}

    .reservation .btn_next{ font-size:15px; letter-spacing:0.5px;  top: 102px;}

    .reservation p.btn_next img{ margin-top:  12px;}

.reserve_con2 p{font-size:14px;}

    .ui-widget{ left: 23.2% !important  }



.owlcarousel-img .owl-stage-outer, .owlcarousel-img .owl-stage-outer .item{height:109px !important}





    .menu .menu-content{ width: 100%; top: 0px;}

    .menu .menu-content ul{min-height: 30px; height: auto !important; padding: 15px 0px 15px 0;}

    .menu .menu-content ul > li{ margin: 0 5px;}

    .menu .menu-content ul > li a{ font-size: 12px;}


.customNavigation{ top: 30px;}

#slide-recipe .menu-list-lft p, #slide-recipe .menu-list-rht p{height:auto;}



   /* Photo Page */

   .subpage_con.gallery .gallery_list{width: 280px;}

   .subpage_con.gallery .gallery_list li{width: 132px; height: auto;}

   .subpage_con.gallery .col-right .btn.gray{padding-top: 10px !important;}

   .gallery .carousel{top: -30px; width: 72%; left: 15%;}

   .gallery .gallery-left{top: 45%; width: 25px; left: -40px; height: auto;}

   .gallery .gallery-right{top: 45%; width: 25px; right: -40px; height: auto;}

   .gallery .gallery-left img, .gallery .gallery-right img{width: 25px;}



}


@media (max-width: 1199px){

#slide-recipe p,.tab-content > .tab-pane p{padding-right:15px;}

#slide-recipe p br,.tab-content > .tab-pane p br{ display:none}

}

@media (max-width: 991px){

    

    .home-banner .item{ width: 100%; background-size: 100%; height: auto}

    .home-banner .item img{width: 100%; height: auto;}

.intro-text{ padding: 0}   
.reserve_con1,.reserve_con2{width: 100%}  

    #recipe-menu{width: 280px; background-color: #f6f6f6; position: fixed !important; right: 0px; padding:20px 10px 10px 10px; z-index: 1000; top: auto; bottom: -80%; height: 80%;

-webkit-box-shadow: 0px 0px 25px -8px rgba(0,0,0,1);

-moz-box-shadow: 0px 0px 25px -8px rgba(0,0,0,1);

box-shadow: 0px 0px 25px -8px rgba(0,0,0,1);

border-radius: 10px 0 0 0;

}

#recipe-menu h3{display:none !important}

.recipes-menu li{margin-bottom:10px}

.recipes-menu li a{font-size:14px;}

    #recipe-icon{ position: absolute; right: -1px; bottom: auto; top: -27px; z-index: 1001;-webkit-box-shadow: 0px 0px 25px -8px rgba(0,0,0,1);

-moz-box-shadow: 0px 0px 25px -8px rgba(0,0,0,1);

box-shadow: 0px 0px 25px -8px rgba(0,0,0,1);

border-radius: 6px 6px 0 0;

}

    .scrolling{height: 100%; overflow: auto;}

   

    .monthly-specials .ms-shadow{ margin-bottom: 40px;  width: 90%; display: block; margin: auto; margin-top: -1px;}

    .monthly-specials .ms-shadow img{display: block; margin: auto; width: 100%; height: auto;}



footer{padding-bottom:10px;}

    

}




/*
.fadein, .fadein li, .fadein h1, .fadein h2,.fadein h3, .fadein h4,.fadein h5,.fadein h6,.fadein li span,.fadein h1 span, .fadein h2 span,.fadein h3 span, .fadein h4 span,.fadein h5 span,.fadein h6 span, .fadein p,.fadein span 

.fadein p span, .fadein a{margin-top:50px;opacity: 0;}



.recipefadein, .recipefadein li{margin-top:50px;opacity: 0;}



.fadeinreserve, .fadeinreserve a{margin-top:100px;opacity: 0;}

.fadein-left{ margin-left: -100px;margin-top:0px;opacity: 0; position:relative}

.fadein-right{right: -100px;margin-top:0px;opacity: 0; position:relative}

.fadein-abt-left{ margin-left: -200px;margin-top:0px;opacity: 0; position:relative}







.fadedown,.fadedown img,.fadedown p, .fadedown h1, .fadedown h2,.fadedown h4,.fadedown p,.fadedown span {

    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: fadein 3s; /* Firefox < 16 */

        -ms-animation: fadein 3s; /* Internet Explorer */

         -o-animation: fadein 3s; /* Opera < 12.1 */

            animation: fadein 3s;

}



@keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Firefox < 16 */

@-moz-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Internet Explorer */

@-ms-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Opera < 12.1 */

@-o-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}
*/




/* Opentable CSS 

.OT_wrapper{border: 0 !important; border-radius: 0 !important; background-color: transparent !important;width: 100% !important;}
#OT_form, .OT_title, .OT_subtitle{width: 100% !important;} 
.OT_subtitle{font-family: 'robotothin'; font-size: 14px; text-align: center; color: #fff; letter-spacing: 1.2px; padding-top: 3px; opacity: 0.5; letter-spacing: 1px !important}
.OTButton, #OTButton{width: 199px;}
a.OT_Find_a_Table:link{width: 199px !important; height: 49px !important; font-family: "robotolight" !important; line-height: 0; font-size: 18px !important; font-weight: normal !important; text-transform: uppercase; text-align: center; text-shadow: none; color: #FFF;  background-image: none !important; background-repeat: no-repeat; float: left; position:relative;top: 0px; padding:13px 0 !important; display: block !important; text-shadow:0em 0em 0em transparent !important;}
.OT_day{margin-top: 0px !important;}
.OT_list{width: 100% !important; padding-top: 87px !important}
.OT_list li{ border: 0; float: left; width: 239px; height: 41px; padding:0; margin-right: 16px; background: transparent url('images/input-bg.png') repeat; border: 0px solid #c2c2c2; margin-top: 0px !important;}
.OT_list li:nth-child(3){ margin-right:0px}
.OT_list li:last-child{width: 199px; height: 49px; padding: 0; display: block !important; margin:auto!important; float:none; position: relative; top:34px; background-color: #f47c00 !important; background-image: none !important; border: 0px !important; position: relative; overflow: hidden; }
.OT_list li input[type='text']{width: 94%; height: 41px; font-weight: normal; color: #fff; border-radius: 0; padding: 0 15px; font-family: 'robotoregular'; font-size: 18px;  border: 0; background:url('images/inputbox-arrow.png') no-repeat right 28px center; }


.ui-widget{left:5.5% !important; width: 234px !important; border-radius: 0 !important;}

.OT_time .OT_navList, .OT_party .OT_navList{width: 100% !important; left: -1px !important; border: 0 !important}
.OT_time .OT_navList .OT_navListItem, .OT_time .OT_navList.OT_navListItem, .OT_party .OT_navList .OT_navListItem{ width: 99% !important;}
.OT_time .OT_navList li:last-child, .OT_party .OT_navList li:last-child{ background-color: transparent !important; top: 0}
.OT_time .OT_navList li a, .OT_party .OT_navList li a{ padding-left: 10px}
.OT_time .OT_navList a.OT_navLink:link, .OT_time .OT_navList a.OT_navLink:visited, .OT_time .OT_navList a.OT_navLink:hover, .OT_time .OT_navList a.OT_navLink:active, .OT_party .OT_navList a.OT_navLink:link, .OT_party .OT_navList a.OT_navLink:visited, .OT_party .OT_navList a.OT_navLink:hover, .OT_party .OT_navList a.OT_navLink:active{ line-height: 39px}
.OTButton, #OTButton{ width: 100% !important}
@media (max-width: 767px){
    .OT_list{width:100%; text-align: center;}
    .OT_list li.OT_day, .OT_list li.OT_time,.OT_list li.OT_party,.OT_list li:last-child{ width: 224px;
display: inline-block;
margin: 0 10px 20px 0;float: none;}
.OT_list li:last-child{width: 199px !important}
    .OT_list li:last-child{ top: 0}
    .ui-widget{left: 8.2% !important;width:226px !important ; }
    .ui-widget {left: 3% !important; margin-left:0px !important;}

    .OT_timeList li.OT_navListItem{ margin-bottom: 0 !important;}

}
@media (max-width: 480px){ 
 .OT_list li.OT_day, .OT_list li.OT_time,.OT_list li.OT_party{ width: 224px;display: block !important;margin: auto auto 20px auto !important;float: none;}
 .ui-widget {left: 19% !important; margin-left:0px !important;}

}*/