/*for phone*/
@media (max-width:768px) {
     
    .dofind{font-size:20px}
     .withu{font-size:20px}
     .sbio{font-size:25px;}
    .sname{font-size:20px;}
    .rptexts{font-size:16px;}
     .rptextl{font-size:18px;}
    
    .headname{display:none}
    
.cv-header{margin-top:-40px;}
    
.bgimage{

background-image:none;
}
.opacity{
  color:white; 
  
  background-color:black;  
}
    
.logo{
        
      width:250px;  
    }
    
    .name{
        font-size:18px;
    }
    
    .school-info{
        margin-top:-160px;
    }
    .user p{
  		color:green;
  		font-size:18px;
  		min-height:200px;
  		padding:10px;
  		text-align: justify;
  	}
  	
 
/*for bus animation*/
.bus2{
   display: none;
}

.bus{
  width:50px;
  height:40px;
  
 }
 
 .featuredVideo{
     margin-left:-40px;
 }
 
 .getabout{
     
     margin-left:-20px;
 }
 

 
 .classHead span{
     font-size:15px; 
     
 }
 
 
  .classHead label{
     font-size:15px; 
     
 }



.bus{
    
    position: relative;
    -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 10s infinite;
     
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {left: 0px;}
    to {left: 1000px;}
}

@keyframes mymove {
    from {right: 0px;}
    to {right:270px;}


}
/* end for bus animation*/

 .liker{ }  

.like{font-size:10px;}
h2.name{font-size:30px;}

.likezone{margin-left:60px;}
#pressphone{font-size:15px;padding: 20px;}
.userphoto{height:210px;width:280px;}


.name{ font-size:20px;}
.user ol li{color:green;font-size:20px;padding:10px;}
.user ul li{color:white;font-size:25px;}
.slider-item{min-height: 1500px;}
.sharelink{margin-left: 10px;}

.attendance{padding:10px}
.timezone{margin-left:25px; color: white}




    .likezone{
      margin-left:60px;
      
    }

    #pressphone{

      font-size:15px;
      padding: 20px;
    }
.slider-item{

  		min-height: 1500px;
  	}
  	
  	
  	
  	
  }
  /*end of phone style*/















/*for desktop*/

 @media (min-width:768px) {
     
     .shopinfo{margin-top:60px;}
.contactinfo{margin-top:100px;}

.maininfo{margin-left: -80px;}

     .cartforphone{display:none;}
     .dofind{font-size:30px}
     .withu{font-size:30px}
     .sbio{font-size:50px;}
      .sname{font-size:30px;}
      .headname{margin-left:15px; font-size:25px;}
    
      .rptexts{font-size:21px;}
     .rptextl{font-size:25px;}
     .cv-header{margin-top:50px;padding-top:35px;}
.bgimage{

  background-image: url("../img/slider.png");
  background-repeat:no-repeat;
  background-attachment: fixed;
  background-position: center;

}
.liker{
    margin-left:30px;
}
.like{margin-left:30px;}
.opacity{
  color:white; opacity:0.8; background-color:black;  
}

.mymenu{
        
        display:none;
    }
    
    


h2.name{
    font-size:50px;
}

.userphoto{
border-radius:180px;
height:300px;
width:300px;
margin-left:45px;
margin-top:90px;
border:2px solid gray;
}
 
/*for bus animation*/




  .bus2{
  width:100px;
 }
 
 .cv-header{
    
     padding-top:40px;
 }
 
  .classHead span{
     font-size:28px; 
     
 }
 
  .classHead label{
     font-size:28px; 
     
 }



.bus2{
    
    position: relative;
    -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
    animation: mymoveee 8s infinite;
     
}

 .bus{
  width:80px;
 }



.bus{
    
    position: relative;
    -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 8s infinite;
     
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {left: 0px;}
    to {left: 1000px;}
}

@keyframes mymove {
    from {right: 0px;}
    to {right: 1000px;}


}


@keyframes mymoveee {
    from {left: 0px;}
    to {left: 1000px;}


}



 /* end for bus animation*/


.passphonestyle{

font-size:20px;

}
  	 
.user p{
  	
  		font-size:20px;
  		text-align:justify-all;
  		min-height:200px;
  		padding:10px
  	}

     #pressphone{

      font-size:20px;
      padding: 50px;
    
}



   .user ol li{
  		
  		font-size:20px;
  		
  		padding:10px;
  		
  	}
  	
  	.slider-item{
  		min-height:400px;
  	}
	


	} /* end for desktop style*/