@charset "utf-8";

@media screen and (max-width:1024px) {
		.box_skitter {
				
				height:300px;
				
				}
				#top3 {
				height: 300px;
				
				}
				#topnav_right {
					padding-top: 0px;
					padding-bottom:10px;
					
				}
}

@media screen and (max-width:900px) {
			
				#topnav_right {
					padding-top: 0px;
					padding-bottom:10px;
					
				}


}


@media screen and (max-width:768px) {
			
				.image_float {
					float:none;
					margin-right: 5px;
					padding: 5px;
					max-width:320px;
					
				}
				.image_float2 {
					float:none;
					margin-left: 5px;
					padding: 5px;
					max-width:320px;
				
				}
				#top2_wrap {
					width:100%;
					
				}
				#topnav_right {
					padding-top: 15px;
					color: #fff;
					
				}
				#top_left {
					float:none;					
					text-align: center;

				}
				#top_right {
					float:none;					
					text-align: center;

				}
				#top_left2 {
					float:none;					
					text-align: center;

				}
				#top_right2 {
					float:none;					
					padding-top: 0px;
					background-color:#f5f5f5;

				}
				#font_top {
					text-align: center;
					padding-top: 0px;
				
				}
				.box_skitter {
				
				height:250px;
				
				}
				#top3 {
				height: 250px;
				
				}
				#homefloat1 {
					width:98%;
					float:none; 
					
					
				}
				#homefloat2 {
						width:98%;
					float:none; 
					
				}
				#homefloat3 {
						width:98%;
					float:none; 
					
				}
					#homefloatnews {
					width:95%;
					float:none; 
					margin-left:0; 
					margin-right:0; 
					margin-bottom:2%; 
					padding: 2%;
					height:auto;
					
				}
				
				#content_left{
					width:100%;
					float:none; 
					margin:0;
					
				}
				#content_right{
					width:100%;
					float:none;
				}
				#bottomfloat1 {
					width:100%;
					float:none;
				}
				#bottomfloat2 {
					width:100%;
					float:none;
				}
				#bottomfloat3 {
					width:100%;
					float:none;
				}
				#bottomfloat4 {
					width:100%;
					float:none;
				}
				#bottom_teks2{
					width:100%;
					float:none;
				}
			
				
				
	
}


@media screen and (max-width:480px) {
				
				.image_float {
					float:none;
					margin-right: 5px;
					padding: 5px;
					max-width:320px;
					
				}
				.image_float2 {
					float:none;
					margin-left: 5px;
					padding: 5px;
					max-width:320px;
					
				}
				#top2_wrap {
					width:100%;
					
				}
				#topnav_right {
					padding-top: 15px;
					color: #fff;
					
				}
				#top_left {
					float:none;					
					text-align: center;

				}
				#top_right {
					float:none;					
					text-align: center;

				}
				#top_left2 {
					float:none;					
					text-align: center;

				}
				#top_right2 {
					float:none;					
					padding-top: 0px;
					background-color:#d2d4d7;
				}
				#font_top {
					text-align: center;
					padding-top: 0px;
				
				}
				.box_skitter {
				
				height:170px;
				
				}
				#top3 {
				height: 130px;
				
				}
				#homefloat1 {
					width:98%;
					float:none; 
					
					
				}
				#homefloat2 {
						width:98%;
					float:none; 
					
				}
				#homefloat3 {
						width:98%;
					float:none; 
					
				}
				#homefloatnews {
					width:95%;
					float:none; 
					margin-left:0; 
					margin-right:0; 
					margin-bottom:2%; 
					padding: 2%;
					height:auto;
					
				}
				
				
				#content_left{
					width:100%;
					float:none; 
					margin:0;
					
				}
				#content_right{
					width:100%;
					float:none;
				}
				#bottomfloat1 {
					width:100%;
					float:none;
				}
				#bottomfloat2 {
					width:100%;
					float:none;
				}
				#bottomfloat3 {
					width:100%;
					float:none;
				}
				#bottomfloat4 {
					width:100%;
					float:none;
				}
				#bottom_teks2{
					width:100%;
					float:none;
				}
				

				
				table.responsive  {
                                border: 0;
                }

                table.responsive  caption {
                                font-size: 1.3em;
                }

                table.responsive  thead {
                                display: none;
                }

               table.responsive   tr {
                                display: block;
                                margin-bottom: .725em;
                }
				
				table.responsive  th {
                                display: block;
								font-size:1em;
                }

                table.responsive  td {
                                display: block;
								font-size:1em;
                }

                table.responsive  td:before {
                                content: attr(data-label);
                                float: left;
                                font-weight: bold;
                                text-transform: uppercase;
                }

                table.responsive  td:last-child {
                                border-bottom: 0;
                } 
				
				
	
}