/*======================================================================*\
|| #################################################################### ||
|| # 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;
}
#default_video {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 1199px) {
#header,
 #header_in,
 #centertop,
 #centerbottom,
 #yjsg1,
 #yjsg2,
 #yjsg3,
 #yjsg4,
 #yjsg5,
 #yjsg6,
 #yjsg7,
 #footer,
 #joomlacredit,
 .yjsgsitew {
	width: auto!important;
}
#topmenu_holder,
.top_menu {
	width: auto!important;
}
#layout_type {
	overflow: visible;
}
.header_right {
	display: none;
}
}
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.bcontactnumber .yjsquare_in {
	padding: 0 20px;
}
.bcontactnumber p {
	display: none;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
#header {
	overflow: visible!important;
}
.bsocials,
.bcontactnumber {
	width: 36px;
	margin: 0 auto;
	float: none;
	background: none!important;
}
.bsocials .yjsquare_in,
.bcontactnumber .yjsquare_in {
	padding: 0;
}
.bcontactnumber .contact_number {
	margin: 10px 0 0 0;
}
.bsocials p {
	display: none;
}
.bsocials a {
	left: 0;
	right: auto;
}
}
/* Image slider */
@media only screen and (min-width: 1199px) and (max-width: 1500px) {
.bimageslider .YJIS_outer{
	height:480px!important;
}
}
@media only screen and (min-width: 981px) and (max-width: 1199px) {
.bimageslider .YJIS_outer{
	height:390px!important;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
.bimageslider .intro_left {
	padding: 0 40px;
	width:42%;
}
.bimageslider .intro_right {
	width: 25%;
	border: none;
	padding: 35px 0 0 30px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.bimageslider .slidearrows {
	right: 55px;
	left: auto;
}
.bimageslider .slidearrows.slideRight {
	right: 20px;
	left: auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 1024px) {
.bimageslider .YJSlide_slide .YJSlide_intro {
	display: none;
}
}
/* Custom icons */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.icon_holder {
	margin: 60px 10px 0 10px;
	width: 29%;
}
}
@media only screen and (min-width: 240px) and (max-width: 1024px) {
.bicons {
	padding: 60px 0 0 0;
}
.icon_holder {
	margin: 60px 0 0 0;
	width: 100%;
	padding: 15px 0;
}
.icon_holder p {
	padding: 0 80px;
}
}
/* Engine */
@media only screen and (min-width: 540px) and (max-width: 1199px) {
.bengine .yjme_item.class0,
.bengine .yjme_item.class1,
.bengine .yjme_item.class2 {
	width: 33%;
}
.bengine .yjme_item {
	width: 25%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
.yj_hover_holder{
	width:65%!important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.bengine .yjme_item div.imageholder,
.bengine .yjme_item span.yj_hover,
.bengine .yjme_item a.item_image,
.bengine .yjme_item a.item_image img {
	width: 100%!important;
	height:auto!important;
}
.yj_hover_holder{
	display:table;
	left:0!important;
	width:auto!important;
}
.yj_hover_title{
	display:table!important;
	width:auto!important;
}
.yj_hover_text{
	display:none!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.bengine .yjme_item,
.bengine .yjme_item div.imageholder,
.bengine .yjme_item a.item_image,
.bengine .yjme_item a.item_image img {
	width: 100%!important;
}
}
/* York , engine*/
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.byork .yy_container_out,
.byork .yy_container,
.byork #yy_slider,
.byork .yy_slider .yy_slideitems,
.byork .yy_slider .yy_slideitems_in {
	width: 100%!important;
	height: 470px!important;
}
.byork .yjme_item {
	margin: 0!important;
	width: 25%;
}
.byork .yjme_item div.imageholder,
.byork .yjme_item a.item_image,
.byork .yjme_item a.item_image img {
	width: 100%!important;
}
.byork .yy_bottom_nav_holder {
	bottom: 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.byork .yy_container_out,
.byork .yy_container,
.byork #yy_slider,
.byork .yy_slider .yy_slideitems,
.byork .yy_slider .yy_slideitems_in {
	width: 100%!important;
	height: 1400px!important;
}
.byork .yjme_item div.imageholder,
.byork .yjme_item a.item_image,
.byork .yjme_item a.item_image img {
	width: 100%!important;
}
.byork .yjme_item {
	margin: 0!important;
	width: 100%;
}
.byork .yjme_item a.item_title {
	text-align: center;
	font-size: 150%;
}
.byork .yjme_item p.item_intro {
	padding: 10px 20px;
	text-align: center;
}
.byork .yjme_item a.item_readmore {
	float: none;
	margin: 0 auto;
	display: table;
}
.byork .yy_bottom_nav_holder {
	left: 45%;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.byork .yy_container_out,
.byork .yy_container,
.byork #yy_slider,
.byork .yy_slider .yy_slideitems,
.byork .yy_slider .yy_slideitems_in {
	width: 100%!important;
	height: 1500px!important;
}
}
/* Comments */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.byork.about .yy_container_out,
.byork.about #yy_container_copy.yy_container,
.byork.about #yy_slider_copy.yy_slider,
.byork.about .yy_slider .yy_slideitems,
.byork.about .yy_slider .yy_slideitems_in {
	width: 100%!important;
	height: 200px!important;
}
.byork.about p {
	padding: 15px 80px;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.byork.about .yy_container_out,
.byork.about #yy_container_copy.yy_container,
.byork.about #yy_slider_copy.yy_slider,
.byork.about .yy_slider .yy_slideitems,
.byork.about .yy_slider .yy_slideitems_in {
	height: 300px!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.byork.about .yy_container_out,
.byork.about #yy_container_copy.yy_container,
.byork.about #yy_slider_copy.yy_slider,
.byork.about .yy_slider .yy_slideitems,
.byork.about .yy_slider .yy_slideitems_in {
	height: 570px!important;
}
}
/* Member engine */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.bmemberengine .yjme_item {
	width: 31%;
	margin: 0 10px!important;
}
.bmemberengine .yjme_item div.imageholder {
	margin: 0 auto;
}
.bmemberengine .yjme_item a.item_title,
.bmemberengine .yjme_item p.item_intro {
	text-align: center;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.bmemberengine .yjme_item {
	width: 100%;
	margin: 15px 0!important;
}
.bmemberengine .yjme_item p.item_intro {
	padding: 0 40px;
}
.bmemberengine span.member_socials {
	display: none;
}
}
/* Map */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.yj_overlay_black {
	width: 100%;
	background-image: none;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.yj_overlay_black {
	padding: 20px 0;
}
.yj_overlay_title,
.yj_overlay_text {
	text-align: center;
}
.yj_overlay_text {
	padding: 0 20px;
}
}
/* Purchase */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.bpurchase p {
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0 20px;
	width: auto;
	float: none;
}
.bpurchase .template_readmore2 {
	margin: 25px auto 0 auto;
	clear: both;
}
}
/* Ajax module*/
@media only screen and (min-width: 240px) and (max-width: 768px) {
.bajaxcontact #yjajaxcontact,
.bajaxcontact #yjajaxcontact_box {
	width: 100%!important;
}
.bajaxcontact .ajax_name,
.bajaxcontact .ajax_email,
.bajaxcontact .spamcheck,
.bajaxcontact .ajax_message {
	width: 80%!important;
	margin: 0 auto 20px auto!important;
	float: none;
}
}