div {
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}
body {
	margin: 0;
	padding: 0px;
	background: #FFF url(../images/bg_line.jpg) repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #383838;
	line-height: 18px;
}

.custombluebox {
    margin-top: 9px;
}

#logo .logocontent {
  float: left;
  font-size: 12px;
  font-style: normal;
  margin-top: 2px;
  padding-top: 10px;
  width: 350px !important;
}
#logo .logocontent {
    letter-spacing: 1.2px !important;
    font-size: 14px !important;
}


a.seo, a.seo:active, a.seo:visited {
	color: #333;
	text-decoration: none;
}
td {
	font: 12px Arial, Helvetica, sans-serif;
	color: #383838;
	line-height: 18px;
}
img {
	border: none;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1 {
	margin: 0;
	padding: 0;
	font: 26px Arial, Helvetica, sans-serif;
	color: #0084B8;
}
form {
	margin: 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
}
input {
	border: 1px solid #A28E6D;
	margin: 2px 0 3px 0;
}
.noborder {
	border: none;
	background: none;
}
.submit {
	border: none;
	background: none;
	margin: 10px 0 15px 0;
}
#wrapper {
	margin: 0 auto;
	width: 910px;
}
#header {
	margin: 0 auto; /*background:url(../images/header.jpg) no-repeat;*/ /*background: url(../images/header-5.png) no-repeat;*/ /*height:159px;*/
	height: 175px;
	background-size: 909px 165px;
	text-align: center;
}
#top_cnt {
	float: right;
	text-align: left;
	padding: 12px 20px 0 10px; /*width:250px;*/
	width: 47%;
	height: 103px;
	border: solid 1px #5c777e;
	box-shadow: 0px 0px 12px 0 #495a5f;
	border-radius: 0px 0px 10px 10px;
	border-top: none;
	background: #e1f6f9 url(../images/top_cnt_img.jpg) repeat-x;
}
#top_cnt table {
	margin-top: 4px;
}
.customsearchjail {

    text-decoration: underline;
    font-size: 17px !important;
    /*margin-top: 4px !important;*/

}
.txttop2 img {
	position: absolute;
    top: -17px;
}
#searchjaillink {
	text-align: right;
	width: 100%; /*padding: 25px 0 0 15px;*/
	padding: 9px 0 0 10px;

	position: relative;
	font: normal 14px Arial, Helvetica, sans-serif;
}
.txttop1, a.txttop1, a.txttop1:hover, a.txttop1:visited {
	color: #eab41e;
	font-family: arial;
	font-size: 15px;
	font-style: italic !important;
	font-weight: bold !important;
}
.txttop1 a, .txttop1 a:hover, .txttop1 a:visited {
	color: #eab41e;
	text-decoration: none;
}
.strong1 {
	font-size: 12px;
	font-style: italic !important;
	font-weight: bold !important;
}
.hp_section_title {
	font: 16px Arial, Geneva, sans-serif;
	color: #CC6600;
	line-height: 20px;
}
#container ul li {
	margin: 0;
	padding: 5px 0 5px 25px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #9A4878;
	list-style: none;
}
#container ul li a {
	margin: 0;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #9A4878;
	text-decoration: none;
}
#container ul li a:hover {
	text-decoration: underline;
}
a.txttop1, a.txttop1:hover, a.txttop1:visited {
	color: #EAB41E;
	line-height: 20px;
	font-family: Arial, Geneva, sans-serif;
	font-size: 18px;
	text-decoration: none;
}
a.h1, a.h1:hover, a.h1:visited {
	color: #EAB41E;
	line-height: 20px;
	font-family: Arial, Geneva, sans-serif;
	font-size: 18px;
	text-decoration: none;
}
a.h2, a.h2:hover, a.h2:visited {
	color: #EAB41E;
	line-height: 20px;
	font-family: Arial, Geneva, sans-serif;
	font-size: 18px;
	text-decoration: none;
}
.txttop2 {
	font: bold 18px Arial, Geneva, sans-serif;
	color: #383838;
	line-height: 20px;
	float: left;
	margin-bottom: 8px;
	margin-top: 6px;
	position: relative;
	width: 255px;
	padding-bottom: 5px;
}
.title, a.title, a.title:hover, a.title:visited {
	font: 18px/20px Arial, Helvetica, sans-serif;
	color: #69C9F3;
}
.title22 {
	color: #CC6600;
	font: 16px/20px Arial, Geneva, sans-serif;
	margin-left: 22px;
	padding-top: 18px;
	width: 100px;
}
#nav {
	margin-left: 0px; /*padding:33px 0 0 0;*/
	padding: 26px 0 11px;
	text-align: center;
	font: bold 14px Arial, Helvetica, sans-serif;
	width: 100%;
	margin-top: 9px;
	float: left;
	background: url(../images/top_line.jpg) bottom center no-repeat;
}
#nav a {
	color: #937537;
	text-decoration: none;
	padding: 0 15px 0 0;
}
#nav a:hover {
	color: #0099CD;
	text-decoration: none;
	padding: 0 15px 0 0;
}
#nav ul li {
	float: none;
	margin-left: 10px;
	list-style: none;
	position: relative;
	display: inline-block;
}
#nav ul li:hover ul {
	display: block;
}
#nav ul li ul {
	position: absolute;
	top: 20pz;
	left: 0;
	margin: 0;
	padding: 0;
	display: none;
	border: 1px solid #CCC;
	background: #FDEDD5;
	z-index: 9999999;
	width: 250px;
}
#nav ul li ul li {
	float: none;
	margin: 0;
	padding: 7px 0 3px 6px;
	width: 400px;
	text-align: left;
}
#hp_check_lycense p {
	margin-right: 25px;
}
#container {
	color: #383838;
	margin: 0 auto;
	float: left;
	text-align: left;
	padding: 5px 45px 15px 35px;
	width: 850px; /*box-sizing:border-box;*/
}
.tagimg {
	position: absolute;
	right: -10px;
	top: -12px;
	width: 140px;
	z-index: 9999;
}
#pic {
	background: url(../images/surf.jpg) bottom no-repeat; /*width:525px;*/
	width: 480px;
	height: 364px;
	float: left;
	padding: 0px;
	position: relative;
}
#intro {
	background: url("../images/intro_bg.jpg") no-repeat scroll 0 0 / 340px 391px rgba(0, 0, 0, 0);
	width: 320px;
	float: left; /*width:275px;*/
	/*height:321px;*/ height: 310px;
	margin: 0 0 0 10px;
	padding: 5px 20px 35px 15px;
	font: 14px Arial, Helvetica, sans-serif;
}
#intro > h2 {
	text-align: center;
}
#intro > ul {
	float: left;
	width: 100%;
	margin-top: -16px;
}
#intro li {
	float: left;
	font-size: 18px !important;
	/*list-style: inside none disc !important;*/
	background:url(../images/i-bullet.png) left center no-repeat;
	padding: 4px 4px 4px 14px !important;
	width: 100%;
}
#logo {
	float: left; /*background:url(../images/logo.jpg) no-repeat center;*/
	display: block;
	height: 85px;
	width: 350px;
	margin: 6px 0 0 32px;
}
.logocontent {
  float: left;
  font-size: 12px;
  font-style: normal;
  margin-top: -7px;
  padding-top: 5px;
  width: 359px;
}
#logo .logo {
/*	background: url(../images/logo_img.png) no-repeat center;
	display: block;
	height: 85px;
	width: 350px;
	margin: 0;
        padding-top: 8px;*/
}
#call {
	background: url(../images/call_now.jpg) no-repeat center;
	display: block;
	height: 50px;
	margin: 0 0;
}
#call .call {
	background: url(../images/call_now.jpg) no-repeat center;
	display: block;
	height: 50px;
	margin: 0;
}
#learn {
	background: url(../images/parts.jpg) no-repeat;
	width: 720px;
	height: 180px;
	margin: 10px 0 0 25px;
	padding: 15px 35px 15px 25px;
	float: left;
}
#learn2 {
	background: url(../images/parts3.jpg) no-repeat;
	width: 800px;
	height: 200px;
	margin: 10px 0 0 25px;
	padding: 25px 35px 15px 25px;
	float: left;
/*box-sizing:border-box;*/}
#learn2 ul li {
	margin-left: 0;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 3px;
	list-style: disc;
}
.part1 {
	float: left;
	width: 300px;
	padding: 0 0 0 40px;
	margin: 0 50px 0 0;
}
.part2 {
	float: left;
	width: 330px;
	padding: 0 15px 0 0;
}
.box_ph {
	border: 1px solid #F7E7B3;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: #FEF6E3;
	width: 250px;
	text-align: left;
	padding: 10px;
	float: right
}
a.r_more:link, a.r_more:active, a.r_more:visited {
	float: right;
	color: #69C9F3;
	text-decoration: underline;
	margin: 0 40px 0 0;
}
a.r_more:hover {
	float: right;
	color: #69C9F3;
	text-decoration: none
}
.imgLeft {
	float: left;
	margin: 5px 15px 0 0;
}
.imgRight {
	float: right;
	margin: 0 0 0 5px;
}
#footer {
	background: url(../images/footer.jpg) no-repeat top;
	clear: both;
	padding: 25px 0 10px 0;
	margin: 10px auto;
	float: left;
	text-align: left;
	font: 11px Arial, Helvetica, sans-serif;
	width: 100%;
	color: black;
}
#footer img {
	padding: 0 5px 0 5px
}
#footer a {
	padding: 2px;
}
#footer a:hover {
}
.dzn {
	float: right;
}
/*-----Cities_Pages------*/
#tblMainHeader {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 26pt;
	font-color: black;
}
#tblLocationHeader {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	font: Arial, Helvetica, sans-serif 26px;
	font-weight: bold;
	text-align: right;
	color: #0084B8;
}
#tblLocation {
	font: bold 18px Arial, Geneva, sans-serif;
	color: #383838;
	line-height: 20px;
	text-align: right;
}
#tblLocation a {
	font-weight: normal;
	font-size: smaller;
}
#tblDescription {
	margin: 0;
	margin-top: 14px;
	padding: 0;
	text-align: center;
	height: 40px;
	width: 600px;
	background: url(../images/justRemember2.jpg) center no-repeat;
}
/*REDUNDANT-----------------------*/
#tblDescription2 {
	margin: 0;
	margin-top: 14px;
	padding: 0;
	text-align: center;
	height: 40px;
	width: 600px;
	background: url(../images/justRemember4.jpg) left center no-repeat;
}
#tblDescription3 {
	margin: 0;
	margin-top: 0;
	padding: 0;
	text-align: center;
	height: 54px;
	width: 600px;
	background: url(../images/justRemember5.jpg) left center no-repeat;
}
/*----------------------*/
#tblDirections {
	margin: 0;
	margin-left: 10%;
	padding: 0;
}
#tblDirections ol li {
	margin: 0;
	padding: 0;
	list-style: decimal;
}
#tblDirections ol {
	margin: 0;
	padding-left: 16px;
}
#tblMap {
	margin: 0;
	padding: 0;
	margin-top: 15px;
}
#tblAdditional {
	margin: 0;
	padding: 0;
	text-align: justify;
}
#hp_left_bottom {
	float: left;
	margin: 0;
	padding: 0;
}
#hp_right_bottom {
	float: left;
	margin: 0;
	padding: 0;
	width: 453px;
}
#hp_jail_records {
	padding: 1px 40px 5px 17px;
	margin: 0 0 0 25px;
	background: url(../images/part_left.jpg) no-repeat;
}
#hp_jail_records ul li {
	list-style: none;
	padding-left: 0;
}
#hp_court_locations {
	padding: 1px 40px 5px 17px;
	margin: 0 0 7px 25px;
	background: url(../images/part_left_courts.jpg) no-repeat;
	background-size: 94% 100%;
}
#hp_court_locations ul li {
	list-style: none;
	padding-left: 0;
}
#hp_cities ul li {
	list-style: none;
	padding-left: 0;
}
#hp_cities {
	float: left;
	width: 453px;
	height: 571px;
	padding: 0 5px 0 15px;
	background: url(../images/part_right.jpg) no-repeat;
}
#hp_cities_left {
	float: left;
	margin: 0 20px 0 0;
}
#hp_cities_right {
	float: left;
}
#hp_why_sunset {
	margin: 0 0 0 25px;
	width: 316px;
	height: 165px;
	padding: 1px 10px 0 17px;
	background: url(../images/part_left_bottom.jpg) no-repeat;
	background-size: 316px 163px;
}
#hp_charges_defined {
	margin: 0 0 0 25px;
	padding: 1px 10px 0 17px;
	width: 316px;
	height: 140px;
	background: url(../images/hp_charges_defined.jpg) no-repeat;
}
#hp_charges_defined ul li {
	padding-left: 0;
}
#hp_customer_service {
	float: left;
	margin: 0 0;
	padding: 10px 10px 0 15px;
	width: 433px;
	height: 160px;
	background: url(../images/hp_customer_service2.jpg) no-repeat;
}
.single_blog #test {
}
#hp_testimonials {
	margin: 0 5px 0 25px;
	padding: 1px 15px 0 17px;
	width: 316px;
	height: 260px;
	background: url(../images/hp_testimonials.jpg) no-repeat;
	background-size: 336px 260px;
}
/*
#hp_customer_service {
margin: 0 0 0 25px;
padding: 1px 10px 0 15px;
width: 316px;
height: 160px;
background:url(../images/hp_customer_service.jpg) no-repeat;
}
*/

#hp_customer_service ul li {
	padding-left: 0;
}
#hp_check_lycense {
	float: left;
	margin: 5px 5px 0 0;
	width: 453px;
	padding: 2px 0 10px 15px;
	background: url(../images/hp_check_license_border.jpg) no-repeat;
}
.clearfix {
	clear: both;
}
.blog_container {
	width: 458px;
	display: table;
	margin: 5px 0;
	padding: 0;
	background: url(../images/total_in_one.png) no-repeat;
	height: 397px;
}
.blog_container .inner_text_div {
	padding: 10px 12px 10px 23px;
	font: 12px/18px Arial, Helvetica, sans-serif;
}
.blog_container .inner_text_div .title {
	font: 18px Arial, Geneva, sans-serif;
	color: #C60;
	line-height: 20px;
	display: block;
	margin: 10px 0 8px 0;
}
.blog_container .inner_text_div .subtitle {
	font-size: 16px;
	color: #9a4878;
	margin: 0 0 0px 0px;
	border-bottom: 1px solid #9a4878;
	display: inline;
	float: left;
}
.blog_container .inner_text_div .posted_date {
	margin: 3px 0 2px 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #594343;
}
.blog_container .inner_text_div .single_blog {
	width: 100%;
	display: table;
	margin-bottom: 15px;
}
.blog_container .inner_text_div .text_div_display {
	font: 12px/18px Arial, Helvetica, sans-serif;
}
.blog_container .inner_text_div .read_more_btn a {
	font-size: 12px;
	font-style: italic;
	border-bottom: 1px solid #5bc2ef;
	padding-bottom: 2px;
	display: inline;
	color: #5bc2ef;
	text-decoration: none;
}
.blog_container .inner_text_div .read_more_btn a:hover {
	color: #2895c4;
	border-bottom: 1px solid #2895c4;
}
.single_blog {
	background: url("../images/total_in_one.png") no-repeat scroll 0 0 transparent;
	display: table;
	height: 415px;
	margin: 5px 0 0 -6px;
	padding: 0;
	width: 462px;
}
.rssRow {
	padding: 0 22px !important;
}
.rssRow h4 a {
	border-bottom: 1px solid #9A4878;
	color: #9A4878 !important;
	display: inline;
	float: left;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	margin: 0;
}
.rssRow h4 a:hover {
	text-decoration: none !important;
}
.rssRow div {
	color: #594343 !important;
	float: left;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	margin: 3px 0 2px !important;
	width: 100%;
}
.rssRow p {
	float: left;
	width: 100%;
	font: 12px/18px Arial, Helvetica, sans-serif !important;
	color: #383838 !important;
}
.blog-more {
	color: #69C9F3;
	float: right;
	line-height: 0;
	margin-right: 20px;
	text-align: right;
	width: 96%;
}
.single_blog .title {
	margin: 0 0 0 8px !important;
}
.intro_mobile {
	display: none;
}
.toggle-sec {
	display: none;
}
.los {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.los h2 {
	width: 100%;
	float: left;
	color: #69c9f3;
	font: bold 24px Arial, Helvetica, sans-serif;
	margin: 10px 0;
}
.los_left {
	width: 45%;
	float: left;
}
.los_left h3 {
	color: #eab41e;
	font-family: arial;
	font-size: 15px;
	font-style: italic !important;
	font-weight: bold !important;
}
.los_left ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.los_left ul li {
	list-style: none;
	padding: 5px 0px !important;
	margin: 0px;
	color: #383838 !important;
	font: 12px/18px Arial, Helvetica, sans-serif !important;
}
.los_left ul li a {
	float: right;
	font: 12px/18px Arial, Helvetica, sans-serif !important;
}
.los_right {
	width: 45%;
	float: right;
}
.los_right h3 {
	color: #eab41e;
	font-family: arial;
	font-size: 15px;
	font-style: italic !important;
	font-weight: bold !important;
}
.los_right ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.los_right ul li {
	list-style: none;
	padding: 5px 0px !important;
	margin: 0px;
	color: #383838 !important;
	font: 12px/18px Arial, Helvetica, sans-serif !important;
}
.los_right ul li a {
	float: right;
	font: 12px/18px Arial, Helvetica, sans-serif !important;
}




/* ======custom css ========== */

.videos {
  background: url("../images/footer.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  margin-bottom: 10px;
  padding: 20px;
  width: 100%;
}

.bails {
  float: left;
  width: 50%;
}



/***************************Next***************************/

@media only screen and (max-width : 1024px) {
div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
}
#wrapper {
	padding: 0 15px;
	width: 100%;
}
#top_cnt {
	height: auto;
	padding-bottom: 12px;
}
#header {
	float: left;
	height: auto;
	margin: 0;
	padding: 0 0 30px;
	width: 100%;
}
#container {
	float: left;
	margin: 0;
	padding: 20px;
	width: 100%;
}
#pic {
	width: 55%;
	height: auto;
}
#pic div {
	width: 100% !important;
}
#pic div img {
	width: 100% !important;
}
#intro {
	padding: 6px 12px 0 12px;
	width: 40%;
	height: auto;
}
#intro li {
	font-size: 14px !important;
}
#learn2 {
	height: auto;
	margin: 25px 0 20px !important;
	padding: 0;
	width: 100%;
	background: none;
}
#hp_left_bottom {
	width: 40%;
}
#hp_right_bottom {
	width: 60%;
}
#hp_why_sunset {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: auto;
	margin: 0;
	padding: 0;
}
#hp_cities {
	background: none;
	height: auto;
	margin: 0;
	padding: 0 5px 0 15px;
	width: 100%;
}
#hp_jail_records {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin: 0;
	padding: 8px 0;
	width: 100%;
}
#hp_court_locations {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin: 0 0 7px;
	padding: 20px 0;
}
#hp_charges_defined {
	background: none;
	height: auto;
	margin: 0;
	padding: 0px 0 30px;
	width: 100%;
}
#hp_testimonials {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: auto;
	margin: 0 5px 0 0;
	padding: 0 40px 20px 0;
	width: 100%;
}
#hp_check_lycense {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	width: 100%;
}
.single_blog {
	background: none;
	height: auto;
	width: 100%;
}
#logo {
	display: block;
	float: left;
	height: auto;
	margin: 6px 0 0 0;
	width: 40%;
}
}

@media only screen and (max-width : 768px) {

.bails {
  float: left;
  width: 100%;
}
.bails iframe {
  text-align: center;
  width: 100%;
}

#logo {
	margin: 10px 0 0;
	text-align: left;
	width: 100%;
}
#logo .logo {
	width: auto;
}

.logocontent {
	width: 100%;
	padding: 0px;
	margin-top: 10px;
}
#container {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding: 5px 2px 15px 0;
	width: 100%;
}
#learn2 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	height: auto;
	margin: 10px 0 0 !important;
	width: 100%;
	background: none;
}
#hp_left_bottom {
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
	width: 100%;
}
#hp_why_sunset {
	background: none;
	height: auto;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#hp_jail_records {
	margin: 0px;
	background: none;
	width: 100%;
	padding: 0px;
}
#hp_court_locations {
	margin: 0px;
	background: none;
	width: 100%;
	padding: 0px;
}
#hp_charges_defined {
	margin: 0px;
	background: none;
	width: 100%;
	padding: 0px;
}
#hp_testimonials {
	margin: 0px;
	background: none;
	width: 100%;
	padding: 0px;
	height: auto;
}
#hp_check_lycense {
	background: none;
	width: 100%;
	padding: 0px;
}
.single_blog {
	background: none;
	width: 100%;
	padding: 0px;
}
#intro {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin: 0;
  padding-top: 150px;
  position: relative;
  text-align: center;
  width: 100%;
  height: auto;
}
#intro img {
	/*margin-left: 0 !important;*/
	float: none !important;
}
img.celebrating-img {
 left: 50%;
  margin: 0 0 0 -69px !important;
  position: absolute !important;
  top: 0;
}
#pic {
	margin-left: 0;
	height: auto;
	width: 100%;
}
#hp_cities_left {
	width: 50%;
}
#hp_right_bottom {
	width: 100% !important;
}
.r_more {
	float: right;
	margin-top: 15px !important;
	width: 96%;
}
#hp_cities {
	background: none;
	float: left;
	height: auto;
	padding: 0;
	width: 100%;
}
#hp_right_bottom {
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
}
#top_cnt {
	float: left;
	margin: 30px 0 0;
	width: 100%;
}
#nav {
	background: url("../images/top_line.jpg") no-repeat scroll center bottom / 100% auto;
	margin-top: 0;
	padding: 0;
}
.part1 {
	float: left;
	margin: 0 30px 0 0;
	padding: 0 0 0 10px;
	width: 300px;
}
#footer {
	background-size: 100%;
}
#nav ul li {
	width: auto;
	line-height: 38px;
	float:left;
}
.nav-toggle {
	float: right;
	margin: 20px;
	cursor: pointer;
}
.toggle-sec {
	width: 100%;
	float: left;
	display: block;
}
#hp_testimonials {
	display: none;
}
.part1 {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 15px 0 20px 30px;
	margin-top: 25px;
	box-sizing: border-box;
}
.part2 {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 15px 0 20px 30px;
	margin-top: 25px;
	box-sizing: border-box;
}
.more_txt {
	width: 100%;
	text-align: right;
	float: left;
}
#hp_why_sunset {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 15px;
	margin-top: 25px;
	box-sizing: border-box;
}
#hp_jail_records {
	width: 100%;
	float: right;
	border: solid 1px #e9cb75;
	padding: 15px;
	margin-top: 25px;
	box-sizing: border-box;
}
#hp_court_locations {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 15px;
	margin-top: 25px;
	box-sizing: border-box;
}
#hp_charges_defined {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 15px;
	margin-top: 25px;
	box-sizing: border-box;
}
#hp_right_bottom {
	width: 100%;
	float: left;
}
#hp_cities {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 20px;
	margin-top: 25px;
	box-sizing: border-box;
}
#hp_check_lycense {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 20px;
	margin-top: 25px;
	box-sizing: border-box;
}
.blog_container1 {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 20px;
	margin-top: 25px;
	box-sizing: border-box;
}
.txttop2 {
	margin-bottom: 25px;
}
#hp_why_sunset h2 {
	margin-top: 0;
}
#hp_jail_records h2 {
	margin-top: 0;
}
#hp_court_locations h2 {
	margin-top: 0;
}
#hp_charges_defined h2 {
	margin-top: 0;
}
#hp_cities h2 {
	margin-top: 0;
}
#hp_check_lycense h2 {
	margin-top: 0;
}
.title22 {
  padding-top: 0;
}
#intro > ul {
  float: none;
  margin: 0 auto;
  width: 230px;
}
}

@media only screen and (max-width : 640px) {
#container ul li {
	padding: 5px 0;
}
.title22 {
	margin-left: 0;
}
.part1 {
	float: left;
	margin: 0 30px 0 0;
	padding: 0 0 0 10px;
	width: 300px;
}
#footer {
	background-size: 100%;
}
.part1 {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 15px 0 20px 30px;
	margin-top: 25px;
	box-sizing: border-box;
}
.part2 {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 15px 0 20px 30px;
	margin-top: 25px;
	box-sizing: border-box;
}
.more_txt {
	width: 100%;
	text-align: right;
	float: left;
}
#hp_why_sunset {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 15px;
	margin-top: 25px;
	box-sizing: border-box;
}
#hp_jail_records {
	width: 100%;
	float: right;
	border: solid 1px #e9cb75;
	padding: 15px;
	margin-top: 25px;
	box-sizing: border-box;
}
#hp_court_locations {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 15px;
	margin-top: 25px;
	box-sizing: border-box;
}
#hp_charges_defined {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 15px;
	margin-top: 25px;
	box-sizing: border-box;
}
#hp_right_bottom {
	width: 100%;
	float: left;
}
#hp_cities {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 20px;
	margin-top: 25px;
	box-sizing: border-box;
}
#hp_check_lycense {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 20px;
	margin-top: 25px;
	box-sizing: border-box;
}
.blog_container1 {
	width: 100%;
	float: left;
	border: solid 1px #e9cb75;
	padding: 20px;
	margin-top: 25px;
	box-sizing: border-box;
}
ul.intro-list li {
  padding: 4px 4px 4px 14px !important;
}
}

@media only screen and (max-width : 600px) {
table.contact-table td {
	width: 45%;
	float: left;
}
.strong1 {
	font-size: 15px;
}
.txttop1, a.txttop1, a.txttop1:hover, a.txttop1:visited {
	font-size: 25px;
	line-height: 30px;
}
}

@media only screen and (max-width : 491px) {
#hp_cities_left {
	margin: 0;
	width: 100%;
}
#hp_cities_right {
	float: left;
	width: 100%;
}
#logo {
  box-sizing: border-box;
  padding: 0 40px;
  width: 100%;
}
#logo .logo {
	height: auto;
	width: auto;
}
#logo .logo img {
	width: 100%;
}
#pic {
	display: none;
}
#top_cnt table td {
	width: 100%;
	float: left;
	text-align: center;
}
}

@media only screen and (max-width : 360px) {
a.r_more:link, a.r_more:active, a.r_more:visited {
	margin: 0 18px 0 0;
}
.speak {
	width: 95%;
}

#searchjaillink {
	text-align: center;
}
.logo img {
	width: 100%;
}
#pic {
	display: none;
}

#intro img {
  float: none !important;
  width: 100%;
  margin: 0px !important;
}

#intro {
  padding-top: 0px;
}

}

@media only screen and (max-width : 320px) {
a.r_more:link, a.r_more:active, a.r_more:visited {
	margin: 0 18px 0 0;
}
.speak {
	width: 95%;
	margin-top: 10px;
}
.txttop2 {
	font-size: 17px;
}
#pic {
	display: none;
}
}



/*
============================================================================================
|||||||||||||||||||||||||||||||||| New css 24 june |||||||||||||||||||||||||||||||||||||||||
============================================================================================
*/


.footer-inner-box {
  float: left;
  width: 100%;
}

.links ul li a {
    color: #9a4878;
    font: bold 13px Arial,Helvetica,sans-serif;
    list-style: outside none none;
    margin: 0;
    padding: 5px 0 5px 25px;
   
     text-decoration: none;
}
.links{
    
     width: 33.33%;
    float: left;
    text-align: center;
}
/*.footer-inner-box ul li a {
    color: #9a4878;
    font: bold 13px Arial,Helvetica,sans-serif;
    margin: 0;
   
}*/
.links ul li a:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 1024px) {
.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: -26px !important;
  top: 50% !important;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
  right: -26px !important;
  top: 50% !important;
}
}

@media only screen and (max-width: 768px) {
.footer-inner-box {
  width: 100%;
  text-align: center;
}
.txttop1, a.txttop1, a.txttop1:hover, a.txttop1:visited {
  font-size: 24px;
}

#nav ul{
	display:none;
}

a.toggle {
	display: block;
}
#logo {
  margin: 10px 0 0;
  text-align: left;
  width: 100%;
  margin-left: 18px;
}
}

@media only screen and (max-width: 480px) {
/*    #logo .logo {
  background: url("../images/logo_img.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
  display: block;
  height: 130px !important;
}
#logo {
  width: 100%;
}*/
}


/*
============================================================================================
|||||||||||||||||||||||||||||||||| New css 24 june |||||||||||||||||||||||||||||||||||||||||
============================================================================================
*/
.social {
  float: left;
  margin-top: 15px;
  text-align: center;
  width: 100%;
}
.footer-inner-box a {
  text-decoration: none;
  color: #383838;
}



.mobile_phonenumber > a {
  display: none;
}

@media only screen and (max-width: 768px) {
.desktop_phonenumber {
  display: none;
}
.mobile_phonenumber > a {
    display:block ;
}
}

@media (max-width:768px){
    div#wrapper div#header #logo {
    margin: 10px auto 0 auto!important;
    display: flex !important;
    justify-content: center !important;
}
}

/**/

.custom-wrapper div#header {
    width: 850px;
}

.custom-wrapper div#header div#logo {
    margin: 5px 0 0 0 !important;
    width: 40% !important;
}

.custom-wrapper div#header div#logo a.logo {
    display: block;
}

.custom-wrapper div#header div#logo a.logo img {
    width: 100%;
}


@media (max-width:1024px){

.custom-wrapper div#header {
    width: 100% !important;
}

}

@media (max-width:991px){
    .custom-wrapper div#header div#logo {
        width:45% !important;
        margin: 10px 0 0 0 !important;
     }
        
.custom-wrapper div#header {
    width: 100% !important;
}

}

@media (max-width:600px){
.custom-wrapper div#header div#logo {
    width: 100% !important;
}
}