/*======================================================================*\
|| #################################################################### ||
|| # 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 {

	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;
}
}
 @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;	
}
#yjsg2 { padding: 5px; margin:0px; }
.top_menu,
.top_menu_poz_navbar,
.top_menu_poz.navpills {
	width: 98%;
	padding: 5px;
}
}
 @media only screen and (min-width: 240px) and (max-width: 981px) {
#header,
#yjsgheadergrid.yjsg_grid {
	padding: 0;
background: linear-gradient(top, #CAF2FF, #FFF);
background: -moz-linear-gradient(top, #CAF2FF, #FFF);
background: -webkit-linear-gradient(top, #CAF2FF, #FFF);
background: -o-linear-gradient(top, #CAF2FF, #FFF);
}
#yjsg2 { padding: 5px; margin:0px; }
}
/* Login */
@media only screen and (min-width: 240px) and (max-width: 981px) {
.yjsg_login_button {
	margin: 0;
	float: none;
	position: relative;
	display: table!important;
	right: auto;
	left: auto;
}
#yjsg2 { padding: 5px; margin:0px; }
}
@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;
}
#yjsg2 { padding: 5px; margin:0px; }
}
/* Custom module */
@media only screen and (min-width: 240px) and (max-width: 981px) {
.slivesearch {
	float: none;
}
.slivesearch .yjsquare_in {
	padding: 0!important;
}
.slivesearch form {
	margin: 0 auto;
}
.slivesearch .button,
.slivesearch .icon-search {
	right: auto;
}
#yjsg2 { padding: 5px; margin:0px; }
}
/* Image slider */
@media only screen and (min-width: 981px) and (max-width: 1199px) {
.simageslider h4 {
	font-size: 200%;
}
.simageslider p {
	padding:10px;
	background:none;
}
.simageslider .YJIS_outer.yjis_respond img{
	width:50%;
	height:auto;
	background:none;
}
#yjsg2 { padding: 5px; margin:0px; }
.hola { width:20%; float: left; padding: 5px; font-size: 1.0em; }
div.centraTabla{ text-align: center; }
div.centraTabla table { margin: 0 auto; text-align: left; }
}
@media only screen and (min-width: 240px) and (max-width: 981px) {
.simageslider .YJSlide_slide .YJSlide_intro{
	padding:10px;
	width:100%;
	background:none;
}
.simageslider .YJIS_outer.yjis_respond img{
	visibility:hidden;
	background:none;
}
#yjsg2 { padding: 5px; margin:0px; }
.hola { width:30%; float: left; padding: 5px; font-size: 1.0em; }
.planes { width:30%; float: left; padding: 0px; font-size: 1.0em; }
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.simageslider p{
	padding:10px;
	background:none;
}
.simageslider .small_span{
	margin:15px 0 0 0;
	background:none;
}
.simageslider ul{
	padding:10px 0;
	overflow:hidden;
	background:none;
}
.simageslider h4{
	font-size:200%;
}
.hola { width:28%; float: left; padding: 5px; font-size: 1.0em; }
.planes { width:30%; float: left; padding: 0px; font-size: 1.0em; }
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.simageslider .YJSlide_slide .YJSlide_intro_in{
	padding:10px;
}
.simageslider h4{
	font-size:150%;
}
.simageslider h4 br{
	display:none;
}
.simageslider ul{
	padding:10px;
	overflow:hidden;
}
.simageslider ul li{
	width:100%;
	float:none;
	font-size:100%;
	padding:10px;
	line-height:21px;
}
.simageslider p{
	padding:10px;
	margin:0;
}
.simageslider .small_span{
	padding:10px;
}
.simageslider .button_dark, 
.simageslider .button_light{
	font-size:90%;
	padding:10px;
}
.hola { width:42%; float: left; padding: 5px; font-size: 1.0em; }
.planes { width:44%; float: left; padding: 0px; font-size: 0.8em; }
}
/* Custom module */
@media only screen and (min-width: 240px) and (max-width: 981px) {
#top1 .scustom img {
	z-index: 0;
	opacity: 0.3;
	right: 20px;
	bottom: 0;
}
#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;
}
#yjsg2 { padding: 5px; margin:0px; }
}
@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;
}
}