@media screen and (max-width:800px){
    .submenu{
        display:none;

   }
   .submenu-test{
    display:none;

}
   .options{
    display:block;
}
.options1{ background-color:#ffffff;
    width:50px;
    border:0px;
    height:30px;
    float:left;
}
.menuw{
    display:none;
}
.schoolname{
    display:none;
}
.schoolname1{
    display:block;
}
.advert{
    display:none;
}

.links{
    display:none;
	   
}
.linksx{
    display:none;
	   
}
.menubar1{
    display:block;
}
.diva1mobile{
    display:block;
}
.diva1{
    display:none;
}

}

@media screen and (min-width:800px){
    .submenu{
        display:block;

   }
   .submenu-test{
    display:block;

}
   .options{
    display:none;
}
.menuw{
    display:block;
}
.schoolname{
    display:block;
}
.schoolname1{
    display:none;
}
.advert{
    display:block;
}

   .options1{
    display:none;
}
.links{
    display:block;	
}
.linksx{
    display:block;	
}
.menubar1{
    display:block;
}
.diva1mobile{
    display:none;
}
.diva1{
    display:block;
}

}


.title{ width:100%;
    
    background-color:#3333FF;
    border:0px;	
    float:left;
        
     
}
.mainmenu{ width:100%;
        
    background-color:#cccccc;
    border:0px;
    float:left;
    padding:2px;
    margin-bottom:5px;	
    
     
}
.buttonsbb{
    position: fixed;
    background-color: rgb(219, 32, 32);
    width:200px;
    height:50px;
    
    
}
.logo{ background-color:;
    width:100%;
    border:0px;
    height:25px;
    float:left;
}
.links{font-size:12;
    font-family:calbri;
    color:#0033ff;
    float:right;
    margin-right:40px;
    font-family: Arial, sans-serif;
    font-size:0.2in;
    height:50;
    
    background-color:#ffffff;
    margin-top:20px;
    text-algn:center;
    font-weight:bold;
}
.linksa{font-size:5px;
    font-family:calbri;
    color:#ffd700;
    
    margin-right:5px;
    font-family: Arial, sans-serif;
    font-size:0.2in;
    margin-top:0px;
    text-algn:center;
    font-weight:bold;
}


.linksx{font-size:12;
    font-family:time-new-roman;
    color:#f5f4f4;
    float:right;
    margin-right:7px;
    font-family:time new roman;
    font-weight:bold;
    border-radius: 5px;
    font-size:0.2in;
    background-color: #fd2626;
    

}
.search{ background-color:#ffffff;
    width:80%;
    border:0px;
    float:left;
    margin:5px;
    font-size:1.1em;
    font-weight:bold;
}
.menu{  width:40%;
    border:0px;
    float:right;	
    margin:0px;
             
}
.options{ background-color:#ffffff;
    width:100px;
    border:0px;
    height:30px;
    float:right;
    margin-top:20px;
    margin-right:20px;
}
.linkbox{ max-width:400px;
     background-color:#666666;

}
.display{ width:55%;
           background-color:#ffffff;
           height:500px;
           border:0px;
           float:left;
           parding-top:5px;
           margin: 5px;
                 
}

.id{
    max-width:200px;
    float:left;
    color:#3333ff;
    font-size:1.3em;
    margin:10px;
    font-weight:bold;


}
.download{  background-image:url('uploads/mboy.jpg');
    max-width:200px;
    height:30px;
    float:left;
    color:#ffffff;
    font-size:1.3em;
    margin:10px;
    font-weight:bold;
    padding:5px;


}
.form1{
    background-color:#cccccc;
    color:#009966;
    border-radius:5px;
    border:5px solid #ffffff;
    padding:4px;
    font-weight:bold;
    max-width:500px;
    font-size:12px;
    margin-top:100px;
    height:auto;
}
input[type=text]{
width:100%;
height:40px;
margin-top:5px;

border:none;
border-radius:3px;
padding:5px
font-weight:50;
font-size:2em;
padding:5px;

}
input[type=password]{
    width:100%;
    height:40px;
    margin-top:10px;
    border:none;
    border-radius:3px;
    padding:5px
    font-weight:50;
    font-size:2em;
    padding:5px;
    
    }
#select[type=text]{
        width:100%;
        height:40px;
        margin-top:10px;
        border:none;
        border-radius:3px;
        padding:5px
        font-weight:50;
        font-size:2em;
        padding:5px;
        
        }
textarea{
width:100%;
height:50px;
margin-top:5px;
border:none;
border-radius:3px;
padding:5px;
resize:none
}
input[type=radio]{
margin:5px 5px 5px;
}
input[type=submit]{
width:100%;
height:40px;
margin:10px 0 10px;
background-color:#f4a460;
border:1px solid #fff;
border-radius:3px;
font-family:'Fauna One',serif;
font-weight:700;
font-size:18px
}
.searchbutton{  
    max-width:200px;
    height:20px;
    float:left;
    color:#000000;
    font-size:1.0em;
    margin:10px;
    font-weight:bold;
    padding:px;
    border:0px;
}
.download1{   
    max-width:200px;
    height:30px;
    float:left;
    color:#ffffff;
    font-size:1.3em;
    margin:10px;
    font-weight:bold;
    padding:0px;


}

.displaya{ width:53%;
height:500px;
background-color:yellow;
border:0px;
float:left;
}
.frameminsize{ width:270px;
           height:2px;
          
}
.frameminsizew{ width:240px;
    height:2px;
   
}
.frameminsize1{ width:2px;
           max-height:150px;
          
}


.comments{ width:100%;
    background-color:#3333FF;
    border:0px;	
    float:left;
     
}

.diva{ 
   
   width:250px;
   height:150px;
   float:left;
   margin:5px;
   color:#000000;
   padding:3px;
   border-radius:5px;
   
}
.divb{ background-color:#FFFFFF;
   
   width:260px;
   height:150px;
   float:left;
   margin:5px;
   color:#FF66FF;
   padding:3px;
   border-radius:5px;
   
}
.diva1{ 
   
    width:150px;
    height:100px;
    float:left;
    margin:5px;
    color:#000000;
    padding:3px;
    border-radius:5px;
    
 }
 .divb1{ background-color:#FFFFFF;
    
    width:150px;
    height:100px;
    float:left;
    margin:5px;
    color:#FF66FF;
    padding:3px;
    border-radius:5px;
    
 }

.passport{ background-color:#ffffff;
   height:53px;
   width:60px;
   float:right;
   margin-left:5px;
   position:relative;
}

.userlink{ border:0px;
}
.name{ border:0px;
   float:right;
}
.likesandcomments{ 
               max-width:700px;
               margin:10px;
               height:700px;
               padding:10px;
               float:left;
               boder:0px;
              
}
.bar1{ 
    width:100%;
   
    border:0px;
    padding:5px;
    margin:2px;
    margin-top:2px;
    
    
}

/*......slider style sheet......*/

* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
max-width: 100%;
position: relative;
margin: auto;
background-image:url("slide1.jpg");

}
a{
    text-decoration:none;
}


/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}

/* The dots/bullets/indicators */
.dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}



/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}

@-webkit-keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}

@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}

.ball{ background-color:#000066;
    width:30px;
    height:30px;
    border-radius:30px;
}


*{
    margin:0px;
    padding:0px;
    position:relational;
    }
    #container ul{
    list-style:none;
    }
    #container ul li { 
    background-color:#ffffff;    
    width:100px;
    font-size:12;
    border:0px solid white;
    height:30px;
    line-height:10px;
    text-align:center;
    color:#070000;
    font-size:12px;
    position:relative;
    padding-top:4px;
    }
    #container ul li:hover{
    background-color:#cccccc;
    }
    #container ul ul{
    display:none;
    }
    #container ul li:hover > ul{
    display:block;
    }
    #container ul ul ul{
    margin-left:-100px;
    margin-top:-15px;
    top:0px;
    position:relative;
    }