/* #Tablet (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 959px) and (max-width: 1177px) {
	body {overflow-x: hidden}
	.row { width: 870px }
	.sf-menu li {padding: 0 12px;}
	
	.page-content {margin-top:140px;}
	.gavel {margin-top:20px;}
	.thepoint {margin-top:0px;margin-bottom: 20px;}
	.skyline.gavel, .skyline.thepoint {padding:65px!important;}
	.service-i .grid_3 {padding-top:0px;margin-bottom: 10px;min-height:130px;}
	.service-i {margin-bottom:20px!important;}
	.service-i i {padding:14px; width:14px;font-size:14px;}
}

/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {overflow-x: hidden}
	.row { width: 700px }
	.snap-drawers {display: block;}
	.sf-menu li {padding: 0 12px;}
	.info {margin: 20px 0;}
	.grid_3, .grid_6 {width: 100%;margin: 0 0 40px;}
	.copyright {float: none;display: table;margin: 0 auto 20px;}
	.foot-menu {float: none;text-align: center;display: table;margin: 0 auto 0}
	.foot-menu li {float: none;display: inline-block}
	#open-left { display: none; }
	.sf-menu, .sf-menu .back { display: block; }
	.sf-menu li:before {content: ''}
	#LandingPage #open-left {float:left;margin: 32px 0}
	#LandingPage .logo {float:right}
	.page-content {margin-top:100px;}
	.gavel {margin-top:20px;}
	.thepoint {margin-top:0px;margin-bottom: 20px;}
	.skyline.gavel, .skyline.thepoint {padding:65px!important;}
	.mt-block {display:none;}
	.service-i .grid_3 {padding-top:0px;margin-bottom: 10px;}
	.service-i {margin-bottom:20px!important;}
	#LandingPage .header_v2 .sf-menu {margin: -20px 0 0 0px;}
	.header_v2 .sf-menu {float:left;}
}

/* #Mobile (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {overflow-x: hidden}
	.row { width: 420px }
	.snap-drawers {display: block;}
.grid_3, .grid_4, .grid_6, .grid_8 {width: 100%;margin: 0 0 30px;}
	.logo {float: none;margin: 0px auto;width: 200px;}
	.header_v2 .logo {float: left;margin: 10px auto}
	.header_v2 #open-left {margin: 24px 0}
	.info {float: none !important;margin: 4px auto !important;display: table}
	.head {padding: 10px 0}
	.copyright {float: none;display: table;margin: 0 auto 20px;text-align: center}
	.foot-menu {float: none;display: table;text-align: center;margin: 0 auto 0}
	.foot-menu li {float: none;display: inline-block}
	#open-left { display: none; }
	.sf-menu, .sf-menu .back { display: block !important }
	.sf-menu li:before {content: ''}
	#LandingPage #header {position: relative}
	.animated {opacity:1}
	.page-content {margin-top:0px;}
	.gavel {background-image: url(../images/mazz/cropped-law-sml-2.jpg)!important; margin-top:20px;}
	.thepoint {background-image: url(../images/mazz/pittsburgh-skyline-btm-sml.jpg)!important; margin-top:0px;margin-bottom: 20px;}
	.skyline.gavel, .skyline.thepoint {padding:65px!important;}
	.mt-block {display:none;}
	.service-i .grid_3 {padding-top:0px;margin-bottom: 10px;}
	.service-i {margin-bottom:20px!important;}
	#LandingPage .header_v2 .sf-menu {margin: 10px;float:left;}
	#home {padding-top:10px;}
	.info .phone {display: block;padding-top:10px;}
}

/*  #Mobile (Portrait) 320px
----------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 479px) {
	body {overflow-x: hidden}
	.row { width: 290px; padding: 0; }
	.snap-drawers {display: block;}
.grid_3, .grid_4, .grid_6, .grid_8 {width: 100%;margin: 0 0 30px;}
	.logo {float: none;margin: 0px auto;width: 200px;}
	.header_v2 .logo {float: left;margin: 10px auto}
	.head {padding: 10px 0}
	.header_v2 #open-left {margin: 24px 0}
	.info {float: none !important;margin: 3px auto !important;display: table}
	.copyright {float: none;display: table;margin: 0 auto 20px;text-align: center}
	.foot-menu {float: none;display: table;text-align: center;margin: 0 auto 0}
	.foot-menu li {float: none;display: inline-block}
	#open-left { display: none; }
	.sf-menu, .sf-menu .back { display: block !important }
	.sf-menu li:before {content: ''}
	#LandingPage #header {position: relative}
	.animated {opacity:1}
	.page-content {margin-top: 0px;}
	.info .phone {display: block;padding-top:10px;}
	.dark_action.tar {text-align: center!important;} 
	.dark_action .tbutton {float: none;margin:0px 0px 20px 0px !important;}
	.gavel {background-image: url(../images/mazz/cropped-law-sml.jpg)!important; margin-top:20px;}
	.thepoint {background-image: url(../images/mazz/pittsburgh-skyline-btm-sml.jpg)!important; margin-top:0px;margin-bottom: 20px;}
	.skyline.gavel, .skyline.thepoint {padding:65px!important;}
	.mt-block {display:none;}
	.service-i .grid_3 {padding-top:0px;margin-bottom: 10px;}
	.service-i {margin-bottom:20px!important;}
	#LandingPage .header_v2 .sf-menu {margin: 10px 0px 20px 0px;float:left;}
}