<?php 
include('../include/header.php');
include('../themes/menu.php');
?> 
<style>
@import "compass/css3";

.wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap; 
}



@media all and (min-width: 320px) {
 
  .asidemd-3 { flex: 1 100%;}	
  .asidemd-9 { flex: 1 100%;}	
  .asidemd-12 { flex: 1 100%;}	
  
  .aside-2 { order: 1; } 
  .aside-5 { order: 2; } 
  .aside-3 { order: 3; } 
  .aside-1 { order: 4; }
  
  .aside-s2 { order: 1; } 
  .aside-s1 { order: 2; } 
}

@media all and (min-width: 800px) {
	
  .asidemd-3 { flex: 1 30%;}	
  .asidemd-9 { flex: 1 70%;}
  .asidemd-12 { flex: 1 100%;}
  
  .aside-1 { order: 1; } 
  .aside-2 { order: 2; } 
  .aside-3 { order: 3; } 
  .aside-4 { order: 4; }
  
  .aside-s1 { order: 1; } 
  .aside-s2 { order: 2; } 
  


}
</style>
<div class="container">
    <div class="row wrapper">
        <div class="col-md-9  asidemd-9 aside-1">
       		<?php  include('../themes/category.php'); ?> 
        </div>
        <div class="col-md-3  asidemd-3 aside-2">
			<?php  include('../themes/banner.php'); ?>
        </div>
         
        <div class="col-md-9  asidemd-9 aside-3">
        	
            
             <div class="row wrapper">
              <div class="col-md-12 asidemd-12 aside-s1">
              	<?php  include('../themes/search.php'); ?>
              </div>
        
              <div class="col-md-12 asidemd-12 aside-s2">
                <?php  include('../themes/predict.php'); ?>
              </div>
            </div>
            
            
            
        	
            
        </div>
        <div class="col-md-3 visible-lg  asidemd-3 aside-4">
        	<?php  include('../themes/teacherpredict.php'); ?> 
        </div>
        
        
    </div>
</div>


<?php 
include('../themes/footer.php');
include('../include/footer_js.php');
?>