.mobile-header	{display:none; width: 100%;}

a.close-nav		{position:absolute; right: 35px; top: 20px; width: 20px; height: 20px; background-image: url(/brokercreate/_assets/adviser/icon-close.png); background-size: cover; display: none;}

@media (max-width:1330px) {
	
	.col-5.fixed-temp	{width:auto; margin-left: 6%}
	
}

@media (max-width:1325px) {
	
	.topNavContainer ul.topNav		{margin-left:20px;}
	.topNavContainer ul.topNav li	{margin:0 10px;}
	
}

@media (max-width:1260px) {
	.topNavContainer ul.topNav li	{margin: 0 7px}
	ul.topNav li a					{font-size:14px;  padding: 27px 0 25px;}
	
}

@media (max-width:1235px) {

	/* NAV */
	.topNavContainer ul.topNav li	{margin:0 5px;}
	
	/* SEARCH */
	.search-btn-container a:before	{right:50%; margin-right: -10px;}
	.search-btn-container a span	{display:none;}
	.search-btn-container a			{padding:27px 0 43px; width:65px;}
}

@media (max-width:1140px) {

	.col-5.fixed-temp	{width:auto; margin-left: 0}
}

@media (max-width:1130px) {
	
	
	/* NAVIGATION */
	.mobile-nav-btn			{width:44px; height:44px; margin:auto; display:block; background-color:#fff; cursor:pointer; position: absolute; right: 0; bottom: auto; top: 0; padding: 1px 0 0 0}
	ul.topNav.topNavMobile	{display:inline-block;}
	#divTopNavContainer		{display:none;}

	.mobile-menu						{/*display:none;*/ position: absolute; display: block; left:0; top: 0; background-color: #ffffff; width: 100%; height: 100%; z-index: 100; padding: 30px; visibility: hidden; opacity: 0; transition: 0.2s ease-out}
	.mobile-menu ul.topNav				{margin-left:0; display: block; margin-bottom: 20px; padding-top: 10px; height: auto}
	.mobile-menu ul.topNav li			{display:block; width: 100%; height: auto}
	.mobile-menu ul.topNav li a			{border-bottom:1px solid #cccccc; padding: 20px 0 5px; color:#004fb6; font-weight: 400; font-size: 18px;}
	.mobile-menu ul.topNav li a:hover	{border-color:#004fb6}
	.mobile-menu ul.topNav li ul		{display:none;}
	.mobile-menu .btn.fixed				{width:100%; display:block; margin-bottom: 10px; padding: 20px; font-size: 18px;}
	.mobile-menu.open					{visibility: visible; opacity: 1;}
	.mobile-menu .close					{color: #004fb6; font-size: 16px; font-weight: 600; text-decoration: none;  float: right; padding: 10px 0 0 0}
	.clear	{clear:both}
	
}

@media (max-width:1070px) {

	.col-3-5th.fixed-temp	{width:70%;}
	.flipper-section .col-5.fixed-temp		{width:30%;}
	.fixed-height-block	{height:auto !important; padding-left: 10px; padding-right: 10px;}
	
	.col-2-5th,
	.col-3-5th				{width:100%;}
	.top-panel-row	.col-5	{width:50%;}
	
}

@media (max-width:1040px) {
	

	/** SMM **/
	.smm-twitter 	{right: 90px; top: 16px; width: 45px; height: 45px;}
	.smm-facebook 	{right: 50px; top: 14px; width: 43px; height: 43px;}
	.smm-linked-in 	{right: 90px; top: 68px; width: 42px; height: 42px;}
	.smm-google 	{right: 40px; top: 68px;  width: 47px; height: 47px;}
	
}

@media (max-width:1023px) {

	.inner-right {width: 68%;}
	.quickMenu	 {left: 15px; margin-left: 0; width: 25%;}
	.quickMenu h1	{font-size:20px; font-weight: normal}
	
	.middle-col	{padding-left:30px;}

	
	
}

@media (max-width:970px) {
	
	/** TOP FLIPPER SECTION **/
	.col-3-5th										{width:100%; text-align: center}
	.flipper-section.flipper-section-white .col-5	{width:50%;}
	
	/** FLIPPER SECTION */
	.flipper-section .col-5	{width:33.333%;}
	
	.col-5.fixed-temp .home-panel-block-container,
	.flipper-section .col-5.fixed-temp,
	.col-3-5th.fixed-temp,
	.col-3-5th.fixed-temp img {width:100%;}
	
	.flipper-section .col-5 .home-panel-block h3 br	{display:none}
	
}

@media (max-width:960px) {


	.cell-container.responsive-hidden:after,	
	.cell-container.responsive-hidden:before,	
	.cell.responsive-hidden:after,
	.cell.responsive-hidden:before,
	.line.responsive-hidden	{display:none !important}

	.right-col-col	{display: block}
	
	.topNavContainer ul.topNav li a	{font-size:16px;}
	
	
}

@media (max-width:910px) {

	
	/** Diagram page **/
	.diagram-page	{width:100%;}
	
	/** SMM **/
	.smm-twitter 	{right: 70px; top: 16px; width: 30px; height: 30px;}
	.smm-facebook 	{right: 30px; top: 14px; width: 30px; height: 30px;}
	.smm-linked-in 	{right: 70px; top: 48px; width: 30px; height: 30px;}
	.smm-google 	{right: 20px; top: 48px; width: 30px; height: 30px;}
	
	#logoContainer				{width:50%;}
	.search-register-container	{width:50%;}
	
	.hero-text		{width:50%;}
	.hero-text h1	{font-size:24px; line-height: 1.4em;}
	.hero-text p	{font-size:14px;}
	
	.home-panel-block .front h3	{font-size:18px;}
	.flipper-section .col		{width:33.33333%;}
	

	/* HERO CONTAINER */
	.hero-container:before	{width:100%;}
	
	/* MARKETING TOOLKIT STEP BY STEP */
	.marketing-toolkit-container ul {-webkit-columns: 3; -moz-columns: 3; columns: 3;}

}

@media (max-width:815px) {
	
	.lightbox-marketing-community .header-logo h2		{margin: 0; font-size: 33px;}
	
}

@media (max-width:768px) {
	

	/** Content Page **/
	.left-col	{width:30%;}
	.middle-col	{width:67%;}
	
	/** Diagram page **/
	.cell-container		{font-size:12px;}
	.cell span.small	{font-size:11px;}
	
	/** Login **/
	.loginContainer		{width:100%;}

	.row-count-1 .cell-container	{width:80%; font-size: 16px;}
	.smm-twitter					{right: 82px; top: 34px; width: 57px; height: 58px;}
	.smm-facebook					{right: 31px; top: 14px; width: 53px; height: 53px; transform: rotate(-20deg);}
	.smm-linked-in					{right: 91px; top: 88px; width: 52px; height: 52px; transform: rotate(25deg);}
	.smm-google						{right: 27px; top: 79px; width: 57px; height: 58px; transform: rotate(-13deg);}
	
	.topNavContainer ul.topNav li a	{font-size:14px;}

	.video-js	{height:auto !important; padding-top: 56.5% !important; max-width: 100% !important}
	
	
}

@media (max-width:670px) {
	
	h2		{font-size:26px;}

	/* HERO CONTAINER */
	.hero-container .btn	{display:block; font-size: 16px; margin-right: 0; margin-bottom: 20px;}

	/* FLIPPER SECTION */
	.flipper-section .col-5	{width:50%;}
	
	/** MOBILE SUB NAV **/
	.left-col .left-nav-inner		{display:none;}
	
	
	/***********************************************************************************/
	
	.mobile-header	{display:block; height: auto; margin-top: 20px;}
	.hero-text		{width:100%;}
	.hero-text p	{width:100%;}
	
	.search-register-container				{float:none; margin: auto; width: 100%;}
	input.contentSearch						{width:70%;}
	.loginControl							{width:auto; float: none; margin-bottom: 0px;}
	
	.banner	{margin-top:25px;}
	
	/** Home page **/
	.home-intro-right	{width:100%;}
	#logoContainer		{text-align:center; width: 100%;}
	#logos				{float:none;}
	.loginMiddle		{text-align:left; padding-top: 1px;}
	.loginControl a		{float:none; font-size: 14px;}
	
	/** Search **/
	#search				{float:none; margin-top: 20px; margin-bottom: 15px;}
	input.contentSearch	{float:none;}
	
	/** Home bottom bottoms **/
	.home-panel-button-container	{padding:15px;}
	.home-panel-button-container a	{font-size:14px;}
	
	/** History **/
	.history-container	{display: none;}
	
	/** Content Page **/
	.inner-content-page	{flex-direction: column}
	.middle-col	{width:100%; padding-left: 0}
	.left-col	{width:100%; margin-bottom: 20px;}
	
	.left-col h4.sub-menu-toggle			{display:block;}
	.left-col h4.sub-menu-toggle a		{background-color:#eaeae8; color:#004eb5; position: relative;}
	.left-col h4.sub-menu-toggle a:after	{width:15px; height: 9px; position: absolute; right:20px; top: 50%; margin-top: -4.5px; background-image: url(/brokercreate/_assets/icon-arrow-down-blue.png); background-size: cover; content: '';}
	
	h1 	{font-size: 36px;}
	h2 	{font-size: 28px;}
	h3 	{font-size: 26px;}
	h4 	{font-size: 24px;}
	h5 	{font-size: 22px;}
	h6 	{font-size: 18px}

	
	/** SMM **/
	.smm-twitter 	{right: 70px; top: 16px; width: 30px; height: 30px;}
	.smm-facebook 	{right: 30px; top: 14px; width: 30px; height: 30px;}
	.smm-linked-in 	{right: 70px; top: 48px; width: 30px; height: 30px;}
	.smm-google 	{right: 20px; top: 48px; width: 30px; height: 30px;}

	.quickMenu		{display:none;}
	.inner-right	{width:100%;}
	
	.toolkit-image-container	{width:100%; margin-bottom: 30px;}
	.toolkit-list-container		{width:100%;}
	.toolkit-image img			{width:320px; max-width: 100%;}
	.toolkit-list-container		{margin-bottom:25px;}
	
	.text-first-col		{display:block; width: 100%;}
	.text-second-col	{width:50%; margin: 30px 0;}
	.text-third-col		{width:49%; margin: 30px 0;}
	
	.left-colPanel		{display:none}
	.left-col.mobile		{display:block}
	.left-col.mobile h4			{margin-bottom:15px;}
	.left-col ul li a	{padding:10px 15px;}
	
	/* LIGHTBOX MARKETING COMMUNITY */
	.lightbox-marketing-community h2				{text-align: center}
	.lightbox-marketing-community .header-logo	{flex-direction: column-reverse; justify-content: center}
	.lightbox-marketing-community .header-logo img	{margin-bottom: 20px;}
	.lightbox-marketing-community .lightbox-container	{max-width: calc(100% - 60px);}
	
}

@media (max-width:580px) {
	
	/* MASTHEAD */
	.masthead-text		{padding:15px;}
	.masthead-text p	{font-size:10px;}
	
	/* HERO CONTAINER */
	.hero-container			{/*min-height:667px; height: 100vh;*/ height: calc(100vh - 126px); background-position: -62%;}
	.hero-container h1		{font-size:34px;}
	.hero-container p		{font-size:18px; width: 100%;}
	.hero-container hr		{margin:1em 0; height:14px; width:108px;}
	.hero-container .table-cell	{vertical-align: bottom;}
	.hero-container .buttons	{margin-bottom: 40px;}
	.hero-container .inner		{padding-left:20px; padding-right: 20px;}
	.hero-container .btn		{margin-bottom:15px;}

	/* HOME PANELS */
	.flipper-section .col-5			{width:100%;}
	.flipper-section .col-container	{padding-left:15px; padding-right: 15px;}
	
	.top-panel-row	.col-5	{width:100% !important;}
	
	/* HEADER */
	a.logo						{position:absolute; left: 50%; margin-left: -60px; display: block;}
	header.inner				{position:relative;}
	.header-right.buttons .btn	{display:none;}
	
	/* MARKETING TOOLKIT STEP BY STEP */
	.marketing-toolkit-container ul {-webkit-columns: 2; -moz-columns: 2; columns: 2;}

	/* NAV */
	ul.topNav.topNavMobile		{margin-left:0}


	/* FOOTER */
	#footer ul		{float:none;}
	#footer ul li	{margin-left:0; margin-right: 15px;}
}

@media (max-width:450px) {
	
	
	/** TOP FLIPPER SECTION **/
	.flipper-section.flipper-section-white .col-5	{width:100%;}
	
	#footer			{padding-bottom:10px;}
	#footer ul		{text-align:center;}
	#footer ul li	{display:block; width: 100%; margin-bottom: 10px;}
	
}

@media (max-width:400px) {

	/** Diagram **/
	.cell-container.arrow-right .cell:after			{width: 33%; right: -32%;}
	.cell-container.arrow-right .cell:before		{right:-33%;}
	.row-count-3 .cell-container.arrow-right .cell	{width:75%;}
	
	.cell-container.arrow-left .cell:after			{width: 33%; left: -32%;}
	.cell-container.arrow-left .cell:before			{left:-33%;}
	.row-count-3 .cell-container.arrow-left .cell	{width:75%;}
	
	.cell span.big	{font-size:14px; line-height: 1.2em;}
		
	.home-panel-block-container	{width:100%;}

	.toolkit-list-container	ul	{width:50%;}
	

}

@media (max-width:374px) {

	/* HEADER */
	header .inner		{padding-left:15px; padding-right: 15px;}
	.searchBtn			{width:40px; height: 40px;}
	.search-container	{padding: 30px 0 33px 0;}
	.search-container input[type="text"]	{font-size:16px;}
	
}