@media (max-width: 1199px) {
	canvas {
		max-width: 100%;
		height: auto !important;
	}
}

/* @media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) { */
@media only screen and (max-width : 922px) {
  #News .entry,
  #Books .book-wrap,
  .portfolio-item {
      margin-right: 20px !important;
      width: 40% !important;
      float: left !important;
  }
  #News .entry,
  .portfolio-item {
      min-width: 349px !important;
  }
  #Books .book-wrap {
      min-width: 46% !important;
      min-height: 562px!important;
      float: left !important;
  }
  #Books .clear {
      float: left !important;
      clear: none !important;
      width: 0 !important;
  }
	.content-books {
			padding: 20px 0 60px;
	}
}

@media
(min-width: 415px)
and (max-width: 767px) {
  #Media .post-grid .entry,
  #News .entry {
    margin-right: 10px !important;
    float: left !important;
    max-width: 46% !important;
    min-width: auto !important;
  }
}

@media
(min-width: 501px)
and (max-width: 992px) {
  #logo {
      -webkit-filter: invert(0) !important;
      filter: invert(0) !important;
  }
  #primary-menu-trigger {
      opacity: 1;
  }
  #primary-menu ul li a div {
      color: #000;
  }
  #header.full-header .container, .container-fullwidth {
      width: auto !important;
  }
  #header.full-header .container {
      height: 60px;
  }
  .container {
    width: 100%;
  }
}

@media
(min-width: 993px)
 and (max-width: 1319px) {
  .portfolio-3 .portfolio-item,
  .post-grid.grid-3 .entry {
    min-width: inherit !important;
    width: 46% !important;
  }
}

@media
(min-width: 767px)
and (max-width: 1199px) {
  #Media .post-grid .entry,
  #News .entry {
    margin-right: 20px !important;
    max-width: 47% !important;
    float: left !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #group-content {
		width: 100%;
	}
	.portfolio-item {
		width: 100%;
	}
	.portfolio-item .portfolio-image,
	.portfolio-item .portfolio-image a,
	.portfolio-item .portfolio-image img {
	    width: 226px;
	    height: 170px;
	}
	.portfolio-3 .portfolio-item { width: 303px; }
	.portfolio-3 .portfolio-item .portfolio-image,
	.portfolio-3 .portfolio-item .portfolio-image a,
	.portfolio-3 .portfolio-item .portfolio-image img {
	    width: 303px;
	    height: 227px;
	}
	.post-grid .entry { width: 214px; }
	.landing-video {
	    width: 465px;
	    height: 262px;
	    margin: 19px 0 0 75px;
	}
}
@media (max-width: 991px) {
	#wrapper {
		width: 100%;
    margin: 0;
	}
	#header,
	#header-wrap { height: auto !important; }
	#header.transparent-header + #slider,
	#slider + #header.transparent-header {
    top: 0;
    margin-bottom: 0;
	}
	#logo a.standard-logo { display: inline-block; }

	#primary-menu-trigger {
		opacity: 1 !important;
		pointer-events: auto;
		top: 25px;
		margin-top: 0;
		left: 0;
		z-index: 1;
	}

	#primary-menu {
		display: none;
		position: absolute;
		z-index: 99999;
		min-width: 100vw;
		background-color: #fff;
		margin: 0;
		padding: 0;
		left: 0;
	}

	#primary-menu .container #primary-menu-trigger {
		top: 5px;
		left: 0;
	}

	#primary-menu ul {
    display: block;
    overflow-x: hidden;
  }

	#primary-menu li {
		border-bottom: 1px solid #eee;
	}

  #primary-menu li,
  #primary-menu li a,
  #primary-menu ul ul.nav,
  #primary-menu ul li {
    position: relative;
    display: block;
    min-height: 50px;
    line-height: 50px;
    min-width: 100vw;
    padding: 0 !important;
  }
	#primary-menu div ul { margin-top: 60px !important; }
	#primary-menu ul { height: auto !important; }
	#primary-menu ul li {
		background: #fff;
    margin: 0 !important;
    text-align: left !important;
	}

	/* #primary-menu ul li:first-child { border-top: 1px solid #eee; } */
	#primary-menu ul li a {
    height: 60px !important;
    line-height: 60px !important;
    /* padding: 0 !important; */
    border: none !important;
    margin: 0 !important;
		padding-left: 20px !important;
	}
	#primary-menu ul li.sub-menu {
		background: #fff !important;
		background: url("../images/icons/mainsubmenu.png") no-repeat right center;
	}
	#primary-menu ul li.sub-menu a,
	#primary-menu ul li.sub-menu a:hover {
		color: #ccc !important;
	}

	#primary-menu ul.nav li a {
		text-transform: capitalize;
		padding-left: 40px !important;
	}
	#primary-menu ul.nav li a: hover {
		color: #987654;
	}
	/* #primary-menu ul ul {
		display: none;
		position: absolute;
		width: 220px;
		background-color: #FFF;
		height: auto;
		z-index: 199;
		left: 0;
		margin: 0;
		top: 0 !important;
	} */

	/* #primary-menu ul ul a {
		height: 42px !important;
		line-height: 42px !important;
		color: #000 !important;
	} */

	/* #primary-menu ul ul li:hover > a {
		background-color: #F9F9F9;
		padding-left: 18px;
		color: #000 !important;
	} */
	/* #primary-menu {
		display: block;
		float: none;
		height: auto !important;
	} */
	/* #primary-menu li a {
		color: #666;
	 } */
	/* #primary-menu ul ul.nav {
		border: none;
	} */

	/* #primary-menu ul ul li:first-child {
		border-top: 1px solid #eee;
	} */
	/* #primary-menu ul ul.nav ul {
		width: 100%;
		position: relative;
		display: block;
	} */
	/* #primary-menu ul ul i { line-height: inherit; } */
	/* #primary-menu.mobile-active {
		display: block;
		display: flex;
		align-items: center;
		text-align: center;
		margin: 0;
		left: 0;
	} */

	/* #primary-menu li a div,
	#primary-menu ul.nav li a {
		padding-left: 20px;
		background: #fff;
	} */
	/* #primary-menu > ul,
	#primary-menu > div > ul {
		float: none !important;
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	} */
	/* #primary-menu ul ul {
	    position: relative;
	    width: auto;
	    background-color: transparent !important;
	    border: 0;
	    border-top: 1px solid #eee;
	    z-index: 1;
	    padding-left: 15px;
	} */
	/* #primary-menu ul ul ul {
	    top: 0 !important;
	    left: 0;
	}
	#primary-menu ul ul ul {
			top: 0 !important;
	}
	#primary-menu ul ul a {
	    height: 44px !important;
	    line-height: 44px !important;
	    padding-left: 5px !important;
	    font-size: 13px !important;
	    text-transform: none;
	    font-weight: 400;
	}
	#primary-menu ul ul a i { line-height: 43px; }
	#primary-menu ul ul li:hover > a {
	    background-color: #eee;
	    padding-left: 5px;
	    color: #000 !important;
	} */
	/* #primary-menu .sub-cat {
		padding: 0 26px;
		font-weight: bold;
		border-bottom: 1px solid #eee;
		text-transform: capitalize;
		font-size: 18px;
		height: 50px;
		line-height: 50px;
	} */
	.post-grid { margin-right: 0 !important; }
	.post-grid .entry {
	    float: none !important;
	    width: 100% !important;
	    margin-right: 0 !important;
	    border-right: 0 !important;
	}
	.post-grid .entry-image,
	.post-grid .entry-image img { height: auto !important; }
	/* .entry-meta li {
	    font-size: 11px;
	    margin: 0 10px 10px 0;
	}
	#posts .entry-meta li i { display: none; }
	#posts.post-grid .entry-meta li i,
	#posts .entry-meta li:last-child i { display: inline-block; } */
	/* #side-panel-trigger { right: 71px; } */
	/* #logo {
		display: block;
		height: 100px;
		margin: 0 auto 0 !important;
		max-width: none;
		text-align: center;
		border: 0 !important;
	} */
	/* .col_full,
	.col_half,
	.col_one_third,
	.col_two_third,
	.col_one_fourth {
			width: 100% !important;
			margin-right: 0;
			float: none;
		} */
}
@media (min-width: 480px) and (max-width: 767px) {
	#header.full-header .container { width: 470px !important; max-height: 60px; }
	.landing-video {
		position: relative;
		top: 12px;
	    width: 333px;
	    height: 187px;
	    margin: 19px 0 0 53px;
	}
}

#Timeline.device-xxs.device-touch #page-title,
#Timeline.device-xs.device-touch #page-title,
#Timeline.device-sm.device-touch #page-title,
#Timeline.device-md.device-touch #page-title,
#Timeline.device-xxs.device-touch .timeline-sidebar,
#Timeline.device-xs.device-touch .timeline-sidebar,
#Timeline.device-sm.device-touch .timeline-sidebar,
#Timeline.device-md.device-touch .timeline-sidebar {
    display: none;
}

#Timeline.device-xxs.device-touch .timeline-decade,
#Timeline.device-xs.device-touch .timeline-decade,
#Timeline.device-sm.device-touch .timeline-decade,
#Timeline.device-md.device-touch .timeline-decade {
    padding-right: 0 !important;
}

#Timeline.device-xxs.device-touch .timeline-moment-content img,
#Timeline.device-xs.device-touch .timeline-moment-content img,
#Timeline.device-sm.device-touch .timeline-moment-content img,
#Timeline.device-md.device-touch .timeline-moment-content img {
    max-width: 100% !important;
    height: auto !important;
}

/* ----------------------------------------------------------------
    Retina CSS
-----------------------------------------------------------------*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	#logo a.standard-logo { display: none; }
	#logo a.retina-logo { display: block; }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (min-resolution: 192dpi) and (max-width: 991px),
only screen and (min-resolution: 2dppx) and (max-width: 991px) {
	#logo a.standard-logo { display: none; }
	#logo a.retina-logo { display: inline-block; }
}