/*

RESPONSIVE-320.CSS

- Applied to 320px width and below

*/
@media (max-width: 320px) {

/* ============================================================================
   
   ========================================================================= */

	ul.dfwp-column.dfwp-list li.dfwp-item div.whitespace + ul.dfwp-list li.dfwp-item:not(:nth-child(-n+3)){
		display: none;
	}
	ul.dfwp-column.dfwp-list li.dfwp-item div.whitespace + ul.dfwp-list {
		padding: 0 4px 10px;
	}
	
	/* ============================================================================
	Module Get inspired
   ========================================================================= */
	div.box-black-100 {
		width : 100%;
		padding: 0;
	}
	div.box-black-100  > img{
		width : 100%;
		height: 80%;
		position: relative;
	}
	div.box-black-100  > h3.hd{
		display: inline-block;
		font-size: 22px;
		margin: 0;
		padding: 10px;
		width: auto;
	}
	div.box-black-100  > div.bd > p:first-child{
		display: none;
	}
	div.box-black-100 > .bd a {
		bottom: 0;
		opacity: 0;
		padding: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9999;
	}
	
	/* ============================================================================
	Header
   ========================================================================= */
	div.topbar 	{
		margin-bottom: 10px;
	}
	div.topbar nav  li > a.arrow-right{
		font-size : 10px;
	}

}