@media screen and (max-width: 1200px) {
	.wel-section.float_l{ padding-top:80px;}
	.container {
	  width: 960px;
	}
	.header-callus {
	    margin: -2px 0 0;
	    width: 500px;
	}
	.header-callus ul li:first-child {
	    padding: 0;
	}	
	.header-callus ul li {
	    float: right;
	    margin: 3px 0;
	}
	.main-menu ul li {
	    padding: 0 17px;
	    width: auto;
	}
	.wel-left {
	    width: 630px;
	}
	.specialize-box {
	    margin: 0 30px 100px;
	    width: 420px;
	}
	.latest-blog-text {
	    width: 630px;
	}
	ul.footer-menu {
	    margin: 0;
	}
	ul.footer-menu li {
	    padding: 0 24px;
	}
	ul.more-about li, .page-top-img {
	  width: 300px;
	}
	.page-left-panel {
	    width: 280px;
	}
	.page-right-panel {
	  width: 660px;
	}
	.revis-right {
	    width: 200px;
	}
	.revis-left {
	    width: 360px;
	}
	.page-left-panel.about {
	  min-height: 1420px;
	}
	.page-top-text {
	    width: 640px;
	}
	.criminal-defenses-text {
	    width: 650px;
	}
	img.drunk {
	    width: 270px;
	}
	.drunk-h {
	    width: 310px;
	}
	.page-left-panel.drunk {
	    min-height: 985px;
	}
	.wel-left h2 {
	    font-size: 26px;
	    margin: 10px 0 15px;
	}
	.page-section2.float_l, .specialize-section.float_l, .more-about-firm {
		background-size: cover;
	}
	ul.help li {
	    width: 220px;
	}
	ul.help li a.name {
	    font-size: 18px;
	}
}
@media screen and (max-width: 990px) {
	.container {
	  width: 740px;
	}
	.wel-right {
	    width: 270px;
	}
	.wel-left {
	    padding: 30px;
	    width: 455px;
	}
	.wel-left h1 {
	    font-size: 46px;
	}
	.wel-left h2 {
	    font-size: 20px;
	    margin: 10px 0 15px;
	}
	.specialize-box {
	    margin: 0 25px 100px;
	    width: 320px;
	}
	.specialize-box .title {
	    font-size: 26px;
	}
	.latest-blog-text {
	    width: 420px;
	}
	ul.footer-menu {
	    margin: 0;
	}
	ul.footer-menu li {
	    padding: 0 9px;
	}
	.header-callus {
	  margin: 0;
	  width: 460px;
	}
	.header-callus ul li {
	    float: right;
	    margin: 2px 0;
	}
	.header-callus ul li:first-child {
	    padding: 0;
	}
	.main-menu ul li a{font-size:16px;}
	.main-menu {
	    width: 470px;
	}
	.main-menu ul li {
	    float: right;
	    font-size: 12px;
	    padding: 0 7px;
	    width: auto;
	}
	.logo a {
	    width: 100%;
	}
	.logo {
	    width: 255px;
	}
	.page-top-text {
	    padding: 25px;
	    width: 470px;
	}
	.page-top-img {
	  width: 250px;
	}
	.specialize-section h1, .more-about-firm h1, .page-section2 h2.head2 {
	  font-size: 34px;
	}
	ul.help li {
	    width: 165px;
	}
	ul.help li a.name {
	  font-size: 18px;
	}
	.page-header h1 {
	    margin: 130px 0 0;
	}
	h1.head1, .page-header h1 {
	    font-size: 32px;
	}
	.wel-left h1 {
	  font-size: 30px;
	}
	.page-section2.float_l, .specialize-section.float_l, .more-about-firm {
	    background-size: cover;
	}
	.page-left-panel {
	  padding: 15px;
	  width: 255px;
	}
	.page-right-panel {
	    width: 465px;
	}
	img.drunk, .revis-left {
	    width: 100%;
	}
	.revis-left{margin: 0px;}
	img.drunk, .drunk-h {
	    margin-bottom: 10px;
	}
	.page-left-panel.drunk {
	  min-height: 1370px;
	}
	.criminal-defenses-text {
	    width: 430px;
	}
	.criminal-defenses-text .title {
	  font-size: 26px;
	  margin: 0 0 10px;
	}
	.page-left-panel.about {
	  min-height: 1900px;
	}
	ul.more-about li {
	  width: 226px;
	}
}
@media screen and (max-width: 768px) {
	.container {
	  width: 450px;
	}
	#header {
	  background-color: #000;
	}
	.logo {
	    margin: 0 42px;
	    position: relative;
	    width: 365px;
	}
	.header-callus, .footer-copy ul, .page-right-panel, .revis-left, .page-top-text, .page-top-img, a.criminal-thumb, a.criminal-thumb img, .criminal-defenses-text, img.drunk, ul.help li, ul.help li a img, .wel-right, .wel-left, .specialize-box, .latest-blog a.blog-thumb, .latest-blog a.blog-thumb img, .latest-blog-text, .drunk-h {
	  width: 100%;
	}
	.header-callus, ul.footer-menu, .page-left-panel, .revis-left, .page-top-text, a.criminal-thumb, .latest-blog-text .title {
	  margin: 0;
	}
	.header-callus ul li, .footer-copy ul li {
	  background-image: none;
	  border: medium none;
	  margin: 5px 0 !important;
	  padding: 0 !important;
	  text-align: center;
	  width: 100%;
	}
	.main-menu {
	  float: left;
	  position: relative;
	  top: 0;
	  width: 100%;
	}
	ul.footer-menu li, .page-right-panel, .page-top-text {
	  padding: 15px;
	}
	.footer-logo.float_l, .page-right-panel, .page-top-img, .criminal-defenses-text .title, img.drunk, ul.help li, .wel-right, .specialize-box, .specialize-box a.learn-more, .latest-blog a.blog-thumb {
	  margin: 10px 0;
	}
	.main-menu ul li, ul.more-about li {
	  margin: 1%;
	  width: 48%;
	}
	.page-header h1 {
	  font-size: 34px;
	  margin: 125px 0 0;
	}
	.about-con, .wel-right, .wel-left {
	  padding: 30px;
	}
	.about-con h1, .specialize-section h1, .more-about-firm h1, .page-section2 h2.head2, h1.head1, .wel-left h1, .blog-section h1 {
	  font-size: 28px;
	}
	.criminal-defenses-text .title, .wel-left h2, .specialize-box .title {
	  font-size: 22px;		
	}
	.about-con h2, ul.more-about li a.name, .wel-left h2, .specialize-box .title {
	  margin: 10px 0;
	}
	.page-left-panel.about, .page-left-panel.drunk, .wel-right, .wel-left {
	  min-height: 10px;
	}
	.wel-left {
	  margin-right: 0;
	}
}
@media screen and (max-width: 480px) {
	.container {
	  width: 300px;
	}
	#header {
	  background-color: #000;
	}
	.logo {
	  position: relative;
	  width: 100%;
	}
	.header-callus, .footer-copy ul, .page-right-panel, .revis-left, .page-top-text, .page-top-img, a.criminal-thumb, a.criminal-thumb img, .criminal-defenses-text, img.drunk, ul.help li, ul.help li a img, .wel-right, .wel-left, .specialize-box, .latest-blog a.blog-thumb, .latest-blog a.blog-thumb img, .latest-blog-text, ul.more-about li, .page-left-panel, .revis-right, .logo a, .drunk-h {
	  width: 100%;
	}
	.header-callus, ul.footer-menu, .page-left-panel, .revis-left, .page-top-text, a.criminal-thumb, .latest-blog-text .title {
	  margin: 0;
	}
	.header-callus ul li, .footer-copy ul li {
	  background-image: none;
	  border: medium none;
	  margin: 5px 0 !important;
	  padding: 0 !important;
	  text-align: center;
	  width: 100%;
	}
	.main-menu {
	  float: left;
	  position: relative;
	  top: 0;
	  width: 100%;
	}
	ul.footer-menu li, .page-right-panel, .page-top-text, ul.criminal-defenses li {
	  padding: 15px;
	}
	.footer-logo.float_l, .page-right-panel, .page-top-img, .criminal-defenses-text .title, img.drunk, ul.help li, .wel-right, .specialize-box, .specialize-box a.learn-more, .latest-blog a.blog-thumb, ul.more-about li {
	  margin: 10px 0;
	}
	.main-menu ul li {
	  margin: 1%;
	  width: 48%;
	}
	.page-header h1 {
	  font-size: 28px;
	  margin: 125px 0 0;
	}
	.about-con, .wel-right, .wel-left {
	  padding: 30px;
	}
	.about-con h1, .specialize-section h1, .more-about-firm h1, .page-section2 h2.head2, h1.head1, .wel-left h1, .blog-section h1 {
	  font-size: 22px;
	}
	.criminal-defenses-text .title, .wel-left h2, .specialize-box .title {
	  font-size: 22px;		
	}
	.about-con h2, ul.more-about li a.name, .wel-left h2, .specialize-box .title {
	  margin: 10px 0;
	}
	.page-left-panel.about, .page-left-panel.drunk, .wel-right, .wel-left {
	  min-height: 10px;
	}
	.wel-left {
	  margin-right: 0;
	}
}