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

	p:not(.small_p) span.street, p:not(.small_p) span.city, p:not(.small_p) span.state, p:not(.small_p) span.zip, p:not(.small_p) span.address, .nomargin p.small_p{

		width: 49%;

		display: inline-block;

	}

	form input[type=text], form textarea, form input[type=email] {

		padding: 0px 0px 0px 35px;

	}

	#secondary1 {

		max-width: 300px;

	}
	.entry-content p {
	    padding: 0 20px;
	}
	aside#our_services ul li a{
		padding: 0 35px;
	}
	aside#our_services ul li .sub_cat li a{
		margin-left: 0;
	}

	.wpcf7-recaptcha {
	    margin-left: 21px;
	}
}


@media (min-width: 993px){
	.home .g-recaptcha {
	    transform: scale(0.94);
	    transform-origin: 0 0;
	}
	.home input.wpcf7-form-control.wpcf7-submit {
	    width: 280px;
	}

}
@media screen and (min-width: 992px) {

	#access .pay {

		float: right;

		position: relative;

    	top: 7px;

	}

	#branding .r-right1, #branding .r-right2, #branding .trans{

		text-align: right;

	}

	#access li {

		float: left;

	}

	.r-right1, .r-right2, header .trans {

		padding-top: 10px;

		padding-bottom: 10px;

	}

	p:not(.small_p) span.street, p:not(.small_p) span.city, p:not(.small_p) span.state, p:not(.small_p) span.zip, p:not(.small_p) span.address, .nomargin p.small_p{

		width: 49%;

	}

	body.category #primary {

		width: 75%;

	}

}



@media screen and (min-width: 1200px) {

	p:not(.small_p) span.street, p:not(.small_p) span.city, p:not(.small_p) span.state, p:not(.small_p) span.zip, p:not(.small_p) span.address, .nomargin p.small_p{

		margin-right: 3px;

	}

	#copyright-2 .web {

		text-align: right;

	}

}



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

	.singular #content {

		margin-right: 0;

		margin-left: 0

	}

	/**/

	.p-number{

		font-size: 22px;

	}

	.r-right1 span img{

		vertical-align:  middle;

	}

	#colophon{

		text-align: center;

	}

}

@media screen and (max-width: 1121px) {
	body.page #main {
	    padding-top: 70px;
	}    
	#featured #controllers {
	    position: relative;
	    display: block;
	    width: 50%;
	    margin: 0 auto;
    	background-color: black;
	}

	div#slides {
	    margin: auto;
	    width: 100% !important;
	    height: auto !important;
    	min-height: 600px;
	}
	#featured #image,
	#featured #image img {
	    width: 100%;	
	    height: 600px;
	    object-position: center;
	}
	#featured .info {
	    width: 100% !important;
	    height: auto;
    	display: block;
	    right: 0;
	    background-color: #fff !important;
	    bottom: 0;
	    padding: 12px 20px;
	}
	#featured .info .ex a{
		width: 300px;
		position: relative;
		margin: 0 auto;
	}

	#featured {
		height: auto;
	}
	.ex {
		text-align: center;
		width: 100%;
	}
	.slide {
	    width: 100%;
	    height: 600px;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px) {

	p:not(.small_p) span.street, p:not(.small_p) span.city, p:not(.small_p) span.state, p:not(.small_p) span.zip, p:not(.small_p) span.address, .nomargin p.small_p {

		margin-right: 2.5px;

	}

	#featured #controllers ul li a  {

		font-size: 14px !important;

		height: auto !important;

	}

	#secondary1 aside#our_services {

		max-width: 240px

	}

}



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

	#secondary1.affix-top aside#our_services {

		position: absolute;

	}

}

@media (max-width: 992px){
	body.category-blog #primary {
		padding-right: 0;
	}
}

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

	#branding .r-right1, #branding .r-right2, #branding .trans{

		text-align: center;

	}

	#access{

		text-align: center;

	}

	#access li{

		float: none;

		display: inline-block;

		vertical-align: middle;

	}

	#access .pay {

		position: absolute;

		top: 5px;

		right: 0;

	}

	#branding img.logo{

		margin: 10px auto;

	}

	.page-id-57 form {

		margin-bottom: 50px;

	}

	form span::before {

		z-index: 9

	}

	form input[type=text], form textarea, form input[type=email] {

		padding: 5px;

	}

	form input:not([type="submit"]):not([type="checkbox"]) {
		padding-left: 35px;
	}

	/**/

	.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{

		width: 100% !important;

	}

	.wpcf7-form-control-wrap.zip input{

		margin-bottom: 0 !important;

	}

	.home #content .wpcf7{

		text-align: center;

	}

	#main #secondary {

    	display:none;

	}

	/* Simplify the basic layout */

	#nav-below {

		border-bottom: 1px solid #ddd;

		margin-bottom: 1.625em;

	}

	#main #secondary {

		float: left;

		margin: 0%;

		width: 33.3333%;

	}

	/* Simplify the showcase template */

	.page-template-showcase-php .featured-posts {

		min-height: 280px;

	}

	.featured-posts section.featured-post {

		height: auto;

	}

	.page-template-showcase-php section.recent-posts {

		float: none;

		margin: 0;

		width: 100%;

	}

	.page-template-showcase-php #main .widget-area {

		float: none;

		margin: 0;

		width: auto;

	}

	.page-template-showcase-php .other-recent-posts {

		border-bottom: 1px solid #ddd;

	}

	/* Simplify the showcase template when small feature */

	section.featured-post .attachment-small-feature, .one-column section.featured-post .attachment-small-feature {

		border: none;

		display: block;

		float: left;

		height: auto;

		margin: 0.625em auto 1.025em;

		max-width: 30%;

		position: static;

	}

	article.feature-image.small {

		float: right;

		margin: 0 0 1.625em;

		width: 64%;

	}

	.one-column article.feature-image.small .entry-summary {

		height: auto;

	}

	article.feature-image.small .entry-summary p a {

		left: 0;

		padding-left: 20px;

		padding-right: 20px;

		width: auto;

	}

	/* Remove the margin on singular articles */

	.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {

		/*width: 100%;*/

	}

	/* Simplify the pullquotes and pull styles */

	.singular blockquote.pull {

		margin: 0 0 1.625em;

	}

	.singular .pull.alignleft {

		margin: 0 1.625em 0 0;

	}

	.singular .pull.alignright {

		margin: 0 0 0 1.625em;

	}

	.singular .entry-meta .edit-link a {

		left: 0;

		position: absolute;

		top: 40px;

	}

	.singular #author-info {

		margin: 2.2em -8.8% 0;

		padding: 20px 8.8%;

	}

	/* Make sure we have room for our comment avatars */

	.commentlist {

		width: 100%;

	}

	.commentlist>li.comment, .commentlist .pingback {

		margin-left: 102px;

		width: auto;

	}

	/* And a full-width comment form */

	#respond {

		width: auto;

	}

	/* No need to float footer widgets at this size */

	#colophon #supplementary .widget-area {

		float: none;

		margin-right: 0;

		width: auto;

	}

	/* No need to float 404 widgets at this size */

	.error404 #main .widget {

		float: none;

		margin-right: 0;

		width: auto;

	}
/*
	.ex {

		display: none;

	}
*/
}

@media screen and (max-width: 981px) {
	.home-logo ul > li {
	    margin: 10px;
	}
}

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

	p:not(.small_p) span.street, p:not(.small_p) span.city, p:not(.small_p) span.state, p:not(.small_p) span.zip, p:not(.small_p) span.address, .nomargin p.small_p {

		width: 49.4%;
		/*
    	margin-right: 2.3px;
		*/
	}

	#secondary1 aside#our_services {

		max-width: 185px

	}

	aside#our_services a img {

		display: none

	}

}



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

	form span::before {

		display: none

	}
	div#slides{
		min-height: 700px;
	}
	.fabs h2 {

		background: #000;

		border-radius: 5px 5px 0 0;

		padding: 1rem 0;

	}

	#primary1 {

		width: 100%;

	}
	/*
	#hotspot {
		display: none;
	}
	*/

	.slide #image img {

		width: 100%;

	}

	#featured .info {
		height: 300px;
		width: 100% !important;
		position: relative;
		background: #fff !important;

	}

	#featured .info p, #featured .info h2 {

		width: 100%;

	}

	#featured .info h2 a {

		font-size: 17px;

	}

	#featured .info p {

		font-size: 13px;

	}
	/*
	.tit1 {

		margin-left: 15px;

    	width: 100% !important;

    	margin-bottom: 60px;

    	padding: 0 15px;

    }
	*/
	.tit1 {
	    /* float: left; */
	    width: 100%;
	    margin: 0 auto;
	    padding: 0 15px;
	    float: none;
	}

    .slid-img {

		margin: auto;

    	float: none !important;

    	max-width: 200px;

    	width: 100% !important;

    	display: block;

	}


	ul.gallery-post li img.wp-post-image {

		margin-bottom: 20px !important

	}
	.home div#main-con {
	    margin-top: 100px;
	}
	.wpcr3_div_2,
	.wpcr3_respond_2 input[type="text"],
	.wpcr3_respond_2 textarea{
		width: 100% !important;
		min-width: 100% !important;
	}
	.entry-content td{
		padding: 5px;
	}
	#featured #image,
	#featured #image img{
		height:450px;
	}

}



@media screen and (max-width: 767px) and (orientation:landscape) {

	#featured {

		height: 530px !important

	}
	#hotspot.in #ht-16 {
	    left;: 5%;
	}


}



@media screen and (max-width: 767px)  and (orientation:portrait) {

	#featured {

		height: auto !important

	}

}
@media screen and (max-width: 767px) and (min-width: 480px) and (orientation:landscape) {
	.home div#main-con{
		margin-top: 20%;
	}

}
@media screen and (max-width: 767px) and (min-width: 480px) {

	p:not(.small_p) span.street, p:not(.small_p) span.city, p:not(.small_p) span.state, p:not(.small_p) span.zip, p:not(.small_p) span.address, .nomargin p.small_p {

		width: 49%;

		display: inline-block;

	}

}

@media (max-width: 700px){
	
	#hotspot {
	    transform: scale(0.8);
	    transform-origin: 0 0;
	}
}

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

	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */

	body, input, textarea {

		font-size: 13px;

	}

	#site-title a {

		font-size: 24px;

	}

	#site-description {

		font-size: 12px;

	}

	#access ul {

		font-size: 12px;

	}

	article.intro .entry-content {

		font-size: 12px;

	}

	.entry-title {

		font-size: 21px;

	}

	.featured-post .entry-title {

		font-size: 14px;

	}

	.singular .entry-title {

		font-size: 28px;

	}

	.entry-meta {

		font-size: 12px;

	}

	blockquote {

		margin: 0;

	}

	blockquote.pull {

		font-size: 17px;

	}

	/* Reposition the site title and description slightly */

	#site-title {

		padding: 5.30625em 0 0;

	}

	#site-title, #site-description {

		margin-right: 0;

	}

	/* Make sure the logo and search form don't collide */

	#branding #searchform {

		top: 1.625em !important;

	}

	/* Floated content doesn't work well at this size */

	.alignleft, .alignright {

		display: block;

		float: none;

		margin-left: 0;

		margin-right: 0;

		width: 100%;

	}

	img.size-full, img.size-large {
		max-width: 100%; 
    	width: 100% ; 
	}
	/* Make sure the post-post navigation doesn't collide with anything */

	#nav-single {

		display: block;

		position: static;

	}

	.singular .hentry {

		padding: 1.625em 0 0;

	}

	.singular.page .hentry {

		padding: 1.625em 0 0;

	}

	/* Talking avatars take up too much room at this size */

	.commentlist>li.comment, .commentlist>li.pingback {

		margin-left: 0 !important;

	}

	.commentlist .avatar {

		background: transparent;

		display: block;

		padding: 0;

		position: static;

	}

	.commentlist .children .avatar {

		background: none;

		left: 2.2em;

		padding: 0;

		position: absolute;

		top: 2.2em;

	}

	/* Use the available space in the smaller comment form */

	#respond input[type="text"] {

		width: 95%;

	}

	#respond .comment-form-author .required, #respond .comment-form-email .required {

		left: 95%;

	}

	#content .gallery-columns-3 .gallery-item {

		width: 31%;

		padding-right: 2%;

	}

	#content .gallery-columns-3 .gallery-item img {

		width: 100%;

		height: auto;

	}
	#hotspot {
	    margin-left: -85px;
	}

}



@media screen and (max-width: 590px) and (orientation:landscape) {

	#featured {

		height: 500px !important

	}

}



@media screen and (max-width: 590px) and (orientation:landscape) {

	#featured {

		height: 450px !important

	}

}

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

}

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

	#content .gallery-columns-2 .gallery-item {

		width: 45%;

		padding-right: 4%;

	}

	#content .gallery-columns-2 .gallery-item img {

		width: 100%;

		height: auto;

	}

	body {

		background: #000 !important;

	}

}



@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

	body {

		padding: 0;

	}

	#page {

		margin-top: 0;

	}

	#branding {

		border-top: none;

	}

}



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

	.fhk {

		margin-top: 0;

	}

}



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

	a.read {

		margin-bottom: 3rem;

	}

	.home-right h2.blog1:nth-child(2), .home-right img.img1 {

		display: none;

	}

	a.tit2, .fhk {

		margin-bottom: 1rem;

	}

	.home-left, .home-right {

		padding: 0;

	}
	.home #primary #content .container{
		padding: 0;
	}
	.inputs input[type=text], .inputs textarea, .inputs input[type=email], .inputs .phone2 input, span.your-message textarea {

		/*width: 100% !important;

		background: linear-gradient(#FFF, #EBEBEB) !important;

		border: 1px solid #999;

		border-radius: 5px;

		padding: 0 2rem;

		margin-bottom: 10px;*/

	}

	.nomargin select[name=cate], .nomargin select[name=source] {

		width: 100%;

	}

	.nomargin p.small_p {

		width: 100%;

		margin: 0;

	}

	h1.blog2 {
		margin-bottom: 0;
	}

	#hcfp{
		padding: 10px;
	}
	.wpcr3_table_2 td {
	    text-align: left;
	    display: block;
	    padding: 0 5px;
	}
	#featured .info .ex a,
	#featured #controllers{
		width: 100%;
	}
	#featured .info{
		height: 350px;
	}
	#featured #image, #featured #image img {
	    height: 300px;
	}	

	#hotspot {
	    transform: scale(0.65);
	    transform-origin: 0 0;
	    margin-left: -70px;
	}
}



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

	#featured .info {

		position: relative;

		bottom: 0

	}


	#featured, #featured #slides, #featured #slides .slide {

		width: 100%;

	}

	#featured .info h2 a {

		color: #FFF;

	}

	#featured .info p {

		text-shadow: none;

	}

	#slides {
	    height: 250px;
	}
	.home div#main-con {
		margin-top: 0;
	}

}

@media screen and (max-width: 375px) { 
	img.phone {
		display: block;
    	margin: auto;
	}
	.g-recaptcha {
	    transform: scale(0.86);
	    transform-origin: 0 0;
	}
}

@media (max-width: 350px){
	input.wpcf7-form-control.wpcf7-submit{
		width: 100%;
	}


}

}