/* RESPONSIVE THEME */

@media screen and (max-width: 1500px) {

	.sticky #logo-dark {
		display: none;
	}	
	
	.sticky #logo-short {
		display: block;
	}

}

@media screen and (max-width: 1400px) {

	.owl-buttons {
		display: none !important;
	}
					
}

@media screen and (max-width: 1300px) {

	.quick-menu {
		display: none !important;
	}
	
}

@media screen and (min-width: 1200px) {	
		
	#mobile-menu {
		display: none !important;
	}


}

@media screen and (max-width: 1200px) {
	.blog-thumb.video .blog-caption {
	  display: none!important;
	}	
	.blog-thumb.video:before {
		display: none!important;
	}	
	/* NO PARALLAX */
	
	* {
		background-attachment: scroll!important;
	}
	
	/* TRANSITION OFF */
	
	header.transit {
		transition: none;
		-moz-transition: none ;
		-o-transition: none;
		-webkit-transition: none;
		-ms-transition: none;
	}
	
	.animated {
		-webkit-animation-duration: 0s !important;
		   -moz-animation-duration: 0s !important;
			 -o-animation-duration: 0s !important;
				animation-duration: 0s!important;
	}
	
	.transit-words {
		visibility: visible;
	}

	.transit-fade,
	.transit-left,
	.transit-right,
	.transit-top,
	.transit-bottom,
	.transit-bouncein,
	.transit-flip {
		opacity: 1!important;
	}
		
	header { 
		position: absolute;
	}
	
	.main-menu {
		display: none;
	}
	
	.switch-menu {
		display: block;
	}
		
	#mobile-menu {
		margin: 0;
		height: auto;
		width: 100%;
		padding-top: 100px;
	}
	
	#mobile-menu ul {
		text-align: center;
		width: 100%;
	}		
	
	#mobile-menu li {
		display: list-item;
		margin: 0 auto;
		width: 100%;
		line-height: 50px;
		height: auto;
		cursor: pointer;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	
	#mobile-menu li:last-child {
		border-bottom: none;
	}
	
	#mobile-menu li a {
	    color: #fff;
	    text-transform: uppercase;
	    letter-spacing: 0px;
	    font-size: 25px;
	    font-family: 'DBAdmanXLight';
	    font-weight: bold;
	}
	
	#mobile-menu .sub-menu li {
		border: none;	
	}
	
	.sub-menu {
		position: static;
		padding-top: 0;
	}
		
		.sticky .main-menu {
			top: 70px;
		}
				
		.sticky .main-menu li a {
			color: #fff !important;
		}
		
		.sticky .sub-menu {
			padding-top: 0;
		}
	
}

@media screen and (max-width: 900px) {
	.gallery-item {
	    height: 240px;
	}
	#footer-copy,
	.footer-icons {
		float: none;
	}
	
}

@media screen and (max-width: 800px) {
	.gallery-item {
	    height: 200px;
	}
	.logo {
		margin: 0 25px;
	}
		
	.btn-down {
		display: none;
	}
	
	.btn-up {
		opacity: 0;
	}
	
	body:hover .btn-up {
		opacity: 0.3;
	}
	
	.btn-up:hover {
		opacity: 1 !important;
	}
	
	#intro .owl-controls {
		display: none !important;
	}
	
	.quick-menu {
		display: none;
	}
	
	.switch-menu {
		margin-right: 25px;
	}
	
	#icons-menu {
		display: none;
	}
	
	.post-wrap iframe {
		height: 400px;
	}
	
	.slide-image,
	#post-image,
	#blog-image {
		height: 400px;
	}
	
	.page .intro-subtitle {
		display: none;
	}
	
	.image-box {
		height: 400px;
	}	
	
}

@media screen and (max-width: 600px) {
	.gallery-list .port-icon {
	    width: auto;
	    height: auto;
	    font-size: 15px;
	}
	.gallery-list .line-center {
	    margin-top: 8px;
	    margin-bottom: 10px;
	}
	.gallery-list .port-title {
	    margin: 30px 0 0;
	}
	.gallery-item {
	    height: 155px;
	}
	.blog-thumb.video .blog-icon {
	    margin-top: -20px;
	}
	.blog-thumb .blog-icon i.icon-paper {
	    line-height: 100%;
	}
	.blog-more {
	    top: 25%;
	}
	#post-image {
		background-size: cover;
	}
	.post-content {
	    line-height: 110%;
	    font-size: 23px;
	}
	:-webkit-input-placeholder {
		font-size: 23px;
	}
	.tips_beauty .palarax > div {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.right .col-1-2:first-child {
	    float: left;
	}
	.port-filter li, .gallery-filter li {
	    font-size: 26px;
	}
	 
	.blog-detail .blog-exc {
	    line-height: 120%;
	    text-align: center;
	    font-size: 24px;
	    min-height: 85px;
	}
	.subtitle-section, .subtitle-page, .meta-page {
	    font-size: 23px;
	    line-height: 130%;
	    font-weight: 300;
	    text-align: center;
	    padding-left: 15px;
	    padding-right: 15px;
	    line-height: 120%;
	}
	.promo .blog-content {
	    padding-bottom: 0!important;
	}
	body.page-promotion .promo .blog-content {
	    padding-bottom: inherit!important;
	}
	.switch-menu {
	    top: 10px;
	    position: relative;
	}
	header {
	    padding: 5px 0;
	}
	.logo img {
	    height: 32px;
	    top: 0;
	}
	.image-box {
		height: 300px;
	}
	
	.page .col-1-2 .blog-exc {
	    margin-bottom: 50px;
	    min-height: 0;
	}
	
	.page .col-1-2 .blog-exc {
		margin-bottom: 100px;
	}
	
	.blog-row .col-1-2 .blog-detail {	
		border-bottom: 3px solid #fafafa;
	}
	
}

/* FIX SMARTPHONE */

@media screen and (max-width: 400px) {
	div#client .blog-content > div {
	    padding-bottom: 20px;
	    background-size: cover;
	}
	#client .header-section {
	    position: relative;
	    z-index: 1;
	    padding: 40px 0 0;
	}
	#client .header-section .title-section {
	    font-size: 27px;
	    letter-spacing: 0.5px;
	}
	.port-filter li, .gallery-filter li {
		display: block;
	}
	.gallery-item {
	    height: 200px;
	}
	.logo {
		margin: 0 25px;
	}
	
	.info-menu {
		display: none !important;
	} 
	
	.intro-title {
		padding: 0 25px;
		font-size: 35px;
	}
		
	.intro-subtitle {
		display: none;
	}
			
	.btn-up {
		right: 25px;
		bottom: 25px;
	}
	
	.header-page {
		padding: 50px 0;
	}
	
	.header-layer-page {
		padding: 50px 0;
	}
	
	.header-section {
		padding: 50px 0;
	}
	
	.overw-list {
		padding: 25px 0;
	}
	
	.callout-layer {
		padding: 50px 0;
	}
	
	.callout-icons li {
		margin: 5px 3px;
	}
	
	.port-filter li {
		margin: 5px 3px;
	}
		
	.serv-layer {
		padding: 50px 25px;
	}
	
	.serv-box {
		margin: 0;
	}
	
	.feat-list {
		padding: 25px 0;
	}
	
	.blog-list {
		padding: 0;
	}
	
	.blog-box {
		margin: 0;
	}
	
	.section .col-1-3 .blog-exc {
		margin-bottom: 50px;
	}
	
	.page .col-1-3 .blog-exc {
		margin-bottom: 100px;
	}
	
	.blog-row .col-1-3 .blog-detail {	
		border-bottom: 3px solid #fafafa;
	}
	
	.quote-layer {
		padding: 25px 0;
	}
	
	.clients-content {
		padding: 25px 0;
	}
	
	.post-wrap iframe {
		height: 300px;
	}
	
	.owl-pagination {
		/*display: none;*/
	}
	
	.gmap {
		height: 300px;
	}
	
}