/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla LLC. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla LLC                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
.mobiletoptools {
	display:none!important;
}
/*select menu */
#mmenu_holder {
	display:none;
	width:95%;
	background:#000;
	padding:10px 0;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	position:relative;
	height:38px;
}
select#mmenu {
	margin:0 auto;
	cursor:pointer;
	display:block;
	width:100%;
	overflow: hidden;
	height:35px;
	padding:5px 0;
}
span#yjmm_selectid {
	position:absolute;
	display:block;
	left:0;
	width:99%;
	height:35px;
	padding:0;
	margin:0;
	line-height:35px;
	color: #fff;
	font-size:18px;
	font-weight:bold;
	border:1px solid #3A3A3A;
	color:#ccc;
	overflow: hidden;
	cursor:pointer;
	background:url(../images/mm_arrow.png) no-repeat right center;
}
select.yjstyled {
	position: relative;
	opacity: 0;
	z-index: 5;
}
@media screen and (max-width: 1500px) {
body,
html {
	overflow-x: hidden;
}
#topmenu_holder.dropped {
	width:auto!important;
	float: none!important;
	clear:both!important;
	margin:0 auto!important;
}
}
@media screen and (max-width: 980px) {
.top_menu {
	visibility:hidden!important;
	height:0!important;
	overflow:hidden!important;
}
.top_menu.showmenu {
	visibility:visible!important;
	height:auto!important;
	overflow:visible!important;
}
#logo {
	visibility:hidden;
}
#logo.lfloat {
	margin:0 auto!important;
	float:none!important;
	visibility:visible!important;
}
body,
html {
	overflow-x: hidden;
}
#header {
	overflow:hidden;
}
#header.dropped {
	overflow:hidden;
	height: auto!important;
}
#centertop,
#centerbottom,
#yjsgheadergrid,
#yjsg1,
#yjsg2,
#yjsg3,
#yjsg4,
#yjsg5,
#yjsg6,
#yjsg7,
#midblock,
#rightblock,
#leftblock,
#insetblock,
#insetsholder_2t,
#insetsholder_2b,
#insetsholder_3t,
#insetsholder_3b,
#footer,
#footmod,
#joomlacredit,
.validators,
.yjsgcp,
.yjsglogo {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
/* mods*/
.yjsgxhtml{
	width:50%!important;
}
.yjsgxhtml.last_mod,
.yjsgxhtml.only_mod{
	width:100%!important;
}
embed,
object {
	width: 100%!important;
	height: auto!important;
}
img {
	max-width: 100%!important;
}
.yjsglogo {
	position:static!important;
	display:block!important;
}
div.yjsg-newsitems .float-left {
	width:50%!important;
}
div.yjsg-newsitems .float-left.width100,
.last.float-left.width33,
.last.float-left.width20 {
	width:100%!important;
}
div.subCategory {
	height: auto!important;
}
}
@media screen and (max-width: 768px) {
.navContainer {
	width: 98%!important;
}
.subCategoryContainer,
.itemImageBlock,
.itemContainer,
.catItemImageBlock,
div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
.itemToolbar ul li {
	padding:0 5px 0 0!important;
}
}
@media screen and (max-width: 640px) {
.userpages,#userpages {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
}
@media screen and (max-width: 480px) {
div.yjsg-newsitems .float-left,
.yjsgxhtml {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
textarea,
.inputbox {
	width: 100%!important;
	height: auto!important;
}
.itemToolbar,
.itemToolbar ul,
.itemToolbar ul li {
	display:block!important;
	clear:both!important;
	float:none!important;
	padding:0!important;
	text-align:left!important;
	border:none!important;
}
}
@media screen and (max-width: 320px) {
}
@media screen and (max-width: 240px) {
.navContainer {
	width: 95%!important;
}
}
/* 
	this is responsive css visible only in  ie7 / ie8
	if you need to add more properties just use one of the body
	class prefixes as our examples below. We added 480 just in case
	but we all know that there are no devices that small that use IE 7/8 :).
	
	body.yjresponsive 			= under 980px always present
	body.yjresponsive.yjrp980 	= specific for 980px and under
	body.yjresponsive.yjrp768 	= specific for 768px and under
	body.yjresponsive.yjrp480 	= specific for 480px and under
*/

body.yjresponsive,
html {
	overflow-x: hidden;
}
/*980*/
body.yjresponsive .top_menu {
	visibility:hidden!important;
	height:0!important;
	overflow:hidden!important;
}
body.yjresponsive .top_menu.showmenu {
	visibility:visible!important;
	height:auto!important;
	overflow:visible!important;
}
body.yjresponsive #logo {
	visibility:hidden;
}
body.yjresponsive #logo.lfloat {
	margin:0 auto!important;
	float:none!important;
	visibility:visible!important;
}
body.yjresponsive #header {
	overflow:hidden!important;
}
body.yjresponsive #header.dropped {
	overflow:hidden!important;
	height: auto!important;
}
body.yjresponsive #centertop,
body.yjresponsive #centerbottom,
body.yjresponsive #yjsgheadergrid,
body.yjresponsive #yjsg1,
body.yjresponsive #yjsg2,
body.yjresponsive #yjsg3,
body.yjresponsive #yjsg4,
body.yjresponsive #yjsg5,
body.yjresponsive #yjsg6,
body.yjresponsive #yjsg7,
body.yjresponsive #midblock,
body.yjresponsive #rightblock,
body.yjresponsive #leftblock,
body.yjresponsive #insetblock,
body.yjresponsive #insetsholder_2t,
body.yjresponsive #insetsholder_2b,
body.yjresponsive #insetsholder_3t,
body.yjresponsive #insetsholder_3b,
body.yjresponsive #footer,
body.yjresponsive #footmod,
body.yjresponsive #joomlacredit,
body.yjresponsive .validators,
body.yjresponsive .yjsgcp,
body.yjresponsive .yjsglogo {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
/* mods*/
body.yjresponsive .yjsgxhtml{
	width:50%!important;
}
body.yjresponsive .last_mod,
body.yjresponsive .only_mod{
	width:100%!important;
}
body.yjresponsive #logo {
	margin:0 auto!important;
	float:none!important;
}
body.yjresponsive embed,
body.yjresponsive object {
	width: 100%!important;
	height: auto!important;
}
body.yjresponsive .mobiletoptools {
	display:none!important;
}
body.yjresponsive img {
	max-width: 100%!important;
}
body.yjresponsive .yjsglogo {
	position:static!important;
	display:block!important;
}
body.yjresponsive.yjrp980 #yjsg1 {
}
body.yjresponsive.yjrp980 .yjsgxhtml {
	width:49%!important;
	float: left!important;
	clear:none!important;
}

body.yjresponsive.yjrp980 .yjsgxhtml.last_mod,
body.yjresponsive.yjrp980 .yjsgxhtml.only_mod {
	width:100%!important;
}
body.yjresponsive div.yjsg-newsitems .float-left {
	width:50%!important;
}
body.yjresponsive div.yjsg-newsitems .float-left.width100,
body.yjresponsive .last.float-left.width33,
body.yjresponsive .last.float-left.width20 {
	width:100%!important;
}
/* 768*/
body.yjresponsive.yjrp768 .subCategoryContainer,
body.yjresponsive.yjrp768 .itemImageBlock,
body.yjresponsive.yjrp768 .itemContainer,
body.yjresponsive.yjrp768 .catItemImageBlock,
body.yjresponsive.yjrp768 .userpages {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
/*480*/
body.yjresponsive.yjrp480 .yjsgxhtml,
body.yjresponsive.yjrp480 div.yjsg-newsitems .float-left {
	width:100%!important;
	float:none!important;
	clear:none!important;
}
body.yjresponsive.yjrp480 textarea,
body.yjresponsive.yjrp480 .inputbox {
	width: 100%!important;
	height: auto!important;
}

/***HDCHANNEL***/
@media screen and (max-width: 980px) {
#smallmenu_holder{
	width:100%!important;
}
#smallmenu {
    float:none!important;
}
#header{
	margin-bottom:0!important;
}
#header:after {
	display:none;
}
.hdclm{
	float:left!important;
	position:absolute;
	top:-2px;
	left:-2px;
}
.hdclm .poping_links{
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -o-transform:matrix(-1, 0, 0, 1, 0, 0);
	position:relative;
}
.hdclm #login_pop{
	width:96%!important;
	left:0!important;
}
.hdcls{
	float:none!important;
}
.hdcls form{
	margin:0 auto;
}
.hdcym,.hdcym2{
	float:left!important;
	clear:none!important;
	width:50%!important;
	margin:0!important;
}
.hdcym2.yj1{
	margin:0!important;
}
#user16,#user17{
	width:100%!important;	
}
.hdcsm .yjsquare_in {
    margin:0 auto!important;
    width:600px!important;
}
.hdcsim .yjsquare_in{
    border-top: 1px solid #3D3D3D;
}
.socials{
	float:none!important;
	margin:0 auto!important;
	width:450px;
}
}
@media screen and (max-width:  840px) {
.hdclm #login_pop{
	top:5%!important;
	width:40%!important;
	height:670px!important;
	left:25%!important;
}
.hdclm #form-login {
    padding:0!important;
    width:100%!important;
}
.hdclm #josForm{
	width:100%!important;;
	padding:20px 0 0 0!important;
	border-top:1px solid #313131!important;
	border-left:none!important;
}
.hdclm .popyjreg .leftpart,
.hdclm .popyjreg .rightpart{
	width:100%!important;
}
}
@media screen and (max-width:  585px) {
.hdcsm .yjsquare_in {
    width:300px!important;
}
.hdcsm .yjsquare_in {
    margin:0 auto!important;
    width:100%!important;
}
.hdcsm .subscribe_button{
	float:left;
	margin:5px 0!important;
}
.hdcsm form{
	float:none!important;
	margin:5px 0!important;
}
.socials{
	width:100%;
}
}
@media screen and (max-width:  495px) {
.hdclm #login_pop{
	top:10%!important;
	width:92%!important;
	height:680px!important;
	left:0!important;
}
.hdclm #form-login {
    width:92%!important;
}
.hdclm #login_pop .inputbox{
	height:25px!important;	
}
}
@media screen and (max-width:  475px) {
.hdcsim .yjsquare_in{
    border-top:none;
}
.socials a{
	border:1px solid #3D3D3D;
	margin:5px;
}
.hdclm #login_pop #yjpop_remember {
	left:22%!important;
}
}
@media screen and (max-width:  715px) {
.hdcym,.hdcym2{
	width:100%!important;
}
#insetblock, #rightblock, 
#leftblock,.hdcym .yjsquare_in{
	box-shadow:inset 0px 1px 0px 0px #dbdbdb,inset 0px 2px 0px 0px #fff!important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dbdbdb,inset 0px 2px 0px 0px #fff!important;
}
}
@media screen and (max-width:  340px) {
.hdcls .button{
	top:-26px!important;
	right:-42%!important;
}
}
/*Image slider*/
@media screen and (max-width: 980px) {
.hdcis .YJSlide_intro{
	left:0!important;
	right:auto!important;
	top:0!important;
	width:50%!important;
	height:100%!important;
}
}
@media screen and (max-width:925px) {
.hdcis .YJIS_outer{
	height:300px!important;
}
}
@media screen and (max-width:800px) {
.hdcis .YJIS_outer{
	height:250px!important;
}
}
@media screen and (max-width:675px) {
.hdcis .YJIS_outer{
	height:200px!important;
}
}
@media screen and (max-width:545px) {
.hdcis .YJSlide_intro{
	width:100%!important;
	height:150px!important;
}
.hdcis .YJIS_outer{
	height:150px!important;
}
.hdcis h4{
	width:100%;
	opacity:0.8;
}
}
@media screen and (max-width:400px) {
.hdcis,.hdcis .yjsquare_in,.hdcis .YJIS_outer{
	height:250px!important;
}
.hdcis img{
	width:500px!important;
	height:250px!important;
}
}
/*York module*/
@media screen and (max-width: 980px) {
#yy_container,#yy_container_intheaters,
#yy_container_comingsoon,#yy_container_bestof2012,
#yy_container_bottom,.yy_container_out,
.yy_slider .yy_slideitems, 
.yy_slider .yy_slideitems_in,
#yy_slider_bottom{
	width:100%!important;
}
}
@media screen and (max-width: 980px) {
#yy_container_bottom,
#yy_slider_bottom{
	height:250px!important;
}
#yy_container_right,
#yy_slider_right{
	height:350px!important;
}
}
@media screen and (max-width: 940px) {
#yy_container_bottom,
#yy_slider_bottom{
	height:500px!important;
}
}
@media screen and (max-width:  715px) {
#yy_container_right,
#yy_slider_right{
	height:250px!important;
}
}
@media screen and (max-width: 690px) {
#yy_container_bottom,
#yy_slider_bottom{
	height:750px!important;
}
}
@media screen and (max-width: 435px) {
#yy_container_bottom,
#yy_slider_bottom{
	height:1150px!important;
}
}
@media screen and (max-width: 685px) {
#yy_container_intheaters,#yy_container_comingsoon,
#yy_container_bestof2012,
.yy_slider .yy_slideitems, 
.yy_slider .yy_slideitems_in{
	height:800px!important;
}
#yy_slider_intheaters,
#yy_slider_comingsoon,
#yy_slider_bestof2012{
	height:800px!important;
	width:100%!important;
}
}
@media screen and (max-width: 475px) {
#yy_container_intheaters,#yy_container_comingsoon,
#yy_container_bestof2012,
.yy_slider .yy_slideitems, 
.yy_slider .yy_slideitems_in{
	height:1600px!important;
}
#yy_slider_intheaters,
#yy_slider_comingsoon,
#yy_slider_bestof2012{
	height:1600px!important;
}
.hdcmt .yy_container .linkBackward{
	right:7%!important;
}
}
@media screen and (max-width: 320px) {
.hdcmt .yy_container .linkBackward{
	right:10%!important;
}
}
/*Engine1 in york*/
@media screen and (max-width: 685px) {
.hdcmt .yjme_item{
	width:50%!important;
}
.hdcmt .yjme_item a.item_title{
	text-align:center;
}
.hdcmt .item_details{
	width:100%!important;
}
.hdcmt .item_details .item_category, 
.hdcmt .item_details .item_cdate, 
.hdcmt .item_details .item_author{
	display:table!important;
	float:none!important;
	margin:0 auto!important;
}
}
@media screen and (max-width: 475px) {
.hdcmt .yjme_item{
	width:100%!important;
}
}
@media screen and (max-width: 375px) {
.centerbottom_in{
	padding:0 5px!important;
}
.hdcym2.yj1{
	margin-left:0!important;
}
.hdcym2 .yjme_item p.item_intro,
.hdcym .yjme_item p.item_intro{
	padding:0 10px 0 0!important;
}
}
/*Engine2 */
@media screen and (max-width: 940px) {
.hdcym3 .yjme_item{
	margin:15px 0;
	width:33%!important;
}
.hdcym3 .yjme_item a.item_title,
.hdcym3 .yjme_item p.item_intro{
	text-align:center;
}
.hdcym3 .item_details{
	width:100%!important;
}
.hdcym3 .yjme_item div.imageholder{
	margin:0 auto!important;
}
}
@media screen and (max-width: 690px) {
.hdcym3 .yjme_item{
	margin:15px 0;
	width:50%!important;
}
}
@media screen and (max-width: 435px) {
.hdcym3 .yjme_item{
	width:100%!important;
}
}
@media screen and (max-width: 980px) {
#user21,#user22{
	width:50%!important;
}
#user23,#user24{
	width:100%!important;
}
.hdccm h4,.hdccm p,.hdcam h4,.hdcam p{
	text-align:center;
}
.hdccm a.template_readmore{
	display:table!important;
	margin:20px auto!important;
}
.hdccm .yjsquare_in{
	margin:0!important;
}
}
@media screen and (max-width: 480px) {
#user21,#user22{
	width:100%!important;
}
.hdcpm h4,.hdctm h4{
	text-align:center!important;
}
.hdcpm ul{
	width:135px!important;
	margin:0 auto!important;
}
}