/*@media screen and (max-width: 640px) {*/
@media screen and (max-width: 640px) {
.RunMobile{
float:none;
}
div#HeaderWhite{
background:#FFF;
}
div#HeaderWhite h6{
	color:#666;
}
div#HeaderWhite .TopSearchBox{
display:none;
}
div#BodyContainer{
width:98%;
}

div#Header{
width:98%;
}
div#Header .headerImage{
display:table;
vertical-align:middle;
}
div#Header img{
margin:0 auto;
padding:0;
width:98%;
display:block
}

.navTrigger{
display:block;
}
div#HeaderWhite a.navTrigger{
border:none;
text-decoration:none;
position:absolute;
line-height:42px;
float:right;
position:relative;
right:10px;
}
div#HeaderWhite a.navTrigger span{
line-height:32px;
text-align:center;
line-height:42px;
}
div#HeaderWhite a.navTrigger span:before{
content: "\f0c9" /*fontawesome char code inside the ''*/;
font-family: FontAwesome;
color:#FFF;
font-size:13pt;
width:32px;
height:32px;
padding:6px 9px;
border-radius:3px;
background:#8C488C;

}
div#Header ul.headerNav {
width:100%;
padding:0;
background:#8C488C;
height:0;
overflow:hidden;
position:absolute;
z-index:111000;
margin:0 auto;
top:0;
margin-top:-7px;
border-radius:3px;
}
div#Header ul.headerNav:before{
content:'';
position:absolute;
right:15px;
top:0;
margin-top:-20; /*should be set to -border-width x 2 */
width:0;
height:0;
border-color: transparent transparent #8C488C transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}
div#Header ul.headerNav li{
display:block;
margin:5px auto;
height:33px;
text-align:left;
width:95%;
}

div#Header ul.headerNav li.LiTopSearchBox .TopSearchBox{
height:30px;
width:255px;
margin-left:15px;
}
div#Header ul.headerNav li .TopSearchBox input{
height:26px;
margin:2px;
width:220px;
border:1px solid #ccc;
font-size:11pt;
line-height:26px;
color:#333;
border-radius:3px;
padding-left:5px;
padding-right:5px;
text-align:center;
margin-right:7px;
}
div#Header ul.headerNav li .TopSearchBox input:focus{
border:1px solid #8C488C;
}
div#Header ul.headerNav li .TopSearchBox span.fa-search:hover{
color:#FFF;
}
div#Header ul.headerNav li .TopSearchBox span.fa-search{
font-family: 'FontAwesome';
font-size:14pt;
line-height:30px;
color:#aaa;
cursor:pointer;
}

div#Header ul.headerNav li a{
text-decoration:none;
line-height:33px;
color:#FFF;
margin-left:15px;
}
div#Header ul.headerNav li:hover,div#Header ul.headerNav li.active{
background:#F0E3F0;
color:#FFF;
border-radius:3px;
}
div#Header ul.headerNav li:hover a,div#Header ul.headerNav li.active a{
color:#444;
}
div#Header ul.headerNav li.LiTopSearchBox:hover{
background:#8C488C;
}
.WeatherContainer{
display:none;}

hr{
width:95%;
margin-bottom:5px;
border-bottom:1px solid #ccc;
}
.col_65,.col_35,.Col_50{
width:98%;
margin:0 auto;
}
.LatestNews ul,.Col_50 ul,.OneTag ul,.fromTheWeb ul{
padding:0;
margin:0 auto;
width:98%;
}
.LatestNews ul li{
list-style-type:none;
min-height:25px;
color:#444;
}
.LatestNews ul li span{
margin-left:30px;
}
.LatestNews ul li a{
color:#444;
text-decoration:none;
font-size:10pt;
}
.LatestNews ul li:hover a,#footerContainer .table_row div .inSide .FooterNav li a:hover
{
color:#8C488C;
text-decoration:underline;
}
.LatestNews ul li:hover span{
text-decoration:none;
}
.LatestNews ul li:before{
content: "\f04b" /*fontawesome char code inside the ''*/;
font-family: FontAwesome; /* or whatever */
display: inline-block;
margin-left: 15px; /*same as padding-left set on li*/
color:#8C488C;
font-size:9pt;
}
.OneTag {
width:98%;
}
.OneTag  ul li .liImage{
height:75px;
overflow:hidden;
border:1px solid #ccc;
border-radius:3px;
}

.OneTag h2{
margin-left:15px;
font-size:11pt;
color:#8C488C;
}
.OneTag ul{
width:90%;
padding:0;
margin:0 auto;
display:table-row;
}
.OneTag ul li{
vertical-align:top;
width:33.3%;
display:table-cell;
font-size:10pt;
color:#444;
list-style-type:none;
height:115px;
padding:3px;
}
.OneTag ul li hr{
border:none;
margin-bottom:8px;
}
.OneTag ul li img{
float:left;
display:block;
clear:both;
width:100%;
margin:0 auto;
min-height:75px;
}
.OneTag ul li h4,.OneTag ul li p{
margin:0;
margin-bottom:3px;
padding:0;
font-size:11pt;
font-weight:400;
}

.twitterFeeds{
/*background:#E7D3E7;*/
font-size:9pt;
color:#8C488C;
height:400px;
width:98%
}
.twitterFeeds ul::-webkit-scrollbar {
    width: 2px;
	display:none;
}
.twitterFeeds ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.twitterFeeds ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.twitterFeeds ul{
width:98%;
margin:0 auto;
padding:0;
overflow:auto;
height:85%;
}
.twitterFeeds ul li{
width:95%;
list-style-type:none;
margin:3px auto;
padding-bottom:5px;
min-height:48px;
height:auto;
clear:both;
border-bottom:1px solid #8C488C;
}
.twitterFeeds ul li a{
font-size:9pt;
color:#444;
text-decoration:none;
display:block;
}
.twitterFeeds ul li .twitterText{
margin-left:45px;
}
.twitterFeeds ul li .twitterprofilepic{
width:40px;
height:40px;
border-radius:28px;
overflow:hidden;
float:left;
margin-right:5px;
margin-bottom:5px;
border:none;
outline:none;
}
.twitterFeeds ul li .twitterprofilepic img{
width:100%;
height:100%;
border:none;
outline:none;
}
.twitterFeeds ul li a:hover{
text-decoration:underline;
color:#8C488C;
}
.twitterFeeds ul li .twitterControls{
width:100%;
display:block;
text-align:right;
height:25px;
}
.twitterFeeds ul li .twitterControls a{
display:inline-block;
color:#999;
line-height:25px;
}
.twitterFeeds ul li .twitterControls a:hover{
color:#8C488C;
text-decoration:none;
}
.twitterFeeds ul li a.fa-star-o,.twitterFeeds ul li a.fa-retweet,.twitterFeeds ul li a.fa-reply{
font-family: FontAwesome; /* or whatever */
display: inline-block;
font-size:13pt;
margin-left:10px;
cursor:pointer;
}
.twitterFeeds ul li a.fa-star-o:before{
content: "\f006" /*fontawesome char code inside the ''*/;
}
.twitterFeeds ul li a.fa-star-o:hover:before{
content: "\f005" /*fontawesome char code inside the ''*/;
}
.twitterFeeds ul li a.fa-retweet{
content: "\f079" /*fontawesome char code inside the ''*/;
}
.twitterFeeds ul li a.fa-reply{
content: "\f122" /*fontawesome char code inside the ''*/;
}
.col_35 div h3{
margin-bottom:3px;
margin-left:10px;
font-size:11pt;
color:#8C488C;
height:20px;
text-decoration:none;
}
.SoundCloud .iframe{
width:90%;
margin:0 auto;
margin-bottom:10px;
}
.SoundCloud .iframe iframe{
display:none;
}
.SoundCloud h2{
margin-left:0px;
color:#444;
text-decoration:none;
font-size:10pt;
font-weight:400
}
.playSound{
cursor:pointer;
margin-left: 0;
font-weight:700;
line-height:30px;
font-size:11pt;
}
.play:before{
content: "\f04b" /*fontawesome char code inside the ''*/;
z-index:1000;
font-family: 'FontAwesome';
font-size:11pt;
color:#8C488C;
}
.pause:before{
font-family: 'FontAwesome';
content: "\f04c" /*fontawesome char code inside the ''*/;
z-index:1000;
font-size:11pt;
color:#8C488C;
}
.duration1,.duration2{
font-size:9pt;color:#777;font-weight:400;
}
.fromTheWeb ul li{
width:100%;
display:block;
vertical-align:top;
margin-bottom:10px;
padding-bottom:4px;
border-bottom:1px solid #ccc;
min-height:50px;
}
.fromTheWeb ul li a{
color:#444;
text-decoration:none;
font-size:10pt;
}
.fromTheWeb ul li a:hover{
color:#8C488C;
text-decoration:underline;
}
.fromTheWeb ul li img{
float:left;
margin-right:5px;
clear:both;
height:50px;
display:block;
overflow:hidden;
border-radius:3px;
}

/*TET*/
#footerContainer{
width:98%;
}
#footerContainer .table_row div.cells{
width:100%;
}
#footerContainer .table_row div .inSide{
width:95%;
margin:15px auto;
border-bottom:1px solid #8C488C;
}
#footerContainer .table_row div:last-child .inSide{
border-bottom:0px none #8C488C;
}

.art_cont{
width:98%;
margin:0 auto;
}
.art_cont .titleCont{
vertical-align:top;
}
.art_cont .titleCont .art_cont_title{
display:inline-block;
}
.art_cont .titleCont .QR{
width:100px;
display:none;
vertical-align:top;
}
.art_cont .titleCont .QR img{
width:100%;
}
.fromTheWebRead ul li{
width:100%;
}
.SocialSharingFloating{
position:fixed;
top:25px;
left:0;
width:190px;
height:35px;
border:1px solid #bbb;
border-radius:5px;
background:rgba(140,72,140,.6);
z-index:100001;
}
.SocialSharingFloating .SocialSharing{
height:35px;
text-align:center;
width:190px;
}
.SocialSharingFloating .SocialSharing a{
line-height:35px;
color:#fff;
text-align:center;
margin:0;
font-weight:400;
}
.TwoTagsLarge div.first ul {
margin:0 auto;
padding:0;
width:98%;
}
.TwoTagsLarge div.first ul li{
width:100%;
list-style-type:none;
display:block;
margin-bottom:10px;
height:auto;
}
.TwoTagsLarge div.first ul li p{
margin:1px;
}
.TwoTagsLarge div.first ul li:first-child .liImage{
width:98%;
margin:0 auto;
height:175px;
overflow:hidden;
margin-bottom:10px;
}
.TwoTagsLarge div.first ul li:first-child .liImage img{
min-height:100%;
width:100%;
}
.TwoTagsLarge div.first ul li:not(:first-child) .liImage{
width:75px;
height:75px;
overflow:hidden;
margin-right:5px;
margin-bottom:5px;
float:left;
display:none;
}
}
.TwoTagsLarge div.first ul li:not(:first-child) .liImage img{
min-width:100%;
}
.TwoTagsLarge ul li:first-child h4{
margin-top:10px;
}
.TwoTagsLarge ul li h4,.TwoTagsLarge ul li p,.TwoTagsLarge h4 a{
margin:0;
margin-bottom:3px;
padding:0;
font-size:10pt;
font-weight:400;
color:#444;
text-decoration:none
}

}