 /*======================================================================*\
|| #################################################################### ||
|| # 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: 1420px) {
.yjsgsitew {
	width: 1200px!important;
}
.yjsgsfx-csgetintouch.yjsgxhtml {
	padding: 0 75px;
}
}
@media screen and (max-width: 1200px) {
/*subtitle*/
.cs_subtitle {
	max-width: 60%;
}
/*slides*/
.csslides p {
	max-width: 60%;
}
/*who we are*/
.cswhoweare .yjsg-col-1-3:first-child {
	padding: 0 30px 0 15px;
}
.cswhoweare .yjsg-col-1-3 {
	padding: 0 30px;
}
/*plans*/
.csplans .yjplanxtdended.separated {
	width: 100%;
}
/*why choose us*/
.cswhychooseus .yjsg-col-1-3 p {
	max-width: 100%;
}
/*team*/
.csteam .yjme_holder {
	width: 100%;
}
/*ajax*/
.yjsgsfx-csajax.yjsgxhtml, .yjsgsfx-csgetintouch.yjsgxhtml {
	width: 50%!important;
	padding: 0 15px;
}
.csajax #yjajaxcontact_box, .csajax #yjajaxcontact_box #email, .csajax #yjajaxcontact_box #first_name, .csajax #yjajaxcontact_box textarea {
	width: 100%!important;
}
.yjsgsfx-cssubscribe.yjsgxhtml {
	width: 100%!important;
}
}
@media screen and (max-width: 980px) {
.yjsgsitew {
	width: 100%!important;
}
/*menu*/
#yjsgheadergrid #topmenu_holder {
	float: none;
	margin-bottom: 30px;
}
/*extrapos1*/
.extrapos1 {
	width: 100%;
	margin: 0 auto;
	float: none;
}
.extrapos1 .yjsg-module-positions {
	width: 100%;
	height: 120px;
	line-height: 120px;
}
/*search*/
.search-trigger {
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin: 0 auto 30px auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/*who we are*/
.cswhoweare .yjsg-col-1-3 {
	padding: 0 15px;
}
/*workflow*/
.csworkflow .yjsg-col-1-4:after {
	display: none;
}
.csworkflow .yjsg-col-1-4 {
	margin-bottom: 30px;
}
/*why choose us*/
.cswhychooseus .yjsg-row .yjsg-col-1-3, .cswhychooseus .yjsg-row {
	border: none;
}
/*clients*/
.csclients p {
	max-width: 90%;
}
/*partners*/
.cspartners .yjsg-col-1-6 {
	width: 33%;
	margin-bottom: 20px;
}
/*team*/
.csteam .yjme_item {
	width: 100%;
	margin-bottom: 20px;
	padding: 0;
}
/*news*/
.csnews .yjme_item:first-child {
	width: 100%;
}
.csnews .yjme_item {
	width: 50%;
	height: auto;
}
/*bottom modules*/
.csgetintouch .infos p {
	font-size: 100%;
	display: table;
}
.csgetintouch .infos span {
	width: 15px;
	margin: 0 10px 0 0;
}
/*K2*/
a.moduleItemImage {
	margin: 0 auto 20px auto;
	display: table;
}
.k2CategoriesListBlock ul li a, a.moduleItemTitle, a.moduleItemTitle:visited, div.k2ItemsBlock ul li div.moduleItemIntrotext, div.k2LatestCommentsBlock ul li span.lcUsername, #leftblock .yjsg6 .module_title, #rightblock .yjsg6 .module_title {
	text-align: center;
}
div.k2LatestCommentsBlock ul li a, div.k2LatestCommentsBlock ul li span.lcCommentDate {
	margin: 0 auto;
	display: table;
}
}
@media screen and (max-width: 768px) {
/*plans*/
.csplans .yjplanxtdended.separated .yjplanextdholder {
	padding: 10px 0;
}
}
@media screen and (max-width: 720px) {
/*who we are*/
.cswhoweare .yjsg-col-1-3 {
	padding: 0 15px 30px 0;
	text-align: center;
}
.cswhoweare .button_border_color {
	margin: 0 auto;
}
/*bottom modules*/
.yjsgsfx-csajax.yjsgxhtml, .yjsgsfx-csgetintouch.yjsgxhtml, .yjsgsfx-cssubscribe.yjsgxhtml {
	width: 100%!important;
	margin-bottom: 30px;
	text-align: center;
}
.csajax #yjajaxcontact_box div .lables {
	display: block;
	text-align: center;
}
.csajax #yjajaxcontact_box div.spamcheck {
	width: 210px;
	margin: 0 auto 20px auto;
}
.csajax span.submit, .csgetintouch .infos span, ul.creativestudio_socials, .cssubscribe .button_green {
	display: table;
	margin: 0 auto;
	float: none;
}
.csgetintouch .infos p {
	width: 100%;
	text-align: center;
}
}
@media screen and (max-width: 640px) {
/*search label*/
.cssearch .yjsg-form-group-inline label {
	max-width: 90%;
}
/*slides*/
.csslides p {
	max-width: 90%;
}
/*subtitle*/
.cs_subtitle {
	max-width: 90%;
}
/*plans*/
.csplans .yjplanxtdended.separated .yjplanextdholder {
	width: 100%!important;
}
/*K2*/
div.subCategoryContainer {
	width: 100%!important;
}
div.itemRelated li {
	width: 50%!important;
	margin: 0 auto 20px auto;
}
div.itemComments ul.itemCommentsList li img {
	display: table;
	float: none;
	margin: 0 auto 20px auto!important;
	width: 70px;
}
div.itemComments ul.itemCommentsList li span.commentAuthorName, div.itemComments ul.itemCommentsList li span.commentDate, div.itemComments ul.itemCommentsList li p {
	display: block!important;
	text-align: center;
	margin-bottom: 5px!important;
}
div.itemComments ul.itemCommentsList li span.commentLink {
	float: none;
	margin: 0 auto;
	display: table;
}
div.k2LatestCommentsBlock ul li span.lcComment {
	text-align: center;
}
}
@media screen and (max-width: 480px) {
/*partners*/
.cspartners .yjsg-col-1-6 {
	width: 50%;
}
/*news*/
.csnews .yjme_item {
	width: 100%;
	text-align: center;
}
.csnews .item_details .item_category, .csnews .item_details .item_cdate, .csnews .item_details .item_author {
	float: none;
}
}
@media screen and (max-width: 320px) {
/*partners*/
.cspartners .yjsg-col-1-6 {
	width: 100%;
}
div.itemRelated li {
	width: 100%!important;
}
}
