/**************************************************************************
 * This is a boilerplate for customizing each display of a responsive
 * layout.  These will only work properly using the theme's default media
 * queries.  If you've made changes to the default settings, replace the
 * media queries found in this file with the ones generated inside of
 * sites/default/files/fusion/[theme-name].responsive.grid.css.
 *
 * Steps to activate responsive.css:
 * 1. Add your custom CSS to this file
 * 2. Rename this file to responsive.css
 * 3. Clear cached data at admin/settings/performance
 **************************************************************************/

@media only screen and (max-height: 855px) {
	#preface-top-inner,#flexslider-1{
	height:460px;	
	}
	
	
}


/* Mobile display. */
@media only screen and (max-width:500px) {

#page .td1,#page .td2,#page .td3,#page .td4,#footer .td1,#footer .td2,#footer .td3,#footer .td4,#page .col-1,#page .col-2,#page .col-3,#page .col-4{
display:block;
width:100%;	
padding:0px;
margin:0px;
margin-bottom:15px;
}
#main{
padding-bottom:20px;	
}
#footer-wrapper{
height:auto;
margin-top:0px;	
}
#header-group-wrapper,#main-menu-wrapper{
display:none;
}
.flex-active-slide .inner_box{
display:none;	
}
#header-top-wrapper{
display:block;	
}
#sidebar-first{
display:none;	
}
#header-top-inner .gutter{
margin:0px;	
}
.menu-collapser{
padding-bottom:10px;	
}
ul.slimmenu{
margin-bottom:0px !important;	
}
.half_break{
display:none;	
}
#footer td{
text-align:center;	
}
#footer{
text-align:center;
}
#footer .td2{
display:none;	
}
#footer .td3 h4, #footer .td3 .view-footer-menu,#footer .td3 .half_break{
	display:none;	
}
.justmobile{
display:block;	
}
.justdesktop{
display:none;	
}
.badge img{
width:70%;	
}
.trip_advisor {
margin-top:20px;	
}
.box_out{
height:auto;
min-height:0px;
}
.tr1 .td2 .box_out, .tr2 .box_out{
padding-bottom:60px;	
}
#page .col2_alt_2 .td2{
padding-bottom:25px;	
}
.inner_box{
display:none;	
}
#home{
padding-top:15px;	
}
.leftbreak{
padding-top:15px;
padding-bottom:15px;	
}
.field-name-field-main-image img,.vid_hold .field-name-field-video{
	padding-top:15px;
}
h1{
	font-size:26px;
	line-height:30px;
}
h2{
	font-size:24px;
	line-height:28px;
}
h3,.front h3,#boxes h3{
		font-size:22px;
	line-height:26px;
}
h4,.front h4,#boxes h4{
	font-size:20px;
	line-height:24px;
}
h5{
	font-size:18px;
	line-height:20px;
}
#preface-top-inner,#flexslider-1{
	height:160px;	
	}
	#page{
	min-height:0px;
}
div.node{
margin-bottom:0px;	
}

#header-group-wrapper{
height:109px;
position:fixed;
top:0px;
left:0px;
z-index:9000;
background:#fff;
}
#main-menu-wrapper{
height:44px;
position:fixed;
top:109px;
left:0px;
z-index:9000;
}
#page-inner{
padding-top:	49px;
}
#header-top-wrapper{
position:fixed;
top:0px;
left:0px;	
z-index:9000;
background:#fff;
}

.view .date-nav-wrapper .date-heading {
    text-align: left;
  }
  .calendar-calendar .month-view table.full {
    position: relative; 
  }
  .calendar-calendar .month-view .full tr td {
    width: 100%;
    float: left;
    text-align: left;
	box-sizing:border-box;
  }
  .calendar-calendar tbody tr:hover td {
    background: none;
  }
  .calendar-calendar .month-view .full tr.single-day {
    border-top: 1px solid #ccc;
  }
  .calendar-calendar .month-view .full tr td.single-day:before { 
    content: attr(data-day-of-month) ",\0000a0" attr(headers); 
    font-weight: bold;
  }
  .calendar-calendar .month-view .full thead tr,
  .calendar-calendar .month-view .full tr th.days,
  .calendar-calendar .month-view .full tr td.date-box,
  .calendar-calendar .month-view .full tr td.no-entry,
  .calendar-calendar .month-view .full tr td.empty {
    display: none;
  }
  .calendar-calendar .month-view .full td.date-box.today, .calendar-calendar .month-view .full tr td.single-day.today{
	border-top:2px solid #f26960;  
  }
  
  .field-name-field-main-image img{
	margin-top:0px;  
  }
  .flex-control-paging{
	padding-left:0px !important;  
  }
  .flex-direction-nav a{
	top:40%;  
  }

	.ntd1,.ntd2{
		display:block;
		width:100%;
		padding:0px;
		border:0px;
	}
	.ntd1{
		padding-top:10px;
		padding-bottom: 10px;
	}
	.ntd1 img{
		width:80%;
		height:auto;
	}
	.ntd2{
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	
	.paragraphs-item-grid-of-images div.field-item{
		width:48%;
	}
	.paragraphs-item-grid-of-images div.hideMe{
		display:none;
	}

}

@media only screen and (min-width:500px) and (max-width:1200px) {
	
	#preface-top-inner,#flexslider-1{
	height:460px;	
	}
	#boxes .gutter{
	padding-left:0%;
	padding-right:0%;	
	}
	.col4  .td1{
	width:32%;
	}
	.col4  .td2,.col4  .td3{
	width:20%;	
	}
	.col4  .td4{
	width:26%;	
	}
	ul.nice-menu-down li,ul.nice-menu-down li.menuparent,#block-menu_block-1 li{
		padding-left:5px;
		padding-right:5px;	
	}
}
