/*
 * Copyright inpleworks, Co.
*/


/* ------------------------------------------------------------------------------------------------------------------ */
/* 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% !important;
	}
	h1 {
	  	font-size: 32px !important;
	}
	h2 {
	  	font-size: 26px !important;
	}
	h3 {
	  	font-size: 22px !important;
	}
	h4 {
	  	font-size: 18px !important;
	}
}

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

/* Small devices (tablets, 768px 이상)
---------------------------------------------------------------------------- */
@media (min-width: 768px) {
	
	/* HEADER
	-------------------------------------- */
	#xet-header .xet-header-logo {
		width: 200px;
	}
	
	/* Section - Slider
	-------------------------------------- */ 
	.xet-slider .xet-slider-container {
	    height: calc(60vh);
	}
	.xet-slider .xet-jarallax {
	    height: calc(60vh);
	}
	.xet-slider2 .xet-slider-container {
	    height: calc(60vh - 60px);
	    margin-top: 60px;
	}
	
	/* Side Panel
	-------------------------------------- */
	.xet-side-panel {
		width: 300px;
	}
	.push-toright {
	    left: 300px !important;
	}
	.push-toleft {
	    left: -300px !important;
	}
	
	/* page top */
	.xet-page-top > div {
		height: 250px;
	}
	
	/* TOP SCROLL BUTTON
	-------------------------------------- */ 
	#xet-top-scroll { 
		width: 50px; 
		height: 50px; 
		line-height: 50px;
	}
	#xet-top-scroll a { 
		background-size: 24px;
	}
	
	.xet-content {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px; 
		border-radius: 4px; 
	}
	
}
@media (max-width: 991px) {
	#xet-header .xet-header-logo.logo-left {
		left: 50%;
		text-align: center;
		transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
}
/* Medium devices (desktops, 992px 이상)
---------------------------------------------------------------------------- */ 
@media (min-width: 992px) {	
	.xet-container-fluid {
		padding: 0 30px;
	}
	
	/* HEADER
	-------------------------------------- */ 
	#xet-header .xet-header-logo {
		width: 220px;
		height: 80px;
		line-height: 80px;
	}
	#xet-header .xet-header-logo a {
		height: 80px;
		font-size: 36px;
	}
	#xet-header .xet-header-logo a img {		
		right: auto;
	}
	#xet-header .xet-toggle-menu {
		height: 80px;
		width: 70px;
	}
	#xet-header .xet-nav-ul > li { 
		height: 80px;
		line-height: 80px;
	}
	#xet-header .xet-nav-ul > li > a,
	#xet-header .xet-nav-ul > li > button { 
		height: 80px;
		line-height: 82px;
	}
	
	
	/* 아이콘 버튼 */
	.xet-nav-ul > li.li-btn > button {
		width: 50px;
	}
	/* Hover color NAV 1ì°¨ */
	#xet-header .xet-nav-ul > li.li-btn:hover > button {}
	

	
	/* NAV
	-------------------------------------- */ 		
	.xet-side-panel .side-panel-top {
		height: 81px;
	}
	.xet-side-panel .xet-nav-ul > li > a,
	.xet-side-panel .xet-nav-ul > li > button { 
		height: 80px;
		line-height: 82px;
	}
	.xet-side-panel .xet-toggle-menu {
		height: 80px;
		width: 70px;
	}
	
	
	/* Section - Slider
	-------------------------------------- */ 
	.xet-slider .xet-slider-container {
	    height: calc(70vh);
	}
	.xet-slider .swiper-caption {
		padding: 0 145px;
	}
	.xet-slider .xet-jarallax {
	    height: calc(70vh);
	}
	
	/* Section - Slider2
	-------------------------------------- */ 
	.xet-slider2 .xet-slider-container {
	    height: calc(80vh - 60px);
	    margin-top: 80px;
	}
	.xet-slider2.fullSzie .xet-slider-container {	
	    height: calc(100vh - 80px);
	}
	.xet-slider2 .swiper-caption {
		text-align: left;
	}
	.xet-slider2 .xet-slider-img {
		position:absolute; 
		right:0; 
		top: 0;
		width: 70%; 
	}
	.xet-slider2 .xet-slider-caption {
		top: 25%;
		height: 50%; 
		text-align: left;
	}
	.xet-slider2 .xet-slider-pagination {
		left: 30px !important;
		top: 30px !important;
		bottom: auto !important;
		width: 40px !important;
		text-align: left;
	}
	.xet-slider2 .xet-slider-pagination .swiper-pagination-bullet {
		display: block !important;
		width: 8px;
		height: 1px;
		margin: 10px 0 !important;
		border-radius: 0 !important;
		opacity: 0.5;
	    background-color: #f1f1f1;
	}
	.xet-slider2 .xet-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 15px;
		opacity: 1.0;
		background-color: #38b5c7;
	}
	.xet-slider2 .xet-slider-pagination.swiper-pagination-progressbar {
		top: 30px !important;
		background: #000;
	}
	
	/* Section - Service
	-------------------------------------- */ 
	#xet-service .item .xet-service-caption {
		padding: 15px 25%;
	}
		
	/* Section - team
	-------------------------------------- */ 
	.xet-team-item .team-img-inner a {
		font-size: 18px;
		margin: 0 5px;
	}
	
	/* Section - partners
	-------------------------------------- */ 
	#xet-partner-owl .item a {
		padding: 60px 30px;
	}
	
	/* page top */
	.xet-page-top > div {
		height: 250px;
	}
	
	/* side panel
	-------------------------------------- */ 
	
	
	/* button
	-------------------------------------- */ 
	.xet-btn-theme,
	.xet-btn-bg-theme { 	
		padding: 15px 40px;
	}
	
}

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