#content { width: 66%; margin-left: 2%; float: right; }

#main_text { float: left; width: 73%; padding-right: 2%; }
#main_img { float: right; width: 23%; padding-left: 2%; text-align: center; }
.clear_mainimg { display: block; }

.gallery_dirs { width: 31%; margin-right: 2%; margin-bottom: 20px; float: left; text-align: center; }
.gallery_dirs img { border: 1px solid #18c818; }
.gallery_dirs img:hover { border: 1px solid #000000; }

.clear_980 { display: none; }
.clear_650 { display: none; }
.clear_480 { display: none; }

.gallerybox { float: left; height: 112px; padding: 10px 7px; text-align: center; width: 150px; }


@media screen and (max-width: 980px) {
    
    #main_text { float: none; width: 100%; padding-right: 0; padding-bottom: 15px; }
    #main_img { float: none; width: 100%; padding-left: 0; text-align: center; }
    .clear_mainimg { display: none !important; }
    
    .clear_980 { display: block !important; }
    
}


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


@media screen and (max-width: 650px) {
    
    #content { width: 100%; margin-left: 0; float: none; padding-bottom: 15px; }
    
    .clear_big { display: none !important; }
    .clear_650 { display: block !important; }
    
    .gallery_dirs { width: 48%; margin-right: 2%; margin-bottom: 20px; float: left; text-align: center; }
    
}



@media screen and (max-width: 480px) {
    
    .gallery_dirs { width: 100%; margin-right: 0; margin-bottom: 20px; float: none; text-align: center; }
    
    .clear_980 { display: none !important; }
    .clear_650 { display: none !important; }
    .clear_480 { display: block !important; }  
    
}