@charset "utf-8";

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

			#top1 {
					height: auto;
					
				}
				.top_wrapper {
					height: auto;
					width: 100%;
					background-color: transparent;
					margin-right: auto;
					margin-left: auto;
				}

				
				.box_skitter {
				
				height:270px;
				
				}
				#menu_1 {
					width: 33%;
					float: left;
				}
				#menu_2 {
					width: 33%;
					float: left;
				}
				#menu_3 {
					width: 33%;
					float: left;
				}
				#menu_4 {
					width: 33%;
					float: left;
				}
				#menu_5 {
					width: 33%;
					float: left;
				}
				#content_wrapper {
					width: 90%;
					padding-right: 1%;
					padding-left: 1%;
				}
				
				#content_left{
					width:100%;
					float:none; 
					margin:0;
					
				}
				#content_right{
					width:100%;
					float:none;
				}
				
				#footer {
					width: 100%;
					
				}
				#footer2 {
					width: 100%;
				}
				#bottom_wrapper {
					width: 95%;
					
				}
				
				
				#bottom_teks2{
					width:100%;
					float:none;
				}


}

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

				
				#top1 {
					height: auto;
					
				}
				.top_wrapper {
					height: auto;
					width: 100%;
					background-color: transparent;
					margin-right: auto;
					margin-left: auto;
				}

				
				.box_skitter {
				
				height:250px;
				
				}
				#menu_1 {
					width: 33%;
					float: left;
				}
				#menu_2 {
					width: 33%;
					float: left;
				}
				#menu_3 {
					width: 33%;
					float: left;
				}
				#menu_4 {
					width: 33%;
					float: left;
				}
				#menu_5 {
					width: 33%;
					float: left;
				}
				#content_wrapper {
					width: 90%;
					padding-right: 1%;
					padding-left: 1%;
				}
				
				#content_left{
					width:100%;
					float:none; 
					margin:0;
					
				}
				#content_right{
					width:100%;
					float:none;
				}
				
				#footer {
					width: 100%;
					
				}
				#footer2 {
					width: 100%;
				}
				#bottom_wrapper {
					width: 95%;
					
				}
				
				
				#bottom_teks2{
					width:100%;
					float:none;
				}
				
		


}


@media screen and (max-width:768px) {
			
						
				.image_float {
						float:none;
						margin-bottom: 10px;
						padding: 0px;
						margin-top: 0px;
						margin-left: 0px;
					}

				
				#top1 {
					height: auto;
					
				}
				.top_wrapper {
					height: auto;
					width: 100%;
					background-color: transparent;
					margin-right: auto;
					margin-left: auto;
				}

				
				.box_skitter {
				
				height:150px;
				
				}
				#menu_1 {
					width: 50%;
					float: left;
				}
				#menu_2 {
					width: 50%;
					float: left;
				}
				#menu_3 {
					width: 50%;
					float: left;
				}
				#menu_4 {
					width: 50%;
					float: left;
				}
				#menu_5 {
					width: 50%;
					float: left;
				}
				#content_wrapper {
					width: 90%;
					padding-right: 1%;
					padding-left: 1%;
				}
				
				#content_left{
					width:100%;
					float:none; 
					margin:0;
					
				}
				#content_right{
					width:100%;
					float:none;
				}
				
				#footer {
					width: 100%;
					
				}
				#footer2 {
					width: 100%;
				}
				#bottom_wrapper {
					width: 95%;
					
				}
				#bottomfloat {
					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;
                } 
				

				
				
				
	
}


@media screen and (max-width:480px) {
				
				.image_float {
						float:none;
						margin-bottom: 10px;
						padding: 0px;
						margin-top: 0px;
						margin-left: 0px;
					}

				
				#top1 {
					height: auto;
					
				}
				.top_wrapper {
					height: auto;
					width: 100%;
					background-color: transparent;
					margin-right: auto;
					margin-left: auto;
				}

				#font_top1 {
					text-align: center;
					padding-top: 10px;
					float: none;
				}
				
				#font_top2 {
					text-align: center;
					padding-top: 0px;
					float: none;
				
				}
				.box_skitter {
				
				height:100px;
				
				}
				#menu_1 {
					width: 100%;
					float: none;
				}
				#menu_2 {
					width: 100%;
					float: none;
				}
				#menu_3 {
					width: 100%;
					float: none;
				}
				#menu_4 {
					width: 100%;
					float: none;
				}
				#menu_5 {
					width: 100%;
					float: none;
				}
				#content_wrapper {
					width: 90%;
					padding-right: 1%;
					padding-left: 1%;
				}
				
				#content_left{
					width:100%;
					float:none; 
					margin:0;
					
				}
				#content_right{
					width:100%;
					float:none;
				}
				
				#footer {
					width: 100%;
					
				}
				#footer2 {
					width: 100%;
				}
				#bottom_wrapper {
					width: 95%;
					
				}
				#bottomfloat {
					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;
                } 
				
				
	
}