 /*======================================================================*\
|| #################################################################### ||
|| # 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-top:10px;
		margin-bottom:20px;
	}
	#default_video{
		width:100%!important;
	}
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
#header,
#header_in,
#centertop,
#centerbottom,
#yjsg1,
#yjsg2,
#yjsg3,
#yjsg4,
#yjsg5,
#yjsg6,
#yjsg7,
#footer,
#joomlacredit,
.yjsgsitew {
	width: auto!important;
}
.top_menu,
.top_menu_poz_navbar,
.top_menu_poz.navpills {
	width: auto!important;
}
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
#header {
	padding: 0 0 0 20px;
	-webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
}
}
/* Image slider */
@media only screen and (min-width: 980px) and (max-width: 1500px) {
.timageslider .YJSlide_slide img{
	height:100%;
}
}
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.timageslider p{
	padding:0 250px!important;
}
.timageslider .slidearrows{
	left:44%;
}
.timageslider .slidearrows.slideRight{
	right:44%;
	left:auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.timageslider h4 {
	font-size:220%;
}
.timageslider p{
	padding:0 50px!important;
}
.timageslider .slidearrows {
	bottom:20px;
	top: auto!important;
	left:20px;
}
.timageslider .slidearrows.slideRight{
	right:20px;
	left:auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.timageslider .YJSlide_slide .YJSlide_intro{
	top:20px;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.timageslider .YJSlide_slide .YJSlide_intro{
	display:none;
}
}
/* K2 Filter */
@media only screen and (min-width: 1500px) and (max-width: 1840px) {
.tk2filter .yjk2filter_holder {
	width:55%;
}
}
@media only screen and (min-width: 980px) and (max-width: 1500px) {
.tk2filter .yjk2filter_holder {
	width:75%;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.tk2filter{
	position:relative;
	bottom:0!important;
	height:100%!important;
	border-bottom:1px solid #415367;
}
.tk2filter .yjk2filter_holder{
	width:auto;
	padding:30px 30px 40px 30px;
}
.tk2filter .yjk2filter_holder:before{
	opacity:1;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.tk2filter .field_holder{
	width:100%;
	clear:both;
	float:none;
	margin:10px 0;
}
.tk2filter .yjk2efieldtitle{
	width:100%;
	text-align:center;
	float:none;
}
.tk2filter #yjk2filter_extraFieldsContainer .button{
	margin:20px auto 0 auto!important;
	display:table;
	float:none;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.purchase_left{
	margin:0 auto;
	float:none;
	text-align:center;
}
.tcustom .purchase_button{
	margin:20px auto;
	float:none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.box_holder{
	width:25%;
	padding:0;
	margin:100px 4%;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.textcenter{
	padding: 0 30px
}
.box_holder{
	width:auto;
	padding:100px 20px 0 20px;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.tnewspop ul.yjnewspopFilter li a{
	margin:5px;
}
}
@media only screen and (min-width: 640px) and (max-width: 1199px) {
.travel_box_holder {
	width:40%;
	margin:50px 5%;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.travel_box_holder {
	width:100%;
	margin:50px 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.yj_socials li{
	padding:0 8px;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
div.subCategory{
	margin:0 20px;
}
div.catItemView,
#k2Container.itemView,
div.latestItemView{
	margin:30px 40px 50px 40px;	
}
#k2Container.tagView, 
#k2Container.userView, 
#k2Container.genericView{
	margin:0 40px;	
}
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;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
div.itemExtraFields ul li.yjk2_city, 
div.tagItemExtraFields ul li.yjk2_city, 
div.genericItemExtraFields ul li.yjk2_city{
	margin:0;
	float:none;
	clear:both;	
}
}