/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 3000px) {
	.tel-top {
		font-size: 28px;
		margin: 10px 0 0;
	}

}

@media only screen and (max-width : 1600px) {
	.tel-top {
		font-size: 24px;
		margin: 14px 0 0;
	}

}


@media only screen and (max-width : 1300px) {
	.menu ul li a {
		padding: 35px 15px;
		font-size: 20px;
	}
	
	.tel-top {
		font-size: 18px;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.menu ul li a {
		padding: 35px 15px;
		font-size: 18px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.logo {
		display: block;
		margin: 15px auto 0;
	}
	
	.menu ul {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	
	.menu ul li a {
		padding: 15px 20px;
	}
	
	.fomail, .fotel {
		margin: 15px 0;
	}
	
	header {
		position: absolute;
	}
	
	.tel-top {
		display: block;
		text-align: center;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.menu ul li {
		display: block;
	}
	
	.prev, .next {
		display: none !important;
	}
	
	.cat-box li {
		display: block;
	}
	
	.cat-box {
		padding: 0;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


@media only screen and (max-width : 1450px) and (min-width : 992px) {
	.port-desc {
		min-height: 70px;
	}
}