/*---- 768px --*/
@media (max-width:768px){
	.header {
		padding-top:0px;
	}	
	span.menu{
		display: block;
		width:33px;
		height:33px;
		background:url(../img/m-icon.png)no-repeat;
		cursor: pointer;
		margin: 0 auto;
	}
	
	.navigation{
		float:none;
		width:100%;
		margin-top:6px;
	}	
	ul.navig{
		display: none;
		background:#fff;
		text-align:center;
	}
	ul.navig li, 	ul.navig li.right{
		display:block;
		float: none;
	}
	ul.navig li.right {	
		margin: 0 0 0 0;
	}
	ul.navig li a{
		color:#fff;
		display:block;
		border-bottom:1px solid #fff;
		background: #772F8C;
		padding: 0px 7px;
	}
	ul.navig li, 	ul.navig li.right{
		padding-left: 0em;
	}
	ul.navig li a:hover, ul.navig li a.active {
		color:#F17034;
	}
}

@media (max-width:768px){
	.logo {
		padding: 0em 0px;
	}	
	.logo-main img {
		width: 27%;
	}
	
	ul.navig li a:hover{
		color:#fff;
	}
	
	.content {
		padding: 1em 0px;
	}	
	.content-main {
		text-align: left;/*center;*/
		padding: 0 10px 0 10px;
	}
	.content-main h1 {
		font-size: 1.8em;
		width: 100%;
	}
	.content-main p {
		margin-top: 14px;
	}
	
	.content-block{
		padding:0em 10px 2.0em 10px;
	}	
	
	.content-sub{
		padding:0em 10px 2.0em 10px;
		border: 0px solid #ff0000;
	}
	
	.footer {
		padding: 1em 10px;
		text-align: center;
	}
	.col-md-8.footer-left {
		margin-bottom: 1.2em;
	}
	.footer-text {
		text-align:center;
		margin-top: 10px;
		border: 0px solid #000;
	}	
	
	.error-main h3 {
		font-size: 10em;
	}
	.error-btn {
		margin: 10px 0px 0px 0em;
	}
	.error {
		padding: 3em 0px 2em 0px;
	}
	.error-main p {
		font-size: 1.8em;
	}
	.error-btn a {
		padding: 8px 1.3em;
	}
	
	.banner-1, .banner-2, .banner-3 {
		min-height: 400px;
	}	

}