@media only screen and (min-width: 767px){
    .lpmob{    
        width: 100%;
    }
}

@media only screen and (min-width: 767px){
    .lpmob{    
        width: 100%;
    }
	}


@media only screen and (max-width: 983px){
.mwrapper {
         width: 100% !important;
    }
}

@media only screen and (max-width: 983px){
.mwrapper {
         width: 100% !important;
    }
}

@media only screen and (min-width: 767px){
    .fdleft{    
        display: none;
    }
}

@media only screen and (min-width: 767px){
    .fdleft{    
        display: none;
    }
	}

@media only screen and (max-width: 800px) {

    #topbar{
            width: 100%;
            height: auto;
            background-size: 100% auto !important;
    }
}


@media only screen and (max-width: 480px) {
    .logotext{    
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .logotext{    
        display: none;
    }
	}
	 
	 
@media only screen and (max-width: 568px) {
    .logotext{    
        display: none;
    }
}

@media only screen and (max-width: 568px) {
    .logotext{    
        display: none;
    }
	}

@media only screen and (max-width: 640px){
    .hide{    
        display: none;
    }
}

@media only screen and (max-width: 640px){
    .hide{    
        display: none;
    }
	}
	
@media only screen and (max-width: 640px){
     .navh{    
        display: none;

}
	}
	
@media only screen and (max-width: 640px){
 .navh{    
        display: none;

}
}

@media only screen and (max-width: 640px){
    .ava{    
        display: none;
    }
}

@media only screen and (max-width: 640px){
    .ava{    
        display: none;
    }
	}

@media only screen and (max-width: 983px){
    #mainwidth{    
        width: 100% !important;
    }
}

@media only screen and (max-width: 983px){
    #mainwidth{    
         width: 100% !important;
    }
	}

@media (max-width: 767px) {
 .hide {
   display: none !important;
 }
} 

@media (max-width: 990px) {
 .hide2 {
   display: none !important;
 }
}

@media (max-width: 983px) {
    #content{    
        padding: 20px  5px !important;
    }
}

@media only screen and (max-width: 603px){
    #portalm{    
        width: 100% !important;
    }
}

@media only screen and (max-width: 603px){
    #portalm{    
         width: 100% !important;
    }
	}
		
/*@media only screen and (max-width: 640px){
    .author_avatar{    
        height: 30px;
  max-width: 50px;
    }
}*/

@media only screen and (max-width: 640px){
    .author_avatar{    
         /*height: 30px;*/
  max-width: 100%;
    }
 }
		
		
@media only screen and (max-width: 840px){
     body {    
    background: #121821 url(../../../images/funky/cbg.jpg) no-repeat bottom center fixed;
    color: #ccc;
    text-align: left;
    line-height: 1.4;
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font: 13px/1.231 arial, helvetica, clean, sans-serif;


}
	}
	
@media only screen and (max-width: 840px){
     body {    
    background: #121821 url(../../../images/funky/cbg.jpg) no-repeat bottom center fixed;
    color: #ccc;
    text-align: left;
    line-height: 1.4;
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font: 13px/1.231 arial, helvetica, clean, sans-serif;


}
}