/* ------------------------------------------------------------------------------------------------------------------ */
/* CUSTOM RESPONSIVE
/* ------------------------------------------------------------------------------------------------------------------ */
/* Extra small devices  (Phones 319px 이하) 
---------------------------------------------------------------------------- */
@media (max-width: 319px) {			
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	  width: 100%;
	}
}

/* Extra small devices  (Phones 768px 이하)
---------------------------------------------------------------------------- */
@media (max-width: 767px) {		
	h1.h1 {
	  	font-size: 28px;
	}
	h2.h2 {
	  	font-size: 24px;
	}
	h3.h3 {
	  	font-size: 20px;
	}
	h4.h4 {
	  	font-size: 18px;
	}
	h5.h5 {
	  	font-size: 16px;
	}
	h6.h6 {
	  	font-size: 14px;
	}

	.xet-feature-list > li {
		border-right: none;
	}
		
}

/* Small devices (tablets, 768px 이상)
---------------------------------------------------------------------------- */
@media (min-width: 768px) {
	/* Header
	-------------------------------------- */
	#xet-header {
		height: 60px;
	}
	.xet-logo {
		left: 30px;
	}

	/* NAV */  
	#xet-nav-icon {
		right: 30px;
	}
	.xet-nav-container {
		width: 80%;
	}
	.xet-nav-container header {
		height: 90px;
		line-height: 90px;
	}
	.xet-nav-container h4 {
		margin-left: 30px;
	}
	.xet-close-nav {
		right: 30px;
		top: 45px;
	}
	.xet-nav-list > li {
		height: calc((100vh - 90px)/4);
	}
	.xet-nav-list > li em {
		font-size: 16px;
	}
	
	/* Section
	-------------------------------------- */
	.xet-section {
		margin-bottom: 0;
		padding: 0;
	}
	.xet-section .fp-tableCell {
		border-width: 60px 30px 30px;
	}

	/* Section About
	-------------------------------------- */
	.xet-about-list > li {
		height: calc((100vh));
	}
	.xet-about-list > li:nth-of-type(2n) {
	  	border-right-width: 0;
	}
	/* Section Feature
	-------------------------------------- */
	.xet-feature-list > li {
		height: calc((100vh - 125px)/3);
	}
	.xet-feature-list > li:nth-of-type(3),
	.xet-feature-list > li:nth-of-type(5),
	.xet-feature-list > li:nth-of-type(6),
	.xet-feature-list > li:nth-of-type(8),
	.xet-feature-list > li:nth-of-type(10)  {
	  	border-right-width: 0;
	}
	.xet-feature-list > li.col-title {
		height: calc((100vh - 125px)/3);
	}
	.xet-feature-list > li [class*="icon-"],
	.xet-feature-list > li [class*="fa"] {
		font-size: 48px;
	}
	/* Section Video
	-------------------------------------- */
	.xet-video .xet-video-overlay {
		top: 60px;
		left: 30px;
		right: 30px;
		bottom: 30px;
	}
	
	/* Section Skill
	-------------------------------------- */

	/* Section Team
	-------------------------------------- */
	.xet-team-list > li {
		height: calc((100vh - 125px)/3);
	}
	.xet-team-list > li.col-title {
		height: calc((100vh - 125px)/3);
	}
	/* Section Skill
	-------------------------------------- */

	
	/* Btn More
	-------------------------------------- */
	.xet-more-btn { 	
		font-size: 14px;
		padding: 8px 30px;
	}
	.xet-more-btn.round {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 24px;
	}
	
	.xet-content { 
		margin: 0 15px;
	}
	
	/* Footer
	-------------------------------------- */
	#xet-footer {}	
	.xet-sns-icon a {
		margin-left: 10px;
	}
}

/* Medium devices (desktops, 992px 이상)
---------------------------------------------------------------------------- */ 
@media (min-width: 992px) {	

	/* Header
	-------------------------------------- */
	#xet-header {
		height: 90px;		
	}
	.xet-logo {
		left: 45px;
		bottom: 20px;
	}
	.xet-logo a {
		height: 45px;
		line-height: 45px;
	}
	/* NAV */
	#xet-nav-icon {
		right: 45px;
		bottom: 20px;
	}
	.xet-nav-trigger {  
		height: 43px;
		width: 43px;
	}
	.xet-nav-container h4 {
		margin-left: 45px;
	}
	.xet-close-nav {
		right: 45px;
		top: 45px;
	}
	.xet-nav-list > li {
		width: 33.33%;
		height: calc((100vh - 90px)/3);
	}
	.xet-nav-list > li:nth-of-type(2n) {
		border-right-width: 1px;
	}
	.xet-nav-list > li:nth-of-type(3n) {
		border-right-width: 0;
	}
	.xet-nav-list > li em {
		font-size: 18px;
	}
	
	/* Section
	-------------------------------------- */
	.xet-section .fp-tableCell {
		border-width: 90px 45px 45px;
	}
	.xet-section-title {
		display: block;
	}
	#fp-nav {
		display: block;
	}
	/* Section About
	-------------------------------------- */	
	.xet-about-list > li {
		height: calc((80vh - 135px));
	}
	
	/* Section Feature
	-------------------------------------- */
	.xet-feature-list > li {
		height: calc((100vh - 135px)/3);
	}
	.xet-feature-list > li:nth-of-type(3),
	.xet-feature-list > li:nth-of-type(5),
	.xet-feature-list > li:nth-of-type(6),
	.xet-feature-list > li:nth-of-type(8) {
		border-right-width: 1px;
	}
	.xet-feature-list > li:nth-of-type(4),
	.xet-feature-list > li:nth-of-type(7),
	.xet-feature-list > li:nth-of-type(10)  {
	  	border-right-width: 0;
	}
	.xet-feature-list > li.col-title {
		height: calc((100vh - 135px)/3);
	}
	/* Section Video
	-------------------------------------- */
	.xet-video .xet-video-overlay {
		top: 90px;
		left: 45px;
		right: 45px;
		bottom: 45px;
	}
	/* Section Team
	-------------------------------------- */
	.xet-team-list > li {
		height: calc((100vh - 135px)/3);
	}
	.xet-team-list > li.col-title {
		height: calc((100vh - 135px)/3);
	}
	/* Section Work
	-------------------------------------- */
	.xet-work .col-title .item {
		background-color: #222;
		color: #fff;
	}
	
	.xet-content { 
		margin: 0 30px;
		min-height: calc((100vh - 135px));
	}
	
	/* Footer
	-------------------------------------- */
	#xet-footer {
		position: fixed;
		height: 45px;
		padding-left: 45px;
		padding-right: 45px;
	}	
	.xet-sns-icon a:hover {
		opacity: .6;
	}
}

/* Large devices (large desktops, 1200px 이상)
---------------------------------------------------------------------------- */ 
@media (min-width: 1200px) {}