/* queries.css 
   responsive layout */

@media (max-width: 1199px) {
  #header {
    text-align: center;
  }
}

/* ventana menor a 980 píxeles */
@media (min-width: 980px) and (max-width: 1199px) {
	#page {
    width: auto;
	}

	#content {
	padding-left: 30px;
	padding-right: 30px;
	}

	.container {
 	 max-width:100%;
	}

  [class*="grid_"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom:20px ;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  }

	.put-right {
    float: none;
    display: inline-block;
    margin-left: 30px;
	}
	.clear-left {
  		clear: none;
	}
	.clear-right {
 	 clear: none;
	}

}
/* --------------------------------------------
	iPAD/TABLET LANDSCAPE
-------------------------------------------- */
@media only screen and (max-width: 1024px) {
	.news_controller .btn-title {
		display: block;
		float: none;
	}

/* MENU MOVIL ----------------------------- */
	ul#main-menu{
		display: none;
	}
	.select-menu{
		display: block !important;
    margin: 0 20px;
    position: relative;
    padding: 0;
    width: 90%;
    height: 40px;
    border: 1px solid #dddddd;
    background: #eaeaea url('../images/select.png') 95% center no-repeat;
    color: #000000;
    border-radius: 0;
    -webkit-appearance: none;
    outline: none;
    font: normal 14px 'Open Sans', sans-serif;
    cursor: pointer;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
-webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
   -moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
        box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
  }
}

/* --------------------------------------------
	iPAD/TABLET PORTRAIT
-------------------------------------------- */
@media only screen and (max-width: 979px) {
/* MENU MOVIL ----------------------------- */
	ul#main-menu{
		display: none;
	}
	.select-menu{
		display: block !important;
    margin: 0 20px;
    position: relative;
    padding: 0;
    width: 90%;
    height: 40px;
    border: 1px solid #dddddd;
    background: #eaeaea url('../images/select.png') 95% center no-repeat;
    color: #000000;
    border-radius: 0;
    -webkit-appearance: none;
    outline: none;
    font: normal 14px 'Open Sans', sans-serif;
    cursor: pointer;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
-webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
   -moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
        box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
  }
}



@media (max-width: 979px) {
  #top-bar {
    text-align: center;
    float: none;
  }

#top-bar h3 {
  font-size: 18px;
  vertical-align: middle;
}

/*  #top-bar h3{
    text-align: center;
	margin-right: 40px;
  }

.brand h3 {
  text-align:center;
  margin-right: 40px;
}
*/

/* menu */
  #nav.nav-holder {
    text-align: center;
    float: none;
  }
/* login */
  nav ul{
    margin: 0px 40px 0px 0px;
  }
  .brand {
    float: none;
  }

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
	margin-right: 2% !important;
	}
}


/* ventana menor a 768 píxeles */
@media (min-width: 768px) and (max-width: 979px) {
	#page {
    width: auto;
	}

	#content {
	padding-left: 30px;
	padding-right: 30px;
	}

	.container {
  	max-width:100%;
	}

  [class*="grid_"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom:20px ;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  }

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
	margin-right: 2% !important;
	}

	.put-right {
    float: none;
    display: inline-block;
    margin-left: 30px;
	}
	.clear-left {
  		clear: none;
	}
	.clear-right {
 	 clear: none;
	}
}


@media only screen and (max-width: 800px){
  body {
    padding: 0;
  }

	#page {
    width: auto;
	}

	#content {
	padding-left: 30px;
	padding-right: 30px;
	}

	.container {
  	max-width:100%;
	}

	div.wrap-heading {
	padding-top: 0px;
	padding-bottom: 0px;
	}



/* para tabletas orientación vetical anular espacios en el menú de navegación (no se visualiza el menu movil)*/

#nav ul li.button-menu {
    margin-right: 0px;
}
.sf-menu > li > a {
    padding-right: 0px;
    padding-left: 0px;
}
.sf-menu > li + li {
    margin-left: 0px;
}

  [class*="grid_"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom:0px ;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  }

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
	margin-right: 2% !important;
	}

  #back-top a {
    display:none;
  }
}



@media (max-width: 767px) {
	#page {
    width: auto;
	}

	#content {
	padding-left: 30px;
	padding-right: 30px;
	}

	.container {
  	max-width:100%;
	}
	div.wrap-heading {
	padding-top: 0px;
	padding-bottom: 0px;
	}

/* si clickstream display none 
margin-bottom: -40px !important;
*/

.news_controller .btn-title {
	display: block;
	float: none;
}

	.wrap-heading h1{ 
	text-align: center;
	line-height: 22px;
	padding-top: 20px;
	}
	
	.wrap-heading p{ 
	text-align: center;
	}
  [class*="grid_"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom:0px ;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  }

	.put-right {
    float: none;
    display: inline-block;
    margin-left: 30px;
	}
	.clear-left {
  		clear: none;
	}
	.clear-right {
 	 clear: none;
	}
  .select-menu {
    display: block !important;
  }
	.screenshots ul{
		margin: 0;
	}
	.screenshots ul li{
		width:100%;
		display:block;
	}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
		width:100% !important;
		/*margin-bottom:20px !important;*/
	}

	.wrap-heading .clickstream{
		float: none;
	}
		/*margin: 0 5%;*/ /* no poner se desborda texto */
		/*margin-bottom: -20px !important;*/

	.clickstream{
	display:none !important;
	}

	.category_dropdown_form {
	display:none !important;
	}
	.setperpage_dropdown_form {
	display:none !important;
	}
	.gallery-item {
	width: 100% !important;
	height:auto !important;
	}
	.overlay {
	display:none !important;
	}
  #back-top a {
    display:none;
  }

  #footer {
    text-align: center;
  }
}



/* Main menu styles
========================================================*/
@media only screen and (max-width: 767px) {
  nav {
    padding-bottom: 0;
  }
  .sf-menu {
    display: none;
  }
/* menu movil */
  .select-menu {
    margin: 0 20px;
    display: block;
    position: relative;
    padding: 0;
    width: 90%;
    height: 40px;
    border: 1px solid #dddddd;
    background: #eaeaea url('../images/select.png') 95% center no-repeat;
    color: #000000;
    border-radius: 0;
    -webkit-appearance: none;
    outline: none;
    font: normal 14px 'Open Sans', sans-serif;
    cursor: pointer;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
-webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
   -moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
        box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
  }

.news_controller .btn-title {
	display: block;
	float: none;
}
}



/* movil / ventana menor a 480 píxeles */
@media (max-width: 479px) {
  body {
    padding: 0;
  }

	#page {
    width: auto;
	}

  nav.put-right {
    padding-bottom: 0px;
  }

	#content {
	padding-left: 30px;
	padding-right: 30px;
	}

	.container {
  	max-width:100%;
	}
	div.wrap-heading {
	padding-top: 0px;
	padding-bottom: 0px;
	}

.news_controller .btn-title {
	display: block;
	float: none;
}

/* si clickstream display none 
margin-bottom: -40px !important;
*/
	.wrap-heading h1{ 
	text-align: center;
	line-height: 22px;
	padding-top: 20px;
	}
	
	.wrap-heading p{ 
	text-align: center;
	}
	
  [class*="grid_"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom:0px ;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  }
	.screenshots ul{
		margin: 0;
	}
	.screenshots ul li{
		width:100%;
		display:block;
	}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
		width:100% !important;
		/*margin-bottom:20px !important;*/
	}

	.wrap-heading .clickstream{
		float: none;
	}
		/*margin: 0 5%;*/ /* no poner se desborda texto */
		/*margin-bottom: -20px !important;*/

	.clickstream{
	display:none !important;
	}

	.category_dropdown_form {
	display:none !important;
	}
	.setperpage_dropdown_form {
	display:none !important;
	}
	.gallery-item {
	width: 100% !important;
	height:auto !important;
	}
	.overlay {
	display:none !important;
	}

	input[type="checkbox"] + label, input[type="radio"] + label {
	letter-spacing: -1px;
	}

	.spb_featured_clients_widget li {
    display:block;
	}
  #back-top a {
    display:none;
  }
}


/* movil / ventana menor a 375 píxeles */
@media only screen and (min-device-width: 375px) {
  #back-top a {
    display:none;
  }

}



/* movil / ventana menor a 320 píxeles */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (max-device-width: 640px){
  body {
    padding: 0;
  }

	#page {
    width: auto;
	}

	#content {
	padding-left: 30px;
	padding-right: 30px;
	}

	.container {
  	max-width:100%;
	}
	div.wrap-heading {
	padding-top: 0px;
	padding-bottom: 0px;
	}

.news_controller .btn-title {
	display: block;
	float: none;
}

/* si clickstream display none 
margin-bottom: -40px !important;
*/
	.wrap-heading h1{ 
	text-align: center;
	line-height: 22px;
	padding-top: 20px;
	}
	
	.wrap-heading p{ 
	text-align: center;
	}
	.wrap-heading .clickstream{
		float: none;
	}
		/*margin: 0 5%;*/ /* no poner se desborda texto */
		/*margin-bottom: -20px !important;*/

	.clickstream{
	display:none !important;
	}

  [class*="grid_"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom:0px ;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  }
	.screenshots ul{
		margin: 0;
	}
	.screenshots ul li{
		width:100%;
		display:block;
	}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
		width:100% !important;
		/*margin-bottom:20px !important;*/
	}

	input[type="checkbox"] + label, input[type="radio"] + label {
	letter-spacing: -1px;
	}

	.spb_featured_clients_widget li {
    display:block;
	}
   #back-top a{
    display:none;
  }
}