/* ---------------------------------------------
Project:TS responsive development
File: global stylesheet for all responsive attributes for TS index pages
Author: Sanjib Adhya
Author URI: http://zacks.com
Date: 04/07/2016
Version: 0.1
--------------------------------------------- */

/* *********************************** General attributes  **************************************** */
@media screen and (min-width: 320px){
    /* pre-loader for search result for TS */
    .search-loader{
        display: block;
        margin: 10px auto;
        width: auto;
        max-width: 100%;
    }
    
    /* commentary archive search block */
    #ts_commentary_search_form.search{
        margin-bottom: 10px;
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    /* hiding archive search block for all TS service commentary pages */
    #ts_content #ts_commentary_search_form.search{display: none;}

    /* displaying archive search block for only below mentioned ts commentary pages */
    #ts_content.ts-index--hri #ts_commentary_search_form.search,
    #ts_content.ts-index--bb #ts_commentary_search_form.search,
    #ts_content.ts-index--etf #ts_commentary_search_form.search,
    #ts_content.ts-index--ot #ts_commentary_search_form.search,
    #ts_content.ts-index--insdr #ts_commentary_search_form.search,
    #ts_content.ts-index--mmt #ts_commentary_search_form.search,
    #ts_content.ts-index--lc #ts_commentary_search_form.search,
    #ts_content.ts-index--st #ts_commentary_search_form.search,
    #ts_content.ts-index--incm #ts_commentary_search_form.search,
    #ts_content.ts-index--su10 #ts_commentary_search_form.search,
    #ts_content.ts-index--vi #ts_commentary_search_form.search,
    #ts_content.ts-index--hci #ts_commentary_search_form.search,
    #ts_content.ts-index--cs #ts_commentary_search_form.search,
    #ts_content.ts-index--sl #ts_commentary_search_form.search,
    #ts_content.ts-index--zc #ts_commentary_search_form.search,
    #ts_content.ts-index--zic #ts_commentary_search_form.search,
    #ts_content.ts-index--tr #ts_commentary_search_form.search,
    #ts_content.ts-index--ti #ts_commentary_search_form.search,
    #ts_content.ts-index--t10 #ts_commentary_search_form.search,
    #ts_content.ts-index--zu #ts_commentary_search_form.search,
    #ts_content.ts-index--bci #ts_commentary_search_form.search,
    #ts_content.ts-index--mi #ts_commentary_search_form.search,
    #ts_content.ts-index--ci #ts_commentary_search_form.search{display: block !important;}

    #ts_commentary_search_form.search input[type=submit].submit{
        height: 30px;
        margin-top: 5px;
        padding: .373rem .5rem;
        font-weight: bold;
        text-align: center;
        color: #999999;
        background: transparent;
        border: 1px solid #afafaf;
        border-radius: 3px;
        cursor: pointer;
        font-size: 10pt;
        line-height: normal;
    }

    #ts_commentary_search_form.search input[type=submit].submit:hover{
        color: #7d7d7d;
        text-shadow: 0px 1px 0px #fff;
        background: #cacaca;
        -webkit-background: linear-gradient(to bottom, #eeefee, #cacaca, #dfdfdf);
        -moz-background: linear-gradient( to bottom, #eeefee, #cacaca, #dfdfdf);
        -o-background: linear-gradient(to bottom, #eeefee, #cacaca, #dfdfdf);
        background: linear-gradient(to bottom, #eeefee, #cacaca, #dfdfdf);
    }

    #ts-search-alert{
        width: 100%;
        float: left;
        margin-bottom: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: left;
        color: red;
    }

    .ts_archive-nav{
        margin-left: 6px !important;
    }

}

@media screen and (min-width:320px) and (max-width:1023px){
    html, body {width: 100%; overflow-x: hidden; float: left; box-sizing: border-box;}

    * {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}

    #ts_body table{width:100%;} /* all tables inside TS index pages */
    .portfolio, #ts_commentary{width:100%;}
    #ts_commentary img{width: 100%; height: auto;}

    #real-time-insight, #ts_commentary, #ts_commentary h1, #ts_commentary div, #ts_commentary header.author-block, #ts_commentary p, #ts_commentary a, footer.ts_disclaimer{width: 100%; float: left; max-width: 760px;}
	/*msg blurb section alignment*/
    .ts-index--zc #ts_commentary header.author-block{margin-bottom: 160px;}
    #ts_commentary table td a{width: auto;}
    #ts_sidebar{width: 100% !important;}
    #ts_commentary ul, #ts_commentary ul li, #ts_commentary ul li div,#ts_commentary ul li a, #ts_commentary ul li p, #ts_commentary ul li span{width: 100%;}
    #ts_commentary ul, #ts_commentary ul li{text-align: left; list-style-position: inside; padding: 0;}

    #ts_body > section, #ts_sidebar > section, .top-movers > section, .analyst-bio > section, .top_movers > div{padding-bottom: 0 !important;}

    .ts-table-wrap.hidden{display: none;}

    /* Popup container - Blurb popup under the TS banner */
    .blurb-popup .popuptext{width: 548px !important; left: 0px !important; bottom: 140% !important;}
    .blurb-popup .popuptext a.close-pop{float: right; margin-top: -16px; margin-right: -16px; border: 1px solid #464646; background: #757575; color: #fff; border-radius: 50%;   width: 17px; height: 17px; text-align: center; font-size: 9pt; line-height: 17px;}
    .blurb-popup .popuptext a.close-pop:hover{color: #fff;}

    div.top-movers, div.analyst-bio, div.ts_contact{margin-left:0 !important;
    padding-left: 0 !important;}

    .analyst-bio header.author-block > div > p{float: none !important; height: inherit !important;}
    #ts_commentary .editor-message .author-signature-zccommentary{width: auto;}

    #quick_links{margin-bottom: 0;}

    div.adbb{display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; width: 100%;}

/* native menu for TS */
    #ts_body #masthead{position: relative; float: left; width: 100%;}
    #ts_body #masthead h1{margin-bottom: 10px !important;}
    #ts_body section.portfolio.additions{margin-top: 10px;}

    #ts_sidebar_toggle{display: block; cursor: pointer; margin-left: 5px;}
    #ts_sidebar_toggle strong {float: left; text-transform: capitalize; font-size: 12px; color: #000; text-align: left; line-height: 22px;}
    #ts_sidebar_toggle aside {float: left; margin-bottom: 10px; margin-left: 5px; padding: 8px 10px;}
    #ts_sidebar_toggle aside {
        background: #f1943b;
        background: -moz-linear-gradient(top,#f1943b 0,#dc6e2f 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f1943b),color-stop(100%,#dc6e2f));
        background: -webkit-linear-gradient(top,#f1943b 0,#dc6e2f 100%);
        background: -o-linear-gradient(top,#f1943b 0,#dc6e2f 100%);
        background: -ms-linear-gradient(top,#f1943b 0,#dc6e2f 100%);
        background: linear-gradient(to bottom,#f1943b 0,#dc6e2f 100%);
    }
    #ts_sidebar_toggle aside span {background-color: #fff; float: left; margin: 0 2px; border-radius: 100%; padding: 2px;}

    #ts_sidebar_toggle+nav.ts_nav {margin-bottom: 10px;}
    nav.ts_nav {top: 100px; position: absolute; z-index: 999; border-radius: 0; width: 100%; left: -999px; margin-left: 10px; padding-top: 10px; padding-left: 10px; background: #787878; min-height: 200px; height: auto; font-size: 10pt; font-weight: bold; z-index: 9999;}
    nav.ts_nav ul, nav.ts_nav ul li, nav.ts_nav ul li a{width: 100%;}
    nav.ts_nav ul li{padding-bottom: 24px;}
    nav.ts_nav ul li a{color: #a6a6a6;}
    nav.ts_nav ul li.selected a{color: #fff; background-image: none;}

    .close_nav_btn {color: #fff; text-align: left; float: right; cursor: pointer; display: block;}
    .close_nav_btn span {float: right; margin-left: 5px; border: 1px solid #cacaca; border-radius: 100%;
    width: 16px; height: 16px; margin-right: 10px; position: relative;}
    .close_nav_btn span::before, .close_nav_btn span::after {background-color: #fff; width: 1px;    height: 10px; position: absolute; z-index: 1000; left: 46%; top: 16%; content: '';}
    .close_nav_btn span::before {-webkit-transform: rotate(44deg); -moz-transform: rotate(44deg); -o-transform: rotate(44deg); -ms-transform: rotate(44deg); transform: rotate(44deg);}
    .close_nav_btn span::after { -webkit-transform: rotate(-44deg); -moz-transform: rotate(-44deg); -o-transform: rotate(-44deg); -ms-transform: rotate(-44deg); transform: rotate(-44deg); right: 50%;}

    /* aligning more commentary link in the center of the commentary block */
    #ts_commentary div footer a{width: 100%; text-align: center; margin-bottom: 40px;}
    #ts_commentary .top-movers footer span.fine-print{width: 100%; float: left;}
    #ts_commentary div footer a{position: relative; font-size: 14pt;}
    #ts_commentary div footer a::before{content: url('/images/zacks/trader/ts-more-arrow.png'); width: 22px; height: 22px; display: block; position: absolute; top: 30px; left: 48%;}
    #ts_commentary div footer a::after{display: none;}

    /* right sidebar */
    #ts_sidebar{border-left: none !important; padding-left: 0 !important;}
    #ts_sidebar #zacks_services{margin-bottom: 10px;}
    #zacks_services h1{position: relative;}
    #zacks_services > h1::after, #zacks_services > h1.arrow_down::after{content: '\25c4'; position: absolute; right: 0px; top: -7px; font-size: 28px; color: #f1943b;}
    #zacks_services > div h1::after{display: none;}

    .ts-index--zu #ts_sidebar > section:first-of-type{border-bottom: 3px solid #efac00 !important;}
    #zacks_services > div, #commentary_archive > ul{width: 100% !important;}
    #zacks_services ul li, #commentary_archive ul li{border-bottom: none !important;}

    /* collapsible service menu: 1st level */
    #zacks_services > div{display: none;}
    #zacks_services > div h1{border-bottom: 1px solid #cacaca;}
    #zacks_services > h1.arrow_down::after{content: '\25BC'; top: -8px;}
    #zacks_services > h1, #zacks_services > div h1{ -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;}

        /* collapsible service menu: 2nd level */
        #zacks_services > div > h1{padding: 6px 0 8px !important;}
        #zacks_services > div > h1::after, #zacks_services > div > h1.sub_nav_expand::after{background-color: #48a12d; width: auto; position: relative; content: '+'; justify-content: center; -webkit-justify-content: center; width: 21px; height: 21px; font-family: inherit; font-size: 15pt; font-weight: normal;  color: #fff; text-align: center; line-height: 15px; display: block; float: right; padding: 2px; box-sizing: border-box;}
        #zacks_services > div > h1.sub_nav_expand::after{content: '-'; background-color: #e17732;}
        #zacks_services ul{display: none;}

/* alternative service menu -location above mashead for mobile view */
    #zacks_services{display: none;}
    .service-menu-mobile, .service-menu-mobile #zacks_services{width: 100%; float: left; display: block;}
    .service-menu-mobile{margin-bottom: 20px; padding: 10px 0 10px 10px;}
    .service-menu-mobile #zacks_services{width: 102%; float: left; border-bottom: 3px solid #12506d;}

/* recent commentary and commentary archive */
    #ts_sidebar > section#recent_commentary{padding-bottom: 10px !important;}
    #recent_commentary article{border-bottom: none;}
    #recent_commentary article h1, #commentary_archive ul li a{border-radius: 5px; box-shadow: 1px 1px 0px #605E5E inset; background: #f1943b; cursor: pointer;}
    #recent_commentary article h1 a span, #commentary_archive ul li a{padding: 8px 5px !important; color: #fff !important; text-shadow: none;}
    #recent_commentary article h1 a, #commentary_archive ul li a{color: #fff !important;}
    #commentary_archive h1 {margin-bottom: 16px !important;}
    #commentary_archive ul li{width: auto; display: inline-block; margin-right: 5px !important; padding-bottom: 18px !important;}
    #recent_commentary article h1 a{display: inline-block; padding: 5px;}
    #recent_commentary article h1 a span:first-of-type{display: flex; display: -webkit-flex;}
    #recent_commentary article span.date{padding-top: 0 !important; padding-bottom: 0 !important;}
    
    #recent_commentary article a span:first-of-type{
        margin: 0 .9rem 0 0;
    }

    /* disclaimer part */
    footer.ts_disclaimer{display: none;}
    .mobile_only.ts_disclaimer{width: 100%; margin: 0; padding: 0 1%; clear: both;}
    .mobile_only.ts_disclaimer p:last-of-type{width: 100%;}
    .mobile_only.ts_disclaimer p{display: none;}
    .mobile_only.ts_disclaimer .btnGrp{width: 100%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 20px 0 10px; padding: 20px 0; padding-bottom: 0; border-top: 1px solid #838383;}
    .mobile_only.ts_disclaimer .btnGrp button{background-color: transparent; border: 1px solid #838383; outline: none; border-radius: 4px; margin-right: 10px; padding: 8px 15px; font-size: 1.4em; font-family: inherit; color: #838383; text-transform: capitalize; text-align: center; line-height: normal; letter-spacing: 1px;}
    .mobile_only.ts_disclaimer .btnGrp button.orange_btn{background-color: #f1943b; color: #fff; border: none;}
    .mobile_only.ts_disclaimer::after{content: ''; width: 80%; position: relative; bottom: 0; margin: 10px 10%; background-color: #838383; height: 1px; flex-grow: 1; -webkit-flex-grow: 1;}

/* video page */
#ts_video_commentary{margin-top: 10px !important;}
.ts_video.one-third{width: 98%; margin: 0 1%; padding: 0;}
.ts_video ul, #ts_video_commentary ul li{width: 100%; float: left;}
#ts_video_commentary .two-thirds--right{float: left;}

/* special reports page */
#trader_body, #trader_body h1, #special_reports, .reports, #special_reports .reports > article{width: 100% !important; float: left !important;}
#third_rail_trader{width: 98% !important; float: left !important; margin-left: 0 !important; border: 0 !important;}

/* new to ZU page */
.ultimate_memeber, .ultimate_memeber h1, .ultimate_memeber h2, .ultimate_memeber p, .zu_icon_block, .zu_icon_block div{width: 100%; float: left;}
.zu_icon_block{margin-top: 20px;}
.zu_icon_block div{display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -o-justify-content: center; -ms-justify-content: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -o-flex-wrap: wrap; -ms-flex-wrap: wrap;}
.zu_icon_block.three_col div{margin-left: 0 !important;}
.zu_icon_block div p.button{padding-top: 0 !important; padding-bottom: 65px;}
.zu_icon_block.three_col > div{width: 100% !important; border-right: 0 !important;}
.zu_icon_block.three_col p.button{position: relative !important; top: -33px !important; margin-bottom:  30px !important;}

/* ZU welcome series */
#welcome_series, #welcome_series div.welcome, #welcome_series div.seperator, #welcome_series div.seperator ul.pagination, #welcome_series div.seperator div.email_container{width: 300%; float: left; -webkit-overflow-scrolling: touch; overflow: scroll !important;}
#welcome_series{padding-top: 20px !important;}
#welcome_series div.seperator div.email_container iframe#frame{width: 100%; height: 100%;}

/* view services */
#special_reports center div {width: 200%; float: left; overflow: auto;}
#special_reports center div table#productSelector th.header span{margin-right: 10px;}

/* FAQ and support */
.ts_support, .ts_support div, .ts_support div.ts_contact, .ts_faq, .ts_faq div.faq-block, .ts_faq div.faq-block section{width: 100%; float: left;}
.ts_faq{float: none;}
.ts_support div.ts_contact.one-third--right + div{padding-left: 0 !important;}
.ts_support .one-third--right{border-left: none !important;}
.ts_faq img{width: 100%; height: auto;}

/* Commentary */
.ts_commentary-archive, .ts_commentary-archive h1, .ts_archive-nav, form#commentary_form, #cdate-most-recent, #cdate-most-recent article, #cdate-most-recent header.author-block, #cdate-most-recent .article-body, #cdate-most-recent .article-body img{width: 100%; float: left;}

.ts_commentary-archive{margin-bottom: 20px !important; border-bottom: none !important;}
/* alert preferences */
    #ts_body> #ts_my_alert, #ts_body> #ts_video_commentary, #ts_body> #top_movers{float: left; width: 100%;}
    #subscription_prefs, #subscription_prefs form{float: left; width: 100%;}
    #subscription_prefs section > div{margin-left: 0 !important;}

/* ts head modules
    .ts-head-market-summary, .ts-head-trending-topics{display: none;}*/

/* non-login page */
    #ts_content.ts_login #service.column{margin-left: 10px;}
    #ts_content.ts_login #service.column .button, #ts_content.ts_login #login.column{width: 100%; margin-left: 0;}
    #ts_content.ts_login #login.column{width: 94%; box-shadow: none;}
    #ts_content.ts_login #login.column form .fldCt input[type=text], #ts_content.ts_login #login.column form .fldCt input[type=password]{width:96%; margin: 0 2%; margin-bottom: 10px;}

/* real time insight */
    #real-time-insight{clear: left;}
    #real-time-insight article{padding-left: 0; padding-right: 0;}
    #real-time-insight .col-3, #real-time-insight .col-3 article, #real-time-insight .col-3 article .author-block, #real-time-insight .col-3 article .teaser.truncated_text_four{width: 100%; float: left;}
    #real-time-insight .teaser.truncated_text_four{height: auto; max-height: none; margin-bottom: 0;}
    #real-time-insight article .comments{text-align: left !important;}
    #real-time-insight footer{float: left; width: 100%; margin-bottom: 10px;}

    .ui-dialog{margin-left:  21px !important;}

    /* header module- market summary and recent commentary */
    .ts-header-module{float: left !important; width: 100%; max-width: 773px; margin-left: -1%; margin-right: -1%; padding-left: 10px; display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around;}

    .ts-head-trending-topics{float: left !important; width: 100% !important; margin-left: 0 !important;}
    .ts-head-market-summary, .ts-head-trending-topics{max-width: 300px !important;}
    .ts-head-market-summary{align-self: baseline; -webkit-align-self: baseline;}

    .ts-head-market-summary #market_summary_charts h1:first-child{float: left !important; width: 100% !important;}
    .alter-height {height: 220px !important;}
    .mobile-market-widget .alter-height {height: 228px !important;}
    .ts-head-trending-topics #latest_topics, .ts-head-trending-topics #popular_topics{height: 108px !important;}
    
    /* related adjustment for header nav toggle menu */
    .ts-header-module + .nav-toggle{position: absolute; right: 4px; top: 10px;}

    #banner .ts-header-module{display: none;}
    .mobile-market-widget{width: 96%; margin-left: 2%; margin-right: 2%; display: block;}
    .mobile-market-widget .ts-header-module{width: 100%; padding-left: 0; margin-top: 0; margin-bottom: 15px; }
    .mobile-market-widget .ts-head-trending-topics{height: 63px;}
    .mobile-market-widget #latest_topics article a, .mobile-market-widget #popular_topics article a{font-size: 10pt; font-weight: normal;}
    .mobile-market-widget .ts-head-trending-topics, .mobile-market-widget .alter-height{transition: height ease 0.3s; -webkit-transition: height ease 0.3s; -moz-transition: height ease 0.3s;}
    
    .mobile-market-widget .ts-head-trending-topics #trending_topics_container{
        display: none;
    }

    .mobile-market-widget .ts-head-trending-topics.alter-height #trending_topics_container{
        display: block;
    }


    /* generic  */
    section.portfolio h1 span{display: block; float: right; text-align: left; font-weight: normal; font-family: inherit; color: inherit; font-size: 10pt; padding-top: 2px;}
    section.portfolio h1 span.switch-table{position: relative; background-color: #e17732; width: 21px; height: 21px; font-family: inherit; font-size: 15pt; font-weight: normal; color: #fff; text-align: center; line-height: 15px; display: flex; display: -webkit-flex;}
    section.portfolio h1 span.switch-table::before{width:100%; position: relative; content: '-'; justify-content: center; -webkit-justify-content:center;}

    section.portfolio h1 span.switch-table.collapsed{background-color: #48a12d;}
    section.portfolio h1 span.switch-table.collapsed::before{width: 100%; position: relative; content: '+'; justify-content: center; -webkit-justify-content:center;}

    section.ts-table-wrap, div.top-movers, #top_movers_past_30.archives div{width:100% !important; margin: 0 !important; overflow: auto !important;}
    section.portfolio h1 span.balances{width: 100%; position: relative; float: left; clear: both; margin-left: -7px;}
    section.portfolio h1 span.balances + span.switch-table{top: -35px !important;}
    #top_movers h1{margin-bottom: 30px !important;}
    #top_movers h1 span, #top_movers footer, #top_movers_past_30.archives , #top_movers_past_30.archives div{float: left; width: 100%;}

    /* My alert page */
    #ts_body #ts_commentary .top-movers footer{padding: 16px 0;}
    #ts_my_alert #subscription_prefs .paid_service_name_col p, #ts_my_alert #subscription_prefs .paid_service_opt_col p{height: 30px; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 5px; padding-bottom: 5px;}

    /* overview page data table */
    section.portfolio table td.date-add{padding-left: 6px !important;}

    div.top-movers, div.analyst-bio, div.ts_contact{width: 100% !important; float: left !important; margin-left: 0 !important; padding-left: 0 !important;}

    /* performance chart */
    .ts_performance .two-thirds, .ts_performance .one-third--right{width: 100%; padding-left: 0 !important;}
    .ts_performance .two-thirds img, .ts_performance .one-third--right img{width: auto; height: auto;}
    .ts_performance .one-third--right h2{padding-top: 30px !important;}

    footer section.portfolio .accordion-section-content{width: 100%; overflow: auto !important;}
    .ts_performance footer a[href="download_trades.php"]{margin-bottom: 10px;}
    .ts_performance footer a[href="download_trades.php"], .ts_performance footer label[for="view-closed"]{width: 100%; float: left;}


    /* tractical Trader Right panel module border-bottom */
    .ts-index--tt #ts_sidebar > section:first-of-type{border-bottom: 3px solid #36c36c !important;}

    #ts_performance-summary .all_time_top_movers{width: 100%;}
    section#masthead + section, section.ts_faq{border-top-color: transparent !important;}

    .ts_performance_summary_details{width: 98% !important; margin-bottom: 10px !important;}

    /* top movers section  */
    .dataTables_wrapper{float: left !important; width: 100%;}
    #ts_commentary div.top-movers table tr.sp_500 td.symbol{padding-left: 8px !important;}

    /* ultimate webinars */
    .webinar_content_wrap{width: 98%; float: left;}
    #ts_content h2.webinar_title, #ts_content h3.webinar_title, .webinar_content_wrap p{float: left; width: 96%; margin: 0 2%;}
    #ts_content h2.webinar_title{font-size: 24px !important; line-height: normal !important; color: #4c3a0a !important;}
    /*MSG BLURB secttion alignment*/
	.commentry_msg_blurb {
		margin-left:0 !important;
	}
	.commentry_msg_blurb a.img_box{
		margin-left: 8px;
	}
    /* top movers table in performance page */
    #ts_performance-summary .all_time_top_movers td.symbol a.hoverquote-container-od{padding: 0 1px;}
    #ts_performance-summary .all_time_top_movers td.symbol a.hoverquote-container-od span.hoverquote-symbol{font-size: 9.5pt;}

    #ts_commentary ul{float: left; padding-left: 30px !important;}
    #ts_commentary ul, .ts-index--rta #ts_commentary ul li{list-style-position: inherit !important;}
    #ts_commentary ul li{padding: 0 !important;}
    #ts_commentary span a, #ts_commentary span span a, #ts_commentary ul li a, #ts_commentary p a,
    .article-body span a, .article-body span span a, .article-body ul li a, .article-body p a{max-width: inherit; width: inherit; float: inherit; color: #1d5eb5;}
    .article-body a{color: #1d5eb5;}


    #ts_video_commentary #education_videos #slider_wrapper .swiper-button-next
    , #ts_video_commentary #education_videos #slider_wrapper .swiper-button-prev{
        top: 0;
        padding: 35px 0 190px !important;
    }
    #ts_video_commentary #education_videos #slider_wrapper .swiper-button-next{/*right: 15px;*/}
    #ts_video_commentary .swiper-wrapper header a img {
        width: 99%;
        max-width: 1023px;
        max-height: 130px !important;
        height: 130px !important;
        margin: 2px 0 10px 0;
    }
    #ts_video_commentary .swiper-container{width: 99%;}
	.top-movers-panel section table {max-width:none !important;}

    /* Top movers panel for ZU and ZIC */
    .ts-index--zu .top-movers-panel section, .ts-index--zic .top-movers-panel section{margin-bottom: 10px;}
    .ts-index--zu .top-movers-panel section footer, .ts-index--zic .top-movers-panel section footer{
        padding-left: 5px;
        padding-right: 5px;
    }
    .top-movers-panel table th.symbol {padding-left:16px !important;}
    .ts-index--zu .top-movers-panel section table, .ts-index--zic .top-movers-panel section table{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ts-index--zu .top-movers-panel section table tbody tr.sp_500 td.symbol, .ts-index--zic .top-movers-panel section table tbody tr.sp_500 td.symbol{padding-left: 18px;}
	.ts-index--zu .top-movers-panel, .ts-index--zic .top-movers-panel{
	margin: 0 !important;
}
	.ts-index--zu .top-movers-panel section h1, .ts-index--zic .top-movers-panel section h1{
		margin: 0 !important;
	}
	.commentry_msg_blurb .content_box a.img_box {
    margin-left: 0;
    margin-bottom: 6px;
}

    /* commentary archive search block */
    input[name=search_txt]{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    /*fixation for ios platform*/
    @media screen and (-webkit-min-device-pixel-ratio:2) {
    input[name=search_txt]{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
}
    input[type=submit]#ts_search_commentary{
        margin-top: 5px;
        padding: 0 5px;
        background-color: #fff;
        box-shadow: none;
        border-radius: 3px;
        border: 1px solid #afafaf;
        width: 100%;
        height: 25px;
        box-sizing: border-box;
        font-weight: bold;
        color: #7d7d7d;
    }

    .ts_archive-nav input[type=submit]{
        margin-left: -5px !important;
        top: 1px !important;
    }
    
    
     #special_reports.reports_v2 iframe{
         width: 100%;
     }
     #special_reports.reports_v2 > form{width: 100%; overflow-x: scroll;}
     #special_reports.reports_v2 > form table{width: 700px; max-width: 700px;}
     
     #special_reports table.zu-get-started-datatable{width: 100% !important; max-width: 100% !important;}
     table.zu-get-started-datatable .mob-deactive,
    .zu-get-started-datatable .desktop-active{display: none !important;}
    .zu-get-started-datatable .mobile-active.collapsible{color: #1d5eb5;}
    .zu-get-started-datatable tr.expand td:first-child {width: 105px}
    .zu-get-started-datatable tr.expand td:first-child i:before{content: '+'; color: #1d5eb5; display: inline-block; width: 10px;    height: 11px; position: relative;}
    .zu-get-started-datatable tr.expand.active td:first-child i:before{content: '-'; color: #1d5eb5; display: inline-block; width: 10px;    height: 11px; position: relative;}
    


}

@media screen and (max-width: 1023px) and (orientation: portrait){
    table.sp_500 tbody td.company{padding-right: 33px;}
    table.sp_500 tbody td.symbol{padding-left: 18px; padding-right: 80px;}
    table.sp_500 tbody td.change-percent{padding-left: 66px; padding-right: 85px;}
    table.sp_500 tbody tr td{width: auto !important; max-width: none !important;}

    /* ultimate webinars */
    #ts_content h2.webinar_title{color: #4c3a0a !important; margin-top: 0px; margin-bottom: 7px !important;}


}

@media screen and (max-width:567px) and (orientation: portrait){
    /* ultimate webinars */
    #ts_content h2.webinar_title{margin-top: 100px; text-align: center !important;}
    .webinar_content_wrap a{word-wrap: break-word;}
	/* for top movers panel in  ZU and ZIC */
	.ts-index--zu .top-movers-panel th.symbol, .ts-index--zu .top-movers-panel td.symbol,
	.ts-index--zic .top-movers-panel th.symbol, .ts-index--zic .top-movers-panel td.symbol {
	width: 80px;
    max-width: 80px;
	}
}

/* ************************************* Masthead backgrounds and additional attributes ************************************ */
    @media screen and (min-width:320px) and (max-width:767px){
    .ts-header-module{flex-wrap: wrap; -webkit-flex-wrap: wrap;}
	}
    /* ** all mobile viewports ** */
    @media screen and (min-width:320px) and (max-width:773px){
        .ts-index--zu #ts_body #masthead h1, .ts-index--etf #ts_body #masthead h1, .ts-index--gc #ts_body #masthead h1, .ts-index--zic #ts_body #masthead h1{background-repeat: no-repeat !important; width: 100%;}
    }

   /* ** portrait modes ** */

         /* 01. iPhone5 */
        @media screen and (max-width:320px){.ts-index--zu #ts_body #masthead h1, .ts-index--etf #ts_body #masthead h1, .ts-index--gc #ts_body #masthead h1, .ts-index--zic #ts_body #masthead h1{background-size: 320px 50px !important;}}

         /* 02. iPhone6 */
        @media screen and (max-width: 375px){.ts-index--zu #ts_body #masthead h1, .ts-index--etf #ts_body #masthead h1, .ts-index--gc #ts_body #masthead h1, .ts-index--zic #ts_body #masthead h1{background-size: 375px 60px;}}

         /* 03. Nexus5  */
        @media screen and (max-width: 360px){.ts-index--zu #ts_body #masthead h1, .ts-index--etf #ts_body #masthead h1, .ts-index--gc #ts_body #masthead h1, .ts-index--zic #ts_body #masthead h1{background-size: 360px 60px !important;}}

        /* 04. Nexus4  */
        @media screen and (max-width: 384px){.ts-index--zu #ts_body #masthead h1, .ts-index--etf #ts_body #masthead h1, .ts-index--gc #ts_body #masthead h1, .ts-index--zic #ts_body #masthead h1{background-size: 384px 60px !important;}}

        /* 05. iPhone6 plus */
        @media screen and (max-width: 414px){
            .ts-index--zu #ts_body #masthead h1, .ts-index--etf #ts_body #masthead h1, .ts-index--gc #ts_body #masthead h1, .ts-index--zic #ts_body #masthead h1{background-size: 414px 60px;}
         }

        /* 02. Nexus 6P */
        @media screen and (max-width: 435px){.ts-index--zu #ts_body #masthead h1, .ts-index--etf #ts_body #masthead h1, .ts-index--gc #ts_body #masthead h1, .ts-index--zic #ts_body #masthead h1{background-size: 435px 65px;}}

     /* ** landscape modes ** */
        /* 01. iPhone5 */
        @media screen and (max-width:568px){.ts-index--zu #ts_body #masthead h1, .ts-index--etf #ts_body #masthead h1, .ts-index--gc #ts_body #masthead h1, .ts-index--zic #ts_body #masthead h1{background-size: 568px 80px;}}

        /* 02. iPhone6 */
        @media screen and (max-width:667px){.ts-index--zu #ts_body #masthead h1, .ts-index--etf #ts_body #masthead h1, .ts-index--gc #ts_body #masthead h1, .ts-index--zic #ts_body #masthead h1{background-size: 667px 94px;}}

        /* 02. Nexus 6P */
        @media screen and (max-width:773px){.ts-index--zu #ts_body #masthead h1, .ts-index--etf #ts_body #masthead h1, .ts-index--gc #ts_body #masthead h1, .ts-index--zic #ts_body #masthead h1{background-size: 773px 98px;}}


/* ******* Specific max-width attributes for table wrapper container and other containers on variable viewports  ******** */

    /* portrait mode */
    /*width added in ZU get started table header*/
    @media screen and (min-width:320px) and (max-width:374px){#special_reports .zu-get-started-datatable thead tr th:nth-child(4), #special_reports .zu-get-started-datatable thead tr th:last-child{width: 116px;}
}
        
    @media screen and (min-width:435px) and (max-width:567px){.portfolio, #real-time-insight, #ts_commentary, #ts_commentary h1, #ts_commentary div, #ts_commentary header.author-block, #ts_commentary p, #ts_commentary a, #ts_commentary ul, #ts_sidebar, footer.ts_disclaimer, nav.ts_nav, .mobile_only.ts_disclaimer, .ultimate_memeber, .ultimate_memeber h1, .ultimate_memeber h2, .ultimate_memeber p, .zu_icon_block, .zu_icon_block div, #welcome_series, #welcome_series div.welcome, #welcome_series div.seperator, #welcome_series div.seperator ul.pagination, #special_reports center div, .ts_support, .ts_support div, .ts_support div.ts_contact, .ts_faq, .ts_faq div.faq-block, .ts_faq div.faq-block section, .ts_commentary-archive, .ts_commentary-archive h1, .ts_archive-nav, form#commentary_form, #cdate-most-recent, #cdate-most-recent article, #cdate-most-recent header.author-block, #cdate-most-recent .article-body, #cdate-most-recent .article-body img, #subscription_prefs, #subscription_prefs form, #ts_content #service.column, #ts_content.ts_login #login.column, .ts_performance, #ts_performance-summary, footer section.portfolio .accordion-section-content, #ts_body table, .ts_performance .two-thirds img, .ts_performance .one-third--right img, .mobile-market-widget, .service-menu-mobile, div.top-movers, #top_movers_past_30.archives div, table.sp_500, .webinar_content_wrap, #special_reports, #ts_video_commentary{max-width: 420px;}

.ui-dialog, .ui-dialog-titlebar, .ui-dialog .ui-widget-content{max-width: 420px !important;}

}
/* Nexus6P */

    @media screen and (max-width:414px){.portfolio, #real-time-insight, #ts_commentary, #ts_commentary h1, #ts_commentary div, #ts_commentary header.author-block, #ts_commentary p, #ts_commentary a, #ts_commentary ul, #ts_sidebar, footer.ts_disclaimer, nav.ts_nav, .mobile_only.ts_disclaimer, .ultimate_memeber, .ultimate_memeber h1, .ultimate_memeber h2, .ultimate_memeber p, .zu_icon_block, .zu_icon_block div, #welcome_series, #welcome_series div.welcome, #welcome_series div.seperator, #welcome_series div.seperator ul.pagination, #special_reports center div, .ts_support, .ts_support div, .ts_support div.ts_contact, .ts_faq, .ts_faq div.faq-block, .ts_faq div.faq-block section, .ts_commentary-archive, .ts_commentary-archive h1, .ts_archive-nav, form#commentary_form, #cdate-most-recent, #cdate-most-recent article, #cdate-most-recent header.author-block, #cdate-most-recent .article-body, #cdate-most-recent .article-body img, #subscription_prefs, #subscription_prefs form, #ts_content #service.column, #ts_content.ts_login #login.column, .ts_performance, #ts_performance-summary, footer section.portfolio .accordion-section-content, #ts_body table, .ts_performance .two-thirds img, .ts_performance .one-third--right img, .mobile-market-widget, .service-menu-mobile, div.top-movers, #top_movers_past_30.archives div, table.sp_500, .webinar_content_wrap, #special_reports, #ts_video_commentary{max-width: 390px;}

    .ui-dialog, .ui-dialog-titlebar, .ui-dialog .ui-widget-content{max-width: 390px !important;}

    /* Top movers panel for ZU and ZIC */
    .ts-index--zu .top-movers-panel section table, .ts-index--zic .top-movers-panel section table{max-width: 414px !important;}
	.ts-index--zu  th.service, .ts-index--zu  td.service, .ts-index--zic  th.service, .ts-index--zic  td.service {width: 130px;}

    /* Popup container - Blurb popup under the TS banner */
    .blurb-popup .popuptext{width: 300px !important; left: 0 !important;}

}
/* iPhone6 Plus */

    @media screen and (max-width:411px){.portfolio, #real-time-insight, #ts_commentary, #ts_commentary h1, #ts_commentary div, #ts_commentary header.author-block, #ts_commentary p, #ts_commentary a, #ts_commentary ul, #ts_sidebar, footer.ts_disclaimer, nav.ts_nav, .mobile_only.ts_disclaimer, .ultimate_memeber, .ultimate_memeber h1, .ultimate_memeber h2, .ultimate_memeber p, .zu_icon_block, .zu_icon_block div, #welcome_series, #welcome_series div.welcome, #welcome_series div.seperator, #welcome_series div.seperator ul.pagination, #special_reports center div, .ts_support, .ts_support div, .ts_support div.ts_contact, .ts_faq, .ts_faq div.faq-block, .ts_faq div.faq-block section, .ts_commentary-archive, .ts_commentary-archive h1, .ts_archive-nav, form#commentary_form, #cdate-most-recent, #cdate-most-recent article, #cdate-most-recent .article-body img, #subscription_prefs, #subscription_prefs form, #ts_content #service.column, #ts_content.ts_login #login.column, .ts_performance, #ts_performance-summary, footer section.portfolio .accordion-section-content, #ts_body table, .ts_performance .two-thirds img, .ts_performance .one-third--right img, .mobile-market-widget, .service-menu-mobile, div.top-movers, #top_movers_past_30.archives div, table.sp_500, .webinar_content_wrap, #special_reports, #ts_video_commentary{max-width: 390px;}} /*Nexus5X */

    @media screen and (max-width:384px){.portfolio, #real-time-insight, #ts_commentary, #ts_commentary h1, #ts_commentary div, #ts_commentary header.author-block, #ts_commentary p, #ts_commentary a, #ts_commentary ul, #ts_sidebar, footer.ts_disclaimer, nav.ts_nav, .mobile_only.ts_disclaimer, .ultimate_memeber, .ultimate_memeber h1, .ultimate_memeber h2, .ultimate_memeber p, .zu_icon_block, .zu_icon_block div, #welcome_series, #welcome_series div.welcome, #welcome_series div.seperator, #welcome_series div.seperator ul.pagination, #special_reports center div, .ts_support, .ts_support div, .ts_support div.ts_contact, .ts_faq, .ts_faq div.faq-block, .ts_faq div.faq-block section, .ts_commentary-archive, .ts_commentary-archive h1, .ts_archive-nav, form#commentary_form, #cdate-most-recent, #cdate-most-recent article, #cdate-most-recent header.author-block, #cdate-most-recent .article-body, #cdate-most-recent .article-body img, #subscription_prefs, #subscription_prefs form, #ts_content #service.column, #ts_content.ts_login #login.column, .ts_performance, #ts_performance-summary, footer section.portfolio .accordion-section-content, #ts_body table, .ts_performance .two-thirds img, .ts_performance .one-third--right img, .mobile-market-widget, .service-menu-mobile, div.top-movers, #top_movers_past_30.archives div, table.sp_500, .webinar_content_wrap, #special_reports, #ts_video_commentary{max-width: 370px;}

.ui-dialog, .ui-dialog-titlebar, .ui-dialog .ui-widget-content{max-width: 370px !important;}

}
/* Nexus4 */

    @media screen and (max-width:375px){.portfolio, #real-time-insight, #ts_commentary, #ts_commentary h1, #ts_commentary div, #ts_commentary header.author-block, #ts_commentary p, #ts_commentary a, #ts_commentary .author-block ul, #ts_sidebar, footer.ts_disclaimer, nav.ts_nav, .mobile_only.ts_disclaimer, .ultimate_memeber, .ultimate_memeber h1, .ultimate_memeber h2, .ultimate_memeber p, .zu_icon_block, .zu_icon_block div, #welcome_series, #welcome_series div.welcome, #welcome_series div.seperator, #welcome_series div.seperator ul.pagination, #special_reports center div, .ts_support, .ts_support div, .ts_support div.ts_contact, .ts_faq, .ts_faq div.faq-block, .ts_faq div.faq-block section, .ts_commentary-archive, .ts_commentary-archive h1, .ts_archive-nav, form#commentary_form, #cdate-most-recent, #cdate-most-recent article, #cdate-most-recent header.author-block, #cdate-most-recent .article-body, #cdate-most-recent .article-body img, #subscription_prefs, #subscription_prefs form, #ts_content #service.column, #ts_content.ts_login #login.column, .ts_performance, #ts_performance-summary, footer section.portfolio .accordion-section-content, #ts_body table, .ts_performance .two-thirds img, .ts_performance .one-third--right img, .mobile-market-widget, .service-menu-mobile, div.top-movers, #top_movers_past_30.archives div, table.sp_500, .webinar_content_wrap, #special_reports, #ts_video_commentary{max-width: 355px;}

 .ui-dialog, .ui-dialog-titlebar, .ui-dialog .ui-widget-content{max-width: 355px !important;}

}
/* iPhone6 */

    @media screen and (max-width:360px){.portfolio, #real-time-insight, #ts_commentary, #ts_commentary h1, #ts_commentary div, #ts_commentary header.author-block, #ts_commentary p, #ts_commentary a, #ts_commentary ul, #ts_sidebar, footer.ts_disclaimer, nav.ts_nav, .mobile_only.ts_disclaimer, .ultimate_memeber, .ultimate_memeber h1, .ultimate_memeber h2, .ultimate_memeber p, .zu_icon_block, .zu_icon_block div, #welcome_series, #welcome_series div.welcome, #welcome_series div.seperator, #welcome_series div.seperator ul.pagination, #special_reports center div, .ts_support, .ts_support div, .ts_support div.ts_contact, .ts_faq, .ts_faq div.faq-block, .ts_faq div.faq-block section, .ts_commentary-archive, .ts_commentary-archive h1, .ts_archive-nav, form#commentary_form, #cdate-most-recent, #cdate-most-recent article, #cdate-most-recent header.author-block, #cdate-most-recent .article-body, #cdate-most-recent .article-body img, #subscription_prefs, #subscription_prefs form, #ts_content #service.column, #ts_content.ts_login #login.column, .ts_performance, #ts_performance-summary, footer section.portfolio .accordion-section-content, #ts_body table, .ts_performance .two-thirds img, .ts_performance .one-third--right img, .mobile-market-widget, .service-menu-mobile, div.top-movers, #top_movers_past_30.archives div, table.sp_500, .webinar_content_wrap, #special_reports, #ts_video_commentary{max-width: 340px;}

 .ui-dialog, .ui-dialog-titlebar, .ui-dialog .ui-widget-content{max-width: 340px !important;}

}
/* galaxy note 2+3 ,galaxy S5 and Nexus5 */

    @media screen and (max-width:320px){.portfolio, #real-time-insight, #ts_commentary, #ts_commentary h1, #ts_commentary div, #ts_commentary header.author-block, #ts_commentary p, #ts_commentary a, #ts_commentary ul, #ts_sidebar, footer.ts_disclaimer, nav.ts_nav, .mobile_only.ts_disclaimer, .ultimate_memeber, .ultimate_memeber h1, .ultimate_memeber h2, .ultimate_memeber p, .zu_icon_block, .zu_icon_block div, #welcome_series, #welcome_series div.welcome, #welcome_series div.seperator, #welcome_series div.seperator ul.pagination, #special_reports center div, .ts_support, .ts_support div, .ts_support div.ts_contact, .ts_faq, .ts_faq div.faq-block, .ts_faq div.faq-block section, .ts_commentary-archive, .ts_commentary-archive h1, .ts_archive-nav, form#commentary_form, #cdate-most-recent, #cdate-most-recent article, #cdate-most-recent header.author-block, #cdate-most-recent .article-body, #cdate-most-recent .article-body img, #subscription_prefs, #subscription_prefs form, #ts_content #service.column, #ts_content.ts_login #login.column, .ts_performance, #ts_performance-summary, footer section.portfolio .accordion-section-content, #ts_body table, .ts_performance .two-thirds img, .ts_performance .one-third--right img, .mobile-market-widget, .service-menu-mobile, div.top-movers, #top_movers_past_30.archives div, table.sp_500, .webinar_content_wrap, #special_reports, #ts_video_commentary{max-width: 300px;}

.ui-dialog, .ui-dialog-titlebar, .ui-dialog .ui-widget-content{max-width: 300px !important;}

    /* Top movers panel for ZU and ZIC */
    .ts-index--zu .top-movers-panel{max-width: 320px !important;}

}
/* iPhone5 */

    /* landscape mode */
    @media screen and (min-width:773px) and (max-width:1023px){.portfolio, #real-time-insight, #ts_commentary, #ts_commentary h1, #ts_commentary div, #ts_commentary header.author-block, #ts_commentary p, #ts_commentary a, #ts_commentary ul, #ts_sidebar, footer.ts_disclaimer, nav.ts_nav, .mobile_only.ts_disclaimer, .ultimate_memeber, .ultimate_memeber h1, .ultimate_memeber h2, .ultimate_memeber p, .zu_icon_block, .zu_icon_block div, #welcome_series, #welcome_series div.welcome, #welcome_series div.seperator, #welcome_series div.seperator ul.pagination, #special_reports center div, .ts_support, .ts_support div, .ts_support div.ts_contact, .ts_faq, .ts_faq div.faq-block, .ts_faq div.faq-block section, .ts_commentary-archive, .ts_commentary-archive h1, .ts_archive-nav, form#commentary_form, #cdate-most-recent, #cdate-most-recent article, #cdate-most-recent header.author-block, #cdate-most-recent .article-body, #cdate-most-recent .article-body img, #subscription_prefs, #subscription_prefs form, #ts_content #service.column, #ts_content.ts_login #login.column, .ts_performance, #ts_performance-summary, footer section.portfolio .accordion-section-content, #ts_body table, .ts_performance .two-thirds img, .ts_performance .one-third--right img, .mobile-market-widget, .service-menu-mobile, div.top-movers, #top_movers_past_30.archives div, table.sp_500, .webinar_content_wrap, #special_reports, #ts_video_commentary{max-width: 750px;}

.ui-dialog, .ui-dialog-titlebar, .ui-dialog .ui-widget-content{max-width: 750px !important;}

}
/* Nexus6P */

    @media screen and (min-width:768px) and (max-width:772px){.portfolio, #real-time-insight, #ts_commentary, #ts_commentary h1, #ts_commentary div, #ts_commentary header.author-block, #ts_commentary p, #ts_commentary a, #ts_commentary ul, #ts_sidebar, footer.ts_disclaimer, nav.ts_nav, .mobile_only.ts_disclaimer, .ultimate_memeber, .ultimate_memeber h1, .ultimate_memeber h2, .ultimate_memeber p, .zu_icon_block, .zu_icon_block div, #welcome_series, #welcome_series div.welcome, #welcome_series div.seperator, #welcome_series div.seperator ul.pagination, #special_reports center div, .ts_support, .ts_support div, .ts_support div.ts_contact, .ts_faq, .ts_faq div.faq-block, .ts_faq div.faq-block section, .ts_commentary-archive, .ts_commentary-archive h1, .ts_archive-nav, form#commentary_form, #cdate-most-recent, #cdate-most-recent article, #cdate-most-recent header.author-block, #cdate-most-recent .article-body, #cdate-most-recent .article-body img, #subscription_prefs, #subscription_prefs form, #ts_content #service.column, #ts_content.ts_login #login.column, .ts_performance, #ts_performance-summary, footer section.portfolio .accordion-section-content, #ts_body table, .ts_performance .two-thirds img, .ts_performance .one-third--right img, .mobile-market-widget, .service-menu-mobile, div.top-movers, #top_movers_past_30.archives div, table.sp_500, .webinar_content_wrap, #special_reports, #ts_video_commentary{max-width: 745px;}

        #welcome_series div.seperator div.email_container{width: 100%; top: 0; position: relative; -webkit-overflow-scrolling: touch; overflow: scroll !important;} /* ipad portrait mode hack for iframe in ZU welcome series page */

.ui-dialog, .ui-dialog-titlebar, .ui-dialog .ui-widget-content{max-width: 745px !important;}

}
   
/* iPad */

    @media screen and (min-width:736px) and (max-width:767px){.portfolio, #real-time-insight, #ts_commentary, #ts_commentary h1, #ts_commentary div, #ts_commentary header.author-block, #ts_commentary p, #ts_commentary a, #ts_commentary ul, #ts_sidebar, footer.ts_disclaimer, nav.ts_nav, .mobile_only.ts_disclaimer, .ultimate_memeber, .ultimate_memeber h1, .ultimate_memeber h2, .ultimate_memeber p, .zu_icon_block, .zu_icon_block div, #welcome_series, #welcome_series div.welcome, #welcome_series div.seperator, #welcome_series div.seperator ul.pagination, #special_reports center div, .ts_support, .ts_support div, .ts_support div.ts_contact, .ts_faq, .ts_faq div.faq-block, .ts_faq div.faq-block section, .ts_commentary-archive, .ts_commentary-archive h1, .ts_archive-nav, form#commentary_form, #cdate-most-recent, #cdate-most-recent article, #cdate-most-recent header.author-block, #cdate-most-recent .article-body, #cdate-most-recent .article-body img, #subscription_prefs, #subscription_prefs form, #ts_content #service.column, #ts_content.ts_login #login.column, .ts_performance, #ts_performance-summary, footer section.portfolio .accordion-section-content, #ts_body table, .ts_performance .two-thirds img, .ts_performance .one-third--right img, .mobile-market-widget, .service-menu-mobile, div.top-movers, #top_movers_past_30.archives div, table.sp_500, .webinar_content_wrap, #special_reports, #ts_video_commentary{max-width: 720px;}

.ui-dialog, .ui-dialog-titlebar, .ui-dialog .ui-widget-content{max-width: 720px !important;}

        /* Top movers panel for ZU and ZIC */
        .ts-index--zu .top-movers-panel section table{max-width: 732px !important;}

}
/* iPhone6 Plus */

   /* @media screen and (min-width:731px) and (max-width:735px){.portfolio{max-width: 720px;}} Nexus5X */
    @media screen and (min-width:667px) and (max-width:730px){.portfolio, #real-time-insight, #ts_commentary, #ts_commentary h1, #ts_commentary div, #ts_commentary header.author-block, #ts_commentary p, #ts_commentary a, #ts_commentary ul, #ts_sidebar, footer.ts_disclaimer, nav.ts_nav, .mobile_only.ts_disclaimer, .ultimate_memeber, .ultimate_memeber h1, .ultimate_memeber h2, .ultimate_memeber p, .zu_icon_block, .zu_icon_block div, #welcome_series, #welcome_series div.welcome, #welcome_series div.seperator, #welcome_series div.seperator ul.pagination, #special_reports center div, .ts_support, .ts_support div, .ts_support div.ts_contact, .ts_faq, .ts_faq div.faq-block, .ts_faq div.faq-block section, .ts_commentary-archive, .ts_commentary-archive h1, .ts_archive-nav, form#commentary_form, #cdate-most-recent, #cdate-most-recent article, #cdate-most-recent header.author-block, #cdate-most-recent .article-body, #cdate-most-recent .article-body img, #subscription_prefs, #subscription_prefs form, #ts_content #service.column, #ts_content.ts_login #login.column, .ts_performance, #ts_performance-summary, footer section.portfolio .accordion-section-content, #ts_body table, .ts_performance .two-thirds img, .ts_performance .one-third--right img, .mobile-market-widget, .service-menu-mobile, div.top-movers, #top_movers_past_30.archives div, table.sp_500, .webinar_content_wrap, #special_reports, #ts_video_commentary{max-width: 650px;}

.ui-dialog, .ui-dialog-titlebar, .ui-dialog .ui-widget-content{max-width: 650px !important;}

    /* Top movers panel for ZU and ZIC */
}
/* iPhone6, Nexus5X */

    @media screen and (min-width:640px) and (max-width:666px){.portfolio, #real-time-insight, #ts_commentary, #ts_commentary h1, #ts_commentary div, #ts_commentary header.author-block, #ts_commentary p, #ts_commentary a, #ts_commentary ul, #ts_sidebar, footer.ts_disclaimer, nav.ts_nav, .mobile_only.ts_disclaimer, .ultimate_memeber, .ultimate_memeber h1, .ultimate_memeber h2, .ultimate_memeber p, .zu_icon_block, .zu_icon_block div, #welcome_series, #welcome_series div.welcome, #welcome_series div.seperator, #welcome_series div.seperator ul.pagination, #special_reports center div, .ts_support, .ts_support div, .ts_support div.ts_contact, .ts_faq, .ts_faq div.faq-block, .ts_faq div.faq-block section, .ts_commentary-archive, .ts_commentary-archive h1, .ts_archive-nav, form#commentary_form, #cdate-most-recent, #cdate-most-recent article, #cdate-most-recent header.author-block, #cdate-most-recent .article-body, #cdate-most-recent .article-body img, #subscription_prefs, #subscription_prefs form, #ts_content #service.column, #ts_content.ts_login #login.column, .ts_performance, #ts_performance-summary, footer section.portfolio .accordion-section-content, #ts_body table, .ts_performance .two-thirds img, .ts_performance .one-third--right img, .mobile-market-widget, .service-menu-mobile, div.top-movers, #top_movers_past_30.archives div, table.sp_500, .webinar_content_wrap, #special_reports, #ts_video_commentary{max-width: 625px;}

.ui-dialog, .ui-dialog-titlebar, .ui-dialog .ui-widget-content{max-width: 625px !important;}


}
/* Nexus4 */

    @media screen and (min-width:568px) and (max-width:639px){.portfolio, #real-time-insight, #ts_commentary, #ts_commentary h1, #ts_commentary div, #ts_commentary header.author-block, #ts_commentary p, #ts_commentary a, #ts_commentary ul, #ts_sidebar, footer.ts_disclaimer, nav.ts_nav, .mobile_only.ts_disclaimer, .ultimate_memeber, .ultimate_memeber h1, .ultimate_memeber h2, .ultimate_memeber p, .zu_icon_block, .zu_icon_block div, #welcome_series, #welcome_series div.welcome, #welcome_series div.seperator, #welcome_series div.seperator ul.pagination, #special_reports center div, .ts_support, .ts_support div, .ts_support div.ts_contact, .ts_faq, .ts_faq div.faq-block, .ts_faq div.faq-block section, .ts_commentary-archive, .ts_commentary-archive h1, .ts_archive-nav, form#commentary_form, #cdate-most-recent, #cdate-most-recent article, #cdate-most-recent header.author-block, #cdate-most-recent .article-body, #cdate-most-recent .article-body img, #subscription_prefs, #subscription_prefs form, #ts_content #service.column, #ts_content.ts_login #login.column, .ts_performance, #ts_performance-summary, footer section.portfolio .accordion-section-content, #ts_body table, .ts_performance .two-thirds img, .ts_performance .one-third--right img, .mobile-market-widget, .service-menu-mobile, div.top-movers, #top_movers_past_30.archives div, table.sp_500, .webinar_content_wrap, #special_reports, #ts_video_commentary{max-width: 550px;}

.ui-dialog, .ui-dialog-titlebar, .ui-dialog .ui-widget-content{max-width: 550px !important;}

    /* Top movers panel for ZU and ZIC */
    .ts-index--zu .top-movers-panel section table{max-width: 568px !important;}

}
/* iPhone5 */

/* *********************************** Other attributes  *********************************** */  

    /* desktop */
    @media screen and (min-width:1024px){
        section.portfolio h1 span.zero-data, section.portfolio h1 span.switch-table, #ts_sidebar_toggle, .close_nav_btn, .mobile_only.ts_disclaimer{display: none;}

    #ts_content{width: 1005px; margin: 0 auto 2.5rem auto; color: #4b4b4b; text-align: left;}
    #ts_content #login .footnote{font-size: 10pt;}
    #ts_content #login .footnote a{font-family: Arial,Helvetica,sans-serif; color: #1d5eb5 !important; text-decoration: none; font-weight: normal;}
    #ts_content #login .footnote a:hover{text-decoration: underline;}

    /* performance page charts */
    #ts_content .ts_performance .two-thirds{width: calc(55.667% - .5rem);}
    #ts_content .ts_performance .two-thirds img{padding-top: 2px; width: 385px; max-width: 385px; height: auto; margin-left: 0px;}
    #ts_content .ts_performance .one-third--right{width: calc(44.333% - 1.09325rem);}
    #ts_content .ts_performance .ts_performance-stats{width: 98%; margin-right: 2%;}

        /* Popup container - Blurb popup under the TS banner */
        .blurb-popup .popuptext{width: 732px !important;}

    /* header module block- containing market summary and recent commentary */
        .ts-header-module{width: 100%; max-width: 750px;}
        .mobile-market-widget{display: none;}

    /* video page */
        #ts_video_commentary .two-thirds--right span.LimelightEmbeddedPlayer, #ts_video_commentary .two-thirds--right span.LimelightEmbeddedPlayer .limelight-player-footprint, #ts_video_commentary .two-thirds--right span.LimelightEmbeddedPlayer object{max-width: 435px !important; max-height: 296px !important;}

        #ts_video_commentary .two-thirds--right span.LimelightEmbeddedPlayer video{width: 480px !important; height: 294px !important; left: -5px !important; position: relative !important; top: 0 !important;}

        #ts_video_commentary #education_videos #slider_wrapper .swiper-container{margin-left: 9px;}

    /* alternative service menu -location above masthead for mobile view */
        .service-menu-mobile{display: none;}

    /* top movers table in performance page */
    #ts_performance-summary .all_time_top_movers td.symbol{padding-right: 4px;}
    #ts_performance-summary .all_time_top_movers td.symbol a.hoverquote-container-od{padding: 0; font-size: 9.4pt;}

    /* Video Page slider */
    #ts_video_commentary .swiper-container{margin-left: 14px; margin-right: 0; width: 95%;}
    #ts_video_commentary #education_videos #slider_wrapper .swiper-button-next
    , #ts_video_commentary #education_videos #slider_wrapper .swiper-button-prev{/*width: 30px;*/ top: 0px; padding: 31px 0 190px;}
    #ts_video_commentary #education_videos #slider_wrapper .swiper-button-next{right: 20px;}
    #ts_video_commentary #education_videos .swiper-wrapper img{max-width: 200px; max-height: 105px;}

    /* Top movers panel for ZU for ZIC */

    .top-movers-panel section{
        width: 49%;
        float: left;
        margin-right: 2%;
    }
    .ts-index--zu .top-movers-panel section h1, .ts-index--zic .top-movers-panel section h1{
        margin-right: 4px !important;
        margin-left: 3px !important;
    }
	.ts-index--zu .top-movers-panel section h1, .ts-index--zic .top-movers-panel section h1{
		margin: 0 1px 0 0 !important;
		width:100%;

	    }

        /* commentary archive search block */
        input[name=search_txt]{
            width: 88%;
            padding: 5px;
            box-sizing: border-box;
        }

        input[type=submit]#ts_search_commentary{
            margin-left: 5px;
            padding: 0 5px;
            background-color: #fff;
            box-shadow: none;
            border-radius: 3px;
            border: 1px solid #afafaf;
            width: 75px;
            height: 27px;
            box-sizing: border-box;
            font-weight: bold;
            color: #7d7d7d;
        }

        /* ts commentary archive search button */
        #ts_commentary_search_form.search input[type=submit].submit{
            margin-left: 5px;
            margin-top: 0;
        }
        
        .zu-get-started-datatable .mobile-active{display: none;}
        
        #special_reports .zu-get-started-datatable .content.mobile-desc-active{display: none !important;}

        /*width added in ZU get started table header*/
        #special_reports .zu-get-started-datatable thead tr th:nth-child(4), #special_reports .zu-get-started-datatable thead tr th:last-child{width: 116px;}


    }

    /* Desktops and laptops ----------- */
    @media only screen  and (min-width : 1224px) {
    /* Styles */
    .blurb-popup .popuptext a.close-pop{display: none !important;}
    .blurb-popup .popuptext{display: block !important;}
    }
		/*webkit fixation*/
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
  	.ts-index--zu .top-movers-panel section h1, .ts-index--zic .top-movers-panel section h1{
		width:auto;

	}
	}
	/* Microsoft Edge Browser 12+ (All) - @supports method */

	@supports (-ms-ime-align:auto) {
	  .ts-index--zu .top-movers-panel section h1, .ts-index--zic .top-movers-panel section h1{
		margin: 0 0 0 0 !important;

	}
	}
	
	/* Microsoft Edge Browser 14+ - @supports method */
	
	@supports (-ms-ime-align:auto)
	and (not (-ms-accelerator:true)) {
	.ts-index--zu .top-movers-panel section h1, .ts-index--zic .top-movers-panel section h1{
		margin: 0 0 0 0 !important;

	}
	}
	@media screen and (min-width:415px) and (max-width:568px){
/* Top movers panel for ZU and ZIC */
	.ts-index--zu  th.service, .ts-index--zu  td.service, .ts-index--zic  th.service, .ts-index--zic  td.service {width: 250px !important;}
	}

/* *************************************** Other attributes-portrait mode specific  ***************** */

  /* 01.iPhone5 - Nexus 6P */
@media screen and (min-width:320px) and (max-width:435px){.ts-header-module{flex-wrap: wrap; -webkit-flex-wrap: wrap;}}



/* ******************************* other attributes-landscape mode specific  *********************** */


 /* 02. iPhone6 - Nexus6P */
@media screen and (max-width:480px){
.commentry_msg_blurb .content_box a.heading {
    width: 168px !important;
	max-height:none;
}
.commentry_msg_blurb {
	width:300px !important;
}
.msg_blurb .content_box p {
    clear: both;
	float:left !important;
}
}
@media screen and (min-width:481px) {
.commentry_msg_blurb {
	width:344px !important;
}
.commentry_msg_blurb .content_box a.heading {
    width: 212px !important;
	max-height:67px;
}
.msg_blurb .content_box p {
    clear: none;
	float:left !important;
}
}
@media screen and (max-width:1023px){
	.commentry_msg_blurb {
		float:left;
		margin-bottom:20px;
		margin-top: 10px;
    	margin-left: 0 !important;
		width:100%;
	}
	.commentry_msg_blurb .img_box {
    float: right !important;
	}
	/*msg blurb section*/
	#ts_commentary, #ts_commentary header.author-block {
		float:none;
		width:100%;
	}
	#ts_commentary header.author-block h1{
		float: left;
    	width: 69%;
	}
	#ts_commentary header.author-block .ts_editor, #ts_commentary header.author-block .ts_post {
		float: left;
    	width: 60%;
	}
	.commentry_msg_blurb .content_box .img_box {
		float:right !important;
	}
}
      

@media screen and (min-width:1024px){
    /***ts commentary archive block***/
    .ts-archive-search-block > .ts_archive-nav {
        float: left;
        width: 38%;
        margin-right: 2%;
    }
    .ts-archive-search-block:before, .ts-archive-search-block:after{
        content: "";
        display: block;
        clear: both;
        height: 0;
        widows: 0;
    }
    .ts-archive-search-block > #ts_commentary_search{
        float: right;
        width: 58%;
    }

    /* firefox hack */
    @-moz-document url-prefix(){
        .ts-archive-search-block > #ts_commentary_search{
            width: 59%;
        }
    }

    .ts-archive-search-block > #ts_commentary_search form  input[type="text"]{
        width: 55%;
        height: 30px;
        float: left;
        margin-left: 120px;
    }
}

/*style added for TS table fixation*/
@media(min-width:568px){
    section.ts-table-container table.dataTable thead th, 
    section.ts-table-container table.dataTable tbody td {
        width: 80px !important;
    }
}

@media(max-width:1024px){
    section.ts-table-container table.dataTable td.symbol a.hoverquote-container-od {
        padding-left: 0;
    }
    
    section.ts-table-container table.dataTable thead th.company{
        min-width: 100px;
        width: auto;
        padding-left: 10px !important;
    }
    
    section.ts-table-container table.dataTable tbody td.company{
        min-width: 100px;
        max-width: 100px;
    }
    
    section.ts-table-container table.dataTable tbody td.company:before{
        content: none;
        margin-right: 0;
    } 

    section.ts-table-container table.dataTable thead th, 
    section.ts-table-container table.dataTable tbody td, 
    section.ts-table-container table.dataTable thead th.sorting_disabled{
        min-width: 90px;
        max-width: 90px;
        width: 90px !important;
    }
    
    section.ts-table-container table.dataTable thead th.company, 
    section.ts-table-container table.dataTable tbody td.company, 
    section.ts-table-container table.dataTable thead th.industry, 
    section.ts-table-container table.dataTable tbody td.industry, 
    section.ts-table-container table.dataTable thead th.service, 
    section.ts-table-container table.dataTable tbody td.service, 
    section.ts-table-container table.dataTable thead th.segment, 
    section.ts-table-container table.dataTable tbody td.segment{
        min-width: 120px;
        max-width: 120px;
    }

    section.ts-table-container .DTFC_LeftWrapper table.dataTable th.symbol:focus, 
    section.ts-table-container .DTFC_LeftWrapper table.dataTable td {
        outline: 0 none;
    }

    section.ts-table-container .DTFC_LeftHeadWrapper,  
    section.ts-table-container .DTFC_LeftBodyWrapper {
        box-shadow: 10px 0 6px -6px rgba(192, 192, 192, 0.5);
    }
    
    .ts-index--ot section.ts-table-container .DTFC_LeftBodyLiner{
        padding-right: 0 !important;
    }

    section.ts-table-container.option_trader_wrapper table.dataTable thead th.company {
        padding-left: 0 !important;
    }

    div.ts-index--ot section.option_trader_wrapper table.dataTable tbody td.company, 
    div.ts-index--ot section.option_trader_wrapper table.dataTable thead th.company, 
    div.ts-index--ot section.option_trader_wrapper .DTFC_LeftWrapper {
        min-width: 150px;
    }

    section.option_trader_wrapper table.dataTable tbody td.company{
        padding-left: 0px !important;
    }

    section.ts-table-container table.dataTable thead th, 
    section.ts-table-container table.dataTable tbody td{
        padding: 5px 10px !important;
    }
 
    section.ts-table-container table.dataTable tbody td.company{
        padding-left: 13px;
    }

    section.ts-table-container table.dataTable tbody tr.details_drop{
        position: relative;
    }

    section.ts-table-container table.dataTable tbody tr.details_drop td:first-child{
        display: none;
    }

    section.ts-table-container .dataTables_scrollHeadInner table.dataTable th:first-child, section.ts-table-container .dataTables_scrollBody table.dataTable td:first-child {
        visibility: hidden;
    }

    section.ts-table-container div.DTFC_LeftBodyWrapper div.DTFC_LeftBodyLiner {
        z-index: 999;
    }

    section.ts-table-container div.DTFC_LeftBodyWrapper div.DTFC_LeftBodyLiner table tbody td{
        background: #fafafa;
    }

    .ts-index--ot section.ts-table-container div.DTFC_LeftBodyWrapper div.DTFC_LeftBodyLiner table tbody tr.odd td, 
    .ts-index--ot .portfolio.deletions div.DTFC_LeftBodyWrapper div.DTFC_LeftBodyLiner table tbody tr:nth-child(even) td, 
    .ts-index--ot .portfolio.additions div.DTFC_LeftBodyWrapper div.DTFC_LeftBodyLiner table tbody tr:nth-child(even) td{
        background: #eaeaea;
    }

    /*Performance page*/
    section.ts_performance.ts-table-container div + div{
        display: inherit;
    }

    #ts_body section.ts_performance.ts-table-container .portfolio.closed table {
        margin-bottom: 0;
    }

    #ts_body section.ts_performance.ts-table-container .accordion-section .DTFC_ScrollWrapper{
        height: auto !important; /*overwritting js output value*/
    }

    #ts_body section.ts_performance.ts-table-container .accordion-section .DTFC_LeftWrapper{
        width: 90px !important; /*overwritting js output value*/
        z-index: 99;
    }

    #ts_body section.ts_performance.ts-table-container .accordion-section .DTFC_LeftBodyWrapper{
        min-height: 100% !important; /*overwritting js output value*/
        height: auto !important;
    }

    #ts_body section.ts_performance.ts-table-container .accordion-section .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner{
        width: 110px !important; /*overwritting js output value*/
        min-height: 100% !important; /*overwritting js output value*/
        max-height: 300px !important; /*overwritting js output value*/
        height: auto !important; /*overwritting js output value*/
    }

    section.ts_performance section.portfolio h1 span.balances {
        margin-bottom: 10px;
    }

    section.ts_performance .portfolio.closed a.accordion-section-title{
        float: left;
        width: 100%;
        background: #efefef;
    }

    section.ts_performance .portfolio.closed a.accordion-section-title.active{
        background: #ccc;
    }

    section.ts_performance .portfolio.closed .accordion-section .accordion-section-content.open .dataTables_scroll{
        margin-bottom: 10px;
    }

    section.ts_performance .portfolio.closed .accordion-section{
        z-index: 100;
        position: relative;
        display: inline-block;
        width: 100%;
    }

    section.ts_performance .portfolio.closed a.accordion-section-title {
        border-bottom: 0;
    }

    div.ts-index--ot section.option_trader_wrapper.ts_performance table.dataTable tbody td.company, 
    div.ts-index--ot section.option_trader_wrapper.ts_performance table.dataTable thead th.company{
        padding-right: 0 !important; /*overwritting js output value*/
    }

    #ts_body section.ts_performance.ts-table-container.option_trader_wrapper .accordion-section .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner{
        width: 150px !important; /*overwritting js output value*/
    }
}