@media screen and (min-device-width: 481px) and (max-device-width: 768px) { 
.header .page-title { width:88%;}
.header .quick-share { width:12%;}
.header .quick-share ul li { padding:0 7px;}
.userinfo-wrap .user-info { width:58%;}
.client-services ul li { padding:5px 10px 5px 10px; font-size:0.8em;}

}

@media screen and (max-width: 480px) {
.container { max-width:100%;}
.header { background-size: 100% 100%;}
.header .page-title { font-size:1em; width:77%; padding:13px 0;}
.header .quick-share { width:23%; padding:15px 0 0 0px;}
.header .quick-share ul li { padding:0 12px;}
.header .quick-share ul li a { font-size:1em;}
.userinfo-wrap .user-info { width:62%;}
.userinfo-wrap .clientpic { width:100px; height:100px;}
.userinfo-wrap .clientpic img { width:100px; height:100px;}
.userinfo-wrap .user-info { width:62%;}
.userinfo-wrap .user-info h1 { font-size:1em;}
.userinfo-wrap .user-info h6 { font-size:0.7em;}
.userinfo-wrap .user-info h5 { padding:10px 0; font-size:0.9em;}
.fluid-container .client-info p { padding:5% 3%; font-size:1em;}
.fluid-container .followus { width:100%;}
.fluid-container .followus ul li a { font-size:1em;}
.fluid-container .paynow { border-left:none; padding:20px 0 0 0; width:100%;}

}