@media only screen and (max-width: 886px){
     .proavi {
         height: 50px !important;
         width: 60px !important;
    }
}
@media only screen and (max-width: 886px){
     .proavi {
         height: 50px !important;
         width: 60px !important;
    }

}
@media only screen and (min-width: 640px){
     .lpmob{
         width: 100%;
    }
}
@media only screen and (min-width: 640px){
     .lpmob{
         width: 100%;
    }
}
@media only screen and (min-width: 640px){
     .lpmob{
         width: 100%;
    }
}
@media only screen and (min-width: 640px){
     .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: 904px){
     .fdleft{
         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){
     .ava{
         width: 100%;
         height: auto;
    }
}
@media only screen and (max-width: 903px){
     #mainwidth{
         width: 100% !important;
    }
}
@media only screen and (max-width: 903px){
     #mainwidth{
         width: 100% !important;
    }
}
@media (max-width: 903px) {
     .hide {
         display: none !important;
    }
}
@media (max-width: 967px) {
     #content{
         padding: 20px 5px !important;
    }
}
@media only screen and (max-width: 603px){
     #portalm{
         width: 100%;
    }
}
@media only screen and (max-width: 603px){
     #portalm{
         width: 100%;
    }
}
@media (max-width: 967px) {
     .mainwidth {
         width: 100% !important;
    }
}
@media (max-width: 967px) {
     .mainwidth {
         width: 100% !important;
    }
}