/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla.com. 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.com                      ||
|| # 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  ||
|| #################################################################### ||
\*======================================================================*/
 
@media screen and (max-width: 980px) {
.top_menu_poz_navbar,
#mmenu_holder {
	width: 280px!important;
	margin: 20px auto;
}
#default_video {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 1400px) {
#header,
#header_in,
#centertop,
#centerbottom,
#yjsg1,
#yjsg2,
#yjsg3,
#yjsg4,
#yjsg5,
#yjsg6,
#yjsg7,
#footer,
#joomlacredit,
.yjsgsitew {
	max-width: 100%!important;
	width: 100%!important;
}
.top_menu,
.top_menu_poz_navbar,
.top_menu_poz.navpills {
	width: 100%!important;
}
#header,
.kicksearch {
	padding: 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.kicksearch {
	padding: 20px 30px 30px 30px;
}
#logo {
	background-size: 100%;
}
}
.yj_search,
.yjsg_search_button,
.kicksearch .inputbox {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*Centertop*/
@media only screen and (min-width: 240px) and (max-width: 980px) {
#centertop.fixed {
	position: relative;
	background: #242424;
}
}
/*Serach*/
@media only screen and (min-width: 240px) and (max-width: 980px) {
.yj_search,
.yjsg_search_button {
	float: none;
	margin: 0 auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 700px) {
.kicksearch .inputbox {
	font-size: 200%
}
}
@media only screen and (min-width: 240px) and (max-width: 565px) {
.kicksearch .inputbox {
	font-size: 120%
}
.kicksearch {
	padding: 20px 10px 30px 10px;
}
}
/*Media slider*/
@media only screen and (min-width: 1400px) and (max-width: 1650px) {
.kickslider .description h4 {
	font-size: 400%;
	line-height: 50px;
}
}
@media only screen and (min-width: 980px) and (max-width: 1400px) {
.kickslider .yjmediaslider .slide .slide-details {
	top: 30%!important;
}
.kickslider .description h4 {
	font-size: 300%;
	line-height: 45px;
}
.kickslider .yjmediaslider .slide .slide-details .buttons {
	margin-top: 20px;
}
.kickslider.bottom .yjmediaslider .slide .slide-details {
	top: 5%!important;
}
.kickslider.bottom .description h4 {
	font-size: 120%;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.kickslider .yjmediaslider .slide .slide-details {
	top: 10%!important;
}
.kickslider .description h4 {
	font-size: 250%;
	line-height: 45px!important;
}
.kickslider .yjmediaslider .slide .slide-details .buttons {
	margin-top: 20px;
}
.kickslider .yjmediaslider .slide .slide-details .buttons .read-more,
.kickslider .yjmediaslider .slide .slide-details .buttons .play-video {
	padding: 5px 15px;
	font-size: 100%;
}
.kickslider div.main-nav {
	right: 5%;
	top: 13%;
}
}
@media only screen and (min-width: 240px) and (max-width: 460px) {
.kickslider div.main-nav {
	display: none;
}
}
/*Engine*/
@media only screen and (min-width: 240px) and (max-width: 1400px) {
.kickengine.top .yjme_item div.imageholder,
.kickengine.top .yjme_item a.item_image,
.kickengine.top .yjme_item a.item_image img {
	width: 100%!important;
	height: auto!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.yj_underslider {
	margin: 0 auto;
}
.kickengine.top .yjme_item {
	width: 50%;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.kickengine.top .yjme_item {
	width: 100%;
}
}
/*Engine latest, world*/
@media only screen and (min-width: 240px) and (max-width: 1400px) {
.kickengine.world .yjme_item {
	width: 45%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.kickengine.world .yjme_item div.imageholder,
.kickengine.world .yjme_item a.item_image,
.kickengine.world .yjme_item a.item_image img {
	width: 100%!important;
	height: auto!important;
}
#user7,
#user6 {
	width: 100%!important;
}
.kickengine.world,
.kickengine.latest {
	padding: 0 20px;
}
.kickengine.latest .yjme_item {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width:  640px) {
.kickengine.world .yjme_item {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width:  480px) {
.kickengine.latest .yjme_item div.imageholder,
.kickengine.latest .yjme_item a.item_image,
.kickengine.latest .yjme_item a.item_image img {
	width: 100%!important;
	height: auto!important;
	float: none;
	margin: 0 auto;
}
.kickengine.latest .yjme_content_holder {
	clear: both;
	padding: 20px 0;
}
}
/*Matches*/
@media only screen and (min-width: 240px) and (max-width: 980px) {
.kickmatches ul {
	width: 100%;
	padding: 25px 100px;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.kickmatches ul {
	padding: 25px 30px;
}
}
@media only screen and (min-width: 240px) and (max-width: 400px) {
.kickmatches ul {
	line-height: 55px;
}
.kickmatches .yj_shirt {
	width: 50px;
	height: 50px;
	background-size: 50%!important;
}
.kickmatches ul li h4 {
	font-size: 120%;
}
}
/*york*/
@media only screen and (min-width: 240px) and (max-width: 1400px) {
.kickyork .yy_container_out,
.kickyork .yy_container,
.kickyork #yy_slider,
.kickyork .yy_slider .yy_slideitems,
.kickyork .yy_slider .yy_slideitems_in {
	width: 100%!important;
	height: 360px!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.kickyork .yy_container_out,
.kickyork .yy_container,
.kickyork #yy_slider,
.kickyork .yy_slider .yy_slideitems,
.kickyork .yy_slider .yy_slideitems_in {
	width: 100%!important;
	height: 700px!important;
}
.kickyork .yjme_item {
	width: 50%;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.kickyork .yy_container_out,
.kickyork .yy_container,
.kickyork #yy_slider,
.kickyork .yy_slider .yy_slideitems,
.kickyork .yy_slider .yy_slideitems_in {
	width: 100%!important;
	height: 1200px!important;
}
.kickyork .yjme_item {
	width: 100%;
}
}
@media only screen and (min-width: 240px) and (max-width: 420px) {
.kickyork .yy_container_out,
.kickyork .yy_container,
.kickyork #yy_slider,
.kickyork .yy_slider .yy_slideitems,
.kickyork .yy_slider .yy_slideitems_in {
	width: 100%!important;
	height: 1400px!important;
}
}
/* Videos, images, socials */
@media only screen and (min-width: 240px) and (max-width: 980px) {
#user16,
.kickslider.bottom .yjmediaslider {
	width: 100%!important;
}
#user17,
#user18 {
	width: 50%!important;
}
.kickslider.bottom,
.kickmbox,
.kicksocials {
	padding: 0 20px;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
#user17,
#user18 {
	width: 100%!important;
}
.kicksocials ul li {
	display: block;
}
}
/*Advert*/
@media only screen and (min-width: 240px) and (max-width: 768px) {
.advert_block {
	margin: 35px -20px!important;
}
.advert_holder {
	padding: 0 20px!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.advert_holder,
.advert_holder img {
	width: 100%!important;
}
}
/*Sponsors*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.sponsors_holder,
.sponsors_holder.second,
.sponsors_holder.third,
.sponsors_holder.fourth {
	background-size: 200%;
	height: 120px;
}
.sponsors_holder:hover,
.sponsors_holder.second:hover,
.sponsors_holder.third:hover,
.sponsors_holder.fourth:hover {
	background-position: right top;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.sponsors_holder,
.sponsors_holder.second,
.sponsors_holder.third,
.sponsors_holder.fourth {
	background-size: auto;
	width: 50%;
}
.sponsors_holder:hover,
.sponsors_holder.second:hover,
.sponsors_holder.third:hover,
.sponsors_holder.fourth:hover {
	background-position: right top;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.sponsors_holder,
.sponsors_holder.second,
.sponsors_holder.third,
.sponsors_holder.fourth {
	background-size: auto;
	width: 350px;
	margin: 0 auto;
	float: none;
}
}
@media only screen and (min-width: 240px) and (max-width:400px) {
.sponsors_holder,
.sponsors_holder.second,
.sponsors_holder.third,
.sponsors_holder.fourth {
	background-position: 20%;
}
.sponsors_holder:hover,
.sponsors_holder.second:hover,
.sponsors_holder.third:hover,
.sponsors_holder.fourth:hover {
	background-position: -400px top;
}
}
/*Bottom modules*/
@media only screen and (min-width: 240px) and (max-width: 1400px) {
.kickbottommod,
.kickabout {
	padding: 0 20px;
}
#user21 {
	width: 100%!important;
	border-bottom: 1px solid #3d3c3c;
}
#user22,
#user23 {
	border-bottom: 1px solid #3d3c3c;
}
#user22,
#user23,
#user24,
#user25 {
	width: 50%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
#user22,
#user23,
#user24,
#user25 {
	width: 100%!important;
}
#user24 {
	border-bottom: 1px solid #3d3c3c;
}
}

/*k2 */
@media only screen and (min-width: 240px) and (max-width: 1400px) {
#holder,
#holder2,
#holder3 {
	padding: 0 30px;
}
#k2Container div.catItemView,
#k2Container.itemView {
	margin: 50px 100px 0 0;
}
#k2Container.tagView,
#k2Container.userView,
#k2Container.latestView {
	margin: 0 100px 0 0;
}
.kickcustomk2 {
	padding: 50px 20px;
}
.kickcustomk2 p {
	padding: 20px 350px 0 0;
}
div.catItemImageBlock,
div.itemImageBlock{
	width:100%!important;
}
}
 @media only screen and (min-width: 240px) and (max-width: 768px) {
.kickcustomk2 p {
	padding: 20px 0 0 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
div.subCategory a.subCategoryImage img {
	width: 100%!important;
}
#k2Container div.catItemView,
#k2Container div.itemListCategory,
#k2Container.itemView,
#k2Container.tagView,
#k2Container.userView,
#k2Container.latestView,
#k2Container.genericView {
	margin: 0 auto!important;
	border: none!important;
}
#k2Container div.catItemView,
#k2Container.itemView {
	margin: 50px 0 0 0!important;
}
span.catItemImage img,
span.itemImage img,
span.tagItemImage img,
span.userItemImage img,
span.latestItemImage img,
span.genericItemImage img {
	width: 100%!important;
}
span.catItemImage a,
span.itemImage a,
span.tagItemImage a,
span.userItemImage a,
span.latestItemImage a,
span.genericItemImage a {
	height: auto!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
div.yjk2_holder_in{
	margin:0!important;
	padding:0!important;
}
div.itemHeader h2.itemTitle{
	font-size:300%!important;
}
}