@charset "utf-8";


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

					margin-top: 10em;
					padding:0px;
					width:70%;
				}
			 
			 .image_float {
					border:3px solid #333;
					float:none;
					margin-bottom: 10px;					
					margin-top: 10;
					margin-left: 0;
					padding: 5px;
					
				}
				
				#top_left1 {
					float:none;					
					text-align: center;

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

				}
				#font_top {
					text-align: center;
					padding-top: 1px;
				
				}
				#homefloat {
					width:48%;
					
					
				}
 	
}

@media screen and (max-width:768px) {
			#boxes #dialog1 {

					margin-top: 10em;
					padding:0px;
					width:80%;
				}
			            .image_float {
					border:3px solid #333;
					float:none;
					margin-bottom: 10px;					
					margin-top: 10;
					margin-left: 0;
					padding: 5px;
					
				}
				
				#top_left1 {
					float:none;					
					text-align: center;

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

				}
				#top_left2 {
					float:none;					

				}
				#top_right2 {
					float:none;					
					padding-top: 0px;
				}
				#font_top {
					text-align: center;
					padding-top: 1px;
				
				}
				#font_top2 {
					text-align: center;
				
				}
				.box_skitter {
				
				height:100px;
				
				}
				#top2 {
				height: 100px;
				
				}
				#homefloat {
					width:48%;
					
					
				}
				#content_left{
					width:100%;
					float:none; 
					margin:0;
					border-right-width: 0px;
					
				}
				#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) {
                #boxes #dialog1 {

					margin-top: 15em;
					padding:0px;
					width:80%;
				}
.image_float {
					border:3px solid #333;
					float:none;
					margin-bottom: 10px;					
					margin-top: 10;
					margin-left: 0;
					padding: 5px;
					
				}
				
				#top_left1 {
					float:none;					
					text-align: center;

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

				}
				
				#top_left2 {
					float:none;					

				}
				#top_right2 {
					float:none;					
					padding-top: 0px;
				}
				#font_top {
					text-align: center;
					padding-top: 1px;
				
				}
				#font_top2 {
					text-align: center;
				
				}
				.box_skitter {
				
				height:100px;
				
				}
				#top2 {
				height: 100px;
				
				}
				#homefloat {
					width:100%;
					float:none; 
					margin-left:0; 
					margin-right:0; 
					
				}
				#content_left{
					width:100%;
					float:none; 
					margin:0;
					border-right-width: 0px;
					
				}
				#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;
                } 
				
				
	
}