/*======================================================================*\
|| #################################################################### ||
|| # 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 only screen and (min-width: 1200px) and (max-width: 1420px) {
.yjsgsitew {
	width:1200px!important;
	margin:0 auto;
}
}
/* Defauts */
@media only screen and (min-width: 240px) and (max-width: 480px) {
.yjsg2 .icon_holder, 
.yjsg3 .icon_holder{
	width:50%;	
}
}


/* Introduction */
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.topintro p {
	max-width:40%;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.topintro p {
	max-width:55%;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.topintro p {
	max-width:90%;
}
}
@media only screen and (min-width: 240px) and (max-width: 350px) {
.topintro h4{
	font-size:90%;
}
.topintro h4 span{
	padding:0 10px;
}
.topintro .button-border-white {
	font-size:90%;
}
}



/* About us */
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.faboutus .yjsquare_in{
	background-size:90%;
}
.faboutus .about-us-holder{
	max-width:75%;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.faboutus .about-us-holder img{
	max-width:70%;
}
}
@media only screen and (min-width: 240px) and (max-width: 720px) {
.faboutus .yjsquare_in{
	background-size:100%;
}
.faboutus .about-us-holder{
	max-width:95%;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.faboutus .about-us-holder{
	max-width:100%;
	padding:120px 35px 35px 35px;
}
.faboutus .yjsquare_in{
	padding:50px 30px;
}
}
@media only screen and (min-width: 240px) and (max-width: 350px) {
.faboutus .button-border-color{
	font-size:90%;
}
}


/* The Menu */
@media only screen and (min-width: 240px) and (max-width: 1400px) {
.homepage .yjsg2_out{
	background-position:left 180px;
    background-size: 25%;
}
.homepage .yjsg2_out:before{
	background-position:right 180px;
    background-size: 25%;
}
}
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.homepage .yjsg2_out{
	background-position:left 290px;
    background-size: 20%;
}
.homepage .yjsg2_out:before{
	background-position:right 290px;
    background-size: 20%;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.fmenucard img{
    margin:0 auto 20px auto;
    display:table;
    float:none;
}
.fmenucard .yjsg-row li .menu-list-holder{
    text-align:center;
}
.fmenucard .yjsg-row li .menu-list-holder p,
.fmenucard .yjsg-row li .menu-list-holder span{
    float:none;
}
}
@media only screen and (min-width: 240px) and (max-width: 720px) {
.fmenucard .yjsg-row .yjsg-col-1-2:last-child,
.fmenucard .yjsg-row .yjsg-col-1-2:first-child{
	padding:0;
}
.homepage .yjsg2_out,
.homepage .yjsg2_out:before{
	background-image:none;
}
.homepage .yjsg2_out:before{
	display:none;
}
}
@media only screen and (min-width: 240px) and (max-width: 580px) {
.fmenucard ul.yjsgsliderPaginationTabs li a{
	padding:10px 15px;
	font-size:100%;
}
}

/* Recomended dishes */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.frecomended {
    max-width: 100%;
}
.frecomended .module_title{
    text-align:center;
}
.frecomended ul li{
    text-align:center;
}
.slidersfx-yjsgsfx-frecomended ul.yjsgsliderPagination{
    margin:0 auto;
    display:table;
}
}

/* Recomended dishes */
@media only screen and (min-width: 1200px) and (max-width: 1420px) {
.fteam .yjsg-col-1-3:last-child br{
	display:none;
}
}
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.fteam .yjsg-col-1-3,
.fteam .yjsg-col-2-3{
	width:100%;
}
.fteam .yjsg-col-1-3{
    background: #fff;
    margin: 0 auto 80px auto;
    padding: 50px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
            box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
}

/* Reservations */
@media only screen and (min-width: 240px) and (max-width: 1420px) {
#yjsg6.gridsfx-fhours.gridsfx-freservations.yjsg_grid {
    padding: 0 40px 80px 40px;
}
}
@media only screen and (min-width: 240px) and (max-width: 1200px) {
#yjsg6.gridsfx-fhours.gridsfx-freservations.yjsg_grid {
    padding: 0 0 80px 0;
}
.yjsgsfx-fhours{
	width: 60%!important;
    margin: 0 auto 40px;
    float: none;
}
.fhours h4 {
    float: left;
    width: 50%;
}
.yjsgsfx-freservations.yjsgxhtml {
    float: none;
    margin: 0 auto;
    width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.yjsgsfx-fhours.yjsgxhtml{
    width: 70%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.freservations .res-form-element {
    width: 50%;
    margin: 0 auto 20px auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 680px) {
.yjsgsfx-fhours.yjsgxhtml {
    width: 100%!important;
}	
.fhours h4 {
    float: none;
    width: 100%;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.freservations{
	padding:40px 40px 30px 40px;
}
.freservations p{
	width:100%;
}
.freservations .res-form-element {
    width: 100%;
    margin: 0 auto 20px auto;
}
}

/* Latest news */
@media only screen and (min-width: 240px) and (max-width: 1400px) {
.homepage .yjsg7_out{
    background-position: left 5px;
    background-size: 20%;
}
.homepage .yjsg7_out:before{
    background-position: right 90%;
    background-size: 15%;
}
}
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.homepage .yjsg7_out{
	background-image:none;
}
.homepage .yjsg7_out:before{
	display:none;
}
.fnews .yjme_holder{
	width:100%;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.fnews .yjme_item{
	padding:0 20px;
}
}
@media only screen and (min-width: 240px) and (max-width: 720px) {
.fnews .yjme_item{
    width: 100%;
    margin: 0 auto 40px auto;
}
.fnews .yjme_item div.imageholder,
.fnews .yjme_item a.item_image,
.fnews .yjme_item a.item_image img{
	width:100%!important;
	height:auto!important;
}
}


/* K2 */
@media only screen and (min-width: 240px) and (max-width: 980px) {
#k2Container.itemListView,
div.itemView,
div.tagView,
div.userView,
div.genericView {
    max-width: 100%!important;
}
div.itemListSubCategories,
div#itemListLeading,
div.tagItemList,
div.userItemList,
div.latestView,
div.genericItemList{
	margin:0 auto!important;
}
}

@media only screen and (min-width: 240px) and (max-width: 640px) {
div.subCategoryContainer,
div.itemContainer,
div.tagItemView,
div.userItemView,
div.latestItemsContainer{
	width:50%!important;
	height:auto!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
div.subCategoryContainer,
div.itemContainer,
div.tagItemView,
div.userItemView,
div.latestItemsContainer{
	padding:0!important;
	width:100%!important;
	height:auto!important;
}
}