@media screen and (max-width:3000px){

.navi { margin-top:25px; float:right;}
.header ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	display: block;
}
.header ul li { float:left; display:block;}
.header ul li a {
	font-size: 16px;
	border-right: 1px solid black;
	color: #000;
	width: 130px;
	display: block;
	text-align: center;
}
.header .navi ul li:hover ul{
	display: block;
	position: absolute;
	top: 45px;
	z-index: 999999999999;
	background-color: rgba(255,255,255,0.8)
}
.header .navi ul li ul { display:none}
.header .navi .alt li { display:block; float:none; text-align:left;  margin:0px; padding:0px; padding-left:5px;} 
.header .navi .alt li a { padding:5px 0px 5px 0px; display:block; float:none; border-bottom:1px solid white; text-align:left; font-size:13px; } 

.col-sm-2 { margin:0px; padding:0px;}
.icmetin {}
.icmetin h4 { text-align:center; color:white; font-size:16px; }

.ic img { margin-top:25px; }
.ic {
	transition: all 300ms;
	margin-left: 25px;
	padding: 9px;
	border: 3px solid white;
	width: 130px;
	height: 130px;
}
.col-sm-2:hover .ic { border:9px solid white; transition:all 300ms}
.slides img {  margin-top:-20px; position:absolute;z-index:-1; width:100%;}
body {font-size:13px; 	font-family:"PT Sans"; margin:0px;}
.col-md-2 { padding:0px; margin:0px; }
.col-md-3 img { }
p { margin:0px}
.row { margin-left:0px; margin-right:0px;}
		.stick { display:none;}
		.header { overflow:hidden; }
	.dgm{ display:none;}	
	.logog {  display:none;}
.footermenu a { color:black}
.footermenu li { display:block; border-bottom:1px solid gray; width:170px;}
#images {}	
.socialbar { display:none}

}
@media screen and (max-width:1202px) {
	.col-sm-2 { margin:0px; padding:0px;}
.icmetin {}
.icmetin h4 { text-align:center; color:white; font-size:13px; }

.ic img { }
.ic { margin-top:55px; transition:all 300ms; margin-left:26px; padding:5px;border:3px solid white; width:110px; height:110px; }
.navi {  margin-top:25px; float:right;}
.header ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	display: block;
}
.header ul li { float:left; display:block;}
.header ul li a {  font-size:13px; border-right:1px solid white;color:white; width:100px; text-align:center; }
.header .navi ul li:hover ul{
	display: block;
	position: absolute;
	top: 40px;
	z-index: 999999999999;
	background-color: rgba(255,255,255,0.8)
}
.header .navi ul li ul { display:none}
.header .navi .alt li { display:block; float:none; text-align:left;  margin:0px; padding:0px; } 
.header .navi .alt li a { padding:5px 0px 5px 0px; display:block; float:none; border-bottom:1px solid white; text-align:left; font-size:13px; } 
.logo { width:280px}		
		
		
			}
			@media screen and (max-width:992px) {
	.col-sm-2 { margin:0px; padding:0px;}
.icmetin {}
.icmetin h4 { text-align:center; color:white; font-size:13px; }
.ic img { margin-top:15px; }
.ic { margin-top:100px; transition:all 300ms; margin-left:15px; padding:5px;border:3px solid white; width:90px; height:90px; }
.logo { width:150px;}		
	.navi {  margin-top:10px; float:right;}
.header ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	display: block;
}
.header ul li { float:left; display:block;}
.header ul li a {
	font-size: 12px;
	border-right: 1px solid black;
	color: #000;
	width: 90px;
	text-align: center;
}
.header .navi ul li:hover ul{
	display: block;
	position: absolute;
	top: 25px;
	z-index: 999999999999;
	background-color: rgba(255,255,255,0.9)
}
.header .navi ul li ul { display:none}
.header .navi .alt li { display:block; float:none; text-align:left;  margin:0px; padding:0px; } 
.header .navi .alt li a {
	padding: 5px 0px 5px 0px;
	display: block;
	float: none;
	border-bottom: 1px solid black;
	text-align: left;
	font-size: 12px;
} 
	
	
		
		
			}
			
	
	
		@media screen and (max-width:801px) {
			body { padding-top:80px;}
			.col-sm-2 { margin-top:0px; padding:0px;}
.icmetin {}
.icmetin h4 { text-align:center; color:black; font-size:15px; }
			.logo { display:none;}
.ic img { margin-top:10px; }
.ic {
	margin-top: 0px;
	background-color: #ff7f00;
	transition: all 300ms;
	margin-left: 16px;
	margin-top: 250px;
	padding: 10px;
	border: 3px solid #cccccc;
	width: 130px;
	height: 130px;
}
		.dgm { cursor:pointer; display:block; float:right; color:white; padding:10px;}
		.glyphicons { font-size:20px;}
.logog { display:block; width:220px;; margin-top:7px;}
.header {
	background-color: #FFF;
	position: fixed;
	z-index: 9999999;
	top: 0px;
	width: 100%;
}
 .navi { width:100%; margin:0px; padding:0px; overflow:hidden;  }
 .navi ul { width:100%; display:none }
.navi ul li{
	float: none;
	width: 100%;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
 .navi ul li a { display:block;  text-align:center; font-size:15px; width:100%; border:none; padding-bottom1:0px  }
.header .container { margin:0px; padding:0px; width:100%;}


.alt{ display:block; position:inherit !important ; margin:0px; padding:0px;}
.alt li{ background-color:gray; text-align:center; border:none}
.alt li a {
	font-size: 15px !important;
	text-align: center !important;
	display: block;
	border-bottom: 1px solid black !important;
}






.col-md-2:hover .ic { border:9px solid gray; transition:all 300ms}
			#images { margin-top:0px}
					@media screen and (max-width:769px) {
					body { padding-top:80px;}
.row{}
			.col-sm-2 { margin-top:0px; border:none; }
			.ic{  border:none; border:none; margin-top:0px;  height:200px;}
			.col-sm-2: hover .ic{ border:9px solid gray; }
			.icmetin { height:35px;}
			.icmetin h4 { font-size:15px; font-weight:bold;}
			.slides { display:none}
			}