@charset "UTF-8";
/* CSS by Ali Yasin Beceren */


html{
	margin:0px; 
	padding:0px;
	width:100%;
	height:100%;
}
body{
	font-family: 'Advent Pro', sans-serif;
	font-size:14px;
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	margin:0px; 
	padding:0px;
	background-color:#000;
	height:100%;
}
body.blue{
/*	background-image:url("http://www.cafemonet.info/images/bg.jpg");*/	
	background-image:url("../images/bg/bg.png");
	background-size:cover;
	background-attachment:fixed;
}
body.green{	
	background-image:url("../images/bg/bg2.png");
	background-size:cover;
	background-attachment:fixed;
}
body.black{
	background-image:url("../images/bg/bg3.png");
	background-size:cover;
	background-attachment:fixed;
}

#container{
    height: auto !important;
    min-height: 100%;
	position: relative;
	margin: 0 auto -143px;
}

#container-top{
	width:100%;
	float:left;
	margin:0px; 
	padding:0px;
	border-bottom:#ddd solid 1px;
	margin-bottom:0px;
	background-color:#FFF;
	position:relative;
	z-index:100;
	}
#container-bottom{
	width:100%;
	float:left;
	margin:0px; 
	padding:0px;
	border-bottom:#ddd solid 1px;
	margin-bottom:0px;
	background-color:#FFF;
    height:143px;   /* Height of the footer */
	position:relative;
	bottom:0px;

}

.push {
    height: 50px;
	float:left;
	width:100%;
}

#panel-top{
	width:960px;
	margin:0 auto;
}

#panel-bottom{
	float:left;
	width:960px;
	margin:0 auto;
}
#panel_weekly{
	width:960px;
	margin:0 auto;
}
#content{
	 width:960px; 
	 margin:0 auto;
}
input,textarea{
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 5px #CCCCCC inset;
    font-size: 12px;
    line-height: 1em;
    padding: 9px;
    width: 280px;
}
input:hover,textarea:hover{
	border:#6CF solid 1px;
	box-shadow:#6CF 0px 0px 5px;
}

textarea{
	font-family: 'Lato', sans-serif;
	font-size:13px;
}

img{
	border:none !important;
}

#reservation_form{
	margin:0 auto;
	width:320px;
	height:430px;
	}
#row{
	width:300px;
	float:left;
	}

#date,#tel,#exptel,#expdate{
	width: 155px;
}
#people,#time,#exppeople,#exptime{
	width: 100px;
}
label{
    float: left;
    margin-bottom: 2px;
    margin-top: 5px;
    width: 100px;
}
button{
   -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #7FBF4D;
    background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
    border-color: #63A62F #63A62F #5B992B;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    padding: 7px 0 8px;
    text-align: center;
    /*text-shadow: 0 -1px 0 #4C9021;*/
    width: 150px;
	font-size:12px;
}
button:hover{
    background-color: #76B347;
    background-image: -moz-linear-gradient(center top , #76B347, #5E9E2E);
    cursor: pointer;
}
#logout {
	color: #fff;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
	width:80px;
}
#logout:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
#logout:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
#last{
	margin-top:10px; 
	text-align:right;
}
.date, .tel, .expdate, .exptel{ 
	width:180px;
}
.msg_info, .msg_success, .msg_warning, .msg_error {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	border-radius:.5em;
 
}
.msg_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/info.png');
}
.msg_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/success.png');
}
.msg_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/warning.png');
}
.msg_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/error.png');
}
#ui-datepicker-div{
	width:169px !important;
}
.ui-datepicker table{
	font-size:0.7em !important;
}
.ui-widget{
	font-family:Lato;
}
#express{
}
#norush{
	text-decoration:none;
	color:#09F;
	float:left;
	padding:5px;
}
.standart, .express, .search{ float:left; width:300px; margin:10px; position:absolute;}

@-moz-document url-prefix() {
.styled-select {
	
   width: 120px !important;
   margin-top:0px !important;
   
   }
}			

.styled-select {
   width: 119px;
   height: 34px;
   overflow: hidden;
   border: 1px solid #ccc;
   float:right;
   margin-top:2px;
   }

.styled-select select {
   width: 120px !important;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   box-shadow:0 0 5px #CCCCCC inset;
   }
#tableOne{
	width:100%;
	float:left;
	margin-top:30px;
	}
	
canvas{
	}

#graph{
	float:left;
	}
	
#btn_header{
	float:left;
	margin-left:20px;
}

#footer{
	float:left;
	width:100%;
	text-align:center;
	font-size:12px;
	}
	
.bottom{
	position:fixed; 
	bottom: 0px; 
	left: 0px; 
	right: 0px;
}
	
.row{ 
	float:left; 
	margin-bottom:10px;
	}
	
.error{
	border-color:red;
	border-style:solid;
	border-width:1px;
}

.time{ 
	background-color:#CFC;
}

.notime{
	}
.canceled{
	background-color:#F96;
}

.modalx{ 
	display:none;
}

#username, #password{
	border:#6CF solid 1px !important;
}

/* Checkbox */
    .cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../img/switch.gif) repeat-x; display: block; float: left; }
    .cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
    .cb-enable span { background-position: left -90px; padding: 0 10px; }
    .cb-disable span { background-position: right -180px;padding: 0 10px; }
    .cb-disable.selected { background-position: 0 -30px; }
    .cb-disable.selected span { background-position: right -210px; color: #fff; }
    .cb-enable.selected { background-position: 0 -60px; }
    .cb-enable.selected span { background-position: left -150px; color: #fff; }
    .switch label { cursor: pointer; }
    .switch input { display: none; }
/* Checkbox end */

/* tooltip */
i-tooltip, .arrow:after {
	background: black;
	border: 2px solid white;
}
.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 20px;
	font-size:12px !important;
	text-transform: capitalize;
	box-shadow: 0 0 7px black;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	tranform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}
/* tooltip end */

#row .hightlightb {
	border:2px solid #9F1319;
	background:url(../img/iconCaution.gif) no-repeat 2px;
	padding-left:20px;
	width:265px !important;
}

#row .hightlightm {
	border:2px solid #9F1319;
	background:url(../img/iconCaution.gif) no-repeat 2px;
	padding-left:20px;
	width:142px !important;
}

#row .hightlights {
	border:2px solid #9F1319;
	background:url(../img/iconCaution.gif) no-repeat 2px;
	padding-left:20px;
	width:87px !important;
}

.hightlights {
	border:1px solid #F26522;
	background:url(../img/iconCaution.gif) no-repeat 2px;
	padding-left:20px;
	width:288px !important;
}
.ui-datepicker-title {
    font-size: 12px !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	height:1.6em !important;
}
.hr-top{
	background-image:url(../img/divider.png);
	background-repeat:repeat-x;
	width:100%;
	height:2px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
.hr-bottom{
	background-image:url(../img/divider.png);
	background-repeat:repeat-x;
	width:100%;
	height:2px;
	float:left;
	margin-bottom:20px;
}

#username{
	border-top-right-radius:10px;
	border-top-left-radius:10px;
}

#password{
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

.login{
	border-radius:10px;
}

#flip_nav ul {
	list-style: none;
	background-color: black;
}

#flip_nav li {
	float: left;
}

#flip_nav li .current{
	background-color:#F7941E;
	color:#fff;
}


#flip_nav a {
	color: white;
	line-height: 50px;
	padding: 16px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

@-moz-document url-prefix() {
	#flip_nav a {
		color: white;
		line-height: 50px;
		padding: 16px 20px 15px;
		text-decoration: none;
		text-transform: uppercase;
	}
}

#flip_nav a:hover { 
	background-color:#F7941E; 
	color:#FFF;
}

body{
	height:100%;
}
ul#flip_nav li {
	float:left;
	text-align:center;
	margin:0px 10px 0px 0px;
	list-style:none;
}
ul#flip_nav a{
	text-transform:uppercase;
	font-size:18px;
	font-weight:500;
	text-decoration:none;
	color:#F36522;
}
table thead .tl{
	color:#FFF;
	font-weight:bold;
	font-size:16px;
}
table thead th{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
table  .tl{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
/*	transform: scale(1,25);
	-ms-transform: scale(1,25);
	-webkit-transform: scale(1,25);
*/}
.odd {
	background: #FFF;
	box-shadow:#eaeaea 0px 0px 5px;
}
table td {
	text-align:center;
}
.nocolor{
	background:none !important;
}
.register{
	color:#fff;
	text-decoration:none;
}

#panel-bottom h2{
	text-align:center;
	font-size:25px;
	margin-bottom:30px;
	color:#F26522;
}

.banner { 
	position: relative; 
	overflow: auto;
	text-align:center;
	width:100% !important;
}

.portfolio { 
	position: relative; 
	overflow: auto;
	text-align:center;
	width:100% !important;
}
.press { 
	position: relative; 
	overflow: auto;
	text-align:center;
	width:100% !important;
}

.banner ul { 
	padding:0px;
	margin:0px;
}
.banner li { 
	list-style: none;
}
.banner ul li { 
	float: left;
	width:100%;
	text-align:center;
}
.banner .btn, .banner .dot {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

.banner .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	margin-top:20px;
	padding-left:0px;
}
.banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	
	text-indent: -999em;
	
	border: 2px solid #F7941E;
	border-radius: 6px;
	
	cursor: pointer;
	opacity: .4;
	
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.banner .dots li.active {
	background: #F7941E;
	opacity: 1;
}

.banner h1, .banner h2 { 
    color: #000;
    font-size: 25px;
    line-height: 22px;
	position:relative;
	width:100%;
	text-align:center;
	
}
.banner .btn {
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 5px 5px 5px 5px;
    clear: both;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 25px 0 0;
    padding: 9px 22px 7px;
    text-decoration: none;
    text-transform: uppercase;
}
.banner .btn:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);
}
.banner .btn:active {
}

.banner .prev, .banner .next {
    background: url("images/arrow-left.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: block;
    height: 100px;
    position: absolute;
    width: 60px;
    z-index: 100;
	opacity:0.2;
}
.banner .next {
    background-image: url("images/arrow-right.png");
    right: 0px;
}
.next:hover, .prev:hover{
	opacity:1;
}
#footer{
	width:100%;
	height:20px;   /* Height of the footer */
	float: left;
	padding: 0;
	background-color:#F7941E;
	color:#fff;
	margin-top:10px;
	font-size:16px;
}
#content{
	font-size:18px !important;
	font-weight:500;
}

#content h2{ margin-top:5px; margin-bottom:5px;}


    /* Base Grid */
     .one.column,
     .one.columns                     { width: 40px;  }
     .two.columns                     { width: 100px; }
     .three.columns                   { width: 160px; }
     .four.columns                    { width: 220px; }
     .five.columns                    { width: 280px; }
     .six.columns                     { width: 340px;}
     .seven.columns                   { width: 400px; }
     .eight.columns                   { width: 460px; }
     .nine.columns                    { width: 520px; }
     .ten.columns                     { width: 560px; /* 540px */ }
     .eleven.columns                  { width: 640px; }
     .twelve2.columns                  { width: 690px; }
     .twelve.columns                  { width: 700px; }
     .thirteen.columns                { width: 760px; }
     .fourteen.columns                { width: 820px; }
     .fifteen.columns                 { width: 880px; }
     .sixteen.columns                 { width: 940px; }

     .column, .columns                { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
	 
	 
	 #flip_nav{ padding:0px; margin-top:-17px;}

	#logo{float:left;}
	
	#logo a{
		color:#fff;
		text-decoration:none;
		background-color:#F7941E;
		padding:20px;
		padding-bottom:8px;
		font-family: 'Lato', sans-serif;
		font-weight:lighter;

	}
	
	#logo a:hover{
		color:#fff;
		text-decoration:none;
	}

	#mobile-header {
	display: none;
	}
	
	#list {
		color: #fff;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
		width:80px;
	}
	#list:hover {
		background: #f47c20;
		background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
		background: -moz-linear-gradient(top,  #f88e11,  #f06015);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	}
	#list:active {
		color: #fcd3a5;
		background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
		background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
	}
	
	#box{float:left;}
	
	#content h2{
		margin-top:50px;
		font-weight:500;
		border-bottom:#fff solid 1px;
		padding-bottom:5px;
		color:#fff;
		text-shadow:#999 0px 0px 2px;
	}
	
	#grid{
		padding:0px;
	}
	
	#grid li{
		list-style:none;
		float:left;
		margin-right:0px;
		margin-bottom:10px;
		background-color:#fff;
		padding:5px;
		box-shadow:#ddd 0px 0px 5px;
	}
	
	#grid li .title{
		float:left;
		color:#000;
	}
	
	#director li{
		list-style:none;
		float:left;
		margin-right:0px;
		margin-bottom:10px;
		background-color:#fff;
	}
	
	#director li .title{
		float:left;
		color:#000;
	}
	
	#director{
		padding:0px;
		margin:0px;
	}
	
	#press li{
		list-style:none;
		margin-right:0px;
		margin-bottom:10px;
		background-color:#fff;
		padding:5px;
		box-shadow:#ddd 0px 0px 5px;
		padding-top:20px;
		padding-bottom:15px;
	}
	
	#press li #title{
		color:#000;
		text-decoration:none;
		text-align:justify;
	}
	
	.social{
		float:right;
		position:relative;
		top:-3px;
	}
	
	#cleft{
		background-color:#fff;
		padding:5px;
		box-shadow:#ddd 0px 0px 5px;
		margin-left:0px;
		text-align:left;
		height:450px;
	}
	#cleft input,textarea{
		width:300px;
	}
	#cright{
		background-color:#fff;
		padding:5px;
		box-shadow:#ddd 0px 0px 5px;
		margin-left:0px;
		height:450px;
	}
	#cright iframe{height:450px; width:540px;}
	
	#filterOptions{
		padding:0px;
	}
	
	#filterOptions li{
		list-style:none;
		float:left;
		margin-right:2px;
	}
	
	#filterOptions a {
		color: #fff;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
		width:80px;
		text-decoration:none;
		padding:2px 10px 2px 10px;
	}
	#filterOptions a:hover {
		background: #f47c20;
		background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
		background: -moz-linear-gradient(top,  #f88e11,  #f06015);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	}
	#filterOptions a:active {
		color: #fcd3a5;
		background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
		background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
	}
	
	#filter{
		padding:0px;
	}
	
	#filter li{
		list-style:none;
		margin-bottom:10px;
	}
	
	#filter a {
		color: #fff;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
		width:80px;
		text-decoration:none;
		padding:2px 10px 2px 10px;
	}
	#filter a:hover {
		background: #f47c20;
		background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
		background: -moz-linear-gradient(top,  #f88e11,  #f06015);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	}
	#filter a:active {
		color: #fcd3a5;
		background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
		background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
	}
	
	#pright{
		margin-left:0px;
	}

	#press{
		padding:0px;
		margin-top:10px;
		margin-left:-5px;
	}
	
	#cright h4{
		color:#F7941E;
		border-bottom:#F7941E solid 1px;
		text-align:left;
	}
	
	#cred{
		cursor:pointer;
	}
	#des{
		cursor:pointer;
	}
	
	.hightlight {
		border:1px solid #9F1319 !important;
	}
	#map{
		height: 450px;
		width:540px;
	}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		#panel-top{
			width:768px;
			margin:0 auto;
		}
		#content{
			 width:768px; 
			 margin:0 auto;
		}
		
     .column, .columns                { margin-left: 10px; margin-right: 10px; }
		
         .one.column,
         .one.columns                     { width: 28px; }
         .two.columns                     { width: 76px; }
         .three.columns                   { width: 124px; }
         .four.columns                    { width: 172px; }
         .five.columns                    { width: 220px; }
         .six.columns                     { width: 268px; }
         .seven.columns                   { width: 350px; }
         .eight.columns                   { width: 364px; }
         .nine.columns                    { width: 412px; }
         .ten.columns                     { width: 440px; /* 460px */ }
         .eleven.columns                  { width: 508px; }
         .twelve.columns                  { width: 556px; }
         .twelve2.columns                 { width: 546px; }
         .thirteen.columns                { width: 604px; }
         .fourteen.columns                { width: 652px; }
         .fifteen.columns                 { width: 700px; }
         .sixteen.columns                 { width: 748px; }

#btn_header{
	float:right;
	}
	
	ul#flip_nav li {
	float:left;
	text-align:center;
	margin:0px 0px 0px 0px;
	list-style:none;
}
		
	.social{
		display:none;
	}
	
	#cleft input,textarea{
		width:227px;
	}
		
	#cleft{
		height:393px;
	}
	#cright iframe {
		height: 377px;
		width: 417px;
	}
	
	#map{
		height: 393px;
		width:420px;
	}
	#cright{
		height:393px;
	}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
		#panel-top{
			width:300px;
			margin:0 auto;
		}
		#content{
			 width:300px; 
			 margin:0 auto;
		}
		
        .column, .columns                { margin: 0; }
		
         .one.column,
         .one.columns,
         .two.columns,
         .three.columns,
         .four.columns,
         .five.columns,
         .six.columns,
         .seven.columns,
         .eight.columns,
         .nine.columns,
         .ten.columns,
         .eleven.columns,
         .twelve.columns,
         .twelve2.columns,
         .thirteen.columns,
         .fourteen.columns,
         .fifteen.columns,
         .sixteen.columns,
         .one-third.column,
         .two-thirds.column  { width: 300px; }
		 
		#flip_nav a{font-size: 13px !important; font-weight:bold; }
				 
		#flip_nav { margin-left: 6px !important; padding:0px; }

		#btn_header {float:none; display:none;}
					
		
				
		#dropdown-1{left:249px !important; top:120px !important;}
		.dropdown.dropdown-tip:before{left:-58px !important;}
		.dropdown.dropdown-tip:after{left:-57px !important;}
		
		#mobile-header {
		display: block;
		}
		
		#logo{ float:left;}
		#logo img{ width:200px;}
		.menu{ float:right;}
		.menu a{ color:#F58029; text-decoration:none; padding:0 8px 0 8px; border:#F58029 solid 1px; border-radius:5px; position:relative; top:-8px;}
		
		.sm{ display:none;}
		
		table { 
			border-spacing:2;
			border-collapse:collapse;
		}
		.social{
			display:none;
		}
		
		.bottom{
			position:relative; 
		}
		
		#grid li{
			list-style:none;
			float:left;
			margin-right:0px;
			margin-bottom:10px;
			/*border-radius:5px;*/
			padding:0px;
		}
		
	#cleft input,textarea{
		width:90%;
	}
	
	#cleft{
		height:230px;
		width:290px;
		padding-top:10px;
	}
	#cright{
		padding:0px;
		height:300px;
	}
	
	#cright iframe{
		height:auto; 
		width:290px;
	}
	
	
	#filterOptions{
		padding:0px;
		margin-bottom:10px;
		margin-top:10px;
	}
	
	#container-bottom{
		height:169px;
	}
	#map{
		height: 320px;
		width:300px;
	}
	.step{
		height:390px !important;
	}
	.pass{
		display:none;
		}
    }
	

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		#panel-top{
			width:420px;
			margin:0 auto;
		}
		#content{
			 width:420px; 
			 margin:0 auto;
		}
		
        .column, .columns                { margin: 0; }
		
         .one.column,
         .one.columns,
         .two.columns,
         .three.columns,
         .four.columns,
         .five.columns,
         .six.columns,
         .seven.columns,
         .eight.columns,
         .nine.columns,
         .ten.columns,
         .eleven.columns,
         .twelve.columns,
         .twelve2.columns,
         .thirteen.columns,
         .fourteen.columns,
         .fifteen.columns,
         .sixteen.columns,
         .one-third.column,
         .two-thirds.column { width: 420px; }
		 
		#flip_nav a{font-size: 17px !important; font-weight:bold; }
				 
		#flip_nav { margin-left: 30px !important; padding:0px; }

		#btn_header {float:none; display:none;}
			
		
		#dropdown-1{left:342px !important; top:120px !important;}
		.dropdown.dropdown-tip:before{left:-58px !important;}
		.dropdown.dropdown-tip:after{left:-57px !important;}
		
		#panel-top h2{ text-align:center;}
		
		#mobile-header {
		display: block;
		}
		
		.sm{ display:none;}
		
		table { 
			border-spacing:2;
			border-collapse:collapse;
		}
		.social{
			display:none;
		}
		
		.bottom{
			position:relative; 
		}
		
	#cleft input,textarea{
		width:93%;
	}
	
	#cleft{
		height:auto;
		width:410px;
		padding-top:10px;
	}
	#cright iframe {
		height: 200px;
		width: 420px;
	}	
	
	#filterOptions{
		padding:0px;
		margin-bottom:10px;
		margin-top:10px;
	}
	
	#cright{
		padding:0px;
		height:300px;
	}
	
	
	#container-bottom{
		height:169px;
	}
	
	#map{
		height: 393px;
		width:420px;
	}
		
    }
	
	<!-- CONTROL PANEL -->