/*
##################################################
##################################################
#												#
#				W A R N I N G					#
#												#
#		DO NOT DIRECTLY EDIT THIS FILE			#
#												#
#												#
#				W A R N I N G					#
#												#
#		DO NOT DIRECTLY EDIT THIS FILE			#
#												#
#												#
#				W A R N I N G					#
#												#
#		DO NOT DIRECTLY EDIT THIS FILE			#
#												#
#												#
#				W A R N I N G					#
#												#
#		DO NOT DIRECTLY EDIT THIS FILE			#
#												#
#												#
#				W A R N I N G					#
#												#
#		DO NOT DIRECTLY EDIT THIS FILE			#
#												#
#												#
#				W A R N I N G					#
#												#
#		DO NOT DIRECTLY EDIT THIS FILE			#
#												#
##################################################
##################################################




*/

@media all and (max-width:1225px) {
	.double_col p {
		font-size:1.25em;
	}

	.double_col h3 {
		font-size:2em;
	}

	.inner_double_column {
		padding:40px;
	}

	.double_col a {
		margin-top:.75em;
	}
}

@media all and (max-width:1100px) {
	.three_col>div p {
		font-size:1.5em;
	}
}

@media all and (max-width:1050px) {
	.tradebuddy_phone {
		bottom:0;
		right:10px;
		max-width:400px;

	}

	.tradebuddy_wrap {
	padding:80px 20px 0 20px;
}
}	



@media all and (max-width:1010px) {
	.double_col p {
		font-size:1em;
	}
	.double_col h3 {
		font-size:1.5em;
	}
	.vid_thumbs_row>a {
		flex:0 0 75px;
		height:75px;
	}

	.inner_double_column {
		padding:20px;
	}

	.single_bar_split_inner_left {
		padding:20px 20px;
	}
}




@media all and (max-width:950px) {
	.single_bar_single_inner p {
		font-size:2em;
	}


.tradebuddy_block p {
	font-size:1.75em;
}
}

@media all and (max-width:900px) {
	ul.top_nav li:last-child a{
		/* login button */
		padding:6px 20px;
	}
	.single_bar_split_inner_left {
		width:100%;
	}
}



@media all and (max-width:825px) {
	.gen_content h2 {
		font-size:2.125em;
	}
}


@media all and (max-width:800px) {
	/* mobile snap */

	.sub_hero_bar {
		display:none;
	}

	.burger_set {
		display:flex;
	}

	.top_nav_wrap {
		display:none;
	}

	body {
			margin-top:54px;
	}

	.top_nav_wrap,
	.top_nav_wrap.compressed  {
		background-color:#0e92cf;
		-webkit-box-shadow: 0px -2px 6px 5px rgba(0,0,0,0.65); 
		box-shadow: 0px -2px 6px 5px rgba(0,0,0,0.65);
		padding-top:0;
		padding-bottom:0;
	}

	.top_nav_wrap {
		top:40px;
	}

	ul.top_nav li:not(:first-child) {
		flex:0 0 auto;
		margin-left:0;
	}

	ul.top_nav {
		flex-direction: column;
	}

	ul.top_nav li:first-child{
		/* header logo in the li nav */
		display:none;
	}

	.top_nav_wrap.compressed .header_logo{
		display:none;
	}

	ul.top_nav li {
		text-align:center;
		width:100%;
		padding:20px 20px;
		font-size:1.52em;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	ul.top_nav li:last-child {
		border-bottom:none;
	}

	/* END MOBILE SNAP */
	.single_bar_split_inner,
	.single_bar_split_inner_left {
		font-size:2em;
	}

	.three_col>div p {
		font-size:1.25em;
	}
}

@media all and (max-width:970px) {
	.footer_awards img {
		max-width:100px;
		margin:15px 10px 0 10px;
	}
}

@media all and (max-width:775px) {

	.double_col {
		padding-bottom:70%;
	}

	.left_inner_double_column_container {
		background-position:50%;
	}

	.left_inner_double_column_container:hover {
		/* comment to use the js method */
		width:62%;
		background-position: 50% center;
	}

	.right_inner_double_column_container {
		background-position: right 50% center;
	}

	.right_inner_double_column_container:hover {
		/* comment to use the js method */
		width:62%;
		background-position: right 50% center;
	}

	.foot_nav li {
	display:block;
}
}


@media all and (max-width:700px) {
	footer>div {
		flex-direction: column;
	}

	footer>div>div:first-child {
		flex:1 1 100%;
		width:100%;
	}
	footer>div>div:nth-child(2) {
		flex:1 1 100%;
		width:100%;
		padding-top:30px;
	}
	footer>div>div:last-child {
		flex:1 1 100%;
		width:100%;
		text-align:center;
		padding-top:30px;
	}
}

@media all and (max-width:660px) {
	.three_col {
		flex-direction:column;
		justify-content:stretch;
		align-items:stretch;
		align-content:stretch;
	}

	.three_col>div {
		flex:0 0 100%;
		margin:0 auto;
		margin-top:20px;
	}


	.single_bar_single_inner p {
		font-size:1.5em;
	}

	.big_top_marge {
		margin-top:80px;
	}
	.small_top_marge {
		margin-top:25px;
	}
}

@media all and (max-width:650px) {
	.double_col {
		padding-bottom:85%;
	}

	.left_inner_double_column_container {
		background-position:-260px;
	}

	.right_inner_double_column_container {
		background-position: right 58% center;
	}


	.tradebuddy_block {
		padding:50px 50px;
	}


	.tradebuddy_phone {
		position:relative;
		bottom:-100px;
	}

	.tradebuddy_content {
		padding-bottom:0;
	}

}

@media all and (max-width:600px) {

	.double_col_semaphore {
		display:block;
	}

	.double_col {
		padding-bottom:0;
	}

	.double_col>div {
		width:100%;
		height:auto;
	}

	.left_inner_double_column_container {
		position:relative !important;
		top:auto;
		left:auto;
		background-position: right center;
		background-repeat:no-repeat;
		background-size:cover;

		background-position: right center;
	}

	.right_inner_double_column_container {
		position:relative !important;
		top:auto;
		right:auto;
		margin-top:30px;
	}

	.inner_double_column {
		position:relative;
		max-width:60%;
	}

	.right_inner_double_column_container .inner_double_column {
		max-width:100%;
	}

	/* disable the double col animations */

	.left_inner_double_column_container:hover {
		width:inherit;
		background-position:inherit;
	}

	.right_inner_double_column_container:hover {
		width:inherit;
		background-position:inherit;
	}

}

@media all and (max-width:500px) {
	.left_inner_double_column_container {
		xbackground-size:cover;
		background-position: right -100px center;
	}

	.tb_logo {
		width:100%;
		height:auto;
		max-width:130px;
	}

	.tb_vidlinks {
		flex-flow:row wrap;
	}

	.tb_vidlinks a {
		flex:1 1 48%;
	}

	.tb_vidlinks a img {
		max-width:200px;
	}
}



@media all and (max-width:575px) {
	.gen_content h2 {
		font-size:1.5em;
	}
}

@media all and (max-width:550px) {
	.single_bar_split_inner,
	.single_bar_split_inner_left {
		font-size:1.5em;
	}
}


@media all and (max-width:500px) {
	.single_bar_split {
		padding-bottom:50%;
		background-position:-100px center;
	}

	.single_bar_single {
		background-size:cover;
		padding-bottom:50%;
	}
}

@media all and (max-width:450px) {
	.single_bar_split_inner {
		font-size:1.25em;
	}
	.single_bar_split_inner>div:first-child {
		flex:0 0 65%;
	}
	.vid_grid>a {
		flex:0 0 33%;
	}
}


@media all and (max-width:400px) {
	.left_inner_double_column_container {
		background-position: right -160px center;
	}

	.right_inner_double_column_container {
		background-position: -130px center;
	}
}

@media all and (max-width:350px) {
	.vid_grid>a {
		flex:0 0 50%;
	}
}