/**
* Media Queries
*
* This is where the Responsive CSS added
* This is Desktop-First responsiveness
* Note: Responsive css starts with class .fbf-responsive
* 
* -----------------------------------------------------------------------------
*/
@media only screen and (max-width: 1220px) {
	.space-between-box .textwidget{
		max-width: 850px;
		margin: auto;
	}
}

@media only screen and (max-width: 1024px) {
	.nav-primary .genesis-nav-menu > li > a,
	.nav-header .genesis-nav-menu > li > a {
		padding: 16px 10px;
        font-size: 12px;
	}
    
    .site-header .title-area {
        float: left;
        margin-bottom: 20px;
        max-width: 270px;
        position: relative;
        bottom: -20px;
    }
	
	.main-banner-slider .ls-l {
		padding: 0 20px!important;
		white-space: normal!important
	}
    
    .main-banner-slider .ls-slide img{	
        margin: auto !important;
    }
	
	.content-sidebar .content-sidebar-wrap {
		padding: 40px 25px;
	}
	
	/* Services */
	.services-overview .item {
		width: 217px;
	}
	
	/* Contact */
	.contact-page .content-sidebar-wrap .right-side {
		width: 405px;
	}

	.navigation-style-2 .slick-prev,
	.navigation-style-2 .slick-next {
		top: inherit;
	}

	.contact-yellow-sec{
		width: 100%;
		max-width: 100%;
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}

}

@media only screen and ( max-width: 1023px ) {
	.wrapper, .wrap, .content-sidebar-wrap,
	.site-header .wrap, .site-header .wrapper,
	.full-width-content .content-sidebar-wrap,
	.content-sidebar .content-sidebar-wrap {
		width: 720px;
	}
	
	.content-sidebar .content {
		margin: auto;
		display: block;
		float: none;
	}
	
	blockquote {
		padding: 10px 10px 10px 30px;
	}

	blockquote:before {
		left: 10px;
	}
	
	/* Header */		
	.header-widget-area {
		float: none;
	}
	
	.widget-top-right {
		text-align: center;
	}
	
	.header-widget-area .nav-header {
		/*right: 0;
		text-align: center;*/
        display: none;
	}
    
    .site-header .title-area {
		float: left;
		margin-bottom: 10px;
		max-width: inherit;
		position: inherit;
		bottom: inherit;
		text-align: left;
	}
    
    
    .header-widget-area .btn {
        margin-left: 0px;
        margin-bottom: 10px;
    }
    
	/* Home */
	.content-area-1 {
		padding-right: 15px;
		margin-bottom: 40px;
	}
	
	.content-area-1 div.nano {
		width: 100%;
	}
	
	.content-area-1 div.nano > .nano-content {
		padding: 0;
	}
	
	.content-area-1 h4 {
		margin-bottom: 25px;
	}
	
	.content-area-1 .scroll-content {
		margin-bottom: 0;
	}
	
	.rapidtune-locations .clearfix {
		display: none;
	}
	
	.home .block-section-4 .wrapper > br {
		display: none;
	}
	
	/* Sidebar */
	.content-sidebar .sidebar {
		float: none;
		width: 645px;
		margin: 40px auto 0;
		display: block;
		clear: both;
	}
	
	.sidebar .search-form {
		position: relative;
	}
	
	.search-form input[type="text"],
	.search-form input[type="search"] {
		width: 100%;
		padding-right: 44px;
	}
	
	.search-form input[type="submit"] {
		position: absolute;
		right: 0;
	}
	
	.sidebar-posts {
		text-align: center;
	}
	
	.sidebar-posts .post-item .overlay {
		text-align: left;
	}
	
	.sidebar-posts .post-item {
		display: inline-block;
		margin-right: 20px;
	}

	/* Contact Us Form */
	/* #field_2_5 .g-recaptcha iframe {
		width: 230px;
		border-radius: 5px;
		border-right: 1px solid rgb(211, 211, 211);
		height: 77px;
		box-shadow: 0px 2px 5px -6px #333;
		overflow: hidden;
	} */
	
	.contact-page .contact-form .captcha-container input {
		width: 175px;
	}
	
	.contact-page .content-sidebar-wrap .left-side {
		width: 350px;
		max-width: 100%;
	}

	.contact-page .content-sidebar-wrap .right-side {
	    width: 400px;
		max-width: 100%;
	}
	
	.page-bottom-bg {
		height: 200px;
	}
	
	.contact-page .content-sidebar-wrap .right-side {
		width: 350px;
		float: right;
	}
	
	.rapidtune-locations .location .email {
		word-wrap: break-word;
	}
	
	div.gform_wrapper .gfield_captcha_container img.gfield_captcha {
		width: 135px;
	}
	
	/* Team */
	.team-member .left-side {
		width: 200px;
	}
	
	.team-member .right-side {
		width: 470px;
	}

	/* Landing Page */
	.landing-page .service {
	    margin-left: 133px;
	}
	
	/* Location Internal */
	.post-header .left-side {
		width: 250px;
	}
	
	.post-header .right-side {
		width: 410px;
	}
	
	.post-header .sub-left {
		width: 200px;
	}
	
	.post-header .sub-right {
		width: 170px;
	}
	
	/* Services */
	.services-overview {
		text-align: center;
	}
	
	.services-overview .item {
		width: 210px;
		margin: 0 10px 30px;
		float: none;
		display: inline-block;
	}
	
	.services-overview .item.last {
		margin: 0 10px 30px;
	}
	
	.services-overview .text-overlay {
		margin-top: 10px;
	}
    
    .services-list-box .services-link{
        width: 100%;
        margin: 5px 0px;
	}
	
	.steps-box .tabs{
		padding-top: 10px;
	}
	.steps-box .left{
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.wrapper, .wrap, .content-sidebar-wrap,
	.site-header .wrap, .site-header .wrapper,
	.full-width-content .content-sidebar-wrap,
	.content-sidebar .content-sidebar-wrap {
		width: 503px;
	}
	
	.content-sidebar .sidebar {
		width: 100%;
	}
	
	/* Header */
	.site-header {
		padding-bottom: 10px;
	}
    
    .site-header .title-area {
        float: none;
        margin-bottom: 10px;
        max-width: inherit;
        position: inherit;
        bottom: inherit;
        text-align: center;
    }
	
	/* Home */
	.main-banner-slider .ls-l {
		top: 70px!important;
	}
	
	.fullwidth-cta-1 .left-side,
	.fullwidth-cta-1 .right-side {
		width: 100%;
		padding: 25px 0;
	}
	
	.fullwidth-cta-1 .left-side span,
	.fullwidth-cta-1 .right-side span {
		float: none;
		display: block;
		margin: auto;
		line-height: 1.6;
		padding: 0 20px 0 50px;
	}
	
	.fullwidth-cta-1 .btn-icon-1:before,
	.fullwidth-cta-1 .btn-icon-2:before {
		margin-left: 0;
		left: 15px;
	}
	
	.main-banner-slider .ls-l h2 {
		font-size: 36px;
		line-height: 1.2;
	}
	
	.scroll-content.nano {
		height: initial;
	}
	
	.scroll-content.nano > .nano-content {
		position: relative;
		
	}
	
	/* Footer */
	.footer-top .widget-col-1,
	.footer-top .widget-col-2,
	.footer-top .widget-col-3 {
		max-width: 100%;
		width: 300px;
		margin: 0 auto 50px;
		float: none;
	}
	
	.site-footer .widget.last {
		margin-right: auto;
		margin-bottom: 20px;
	}
	
	.footer-bottom {
		padding: 20px 0;
	}
	
	.footer-bottom-left {
		margin-bottom: 10px;
	}
	
	.footer-bottom-left,
	.footer-bottom-right {
		text-align: center;
	}
	
	/* Contact Us Form */
	.contact-page .content-sidebar-wrap .left-side,
	.contact-page .content-sidebar-wrap .right-side {
	    display: block;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	
	.testimonial-content-page {
		padding-left: 80px;
	}
	
	.testimonial-content-page:before {
		left: 20px;
		top: 10px;
	}
	
	/* Team */
	.team-member .left-side {
		width: auto;
		float: none;
		margin: 0 auto 30px;
		text-align: center;
	}
	
	.team-member .title-container {
		text-align: center;
	}

	/* Landing Page */
	.landing-page .service {
		margin-left: 24px;
	}

	.landing-page .principals .left-side:before {
		right: 0;
	}

	.landing-page .principals .right-side:before {
		left: 0;
	}

	.landing-page .principals .left-side,
	.landing-page .principals .right-side {
		display: block;
		width: 100%;
		text-align: center;
	}

	.landing-page div.block-section div.wrapper .section-header {
		text-align: center;
	}

	.testimonial-section .right-side {
		margin-top: 30px;
	}
	
	/* Location - Internal */
	.post-header .left-side {
		width: 100%;
		text-align: center;
		float: none;
	}
	
	.post-header .right-side {
		float: none;
		width: 100%;
	}
	
	/* Services */
	.cta-box .btn {
		padding: 15px 20px;
	}
	
	.bottom-links .btn {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.fb-widget-container .fb_iframe_widget {
		width: 100%;
	}
    
     /* home banner */
    .banner-blue-element{
        width: 100%;
        max-width: 200px;
        position: relative;
        left: -50px;
	}

	/* CTA 2 */
	.cta-box2{
		border-radius: 4px;
		margin: 15px;
	}
	
	.cta-box2 .box-flex,
	.cta-box2 .row{
		border-radius: 4px;
		display: block;
		text-align: center;
		padding: 20px 15px;
	}

	.cta-box2 .link-overlay {
		border-radius: 2px;
	}
	
	.cta-box2 .box-flex .right,
	.cta-box2 .row .right{
		text-align: center;
		padding-top: 20px;
	}

	.navigation-style-2 .slick-prev,
	.navigation-style-2 .slick-next {
		display: none !important;
	}

	.testimonials-slideshow .testimonial-item .row{
		margin-top: 40px;
		display: block;
	}

	.testimonials-slideshow .testimonial-item .row .left {
		margin-bottom: 20px;
	}

	.space-between-box .textwidget{
		max-width: 395px;
		margin: auto;
	}

	/*  Contact Page CTA  */
	.contact-cta .col-md-8, 
	.contact-cta .col-md-4 {
		width: 100%;
		text-align:center
	}
	.contact-cta .cta-box2 .btn{
		width:100%;
	}
}

@media only screen and (max-width: 539px) {
	/* General */
	h1, .h1 {
		font-size: 50px;
	}

	h2, .h2 {
		font-size: 34px;
	}

	h3, .h3 {
		font-size: 29px ;
	}

	h4, .h4 {
		font-size: 23px;
	}

	h5, .h5 {
		font-size: 15px;
	}

	h6, .h6 {
		font-size: 12px;
	}

	.wrapper, .wrap, .content-sidebar-wrap,
	.site-header .wrap, .site-header .wrapper,
	.full-width-content .content-sidebar-wrap,
	.content-sidebar .content-sidebar-wrap {
		width: 291px;
	}
	
	blockquote {
		padding: 10px 25px 10px 30px;
		font-size: 16px;
	}
	
	/* Header */
	.header-widget-area .btn {
		margin: 0 0 10px;
	}
	
	.header-widget-area {
		/*margin-right: 60px;*/
	}
	
	div#click-menu {
		top: 120px;
	}
	
	/* Homepage */
	.main-banner-slider .ls-v5 .ls-bottom-slidebuttons {
		display: none;
	}
	
	.rapidtune-locations .location-container {
		width: 250px;
		max-width: 100%;
		float: none;
		margin: 0 auto;
	}
	
	.block-section-4 .wrapper > h4 {
		text-align: center;
	}
	
	.blue-box .heading {
		font-size: 30px;
	}
	
	/* Contact Page */
	.contact-page .contact-form .gform_footer .gform_button.button {
		width: 100%;
		margin-top: 0;
	}
	
	.contact-form #field_2_5 .gfield_description.validation_message {
		position: relative;
		float: none;
		margin-top: 0!important;
	}
	
	.contact-page .gform_footer {
		text-align: left;
	}
	
	.contact-page .contact-form .captcha-container input {
		width: 120px;
	}
	
	.contact-page .content-sidebar-wrap .right-side {
	    width: 100%;
	}
	
	.testimonial-content-page:before {
		display: none;
	}
	
	.testimonial-content-page {
		padding: 25px;
	}
	
	body div.gform_wrapper .ginput_container input.small,
	body div.gform_wrapper .ginput_container input.medium,
	body div.gform_wrapper .ginput_container input.large,
	body div.gform_wrapper .ginput_container select.small,
	body div.gform_wrapper .ginput_container select.medium,
	body div.gform_wrapper .ginput_container select.large,
	body div.gform_wrapper .ginput_container textarea.small,
	body div.gform_wrapper .ginput_container textarea.medium,
	body div.gform_wrapper .ginput_container textarea.large,
	body div.gform_wrapper input.gform_button.button,
	body div.gform_wrapper input[type=submit],
	body div.gform_wrapper .top_label .gfield_error,
	body div.gform_wrapper .ginput_container,
	body div.gform_wrapper div.ginput_complex,
	body div.gform_wrapper div.gf_page_steps,
	body div.gform_wrapper div.gf_page_steps div {
		width: 100% !important;
	}
	
	.rapidtune-locations.alt-1 .col-md-3 {
		width: 100%;
	}
	
	/* Landing Page */
	.landing-page .service-listing {
		text-align: center;
	}

	.landing-page .service {
		margin: 0 auto 30px;
	}

	.section-builder .block-section {
		padding: 70px 0px;
	}

	.landing-page .block-section.contact-num-bar {
		padding: 15px 0px;
	}

	.landing-page div.gform_wrapper .top_label li.gfield.gf_left_half,
	.landing-page div.gform_wrapper .top_label li.gfield.gf_right_half,
	.landing-page div.gform_wrapper ul li.gfield {
		width: 100%;
		display: block;
		float: none;
	}
	
	/* Location - Internal */
	.post-header .sub-left,
	.post-header .sub-right {
		width: 100%;
		float: none;
	}
	
	.post-header .phone-num,
	.post-header .fax {
		text-align: left;
	}
	
	.table.style-2>thead>tr>th,
	.table.style-2>tbody>tr>th,
	.table.style-2>tfoot>tr>th,
	.table.style-2>thead>tr>td,
	.table.style-2>tbody>tr>td,
	.table.style-2>tfoot>tr>td {
		padding: 10px 20px;
	}
    
    /* Services */
    .services-list-box .services-link{
        font-size:12px;
        padding: 16px 16px;
    }

    .services-list-box .services-link:after{
        right: 16px;
	}
	
	.contact-cta .cta-box2 h3 {
		font-size: 30px;
	}
	.contact-loc .btn{
		padding:20px;
	}

	.contact-loc .with-icon-1:after{
		display:none;
	}
	

}


@media only screen and (max-width: 480px) {
    /* home banner */
    .banner-blue-element{
        top: 60px;
    }
}


/*
*	Retina
*/
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
    /* sprites-contact@2x.png */
    .contact-page .small-icon:before {
    	background-image: url("../images/sprites-contact@2x.png");
    	background-size: 34px 156px;
    }

    /* contact-mail@2x.png */
    .contact-page .contact-form .gform_footer .gform_button.button {
    	background-image: url("../images/contact-mail@2x.png");
    	background-size: 35px 19px;
    }

    /* search-btn@2x.png */
    .search-form input[type="submit"] {
    	background-image: url("../images/search-btn@2x.png");
    	background-size: 16px 16px;
    }


    /* landing-page-sprite@2x.png */
    .landing-page .arrow-down{
    	background: url('../images/landing-page-sprite@2x.png');
    }
}