/*	Music player
----------------------------------------------------------------------*/
.ttw-music-player {
	width: 100%;
	margin: 0;
}
.ttw-music-player .player {
	width: 100%;
	float: center;
}
.ttw-music-player .album-cover {
    position: relative;
    float: left;
    background: #333 url(images/player/album-cover-bg.jpg) no-repeat 0 0 scroll;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, .8);
}
.ttw-music-player .album-cover .img {
    box-shadow: inset 0 0 1px rgba(255, 255, 255, .6);
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, .6);
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, .6);
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
}
.ttw-music-player .album-cover .highlight {
    background: transparent url(images/player/album-cover-highlight.png) no-repeat 0 0 scroll;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ttw-music-player .album-cover:hover .highlight {
    opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ttw-music-player .album-cover,
.ttw-music-player .album-cover .img,
.ttw-music-player .album-cover .highlight {
    display: block;
    height: 180px;
    width: 180px;
}

.ttw-music-player .album-cover img,
.ttw-music-player .album-cover .img,
.ttw-music-player .album-cover .highlight {
    position: absolute;
    top: 0;
    left: 0;
    height:180px;
    width:180px;
}

/** Track Info **/
.ttw-music-player .track-info {
    width: 100%;
    margin: 8px 0 0 30px;
    float: left;
    font-size: 12px;
}

.ttw-music-player .track-info p {
    margin: 0 0 8px 0;
}

.ttw-music-player .player .title {
    color: #efefef;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
    font-family: 'Roboto Serif', sans-serif;
    font-weight: bold;
    font-size: 14px;
}

.ttw-music-player .artist-outer {
    color: #727272;
    font-family: 'Roboto Serif', sans-serif;
    font-style: italic;
}

.ttw-music-player .artist {
    color: #999;
    font-family: 'Roboto Serif', sans-serif;
    margin-left: 4px;
}

.ttw-music-player .rating {
    height: 16px;
    margin: 20px 0 20px 0;
}

.ttw-music-player .rating-star {
	width: 15px;
	height: 16px;
	display: block;
	float: left;
	cursor: pointer;
}
.ttw-music-player .rating-star:before{
	font-family: FontAwesome;
	content: "\f005";
	font-size: 15px;
	color: #333;
}
.ttw-music-player .rating-bar:before {
	font-family: FontAwesome;
	content: "\f005";
	font-size: 11px !important;
	color: #333;
}
.ttw-music-player .rating-star:before:hover,
.ttw-music-player .rating-star.on:before,
.ttw-music-player .rating-star.hover:before{
	font-family: FontAwesome;
	content: "\f005";
	font-size: 15px;
	color: #FF0;
}
.ttw-music-player .rating-bar.on:before, 
.ttw-music-player .rating-bar:before:hover, 
.ttw-music-player .rating-bar.hover:before {
	font-family: FontAwesome;
	content: "\f005";
	font-size: 11px !important;
	color: #FF0;
}

.hover:before,
.on:before {
	color: #FFFF00 !important
}


/** Player **/
.ttw-music-player .player-controls {
	position: relative;
	width: 100%;
	height: 30px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: rgba(0, 0, 0, 0.4);
	float: left;
	margin: 12px 0 0 30px;
}
.ttw-music-player .player-controls .main {
	width: 100%;
	margin: 9px 9px;
	position: absolute;
	left: 0;
	top: 0;
}
.ttw-music-player .player-controls div {
	cursor: pointer;
}
.progress-wrapper {
	float: right
}
.progress {
	float: left
}
.ttw-music-player .previous, .ttw-music-player .next {
	height: 10px;
	width: 15px;
	margin: 1px 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.ttw-music-player .previous:hover, .ttw-music-player .next:hover {
	color: #fff
}
div.jp-seeking-bg {
	background: url("images/player/jplayer_seeking.gif") !important;
}
.ttw-music-player .play, .ttw-music-player .pause {
	width: 8px;
	height: 12px;
	margin: 0 7px;
}
.ttw-music-player .previous {
	position: absolute;
	left: 0;
	top: -7px;
	color: #7C7C7C;
}
.ttw-music-player .previous:before {
	font-family: FontAwesome;
	content: "\f04a";
	font-size: 12px !important;
}
.ttw-music-player .next {
	position: absolute;
	left: 40px;
	top: -7px;
	color: #7C7C7C;
}
.ttw-music-player .next:before {
	font-family: FontAwesome;
	content: "\f04e";
	font-size: 12px !important;
}
.ttw-music-player .play {
	position: absolute;
	left: 14px;
	top: -6px;
	color: #fff;
}
.ttw-music-player .play:before {
	font-family: FontAwesome;
	content: "\f04b";
	font-size: 12px !important;
}
.ttw-music-player .pause {
	position: absolute;
	left: 13px;
	top: -6px;
	color: #fff;
}
.ttw-music-player .pause:before {
	font-family: FontAwesome;
	content: "\f04c";
	font-size: 12px !important;
}
.jp-current-time {
	left: 70px;
	position: absolute;
	bottom: -44px;
	color: white;
}
.jp-duration {
	right: 20px;
	position: absolute;
	bottom: -44px;
	color:white;
}
.ttw-music-player .progress-wrapper {
	height: 9px;
	width: 86%;
	background: transparent url(images/player/player-progress.png) repeat-x 0 0 scroll;
	margin: 11px 10px 10px 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.ttw-music-player .progress {
	height: 9px;
	width: 135px;
	cursor: pointer;
	background-color: rgba(46, 46, 46, 0.4);
	background-image: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.ttw-music-player .elapsed {
	height: 9px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	width: 60%;
	background: #FF0078;
}
.ttw-music-player .description {
	clear: both;
	margin: 30px 0 0 0;
	font-size: 12px;
	color: #999;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
}
.ttw-music-player .description.showing{
	margin:30px 0;
}

/** Track List **/
.ttw-music-player .tracklist {
	width: 100%;
	float: right;
	padding: 10px 20px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: rgba(0, 0, 0, 0.4);
	color: #999;
	font-size: 12px;
}
.ttw-music-player .tracklist ol {
	margin: 0;
	padding: 0;
	overflow:hidden;
}
.ttw-music-player .tracklist li {
	text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
	padding: 5px 0 5px 0;
	list-style-position: inside;
	position: relative;
	border-bottom: 1px solid #080808;
	box-shadow: 0 1px 0 rgba(34, 34, 34, 0.8);
	-webkit-box-shadow: 0 1px 0 rgba(34, 34, 34, 0.8);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ttw-music-player .tracklist li:hover {
	color: #eee;
}
.ttw-music-player li:last-child{
	border-bottom: 0;
	box-shadow: none;
	-webkit-box-shadow: none
}
.ttw-music-player .show-more-button li:last-child{
	background: transparent url(images/player/tracklist-item-bg.png) repeat-x bottom left scroll;
}
.ttw-music-player .tracklist .title {
	width: 240px;
	display: inline-block;
	padding: 0 0 0 14px;
	cursor: pointer;
}

.ttw-music-player li:nth-child(1n + 10) .title{
    padding-left:7px;
}

.ttw-music-player li.playing {
	color:#fff !important;
}
.ttw-music-player .tracklist .rating {
	margin-left: 30px;
	width: 66px;
	display: block;
	position: absolute;
	right: 92px;
	top: -15px;
}
.ttw-music-player .rating-bar {
	width: 13px;
	display: block;
	float: left;
	cursor: pointer;
}
.ttw-music-player .buy {
	padding: 0 14px;
	height: 18px;
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: rgba(57, 57, 57, 0.3);
	margin: 0 0 0 10px;
	font-size: 10px;
	text-align: center;
	line-height: 18px;
	text-shadow: none;
	color: #A0A0A0;
}
li.track:hover .buy, .playing .buy {
	background: #FF0078;
	color: #fff;
}
.ttw-music-player .buy.not-active{
    display:none;
}
.ttw-music-player .more {
    display:none;
    font-family: 'Lato Italic', arial, sans-serif;
    font-style: italic;
    font-size: 11px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
    padding: 10px 0;
    margin: 6px 0;
    cursor: pointer;
    text-align: center;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: transparent url(images/player/tracklist-more.png) repeat 0 0 scroll;
}
.ttw-music-player .more:hover {
    color: #eee;
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, .2);
}
.ttw-music-player .show-more-button .more{
    display:block;
}
.ttw-music-player .more,
.ttw-music-player .album-cover .highlight,
.ttw-music-player .tracklist li,
.ttw-music-player .buy {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ttw-music-player .player:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.music-single .tracklist { width: 100%; margin-top: 20px; }
.music-single .player {
	width: 100%;
	float: none;
	display: block;
}
.music-single .track-info { width: 100% }
.music-single .player-controls { width: 100% }
.music-single .player-controls div { width: 100% }
.wide-mp3 .player-controls { width: 100% }
.wide-mp3 .progress-wrapper { width: 80%px }

.ie8 #header, .ie8 .sf-menu ul li, .ie8 .ttw-music-player .buy, .ie8 #LoginBackgroundPopup,
.ie7 #header, .ie7 .sf-menu ul li, .ie7 .ttw-music-player .buy, .ie7 #LoginBackgroundPopup {
	background: transparent url(images/ie_000_80.png) repeat;
}
.ie8 .footer-last, .ie8 .ttw-music-player .player-controls, .ie8 .def-block, .ie8 .ttw-music-player .tracklist, .ie8 .breadcrumbIn,
.ie7 .footer-last, .ie7 .ttw-music-player .player-controls, .ie7 .def-block, .ie7 .ttw-music-player .tracklist, .ie7 .breadcrumbIn {
	background: transparent url(images/ie_000_40.png) repeat;
}
.ie8 .liner, .ie8 .news, .ie8 .little-head,
.ie7 .liner, .ie7 .news, .ie7 .little-head {
	border-bottom: 1px solid #1F1F1F;
}
.ie8 li.track:hover .buy, .ie8 .playing .buy, 
.ie7 li.track:hover .buy, .ie7 .playing .buy {
	background: #FF0078
}
.ie8 #login_username, .ie8 #login_password, 
.ie9 #login_username, .ie9 #login_password {
	padding: 4px 10px 22px;
}
.ie7 #login_username, .ie7 #login_password {
	padding: 4px 10px;
	width: 276px !important
}
.ie8 .on:before, .ie8 .hover, 
.ie9 .on:before, .ie9 .hover,
.ie7 .on:before, .ie7 .hover {
	color: #FFFF00;
}
.ie7 .little-head .search input {margin: 0;padding: 2px 12px 0}
.ie7 .little-head .search button {top: 5px}
.ie8 .widget #searchwidget input, .ie8 #newsletters input, .ie8 #commentform input, .ie8 #loginform #input-i, .ie8 .forum #search-forum input, .ie8 #contactForm #senderName, .ie8 #contactForm #senderEmail, .ie8 #contactForm #message {
	padding: 8px 12px 26px;	
}
.ie7 .widget #searchwidget input, .ie7 #newsletters input, .ie7 #commentform input, .ie7 #loginform #input-i, .ie7 .forum #search-forum input, .ie7 #contactForm #senderName, .ie7 #contactForm #senderEmail, .ie7 #contactForm #message {
	padding: 4px 12px;
	width: 90%
}
.ie7 #commentform .send-message {width: auto}
.ie8 .widget .list li a, .ie8 .post, .ie8 .ttw-music-player .tracklist li,
.ie7 .tabs, .ie7 .widget .list li a, .ie7 .post, .ie7 .ttw-music-player .tracklist li {
	border-bottom: 1px solid #141414;
}
.ie7 .sf-menu li:hover ul, .ie7 .sf-menu li.sfHover ul {
	top: 64px
}
.ie8 .left-sidebar .span8, .ie7 .left-sidebar .span8 {
	margin-left: 2% !important;
}
.ie8 #commentform .send-message, .ie7 #commentform .send-message {
	padding: 10px 10px 10px;
}
.ie8 .forum .avatar, .ie7 .forum .avatar {
	width: 20px;
	height: 20px
}
.ie8 .Alphabet li a, .ie8 .mitem .cat, 
.ie7 .Alphabet li a, .ie7 .mitem .cat {
	background: transparent url(images/ie_000_40.png) repeat;
	padding: 8px;
}
.ie8 .Alphabet li a:hover, .ie8 .mitem:hover .cat,
.ie7 .Alphabet li a:hover, .ie7 .mitem:hover .cat {
	background: transparent url(images/ie_fff_80.png) repeat;
}
.ie8 .accordion-head p, .ie8 .toggle-head p,
.ie7 .accordion-head p, .ie7 .toggle-head p {
	margin: 0;
	padding: 0
}
.ie8 .masonry, .ie7 .masonry {
	width: 105%
}
.ie8 .masonry .grid_6, .ie8 .masonry .grid_3,
.ie7 .masonry .grid_6, .ie7 .masonry .grid_3 {
	margin: 0 10px 20px 0 !important;
}
.ie8 .mitem a:before,
.ie7 .mitem a:before {
	background: none;
}
.ie8 .sf-menu li.back,
.ie7 .sf-menu li.back {
	bottom: 0
}
.ie7 .def-block h4, .ie7 .countdown li {float: left}
.ie7 .liner { margin: -14px 0 20px }
.ie7 .breadcrumbIn ul li, .ie7 .breadcrumbIn, .ie7 .event-timer li {float: left}
.ie7 .event-timer li {margin-right: 2px}
.ie7 .tags a {margin: 0 4px 4px 0}
.ie7 .tab-content-items span {width: 60%}
.ie7 .ttw-music-player .previous, .ie7 .ttw-music-player .play, .ie7 .ttw-music-player .pause, .ie7 .ttw-music-player .next {top: 0}
.ie7 .rating-star, .ie7 .rating-bar {color: #ccc; display: block}
.ie7 .on, .ie7 .hover {color: #FF0 !important}
.ie7 .ttw-music-player .tracklist ol, .ie7 .anyClass {position: relative}
.ie7 .news .span7 {padding-left: 0}
.ie7 .widget .grid_8 {width: 64%}
.ie7 .sf-menu li li, .ie7 .sf-menu li li:first-child {border-top: 0 !important}
.ie7 .tabs {position: relative;width: 100%}
.ie7 .tabs li .active {border-bottom: 2px solid #FF0078}
.ie7 .countdown .timeRefDays, .ie7 .countdown .timeRefHours, .ie7 .countdown .timeRefMinutes, .ie7 .countdown .timeRefSeconds {margin-top: 60px !important}
.ie7 .Alphabet li {float: left;margin-right: 2px}
.ie7 .tp-grid .grid_3 {width: 22%}
.ie7 .tp-grid .grid_4 {width: 31%}
.ie7 .tp-grid .grid_6 {width: 47%}
.ie7 .pagination-tt li {margin: 0 2px;float: left}
.ie7 .forum #search-forum button {top: 9px;right: 22px;}
.ie7 .widget #searchwidget button, .ie7 #newsletters button {top: 8px;right: 10px}

/*	CSS3 Intro Animations
----------------------------------------------------------------------*/
.fadeIn {
	-webkit-animation: fadeIn 2s;
	animation: fadeIn 2s;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.fadeUp {
	-webkit-animation: fadeUp 2s;
	animation: fadeUp 2s;
}
@-webkit-keyframes fadeUp {
	0% {opacity: 0;-webkit-transform: translateY(40px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes fadeUp {
	0% {opacity: 0;transform: translateY(40px);}
	100% {opacity: 1;transform: translateY(0);}
}
.fadeDown {
	-webkit-animation: fadeDown 2s;
	animation: fadeDown 2s;
}
@-webkit-keyframes fadeDown {
	0% {opacity: 0;-webkit-transform: translateY(-40px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes fadeDown {
	0% {opacity: 0;transform: translateY(-40px);}
	100% {opacity: 1;transform: translateY(0);}
}
.fadeLeft {
	-webkit-animation: fadeLeft 2s;
	animation: fadeLeft 2s;
}
@-webkit-keyframes fadeLeft {
	0% {opacity: 0;-moz-transform: translateX(-40px);}
	100% {opacity: 1;-moz-transform: translateX(0);}
}
@keyframes fadeLeft {
	0% {opacity: 0;transform: translateX(-40px);}
	100% {opacity: 1;transform: translateX(0);}
}
.fadeRight {
	-webkit-animation: fadeRight 2s;
	animation: fadeRight 2s;
}
@-webkit-keyframes fadeRight {
	0% {opacity: 0;-moz-transform: translateX(40px);}
	100% {opacity: 1;-moz-transform: translateX(0);}
}
@keyframes fadeRight {
	0% {opacity: 0;transform: translateX(40px);}
	100% {opacity: 1;transform: translateX(0);}
}

/*	On Desktop
----------------------------------------------------------------------*/
#mobilepro {
	font-size: 20px;
	font-weight: bold;
	display: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	padding: 6px 7.5px;
	cursor: pointer;
	float: right;
	color: #FFF;
	margin: 40px 0;
}
/* #Tablet (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 959px) and (max-width: 1177px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin {width: 1000px}
	.row { width: 944px }
	.ttw-music-player .tracklist {width: 100%}
	.ttw-music-player .player-controls {width: 100%}
	.ttw-music-player .progress-wrapper {width: 80%}
	.ttw-music-player .tracklist .title {width: 100%}
	.wide-mp3 .ttw-music-player .tracklist .title {width: 170px}
	.wide-mp3 .ttw-music-player .track-info, .wide-mp3 .ttw-music-player .player-controls {width: 210px}
	.wide-mp3 .ttw-music-player .progress-wrapper {width: 128px}
	.music-single .track-info, .mp3-single .ttw-music-player .player-controls {width: 62%}
	.music-single .ttw-music-player .tracklist {width: 93%}
	.music-single .player-controls div {width: 75%}
	.masonry [class^="grid_"], .masonry [class*="grid_"] { margin-left: .9%}
	.Alphabet li a {padding: 8px}
	.left-sidebar .span8 {margin-left: 2% !important}
	.post .meta span, .news-meta .meta span {margin-right: 2px}
	.anyClass li {width: 206px}
	.event-timer li {width: 56px}
	#flickr-photos li {width: 68px;height: 68px}
}

/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin {width: 750px }
	.row { width: 700px }
	#header {position: relative;background: rgba(0, 0, 0, 0.4);}
	.little-head {float: none !important;display: table;margin: 0 auto}
	.logo {float: none !important;display: block;margin: 28px auto 14px}
	.sf-menu {float: none !important;display: table;margin: 20px auto 0 !important}
	.sf-menu a {padding: 0 28px 30px 0}
	.sticky {margin-top: -150px !important}
	.ttw-music-player .player {width: 100%}
	.ttw-music-player .track-info, .ttw-music-player .player-controls {width: 100%}
	.ttw-music-player .tracklist {width: 100%;margin-top: 20px;}
	.ttw-music-player .progress-wrapper {width: 80%}
	.ttw-music-player .tracklist .title {width: 62%}
	.wide-mp3 .ttw-music-player .track-info, .wide-mp3 .ttw-music-player .player-controls {width: 67%}
	.music-single .ttw-music-player .track-info, .music-single .ttw-music-player .player-controls {width: 47%}
	.music-single .player-controls div {width: 55%}
	.mitem h3 {font-size: 14px}
	.mitem small {font-size: 12px}
	.copyright {float: none !important;margin: 0 auto 20px !important;display: table !important}
	.foot-menu {float: none !important;margin: 0 auto !important;display: table !important}
	.tab-content-items .m-thumbnail {width: 30px;height: 70px}
	.news .tbutton {float: right;margin-top: 20px}
	.under_header {height: 230px}
	.Alphabet li a {padding: 4px}
	.tabs li a {margin: 0 10px -1px 0;font-size: 14px}
	.tp-info, .tp-title {max-width: 100%}
	.tp-title span:nth-child(2) {display: none}
	.tp-title {padding: 0 2px}
	.tp-grid .grid_3 {width: 22%}
	.tp-grid .grid_4 {width: 30%}
	.tp-grid .grid_6 {width: 47%}
	.sf-menu li.back {display: none !important}
	.anyClass li {width: 206px;}
	.event-timer li {width: 76px}
	.widget .grid_4, .widget .grid_8 {width: 100%}
	#flickr-photos li {width: 42px;height: 42px}
}

/* #Mobile (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin {width: 470px }
	.boxed-margin {margin: 8px auto}
	.row { width: 400px }
	.social a {margin: 0 2px;width: 17px}
	#header {position: relative;background: rgba(0, 0, 0, 0.4)}
	.little-head .search, .social-head {margin: 0 10px 0 0}
	.little-head .search input {font-size: 8px;width: 100px !important}
	.little-head {float: none !important;display: table;margin: 0 auto}
	#mobilepro { display: block; }
	.sf-menu a { color: #FFF !important; padding: 0 0 10px 0 }
	.sf-menu a:hover { background: transparent !important }
	.sf-menu {width: 100%!important;display: none; margin: 4px 0 !important }
	.sf-menu li li, .sfHover { background: none }
	.sf-menu li { margin-bottom: 10px; margin-left: 0 }
	.sf-menu.xactive { display: block !important; }
	.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
	.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
	ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul, ul.sf-menu li ul { margin-top: 4px; margin-bottom: 10px }
	.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
	.sf-menu li a, .sf-menu ul li { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu li li {left: 10px;border-top: 0;border-bottom: 0;}
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop ul {display: block !important; visibility: inherit !important }
	.sf-menu ul li:hover, .sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {background: none}
	.sticky {margin-top: -150px !important}
	.ttw-music-player .player {width: 100%}
	.ttw-music-player .track-info, .ttw-music-player .player-controls {width: 47%}
	.ttw-music-player .tracklist {width: 100%;margin-top: 20px;}
	.ttw-music-player .progress-wrapper {width: 80%}
	.ttw-music-player .tracklist .title {width: 47%}
	.duration, .sf-menu li.back {display: none !important}
	.wide-mp3 .ttw-music-player .track-info, .wide-mp3 .ttw-music-player .player-controls {width: 38%}
	.music-single .ttw-music-player .track-info, .music-single .ttw-music-player .player-controls {width: 38%}
	.music-single .player-controls div {width: 38%}
	.music-single .progress-wrapper {width: 80%}
	.music-single .jp-current-time {left: 0}
	.wide-mp3 .progress-wrapper {width: 80%}
	.wide-mp3 .jp-current-time {left: 0}
	.mitem h3 {font-size: 14px}
	.mitem small {font-size: 12px}
	.copyright {text-align: center;float: none !important;margin: 0 auto 20px !important;display: table !important}
	.foot-menu {float: none !important;margin: 0 auto !important;display: table !important}
	.under_header {height: 230px}
	.Alphabet li a {padding: 4px}
	.tabs li a {margin: 0 10px -1px 0;font-size: 13px;font-weight: normal;}
	.tp-info, .tp-title {max-width: 100%}
	.tp-title span:nth-child(2), .back {display: none}
	.tp-title {padding: 0 2px}
	.tp-grid .grid_3 {width: 90%}
	.tp-grid .grid_4 {width: 90%}
	.tp-grid .grid_6 {width: 90%}
	.news .span5 img {margin: 0 auto 20px}
	.news {text-align: center}
	.row-fluid .span3 {width: 23.404255319148934%;float: left;}
	.row-fluid .span9 {width: 74.46808510638297%;float: left;}
	.videos .slides img {width: 100% !important}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {width: 100%}
	.masonry .grid_3 {width: 48%}
	.def-block {margin-bottom: 30px}
	.table th {padding: 16px 5px}
	.the-icons .span3 {width: 100% !important}
	#glyphs .box1 {width: 100% !important;font-size: 20px;margin-bottom: 20px !important;}
	.video-grid img {width: 100%}
	.posts, .sidebar {width: 100% !important}
	.forum .table th, .forum .table td {padding: 16px 10px 16px 10px}
	.def-block h5 {line-height: 20px;}
	.post-links a {width: 43%}
	ul.showcomments li.child {margin: 0 0px 32px 2px}
}

/*  #Mobile (Portrait) 320px
----------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 479px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin {width: 310px }
	.boxed-margin {margin: 8px auto;}
	.row { width: 100%; padding: 0; }
	.social a {margin: 0 2px;width: 17px}
	#header {position: relative;background: rgba(0, 0, 0, 0.4)}
	.social-head {margin: 0 10px 0 0}
	.little-head .search {margin: 10px 0 0 0}
	.little-head .search input {font-size: 12px;width: 290px !important}
	.little-head {float: none !important;display: table;margin: 0 auto}
	#mobilepro { display: block; }
	.sf-menu a { color: #FFF !important; padding: 0 0 10px 0 }
	.sf-menu a:hover { background: transparent !important }
	.sf-menu {width: 100%!important;display: none; margin: 4px 0 !important }
	.sf-menu li li, .sfHover { background: none }
	.sf-menu li { margin-bottom: 10px; margin-left: 0 }
	.sf-menu.xactive { display: block !important; }
	.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
	.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
	ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul, ul.sf-menu li ul { margin-top: 4px; margin-bottom: 10px }
	.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
	.sf-menu li a, .sf-menu ul li { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu li li {left: 10px;border-top: 0;border-bottom: 0;}
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop ul {display: block !important; visibility: inherit !important }
	.sf-menu ul li:hover, .sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {background: none}
	.sticky {margin-top: -150px !important}
	.ttw-music-player .player {width: 100%}
	.ttw-music-player .track-info, .ttw-music-player .player-controls {width: 100%;margin: 10px 0 0 0;}
	.ttw-music-player .tracklist {width: 100%;margin-top: 20px;}
	.ttw-music-player .progress-wrapper {width: 75%}
	.ttw-music-player .tracklist .title {width: 80%}
	.ttw-music-player .album-cover, .ttw-music-player .album-cover .img, .ttw-music-player .album-cover .highlight {margin: 0 auto;display: table;text-align: center;float: none;}
	.duration, .ttw-music-player .tracklist .rating, .sf-menu li.back {display: none !important}
	.wide-mp3 .ttw-music-player .track-info, .wide-mp3 .ttw-music-player .player-controls {width: 100%}
	.music-single .ttw-music-player .track-info, .music-single .ttw-music-player .player-controls {width: 100%}
	.music-single .player-controls div {width: 100%}
	.music-single .progress-wrapper {width: 80%}
	.music-single .jp-current-time {left: 0;color:white;}
	.wide-mp3 .progress-wrapper {width: 80%}
	.ttw-music-player .tracklist li {margin: 0}
	.wide-mp3 .jp-current-time {left: 0;color:white;}
	.mitem h3 {font-size: 13px;bottom: 0px;left: 10px;}
	.mitem small {font-size: 12px}
	.copyright {text-align: center;float: none !important;margin: 0 auto 20px !important;display: table !important}
	.foot-menu {float: none !important;margin: 0 auto !important;display: table !important}
	.under_header {height: 190px}
	.Alphabet li a {padding: 4px}
	.tabs li a {margin: 0 10px -1px 0;font-size: 13px;font-weight: normal;}
	.tp-info, .tp-title {max-width: 100%}
	.tp-title span:nth-child(2) {display: none}
	.tp-title {padding: 0 2px}
	.tp-grid .grid_3 {width: 90%}
	.tp-grid .grid_4 {width: 90%}
	.tp-grid .grid_6 {width: 90%}
	.news .span5 img {margin: 0 auto 20px}
	.news {text-align: center}
	.row-fluid .span3 {width: 23.404255319148934%;float: left;}
	.row-fluid .span9 {width: 74.46808510638297%;float: left;}
	.videos .slides img {width: 100% !important}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {width: 100%}
	.masonry .grid_3 {width: 48%}
	.def-block {margin-bottom: 30px}
	.table th {padding: 16px 5px}
	.the-icons .span3 {width: 100% !important}
	#glyphs .box1 {width: 100% !important;font-size: 20px;margin-bottom: 20px !important;}
	.video-grid img {width: 100%}
	.posts, .sidebar {width: 100% !important}
	.forum .table th, .forum .table td {padding: 16px 10px 16px 10px}
	.def-block h5 {line-height: 20px;}
	.post-links a {width: 43%}
	ul.showcomments li.child {margin: 0 0px 32px 2px}
	.topbar h2, .topbar h3 { text-align: left; padding: 0; display: block;}
	.tback {top: 40px}
	#popupLogin {width: 310px}
	.ajde_evcal_calendar .calendar_header p {font-size: 26px}
	.forum .search-forum {position: relative;width: 100%}
	.event-timer li {width: 53px}
}