/* Responsive Boilerplate */


/* ================================================================================ */
/* MOBILE LAYOUT: 480px  */
/* ================================================================================ */

@media only screen and (max-width:480px) {
	
	
	
	
/* HEADER MOBILE */

/*mobile styles*/

/*disable text sizing on orientation change*/
	html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
		-webkit-text-size-adjust:none;
	}
	
	body {
		width: 100%;
		margin: 0 auto;
		min-width: 320px;
		max-width: 480px;
	}
	
	
	
	/*nav styles*/
	#mainNav {
		width: auto;
		margin: 0;
		margin-bottom: 1em;
		background: white;
		overflow: hidden
	}
	
	#mainNav li {
		margin: 0;
		float: none;
		position: relative;
	}
	.topMenu {
		max-height: 0;
		visibility: hidden;
	}
	.topMenu.expand {
		max-height: 900em;
		visibility: visible;
	}
	
	#mainNav a, #mainNav h3 {
		font-size: 1em;
		text-align: left;
		color: white;
		display: block;
		margin-bottom: 1px;
		background: #00AAFF;
		padding-left: 1em;
		line-height: 2em;
		text-transform: none;
		cursor: pointer;
	}
	#mainNav a:hover {
		color: white;
	}
	#mainNav a.current {
		color: rgb(237, 228, 214);
	}
	#mainNav span.indicator {
		position: absolute;
		right: 1em;
	}
	#mainNav span#hamburger {
		background: url(../images/menu-icon-10.png) no-repeat 0 0; width: 10px; height: 10px; float: right; margin-right:0px; margin-top: 12px;
		text-indent: -9999em;
	}
	
	/*dropdown menu styles*/
	#mainNav ul.submenu {
		float: none;
		width: auto;
		height: auto;
		max-height: 0;
		-moz-transition:max-height 0.5s ease;
		-webkit-transition:max-height 0.5s ease;
		-o-transition:max-height 0.5s ease;
		transition:max-height 0.5s ease;
		overflow: hidden;
	}
	#mainNav ul.submenu.expand {
		max-height: 20em;
	}
	
	#mainNav ul.submenu li a {
		padding: .2em 1em;
		white-space: nowrap;
		color: white;
		text-align: left;
		padding-left: 3em;
		background: #555555;
	}
	#mainNav ul.submenu li a:hover {
		background: #003468;
	}
	#mainNav .menuToggle {
		display: block;
		background: #003468;
		width: 8em;
		margin-bottom: .2em;
		position: relative;
	}
	.menuToggle a {
		text-align: center;
		padding: 0;
	}
	
	
	/* BRAND MOBILE */

	.brand {display: block; clear: both; height: 00px; padding-top: 190px; padding-bottom: 10px}
	
	.brand h1 {float: left; margin-top: 44px;}
	
	/*.brand h1 a {text-indent: -9999em; background: url(../images/sprite_ui.png) no-repeat 0 0; width: 350px; height: 66px; display: block;}*/
	
	.brand logo {float: left; margin-top: -190px;}
	
	.brand logo a {text-indent: -9999em; background: url(../images/sprite_ui.png) no-repeat 0 0; width: 232px; height: 44px; display: block}
	
	.brand logo2 {float: left; margin-top: -190px;}
	
	.brand logo2 a {text-indent: -9999em; background: url(../images/datamyne-new-logo-1.png) no-repeat 0 0; width: 240px; height: 74px; display: block}
	
	.brand .tagline {font-family:'HelveticaNeueW01-45Ligh'; font-size: 1em; margin: 00px 0 0 40px; width: 232px; display: block; margin-top: -120px;}
	
	/*.brand .right {margin: 20px 0 0 0; float: none;}
	
	.brand .call {font-family:'HelveticaNeueW02-55Roma'; font-size: 1.500em;}
	
	.brand .call em {color: #00AAFF;}
	
	.brand .call em a {color: #00AAFF;}
	
	.brand .sticky-links {text-align: right; display: none; clear: both; margin-top: 5px;}
	
	.brand .sticky-links a {font-family:'HelveticaNeueW01-75Bold'; color: #00AAFF; font-size: .8em; display: inline-block;}
	
	.brand .sticky-links a.rd-link {padding-left: 10px; margin-left: 8px; border-left: 2px solid #333;}
	
	.brand .sticky-links a:first-child {border-left: none;}
	
	.brand .sticky-links a:hover {text-decoration: underline} */


	.brand .right {margin: -95px 0 0 0; float:right; width:100%;}
	
	.brand .call {font-family:'HelveticaNeueW02-55Roma'; font-size: 1.500em; display: inline-block; float: left; margin-right: 20px;}
	
	.brand .call em {color: #00AAFF;}
	
	.brand .call em a {color: #00AAFF;}
	
	
	.sticky {display: none;}
	
	.brand .sticky-links {display: inline-block;}
	
	.brand .top-right-5 {padding: 5px; margin-bottom: 10px}

	.hero2  {margin-bottom: 180px; background-color: #00AAFF; background-image: none; height: 330px;}

	.hero-banner {float:left; margin-left:20px; margin-top: 30px; margin-bottom: 20px; height: 120px;}


	/* PAGE MOBILE */
	
	.wrapper { width: 100%; max-width: 480px; min-width: 320px; margin: 0 auto;}

	.split-bg {position: absolute; top: 180px; width: 100%;}

	body.logged-in .split-bg {top: 184px;}
	
	.split-bg .left {display: none; }
	
	.split-bg .right {display: none;}
	
	.page-wrap {display: block; clear: both; position: relative; padding-bottom: 60px}
	
	.page-wrap .wrapper {background: #fff;}
	
	.page-lhs {float: left; width: 95%;}
	
	.free-box {margin-left: 5%;}
	
	
	.free-box .related-posts, .free-box .tag-cloud {width: 100%;}
		
	.page-rhs {float: left; width: 95%; padding-left: 20px;}
	
	.page-hd {background: #00AAFF; height: 125px; -webkit-border-radius: 0px 25px 0px 0px; border-radius: 0px 25px 0px 0px; color: #fff; display: block; clear: both;}
	
	.page-hd .pad {display: table; height: 125px; width: 88%}
	
	.page-hd h1 {font-size: 2.0em; display: table-cell; vertical-align: middle; letter-spacing: -1px;}
	
	.page-hd h2 {font-size: 2.0em; display: table-cell; vertical-align: middle; letter-spacing: -1px;}
	
	.page-wrap.blog .page-hd h1 {width: 36%}
	
	.page-wrap.landing .page-hd h1{width: 90%}
	
	.page-hd span {font-size: .7em; font-family:'HelveticaNeueW01-45Ligh'; display: table-cell; vertical-align: middle; padding: 0 50px 0 10px;}
	
	.page-rhs-top { margin-bottom: 25px;}
		
		
	.page-hd h1 {font-size: 1.4em;}	
	
	
	
			/* Banner */

	.banner {padding-top: 20px;}
	
	.announcements {margin-top: 50px}
	
	.announcements h2 {padding-bottom: 30px}
	
	.announcements .left {width: 100%; margin-bottom: 20px;}
	
	.announcements .right {width: 100%;}
	
		
		/* WELCOME */

	.welcome {padding-top: 20px;}
	
	.welcome .spots div {float: left; width: 100%; margin-left: 0%;}
	
	.welcome a.green-btn {margin-top: 20px; font-size: .9em;}

	.welcome .spots h3  {padding-bottom: 20px; margin-top: 40px;}
	
	.how-it-works {margin-top: 50px}
	
	.how-it-works h2 {padding-bottom: 30px}
	
	.how-it-works .left {width: 100%; margin-bottom: 20px;}
	
	.how-it-works .right {width: 100%;}
	
	/*.how-it-works a.green-btn {font-size: 1.500em; height: 60px; line-height: 60px; float: left; padding: 0 25px; margin-top: 35px}*/
	
	a.green-btn.top-right-10.trial {margin-right: 50px; margin-top: 25px; margin-bottom: 0px;}
	
	a.green-btn.top-right-10.pricing {margin-top: 25px;}
	
	.hero a.green-btn, .hero2 a.green-btn {width: 90%; margin-top: 5px; float: left; margin-left: 5%}
	
	.hero2 h1  {margin-left: 5%}
	
	.hero h1 {padding-top: 20px;}
	
	.updates .left, .updates .right {width: 100%;}
	
	.updates h2 {font-size: 1.5em;}
	
	.cycloneslider-template-default  {display:none;}
	
	/* .trendsrev .left, .trendsrev .right {width: 100%;} */
	
	.trendsrev .wrapper {display:none;}
	
	.revblogquotes  {display: none;}
	
	.options .left, .options .right {width: 97%;}
	
	.options .right {margin-top:20px;}
	
	.options .choices a.green-btn {font-size: 1.200em;}
	
	.options .choices div {width: 100%; margin-left: 0}
	
	.options .choices div:first-child { margin-bottom: 40px;}
	
	.options .choices li {background: url(../images/sprite_ui.png) -381px -60px no-repeat;}
	
	.our-product .free-box .left, .our-product .free-box .right {width: 100%;}
	
	.demo-block .lhs, .demo-block .rhs {width: 100%;}
	
	#vimvid {background: #003468; color: #fff; padding: 1.6%; width: 97%;}
	
	#vimvid-plain {width: 97%;}
		
	footer {padding-bottom: 400px;}
		
	footer .col-1 {width: 100%; margin-bottom: 30px;}
	
	footer nav { float: none; width: 100%; }
	
	footer .connect {float: left; width: 100%; margin-top: 30px;}
	
	footer ul.socials li a {padding-bottom: 7px;}	
	
	
	
	.world-map .col {width: 100%; margin-left: 25px}
	
	.world-map {background: url(../images/bg_worldmap.png) repeat top; margin-bottom: 20px;}
	
	.world-stats .left, .world-stats .right {width: 100%;}
		
		
	
	.pricing .right, .pricing .left	 {width: 100%; margin-bottom:0px;}
	
	.pricing .choices div {width: 90%; margin-bottom: 50px; background-color: #E3E3E3; padding: 20px; margin-left: 0%; height: auto;     padding-bottom: 50px;}
	
	.pricing .choices a.green-btn {margin: auto; width: 63%; margin-bottom: 10px;}
	
	.pricing h2 { margin-bottom: 20px;}
	
	#pricebtn {position: relative; bottom: 0; padding: 0 35px; text-decoration: none;}
		
	.pricebox {position: relative; height: auto;}
	
	.pricing-icons {margin-right: 40px; display: inline-block; }

	.demo-bot a.green-btn {font-size: 1.0em;}
	
	.our-product .free-box .left {margin-bottom: 50px;}
	
	.free-box {margin-left: 0%;}
	
	.transport .left, .transport .right {width: 100%}
	
	.free-box .related-posts, .free-box .tag-cloud { width: 100%; }
		
	.welcome .spots div {float: left; width: 100%; margin-left: 0%;}

	.welcome .spots h3  {padding-bottom: 20px; margin-top: 40px;}
	
	
	.reason {display: block; clear: both; padding: 20px 0;}

	.reason .left {width: 100%; color: #0099cc; font-family:'HelveticaNeueW01-75Bold'; -webkit-font-smoothing: antialiased; font-size: 1.25em; margin-bottom: 20px;}

	.reason .right {width: 100%;}
	
	.landing .free-box .left, .landing .free-box .right  {width: 100%;  float: none;}
	
	.alignnone {display: inline; margin-top:20px;}
	
	ul.two-col {-moz-column-count: 1;  -webkit-column-count: 1; column-count: 1;}

	#holder ul.two-col li {min-height: 100px; padding-bottom: 20px;}
		
	.post-ft .tags ul li.first {margin-bottom: 10px; width: 100%;}
	
	table {overflow-x: auto; display: block;}
	
	table::before {content: "This table is scrollable >>";}
	
	
	#tip-chart {overflow-x: auto; display: block;}
	
	#tip-chart::before {content: "This chart is scrollable >>";}
	
	
	
	ul.two-col {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1; margin-left: 0; }

	.form-sidebar {display: none;}
		
	.welcome .spots {margin-top: -25px;}
	
	#dialog-login {display:none; position: absolute; background-color: #002f66; padding: 19px; margin: 40px; margin-top: -5px; border-top-left-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px 0px; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px 0px; text-align: center; text-shadow: rgb(93, 145, 47) -1px -1px 0px; color: rgb(255, 255, 255) !important; background-position: initial initial; background-repeat: initial initial; z-index: 1000;}
	
	.row h2 {padding-top: 20px;}
	
	.top-page-bkrnd-landing-us-imports-ga { height: 900px; }
    .top-page-bkrnd-landing-us-exports-ga { height: 900px; }
	.top-page-bkrnd-landing-us-lead-gen { height: 900px; }
	
}


	



/* ================================================================================ */
/* TABLET LAYOUT: 768px */
/* ================================================================================ */

@media only screen and (min-width: 481px) and (max-width: 768px) {
	
		
/* HEADER TABLET */

	/*tablet styles


	
	
	
	header {display: block; background: #00AAFF; height: 0px; position: fixed; top: 0; left: 0; width: 100%; z-index: 7000}
	
	header .wrapper {overflow: visible}
	
	header .stamp {display: none;}
	
	header nav {float: left; cursor: pointer}*/
	
	
	/*tablet styles*/

/*disable text sizing on orientation change*/
	html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
		-webkit-text-size-adjust:none;
	}
	
	body {
		
		min-width: 481px;
		max-width: 768px;
	}
	
	.left {float: left;}

	.right {float: left;}
	
	/*nav styles*/
	#mainNav {
		width: 350px;
		margin: 0;
		margin-bottom: 1em;
		background: white;
		overflow: hidden
	}
	
	#mainNav li {
		margin: 0;
		float: none;
		position: relative;
	}
	.topMenu {
		max-height: 0;
		visibility: hidden;
	}
	.topMenu.expand {
		max-height: 900em;
		visibility: visible;
	}
	
	#mainNav a, #mainNav h3 {
		font-size: 1.0em;
		text-align: left;
		color: white;
		display: block;
		margin-bottom: 1px;
		background: #555555;
		padding-left: 1em;
		line-height: 2em;
		text-transform: none;
		cursor: pointer;
	}
	#mainNav a:hover {
		color: white;
	}
	#mainNav a.current {
		color: rgb(237, 228, 214);
	}
	#mainNav span.indicator {
		position: absolute;
		right: 1em;
	}
	#mainNav span#hamburger {
		background: url(../images/menu-icon-10.png) no-repeat 0 0; width: 10px; height: 10px; float: right; margin-right:0px; margin-top: 12px;
		text-indent: -9999em;
	}
	/*dropdown menu styles*/
	#mainNav ul.submenu {
		float: none;
		width: auto;
		height: auto;
		max-height: 0;
		-moz-transition:max-height 0.5s ease;
		-webkit-transition:max-height 0.5s ease;
		-o-transition:max-height 0.5s ease;
		transition:max-height 0.5s ease;
		overflow: hidden;
	}
	#mainNav ul.submenu.expand {
		max-height: 20em;
	}
	
	#mainNav ul.submenu li a {
		padding: .2em 1em;
		white-space: nowrap;
		color: white;
		text-align: left;
		font-size: 1em;
		padding-left: 1.5em;
		background: #555555;
	}
	#mainNav ul.submenu li a:hover {
		background: #003468;
	}
	#mainNav .menuToggle {
		display: block;
		background: #003468;
		width: 8em;
		margin-bottom: .2em;
		position: relative;
	}
	.menuToggle a {
		text-align: center;
		padding: 0;
	}


		
		
	/* BRAND TABLET */

	.brand {display: block; clear: both; height: 85px; padding-top: 100px;}
	
	.brand h1 {float: left; margin-top: 44px;}
	
	.brand h1 a {text-indent: -9999em; background: url(../images/sprite_ui.png) no-repeat 0 0; width: 232px; height: 44px; display: block}
	
	.brand logo {float: left; margin-top: 0px;}
	
	.brand logo a {text-indent: -9999em; background: url(../images/sprite_ui.png) no-repeat 0 0; width: 232px; height: 44px; display: block}
	
	.brand logo2 {float: left; margin-top: 0px;}
	
	.brand logo2 a {text-indent: -9999em; background: url(../images/datamyne-new-logo-1.png) no-repeat 0 0; width: 240px; height: 74px; display: block}
	
	.brand .tagline {font-family:'HelveticaNeueW01-45Ligh'; font-size: 1em; float: left; margin: 10px 0 0 40px; clear: both;}
	
	.brand .right {margin: 00px 0 0 0; float:right;}
	
	.brand .call {font-family:'HelveticaNeueW02-55Roma'; font-size: 1.500em; float: right;}
	
	.brand .call em {color: #00AAFF;}
	
	.brand .call em a {color: #00AAFF;}
	
	.sticky {display: none;}
	
	.brand .sticky-links {display: block;}
	
	.brand .top-right-5 {padding: 5px; margin-bottom: 10px}
	
	/* PAGE TABLET */

	
	
	.wrapper { width: 100%; max-width: 768px;  min-width: 481px; margin: 0 auto;}


	.split-bg .right, .split-bg .left {display: none;}
	
	body.logged-in .split-bg {top: 184px;}
	
	.page-wrap {display: block; clear: both; position: relative; padding-bottom: 60px}
	
	.page-wrap .wrapper {background: #fff;}
	
	.page-lhs {float: left; width: 95%;}
	
	.page-rhs {float: left; width: 95%; padding-left: 20px;}
	
	.page-hd {background: #00AAFF; height: 125px; -webkit-border-radius: 0px 25px 0px 0px; border-radius: 0px 25px 0px 0px; color: #fff; display: block; clear: both;}
	
	.page-hd .pad {display: table; height: 125px; width: 95%}
	
	.page-hd h1 {font-size: 2.250em; display: table-cell; vertical-align: middle; letter-spacing: -1px; line-height: 1em;}
	
	.page-hd h2 {font-size: 2.250em; display: table-cell; vertical-align: middle; letter-spacing: -1px;}
	
	.page-wrap.blog .page-hd h1{width: 36%}
	
	.page-wrap.landing .page-hd h1{width: 90%}
	
	.page-hd span {font-size: 1em; font-family:'HelveticaNeueW01-45Ligh'; display: table-cell; vertical-align: middle; padding: 0 50px 0 10px;}
	
	.page-rhs-top {/*background: #003468; height: 50px; -webkit-border-radius: 20px 0px 0px 0px; border-radius: 20px 0px 0px 0px;*/ margin-bottom: 25px;}
	
	
	
				/* Banner */

	.banner {padding-top: 20px;}
	
	.announcements {margin-top: 50px}
	
	.announcements h2 {padding-bottom: 30px; font-size: 1.7em;}
	
	.announcements p {font-size: .9em; line-height: 1.2em;}
	
	.announcements .left {width: 100%; margin-bottom: 20px;}
	
	.announcements .right {width: 100%;}
		
		
		
		/* WELCOME */

	.welcome {padding-top: 25px;}
	
	.welcome .spots div {float: left; width: 100%; margin-left: 0%;}
		
	.welcome a.green-btn {margin-top: 20px;}

	.welcome .spots h3  {padding-bottom: 10px; margin-top: 20px;}
	
	.how-it-works {margin-top: 50px;}
	
	.how-it-works h2 {padding-bottom: 30px;}
	
	.how-it-works .left {width: 100%;}
	
	.how-it-works .right {width: 100%; margin-top: 20px;}
	
	/*.how-it-works a.green-btn {font-size: 1.500em; height: 60px; line-height: 60px; float: left; padding: 0 25px; margin-top: 35px}*/
	
	a.green-btn.top-right-10.trial {margin-right: 100px; margin-top: 25px; margin-bottom: 40px;}
	
	a.green-btn.top-right-10.pricing {margin-top: 25px;}

		
	.hero2 a.green-btn {width: 40%; margin-top: 5px; float: left; margin-left: 3%; font-size: 1.5em}
	
	.hero2 h1  {margin-left: 3%;}
	
	.hero h1 {padding-top: 20px;}
	
	.hero a.green-btn {font-size: 1.4em; width: 50%;}
			
	.hero span  {display:none;}

	.updates .left, .updates .right {width: 100%;}
	
	/*.trendsrev .left, .trendsrev .right {width: 100%;}*/
	
	.trendsrev .wrapper {display:none;}

	.revblogquotes  {width:100%; float:left; padding-top:30px; padding-left:00px; margin-bottom:20px;}
	

	
	
	.options .left, .options .right {width: 97%;}
	
	.options .right {margin-top:20px;}
	
	.options .choices a.green-btn {font-size: 1.200em;}
	
	.options .choices div {float: left; width: 47%; margin-left: 5%;}
	
	.options .choices li {background: url(../images/sprite_ui.png) -381px -60px no-repeat;}
	
	.our-product .free-box .left, .our-product .free-box .right {width: 100%;}
	
	.demo-block .lhs, .demo-block .rhs {width: 100%;}
		
	#vimvid-plain {width: 97%;}
	
	#vimvid {background: #003468; color: #fff; padding: 1.6%; width: 97%;}


	
	
	footer {padding-bottom: 250px;}
		
	footer .col-1 {width: 100%; margin-bottom: 50px;}
	
	footer nav { float: none; width: 47%;}
	
	footer .connect {float: right; width: 47%;}
	
	footer ul.socials li a {padding-bottom: 7px;}
	
	
	.world-map .col {width: 50%; margin-left: 00px}
	
	.world-map {background: url(../images/bg_worldmap.png) repeat top; margin-bottom: 20px;}
	
	
	.pricing .right, .pricing .left	 {width: 100%; margin-bottom:00px;}
	
	.pricing .choices a.green-btn {font-size: 1.00em; margin-bottom: 5px;}
	
	.pricing .choices a.blue-btn {font-size: 1.00em; margin-bottom: 5px;}
	
	.pricing .choices div {width: 44%; margin-bottom: 00px; background-color: #E3E3E3; padding: 10px; margin-left: 2%;}
	
	#pricebtn {position: relative; bottom: 0; padding: 0 35px; text-decoration: none;}
	
	.pricebox {position: relative; height: auto;}
	
	.transport .left, .transport .right {width: 100%}
	
	.free-box .related-posts, .free-box .tag-cloud { width: 100%; }
	
	.pricing-icons {margin-right: 40px; display: inline-block; }

	.landing .free-box .left, .landing .free-box .right  {width: 100%;  float: none;}
	
	.alignnone {display: inline; margin-top:20px;}
	
	ul.two-col {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1; margin-left: 0; }

	#holder ul.two-col li {min-height: 100px; }
	
	.form-sidebar {display: none;}
	
	#dialog-login {display:none; position: absolute; background-color: #002f66; padding: 19px; margin-left: -50px; margin-top: -5px; border-top-left-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px 0px; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px 0px; text-align: center; text-shadow: rgb(93, 145, 47) -1px -1px 0px; color: rgb(255, 255, 255) !important; background-position: initial initial; background-repeat: initial initial; z-index: 1000;}
	
	.top-page-bkrnd-landing-us-imports-ga { height: 900px; }
	.top-page-bkrnd-landing-us-exports-ga { height: 900px; }
	.top-page-bkrnd-landing-lead-gen-ga { height: 900px; }
}
	
	

	

	
	
	
/* ================================================================================ */
/* LARGE 1140 ORIGINAL */
/* ================================================================================ */


@media only screen and (max-width: 1800px) {

	.split-bg .right {width: 24%;}

	}



@media only screen and (min-width: 769px) and (max-width: 1220px) {

	
	.sticky {display: none;}
	
	.brand .sticky-links {display: block;}
	
	.brand .right {margin: 15px 0 0 0;}
	
	.brand .call {float:right;}
	
	.split-bg .right {width: 20%;}

	}


@media only screen and (max-width: 1140px) {
	
	
	.pad {padding: 0 20px;}
	
	.page-lhs .pad {padding-right: 0;}
	
	.page-rhs .pad {padding-left: 0;}
	
	/* .page-rhs {width: 27%;} */
	
	header nav ul li.top-level {margin-left: 24px;}
	
	.split-bg .right {width: 24%;}
	

	

	}


/* ================================================================================ */
/* SMALLER DESKTOPS: 992px  ORIGINAL */
/* ================================================================================ */

/*@media only screen and (max-width: 992px) */
@media only screen and (min-width: 769px) and (max-width: 992px) {
	
	.hero2 a.green-btn {width: 50%; margin-top: 5px; float: left; margin-left: 3%;}

	#mainNav li {margin-right: 1.5%; font-size: .9em;}

	header nav ul li.top-level {margin-left: 19px;}
	
	.hero2 a.green-btn {font-size: 1.5em;}
	
	.row h2 {font-size: 1.6em; padding-bottom: 20px}
	
	.welcome .spots {margin-top: 15px;}
	
	.how-it-works a.green-btn {margin-top: 20px}
	
	.options .left h4 {font-size: 1.1em;}
	
	.split-bg .right {width: 18%;}
	
	
	.pricing .right, .pricing .left	 {width: 100%; margin-bottom:80px;}
	
	.pricing .choices a.green-btn {font-size: 1.10em;}
	
	.pricebox {position: relative; height: 575px;}
	
	span.revslider {display: none;}
	
	.top-page-bkrnd-landing-us-imports-ga { height: 550px; }
	.top-page-bkrnd-landing-us-exports-ga { height: 550px; }
	.top-page-bkrnd-landing-lead-gen-ga { height: 550px; }

	}
	
	


/* ================================================================================ */
/* DESKTOP: 769+px */
/* ================================================================================ */

@media only screen and (min-width: 769px) {
	
	
	
	
	
	
	
	.wrapper { width: 100%; max-width: 1140px; min-width: 769px; margin: 0 auto;}

	.split-bg {position: absolute; top: 180px; width: 100%;}

	body.logged-in .split-bg {top: 184px;}
	
	.split-bg .left {width: 50%; background: #00AAFF; height: 125px; float: left; }
	
	.split-bg .right {width: 35%; background: #003468; height: 50px; float: right;}
	
	.page-wrap {display: block; clear: both; position: relative; padding-bottom: 60px}
	
	.page-wrap .wrapper {background: #fff;}
	
	.page-lhs {float: left; width: 65%;}
	
	.page-rhs {float: right; width: 24%;}
	
	.page-hd {background: #00AAFF; height: 125px; -webkit-border-radius: 0px 25px 0px 0px; border-radius: 0px 25px 0px 0px; color: #fff; display: block; clear: both;}
	
	.page-hd .pad {display: table; height: 125px; width: 100%}
	
	.page-hd h1 {font-size: 2.250em; display: table-cell; vertical-align: middle; letter-spacing: -1px;}
	
	.page-hd h2 {font-size: 2.250em; display: table-cell; vertical-align: middle; letter-spacing: -1px;}
	
	.page-wrap.blog .page-hd h1{width: 36%}
	
	.page-hd span {font-size: 1em; font-family:'HelveticaNeueW01-45Ligh'; display: table-cell; vertical-align: middle; padding: 0 160px 0 10px;}
	
	.page-rhs-top {background: #003468; height: 50px; -webkit-border-radius: 20px 0px 0px 0px; border-radius: 20px 0px 0px 0px; margin-bottom: 25px;}

	.hero span {/*background: #002f66; padding: 25px; added magin property for cyclone slider*/ margin: 8px 0px 0px 0px; float: left; width: 68%; font-family:'HelveticaNeueW01-45Ligh'; font-size: 1.125em; line-height: 1.6em; -webkit-font-smoothing: antialiased;}

/* ================================================================================ */
/* HEADER DESKTOP */
/* ================================================================================ */


	/*desktop styles*/

	body {
		width: 100%;
		margin: 0 auto;
		min-width: 769px;
		max-width: 3800px;
	}
	
	
	/*nav styles*/
	#mainNav {
		padding-left: 0%;
		background: #555555;
	}
	
	#mainNav li {
		margin-right: 1.7%;
		position: relative;
	}
	
	#mainNav a, #mainNav h3 {
		font-size: 0.9em;
		text-align: center;
		padding-right: 0em;
	}
	/*dropdown menu styles*/
	#mainNav ul.submenu {
		float: none;
		width: auto;
		height: auto;
		position: absolute;
		top: 1em;
		padding-top: 1em;
		left: -8000em;
		max-height: 0;
		-moz-transition:max-height 0.0s ease;
		-webkit-transition:max-height 0.0s ease;
		-o-transition:max-height 0.0s ease;
		transition:max-height 0.0s ease;
		overflow: hidden;
		z-index: 1000;
	}
	#mainNav ul.submenu li {
		float: none;
		/*margin: 0 px ; */
		border-left: 1 px solid #999999;
		border-right: 1 px solid #999999;
		background: #fff;
	}
	#mainNav li:hover ul {
		left: 0;
		max-height: 25em;
	}
	#mainNav ul.submenu li a {
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
		border-right: 1px solid #999999;
		padding: .5em 1em;
		white-space: nowrap;
		color: #00AAFF;
		text-align: left;
		font-size: .9em;
	}
	#mainNav ul.submenu li:first-child a {
		border-top: 8px solid #00AAFF;
	}
	#mainNav ul.submenu li a:hover {
		background: #003468;
	}



/*desktop styles*/



	header {display: block; background: #555555; height: 55px; position: fixed; top: 0; left: 0; width: 100%; z-index: 7000}
	
	
	header nav {float: left; cursor: pointer}
	
	#vimvid {background: #003468; color: #fff; padding: 1.6%; width: 90%;}
	
	.revblogquotes  {width:90%; float:left; padding-top:30px; padding-left:50px; margin-bottom:20px;}
	
	.brand .top-right-5 {padding: 5px; margin-bottom: 10px}
	
	#dialog-login {display:none; position: absolute; background-color: #002f66; padding: 19px; margin-left: -50px; margin-top: -5px; border-top-left-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px 0px; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px 0px; text-align: center; text-shadow: rgb(93, 145, 47) -1px -1px 0px; color: rgb(255, 255, 255) !important; background-position: initial initial; background-repeat: initial initial; z-index: 1000;}
	
}
	
	
	
	
	

/* ================================================================================ */
/* RETINA IMAGES  */
/* ================================================================================ */


@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		
	header .stamp, .brand h1 a, .options .choices li, .updates a.rss-link span, .updates .twitter h2 a span, footer h1 a, footer 	ul.socials li a, a.datamyne-icon, a.itunes-icon, .post-ft .addthis_button, ul.standard li {background-image: 	url(../images/sprite_ui_2x.png); -webkit-background-size: 450px 450px; background-size: 450px 450px;}
  
  
  
}