/**
***************************************************************
* AUTHOR : NCodeArt
* PROJECT : Vibe - Coming Soon Creative Page
* Purchase : http://www.ncodeart.com/
*
* Copyright 2015-2016 NCodeArt
* NOTE : This file licensed to NCodeArt - http://themeforest.net/user/ncodeart and it is strictly prohibited to copy or reuse it.
***************************************************************
*/

/**
*****************************************************************
* This file is licensed to NCodeArt.
* it's not allowed to copy or reuse it Copyright NCodeArt 2015-2016
* NCodeArt : http://www.ncodeart.com/
*****************************************************************
*/

/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/

@media (min-width: 1200px) {
}
@media (min-width: 992px) {
	.boxed,
	.boxed .nav-wrp { min-width: 990px; max-width: 1400px; margin: auto; }

	.tbl-gr { display: table; width: 100%; table-layout: fixed; }
	.tbl-gr > [class*="col-"] { float: none; display: table-cell; }
	.tbl-gr.align-m > [class*="col-"] { vertical-align: middle; }
	.tbl-gr.align-t > [class*="col-"] { vertical-align: top; }
	.tbl-gr.align-b > [class*="col-"] { vertical-align: bottom; }

	.nav-transparent:not(.nav-sticky) {
		background-color: transparent !important;
		top: 0px;
		opacity: 1;
		box-shadow: none;
	}
}

/*===========================================*/
/*	MOBILE & TABLET COMMON
/*===========================================*/
@media (min-width: 200px) and (max-width: 991px) {
	.container.small {
		width: auto;
	}
	
	.ctrl-2 .owl-nav > div {
		background-color: rgba(0,0,0,0.3);
		color: #fff;
	}
	.ctrl-2 .owl-nav > .owl-next { right: 0; }
	.ctrl-2 .owl-nav > .owl-prev { left: 0; }

	.ctrl-2 .owl-dots,
	.ctrl-1 .owl-dots { margin: 0px; }

	[class*="gt"] { margin-left: -15px; margin-right: -15px; }
	[class*="gt"] > [class*="col-"] { padding-left: 15px; padding-right: 15px; }
	
	.rw > [class*="cl"] { width: 100%; }
	.tbl-gr > [class*="cl"], 
	.tbl-gr > [class*="col-"] {
		display: block;
	}
	
	.form-inline-tbl,
	.form-inline-tbl > li {
		display: block;
		padding: 5px;
	}

	/* Filters
	=========================*/
	.filter-style1 .filter-list {
		text-align: center;
	}

	
	/* Responsive table
	=========================*/
	.tbl-responsive td {
		padding: 10px;
		display: block;
	}
	.tbl-responsive.tbl-border td:nth-child(n+2) {
		border-top: none;
	}
	.tbl-responsive tr td:last-child {
		margin-bottom: 20px;
	}
	.tbl-responsive td:before {
		display: inline-block;
		content: attr(data-th);
		font-size: 11px;
		color: #fff;
		background-color: rgba(0,0,0,.5);
		border-radius: 3px;
		padding: 3px 10px;
		margin-bottom: 5px;
	}
	.light.tbl-responsive td:before {
		color: #000;
		background-color: rgba(255,255,255,.5);
	}
	.tbl-responsive td:not([data-th]):before {
		display: none;
	}

	/*----------  FULLPAGE  ----------*/
	body[data-fullpage='y'] .intro-full {
		width: 100%;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;
	}
	body[data-fullpage='y'] .intro {
		width: 100%;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;
	}
	body[data-fullpage='y'] .fix-active {
		z-index: 9;
	}

}


/*===========================================*/
/*	TABLET
/*===========================================*/
@media (min-width: 768px) and (max-width: 991px) {
	body[data-nc3d*='y'] .js-tilt {
		transform: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {

	body[data-nc3d*='y'] .js-tilt {
		transform: none !important;
	}

	.nav-links > li > a {
		padding-left: 6px;
		padding-right: 6px;
	}
	.vh50,
	.vh55,
	.vh60,
	.vh65,
	.vh70,
	.vh75,
	.vh80,
	.vh85,
	.vh90{height:100vh;}
	
}

/*===========================================*/
/*	MOBILE
/*===========================================*/
@media (min-width: 200px) and (max-width: 767px) {
	body[data-nc3d*='y'] .js-tilt {
		transform: none !important;
	}
}
@media (min-width: 600px) and (max-width: 767px) {
}
@media (min-width: 480px) and (max-width: 599px) {

}
@media (min-width: 200px) and (max-width: 479px) {
}