/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/
@media (min-width: 1920px) {
	.tb-pn .container {
		width: 960px;
	}
	.nc-titlewrp > .sub-title {
		width: 960px;
	}
}

@media (min-width: 1200px) and (max-width: 1920px) {
	.tb-pn .container {
		width: 960px;
	}
	.nc-titlewrp > .sub-title {
		width: 960px;
	}
}
@media (min-width: 992px) {
	
}

/*===========================================*/
/*	MOBILE & TABLET COMMON
/*===========================================*/
@media (min-width: 200px) and (max-width: 1024px) {
	.nc-menu-icon {
		display: block;
	}
	.nc-navigation {
		width: 0;
	}
	.nc-sections {
		margin-left: 0;
	}
	.nc-navigation:hover {
		width: 0;
	}
	.nc-navigation:hover + .nc-sections {
		margin-left: 0;
	}
	.nc-menu-icon.open + .nc-navigation {
		width: 200px;
	}
	.nc-menu-icon.open + .nc-navigation + .nc-sections {
		transform: scale(0.95);

		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}
}


/*===========================================*/
/*	TABLET
/*===========================================*/
@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 768px) and (max-width: 1024px) {
	.nc-menu-icon {
		top: 30px;
		left: inherit;
		right: 30px;
	}
	.tb-pn .container {
		width: 90%;
	}

	.nc-titlewrp > .sub-title {
		width: 90%;
	}
}

/*===========================================*/
/*	MOBILE
/*===========================================*/
@media (min-width: 200px) and (max-width: 767px) {

	.tb-pn > .inner-wrapper {
		overflow: inherit;
		overflow-y: inherit; 
	}

	.nc-menu-icon {
		top: 10px;
		left: inherit;
		right: 10px;
	}
	.nc-menu-icon {
		width: 30px;
		height: 30px;
	}
	.nc-menu-icon > span:before {
		-webkit-transform: translateY(-8px);
		        transform: translateY(-8px);
	}
	.nc-menu-icon > span:after {
		-webkit-transform: translateY(8px);
		        transform: translateY(8px);
	}
	
	.nc-menu-icon {
		display: block;
	}
	.nc-navigation {
		width: 0;
	}
	.nc-sections {
		margin-left: 0;
	}
	.nc-navigation:hover {
		width: 0;
	}
	.nc-navigation:hover + .nc-sections {
		margin-left: 0;
	}
	.nc-menu-icon.open + .nc-navigation {
		width: 100%;
	}
	.nc-menu-icon.open + .nc-navigation + .nc-sections {
		transform: scale(0.95);

		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}

	.nc-background {
		position: inherit;
		height: 20vh;
	}
	.nc-sections {
		height: 80vh;
	}


}
@media (min-width: 600px) and (max-width: 767px) {
}
@media (min-width: 480px) and (max-width: 599px) {

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

}