@charset "utf-8";
/* CSS Document */
body{background-color: #fff;line-height:1 !important;}
.fv5{clear:both; overflow:hidden; background-color:white; margin:auto}
.fv5 h1, .fv5 h2, .fv5 h3, .fv5 h4, .fv5 h5, .fv5 h6{font-weight:100; margin:0;line-height:1.4;}
.fv5 p, .fv5 a, .fv5 div{font-weight:100;}
.fv5 a{color:#0095d9}
.fv5 a:hover{text-decoration:underline}
.fv5 p{font-size:16px; line-height:22px; color:#666}
.fv5 .clearfix{clear:both; overflow:hidden}
.fv5 .color-black{color:black}
.fv5 .paddingtopbot{padding:2em 0}
.fv5 .paddingbot{padding-bottom:4em}
.fv5 .marginBot{margin-bottom:20px}
.fv5 .paddingtopbot2{padding:3em 0}
.fv5 .bringtofront{z-index:99999}
.fv5 .textWhite{color:#fff!important}
.fv5 .capitalizedme{text-transform:uppercase; letter-spacing:2px}:
.fv5 sup{font-size:60%}
.fv5 p sup{font-size:60%; position:relative; vertical-align:baseline; bottom:7px}
.fv5 .f18{font-size:18px; line-height:24px; font-weight:100}
.fv5 .f24{font-size:24px; line-height:30px; font-weight:100}
.fv5 .h3Big{font-size:42px!important; margin-bottom:15px;}
/*.fv5 div, .fv5 h1, .fv5 h2, .fv5 h3, .fv5 h4, .fv5 p, .fv5 img, .fv5 a {-webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}*/
.fv5 .imgBorder{border:1px solid #ebebeb}
.fv5 .blackfont{color:black}
.fv5 .show-for-smaller, .fv5 .show-for-tablet{display:none}

/*Others css*/
.fv5 .btn-trans{display:inline-block; padding:10px 40px; border:1px solid white; color:white; font-weight:100; margin-top:10px; font-size:18px}
.fv5 .btn-trans:hover{text-decoration:none; background: rgba(255,255,255,.1)}

.fv5 .btn-trans-black{display:inline-block; padding:15px 40px; border:1px solid #0096db; color:#0096db; font-weight:100; margin-top:10px; font-size:18px}
.fv5 .btn-trans-black:hover{text-decoration:none; background: rgba(255,255,255,.5)}

.fv5 .headerSearch .btn-group{width:100%!important; min-width:auto!important}

.fv5 [class*="block-grid-"] > li{padding: 0 1rem 1.25rem;}

.row{margin-right: auto!important;   margin-left: auto!important;}


/*header style*/
.fv5 .tawHeader{max-width:1270px; margin:auto; padding:30px 20px; position:relative}
.fv5 .tawHeader .leftCont{float:left}
.fv5 .tawHeader .rightCont{float:right; padding:1% 0}
.fv5 .tawHeader h1{font-size:32px; padding-bottom:5px; margin:0}
.fv5 .tawHeader span{font-size:21px; font-weight:100}

/* -- Arindam begins
.fv5 .tawHeader .tawSubscribe{display:inline-block; background-color:#0096db; padding:9px 15px 10px; color:#fff; font-size:20px; line-height:18px; font-weight:100; border:1px solid #0096db; border-radius:2px}
.fv5 .tawHeader .tawSubscribe:before{content:""; display:inline-block; width:24px; height:16px; background:url(/wcsstore/hpusstore/Treatment/TAW/images/taw_subscribe_icon.png) no-repeat top left; margin:2px  10px 0 0}
-- Arindam ends -- */

/** -- Kousalya begins */
.fv5 .tawHeader .tawSubscribe{display:inline-block; background-color:#0096db; padding:9px 11px 10px; border:1px solid #0096db; border-radius:2px;width:240px;}
.fv5 .tawHeader .tawSubscribe:before{content:""; display:inline-block; width:24px; height:16px; background:url(/wcsstore/hpusstore/Treatment/TAW/images/taw_subscribe_icon.png) no-repeat top left; margin:3px  10px 0 0}
.fv5 .tawHeader .tawSubscribe span{position:relative;bottom:2px;color:#fff; font-size:16px; line-height:18px; font-weight:100; }
.fv5 .tawHeader .tawSubscribe:hover span{color:#0096db}
/* -- Kousalya ends -- */

.fv5 .tawHeader .tawSubscribe:hover{text-decoration:none; background-color:#fff; color:#0096db}
.fv5 .tawHeader .tawSubscribe:hover:before{ background-position:bottom}

/*banner style*/
.fv5 .tawBanner{ background-repeat:no-repeat; background-position:top center; background-color:#f7f7f7; border-top:1px solid #ebebeb; background-size:cover}
.fv5 .tawBanner .insideCont{max-width:1270px; margin:auto; position:relative; height:400px;}
.fv5 .tawBanner .insideCont .articleContent{position:absolute; bottom:0; right:0; left:0; background-color:rgba(0,0,0,.8); padding:20px 20px 20px 5px; border-radius:5px 5px 0 0}
.fv5 .tawBanner .insideCont .articleContent h2{color:#fff; font-size:26px; margin:0; padding-bottom:5px}
.fv5 .tawBanner .insideCont .articleContent p{color:#fff; max-height:40px; overflow:hidden; margin-bottom:0}

/* -- Arindam begins
.fv5 .tawBanner .insideCont .articleContent p span{color:#0096db; display:inline-block; padding:0 10px}
-- Arindam ends */

/** -- Kousalya begins */
.fv5 .tawBanner .insideCont .articleContent p span{color:#FFF; display:inline-block; padding:0 10px;text-decoration:underline;}
/* -- Kousalya ends -- */

.fv5 .tawBanner .insideCont .articleContent .fa-date{float:left; max-width:111px; text-align:center; font-size:32px; line-height:32px; text-transform:capitalize; color:#fff; font-weight:100; border-right:1px solid #fff}
.fv5 .tawBanner .insideCont .articleContent .fa-text{float:left; width:calc(100% - 150px); margin-left:25px}

/*Top Storeis and Trending*/
.fv5 h2.sectionHeading{font-size:32px; margin:0; padding:0}
.fv5 #listTitle{font-size:18px; margin:10px 0; display:block}
.fv5 .topSection{max-width:1310px; margin:25px auto; padding:0 20px}
.fv5 .topSection .topStories{float:left; width:calc(100% - 240px);display:none;}
.fv5 .topSection .headerSearch{ margin-right:35px;overflow: visible;}
.fv5 .topSection .topStories h2{float:left}
.fv5 .topSection .topStories .searchBoxes{float:right;}
.fv5 .topSection .topStories .searchBoxes > div{float:left; position:relative;}
.fv5 .topSection .topStories .searchBoxes > div.orBar{width:1px; background-color:#ccc; height:40px; margin:5px 20px 5px 15px}
.fv5 .topSection .topStories .searchBoxes > div:last-child{float:right; margin-top:5px; }

/* -- Arindam begins
.fv5 input.searchTb{color: #000!important; border:1px solid #ccc!important; font-size: 16px!important; font-weight:100!important; width: 95%!important; margin:5px!important; padding:9px 40px 8px 10px!important; background:url(/wcsstore/hpusstore/Treatment/TAW/images/taw_searchTb_icon.jpg) no-repeat right center #fff!important;-webkit-box-shadow:none!important; box-shadow:none!important; height:40px!important;}
.fv5 .searchBtn{background-color: transparent; border:none; display:inline-block; width:35px; height:38px; position:absolute; right:6px; top:6px; padding:0; margin:0;outline:none;}
-- Arindam ends */

/** -- Kousalya begins */
.fv5 input.searchTb{color: #000!important; border:1px solid #ccc!important; font-size: 16px!important; font-weight:100!important; width: 250px!important; margin:5px!important; padding:9px 40px 8px 10px!important; background:url(/wcsstore/hpusstore/Treatment/TAW/images/taw_searchTb_icon.jpg) no-repeat right center #fff!important;-webkit-box-shadow:none!important; box-shadow:none!important; height:40px!important;}
.fv5 .searchBtn{background-color: transparent; border:none; display:inline-block; width:35px; height:38px; position:absolute; right:7%; top:6px; padding:0; margin:0;outline:none;}
/* -- Kousalya ends -- */

.fv5 select.articleMonthDd::-ms-expand,.fv5 select.indxMonthDd::-ms-expand {display: none;}

/*multiselect*/
.fv5 .multiSelectWrap .multiselect{text-align:left !important;height:40px; border-radius:0;font-size:16px;font-weight:100; padding-right:50px; width:95%; overflow:hidden;color: #767676;}
.fv5 .multiSelectWrap .dropdown-menu{width:250px !important;border-radius:0;top:40px;/*width: 147px !important;min-width:147px !important;*/}
.fv5 .multiSelectWrap .multiselect b.caret{position:absolute;top:14px;right:8px;}
.fv5 .multiSelectWrap .multiselect-group{font-weight:bold;text-decoration:underline;}
.fv5 .multiSelectWrap button{background: url(/wcsstore/hpusstore/Treatment/TAW/images/taw_monthDd_icon.jpg) no-repeat right center #fff;}
.fv5 .multiSelectWrap button{box-shadow:none;outline:none;}
.fv5 .multiSelectWrap .caret{display:none !important;}
.fv5 .multiSelectWrap .open>.dropdown-toggle.btn-default:focus,.fv5 .multiSelectWrap .open>.dropdown-toggle.btn-default:hover {background-color:#fff;border-color: #ccc;}
.fv5 .multiSelectWrap .btn-group.open .dropdown-toggle{box-shadow:none;}
.fv5 .multiSelectWrap .btn:focus{outline:none !important;outline-offset:0;background-color:#fff;}
.fv5 .multiSelectWrap .btn-group .dropdown-toggle{box-shadow:none;}

.fv5 .articleDd .form-group{margin-bottom:5px;}
.fv5 .articleMonthDd button{-webkit-appearance: none; -moz-appearance: none; color: #000; border:1px solid #ccc; font-size: 16px; font-weight:100; width: 100%; padding:9px 40px 8px 10px;	cursor: pointer; background: url(/wcsstore/hpusstore/Treatment/TAW/images/taw_monthDd_icon.jpg) no-repeat right center #fff;border-radius: 0;height: 40px;box-shadow:none;outline:none;/*margin:5px;	*/}
.fv5 .articleDd .form-group .bootstrap-select.btn-group{outline:none;background-color:transparent;box-shadow:none; min-width:auto; width:100%}
.fv5 .articleMonthDd.btn-group.open .dropdown-toggle{box-shadow:none;}
.fv5 .articleMonthDd .caret{display:none !important;}
.fv5 .articleMonthDd button span{padding:0 !important;}
.fv5 .articleMonthDd .btn:focus{outline:none !important;outline-offset:0;}
.fv5 .articleMonthDd .btn-default.active, .fv5 .articleMonthDd .btn-default:active, .fv5 .articleMonthDd .open>.dropdown-toggle.btn-default{background-color:#fff;border-color: #ccc;}
.fv5 .articleMonthDd .dropdown-menu{margin:0;border-radius:0;}
.fv5 .articleMonthDd .dropdown-menu>li>a{display:block;padding:3px 13px;outline:none;}
.fv5 .articleMonthDd .dropdown-menu{position:absolute;top:39px;}
.fv5 .articleMonthDd.btn-group .dropdown-menu li a span.text{padding:0;font-size:16px;font-weight:100;padding:2px 0;}
.fv5 .articleMonthDd.btn-group .dropdown-menu li.selected a{outline:none !important;background-color:#0096D6 !important;}
.fv5 .articleMonthDd.btn-group .dropdown-menu li.selected a span.text{color:#FFF;}
.fv5 .articleMonthDd.btn-group .dropdown-menu li.selected a span.check-mark{padding:0;display:none !important;}

.fv5 .whatsTrending{float:right; width:240px;}
.fv5 .whatsTrending h2{margin-bottom:10px; font-size:26px}
.fv5 .whatsTrending .paddingallside{padding:15px 25px 20px 25px; border:1px solid #ccc;}
/* -- Arindam begins
.fv5 .whatsTrending .paddingallside .whatsTrendingLinks a{display:block; line-height:20px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ccc} 
-- Arindam ends */

/** -- Kousalya begins */
.fv5 .whatsTrending .paddingallside .whatsTrendingLinks a{display:block; line-height:20px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ccc;font-size: 16px;}
.fv5 .whatsTrending .tawSubscribe{display:inline-block; background-color:#0096db; padding:9px 11px 10px; border:1px solid #0096db; border-radius:2px;width:240px;}
.fv5 .whatsTrending .tawSubscribe:before{content:""; display:inline-block; width:24px; height:16px; background:url(/wcsstore/hpusstore/Treatment/TAW/images/taw_subscribe_icon.png) no-repeat top left; margin:3px  10px 0 0}
.fv5 .whatsTrending .tawSubscribe:hover{text-decoration:none; background-color:#fff; color:#0096db}
.fv5 .whatsTrending .tawSubscribe:hover:before{ background-position:bottom}
.fv5 .whatsTrending .tawSubscribe span{position:relative;bottom:2px;color:#fff; font-size:16px; line-height:18px; font-weight:100; }
.fv5 .whatsTrending .tawSubscribe:hover span{color:#0096db} 
.fv5 .whatsTrending .rightRailSubscribe{margin-top:10px;}
.fv5 .alsoVisitCont .aBold{font-weight:bold;}
/** -- Kousalya ends */

.fv5 .whatsTrending .paddingallside .whatsTrendingLinks a:last-child{padding:0; margin:0; border:none}
.fv5 .whatsTrending .overflowScrollCont{margin-top:20px}

.fv5 .topSection .storyCont{margin:20px 30px 0 0;}
.fv5 .topSection .storyCont .storyBox{max-width:100%; min-height: 360px; margin-bottom:40px;  position:relative;}
.fv5 .topSection .storyCont .storyBox a.storyImg{ width:100%; overflow:hidden; display:block; margin-bottom:15px; }
.fv5 .topSection .storyCont .storyBox img{border:1px solid #ccc; width:100%;}
.fv5 .topSection .storyCont .storyBox h3{font-size:22px; line-height:24px; margin-bottom:10px; color:#000}
.fv5 .topSection .storyCont .storyBox p{margin-bottom:10px;}
/* -- Arindam begins
.fv5 .topSection .storyCont .dateReadmore{margin-top:15px; padding-top:10px; overflow:hidden; clear:both; border-top:1px solid #ccc; position:absolute; left:0; bottom:0; right:0;font-size: 16px;}
-- Arindam ends */

/** -- Kousalya begins */
.fv5 .topSection .storyCont .dateReadmore{padding-bottom:10px; overflow:hidden; clear:both; border-bottom:1px solid #ccc; position:absolute; left:0; bottom:0; right:0;font-size: 16px;}
/** -- Kousalya ends */

.fv5 .topSection .storyCont .dateReadmore .dateCont{float:left}
.fv5 .topSection .storyCont .dateReadmore .readMin{float:right}

/*Promo style*/
.fv5 .whatsTrending .tawPromo_1{background:url(/wcsstore/hpusstore/Treatment/TAW/images/taw_promo1_ink.jpg) no-repeat top center #f2f3f7; padding:120px 30px 20px 30px}
.fv5 .whatsTrending .tawPromo_1 h3{font-size:20px; line-height:24px; margin-bottom:10px; text-align:center}
.fv5 .whatsTrending .tawPromo_1 p{font-size:14px; line-height:18px}
.fv5 .whatsTrending  .promoCta{ text-align:center; margin-top:15px}
.fv5 .whatsTrending  .promoCta a{ background-color:transparent; font-size:14px; border:1px solid #767676; color:#767676; padding:7px 20px; display:inline-block}
.fv5 .whatsTrending  .promoCta a:hover{text-decoration:none}
.fv5 .whatsTrending .tawPromo_2{margin-top:15px}


.fv5 .forListing {border: 2px solid rgba(0, 0, 0, 0.9); top:0; z-index:999999}
.fv5 .reveal-modal .close-reveal-modal{top:4px; right:2px;}
.fv5 .reveal-modal .close-reveal-modal img{width:75%}

/*bottom section style*/
.fv5 .bottomSection{max-width:1270px; margin:50px auto;display:none;}
.fv5 .bottomSection .sectionHeading{margin-bottom:20px}
.fv5 .nextIssueCont{width:40%; float:left}
.fv5 .alsoVisitCont{width:55%; float:right}
.fv5 .nextIssueCont .nextIssue{background-color:#f7f7f7; padding:10px 40px; overflow:hidden}
.fv5 .nextIssueCont .nextIssue .niBox{padding:30px 0; border-bottom:1px dashed #ccc;  overflow:hidden}
.fv5 .nextIssueCont .nextIssue .niBox:last-child{border-bottom:none;}
.fv5 .nextIssueCont .nextIssue .niBox h3{font-size:20px; margin-bottom:10px}
.fv5 .nextIssueCont .nextIssue .niBox .niImg{width:100%; margin-bottom:20px}
.fv5 .nextIssueCont .nextIssue .niBox .niImg img{border:1px solid #e9e9e9}
.fv5 .nextIssueCont .nextIssue .niBox .niContent{float:right; width: 100%;}

.fv5 .alsoVisitCont .alsoVisit{overflow:hidden}
.fv5 .alsoVisitCont .alsoVisit .avBox{padding:30px 0; border-top:5px solid #0096db;  overflow:hidden}
.fv5 .alsoVisitCont .alsoVisit .avBox h3{font-size:20px; margin-bottom:10px}

/*Article page style*/
.fv5.articlePage .tawHeader{ padding:30px 0; border-bottom:5px solid #0096db; max-width:1250px}
.fv5 .breadcrumb {max-width:1250px;margin:auto;padding:20px 0;font-size:18px;background-color:#FFF;border-radius:0;}
.fv5 .breadcrumb .homeLink{background:url(/wcsstore/hpusstore/Treatment/TAW/images/taw_breadcrumb-arrow.png) no-repeat right center; padding-right:25px}
.fv5 .breadcrumb span{display:inline-block; padding-left:10px}

.fv5 .articleSection{max-width:1250px; margin:auto; margin-bottom:40px; overflow:hidden}
.fv5 .articleCont{float:left; width: calc(100% - 370px);}
.fv5 .aritcleImg{position:relative; margin-bottom:25px}
.fv5 .aritcleImg img{width:100%}
.fv5 .aritcleImg span{display:inline-block; background:#0096db; padding:5px 10px; position:absolute; left:0; bottom:0; color:#fff}

.fv5 .articleBody h1{ font-size:32px; line-height:34px; margin:20px 0; display:inline-block}
.fv5 .articleBody .articleBodyHtml{font-size:16px; line-height:26px;}
.fv5 .articleBody .articleBodyHtml p{font-size:16px; line-height:26px; margin-bottom:20px!important; color:#333; text-align:justify}
.fv5 .articleBody .articleBodyHtml h2{font-size: 28px;margin-bottom: 10px !important;}
.fv5 .articleBody .articleBodyHtml h3{font-size:24px; line-height:28px; margin:20px 0 10px 0; color:#000; display:inline-block}
.fv5 .articleBody .articleBodyHtml strong, .fv5 .articleBody .articleBodyHtml em{font-weight:400;}
.fv5 .articleBody .articleBodyHtml a{color:#0096db; font-size:16px; line-height:26px}
.fv5 .articleBody .articleBodyHtml a[target="_blank"] {background:url(/wcsstore/hpusstore/Treatment/TAW/images/taw_blankTarget-arrow.png) no-repeat right center; padding-right:16px; margin-right:2px}
.fv5 .articleBody .articleBodyHtml a.boldLink{font-weight:400;}
.fv5 .articleBody .articleBodyHtml ul, .fv5 .articleBody .articleBodyHtml ol{margin-bottom:20px;}
.fv5 .articleBody .articleBodyHtml li{font-size:16px; line-height:26px; margin-bottom:10px; color:#333; list-style:disc; margin-left:20px}
.fv5 .articleBody .articleBodyHtml .imgContent img{width:auto!important; height:auto!important}
.fv5 .articleBody p.taw_footnotes{font-size:14px;font-style:italic;}
/* -- Arindam ends 
.fv5 .articleSideBar{float:right; width:310px;margin-top:57px}
.fv5 .articleSideBar .relatedArticles{padding:0;}
-- Arindam ends */

/** -- Kousalya begins */
.fv5 .articleSideBar{float:right; width:240px;margin-top:57px}
.fv5 .articleSideBar .selMonthArticles{background-color: #f7f7f7;margin-bottom: 20px;}
.fv5 .articleSideBar .relevantArticles{background-color: #f7f7f7;margin-bottom: 20px;display:none;}
.fv5 .articleSideBar .relatedArticles .paddingall{padding:20px;display:none;padding-top:0;}
/** -- Kousalya ends */

.fv5 .articleSideBar .articleDd{text-align:center; font-size:16px; padding:20px}
.fv5 .articleSideBar .articleDd span{display:inline-block; padding:5px; color:#333}
.fv5 .articleSideBar .relatedArticles a{display:block; padding:10px 0; border-bottom:1px dashed #ccc; line-height:20px;font-size:16px;}
.fv5 .articleSideBar .relatedArticles a.activeA{color:#000; cursor:default;display:none;}
.fv5 .articleSideBar .relatedArticles a.activeA:hover{text-decoration:none}
.fv5 .articleSideBar .relatedArticles a:last-child{border-bottom:0}

.fv5 .taw_index_footnotes{max-width:1270px; margin:30px auto; border-top:1px dashed #ccc; padding-top:35px}
.fv5 .taw_index_footnotes p{font-size:14px; text-align:justify; padding:0 20px}

.fv5 .taw_disc{max-width: 100%;float: left;position: relative;width: 100%;clear: both;font-style: italic;font-size: 14px;line-height: 20px;}
	
.fv5 .taw_article_footnotes{max-width:100%; margin:30px auto; border-top:1px dashed #ccc; padding-top:35px;float:left;position:relative;width:100%;clear:both;}
.fv5 .taw_article_footnotes p{font-size:14px; text-align:justify; padding:0 20px}

@media only screen and (max-width:1300px) {
	.fv5 .articleSection{padding:0 20px}
}

@media only screen and (max-width:1270px) {
	.fv5 .tawBanner .insideCont .articleContent{border-radius:0}
	.fv5 .topSection .topStories{width: calc(100% - 250px);}
	.fv5 .whatsTrending{max-width:250px}
	
	.fv5 .bottomSection{margin:40px 20px}
	
	/*Article page style*/
	.fv5.articlePage .tawHeader{padding:30px 20px}
	
	.fv5 .articleCont{width: calc(100% - 300px);}

	/* -- Arindam ends 
	.fv5 .articleSideBar{width:280px !important;}
	-- Arindam ends */

	/** -- Kousalya begins */
	.fv5 .articleSideBar{width:240px;}
	/** -- Kousalya begins */
}
@media only screen and (max-width:1120px) {
	.fv5 .topSection .storyCont .storyBox{min-height:360px;}
	
	.fv5 .articleCont{width: calc(100% - 260px);}
	.fv5 .articleSideBar{width:240px;}
}


@media only screen and (max-width:850px) {
	.fv5 .tawBanner .insideCont{height:300px}
	
	.fv5 .topSection .topStories{float:none; width:100%;}
	.fv5 .whatsTrending{float:none; max-width:100%; width:100%; border:none; text-align:center;}
	.fv5 .whatsTrending .paddingallside{ border:none }
	.fv5 .topSection .whatsTrending .overflowScrollCont{overflow-y:hidden; max-height:270px; max-width:500px; margin:20px auto}
	.fv5 .topSection .whatsTrending .overflowScroll{min-width:500px; height:280px;  overflow-x:auto; }
	.fv5 .topSection .storyCont{margin:20px 0}
	.fv5 .topSection .headerSearch{margin:0}
	.fv5 .topSection .storyCont .storyBox a.storyImg{height:200px}
	.fv5 .topSection .storyCont .storyBox{min-height:360px;}

	.fv5 .whatsTrending .tawPromo_1{float:left; width:calc(100% - 250px); height:250px}
	.fv5 .whatsTrending .tawPromo_2{float:left; margin-top:0; }

	.fv5 .nextIssueCont{width:40%;}
	.fv5 .alsoVisitCont{width:55%;}
	.fv5 .nextIssueCont .nextIssue .niBox {border:none; padding-bottom:0}
	.fv5 .nextIssueCont .nextIssue .niBox:last-child{padding-bottom:20px}
	.fv5 .nextIssueCont .nextIssue .niBox .niImg{float:none; width:100%}
	.fv5 .nextIssueCont .nextIssue .niBox .niImg img{width:100%; margin-bottom:15px}
	.fv5 .nextIssueCont .nextIssue .niBox .niContent{float:none; width: 100%;}

	.fv5 .articleCont{width: calc(100% - 220px);}
	.fv5 .articleSideBar{width:200px !important;}

	/* Kousalya Begins */
	.fv5.articlePage .whatsTrending .rightRailSubscribe{display:none;}
	.fv5 .articleSideBar .whatsTrending .tawPromo_2{margin-bottom: 15px;}
	.fv5 .articleSideBar .whatsTrending h2{font-size: 22px;line-height:24px;margin-bottom:15px;}
	.fv5 .articleSideBar .whatsTrending .paddingallside{border:1px solid #ccc;}
	/* Kousalya Ends */
}

@media only screen and (max-width:642px) {
	.fv5 .tawHeader{padding:20px 0 0 0}
	.fv5 .tawHeader .leftCont{float:none; text-align:center}
	.fv5 .tawHeader .rightCont{float:none; display:block; margin-top:15px; padding:0}
	.fv5 .tawHeader .rightCont .tawSubscribe{display:block; text-align:center}
	
	.fv5 .tawBanner .insideCont{height:250px}
	.fv5 .tawBanner .insideCont .articleContent h2{font-size:20px}
	.fv5 .tawBanner .insideCont .articleContent .fa-date{font-size:28px; max-width:85px;}
	.fv5 .tawBanner .insideCont .articleContent .fa-text{width:calc(100% - 110px);}
	.fv5 .topSection .storyCont .storyBox{min-height:auto !important; padding-bottom:40px}
	
	.fv5 .topSection .topStories h2{float:none; max-width:100%!important; text-align:center}
	.fv5 .topSection .topStories .searchBoxes{float:none; width:100%; text-align:center; background-color:#0096db; overflow:visible; height:70px; clear:both; margin-bottom:15px; padding:10px}
	.fv5 .topSection .topStories .searchBoxes > div{width:49%; margin:0}
	.fv5 .topSection .topStories .searchBoxes div.orBar{ display:none}
	.fv5 .topSection .topStories .searchBoxes .searchTb, .fv5 .topSection .topStories .searchBoxes .indxMonthDd{border:1px solid #fff}
	
	.fv5 .topSection{padding:0; margin-top:0}
	.fv5 .topSection .storyCont{padding:0 20px;}
	.fv5 .whatsTrending{padding:0}
	
	.fv5 .topSection .storyCont .storyBox a.storyImg{height:auto}
	
	.fv5 .nextIssueCont{width:100%; margin-bottom:25px}
	.fv5 .alsoVisitCont{width:100%;}
	.fv5 .bottomSection .sectionHeading{text-align:center}
	
	.fv5 .forListing {border: 2px solid rgba(0, 0, 0, 0.9); padding:0;}
	
	.fv5 #listTitle{text-align:center; margin:10px}
	
	/*Article page style*/
	.fv5.articlePage .tawHeader{padding:30px 0 0 0; border:none}
	.fv5.articlePage .tawHeader .rightCont{display:none}
	.fv5.articlePage select.articleMonthDd{border-color:#fff}
	
	.fv5 .articleSection{padding:0}
	.fv5 .articleBody{padding:0 20px}
	.fv5 .aritcleImg span{left:20px}
	.fv5 .breadcrumb{padding:0; white-space:nowrap; overflow:hidden; border:20px solid #fff}
	.fv5 .articleCont{width: 100% ; float:none}
	.fv5 .articleSideBar{width: 100% !important; float:none; margin-top:20px; background-color:#0096db; padding-right:0}
	.fv5 .articleSideBar .articleDd{padding:10px; width:calc(100% - 55px); height:70px}
		
	/* -- Arindam Begins 
	.fv5 .articleSideBar .relatedArticles {padding:10px 30px; display:none; background-color:#f7f7f7}
	.fv5 .articleMonthDd button{width:98%}
	.fv5 .articleSideBar .articleDd span.aDdMenu{display:block; width:50px; height:55px; margin-right:-53px; float:right; background:url(/wcsstore/hpusstore/Treatment/TAW/images/taw_hamburger-close.png) no-repeat top center; cursor:pointer; text-indent:-1000px; overflow:hidden}
	.fv5 .articleSideBar.toggleArticleMenu span.aDdMenu{background:url(/wcsstore/hpusstore/Treatment/TAW/images/taw_hamburger-open.png) no-repeat center #f7f7f7; margin-top:5px; border-radius:5px 5px 0 0}
	.fv5 .articleSideBar.toggleArticleMenu .relatedArticles{display:block; border-bottom:5px solid #0096db}
	-- Arindam Begins */

	/* Kousalya Begins */
	.fv5 .articleMonthDd button{width:100%}
	.fv5 .articleSideBar .articleDd div.aDdMenu{display:block; width:50px; height:55px; margin-right:-53px; float:right; background:url(/wcsstore/hpusstore/Treatment/TAW/images/taw_hamburger-close.png) no-repeat top center; cursor:pointer; text-indent:-1000px; overflow:hidden}
	.fv5 .articleSideBar.toggleArticleMenu div.aDdMenu{background:url(/wcsstore/hpusstore/Treatment/TAW/images/taw_hamburger-open.png) no-repeat center #f7f7f7; margin-top:5px; border-radius:5px 5px 0 0}
	.fv5 .articleSideBar.toggleArticleMenu .relatedArticles{display:block; border-bottom:5px solid #0096db}
	.fv5 .tawHeader .rightCont .tawSubscribe{width:100%;}
	.fv5 .whatsTrending .tawSubscribe{width:100%;}	
	.fv5 .articleSideBar .selMonthArticles{background-color:#0096D6;margin-bottom:0 !important;}
	.fv5.articlePage .whatsTrending{display:none;}	
	.fv5 .taw_article_footnotes{display:none;}

	.fv5 .articleDd .form-group .bootstrap-select.btn-group{margin-top:5px;}
	.fv5 .articleSideBar .relatedArticles {padding:0px; display:none; background-color:#f7f7f7}
	.fv5 .articleSideBar .relatedArticles .paddingall{padding-top: 20px;}
	
	/* Kousalya Ends */
}

@media only screen and (max-width:375px) {
	.fv5 .tawBanner .insideCont{height:250px}
	.fv5 .tawHeader h1{font-size:28px;}
	.fv5 .tawHeader span{font-size:18px;}
	.fv5 .tawBanner .insideCont .articleContent{padding:10px; text-align:center}
	.fv5 .tawBanner .insideCont .articleContent h2{font-size:20px}
	.fv5 .tawBanner .insideCont .articleContent p{font-size:14px}
	.fv5 .tawBanner .insideCont .articleContent .fa-date{display:none}
	.fv5 .tawBanner .insideCont .articleContent .fa-text{width:100%; padding:5px; margin:0}
	
	.fv5 .articleBody h1{font-size: 26px;  line-height: 34px;}
	.fv5 .articleBody .articleBodyHtml p{text-align:inherit}
}

/** KOUSALYA Begins **/
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:0 !important;}
@media only screen and (min-width:851px) and (max-width:1100px) {
	.fv5 .topSection .storyCont .storyBox{min-height:360px;}
}

@media only screen and (min-width:851px) and (max-width:888px) {
	.fv5 .topSection .topStories .searchBoxes > div.orBar{margin: 5px 12px;}
	.fv5 input.searchTb{margin:5px 0!important;}
}										  

@media only screen and (min-width:643px) and (max-width:850px) {
	.fv5 .topSection .storyCont .storyBox{min-height: 380px;}
}	
						  
@media only screen and (min-width:320px) and (max-width:560px) {
	.fv5 .topSection .topStories .searchBoxes > div{width:100%; margin:0}
	.fv5 input.searchTb{width:100% !important;margin:5px 0!important;}
	.fv5 .multiSelectWrap .multiselect{width:100% !important;}
	.fv5 .topSection .topStories .searchBoxes{height:120px;}
	.fv5 .multiSelectWrap .dropdown-menu{width:100% !important;}
}

/** KOUSALYA Ends **/