/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	.body-container {
		margin-top: 65px;
	}
	.row:before,
	.row:after {
	  display: table;
	  content: "";
	  line-height: 0;
	}
	.row:after {
	  clear: both;
	}
	[class*="span"] {
	  float: left;
	  min-height: 1px;
	  margin-left: 20px;
	}
	.span12 {
	  width: 724px;
	}
	.span11 {
	  width: 662px;
	}
	.span10 {
	  width: 600px;
	}
	.span9 {
	  width: 538px;
	}
	.span8 {
	  width: 476px;
	}
	.span7 {
	  width: 414px;
	}
	.span6 {
	  width: 352px;
	}
	.span5 {
	  width: 290px;
	}
	.span4 {
	  *width: 228px;
	}
	.span3 {
	  width: 166px;
	}
	.span2 {
	  width: 104px;
	}
	.span1 {
	  width: 42px;
	}
	.offset12 {
	  margin-left: 764px;
	}
	.offset11 {
	  margin-left: 702px;
	}
	.offset10 {
	  margin-left: 640px;
	}
	.offset9 {
	  margin-left: 578px;
	}
	.offset8 {
	  margin-left: 516px;
	}
	.offset7 {
	  margin-left: 454px;
	}
	.offset6 {
	  margin-left: 392px;
	}
	.offset5 {
	  margin-left: 330px;
	}
	.offset4 {
	  margin-left: 268px;
	}
	.offset3 {
	  margin-left: 206px;
	}
	.offset2 {
	  margin-left: 144px;
	}
	.offset1 {
	  margin-left: 82px;
	}
	.row-fluid {
	  width: 100%;
	  *zoom: 1;
	}
	.row-fluid:before,
	.row-fluid:after {
	  display: table;
	  content: "";
	  line-height: 0;
	}
	.row-fluid:after {
	  clear: both;
	}
	.row-fluid [class*="span"] {
	  display: block;
	  width: 100%;
	  min-height: 30px;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  float: left;
	  margin-left: 2.7624309392265194%;
	  *margin-left: 2.709239449864817%;
	}
	.row-fluid [class*="span"]:first-child {
	  margin-left: 0;
	}
	.row-fluid .controls-row [class*="span"] + [class*="span"] {
	  margin-left: 2.7624309392265194%;
	}
	.row-fluid .span12 {
	  width: 100%;
	  *width: 99.94680851063829%;
	}
	.row-fluid .span11 {
	  width: 91.43646408839778%;
	  *width: 91.38327259903608%;
	}
	.row-fluid .span10 {
	  width: 82.87292817679558%;
	  *width: 82.81973668743387%;
	}
	.row-fluid .span9 {
	  width: 74.30939226519337%;
	  *width: 74.25620077583166%;
	}
	.row-fluid .span8 {
	  width: 65.74585635359117%;
	  *width: 65.69266486422946%;
	}
	.row-fluid .span7 {
	  width: 57.18232044198895%;
	  *width: 57.12912895262725%;
	}
	.row-fluid .span6 {
	  width: 48.61878453038674%;
	  *width: 48.56559304102504%;
	}
	.row-fluid .span5 {
	  width: 40.05524861878453%;
	  *width: 40.00205712942283%;
	}
	.row-fluid .span4 {
	  width: 31.491712707182323%;
	  *width: 31.43852121782062%;
	}
	.row-fluid .span3 {
	  width: 22.92817679558011%;
	  *width: 22.87498530621841%;
	}
	.row-fluid .span2 {
	  width: 14.3646408839779%;
	  *width: 14.311449394616199%;
	}
	.row-fluid .span1 {
	  width: 5.801104972375691%;
	  *width: 5.747913483013988%;
	}
	.row-fluid .offset12 {
	  margin-left: 105.52486187845304%;
	  *margin-left: 105.41847889972962%;
	}
	.row-fluid .offset12:first-child {
	  margin-left: 102.76243093922652%;
	  *margin-left: 102.6560479605031%;
	}
	.row-fluid .offset11 {
	  margin-left: 96.96132596685082%;
	  *margin-left: 96.8549429881274%;
	}
	.row-fluid .offset11:first-child {
	  margin-left: 94.1988950276243%;
	  *margin-left: 94.09251204890089%;
	}
	.row-fluid .offset10 {
	  margin-left: 88.39779005524862%;
	  *margin-left: 88.2914070765252%;
	}
	.row-fluid .offset10:first-child {
	  margin-left: 85.6353591160221%;
	  *margin-left: 85.52897613729868%;
	}
	.row-fluid .offset9 {
	  margin-left: 79.8342541436464%;
	  *margin-left: 79.72787116492299%;
	}
	.row-fluid .offset9:first-child {
	  margin-left: 77.07182320441989%;
	  *margin-left: 76.96544022569647%;
	}
	.row-fluid .offset8 {
	  margin-left: 71.2707182320442%;
	  *margin-left: 71.16433525332079%;
	}
	.row-fluid .offset8:first-child {
	  margin-left: 68.50828729281768%;
	  *margin-left: 68.40190431409427%;
	}
	.row-fluid .offset7 {
	  margin-left: 62.70718232044199%;
	  *margin-left: 62.600799341718584%;
	}
	.row-fluid .offset7:first-child {
	  margin-left: 59.94475138121547%;
	  *margin-left: 59.838368402492065%;
	}
	.row-fluid .offset6 {
	  margin-left: 54.14364640883978%;
	  *margin-left: 54.037263430116376%;
	}
	.row-fluid .offset6:first-child {
	  margin-left: 51.38121546961326%;
	  *margin-left: 51.27483249088986%;
	}
	.row-fluid .offset5 {
	  margin-left: 45.58011049723757%;
	  *margin-left: 45.47372751851417%;
	}
	.row-fluid .offset5:first-child {
	  margin-left: 42.81767955801105%;
	  *margin-left: 42.71129657928765%;
	}
	.row-fluid .offset4 {
	  margin-left: 37.01657458563536%;
	  *margin-left: 36.91019160691196%;
	}
	.row-fluid .offset4:first-child {
	  margin-left: 34.25414364640884%;
	  *margin-left: 34.14776066768544%;
	}
	.row-fluid .offset3 {
	  margin-left: 28.45303867403315%;
	  *margin-left: 28.346655695309746%;
	}
	.row-fluid .offset3:first-child {
	  margin-left: 25.69060773480663%;
	  *margin-left: 25.584224756083227%;
	}
	.row-fluid .offset2 {
	  margin-left: 19.88950276243094%;
	  *margin-left: 19.783119783707537%;
	}
	.row-fluid .offset2:first-child {
	  margin-left: 17.12707182320442%;
	  *margin-left: 17.02068884448102%;
	}
	.row-fluid .offset1 {
	  margin-left: 11.32596685082873%;
	  *margin-left: 11.219583872105325%;
	}
	.row-fluid .offset1:first-child {
	  margin-left: 8.56353591160221%;
	  *margin-left: 8.457152932878806%;
	}
	input,
	textarea,
	.uneditable-input {
	  margin-left: 0;
	}
	.controls-row [class*="span"] + [class*="span"] {
	  margin-left: 20px;
	}
	input.span12, textarea.span12, .uneditable-input.span12 {
	  width: 710px;
	}
	input.span11, textarea.span11, .uneditable-input.span11 {
	  width: 648px;
	}
	input.span10, textarea.span10, .uneditable-input.span10 {
	  width: 586px;
	}
	input.span9, textarea.span9, .uneditable-input.span9 {
	  width: 524px;
	}
	input.span8, textarea.span8, .uneditable-input.span8 {
	  width: 462px;
	}
	input.span7, textarea.span7, .uneditable-input.span7 {
	  width: 400px;
	}
	input.span6, textarea.span6, .uneditable-input.span6 {
	  width: 338px;
	}
	input.span5, textarea.span5, .uneditable-input.span5 {
	  width: 276px;
	}
	input.span4, textarea.span4, .uneditable-input.span4 {
	  width: 214px;
	}
	input.span3, textarea.span3, .uneditable-input.span3 {
	  width: 152px;
	}
	input.span2, textarea.span2, .uneditable-input.span2 {
	  width: 90px;
	}
	input.span1, textarea.span1, .uneditable-input.span1 {
	  width: 28px;
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.pagination {
		padding-left: 0px;
		padding-top: 22px;
		text-align: center;
	}
	.mobile-footer { 
		display: block;
	}
	#navigation {
		display: none;
	}
	.isotope-post:hover .entry {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	}
	.isotope-post:hover .entry-image-overlay {
		opacity: 0;
		background-size:40px 40px, 100% 100%;
	}
	#toTop {
	display: none !important;
	}
	.side-nav {
		display: none;
	}
	.category-filter {
	display: none;
	}
	.dropdown a {
		padding-right: 15px !important;
	}
	.sub-menu li a {
		margin-right: -15px !important;
	}
	.dropdown:before {
		content: "";
		height: 21px !important;
		width: 21px !important;
		position: absolute;
		right: 5px !important;
		top: 9px !important;
		border-radius: 3px;
		background-color: transparent !important;
		background-image: url(../img/icon_menu_expand.png);
		background-position: center center;
		background-size: 7px 7px;
		background-repeat: no-repeat;
	}
	.btn-mobile-nav {
		height: 45px;
		width: 45px;
		border: none;
		background-size: 24px 15px;
		background-repeat: no-repeat;
		background-position: center center;
		float: right;
		margin-top: 4px;
		cursor: pointer;
		border-radius: 5px;
	}
	.mobile-nav-container {
		display: block;
	}
	.isotope-loadmore {
		padding-left: 22px;
	}
	.category-filter {
		padding-left: 0px;
	}
	#main-container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.body-container {
	 	padding-left: 20px;
	 	padding-right: 20px;
	 	margin-top: 65px;
	}
	.children {
		margin: 0 0 0px 40px;
	}
	.navbar-fixed-top,
	.navbar-fixed-bottom,
	.navbar-static-top {
	  	margin-left: -20px;
	  	margin-right: -20px;
	}
	.container-fluid {
	  	padding: 0;
	}
	.dl-horizontal dt {
	  	float: none;
	  	clear: none;
	  	width: auto;
	  	text-align: left;
	}
	.dl-horizontal dd {
	  	margin-left: 0;
	}
	.container, .body-container {
	  	width: auto;
	}
	.row-fluid {
	  	width: 100%;
	}
	.thumbnails > li {
	  	float: none;
	  	margin-left: 0;
	}
	[class*="span"],
	.uneditable-input[class*="span"],
	.row-fluid [class*="span"] {
	  	display: block;
	  	width: 100%;
	  	margin-left: 0;
	  	-webkit-box-sizing: border-box;
	  	-moz-box-sizing: border-box;
	  	box-sizing: border-box;
	}
	.span12,
	.row-fluid .span12 {
	 	width: 100%;
	 	-webkit-box-sizing: border-box;
	 	-moz-box-sizing: border-box;
	 	box-sizing: border-box;
	}
	.row-fluid [class*="offset"]:first-child {
	  	margin-left: 0;
	}
	.input-large,
	.input-xlarge,
	.input-xxlarge,
	input[class*="span"],
	select[class*="span"],
	textarea[class*="span"],
	.uneditable-input {
	  	display: block;
	  	width: 100%;
	  	min-height: 30px;
	  	-webkit-box-sizing: border-box;
	  	-moz-box-sizing: border-box;
	  	box-sizing: border-box;
	}
	.input-prepend input,
	.input-append input,
	.input-prepend input[class*="span"],
	.input-append input[class*="span"] {
	  	display: inline-block;
	  	width: auto;
	}
	.controls-row [class*="span"] + [class*="span"] {
	  	margin-left: 0;
	}
	.modal {
	  	position: fixed;
	  	top: 20px;
	  	left: 20px;
	  	right: 20px;
	  	width: auto;
	  	margin: 0;
	}
	.modal.fade {
	  	top: -100px;
	}
	.modal.fade.in {
	  	top: 20px;
	}
}

}
/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		.jp-progress {
	  padding: 0 12px 0 40px !important;
	}
	.jp-volume-bar {
	  display: none !important;
	}
	.jp-volume-bar:before {
	  display: none !important;
	}
	.jp-mute,
	.jp-unmute {
	  display: none !important;
	}
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	.jp-progress {
	  padding: 0 12px 0 40px !important;
	}
	.jp-volume-bar {
	  display: none !important;
	}
	.jp-volume-bar:before {
	  display: none !important;
	}
	.jp-mute,
	.jp-unmute {
	  display: none !important;
	}
}