@charset "utf-8";
/* CSS Document */
#upcomingeventmain {                                                                                           
    background-image: none;

    border: 1px solid #ccc;
    border-radius: 15px;

} 
#contactmba{                                                                                           
    background-image: none;

    border: 1px solid #ccc;
    border-radius: 15px;

} 
#upcomingdown{  background-image: none;
  } 
  .content-survey-three{ margin-bottom:10px;}    
	     
.hsw-cc{background-color: #f0f0f0;float: left;height:100px; text-align: center; width: 33%;}
.hash-cc{background-color: #fff;float: left;height:100px;text-align: center; width: 33%;}
.pop-up{float: left; height:100px; text-align: center; width: 34%; background-color:#F0F0F0;}
.pop-down{background-color:#FFF; background-color: #fff; border-top: 1px dotted #333333; float: left;height:100px;text-align: center;width: 33%;}
.mar-v-pop{ background-color: #f0f0f0;border-top: 1px dotted #333333;float: left;height:100px;text-align: center;width: 33%;}
.nirus{border-top:dotted 1px #333333; height:100px;text-align: center;  width:34%; background-color:#FFF; float:left;}
.sub-survey-four-v {    
    float: left;
    margin-right:18px;
    margin-top: 7px;
    text-align: right;
	 margin-right: 7px;
    width:16%;
}   
.sub-survey-two-v{    
	   margin-right:18px;      
    float: left;
    height: 48px;
    margin-top: 7px;
    width:47%;  
} 
 .content-survey-two-v {
    background-color: #ffffff;
    float: left;
    height: 100px;
    line-height: 25px;
    width: 100%;
} 
 .content-survey-three-v {        
 background-color: #f0f0f0;
    float: left;  
    height: 100px;
    line-height: 25px;
    width: 100%;
}        
.res-cc{padding-top:10px;  float:left; width:30%;}
.res-cc{padding-top:10px;  float:left; width:30%;}
.res-cc-two{padding-top:10px;  width:98%;}     
.width-full-survey{ height:155px;}   
    #surveyid{margin-left:595px;width: 350px;}
.width-new-cc-ss{ width:350px;}
body{ margin:0; padding:0;}  

.survey-reight-o {
    float: left;
    height: 120px;
    margin-left: 5px;
    padding-top: 10px;
    width: 23%;
}  
.survey-reight-p {
    padding-top: 10px;
    width: 100%; 
	border-top:dashed 1px #999;                             
} 
.width-full-survey-v{ height:160px; margin-right: 5px;} 
.width-new-cc-ss-v{ width:350px;}
    
.survey-reight-o-v {                
    float: left;
    height: 140px;
    margin-left: 5px;
    padding-top: 10px;
    width: 23%;
}    
.survey-reight-p-v{   
    padding-top: 10px;
    width: 100%; 
	border-top:dashed 1px #999;                             
}        



.content-survey-one{   
    background-color: #cccccc;
    float: left;
  line-height: 35px;
    width: 100%;
}
.content-survey-two {      
    background-color: #ffffff;
    float: left;
    height:60px;  
    line-height: 25px;
    width: 100%;
}
.content-survey-three {
    background-color: #f0f0f0;
    float: left;
    height: 55px;
    line-height: 25px;
    width: 100%;      
}
.sub-survey-one {
    float: left;
    margin-left: 10px;
    margin-top: 7px;
    text-align: left;
    width: 10%;
}
.sub-survey-two {
    float: left;
    margin-top: 7px;
    width: 50%;
}
.sub-survey-three {
    float: left;
    margin-top: 7px;
    width: 20%;
}
.sub-survey-four {
    float: left;
    margin-right: 4px;
    margin-top: 7px;
    text-align: right;
    width: 17%;
}
.sub-survey-three-c{ float: left;
    margin-right: 4px;
    margin-top: 7px;        
    text-align: right;
    width: 21%;}      
.sub-survey-two-c{ float: left;  
    margin-right: 4px;
    margin-top: 7px;

    width: 45%;} 
.sub-survey-one-c{ float: left;   
    margin-right: 4px;
    margin-top: 7px;
	margin-left:20px;
    width:26%;}   
.new-survey-s{ margin-bottom:20px;}                     

.right-style {
    float: left;
    width: 50%;
}                  
.new-width-tt{ width:95%;}	  
.right-style-two{ width:100%;}       
.images-width{cursor:pointer;}
.new-survey-class{margin-top:20px; clear:left; margin-left:0px ; width:560px ;}  
.new-survey-class-one{margin-top:20px; clear:left; margin-left:0px; width:560px;}   
#bschool1{ width:60% ; margin-top:0 !important; height: 330px; }                        
#bschool2{ width:55% ; margin-top:17px !important; height:280px;  }    	   
#counsellors3{ width:17% ;}  
#counsellors4{ width:100% ;}
#counsellors5{ width:17% ;}
#counsellors6{ width:100% ;}
#counsellors7{ width:17% ;}
#counsellors8{ width:100% ;}   
.mar-left{float: left;  margin-left: 65px;   }     
.mrg-shu{padding-bottom: 6px;} 
.marg-nag{margin-left:195px;}  
.fol-float{float:left;width:55px;margin-right:10px;margin-bottom:10px;}
/*info*/
 .right-sign{width:60%;}   
 .rank-row{ width:100%;}
.style-rock {
    height: 50px;
    width: 100%;
}  
.van-rang-one {
    float: left;
    width: 35%;
}

.van-rang-two{      
    float: left;
    width: 25%;
}
.van-rang-three {
    float: left;
    width: 20%;
}
.van-rang-four {  
    float: left;
    width: 20%;
}             
.band-sas{width:600px;}                                                
.width-w-e{width:220px;}
/*info*/                                                                      
.van-har{float:left; width:360px;}
.van-har-tt {
    margin-left: 360px !important;
    width: 430px !important;
}    
.var-half{padding-left:160px;}
.band-var{padding:0px; margin-top:0px; margin-left:0px; margin-left:25px; line-height:21px;}
.var-cc{text-align:left;}    
.nav-var-dd{float:left;width:55px;margin-right:10px;margin-bottom:10px;}
.band-word{margin-left: 195px;}
.band-word-tow{float: left; margin-left: 65px;}   
.succes-hw{padding-top:5px;}                   
@media screen and (max-width:1020px){
#surveyreport_layer1 {

    height: 330px !important;
    margin-left: 5% !important;
   width: 61% !important;
    
}
#surveyreport_layer2 {height: 297px;
  
    height: 280px !important;
    margin-left: 7% !important;
   
 
    padding-right: 1% !important;
    padding-top:1% !important;

    width: 55% !important;  

}
/*info-new*/
#successsot {
    float: left  !important;
    
    margin-left:0  !important;
    width: 80%  !important;
	margin-bottom:10px;  
	
	}
	#personphoto_1 {
    float: left  !important;
    width: 20%  !important;                        
}
#network1 {
	  height: 160px;  
    float: left  !important;
  margin-left:0 !important;
    width: 74%  !important;   
}
#network2 {
    float: right !important;        
        
    margin-left:0 !important;
    width: 20%  !important;
}
	/*info-new*/
 /**/
 #testpopup{ width:95% !important;}   
 .van-har{ width:50%;}
 .van-har-tt{ float: left;
   margin-left: 10px !important;
    width: 45% !important;} 
 /**/
	/*info*/  
	#counsellors9{ width:17% !important;}
	.photonewcommunity{ width:60% !important;}  
#newmahicon {
    height: 385px;
    margin-left:3% !important;
    margin-right: auto;
    margin-top: 170px ;
    position: absolute;
    width: 61% !important;
    z-index: 1;
} 
#newmahi2con {
   
    height: 335px;
    margin-left: 5% !important;
    margin-top: 190px;
    padding-left: 1% !important;
    padding-right: 1% !important;
    padding-top: 10px;
    position: absolute;
    width: 55% !important;  
    z-index: 2;
}                                                                          
	   
	#environment5{ text-align:right; margin-left:0; width:100%;}                           

#handsets {
    width: 75%;
}   
	.width-w-e{width:50%;}
	#environment{ width:30%;}
	#environment3{ width:30%;}
	#environment2{ width:auto;}        
	#environment4{ width:auto; float:none;}
.right-sign{ width:100%;}
.band-sas{width:100% !important;}                                                                                      
#rates{ width:100% !important; float:left;}	          
	
	/*info*/
	/*pop-up*/
.mar-left{ margin-left:7%;}   
#bschool1 {
	
  height: 319px;
    margin-left: 2% !important;
    width: 56% !important;
}     
#bschool2 {
    padding-left: 1px !important;
    width: 52% !important;
	margin-top: 13px !important;
	height: 288px;    
}
	
#counsellors3{ width:17% !important;}  
#counsellors4{ width:100% !important;}
#counsellors5{ width:17% !important;}
#counsellors6{ width:100% !important;}
#counsellors7{ width:17% !important;}
#counsellors8{ width:100% !important;}      
	
	
	/*pop-up*/
	#rightsidecover {
    float: left;
    margin-left:0;
    width: 350px;   
}
.new-width-tt{ margin-left:0 !important;}      
.images-width {   
    cursor: pointer;
    margin-bottom: 15px;
                                                
    padding: 0;
	width:auto;               
}                                 
#surveyid{ float:left;
margin-left:0;}
#coverguidance{ width:100%;}
.new-survey-class{ width:100%;}
.new-survey-class-one{width:100%;} } 
@media screen and (max-width:700px){
	.van-har{
 width:100% !important;}
 .van-har-tt{ 
  width: 100% !important;}        
.mar-left{ width:100%;}    
.mrg-shu{padding-bottom: 6px;float: left; margin-top:10px; width:100%;}   
.marg-nag{margin-left:6px !important; width:100%; }    
#bschool1{ height: 378px !important;  width: 64% !important;   margin-left: 3% !important;}                
#bschool2{  height: 330px !important;}    

.new-width-tt{ width:95% !important;} }                                                    
                  
@media screen and (max-width:560px){
.vari-bery { width:100% !important;}   
.succes-hw{padding-top:5px;margin-left: 88px;}  
#network2{ width:100% !important; float:left !important; margin-bottom:10px;}         
.var-cc{text-align: right !important;}               
   .avr-van{ float:left !important;}         
	#successsot{ width:100% !important;}   
	#network1{ width:100% !important; height:auto !important;}    
.my-style { float: left !important;}
#personphoto_1{ width:100% !important; margin-bottom:10px; float:left;}
		#counsellors9{ width:33% !important;}  
		#newmahicon {
   
    margin-left: 2% !important;
    width: 63% !important;  
    
}   
	#bschool1{   width: 67% !important;  height:410px !important; }
	#bschool2{  height: 358px !important; } 
	#capt2{ margin-left:0 !important;}
.people-pop-two{width: 50% !important; }  
#counsellors7{ width:33% !important;} 
#counsellors3{ width:33% !important;} 
.fol-float{ width:33% !important;}  
#counsellors5{ width:33% !important;}   
.people-pop{   
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    margin-top: -10px;
    width: 50% !important;          
} 
.new-survey-class{width:560px;}} 
@media screen and (max-width:500px){        
.new-survey-class-one{width:560px;}} 
@media screen and (max-width:500px){                                                      
	#databank3{ width:20% !important;}
	#databank5{ width:20% !important;}
	#databank7{ width:20% !important;}
	#databank9{ width:25% !important;}
	.photonewcommunity{ width:60% !important;}                            
	
	.hsw-cc{ height: 178px;}
.hash-cc{ height: 178px;}
.pop-up{ height: 178px;}
.pop-down{ height: 178px;}
.mar-v-pop{  height: 178px;}
.nirus{ height: 178px;}       
	
	.width-new-cc-ss-v {                           
    width:100%;
} 
#upcomingeventmain {                                                                                           
    background-image: none;

    border: 1px solid #ccc;
    border-radius: 15px;
    width: 92%;    
} 
#upcomingdown{  background-image: none; }      
#rightsidecover{ width:100%;} 
#contactmba {
    background-image: none;

    border: 1px solid #ccc;
    border-radius: 15px;
    width: 93%;  
}                               
.width-new-cc-ss{ width:100%;}   
    #surveyid{ float:left; margin-left:0; width:100%;}
.new-width-tt{ width:95% !important;}	          
.images-width{cursor:pointer; width:100%; height:auto;}	             
}  
@media screen and (max-width:418px){ 
#bschool1 {
    height: 450px !important;
    width: 70% !important;
	  margin-left: 6% !important;   
}
#bschool2 {
    height: 400px !important;
}
.width-full-survey {  
    height: 230px;
}  
        
.survey-reight-o {

    height: 209px;
    width: 33%;
}
.survey-reight-p {
    border-top: 1px dashed #999;
    padding-top: 10px;
    width: 100%;
}  
.width-full-survey-v {
    height: 260px;
}
.survey-reight-o-v {
    height: 230px;
    width: 33%;
}      
.survey-reight-p-v {
    border-top: 1px dashed #999;
    padding-top: 10px;
    width: 100%;
}          
}  
@media screen and (max-width:966px){
	#bschool2{ width:52% !important; height: 290px;}   
	
	} 
	@media screen and (max-width:603px){
		#surveyreport_layer1 {
    height: 344px !important;
    margin-left: 4% !important;
    width: 63% !important;            
}
		#surveyreport_layer1 {
  
    margin-left: 4% !important;
    width: 64% !important;
}  
		#bschool2 {
    width: 51% !important;
} 

#bschool1 {    
    
      height: 367px !important;}       
	}
	@media screen and (max-width:480px){
		#surveyreport_layer1 {
    height: 371px !important;
    margin-left: 3% !important;
    width: 67% !important;
}
.band-word-tow{float: right !important;
    margin-left: 65px !important;
    width: 100% !important; }  
	
.band-word{ float: left !important;
    margin-left: 0 !important;
    width: 100% !important; }
	
#surveyreport_layer2 {
    height: 292px !important;
    margin-left: 7% !important;
    padding-right: 1% !important;
    padding-top: 1% !important;
    width: 55% !important;
}		

         
	#bschool1 {          
       
    height: 409px !important;}    
	#handsets{padding: 22px;}
	#environment {
    width: 35%;
}
#environment3 {
    width: 35%;
} 
#environment6{ margin-left:0;}    
	 #bschool2 {
     width:49% !important;
	  height: 371px !important;
	
}
#bschool1{margin-left: 4% !important;   width: 58% !important;}


}
	@media screen and (max-width:768px){
		#surveyreport_layer2 {height: 292px !important;}    
		#surveyreport_layer1 {

    height: 338px !important;}
		#bschool1 {
    height: 331px !important;
    width: 58% !important;        
}
#bschool2 {
    
    width: 50% !important;
}
/*#handsets {
    width: 80%;
} 
#bschool1 {
 
    width: 58% !important;
}
#bschool1 {
    height: 371px !important;
	width: 59% !important;}
*/	
	
}
	@media screen and (max-width:320px){ 
	#newmahicon {
    margin-left: 0 !important;
    width: 67% !important;
}     s
	#counsellors12 {
    margin-top: 0 !important;       
    padding-left: 0 !important
	;
}  
#surveyreport_layer1{ width:72% !important;}        
	#surveyreport_layer2 {
    height: 344px !important;
    
    margin-left: 8% !important;
    
   
    width: 58% !important;
  
}
#surveyreport_layer1 {
   height: 392px !important;
    margin-left: 3% !important ; 
   
    
    width: 70% !important;   
 
}
#counsellors3 {
    width: 27% !important;
}
#counsellors5 {
    width: 27% !important;
}
#counsellors7 {
    width: 27% !important;
}
 
	#bschool1 {
    margin-left: 6% !important;

    height: 413px !important;
    width: 66% !important;
}  
#counsellors12{ margin-top:10px;}
.nav-var-dd{ width:33% !important;} 

#bschool2 {
    height: 375px !important;
    width: 52% !important;
}            
	}
	@media screen and (max-width:380px){ 
	#counsellors12 {
    padding-left: 30px !important;}     
.width-w-e {
    width: 70%;
}  
#environment {
    width: 50%;
}
#environment3 {         
    width: 50%;
}
 }   
 	@media screen and (max-width:430px){       
.rank-row{ width:650px !important;}   
.var-half{padding-left:0;}
.band-var{ float:left;}
} 

 @media screen and (min-width:480px) and (max-width:602px){
	#surveyreport_layer2 {
    height: 323px !important;
}	
#surveyreport_layer1 {
    height: 371px !important;}                
.naw-dd	{ margin-top:10px;}             
		
		}    
		
 @media screen and (min-width:310px) and (max-width:479px){	    	
		#surveyreport_layer1 {
    width: 72% !important;
}             

 }
		
 @media screen and (min-width:310px) and (max-width:500px){	             
.vari-bery { width:100% !important;} }

