@media screen and (min-width: 320px) and (max-width: 550px) {
	nav.main-menu {
    	width: 100%;
	}
	
	.home-page .heroblock {
		top: 0!important;
	}
	.main-header {
	    position: fixed;
	   }
	.flexslider h2 {
    	font-size: 225%;
	}
	.flexslider h3 {
    	font-size: 137.5%;
	}

	nav.main-menu ul>li::before {
		transform: skewX(0deg);
	}
 	.text-holder {
    	top: 8rem;
  	}
  	.snippet {
    	min-height: 210px;
    }

	.main-footer .copyright {
    	position: relative;
   		bottom: unset;
    	left: 0px; 
	    padding: 0 30px 0 0;
	    display: block;
	}

	.footer-col .footer-menu {
    	padding: 0;
	}

	.kpi .inner .number {
		font-size: 400%;
	}


	.hasContent {
		box-shadow: 0px 10px 30px rgba(0,53,96,0.2);
	} 

	.act_content {
    	opacity: 100%;

	}

	#regiondata {
		position: relative;
		left: 0%;
	}

	.map-controls button.map_btn {
    	color: #fff;
    	top: 7rem;
    	position: relative;
    	z-index: 999!important;
    	width: 100%;
    	background: #003560;
   
    }

    .map-controls {
    	top: 0px;
    }


}

</style>
}