/*======================================================================*\
|| #################################################################### ||
|| # 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: 1400px) {
#centerbottom,
#centertop,
#yjsg1,
#yjsg2,
#yjsg3,
#yjsg4,
#yjsg5,
#yjsg6,
#yjsg7,
#footer,
#joomlacredit,
.yjsgsitew {
	max-width: 100%;
}
.top_menu,
.top_menu_poz_navbar,
.top_menu_poz.navpills {
	max-width: 100%;
}
}
@media only screen and (min-width: 980px) and (max-width: 1400px) {
#topmenu_holder.fixed{
	width:100%;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
#centertop:before{
	display:none;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
#topmenu_holder.fixed{
	position:relative;
}
}
@media only screen and (min-width: 240px) and (max-width: 1200px) {
#holder, #holder2, #holder3, .yjsg_grid, #footer{
	padding:30px 20px;
}
}
/* Sphere slider */
@media only screen and (min-width: 240px) and (max-width: 1400px) {
#yjsg1.yjsg_grid{
	padding:0px 0;
}
.csphereslider .SphereSlider div.sphere img{
	max-width:none!important;
}
}
/* Counter */
@media only screen and (min-width: 980px) and (max-width: 1200px) {
h4.counter{
	font-size: 500%;
}
}
@media only screen and (min-width: 680px) and (max-width: 980px) {
h4.counter{
	font-size: 400%;
	line-height:45px;
}
}
@media only screen and (min-width: 480px) and (max-width: 680px) {
h4.counter{
	font-size: 300%;
	line-height:35px!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
h4.counter{
	width:100%;
	font-size:650%;
	line-height:65px!important;
	border-bottom:1px solid #48494f;
}
}
/* Icons */
@media only screen and (min-width: 240px) and (max-width: 1330px) {
#yjsg3.yjsg_grid{
	padding:30px 20px;
}
.icon_holder{
	padding:15px;
}
}
@media only screen and (min-width: 760px) and (max-width: 1100px) {
.icon_holder{
	width:50%;
}
}
@media only screen and (min-width: 240px) and (max-width: 760px) {
.icon_holder{
	width:100%;
}
}
@media only screen and (min-width: 240px) and (max-width: 390px) {
.icon_holder p{
	clear:both;
}
}
/* Purchase */
@media only screen and (min-width: 640px) and (max-width: 980px) {
.purchase_block, .findout_block{
	padding:0 25px;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.purchase_block, .findout_block{
	width:100%;
	text-align:center;
	margin:10px 0;
	padding:0 20px;
}
.purchase_block .template_button, 
.findout_block .template_button{
	float:none;
	margin:20px auto;
}
.findout_block{
	border:none;
}
}
/* Engine */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
#yjsg5.yjsg_grid{
	padding:30px 20px;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.cengine .yjme_item{
	width:100%;
	margin-bottom:30px;
}
.cengine .yjme_item div.imageholder,
.cengine .yjme_item div.imageholder a.item_image,
.cengine .yjme_item div.imageholder img{
	width:100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.cengine .yjme_item div.imageholder,
.cengine .yjme_item div.imageholder a.item_image,
.cengine .yjme_item div.imageholder img{
	width:100%!important;
	height:auto!important;
}
.cengine .yjme_item a.item_title{
	margin:20px auto 15px auto;
}
}
/* Sphere bottom */
@media only screen and (min-width: 240px) and (max-width: 1300px) {
.csphereslider.people .SphereSliderHolder .prev, 
.csphereslider.people .SphereSliderHolder .next{
	left: 20px;
}
.csphereslider.people .SphereSliderHolder .next{
	left:auto;
	right:20px;
}
}
/* Clients */
@media only screen and (min-width: 240px) and (max-width: 1300px) {
ul.clients_holder{
	padding: 0 20px;
}
}
@media only screen and (min-width: 240px) and (max-width: 1199px) {
ul.clients_holder li{
	margin:4px;
}
}
@media only screen and (min-width: 240px) and (max-width: 1024px) {
ul.clients_holder li{
	margin:5px 35px;
	width:25%;
}
}
@media only screen and (min-width: 240px) and (max-width: 981px) {
ul.clients_holder li{
	margin:1px;
}
}
@media only screen and (min-width: 240px) and (max-width: 800px) {
ul.clients_holder li{
	margin:10px;
	width:30%;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
ul.clients_holder li{
	margin:5px;
	width:45%;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
ul.clients_holder li{
	margin:5px 15px;
	width:85%;
}
}
/* Bottom modules */
@media only screen and (min-width: 1199px) and (max-width: 1400px) {
.get_socials li span{
	margin:10px 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 1199px) {
#yjsg7.yjsg_grid{
	padding:30px 20px;
}
.get_socials li span{
	margin:10px 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.bottom_out #user21,
.bottom_out #user22,
.bottom_out #user23{
	width:100%!important;
}
.cenginebottom{
	margin:0;
}
.get_socials li span{
	margin:10px 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
div.subCategory a.subCategoryImage img{
	width:100%!important;
}
div.catItemView,
div.itemView,
div.tagItemView,
div.userItemView,
div.userBlock,
div.latestItemView,
div.genericItemView{
	margin: 50px 20px;
}
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: 1400px) {
	div.itemImageBlock,
	div.catItemImageBlock{
		width:auto!important;
	}
}
/* Home business */
/* engine */
@media only screen and (min-width: 240px) and (max-width: 1080px) {
.cenginebottom.business .yjme_item{
	float:none;
	width:100%;
	clear:both;
}
.cenginebottom.business .yjme_item div.imageholder img{
	max-width:none!important;
}
.cenginebottom .yjme_item p.item_intro{
	text-align:center;
}
}
/* media slider */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.cmediaslider .yjmediaslider .slide .slide-details{
	width:70%!important;
}
}
@media only screen and (min-width: 240px) and (max-width:780px) {
.cmediaslider .yjmediaslider .slide .slide-details{
	display:none;
}
.cmediaslider .yjmediaslider div.main-nav{
	left:auto;
	bottom:auto;
	background:rgba(0,0,0,0.7);
	padding:5px 10px;
}
}
/* Business feature */
@media only screen and (min-width: 980px) and (max-width: 1400px) {
.businessoffer_holder img{
	margin:230px 0 0 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.businessoffer_holder img{
	display:none;
}
.businessoffer_holder{
	width:50%;
}
}
/* Team members */
@media only screen and (min-width: 240px) and (max-width: 640px) {
.cenginebottom.business.team .yjme_item{
	width:100%;
}
}
/* Clients */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.cclientsbusiness #client_slider {
	width: 100%;
}
.cclientsbusiness #client_slider .carousel-inner {
	border: none;
}
.cclientsbusiness #client_slider .carousel-inner img {
	opacity: 1;
}
.cclientsbusiness .client_intro_in {
	padding: 0;
}
.cclientsbusiness .client_intro h2 {
	margin: 25px 0;
}
.cclientsbusiness .slider-pager {
	left: 0;
	bottom: -105px;
}
}
/* Home Magazine */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.yjsg-blog_f.homemagazine{
	margin:0!important;
}
.yjsg-blog_f.homemagazine img{
	width:100%;
}
}
@media only screen and (min-width: 240px) and (max-width: 1080px) {
.cenginebottom.magazine .yjme_item p.item_intro{
	text-align:left;
}
}
@media only screen and (min-width: 240px) and (max-width:780px) {
.cmediaslider.magazine .yjmediaslider .slide .slide-details{
	display:block;
	bottom:20px!important;
	left:10px!important;
}
.cmediaslider.magazine .yjmediaslider .slide .slide-details .slide-title{
	display:none;
}
.cmediaslider.magazine .yjmediaslider div.main-nav{
	left:auto;
	bottom:auto;
	background:rgba(0,0,0,0.7);
	padding:5px 10px;
}
}