@media only screen and ( max-width: 1280px ) {
#header .container { padding: 15px 25px 15px 0; width: 378px;}
#topnav .container {width: 1265px;}	
#topnav ul li#menu-item-57 { margin-right: 146px;}
#topnav ul li a{padding: 7px 12px;}
.container {width: 1255px;}
#footer .container .menu{width: 472px;}
}
@media only screen and ( max-width: 1024px ) {
.container {width: 987px; padding:0 10px;}
#header{min-height: 147px;}
#header .container { padding: 49px 25px 50px 0;}
.logo {left: 1%; margin-left: 0; position: absolute; top: -141px; width: 156px;}
#topnav .container {width: 986px;}
#topnav ul li#menu-item-57 {margin-right: 14px;}
#topnav ul li a {padding: 7px;}
.logo img{width:100%;}
#legal-help .container .right-side {margin-left: 392px;  margin-top: -302px; width: 593px;}
#legal-help .container .right-side img{width:100%;}
#legal-help .container .left-side h1{font-size: 62px;}
#legal-help .container .left-side h2{font-size: 35px;}
.read-more-section{width: 49%;}
.margin-right {margin-right: 10px;}
.read-more-section .rf {width: 363px;}
#footer .container .menu {width: 425px;}
#footer .container .located-section {width: 227px; padding: 14px 21px 77px;}
.copy-right span img{width:100%;}
.copy-right {width: 246px;}
.copy-right span{width: 45%;}
.copy-right p {margin-top: 0;}
}
@media only screen and ( max-width: 980px ) {
#topnav .container {width: 955px;}
#topnav ul li a{font-size: 13px;}
#legal-help .container .left-side{margin-top: 140px;}
.container {width: 958px;}
#legal-help .container .right-side{ width: 568px;}
.read-more-section .rf {width: 347px;}
#footer .container .menu {width: 396px;}

#innerpage .content {width: 61%;}
#innerpage #sidebar {width: 31%;}
}
@media only screen and ( max-width: 800px ) {
.container {width: 780px;}
#nav{display:none;}
#topnav{ padding-top: 4px;}
#legal-help .container .left-side {margin-top: 79px;}
#legal-help .container .left-side h1 {font-size: 56px;}
#legal-help .container .left-side h2 {font-size: 31px;}
#legal-help .container .left-side p { font-size: 20px;}
#legal-help .container .right-side {width: 671px; margin-left: 89px; margin-top: -152px;}
.read-more-section{width: 98%;}
.margin-right{margin-right:0;}
.read-more-section .rf { margin-top: 0;  width: 84%;}
#footer .container .menu { width: 276px;}
#footer .container .located-section {padding: 14px 11px 77px; width: 226px;}
.copy-right {width: 209px;}

#innerpage .content {width: 59%;}
#innerpage #sidebar {width: 32%;}
.content h1{font-size: 28px;}
#topnav { padding-top:0;}
#topnav .nav-primary { display:none;}
}
@media only screen and ( max-width: 768px ) {
.container { width: 730px;}
#legal-help .container .left-side{margin-top: 73px; width: 727px;}
#legal-help .container .right-side {width: 462px; margin-top: -209px;  margin-left: 273px;}
#legal-help .container .left-side h1 {font-size: 49px;}	
#legal-help .container .left-side h2 { font-size: 24px; line-height: 28px; margin-bottom:10px;}
#legal-help .container .left-side p{font-size: 18px; line-height: 22px;}
#welcome{margin-top:0}
.read-more-section .rf {width: 83%;}
#footer .container .menu {width: 96%; border:none;}
#footer .container .located-section{ width: 327px;}
.copy-right {width: 47%;}

#innerpage .content{ width: 93%; margin-bottom:20px}
#innerpage #sidebar {float: left; width: 49%;}
}
@media only screen and ( max-width: 736px ) {
#legal-help .container .left-side{  width: 508px;}
#legal-help .container .right-side {width: 422px;  margin-top: -193px;}
#legal-help .container .left-side h1 {font-size: 47px;}
#legal-help .container .left-side p {font-size: 17px;}
.container {width: 698px;}
#welcome .container p{font-size: 15px;}
.read-more-section .rf {width: 82%;}
#footer .container .located-section {width: 321px;}
}
@media only screen and ( max-width: 667px ) {
#legal-help .container .right-side {width: 357px;}
#legal-help .container .right-side {margin-top: -162px;}
.container {width: 630px;}
#welcome .container p span {display: inline-block;}
.read-more-section .rf {width: 79%;}
#footer .container .located-section {width: 286px;}

#innerpage .content {width: 91%;}
}
@media only screen and ( max-width: 640px ) {
.container { width: 619px;}	
#footer .container .located-section { width: 280px;}
}
@media only screen and ( max-width: 600px ) {
#legal-help .container .left-side {width: 88%;}
#legal-help .container .left-side h1 {font-size: 47px;}
#legal-help .container .left-side h2 {font-size: 30px;}
#legal-help .container .left-side p {font-size: 20px;}
#legal-help .container .right-side { margin-left: 204px; margin-top: -102px;}
.container {width: 561px;}
.read-more-section { width: 92%;}
.read-more-section .rf { width: 76%;}
#footer .container .located-section {width: 251px;  padding: 14px 11px 20px;}
.copy-right {width: 43%;}
.copy-right p{font-size: 15px;}
}
@media only screen and ( max-width: 568px ) {
#header .container {width: 281px;}
.container {width: 529px;}
#legal-help .container .left-side h1 {font-size: 44px;}
#legal-help .container .right-side {margin-left: 177px;  margin-top: -84px;}
.read-more-section .rf {width: 75%;}
#footer .container .located-section {width: 50%; border:none;}
.copy-right {width: 61%;}
.copy-right p{margin-top:25px;}
.copy-right span { width: 31%;}
}
@media only screen and ( max-width: 480px ) {
.container {width: 457px;}	
#legal-help .container .left-side h1 {font-size: 37px;}
#legal-help .container .right-side {margin-left: 103px; margin-top: -6px;}	
.read-more-section .rf { width: 71%;}

#innerpage .content {width: 87%;}
.content h1 {font-size: 24px;}
#innerpage #sidebar {width: 68%;}
}
@media only screen and ( max-width: 414px ) {
.logo{ top: -147px;  width: 137px;}
#header .container{width: 250px; padding: 49px 12px 50px 0;}
#header .container p{ font-size: 16px;}
#header .container span{display:block;}
#legal-help .container .left-side {margin-top: 55px; width: 100%;}
#legal-help .container .left-side h1 {font-size: 36px;}
#legal-help .container .right-side {margin-left: 12px;  margin-top: 4px;}
.container { width: 376px;}
#welcome .container h3{font-size: 29px;}
.read-more-section .lf { width: 29%; margin: 0 auto; float:none;}
.read-more-section {width: 98%;}
.read-more-section .rf {width: 98%;}
#footer .container .menu li{width:83%;}
#footer .container .menu .big-width {width: 50%;}	
#footer .container .located-section {width: 72%; padding: 14px 21px 26px 21px;}
.copy-right {width: 86%;}

.content h1 {font-size: 20px;}
}
@media only screen and ( max-width: 384px ) {
.logo {top: -107px; width: 115px;}
.container { width: 347px;}
#header .container {padding: 49px 12px 11px 0;}
#legal-help .container .left-side h1 {font-size: 33px;}
#legal-help .container .left-side h2 {font-size: 28px;}
#legal-help .container .right-side {width: 324px;}
#welcome .container h3 {font-size: 26px;}
.read-more-section .rf { width: 98%;}

#innerpage #sidebar {width: 94%;}
}
@media only screen and ( max-width: 375px ) {
.container {width: 335px;}
#header .container p{font-size: 16px;}
#legal-help .container .right-side {width: 318px;}
#legal-help .container .left-side h1 {font-size: 32px;}
}
@media only screen and ( max-width: 360px ) {
#header {min-height: 108px;}
#header .container {padding: 12px 12px 0 0;}
.logo {top: -104px; width: 108px;}
#legal-help .container .left-side {margin-top: 29px;}
#legal-help .container .left-side h1 {font-size: 31px;}
#legal-help .container .left-side h2 {font-size: 27px;}
.read-more-section .lf {width: 45%;}

#innerpage .content {width: 80%;}
#innerpage #sidebar {width: 86%;}
}
@media only screen and ( max-width: 320px ) {
.logo {width: 83px;}
#header .container p {font-size: 14px;}
.container {width: 282px;}
#legal-help .container .left-side h1 {font-size: 27px;}
#legal-help .container .left-side h2 {font-size: 23px;}
#legal-help .container .left-side p {font-size: 17px;}
#legal-help .container .right-side {width: 264px;}
#welcome .container h3 {font-size: 21px;}
#footer .container .menu .big-width { width: 62%;}
.copy-right { width: 98%; margin-left:0;}
.copy-right p {margin-top: 5px; font-size:13px;}

#innerpage #sidebar {width: 98%;}
}