/*======================================================================*\
|| #################################################################### ||
|| # 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: 240px) and (max-width: 1420px) {
.yjsgsitew {
	max-width: 100%!important;
	width: 1200px!important;
	margin: 0 auto;
}
.top_menu, .top_menu_poz_navbar, .top_menu_poz.navpills {
	max-width: 100%!important;
}
#layout_type.fullwidth .yjsgsitew {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 1220px) {
.yjsgsitew {
	max-width: 100%!important;
	width: 1024px!important;
	margin: 0 auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 1024px) {
.yjsgsitew {
	max-width: 100%!important;
	width: 100%!important;
	margin: 0 auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 981px) {
#yjsgheadergrid #topmenu_holder {
	float: none;
	margin-top: 30px;
}
}
/*Slider*/
@media only screen and (min-width: 240px) and (max-width: 981px) {
.mainslider .button_color, .mainslider .button_white {
	margin: 0 auto 20px auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 760px) {
.mainslider {
	max-width: 90%;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.mainslider h4 {
	font-size: 300%;
}
}
/* Who we are */
@media only screen and (min-width: 240px) and (max-width: 1420px) {
.gridsfx-ewhoweare.yjsgsitew {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 1024px) {
.ewhoweare .yjsg-row.tab3 .yjsg-col-1-2 {
	width: 100%;
}
.ewhoweare .yjsg-row.tab3 .blockholder {
	max-width: 90%;
}
}
@media only screen and (min-width: 240px) and (max-width: 981px) {
.gridsfx-ewhoweare .beforeintro {
	max-width: 100%!important;
}
.ewhoweare .yjsg-round-progress {
	margin: 0 auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.ewhoweare .yjsg-col-1-3 {
	width: 100%!important;
}
.ewhoweare .yjsg-col-1-3:first-child span, .ewhoweare .blockholder span {
	display: table;
	margin: 0 auto 20px auto;
	float: none;
}
.ewhoweare .blockholder h4, .ewhoweare .blockholder p {
	text-align: center;
}
}
@media only screen and (min-width: 240px) and (max-width: 380px) {
.ewhoweare ul.yjsgsliderPaginationTabs li a {
	padding: 7px 10px;
	font-size: 90%;
}
}
/* Recent work */
@media only screen and (min-width: 240px) and (max-width: 1420px) {
.gridsfx-erecentwork .beforeintro {
	max-width: 80%;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.erecentwork .SphereSliderHolder .clonedesc .intro {
	max-width: 80%;
}
.erecentwork .SphereSliderHolder .prev {
	left: 10px;
}
.erecentwork .SphereSliderHolder .next {
	right: 10px;
}
}
/* What we offer */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.whatweoffer .yjsg-row .yjsg-col-1-3 {
	width: 33%;
}
.whatweoffer img {
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	border-radius: 10%;
}
}
@media only screen and (min-width: 240px) and (max-width: 920px) {
.whatweoffer .yjsg-row .yjsg-col-1-3 {
	width: 100%;
}
.whatweoffer .yjsg-col-1-3:first-child li, .whatweoffer .yjsg-col-1-3 li {
	text-align: center;
}
.whatweoffer .yjsg-col-1-3 span {
	display: table;
	margin: 10px auto;
}
}
/*Our clients*/
@media only screen and (min-width: 240px) and (max-width: 981px) {
.eourclients .SphereSliderHolder .clonedesc {
	width: 100%;
}
.eourclients .SphereSliderHolder .clonedesc .intro {
	padding: 40px 0;
}
.eourclients .SphereSliderHolder .prev {
	left: 20px;
	bottom: -60px!important;
}
.eourclients .SphereSliderHolder .next {
	right: 20px;
	bottom: -60px!important;
}
}
/*Our clients*/
@media only screen and (min-width: 240px) and (max-width: 1480px) {
.eourteam .yjme_holder {
	margin: 0 auto;
}
.eourteam .yjme_item {
	padding: 0 20px;
}
.eourteam .yjme_item .imageholder, .eourteam .yjme_item a.item_image, .eourteam .yjme_item a.item_image img {
	width: 100%!important;
	height: auto!important;
}
.eourteam .yjme_item a.item_title {
	font-size: 140%;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.eourteam .yjme_item {
	width: 50%;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.eourteam .yjme_item {
	width: 100%;
}
}
/*Our clients*/
@media only screen and (min-width: 240px) and (max-width: 480px) {
.econtactus .contact_holder p {
	font-size: 80%;
}
}
/*K2*/
@media only screen and (min-width: 240px) and (max-width: 1480px) {
div.itemListSubCategories {
	margin: 0 auto!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
div.subCategoryContainer {
	width: 100%!important;
	margin: 0 auto 50px auto!important;
}
div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 981px) {
div.catItemView, div.itemView, div.tagItemView, div.userItemView, div.userBlock, div.latestItemView, div.genericItemView {
	max-width: 100%!important;
}
}
/*Blog*/
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.eourteamblog .multicolumns {
	margin: 0 auto;
}
div.yjsg-newsitems .float-left {
	padding: 0 20px;
}
}