/*======================================================================*\
|| #################################################################### ||
|| # 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: 0 auto!important;
	text-align: left!important;
}
.yjmm_select {
	font-weight: 300!important;
}
span#yjmm_selectid {
	font-size: 100%!important;
}
#default_video {
	width: 100%!important;
}
body {
	background: none;
}
}
 @media only screen and (min-width: 980px) and (max-width: 1199px) {
#header, #header_in, #centertop, #centerbottom, #yjsg1, #yjsg2, #yjsg3, #yjsg4, #yjsg5, #yjsg6, #yjsg7, #footer, #joomlacredit, .yjsgsitew {
	width: auto!important;
}
.top_menu, .top_menu_poz_navbar, .top_menu_poz.navpills {
	width: auto!important;
}
}
 @media only screen and (min-width: 240px) and (max-width: 981px) {
#header, #yjsgheadergrid.yjsg_grid {
	padding: 0;
}
}
/* Login */
@media only screen and (min-width: 240px) and (max-width: 981px) {
.yjsg_login_button {
	margin: 0 auto 40px auto;
	float: none;
	position: relative;
	display: table!important;
	right: auto;
	left: auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
#yjsg_login_modal.modal.fade.in {
	max-width: 90%;
	position: absolute;
	top: 2%!important;
}
}
/* Custom module */
@media only screen and (min-width: 240px) and (max-width: 981px) {
.slivesearch {
	float: none;
}
.slivesearch .yjsquare_in {
	padding: 0!important;
}
.slivesearch .yj_inputbox {
	width: 95%!important;
}
.LiveSearchContainer.defaultfeed, .LiveSearchResults.defaultfeed {
	width: 98%!important;
}
.slivesearch form {
	margin: 0 auto;
}
.slivesearch .button, .slivesearch .icon-search {
	right: 2%;
}
}
/* Image slider */
@media only screen and (min-width: 981px) and (max-width: 1199px) {
.simageslider h4 {
	font-size: 200%;
}
.simageslider p {
	padding: 25px 0;
}
.simageslider .YJIS_outer.yjis_respond img {
	width: 50%;
	height: auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 981px) {
.simageslider .YJSlide_slide .YJSlide_intro {
	top: 0;
	width: 100%;
}
.simageslider .YJIS_outer.yjis_respond img {
	visibility: hidden;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.simageslider p {
	padding: 20px 0;
	margin: 0;
}
.simageslider .small_span {
	margin: 15px 0 0 0;
}
.simageslider ul {
	padding: 10px 0;
	overflow: hidden;
}
.simageslider h4 {
	font-size: 200%;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.simageslider .YJSlide_slide .YJSlide_intro_in {
	padding: 20px;
}
.simageslider h4 {
	font-size: 150%;
}
.simageslider h4 br {
	display: none;
}
.simageslider ul {
	padding: 10px 0;
	overflow: hidden;
}
.simageslider ul li {
	width: 100%;
	float: none;
	font-size: 100%;
	padding: 0;
	line-height: 21px;
}
.simageslider p {
	padding: 5px 0;
	margin: 0;
}
.simageslider .small_span {
	margin: 15px 0 0 0;
}
.simageslider .button_dark, .simageslider .button_light {
	font-size: 90%;
	padding: 7px 12px;
}
}
/* Custom module */
@media only screen and (min-width: 240px) and (max-width: 981px) {
#top1 .scustom img {
	display: none;
}
#top1 .scustom p, #top1 .scustom .button_dark {
	position: relative;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
#top1 .scustom {
	padding: 0 20px;
}
}
@media only screen and (min-width: 240px) and (max-width: 540px) {
#top1 .scustom img {
	width: 90%;
}
}
/*YJ Module Engine*/
@media only screen and (min-width: 981px) and (max-width: 1199px) {
.smoduleengine .yjme_item {
	width: 25%;
}
.smoduleengine .yjme_item.class1, .smoduleengine .yjme_item.class2 {
	margin: 0;
}
.smoduleengine .yjme_item_in {
	padding: 0 50px 0 0;
}
}
@media only screen and (min-width: 540px) and (max-width: 981px) {
.smoduleengine .yjme_item {
	width: 50%;
}
.smoduleengine .yjme_item.class1, .smoduleengine .yjme_item.class2 {
	margin: 0;
}
.smoduleengine .yjme_item_in {
	padding: 20px 10px;
}
.smoduleengine .yjme_item div.imageholder, .smoduleengine .yjme_item a.item_image, .smoduleengine .yjme_item a.item_image img {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 540px) {
.smoduleengine .yjme_item {
	width: 100%;
}
.smoduleengine .yjme_item.class1, .smoduleengine .yjme_item.class2 {
	margin: 0;
}
.smoduleengine .yjme_item_in {
	padding: 20px 0;
}
.smoduleengine .yjme_item div.imageholder, .smoduleengine .yjme_item a.item_image, .smoduleengine .yjme_item a.item_image img {
	width: 100%!important;
}
}
/* Custom features */
@media only screen and (min-width: 240px) and (max-width: 981px) {
.scustom.features img {
	display: none;
}
.scustom.features .features_right_block {
	position: relative;
	float: left;
	width: 100%;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.scustom.features .block_holder {
	width: 100%;
}
.scustom.features .block.middle {
	margin: 0 30px;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.scustom.features .block {
	float: none;
}
.scustom.features .block.middle {
	margin: 0;
}
.scustom.features .small_span {
	margin: 6px 0;
}
}
/* YJ News Pop */
@media only screen and (min-width: 240px) and (max-width: 640px) {
.snewspop ul.yjnewspopFilter li {
	margin: 5px 0;
}
}
/* Twitter */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.twitterpos {
	margin: -25px 0 0 0;
	background: url(../images/yjsg_twitter_bg.jpg) no-repeat left top;
}
.twitterpos:before {
	display: none;
}
.stwitter .yjsquare_in {
	padding: 25px 0;
}
.stwitter div.yj_twitter_title {
	padding: 0;
}
.stwitter div.yj_twitter_title a {
	line-height: 45px;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.stwitter .icon-twitter {
	margin: 0 auto;
	float: none;
}
.stwitter div.yj_twitter_title {
	text-align: center;
	padding: 0 30px;
}
}

/* Satisfied users */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.satisfiedusers #user_slider .carousel-control {
	left: 40px;
}
.satisfiedusers #user_slider .carousel-control.right {
	left: 75px;
}
.satisfiedusers #user_slider .carousel-inner {
	width: 85%;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.satisfiedusers .user_intro, .satisfiedusers #user_slider {
	width: 100%;
}
.satisfiedusers .user_intro {
	margin: 0 0 20px 0;
}
.satisfiedusers .user_intro_in {
	border-bottom: 1px solid #D1CECE;
	border-right: none;
	padding: 0;
}
.satisfiedusers #user_slider .carousel-inner {
	width: 100%;
	padding: 0;
}
.satisfiedusers #user_slider .carousel-control {
	left: 0;
}
.satisfiedusers #user_slider .carousel-control.right {
	left: 35px;
}
.satisfiedusers #client_slider .carousel-inner img {
	opacity: 1!important;
	border-radius: 3px;
	margin: 0 0 20px 0;
}
}
/* Clients */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.clientspos #client_slider {
	width: 100%;
}
.clientspos #client_slider .carousel-inner {
	border: none;
}
.clientspos #client_slider .carousel-inner img {
	opacity: 1;
}
.clientspos .client_intro_in {
	padding: 0;
}
.clientspos .client_intro h2 {
	margin: 25px 0;
}
.clientspos .slider-pager {
	left: 0;
	bottom: -115px;
}
}
/* Subscribe and Socials */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.ssubscribe .inputbox_name, .ssubscribe .inputbox_email {
	margin: 0 20px 10px 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 545px) {
#user11, #user12 {
	width: 100%!important;
}
}
/* Infos */
@media only screen and (min-width: 240px) and (max-width: 1199px) {
.sinfos .info_block {
	width: auto;
}
.sinfos .info_block.middle {
	margin: 0 25px;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.sinfos .info_block {
	width: 100%;
	margin: 20px 0!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
#topmenu_holder {
	height: auto!important;
}
#k2Container.itemListView, #k2Container.tagView, #k2Container.userView, #k2Container.latestView, #k2Container.genericView {
	margin: 20px 0 0 0;
}
#k2Container.itemView {
	margin: 20px 0 0 20px;
}
div.catItemView, div.tagItemView, .userView div.userItemView, .latestView div.latestItemView, .genericView div.genericItemView {
	margin: 0 0 50px 0;
}
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;
}
}