/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.top_mnu {
		display: none;
		min-width: 285px;
		float: right;
		text-align: right;
		background-color: rgba(265,265,265,.9);
		margin-top: 15px;
		position: absolute;
		top: 10px;
		right: 15px;
		z-index: 3;
	}
	.top_mnu ul li {
		display: block;
		line-height: 0
		padding: 0;
		margin: 0;
	}
	.top_mnu ul li a {
		display: block;
		line-height: 48px;
		padding: 0 25px;
		background-color: transparent;
		transition: all .5s ease;
	}
	.top_mnu ul li a:hover {
		background-color: #222;
	}
	.phone	{
		padding-right: 65px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.top_mnu {
		top: 80px;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.header-wrap h1 {
		margin-top: 20px;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.phone-wrap .phone {
		font-size: 16px;
		line-height: 55px;
		padding-right: 50px;
	}
	.phone-wrap .toggle-mnu {
		line-height: 55px;
		margin-top: 18px;
	}
	
	.toping .logo img {
		width: 80px;
	}


}

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


}

@media (min-height: 680px) and (min-width : 1400px) {

}


/*==========  Mobile First Method  ==========*/

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

}

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

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.top_mnu {
		display: block !important;
		outline: none !important;
	}

}