
/*------------------------
      MEDIA QUERIES
-------------------------*/

/* Small Devices, Phones */ 

@media only screen and (max-width : 767px) {
/*----NAVI-----*/	
.nav > li > a.login{
	margin-right:0;
	padding: 3px 7px;
}

	
/*----PHOTO GALLERY-----*/
.slider .slick-slide img,
.topImages .slider .slick-slide img{
	max-height: 200px;
	width: auto;
}

.gallery-content .slick-prev, 
.gallery-content .slick-next {
    top: 15%;
}
	
.topImages .slider-nav-thumbnails .slick-track {
    max-height: 38px;
	overflow:hidden;
}
/*--- SMG GLOBAL BAR ----*/
#navbar-main.affix {
	top: 0px;
}
.sm-show {
	display: block;
}
.sm-hide {
	display: none;
}
/*--------ADS---------*/

.leaderboard {
	display:none;
}
.leaderboard-res{
	display:block;
	margin:0 auto;
	text-align:center;
	max-width:300px;
}
	
/*----BREAKING NEWS---*/

.highlights {
	border: none;
}
.breakingNews {
	position: static;
}
.topics ul.topics-content label {
	background: none;
	color: #333;
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	padding-right:8px;
}
.topics ul.topics-content label::after {
	top:28%;
}
.topics ul.topics-content li a {
	padding-left: 0;
	padding-top: 0;
	line-height: 1.9em;
}
.topics ul.topics-content {
	overflow: hidden;
	display: block;
	margin-top: 15px;
	padding-bottom: 0;
	margin-bottom: 0;
}
/*----TSOL NAVBAR----*/
.disable-scroll {
	overflow: hidden;
}
#tsolnavbar {
	display: none;
}
.navi-primary-mobile {
	display: none;
}
.mob-bot-20 {
	margin-bottom: 20px;
}
.mob-bot-15 {
	margin-bottom: 15px;
}
.mob-top-20 {
	margin-top: 20px;
}
.mob-top-15 {
	margin-top: 15px;
}
.focus-wrapper {
	display: block;
}
.nav.navbar-nav.brand-promo, ul.social-branding {
	display: none;
}
.navbar-nav.mobile-panel {
	margin-right: 0;
	margin-left: 0;
}
/*---Dramatic Template---*/
.dramatic .f50 {
	font-size: 1.750em;
}
/*----NAVI MOBILE----*/
.navbar-toggle {
	margin-top: 0;
	margin-bottom: 0;
}
ul.navbar-nav {
	margin-top: 0;
	margin-bottom: 0;
}
.navbar-brand.brand-prime {
	display: none;
}
.navbar-brand.brand-mobile {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: -12px;
	text-align: center;
	margin: 0 auto;
}
.navi-primary-mobile {
	display: none;
	font-size: 0.95em;
	width: 100%;
	z-index: 999999;
	overflow: scroll;
	height: 100%;
	padding: 0;
}
.navi-primary-mobile a {
	text-decoration: none;
	color: #555;
}
.navi-primary-mobile .navigation-title {
	background: #e6e6e6;
	display: block;
	padding: 12px 10px;
	border-bottom: 1px solid #d6d6d6;
	font-weight: bold;
}
.navi-primary-mobile .navigation-section {
	background: #f2f2f2;
	clear: both;
	display: block;
	overflow: hidden;
	position: relative;
}
.navi-primary-mobile .navigation-children {
	-webkit-column-width: 50%;
	-moz-column-width: 50%;
	column-width: 50%;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	list-style: none;
	margin: 7px 0;
}
.navi-primary-mobile .navigation-children li {
	margin: 0 10px 0 20px;
	padding: 6px 0;
}
.navi-primary-mobile .navigation-children li a {
	color: #7a7a7a;
}
.navi-primary-mobile .navigation-children li a:hover, .navi-primary-mobile .navigation-title:hover {
	background: #eee;
	color: #bb0000;
}
.navi-primary-mobile ul li ul li a:nth-child(2n+1) {
	clear: both;
}
.topics {
	margin-top: 2px;
}
/*-----------------------*
      PHOTOS GALLERY
-----------------------*/
.gallery-list .gallery-img-wrap {
	max-height: 100%;
}
.gallery-caption-wrapper ul.social {
	margin-top: 15px;
}
/*------------------------*
        CONTACT US
-------------------------*/	
.write-to-us label {
	margin-bottom: 0;
	padding-left: 0;
}
/*----BUSINESS:INDICES----*/

.market-sector-wrap div {
    margin-bottom: 20px;
}
	
.glossary-nav {
	display: none;
}
	
.glossary-nav-res, .glossary-nav-res-wrap, .alpha-title {
	display:block;
	}
	
.alpha-title{
		margin-bottom:10px;
	}
.glossary-nav-res {
	border: 1px solid #d6d6d6;
	box-shadow: inset 0 0 10px 1px #fefefe;
	height: 31px;
	overflow: hidden;
	width: 100%;
	display: block;
	position: relative;
}
.glossary-nav-res label {
	position: absolute;
	right: 10px;
	top: 10%;
	z-index: -1;
}
.glossary-nav-res select {
	background: transparent;
	width: 100%;
	height: 30px;
	font-size: 0.85em;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 4px;
}
.indices-wrap .market-trans tr td:nth-child(2), .indices-wrap .market-trans tr td:nth-child(3), .indices-wrap .market-trans tr td:nth-child(4), .indices-wrap .market-trans tr td:nth-child(7) {
	display: none;
}
/*--END NAVI MOBILE--*/	
	
#page-header .navbar-right {
	float: right;
}
#page-header .navbar-right li {
	display: inline-block;
}
.focus-story .content {
	margin: 15px 10px;
}
.block.sidebar-wrapper {
	border-left: none;
	border-right: none;
	padding-left: 10px;
	padding-right: 10px;
}
.vid-highlight, .vid-more {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
}
.listing p {
	padding-left: 20px;
}
.lifestyle .main-focus {
	border: 1px solid #d6d6d6;
	padding: 0;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.lifestyle .in-focus {
	margin-bottom: 10px;
}
.lifestyle .main-focus .kicker, .lifestyle .main-focus p {
	padding: 0 10px;
}
#page-header .navbar-right {
	float: none;
	position: absolute;
	right: 0;
	top: 0;
}
.story-set {
	margin-bottom: 0;
}
.mob-left {
	float: left!important;
}
.mob-right {
	float: right!important;
}
.topics-content li:first-child {
	width: 100%;
}
/*------------------------------
      ADVANCED SEARCH PAGE
-------------------------------*/
.date-range span {
	clear: both;
	display: block;
	margin: 5px 0;
}
.date-range select {
	margin-right: 10px;
}
/*-----------------------*
  TOPICS PAGE  - Photos
-----------------------*/

li.photo-item {
	width: 100%;
	text-align: center;
}
li.photo-item img {
	max-height: 260px;
	margin: 0 auto;
	text-align: center;
	width: auto;
	max-width: 100%;
}
.tab-content > .tab-pane, .tab-content > .tab-pane.active {
	margin-bottom: 0;
}
.sub-section-list {
	margin-bottom: 0;
}
/*------------------------*
	      PAGINATION
---------------------------*/
.pager li > a, .pager li > span {
	margin: 0;
}
/*-----------------------*
       WELCOME PAGE
-----------------------*/	
/*---Opinion For Welcome Page---*/
.opinion-wp .text-overflow {
	display: none;
}
.opinion-wp .col-wrap {
	height: auto;
}
.opinion-wp .col-byline {
	position: static;
}
.opinion-wp .col-byline .byline {
	text-align: right;
}
/*---------------------------------------------*
    COMPONENT: BUSINESS - FINANCIAL RESULTS
----------------------------------------------*/
.financeWrap .market-trans tr td:nth-child(1), .financeWrap .market-trans tr td:nth-child(4) {
	display: none;
}
/*---------------------------------------------*
     COMPONENT: BUSINESS - COMPANY RATING
----------------------------------------------*/
.companyRatings tbody tr {
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.companyRatings tbody tr, .shareholding tbody tr {
	border-bottom: 1px solid #d6d6d6;
}
.companyRatings tbody tr td {
	margin-bottom: 6px;
}
.companyRatings tbody tr td {
	padding: 0;
}
.companyRatings td::before {
	content: attr(data-title);
}
.companyRatings td::before {
	white-space: nowrap;
	text-align: left;
	font-weight: bold;
}
.companyRatings table, .companyRatings th, .companyRatings td, .companyRatings tr {
	display: block;
}
.companyRatings thead {
	display: none;
}
/*---------------------------------------------*
         COMPONENT: BUSINESS - DIVIDENDS
----------------------------------------------*/	
.dividends-table-wrap .market-trans tr td:nth-child(2), .dividends-table-wrap .market-trans tr td:nth-child(3), .dividends-table-wrap .market-trans tr td:nth-child(4) {
	display: none;
}	
.stock-profile-wrap .sp-dividend .market-trans tr td:nth-child(1),
.stock-profile-wrap .sp-dividend .market-trans tr td:nth-child(3),
.stock-profile-wrap .sp-dividend .market-trans tr td:nth-child(4) {
		display:none;
	}
.stock-profile-wrap .sp-dividend .market-trans tr td:nth-child(2) {
    display: block;
    padding-left: 0;
}
	
.sp-dividend table.dataTable thead td:nth-child(5){
		width:130px;
	}

/*---------------------------------------------*
         COMPONENT: BUSINESS - IPO
----------------------------------------------*/	
.ipoTableWrap .ipoTable tr th:nth-child(2), .ipoTableWrap .ipoTable tr th:nth-child(4), .ipoTableWrap .ipoTable tr td:nth-child(2), .ipoTableWrap .ipoTable tr td:nth-child(4) {
	display: none;
}
.ipoTableWrap td::before {
	content: attr(data-title);
}
.ipoTableWrap td::before {
	white-space: nowrap;
	text-align: left;
	font-weight: normal;
}
.ipoTableWrap tbody tr td {
	margin-bottom: 0;
}
.ipoTableWrap tbody tr td {
	padding: 0;
}
.ipoTableWrap td::before {
	content: attr(data-title);
}
.ipoTableWrap td::before {
	white-space: nowrap;
	text-align: left;
	font-weight: normal;
}
.ipoTableWrap thead th, .ipoTableWrap tbody tr td {
	padding: 10px 12px 10px 0;
	vertical-align: text-top;
}
.ipoTableWrap td {
	border: none;
	position: relative;
	white-space: normal;
	text-align: left;
}
.ipoTableWrap table, .ipoTableWrap tbody, .ipoTableWrap th, .ipoTableWrap td, .ipoTableWrap tr {
	display: block;
}
.ipoTableWrap thead {
	display: none;
}
.ipoTableWrap thead tr th, .ipoTableWrap tbody tr td {
	text-align: left;
}
.ipoTableWrap thead th:nth-child(1), .ipoTableWrap tbody tr:nth-child(1), .ipoTableWrap tbody tr {
	width: 100%;
}
.ipoTableWrap p {
	margin-bottom: 0;
}
/*---------------------------------------------*
         COMPONENT: SHAREHOLDING CHANGES
----------------------------------------------*/
.shareChanges.market-trans tr td {
	border-bottom: none;
}
/*---------------------------------------------*
         COMPONENT: BUSINESS - BONUS
----------------------------------------------*/
.tableBonus header {
	display: none;
}
ul.Bonus-listing li {
	display: block;
	float: none;
	width: 100%;
}
ul.Bonus-listing li p.date {
	font-size: 13px;
	color: #666;
}
.table-01 {
	padding: 0;
}
/*----------------------------------------------------*
   COMPONENT: BUSINESS > STOCK PROFILE - Dividend
---------------------------------------------------*/
.sp-dividend .dividends-table-wrap .market-trans tr td:nth-child(2) {
	display: block;
}
/*-----------------------*
         SECTION
-----------------------*/
li.hidden-visual img {
	display: block;
}
/*li.hidden-visual {
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 20px;
	padding-bottom: 20px;
}*/
li.hidden-visual {
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
li.hidden-visual:last-child, .more-story .in-sec-story {
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.more-story.bot-20 {
	margin-bottom: 0;
}
.lifestyle-wp.more-story.bot-20 {
	margin-bottom: 20px;
}
/*.more-story .in-sec-story {
	margin-bottom: 20px;
	padding-bottom: 20px;
}*/
.more-story .in-sec-story {
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.more-story .in-sec-story:last-child {
	border-bottom: none;
}
.more-news .more-story .in-sec-story:last-child {
	border-bottom: 1px solid #d6d6d6;
}
.in-sec-story h2, .sub-section-list .list-listing h2 {
	font-size: 1em;
}
.sub-section-list .list-listing p {
	display: none;
}
.mob-invi {
	display: none;
}
.side-combo-1 .desc-wrap p {
	margin-bottom: 10px;
}
/*-----------------------*
          VIDEOS
 -----------------------*/		
.videos-content:last-child {
	padding-bottom: 0;
}
.watch .sidebar-wrapper {
	padding: 0;
}
/*-----------------------*
       HERO PANEL
 -----------------------*/
.hero-panel .panel-wrap {
	padding: 20px 10px;
}
.wide-layout.hero-panel {
	height: auto;
}
.panel-content .regbutton {
	margin-bottom: 15px;
}
.panel-bg-img {
	top: 0;
}
/*-----------------------*
        ADS SLOT
  -----------------------*/	
.wide-layout.watch .Ads-slot {
	margin-top: 0;
}
/*-----------------------*
        LATEST PAGE
  -----------------------*/	
.latest-news .timeline-content p {
	display: none;
}
.latest-news ul.timeline > li .timestamp {
	background: none;
	color: #4a4a4a;
	padding: 0;
	text-align: left;
	font-size: 0.7em;
}
.clear-mob {
	display: block;
	clear: both;
}
.latest-news ul.timeline > li .tmicon {
	display: none;
}
.latest-news ul.timeline .tm-content-wrap::before {
	display: none;
}
.latest-news ul.timeline > li .timeline-content {
	margin-left: 0;
}
.timeline-content h2 {
	font-size: 1em;
	line-height: 1.18em;
}
.latest-news .timeline .s-img {
	margin-top: 10px;
}
.latest-news ul.timeline > li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d6d6d6;
}
/*------------------------*
	     FILTER NAVI
---------------------------*/
ul.filter-navi b {
	display: inline-block;
	vertical-align:top;
	margin-top:6px;
}
ul.filter-navi select.filterby {
	width: 60%;
	display: inline-block;
	margin-bottom: 15px;
}
ul.filter-navi input.button {
	width: 15%;
	display: inline-block;
}
ul.filter-navi {
	padding-bottom: 0;
}

.button {
	min-width: auto;
}
/*----Trending in News----*/
	
.trending ul.trend-list p.trend-list-num {
	font-size: 1.813em;
}
.trending p {
	font-size: 0.95em;
}
.trending ul.trend-list {
	height: auto;
}
.trending ul.trend-list li:nth-child(2) {
	padding: 0;
}
/*----Across TSOL----*/
.more-story .in-sec-story:last-child {
	border-bottom: 1px solid #d6d6d6;
}
/*----OTHER SITES----*/	
.oth.more-story .in-sec-story:last-child {
	border-bottom: none;
}
/*-----------------------*
       LATEST PAGE
-----------------------*/	
.headline.type-02 p {
	text-align: right;
}
/*------------------------------*
  CONTENT - DRAMATIC HOME PAGE
-------------------------------*/
.dtp-drama {
	display: none;
}
.mob-drama {
	display: block;
	max-height: 25em;
}
.mob-drama-bg {
	display: block;
}
.mob-drama img {
	min-height: 100%;
	min-width: 100%;
	width: auto;
	height: auto;
	max-width: none;
	max-height: none;
	position: relative;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}
.mobile-dramatic {
	display: block;
	position: relative;
}
.dramatic-wrap {
	background: rgba(0,0,0,0.7);
	position: relative;
	z-index: 2;
	padding: 20px 0;
}
.mobile-dramatic.dramatic h1.f50 a {
	color: #fff;
}
.mobile-dramatic.dramatic h1.f50 {
	font-size: 1.750em;
}
.mob-drama-bg {
	/*background: url(../images/dramatic.png)no-repeat;*/
	position: absolute;
	left: 0;
	top: 0;
	filter: blur(4px);
	width: 100%;
	height: 100%;
	z-index: 1;
}
/*.mob-drama-bg img {
	width: 100vw;
	height: 150vh;
	object-fit: cover;
}*/
/*-----------------------------------------*
    COMPONENT: BUSINESS - MARKET MOVERS
------------------------------------------*/	
.market-movers ul li:nth-child(3), .market-movers ul li:nth-child(5) {
	display: none;
}
.market-trans .linedlist:nth-child(6), .market-trans .linedlist:nth-child(7), .market-trans .linedlist:nth-child(8), .market-trans .linedlist:nth-child(9), .market-trans .linedlist:nth-child(10) {
	display: none;
}
ul.biz-sec-wrap td:nth-child(2), ul.biz-sec-wrap td:nth-child(3), ul.biz-sec-wrap td:nth-child(4), ul.biz-sec-wrap td:nth-child(7) {
	display: none;
}
/*---------------------------------------------*
   COMPONENT: BUSINESS - SHAREHOLDING CHANGES
----------------------------------------------*/
.shareholding .shareChanges .market-trans-head {
	display: none;
}
.shareChanges.market-trans tr td:nth-child(1) {
	display: none;
}
.shareChanges.market-trans tr td {
	display: inline-block;
	padding-left: 0;
	padding-top: 0;
	padding-right: 8px;
}
.shareChanges.market-trans tr {
	margin-bottom: 10px;
	display: block;
	border-bottom: 1px solid #d6d6d6;
}
.shareChanges.market-trans tr td:nth-child(5) {
	clear: both;
	width: 100%;
	text-align: left;
}
.shareChanges.market-trans tr td p {
	margin-bottom: 0;
}
.shareChanges tr td:last-child {
	max-width: 100%;
}
.klciVolume p {
	line-height: 1.3em;
}
/*----------------------------------------------------*
   COMPONENT: BUSINESS > STOCK PROFILE - Fundamentals
---------------------------------------------------*/	
	/*.financial .shareChanges .market-trans-head{
		display:block;
	}*/
	
.financial .shareChanges thead tr td:nth-child(2),  .financial .shareChanges tbody tr td:nth-child(2) {
	display: none;
}
/*---------------------------------------------*
    COMPONENT: BUSINESS - STOCK PROFILE
----------------------------------------------*/
.stock-profile-wrap .market-trans tr td:nth-child(2), .stock-profile-wrap .market-trans tr td:nth-child(3), .stock-profile-wrap .market-trans tr td:nth-child(8), .stock-profile-wrap .market-trans tr td:nth-child(9) {
	display: none;
}
.stock-code-set {
	width: 100%;
}
.companyProfile .financeWrap .market-trans tr td:nth-child(1) {
	display: block;
}
.companyProfile .shareholding .market-trans tr td:nth-child(3), .companyProfile .shareholding .market-trans tr td:nth-child(4) {
	text-align: left;
	display: inline-block;
}
.companyProfile .shareholding td::before {
	content: attr(data-title);
}
.companyProfile .shareholding td::before {
	white-space: nowrap;
	text-align: left;
	font-weight: normal;
}
.companyProfile .shareholding .market-trans tr td:nth-child(1) {
	display: block;
	clear: both;
}
.companyProfile .shareholding .market-trans tr td:nth-child(1) p {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 10px;
}
/*--------------------*
   SECTION PAGE
----------------------*/
.focus-story {
	max-height: 100%;
}
/*--------------------*
    COLUMNISTS
----------------------*/
.col-wrap {
	height: auto;
}
.col-byline {
	padding: 0;
	position: static;
}
/* -------------
	FOOTER
   ------------ */	
footer.row.mobile {
	display: block;
}
footer .footer {
	display: none;
}
footer.row.mobile ul.four.columns {
	margin: 0;
	width: auto;
}
footer.row.mobile ul > li {
	border-bottom: medium none;
}
footer.row.mobile ul li p {
	background: url("../images/footer-arrow-down.png") no-repeat scroll right center transparent;
	border-bottom: 1px solid #505053;
	color: #fff;
	cursor: pointer;
	font: bold 0.75em/1.5em Arial, Tahoma, Helvetica, sans-serif;
	padding: 10px 3.3333%;
	position: relative;
	text-transform: uppercase;
	margin-bottom: 0;
}
footer.row.mobile ul li p.active {
	background: url("../images/footer-arrow-up.png") no-repeat scroll right center transparent;
}
footer.row.mobile ul li ul.toggle {
	background-color: #353535;
	display: none;
	overflow: visible;
	float: none;
	margin: 0;
}
footer.row.mobile ul li a {
	color: #b5b5b5;
	display: block;
	font-size: 0.75em;
	padding: 10px 3.3333%;
}
/*-------------------------*/

.nav-pills-dropdown {
	display: block;
	position: relative;
	font-weight: 600;
	border-radius: 0;
	border: 1px solid #d6d6d6;
	text-align: left;
}
.nav-pills-dropdown:before {
	content: "";
	font-weight: 900;
	position: absolute;
	right: 12px;
	background: url("../images/tsol-sprites.svg") -306px -47px no-repeat;
	width: 15px;
	height: 10px;
	top: 12px;
}
#nav-tabs-wrapper {
	display: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	text-align: center;
	padding: 0;
}
.nav-tabs-horizontal {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.nav-tabs-horizontal > li {
	float: none;
}
.nav-tabs-horizontal > li + li {
	margin-left: 2px;
}
.nav-tabs-horizontal > li,  .nav-tabs-horizontal > li > a {
	background: transparent;
	width: 100%;
}
.nav-tabs-horizontal > li > a {
	border-radius: 4px;
}
.tab-panel-2 .nav-pills > li.active > a {
	border-top: none;
}
.tab-panel-2 .nav-pills > li {
	text-align: left;
}
.tab-search-results label {
	display: none;
}
/*----------------------------------------*
    COMPONENT: BUSINESS: SHARE BUYBACKS
------------------------------------------*/
.share-buybacks .market-trans-head {
	display: none;
}
.share-buybacks .market-trans td::before {
	white-space: nowrap;
	text-align: left;
	font-weight: normal;
}
.share-buybacks .market-trans td::before {
	content: attr(data-title);
	margin-right:5px;
}
.share-buybacks .market-trans tr td {
	display: block;
	clear: both;
	width: 100%;
	text-align: left !important;
	padding-left:0;
}
.share-buybacks .market-trans tr td:nth-child(2),  .share-buybacks .market-trans tr td:nth-child(3) {
	display: block;
}
	.share-buybacks tr:hover{
	background:none;
}
}	
@media only screen and (min-width : 420px) and (max-width : 767px) {
	.topImages .slider-nav-thumbnails .slick-track {
    max-height: 58px;
	overflow:hidden;
}
}
