/* Media queries
------------------------------------------------------------ */
/* MEDIUM-DOWN max-width 1024px */
@media only screen and (max-width: 1024px) {
	.form-grid13, .hero .form-grid13 { margin: 0; margin-bottom: 16px; padding: 0; width: 100%; }
	.form-grid13:last-child, .hero .form-grid13:last-child { margin-bottom: 0; width: 100%; }
	.blog-single-page .form-grid13:last-child { margin-bottom: 16px; }
	.header .tagline { font-size: 32px; }
	.tagline-desc { font-size: 22px; }
	ul.hero-list li { font-size: 16px; }
	.header .wrapper:after { padding-top: 0; }
	.about .left-bg { background-position: left top; }
	.about .text { padding: 40px 0; }
	.about .title { margin-bottom: 32px; font-size: 32px; }
	.about .wrapper .logo-after:after { bottom: 40px; }
	.expertise span, .expertise .title { font-size: 18px; }
} /* MEDIUM-DOWN */

/* Container break*/
@media only screen and (max-width: 1428px) { /* container max-width 1412px */
	.container { width: 97.1671388102%;	padding: 0px 1.416%; }
}

/* CONTAINER-MAX-WIDTH-DOWN max-width 1412px */
@media only screen and (max-width: 1412px) { /* container max-width 1412px */
	.blog-single-page {	width: 68%; }
	.sidebar { width: 32%; }
	.sidebar .contact .title { font-size: 28px; }
} /* CONTAINER-MAX-WIDTH-DOWN */


/* MEDIUM-UP */
@media only screen and (min-width: 721px) {
	.sidebar .opt-in-small, .sidebar .contact, .sidebar .about  { margin-bottom: 30px; }
	.blog-page .post:nth-child(1),
	.blog-page .post:nth-child(2) { padding-top: 0;	}
} /* MEDIUM-UP */

/* MEDIUM ONLY min-width 641px and max-width 1024px */
@media only screen and (min-width: 721px) and (max-width: 1024px) {
	.blog-single-page {	width: 62%; }
	.sidebar { width: 38%; }
	.social-top { display: none; }
	.contain-footer-nav { padding: 0 3px; }
}

/* NAV LARGE-DOWN max-width 1100px */
@media only screen and (max-width: 1100px) {
	#top-nav li a {
  		padding: 30px 12px;
  	}
  	#top-nav li.current-menu-item a, #top-nav li a:hover, #mobile-menu ul li.current-menu-item a {
  		background: none;
  		color: #de1817;
  	}
  	.site-title {
  		width: 220px;
		padding: 16px 15px 12px 0;
  	}
  	.site-title img {
  		height: 43px;
  		width: 189px;
  	}
  	.social-icons {
		padding: 18px 0;
		margin-left: 20px
	}
	.top {
		height: initial;
	}
	.top-space {
		padding-top: 78px;
	}
}

/* LARGE-DOWN max-width 1024px */
@media only screen and (max-width: 1024px) {
	.blog-page .post .entry-footer {
		position: initial;
		padding-left: 0;
		padding-top: 14px;
	}
	.blog-page .post:nth-child(even) .entry-footer {
		margin-top: 0;
		float: right;
		width: 75%;
	}
	.blog-page .post .position-helper {
	width: 75%;
	}
	.blog-page .post .title-helper {
		width: 75%;
	}
}

/* LARGE-UP min-width 1025px */
@media only screen and (min-width: 1025px) {
}

/* NAV SMALL-UP */
@media only screen and (min-width: 781px) {
	#mobile-menu-button { display: none; }
}

/* OPT-IN SMALL */
@media only screen and (max-width: 900px) {
	.opt-in-helper {
		width: 100% !important;
		margin: 0 !important;
	}
}

/* NAV SMALL-DOWN */
@media only screen and (max-width: 780px) {
	#top-nav {
		display: none;
	}
	#mobile-menu-button {
		display: block;
	}
	.social-icons {
		display: none;
	}
	.copyright {
		padding: 26px 0;
	}
	.copyright .notice {
		display: block;
		margin-top: 24px;
	}
	.copyright .notice a {
		padding: 8px;
		border-left: none;
	}
	.footer {
		padding: 0;
	}
	#top-nav li a {
  		padding: 30px 12px;
  	}
  	#top-nav li.current-menu-item a, #top-nav li a:hover, #mobile-menu ul li.current-menu-item a {
  		background: none;
  		color: #de1817;
  	}
  	.site-title {
  		width: 220px;
		padding: 16px 15px 12px 0;
  	}
  	.social-icons {
		padding: 18px 0;
		margin-left: 20px
	}
	.top {
		height: initial;
	}
	.small-hide { display: none !important; }
 }

/* SMALL ONLY */
@media only screen and (max-width: 720px) {
	div[class^="kolona"], .blog-single-page, .sidebar { max-width: 100%; width: 100% !important; }
	.sidebar { padding: 0; }
	.small-only { display: inline-block !important; }
	.small-hide { display: none !important; }
	.spacer { display: none; height: 100px !important; }
	
	.blog-list .kolona13:after, .sidebar .blog-list .kolona13:after { display: none !important; }

	.top-space { padding-top: 92px;	}

	.top { }
	.site-title { padding: 20px 0 !important; }
	.signature:after { display: none; } /* signature */
	.hero { margin: 32px 0; }
	.wrap-helper {
		padding: 1.416%;
		margin: -1.416%;
		display: inline-block; zoom:1; *display:inline;
	}
	.header .tagline { font-size: 26px; padding-left: 6px; }
	.tagline-desc { font-size: 20px; margin-bottom: 16px; padding-left: 6px; }
	
	.page-id-39 .lead-title { margin: 40px 0 0; } /* blog lead title */

	ul.hero-list { /* display: none; */ }
	ul.hero-list li { width: 100%; transition: none; }
	ul.hero-list li:nth-child(even) { float: left; }
	.hero .form-style { padding: 16px 6px; margin: 0; background: none; display: inline-block; zoom:1; *display:inline; }
	.hero .form-style { margin-top: 4px; }
	.opt-in-small .form-style { padding: 0; }
	.form-style:hover { background: none; }
	.opt-in .borderize { border: none; }

	.todd-round { float: none; text-align: center; padding-left: 0; }
	.box { margin: 20px 0; }

	.about .text { padding: 10px 0; }
	.expertise .title { color: #fbfbfb !important; }
	.expertise span { font-family: 'ProximaNova-Regular'; text-transform: lowercase; display: inline-block; zoom:1; *display:inline; line-height: 1.3; }
	.about-image { margin-top: 0; }

	.expertise-about { padding-bottom: 50px; }

	/* TABLE */
	.table-fluid.small-style, .table-fix.small-style { display: inline-block; zoom:1; *display:inline; width: 100%; }


	/* CONTACT */
	.contact { padding: 20px 0; border-bottom: none; }
	.contact .title { margin-bottom: 20px; }
	.contact p { margin-bottom: 20px; }
	.contact .button { float: left; padding: 16px; box-sizing: border-box; }

	/* POSTS */
	.first { float: left; width: 37%; }
	.second, .third { width: 63%; float: right; display: inline-block; zoom:1; *display:inline; box-sizing: border-box; padding-left: 10px; }
	.blog-list .post { padding-bottom: 10px; }
	.blog-list .entry-footer { padding-top: 5px; font-size: 12px; }
	.shares .us_wrapper .us_total .us_share, .shares .us_wrapper .us_button .us_box { font-size: 12px; }
	.blog-list .entry-title { margin: 0; /*font-size: 15px;*/ }
	.blog-main.blog-list .entry-title a { color: #030303; }

	.read-title, .blog-list .content-area { padding: 30px 0; }
	.read-title .title { font-size: 32px; }
	.read-title .read-desc { font-size: 18px; margin: 4px 0 0; }
	.read-title a.button { float: left; box-sizing: border-box; margin-top: 16px; }
	.content-area a.button { width: 100%; box-sizing: border-box; text-align: center; }


	/* BLOG-SINGLE PAGE */
	.sidebar .blog-list .entry-title { margin: 0; }
	.blog-list .kolona13 { margin-right: 0 !important; }
	blockquote { margin: 35px 40px; }


	/* FOOTER */
	.footer { padding-bottom: 60px; }
	.footer, .footer p, .footer a, .footer span { text-align: center; }
	.social-footer p { display: none; }
	.social-footer { float: none; text-align: center; display: inline-block; zoom:1; *display:inline; padding-top: 20px; }
	.social-footer a:nth-of-type(1) span.sprite { margin-left: 0; }


	/* BLOG POSTS */
	.blog-page .post:nth-child(odd) .position-helper:after, .blog-page .post:nth-child(odd) .position-helper:before, .blog-page .post:nth-child(odd):after {
		display: none;
	}
	.blog-page .post .entry-content {
		background-image: none;
		display: inline-block; zoom:1; *display:inline;
		width: 37%;
	}
	.blog-page .post, .blog-page .post:nth-child(even) {
		width: 100%;
		float: left;
		padding: 0 0 10px;
	}
	.blog-page .post:nth-child(1) {
		padding-top: 30px;
	}
	.blog-page .post .position-helper, .blog-page .post:nth-child(even) .position-helper {
		float: left;
		width: 100%;
	}
	.blog-page .post .title-helper, .blog-page .post:nth-child(even) .title-helper {
		display: inline-block; zoom:1; *display:inline;
		width: 100%;
	}
	.blog-page .post .entry-header, .blog-page .post:nth-child(even) .entry-header {
		width: 63%;
		float: right;
		display: inline-block; zoom:1; *display:inline;
		box-sizing: border-box;
		padding-left: 10px;
	}
	.blog-page .post .entry-footer, .blog-page .post:nth-child(even) .entry-footer {
		display: none ;
	}
	.entry-footer-small {
		display: inline-block; zoom:1; *display:inline;
		width: 100%;
		padding-top: 5px;
		font-size: 12px;
	}
	.about .right-bg, .about .wrapper .logo-after:after { display: none; }
} /* MOBILE ONLY */