/* ***********************
* MEDIA QUERY
************************ */

/* CSS only for Desktop */
@media only screen and (min-width: 768px) {

}
/* CSS only for Desktop END */

/* CSS only for Mobile Phone */
@media (min-width: 320px) and (max-width: 480px) {
	.flex{
		flex-direction: column;
	}

	.cont-div{
		display: none;
	}

	.nav-main{
		display: none;
	}

	.nav-icon{
		display: block;
	}

	.nav-brand{
		height: 3em;
	}

	.nav-main{
		float: left;
		margin-top: 10px;
		width: 100%;
	}

	.nav-item {
		display: block;
		margin-left: 0;
		margin-bottom: 1%;
		padding-bottom: 1%;
		border-bottom: 1px solid #fff; 
	}

	.part-header li{
		font-size: 12px;
	}

}
/* CSS only for Mobile Phone END */

/* Mobile LandScape */
@media (min-width: 480px) and (max-width: 760px) {

}
/* Mobile LandScape END */

/* tablet (landscape) */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

}
/* tablet (landscape) END*/

/* tablet (portrait) */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {

}
/* tablet (portrait) END */

/* ***********************
* MEDIA QUERY END
************************ */