[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "varkens";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-home:before { content: '\e800'; } /* '' */
.icon-cloud-sun:before { content: '\e801'; } /* '' */
.icon-megaphone:before { content: '\e802'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-chart-line:before { content: '\f201'; } /* '' */
.icon-search:before { content: '\e819'; } /* '' */

#icon-bar { position:fixed; width:100%; bottom:0; left:0; border-top:3px solid #131313; background:#fff; z-index:9999; font-size:10px; text-transform:uppercase; padding:5px 0 15px 0}
#icon-bar li { display:inline-block; width:20%; text-align:center; color:#131313; padding:0.5em; font-weight:600}
#icon-bar li i { display:block; font-size:3em}
#icon-bar li a { color:#131313}

.container { padding-bottom:50px}

.header .banner-wrap { display:none !important;}
.tabs-mobile { display:none !important;}
#sticky-wrapper { height:51px !important}
#sticky-wrapper > div {width:100%;position: fixed !important;    top: 0px !important;    z-index: 20 !important}


.author-box {display:none}
.meta-data .author-box {display:none}
#disqus_thread {display:none}
.footer .bottom {display:none}

.mobile-navigation .logo { left:44px}


@media only screen and (min-width: 120px) and (max-width: 767px){
	.wrap {
		padding: 0
	}
	.content { margin-top: 0}	
	#newsletter-promo { padding: 0 15px}
	
	.footer-navigation { display:none}
	
	.banner-wrap #leaderboard { padding:0; min-height:0}
	.fleft .news-items { margin:0 !important}
	.fleft .news-items .item { margin-left:0 !important}
	.banner-item {    padding-left:0em;}
	.banner-item div { margin-bottom:10px}
	.post-wrap .main-image, .post-wrap .video-container {
		margin-left: 0;
		margin-left: 0;
		width: 100%;
	}	
}


@media only screen and (max-height: 600px) {
.mobile-navigation  ul.mobile-select li:nth-child(6) {  
  display:none
}

.mobile-navigation .mobile-select li a { padding:10px 15px 13px 10px}
.wrapz { padding:0 !important}

.mobile-navigation .menu-btn.left { margin-left:0 }
.mobile-navigation .menu-btn.right { float:right; margin-right:10px; color:#555; font-size:24px }

@media only screen and (min-width: 640px) and (max-width: 768px) {

  .two-cols.with-sidebar .fright .article-item > a {height:250px} 	

}

@media only screen and (min-width: 120px) and (max-width: 766px) {
	body {background:#fff !important}
  .news-items .item.featured { margin-left: 0; margin-left: calc(-20px); width: 100%; width: 100%; display:block }
  .news-items .item.featured .text { padding-left:20px; padding-bottom:8px}
  .news-items .banner-wrap  { clear:both;}
  .news-items .banner-wrap .banner-item div  { padding-top:5px; margin:5px 0; clear:both; width:auto !important; height:auto !important}
  .article-container .banner-item div  { padding-top:5px; clear:both;}
  .homepage-container .banner-item { width:calc(100% + 2em)}
  #mobile-2 div { margin-bottom:10px}
  .two-cols.with-sidebar .fleft { margin-bottom:0; padding-bottom:0}
  .two-cols .fleft .news-items .item.featured .text .video { left:20px; top:-20px}
  .two-cols .fleft .news-items .item.featured .text .video { width:28px; height:28px; left:20px}
  .two-cols .fleft .news-items .item.featured .text .video:before { font-size:14px; margin:4px 8px }
  .two-cols .fleft .news-items .item.featured .text .video {}
   #section-news .item.featured  { margin-bottom:0px}
   .item.first {margin-top:10px !important}
   .two-cols .fleft .news-items .item:not(.featured ) { margin-left:2em; width:calc(100% - 2em)} 
	/*, .article-container .fright .inherit-theme, .article-container .fright .blue-theme { display:none}*/
	.article-container .weather-box , .article-container .fright .blue-theme { display:none}
  
  .news-items .item.featured .text {background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(33, 33, 33, 0.75) 100%)}
  
  .article-overview .text { min-height:64px}
  
  .stock-info-wrapper { padding-left:0; padding-right:0}
  .stock-item ul li.double-row { font-weight:600}
  .stock-item ul li.double-row:nth-child(n+5) { display:none}
  .readmore-block .item:nth-child(n+5) {display:none}
  
  .wrap { padding:0}
  .news-items { margin-left:1em}
  /*.homepage-container .headline { display:none}*/
  .item {border:0 !important}
  
  #js-logolinks {display:none}
  #most-watched {display:none}
  #most-viewed {display:none}
  .two-cols .fright h6.sidebar-title { padding-left:15px}
  .themes .item {padding-left:125px !important}
  .weather-box { border-bottom:0}
  .article-overview .three-col .article-item {margin-bottom:0}
  
  .footer-navigation { display:none}
  #newsletter-promo {padding:0 1em}

}

/* iPhone XR 1792x828px at 326ppi */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 
	.footer .top { padding-bottom:40px}
	#icon-bar { padding-bottom:15px}
	#icon-bar li ax { color:#F00}	
	
}

/* iPhone X / XS 2436x1125px at 458ppi */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
	.footer .top { padding-bottom:40px}
	#icon-bar { padding-bottom:15px}
	#icon-bar li ax { color:#F00}
	header { background:#fff}
	body {
	 padding-top: constant(safe-area-inset-top); /* iOS 11.0 */
	 padding-top: env(safe-area-inset-top); /* iOS 11.2 */
	}
}	

/* iPhone XS Max 2688x1242px at 458ppi */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 
	.footer .top { padding-bottom:40px}
	#icon-bar { padding-bottom:15px}
	#icon-bar li ax { color:#F00}	
	}

	
	
/* iPhone 12 Mini, iPhone 11 Pro, iPhone Xs, and iPhone X */
/* 2340x1080 pixels at 476ppi */
@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) { 
	#icon-bar { padding-bottom:15px}	
}

/* iPhone 12 and iPhone 12 Pro */
/* 2532x1170 pixels at 460ppi */
@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) { 
	#icon-bar { padding-bottom:15px}
	
}
/* iPhone 12 Pro Max */
/* 2778x1284 pixels at 458ppi */
@media only screen 
    and (device-width: 428px) 
    and (device-height: 926px) 
    and (-webkit-device-pixel-ratio: 3) { 
	#icon-bar { padding-bottom:15px}
}

/* iPhone 11 */
/* 1792x828px at 326ppi */
@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) { 
	#icon-bar { padding-bottom:15px}	
}


/* iPhone XR 1792x828px at 326ppi */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 
	#icon-bar { padding-bottom:15px}
	
}