 /*======================================================================*\
|| #################################################################### ||
|| # 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: 1200px) {
div.yjsgsitew {
	max-width: 100%;
}
}
@media screen and (max-width: 980px) {
#yjsgheadergrid #topmenu_holder {
	float: none;
}
#yjsgheadergrid #mmenu_holder {
	background: rgba(255, 255, 255, 0.2);
}
span.yjmm_select {
	border: none;
}
.yj_socials {
	float: none;
	margin: 0 auto;
}
.jsocials ul {
	display: table;
	margin: 0 auto;
}
.slidersfx-yjsgsfx-jslides.yjsgxhtml {
	width: 100%!important;
}
.slidersfx-yjsgsfx-jslides {
	text-align: center;
}
.jslides .yjsg-col-1-3 span {
	float: none;
	display: block;
	text-align: center;
	margin: 0 auto;
}
.yjsgsliderControls {
	display: table;
	margin: 0 auto;
}
.jslides .button_color, .jslides .button_white {
	margin-bottom: 10px;
}
}
/* Search */
@media screen and (max-width: 1220px) {
.jsearch .yj_inputbox {
	width: 65%!important;
}
}
@media screen and (max-width: 980px) {
.jsearch {
	margin: 0 auto;
}
.yjsgsfx-jsearch.yjsgxhtml, .jsearch .yj_inputbox {
	width: 100%!important;
}
.jsearch .yj_inputbox {
	margin-bottom: 20px;
}
.jsearch .button_color {
	margin: 0 auto;
}
}

/* Engine */
@media screen and (max-width: 1090px) {
.jengine.topd .yjme_item a.item_title {
	width: 100%;
	margin-bottom: 20px;
}
.jengine.topd .button_color {
	float: left;
}
}
@media screen and (max-width: 980px) {
.jengine.topd .yjme_item {
	width: 50%;
	text-align: center;
}
.jengine.topd .button_color {
	float: none;
	margin: 0 auto;
}
.jengine .yjme_item div.imageholder, .jengine .yjme_item a.item_image {
	width: 100%!important;
	height: auto!important;
}
.jengine .yjme_rating {
	margin: 0 auto;
}
.topdeals .yjme_item {
	width: 50%;
	text-align: center;
}
.jengine .yjme_item a.item_title {
	float: none;
}
.hotels .yjme_item {
	text-align: center;
}
.hotels .yjme_row.firstrow .yjme_item.firstitem, .hotels .yjme_row.secondrow .yjme_item.thirditem {
	width: 100%;
}
.hotels .yjme_row.firstrow .yjme_item, .hotels .yjme_row.secondrow .yjme_item {
	width: 50%;
}
.hotels .yj_top_holder {
	float: none;
	margin-bottom: 20px;
}
.hotels .yjme_row.firstrow .yjme_item.firstitem .button_color, .hotels .yjme_row.secondrow .yjme_item.thirditem .button_color {
	margin: 0 auto;
	float: none;
}
.hotels .item_details .item_category, .hotels .item_details .item_cdate, .hotels .item_details .item_author {
	float: none;
}
}
@media screen and (max-width: 720px) {
.updates .yjme_item {
	width: 100%;
	text-align: center;
}
.updates .yjme_item div.item_details {
	display: table;
	margin: 0 auto;
	width: auto;
	float: none;
}
}
@media screen and (max-width: 540px) {
.hotels .yjme_row.firstrow .yjme_item, .hotels .yjme_row.secondrow .yjme_item {
	width: 100%;
}
.hotels .yjme_row.firstrow .yjme_item.firstitem .yj_holder, .hotels .yjme_row.secondrow .yjme_item.thirditem .yj_holder {
	display: block;
}
}
@media screen and (max-width: 480px) {
.jengine.topd .yjme_item, .topdeals .yjme_item {
	width: 100%;
}
.hotels .yjme_row.firstrow .yjme_item.firstitem div.imageholder, .hotels .yjme_row.firstrow .yjme_item.firstitem a.item_image, .hotels .yjme_row.firstrow .yjme_item.firstitem a.item_image img, .hotels .yjme_row.secondrow .yjme_item.thirditem div.imageholder, .hotels .yjme_row.secondrow .yjme_item.thirditem a.item_image, .hotels .yjme_row.secondrow .yjme_item.thirditem a.item_image img {
	width: auto!important;
}
.hotels .yjme_row.firstrow .yjme_item.firstitem a.item_image img, .hotels .yjme_row.secondrow .yjme_item.firstitem a.item_image img {
	max-width: none!important;
}
}
/* Offers */
@media screen and (max-width: 980px) {
.joffers .yjsg-col-1-4 {
	margin-bottom: 20px;
}
.joffers .yjsg-col-1-4-in {
	width: 100%;
}
}
/* Media slider */
@media screen and (max-width: 1150px) {
.jmediaslider .yjmediaslider .slide .slide-details {
	width: 50%!important;
}
}
@media screen and (max-width: 780px) {
.jmediaslider .yjmediaslider .slide .slide-details {
	width: auto!important;
	left: 70px!important;
}
}
@media screen and (max-width: 640px) {
.jmediaslider .yjmediaslider .slide .slide-details {
	display: none;
}
}
/* Subscribe */
@media screen and (max-width: 1120px) {
.jsubscribe .inputbox_email {
	width: 50%;
}
}
@media screen and (max-width: 980px) {
.jsubscribe {
	text-align: center;
}
.jsubscribe .yjsg-col-1-2 {
	width: 100%;
}
.jsubscribe .inputbox_email {
	float: none;
	margin-bottom: 20px;
}
.jsubscribe .button_color {
	margin: 0 auto;
}
}
@media screen and (max-width: 480px) {
.jsubscribe .inputbox_email {
	width: 100%;
}
}
/* Video */
@media screen and (max-width: 720px) {
.jvideo {
	text-align: center;
}
.jvideo .button_color, .jvideo .button_white {
	margin-bottom: 20px;
}
}
/* Partners */
@media screen and (max-width: 1175px) {
.jpartners .h2_holder {
	margin: 25px 50px 0 auto;
}
.jpartners a {
	background-size: 100%!important;
	height: 35px;
}
}
@media screen and (max-width: 980px) {
.jpartners .h2_holder {
	margin: 0 auto 30px auto;
	text-align: center;
	float: none;
}
.jpartners .yjsg-col-1-5 {
	margin-bottom: 50px;
}
.jpartners a {
	background-size: auto!important;
	height: 60px;
}
}
/* Partners */
@media screen and (max-width: 1200px) {
.yjsgsfx-jajax.yjsgxhtml {
	width: 27.5%!important;
}
.jajax .yjsquare_in {
	padding: 50px 20px;
}
.jajax #yjajaxcontact_box, .jajax #yjajaxcontact_box div, .jajax #yjajaxcontact_box #email, .jajax #yjajaxcontact_box #first_name, .jajax #yjajaxcontact_box textarea {
	width: 100%!important;
}
.jinfos {
	margin: 0 0 0 20px;
}
}
/* Contact */
@media screen and (max-width:  980px) {
.yjsgsfx-jajax.yjsgxhtml, .yjsgsfx-jinfos.yjsgxhtml {
	width: 100%!important;
	text-align: center;
}
.yjsgsfx-jajax.yjsgxhtml {
	margin-bottom: 30px;
}
.jinfos {
	margin: 0 auto;
}
.jajax #yjajaxcontact_box div.msg, .spamcheck label {
	text-align: center;
}
.spamcheck label {
	display: block;
}
.jajax .spamcheck input, .jajax span.submit, .jinfos .info span {
	display: table;
	margin: 0 auto;
}
.jajax span.submit, .jinfos .info span {
	float: none;
}
.jinfos .info {
	height: auto;
}
}
/* K2 */
@media screen and (max-width: 980px) {
a.moduleItemImage img {
	width: 100%;
}
}
@media screen and (max-width: 768px) {
.subCategoryContainer {
	width: 100%!important;
}
div.subCategory {
	margin-bottom: 30px!important;
}
.yjk2_extrafields li {
	width: 50%!important;
}
}
@media screen and (max-width: 640px) {
div.itemRelIntrotext {
	display: inherit!important;
}
}
@media screen and (max-width: 480px) {
.yjk2_extrafields li {
	float: none;
	width: 100%!important;
}
.itemCommentsForm form#comment-form input[type="text"] {
	width: 100%!important;
}
}
@media screen and (max-width: 1100px) {
.SimpleSlide .slide, .SimpleSlide .SimpleSlide_inner, .SimpleSlide .SimpleSlide_slide, .SimpleSlide_slide a {
	height: 415px!important;
	overflow: hidden;
}
}
@media screen and (max-width: 690px) {
.SimpleSlide .slide, .SimpleSlide .SimpleSlide_inner, .SimpleSlide .SimpleSlide_slide, .SimpleSlide_slide a {
	height: 250px!important;
	overflow: hidden;
}
}
@media screen and (max-width: 440px) {
.SimpleSlide .slide, .SimpleSlide .SimpleSlide_inner, .SimpleSlide .SimpleSlide_slide, .SimpleSlide_slide a {
	height: 160px!important;
	overflow: hidden;
}
}
