/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2019-2020 IMAJIKU.
*/


/* Desktop First Design */

/* Larger Devices, Wider Screens */
@media only screen and (min-width : 1700px) {
	.banner-top {
		width: 100%;
		height: 100%;
		max-height: 340px;
	}
	.banner-caption {
		width: 100%;
		height: 100%;
		max-height: 340px;
	}
	.banner-top img {
		width: 100%;
		height: 100%;
		max-height: 340px;
	}
}

@media (min-width : 1500px) and (max-width: 1700px) {

}

@media only screen and (min-width : 1367px) {

}

/*@media screen and (max-width: 1366px) , screen and (orientation: landscape) {
	
	}*/
/*@media screen and (min-width: 1366px) {
	.home-hero-img {
		height: calc(100vh - 65px);
	}
}
*/


/* Medium Devices, Desktops */
@media only screen and (max-width : 1280px) {
	/* = banner without caption
	-------------------------------------------------------------*/
	.banner-top.no-caption {
		height: auto;
	}
	.banner-top.no-caption img {
		height: auto;
	}

	/* = News
	-------------------------------------------------------------*/
	.highlight-news .myslider-mjk.highlight-slider img {
		height: calc(90vh - 120px);
		max-height: 100vh;
	}
}
@media only screen and (max-width : 1200px) {
	
	
}

@media only screen and (min-width: 1200px) {

}

@media only screen and (min-width : 1024px) {
	
}

@media only screen and (max-width : 1024px) {

	/*home*/
	/* =Hero Slider
	------------------------------------------------------------ */
	.hero-slider .hero-slider-caption h1,
	.hero-slider .hero-slider-caption h2{
		font-size: 32px;
	}
	.home-hero-img {
		height: 100%;
	}
	.home-hero-video {
		height: 100%;
	}
	.home-hero-video iframe{
		height: 650px;
		max-height: 650px;
	}
	.tabs-product-home .product-home-slider-desc h3 {
		font-size: 24px;
	}
	.tabs-product-home .tabs-product-home-item h3 {
		font-size: 21px;
	}
	.title-primary h1 {
		font-size: 32px;
	}
	.card-article.card-horizontal .card-article-img {
		height: 200px;
	}
	.bg-white .card-horizontal .card-article-desc-item h3 {
		font-size: 16px;
		line-height:24px;
		height: 75px;
	}
	.hero-slider-caption-box {
		bottom: 90px;
	}


	.home-hero-video-slide {
		overflow:hidden;
		padding-bottom:47.50%;
		position:relative;
		height:0;
	}
	.home-hero-video-slide iframe {
		left:0;
		top:0;
		height:100%;
		width:100%;
		position:absolute;
	}
	.myslider-mjk-button-prev, .myslider-mjk-button-next {
		height: 85%;
	}

	/* =General
	------------------------------------------------------------ */
	.banner-caption h3 {
		font-size: 26px;
	}
	.banner-caption p {
		font-size: 14px;
	}
	.product-detail-title h1 {
		font-size: 28px;
	}
	/* =News
	------------------------------------------------------------ */
	.highlight-slider-caption h1 {
		font-size: 32px;
	}
	.card-promo .icon-overlay i {
		padding: 15px;
		font-size: 15px;
	}
	/* =Training Info
	------------------------------------------------------------ */
	.image-features-thumb-item {
		width: 115px;
		height: 95px;
	}
	.image-banner .caption-banner {
		width: 500px;
		bottom: 20%;
	}
	/* =Career
	------------------------------------------------------------ */
	.career-box .career-item .career-link h3 {
		font-size: 18px;
		width: 220px;
	}

	/* = News
	-------------------------------------------------------------*/
	.highlight-news .myslider-mjk.highlight-slider img {
		height: calc(76vh - 120px);
		max-height: 100vh;
	}
	/*embed youtube*/
	.preview-embed-youtube {
		position: relative;
		width: 100%;
		height: 300px;
	}
}

@media only screen and (max-width : 992px) {

}

/* Start mobile responsive */
@media only screen and (max-width : 991px) {
	/* =Narbar Header
	------------------------------------------------------------ */
	header.sticky .navbar-brand img,
	.navbar-brand img{
		height: 17px;
	}

	/* =Home Slider
	------------------------------------------------------------ */
	.hero-slider-caption-box{
		width: 500px;
	}
	.home-hero-video iframe{
		height: 500px;
		max-height: 500px;
	}
	.hero-slider-caption .fancybox-video{
		width: 130px;
	}
	.hero-slider .hero-slider-caption-box .container{
		width: 100% !important;
		max-width: 100% !important;
	}
	.hero-slider .hero-slider-caption{
		padding: 15px;
	}
	.home-hero-video-slide {
		height: calc(40vh - 45px);
	}

	/* =Home
	------------------------------------------------------------ */
	.tabs-product-home .tabs-product-home-item h3 {
		font-size: 17px;
	}
	.tabs-product-home .product-home-slider-desc h3 {
		font-size: 17px;
	}
	.tabs-product-home .product-home-icon {
		height: 80px;
	}
	.tabs-product-home .nav-tabs .nav-item {
		width: calc(100%/2);
	}

	.copyright {
		margin: 0px 0px 10px 0px;
		justify-content: center;
		text-align: center;
	}
	.foo-menu-static ul {
		justify-content: center;
	}

	/* =Breadcrumb
	------------------------------------------------------------ */
	.breadcrumb-box {
		display: none;
	}

	/* =Card
	------------------------------------------------------------ */
	.card-article-desc-item h3 {
		font-size: 16px;
	}
	.card-article.card-horizontal .card-article-img {
		height: 100%;
	}
	.card-article.card-horizontal.reverse {
		flex-direction: column;
	}

	/* =Card
	------------------------------------------------------------ */
	.card-article.card-horizontal {
		flex-direction: column;
	}
	.card-article.card-horizontal .card-article-img {
		width: 100%;
	}
	.card-event-time {
		margin-right: 15px;
	}
	.card-event-desc {
		padding: 15px;
	}

	/* =Product
	------------------------------------------------------------ */
	.product-slider-nav .product-img-thumb {
		max-width: 100px;
		height: 100px;
	}
	.product-slider-nav .product-img-thumb img {
		width: 100px;
		height: 100px;
	}

	/* =News
	------------------------------------------------------------ */
	.card-promo .icon-overlay i {
		padding: 12px;
		font-size: 11px;
	}

	/* =Training Register
	------------------------------------------------------------ */
	.banner-register.image-banner img {
		height: 200px;
		object-fit: cover;
	}
	.banner-register.image-banner .caption-banner {
		bottom: 20%;
	}

	/* =Error Code
	------------------------------------------------------------ */
	.card-video-desc h3 {
		font-size: 18px;
		line-height: 24px;
	}

	/* =Contact
	------------------------------------------------------------ */
	.image-banner.banner-contact .caption-banner {
		width: 450px;
		bottom: 8%;
	}
	.image-banner.banner-contact .caption-banner h3 {
		font-size: 16px;
		line-height: 22px;
	}
	.image-banner.banner-contact .caption-banner p {
		font-size: 14px;
		line-height: 22px;
	}
	.image-banner.banner-contact .caption-banner ul li {
		font-size: 14px;
		line-height: 22px;
	}

	/*hero responsive caption*/
	.responsive-caption .home-caption-box {
		position: relative;
		bottom: 40px;
		transform: translateX(-50%);
	}
	.responsive-caption  {
		background:rgb(238, 238, 238);
	}

	.hero-onefold-caption .home-hero-img{
		height: 100%;
	}
	.hero-onefold-caption .home-hero-img img {
		object-position: bottom center;
		margin-bottom: -2px;
	}
	.hero-onefold-caption {
		background: rgb(238, 238, 238);
	}
	.hero-onefold-caption .home-hero-img{
		position: relative;
	}
	.hero-onefold-caption .home-caption-box{
		position: relative;
		bottom: 40px;
		transform: translateX(-50%);
	}
	.overlay-gradient-responsive {
		position: absolute;
		width: 100%;
		height: 80px;
		left: 0;
		bottom: 0;
		background-image: linear-gradient(to top,rgba(238, 238, 238),rgba(255, 255, 255, 0),rgba(255, 255, 255, 0))
	}
	.hero-onefold-caption .myslider-mjk-dots{
		bottom: 10px;
	}
	.hero-double-column{
		height: auto;
	}
	.hero-double-column .home-caption-img{
		width: 80%;
		margin: 0 auto;
		position: relative;
	}
	.hero-double-column .home-caption-box {
		position: relative;
		width: 100%;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.hero-double-column .home-caption {
		width: 80%;
		margin: 40px auto;
		order: 2;
		left: unset;
	}
	.hero-double-column .home-caption-img {
		width: 400px;
		margin: 40px auto;
		position: relative;
		order: 1;
	}
	.hero-double-column .home-caption-img img {
		position: relative;
	}
	.hero-double-column .home-hero-img {
		position: absolute;
	}
	.hero-double-column .home-caption h1, 
	.hero-double-column .home-caption h2{
		line-height: 1.3
	}


	/* =CARD
	------------------------------------------------------------ */
	.card-mjk.card-horizontal {
		flex-direction: column;
	}
	.card-mjk.card-horizontal .card-mjk-img {
		width: 100%;
	}
	.card-event-time {
		margin-right: 15px;
	}
	.card-event-desc {
		padding: 15px;
	}


	/* =FILTER VERTICAL
	------------------------------------------------------------ */
	/*button menu filter vertical responsive */
	.btn-filter-mobile {
		display: flex;
		flex-direction: row;
		position: fixed;
		width: 150px;
		height: 40px;
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		margin: auto;
		z-index: 3;
		background-color: #666;
		margin-bottom: 15px;
		border-radius: 4px;
	}
	.btn-filter-mobile.active {
		position: absolute;
		bottom: 0;
		top: auto;
	}
	.btn-filter-mobile-item {
		display: flex;
		background-color: transparent;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	/*menu filter vertical responsive */
	.filter-vertical-box {
		display: none;
		opacity: 0;
	}
	.filter-vertical-box.open .close{
		display: block;
		position: absolute;
		top: 10px;
		right: 15px;
		padding: 0;
		margin: 0;
		height: 40px;
		width: 40px;
		line-height: 38px;
		text-align: center;
	}
	.filter-vertical-box.open .close i{
		font-size: 17px;
	}
	.filter-vertical-box.open{
		display: block;
		padding: 30px 30px 30px;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: #f5f5f5;
		z-index: 1200;
		animation-name: fadeInUp;
		-webkit-animation-name: fadeInUp;
		animation-duration: 0.5s;
		-webkit-animation-duration: 0.5s;
		opacity: 1;
	}
	.filter-vertical-box.open .filter-vertical {
		position: relative;
		display: block;
		margin-bottom: 100px;
		height: 70vh;
		margin-top: 20px;
	}
	.filter-vertical-box.open .filter-brand {
		display: block;
		padding: 0 15px 0 5px;
		width: 100%;
		height: 60vh;
		overflow-x: hidden;
		overflow-y: auto;
		-moz-overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch;
		margin-bottom: 15px;
	}


	/*menu filter vertical responsive */
	.filter-horizontal-box {
		display: none;
		opacity: 0;
	}
	.filter-horizontal-box.open .close{
		display: block;
		position: absolute;
		top: 10px;
		right: 15px;
		padding: 0;
		margin: 0;
		height: 40px;
		width: 40px;
		line-height: 38px;
		text-align: center;
	}
	.filter-horizontal-box.open .close i{
		font-size: 17px;
	}
	.filter-horizontal-box.open{
		display: block;
		padding: 30px 30px 30px;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: #f5f5f5;
		z-index: 1200;
		animation-name: fadeInUp;
		-webkit-animation-name: fadeInUp;
		animation-duration: 0.5s;
		-webkit-animation-duration: 0.5s;
		opacity: 1;
	}
	.filter-horizontal-box.open .filter-horizontal {
		position: relative;
		display: block;
		margin-bottom: 100px;
		height: 70vh;
		margin-top: 30px;
	}
	.filter-horizontal-box.open .filter-brand {
		display: block;
		padding: 0 15px 0 5px;
		width: 100%;
		height: 60vh;
		overflow-x: hidden;
		overflow-y: auto;
		-moz-overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch;
		margin-bottom: 15px;
	}


	.content-filter-gone-mobile {
		position: relative;
		display: block;
		margin-top: 5rem;
	}

	/* = News
	-------------------------------------------------------------*/
	.highlight-slider-caption-box {
		position: relative;
		bottom: 0px;
		padding: 15px;
	}
	.highlight-news .myslider-mjk.highlight-slider img {
		height: 100%;
		max-height: 100%;
	}
	.highlight-news .slick-dots {
		bottom: 5px;
	}


	/* =BANNER PRODUCT
	-------------------------------------------------------------*/
	.banner-top{
		max-height: 100%;
	}
	.banner-caption {
		position: relative;
		padding: 15px;
		max-height: 100%;
	}
}

/* Small Devices, Desktops */
@media only screen and (max-width : 812px) {

	/*home*/
	.hero-slider-caption-box{
		width: 450px;
	}

	/* =Training Info
	------------------------------------------------------------ */
	.banner-training.image-banner img {
		height: 200px;
		object-fit: cover;
	}
	.banner-training.image-banner .caption-banner {
		bottom: 20%;
	}
}

@media only screen and (max-width : 768px) {
	/* =Home
	------------------------------------------------------------ */
	.home-hero-video iframe{
		height: 620px;
		max-height: 620px;
	}
	.hero-slider-caption-box {
		bottom: 50px;
	}
	.hero-slider .hero-slider-caption h1, 
	.hero-slider .hero-slider-caption h2{
		font-size: 20px;
	}
	.hero-slider .hero-slider-caption p{
		font-size: 14px;
	}
	.myslider-mjk-dots{
		bottom: 10px;
	}

	/* =Training Info
	------------------------------------------------------------ */
	.image-banner .caption-banner {
		width: 380px;
		bottom: 15%;
	}
	.image-banner .caption-banner h3 {
		font-size: 18px;
		line-height: 22px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {

	/* =HOME
	------------------------------------------------------------ */
	.nav-tabs .nav-item {
		margin-bottom: 30px;
	}
	.home-hero-video iframe{
		height: 620px;
		max-height: 620px;
	}
	.hero-slider-caption-box {
		bottom: 0px;
	}

	.tabs-product-home .product-home-slider-desc {
		position: relative;
		margin: 0;
		top: 0;
		left: 0;
		margin-right: 0;
		transform: unset;
	}
	.tabs-product-home .tab-content {
		margin-top: 0;
	}

	/* =Filter
	------------------------------------------------------------ */
	.filter-mjk-group-box{
		flex-direction: column;
	}
	.filter-mjk-group{
		flex-direction: column;
		width: 100%;
	}
	.filter-mjk-group .form-group{
		width: 100%;
	}
	.filter-mjk-group .select-mjk-box{
		width: 100%;
		max-width: 100%;
	}
	.filter-mjk-group-action{
		width: 100%;
	}

	/* =FAQ
	------------------------------------------------------------ */
	.tab-mjk-nav{
		justify-content: center;
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		border-right: none;
		margin-bottom: 10px;
	}
	.tab-mjk-nav .nav-link{
		padding: 5px 15px 5px;
	}


	/* =Online Store
	------------------------------------------------------------ */
	.card-mjk-box.horizontal .online-store.card-mjk {
		flex-direction: column;
	}
	.card-mjk-box.horizontal .online-store.card-mjk .card-mjk-img {
		padding: 2px 20px 2px 0px;
		margin-bottom: 15px;
	}
	.card-mjk-box.horizontal .card-mjk .card-mjk-desc {
		padding: 0;
	}

	/* =Offline Store
	------------------------------------------------------------ */
	.tabs-offline-store .nav-tabs .nav-item {
		margin-bottom: -1px;
	}

	/* =News
	------------------------------------------------------------ */
	.highlight-slider-caption h1 {
		font-size: 24px;
	}

	/* =Contact
	------------------------------------------------------------ */
	.banner-contact.image-banner img {
		height: 150px;
		object-fit: cover;
	}
	.banner-contact.image-banner .caption-banner {
		width: 400px;
	}

	/* =Filter Select2
	------------------------------------------------------------ */
	.filter-store .filter-mjk-group .form-group {
		flex-direction: column;
		align-items: flex-start;
	}
	.filter-store .filter-mjk-group .form-group label {
		margin: 0px 15px 5px 0;
	}
	.filter-location .filter-mjk-group .form-group {
		flex-direction: column;
		align-items: flex-start;
	}
	.filter-location .filter-mjk-group .form-group label {
		margin: 0px 15px 5px 0;
	}

	/* =BANNER PRODUCT
	-------------------------------------------------------------*/
	.banner-top img {
		height: 100%;
		max-height: 100%;
	}
	.banner-top {
		height: 100%;
		max-height: 100%;
	}

	/* =Map
	-------------------------------------------------------------*/
	.map {
		width: 100%;	
	}
}


@media only screen and (max-width : 736px) {
	/* =HOME
	------------------------------------------------------------ */
	.home-hero-video iframe{
		height: 400px;
		max-height: 400px;
	}

	.nav-circle-box {
		height: 35px;
		width: 35px;
	}
	.nav-circle-box i {
		line-height: 35px;
	}
	.myslider-mjk-box.hero-slider-box .myslider-mjk-button-prev,
	.myslider-mjk-box.hero-slider-box .myslider-mjk-button-next {
		width: 10%;
	}
	.myslider-mjk-dots .slick-dots li.slick-active button::before {
		width: 10px;
	}
	.myslider-mjk-dots .slick-dots li.slick-active {
		width: 10px;
	}
}

@media only screen and (max-width : 640px) {

	/* =Training Info
	------------------------------------------------------------ */
	.banner-training.image-banner img {
		height: 200px;
		object-fit: cover;
	}
	.banner-training.image-banner .caption-banner {
		bottom: 20%;
	}

}

@media only screen and (max-width : 575px) {
	
	/*home*/
	.hero-slider-caption-box{
		width: 360px;
		left: 20px;
	}
}

@media only screen and (max-width : 480px) {
	/* =Hero Slider
	------------------------------------------------------------ */
	.hero-slider-prev, .hero-slider-next {
		width: 30px;
	}
	.nav-circle-box i {
		font-size: 20px;	
	}
	.nav-circle-box i {
		line-height: 30px;
	}
	.nav-circle-box {
		height: 30px;
		width: 30px;
	}
	.home-hero-video-slide {
		overflow:hidden;
		padding-bottom:47.50%;
		position:relative;
		height:0;
	}
	.myslider-mjk-button-prev,
	.myslider-mjk-button-next {
		height: 68%;
	}
	.hero-slider-box .slick-dots {
		width: 50%;
		margin: 0 auto;
	}
	.hero-slider-box .myslider-mjk-dots .slick-dots li {
		margin: 0px 3px 0;
	}
	.hero-slider-box .myslider-mjk-dots .slick-dots li button::before {
		width: 7px;
		height: 7px;
	}

	/* =Home
	------------------------------------------------------------ */
	.title-primary h1 {
		font-size: 26px;
	}
	.title-highlight h3 {
		font-size: 22px;
	}
	.card-product-desc h3 {
		font-size: 18px;
	}
	.tabs-product-home .tabs-product-home-item h3 {
		font-size: 14px;
		line-height: 22px;
	}
	.product-home-slider-desc {
		text-align: center;
	}
	.tabs-product-home .product-home-slider-desc h3 {
		font-size: 16px;
	}
	.tabs-product-home .product-home-icon {
		height: 90px;
	}
	.foo-menu-static li {
		font-size: 12px;
		text-align: center;
	}
	.social-network.bottom li {
		padding: 0 20px 0;
	}
	.home-hero-video iframe{
		height: 500px;
		max-height: 500px;
	}

	/* =About
	------------------------------------------------------------ */
	.button-about ul {
		flex-direction: column;
	}
	.button-about ul li {
		margin: 5px 0px 5px;
	}
	.button-about .btn-mjk {
		width: 165px;
	}

	/* =News
	------------------------------------------------------------ */
	.highlight-news .myslider-mjk.highlight-slider img {
		height: 100%;
		max-height: 100%;
	}
	.highlight-slider-caption h1 {
		font-size: 16px;
	}
	.highlight-slider-caption p {
		font-size: 14px;
	}

	ul.disc {
		margin-left: 15px;
	}

	/* =Training Register
	------------------------------------------------------------ */
	.image-banner.banner-register .caption-banner {
		width: 288px;
		bottom: 15%;
	}

	/* =Contact
	------------------------------------------------------------ */
	.banner-contact.image-banner img {
		height: 200px;
		object-fit: cover;
		object-position: top;
	}
	.banner-contact.image-banner .caption-banner {
		width: 340px;
	}
	.contact-desc {
		flex-direction: column;
	}
	.contact-desc .contact-desc-item {
		width: 100%;
	}

	/* = List Product v2
	-------------------------------------------------------------*/ 
	/*Scrolling Horizontal*/
	.scrolling-item {
		padding: 0px 30px 10px 0px;
	}

	/* =BANNER PRODUCT
	-------------------------------------------------------------*/
	.banner-caption h3 {
		font-size: 21px;
	}
}

@media only screen and (max-width : 375px) {

	/*home*/
	.hero-slider-caption-box{
		width: 280px;
		left: 15px;
	}
	/* =Training Info
	------------------------------------------------------------ */
	.image-features-thumb-item {
		width: 100px;
		height: 80px;
	}
	.image-banner .caption-banner {
		width: 315px;
	}
	/* =Contact
	------------------------------------------------------------ */
	.banner-contact.image-banner img {
		height: 230px;
		object-fit: cover;
		object-position: top;
	}
	.banner-contact.image-banner .caption-banner {
		width: 310px;
	}
}

@media only screen and (max-width : 320px) {
	/* =Home
	------------------------------------------------------------ */
	.tabs-product-home .product-home-icon {
		height: 60px;
	}
	.tabs-product-home .product-home-icon img {
		height: 100%;
		width: 35px;
		object-fit: contain;
	}
	.myslider-mjk-box.hero-slider-box .myslider-mjk-button-prev,
	.myslider-mjk-box.hero-slider-box .myslider-mjk-button-next {
		width: 12%;
	}
	

	/* =Product
	------------------------------------------------------------ */
	.product-slider-nav .product-img-thumb {
		max-width: 100px;
		height: 100px;
	}
	.product-slider-nav .product-img-thumb img {
		width: 90px;
		height: 100px;
	}

	/* =Training Info
	------------------------------------------------------------ */
	.image-features-thumb-item {
		width: 80px;
		height: 70px;
	}
	.image-banner .caption-banner {
		width: 270px;
	}

	/* =Training Register
	------------------------------------------------------------ */
	.image-banner.banner-register .caption-banner {
		width: 270px;
	}

	/* =Contact Center
	------------------------------------------------------------ */
	.banner-contact.image-banner .caption-banner {
		width: 265px;
	}
}


/*media queries specific for hero slider*/

/*ipad pro landscape*/
/*@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1.5) {
	.home-hero-img {
		height: 100%;
	}
	.home-hero-video-slide {
		height: calc(70vh - 65px);
	}
	}*/

	/*ipad pro potrait*/
/*@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (orientation: portrait ) 
and (-webkit-min-device-pixel-ratio: 1.5) {
	.home-hero-img {
		height: 100%;
	}
	.home-hero-video-slide {
		height: calc(40vh - 65px);
	}
	}*/


	/*galaxy S5 portrait*/
/*@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 640px) 
and (orientation : portrait) { 
	.home-hero-video-slide {
		height: calc(34vh - 47px);
	}
	}*/



	/*iPhone 6, 7, & 8 in landscape*/
/*@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
	.home-hero-video-slide {
		height: calc(100vh - 58px);
	}
	}*/

	/*iPhone 5 & 5S in landscape*/
/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
	.home-hero-video-slide {
		height: calc(100vh - 50px);
	}
	}*/

	/*iPhone 5 & 5S in portrait*/
/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
	.home-hero-video-slide {
		height: calc(34vh - 40px);
	}
	}*/


	/*iPhone 6, 7, & 8 in portrait*/
/*@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
	.home-hero-video-slide {
		height: calc(34vh - 48px);
	}
}
*/




/*iPhone X in landscape*/
/*@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 
	.home-hero-video-slide {
		height: 103vh;
	}
	}*/
	/*iPhone 6, 7, & 8 Plus in landscape*/
/*@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
	.home-hero-video-slide {
		height: calc(100vh - 63px);
	}
	}*/

	/*iPhone X in portrait*/
/*@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) { 
	.home-hero-video-slide {
		height: calc(30vh - 65px);
	}
	}*/
	/*iPhone 6, 7, & 8 Plus in portrait*/
/*@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) {
	.home-hero-video-slide {
		height: calc(34vh - 53px);
	}
}
*/
/*galaxy S5 landscape*/
/*@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 640px) 
and (orientation : landscape) { 
	.home-hero-video-slide {
		height: calc(100vh - 56px);
	}
}
*/