/**
* Five by Five Responsive Style Template
*
* This is where the Responsive CSS added
* This is Desktop-First responsiveness
* 
* -----------------------------------------------------------------------------
*/

/*****************************************
*	FIVE BY FIVE STANDARD BREAK POINTS
*
*****************************************/

@media only screen and (max-width: 1199px) {
	.wrapper, .wrap, .content-sidebar-wrap {
		width: 1024px;
	}
	/*
	.wrapper, .wrap {
	    padding-left: 20px!important;
		padding-right: 20px!important
	}
	*/
	
	.content-sidebar .content {
		display: block;
		float: none;
		margin: 0px auto 50px;
	}
	
	.content-sidebar .sidebar {
		float: none;
		margin: 30px auto!important;
		display: block;
	}
	
	.panel-grid {
		margin-left: 0!important;
		margin-right: 0!important;
	}
	
	/* Sticky Sidebar Fix */
	.content-sidebar .content,
	.content-sidebar .sidebar {
		position: relative!important;
		top: auto!important;
		bottom: auto!important;
	}
	
	.is_stuck {
		position: relative!important;
		top: auto!important;
		bottom: auto!important;
	}
}

@media only screen and ( max-width: 1023px ) {
	/*
	*	768 to 1023
	*/
	
	.internal-header #video-bg {
		display: none;
	}
	
	.wrapper, .wrap, .content-sidebar-wrap {
		width: 721px;
	}
	
	.content-sidebar .content {
		margin: auto;
		display: block;
		float: none;
	}
	
	blockquote {
		padding: 10px 40px 10px 40px;
	}
	
	.header-widget-area {
		float: none;
		width: 100%;
	}
	.header-widget-area section {
	    display: block;
		width: 100%;
		text-align: center;
	}
	.header-right-options {
		margin-left: 0;
		text-align: center;
		margin-top: 10px;
	}
	
	.internal-header {
		min-height: 333px;
	}
	
	/* 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;
	}

	.custom-form .captcha-container input {
		width: 170px !important;
	}
	
	.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;
	}
	
	/* Team */
	.team-member .left-side {
		width: 200px;
	}
	
	.team-member .right-side {
		width: 470px;
	}
	
	/*Sidebar Post Text*/
	.sidebar-post-text {
		width: 300px;
		display: block;
		clear: both;
		margin: 30px auto;
	}

	.sidebar-post-text .sidebar-posts .post-item {
		text-align: left;
		clear: both;
		margin: 0px auto;
	}
	
	/* Fullwidth CTA */
	.fullwidth-cta {
		padding: 75px 0;
	}
	.fullwidth-cta .heading {
		text-align: center;
		font-size: 24px;
	}
	.fullwidth-cta .right-side {
		text-align: center;
	}
	
	/* Our Values */
	.our-values-section {
		padding: 75px 0;
	}
	.our-values-section .the-value-left {
		width: 100%;
		position: relative;
		display: block;
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #fff;
		border-right: none;
	}
	.our-values-section .the-value-left .fa {
		position: relative;
	}
	.our-values-section .the-value-content {
		padding: 16px;
		text-align: center;
	}
	
	/* Featured Book */
	.featured-book {
		line-height: 1;
	}
	.featured-book .wrap {
		padding: 75px 0;
	}
	.featured-book .featured-book-left {
		float: none;
		width: 100%;
		text-align: center;
	}
	.featured-book .featured-book-right {
		width: 100%;
		text-align: center;
	}
	.featured-product-section h6, .featured-book-right h6,
	.featured-product-section h4, .featured-book-right h4,
	.featured-product-section h5, .featured-book-right h5 {
		text-align: center;
	}
	
	ul#linkedin-con.linkedin-live-feed #linkedin-item {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	/*
	* 540 to 767
	*/

	.wrapper, .wrap, .content-sidebar-wrap {
		width: 503px;
	}
    
	.content-sidebar .sidebar {
		width: 100%;
	}

	/* 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 */
	.cta-bar .cta-bar-left, .cta-bar .cta-bar-right {
		width: 100%;
		float: none;
		height: 75px;
		line-height: 75px;
	}
	.cta-bar-wrap .cta-bar-left-wrap:before {
		line-height: 1;
	}
	.cta-bar-wrap .cta-bar-right-wrap:before {
		line-height: 1.6;
	}
	.cta-bar-left .cta-bar-call-text, .cta-bar-right .cta-bar-email-text,
	.cta-bar-left .cta-bar-call-number, .cta-bar-right .cta-bar-email-address {
		line-height: 1.5;
	}
	
	section.take-the-quiz.site-header--stick {
		display: none;
	}

	/* Team */
	.team-member .left-side {
		width: auto;
		float: none;
		margin: 0 auto 30px;
		text-align: center;
	}
	
	.team-member .title-container {
		text-align: center;
	}

	/*Internal Testimonial slider*/
	.internal-testimonials .testimonial-item {
		padding: 0px 10px 0px 10px;
	}
    
    .testimonial-section .right-side {
		margin-top: 30px;
	}
	
	/*Footer Bottom*/
	.footer-bottom-left,
	.footer-bottom-center,
	.footer-bottom-right {
		text-align: center;
		margin-bottom: 5px;
	}
	
	/*404 Page*/
	.error404 .content-404 h2 {
		font-size: 200px;
		line-height: 200px;
	}
    
    /*PopUp Form*/
    .popup-form-wrap .left-box{
        min-height: inherit;
        margin: 30px 0px;
    }
	
	.sidebar-post-text {
		width: 100%;
	}
	
	.display-case-study .case-content-left {
			float: none;
			text-align: center;
			margin-right: 0;
			margin-bottom: 20px;
	}
	
	.internal-header h1 {
		font-size: 25px;
		letter-spacing: 4px;
	}
	
	.blog-container .title-container .post-title {
		padding-right: 0;
	}
	.post-date {
		position: relative;
		display: inline-block;
	}
	.single-post .post-date {
		position: relative;
		float: none;
		margin-bottom: 10px;
	}
	
	div.gform_wrapper .gfield_captcha_container img.gfield_captcha {
		margin-bottom: 5px!important;
	}
	.gform_wrapper .gfield_captcha_input_container {
		width: 100%;
	}

	.business-growth-steps {
		width: 100%;
	}
	.business-growth-wrapper div.business-growth-steps {
		margin-left: auto!important;
		margin-right: auto!important;
		width: 100%;
	}
	.business-growth-section.book-steps h4:after {
		margin-bottom: 25px;
	}
	.business-growth-steps .business-growth-steps-content .description {
		min-height: 0;
	}

	.centered-section {
    	text-align: left;
    }
    .centered-section ul li {
	    display: block;
	    padding-left: 30px;
		text-align: left;
	}
	.centered-section ul li:before {
		left: 0;
	}

	#brochure-form-container {
		padding: 0;
	}
	#brochure-form-container img#brochure-image {
		display: none;
	}
	#brochure-form-container .brochure-form-container-right {
	    width: 100%;
	    float: none;
	}
	#brochure-form-container h2, #brochure-form-container h6 {
	    text-align: center;
	}
    
    /* Home About */
    .about-her-right-box {
        position: relative;
        margin-bottom: -50px;
    }
}

@media only screen and (max-width: 539px) {
	/*
	* 320 to 539
	*/
	
	/* 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 {
		width: 291px;
	}
	
	blockquote {
		padding: 10px 25px 10px 25px;
		font-size: 16px;
	}
    
    /*Custom Form*/
    .custom-form .gform_footer .gform_button.button {
		width: 100%;
		margin-top: 0;
	}
	
	.custom-form .gform_footer {
		text-align: left;
	}
	
	.custom-form .captcha-container input {
		width: 250px !important;
	}

	/* Contact Page */
	.contact-page .content-sidebar-wrap .right-side {
		width: 100%;
	}
	
	.testimonial-content-page,
	.testimonial-name-bottom {
		padding: 10px;
		text-align: center;
	}

	.testimonial-quote .fa-quote-left{
		display: none !important;
	}
	
	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;
	}
	
	/*404 Page*/
	.error404 .content-404 h2 {
		font-size: 85px;
		line-height: 85px;
	}
	
	.error404 .content-404 {
		padding: 30px 0px 20px 0px;
	}
    
    /*Footer Bottom*/
	.footer-bottom .bar{
		display: none;
	}
}

@media only screen and (max-width: 320px) {
	.column-post-carousel .post-item {
	    width: 300px!important;
	}
}

/*****************************************
*           CUSTOM BREAK POINTS          *
*                                        *
*****************************************/







/*****************************************
*                 RETINA                 *
*                                        *
*****************************************/
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	/* Retina-specific stuff here */

	/* search-btn@2x.png */
	.search-form input[type="submit"] {
		background-image: url("../images/search-btn@2x.png");
		background-size: 16px 16px;
	}
	
	/*Select Override*/
	select{
		background: url(../images/dropdown-arrow.png) no-repeat;
		background-position: 99.9% 50%;
		background-size: 8px;
	}
}