/*
 * Copyright inpleworks, Co.
*/


/* ------------------------------------------------------------------------------------------------------------------ */
/* CUSTOM RESPONSIVE
/* ------------------------------------------------------------------------------------------------------------------ */
/* 媛�濡쒕え�� 
---------------------------------------------------------------------------- */
@media (max-width: 767px) and (orientation:landscape) {
	.xet-slider .xet-slider-container,
	.xet-slider .xet-jarallax {
	    height: calc(100vh) !important;
	}	
} 
/* 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: 48px !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;
	}
	
	.xet-slider h1 {
		font-size: 28px !important;
	}
	
}

/* Small devices (tablets, 768px �댁긽)
---------------------------------------------------------------------------- */
@media (min-width: 768px) {
	
	/* HEADER
	-------------------------------------- */
	#xet-header .xet-header-logo {
		width: 180px;
	}
	
	/* Section - Slider
	-------------------------------------- */ 
	.xet-slider .xet-slider-container {
	    height: calc(60vh);
	}
	.xet-slider .xet-jarallax {
	    height: calc(60vh);
	}	
	
	/* page top */
	.xet-page-top {
		height: 250px;
	}	
	
	.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%);
	}
	#xet-scroll-to-section {
		display: none !important
	}
}
/* Medium devices (desktops, 992px �댁긽)
---------------------------------------------------------------------------- */ 
@media (min-width: 992px) {	
	.xet-container-fluid {
		padding: 0 30px;
	}
	
	/* HEADER
	-------------------------------------- */ 
	#xet-header .xet-header-logo {
		width: 180px;
		height: 80px;
	}
	#xet-header .xet-header-logo.text-center {
		left: 0;
		margin-left: 0;
		transform: translateX(0);
	}
	#xet-header .xet-header-logo a {
		height: 80px;
		line-height: 80px;
		font-size: 36px;
	}
	#xet-header .xet-header-body .xet-btn-res {
		width: 121px;
		height: 80px;
		line-height: 80px;
	}
	#xet-header .xet-toggle-menu {
		height: 80px;
		width: 70px;
	}
	#xet-header .xet-nav.float-center {	
		margin: 0 -180px;
	}
	#xet-header .xet-nav-ul > li { 
		height: 80px;
		line-height: 80px;
		padding: 0 15px;
	}
	#xet-header .xet-nav-ul > li > a,
	#xet-header .xet-nav-ul > li > button { 
		height: 80px;
		line-height: 82px;
	}	
	#xet-header .xet-nav-ul > li > a {
		font-size: 16px;
	}

	
	/* 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;
	}
	
	/* Tab Swiper */
	.xet-tab-swiper-list li { 
		padding: 0px 30px;
	}
	
	/* Section - Slider
	-------------------------------------- */ 
	.xet-slider .xet-slider-container {
	    height: calc(50vh);
	}
	.xet-slider .swiper-caption {
		padding: 60px 145px 0;
	}
	.xet-slider .xet-jarallax {
	    height: calc(70vh);
	}	
	
	
	/* Section - Service
	-------------------------------------- */ 
	#xet-service .item .xet-service-caption {
		padding: 15px 25%;
	}
		
	/* Section - banner
	-------------------------------------- */ 
	.xet-banner {
		height: 480px;
	}
	
	/* Section - partners
	-------------------------------------- */ 
	#xet-partner-owl .item a {
		padding: 60px 30px;
	}
	
	/* 硫붿씤 �뱀뀡 �ㅽ겕濡� 硫붾돱 */
	#xet-scroll-to-section a:hover>span {
		opacity: 1;
		visibility: visible;
	}
	
	/* page top */
	.xet-page-top {
		height: 280px;
	}
	
	.xet-lnb {
		height: 71px;
		line-height: 70px;
	}
	.xet-lnb .xet-lnb-ul {
		height: 100px;
	}
	
	/* side panel
	-------------------------------------- */ 
	
	/* 媛��대뱶 */
	.xet-guide {
	    width: 50%;
	}
	.xet-guide-footer {
		height: 60px;
		line-height: 60px;
		white-space: nowrap;
		padding: 0 15px;
	}
	.xet-guide-footer .xet-guide-nav li {
		display: inline;
	}
	/* 媛��대뱶 踰꾪듉 */
	.xet-guide-floating {
	    bottom: 100px;
	    right: 30px;
	}
	.xet-guide-floating a {
		width: 60px;
	    height: 60px;
	    line-height: 60px;
	}
	.xet-guide-floating a i {
		font-size: 2em;
	}
	
	/* �꾪솕嫄멸린 踰꾪듉 */
	.xet-tel-floating {
	    bottom: 30px;
	    right: 30px;
	}
	.xet-tel-floating a {
		width: 60px;
	    height: 60px;
	}
	.xet-tel-floating a i {
		line-height: 60px;
		font-size: 2em;
	}
	
	
	/* Top Scroll
	-------------------------------------- */ 
	#xet-top-scroll { 
		bottom: 30px;
		right: 30px;
	}
	#xet-top-scroll a { 
		width: 60px; 
		height: 60px; 
		line-height: 60px;
	}
	#xet-top-scroll a > i {
		font-size: 2em;
	}
	#xet-top-scroll a:hover {
		background: #38b5c7 !important;
		color: #fff !important;
	}
	
	.owl-rest .owl-nav button.owl-next {
		right: 30px;
	}
	.owl-rest .owl-nav button.owl-prev {
		left: 30px;
	}
	
	
	/* Hover
	-------------------------------------- */ 
	.xet-btn:hover {
		border-radius: 30px;
		background: #38b5c7 !important;
		color: #fff !important;
	}
	#xet-footer a:hover {
		color: #1b1b1b
	}
	#xet-footer.dark a:hover {
		color: #f1f1f1
	}
}

/* Large devices (large desktops, 1200px �댁긽)
---------------------------------------------------------------------------- */ 
@media (min-width: 1200px) {	
	#xet-header .xet-header-logo {
		width: 240px;
	}
	#xet-header .xet-header-body .xet-btn-res {
		width: 242px;
	}
	#xet-header .xet-nav.float-center {	
		margin: 0 -240px;
	}
	#xet-header .xet-nav-ul > li { 
		padding: 0 25px;
	}
}