/* Responsive styles
================================================== */
/* Large Devices, Wide Screens */
@media (min-width: 1200px) {
  /* Dropdown animation */
  .navbar-nav .dropdown-menu,
  .navbar-nav .dropdown.megamenu div.dropdown-menu {
    background: none;
    border: 0;
    box-shadow: none;
    display: block;
    opacity: 0;
    z-index: 1;
    visibility: hidden;/*
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);*/
    -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
  }
  .navbar-nav .dropdown:hover div.dropdown-menu,
  .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {
    opacity: 1;
    visibility: visible;
    color: #777;/*
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);*/
  }
  .navbar-nav .dropdown-backdrop {
    visibility: hidden;
  }
}
/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 464px) {
	.col-xxxs-offset-0 {
		margin-left: 0;
	}
	.col-xxxs-6 {
		width: 50%;
	}
	.col-xxxs-12 {
		width: 100%;
	}
}
@media only screen and (min-width: 465px) and (max-width: 600px) {
	.col-xxs-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-xxs-5 {
		width: 41.66666667%;
	}
	#footer2 .pie-contacto > div a {
		font-size: 12px;
	}
}
@media only screen and (max-width: 991px) {
	#footer .copyright {
		text-align: center;
	}
	#footer .social {
		text-align: center;
	}
	#software-administracion > div:nth-child(2) ul:last-child li:last-child {
		display: list-item;
	}
	#software-administracion > div:last-child ul:first-child {
		display: none;
	}
	#software-administracion > div:last-child {
		padding-left: 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#footer2 .pie-contacto {
		padding-right: 0px;
	}
	#software-administracion > div:last-child ul:first-child, #software-administracion > div:last-child p {
		margin-bottom: 6.5px;
	}
}
@media only screen and (max-width: 767px) {
  .navbar-header .navbar-brand a {
    padding: 6px 8px;
  }
  #hero-area {
    padding: 140px 0;
  }
  #hero-area .btn {
    margin-top: 8px;
  }
  #about {
    padding: 70px 0;
  }
  #about .block {
    padding: 0;
  }
  figure .buttons {
    left: 0%;/*16%;*/
  }
  #feature .media {
    margin: 0px 0px 35px;
  }
  .dropdown-menu > ul > li > a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 15px;
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .dropdown-menu > ul {
    list-style: none;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: -5px;
    background: #EEEEEE;
    /*background-color: rgba(255, 255, 255, 0.95);*/
    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
  }
  .navbar-collapse {
    background: #fff/*#333333;*/
  }
  #top-bar .main-menu li > a {
    color: #000; /*#fff;*/
    padding: 21px 10px;
    background: transparent;
  }
  #top-bar .dropdown-menu > ul {
    list-style: none;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: -5px;
    background: #EEEEEE;
    /*background-color: rgba(255, 255, 255, 0.95);*/
    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
  }
  #top-bar .dropdown-menu > ul > li > a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 15px;
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 1200px) and (max-width: 1549px) {	
	#software-administracion > div:last-child ul:last-child li {
		line-height: 120%;
	}
	#software-administracion > div:last-child ul:first-child, #software-administracion > div:last-child p {
		margin-bottom: 5px;
	}
	#contacto .container {
		width: 1000px;
	}
}
@media only screen and (min-width: 1550px) {
	.col-lgr-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-lgr-10 {
		width: 83.33333333333333%;
	}
	#hero-area1 .container, #inspecciones .container, section.nota-separador .container, #programas .container, #modulos-trabajo .container, #ventajas .container, #calidad .container, #contacto .container, #footer .container, .company-description .container {
		width: 1520px;
	}
	.hero-area {
		padding: 200px 0px 200px;
	}
	.hero-area h2 {
		font-size: 70px;
	}
	.title {
		font-size: 40px;
	}
	.subtitle {
		font-size: 27px;
	}
	h3 {
		font-size: 26px;
	}
	p {
		font-size: 17px;
	}
	.listas li {
		font-size: 16px;
	}
	#hero-area1 h1 {
		font-size: 130px;
		margin-bottom: 110px;
	}
	#hero-area1 p {
		font-size: 24px;
	}
	#inspecciones .row > div:last-child ul li {
		font-size: 17px;
	}
	#inspecciones .software-inspecciones h4 {
		font-size: 26px;
	}
	#programas p {
		font-size: 17px;
	}
	#programas h4 {
		font-size: 22px;
	}
	#software-administracion li {
		font-size: 17px;
	}
	#software-administracion div:nth-child(2) p {
		margin-bottom: 0;
	}
	#software-administracion div:nth-child(2) ul li:last-child {
		display: list-item;
	}
	#software-administracion div:last-child ul:first-child {
		display: none;
	}
	section.nota-separador p {
		font-size: 20px;
	}
	#modulos-trabajo h4 {
		font-size: 24px;
	}
	#modulos-trabajo p {
		font-size: 15px;
	}
	#ventajas li {
		font-size: 16px;
	}
	#calidad p {
		font-size: 17px;
	}
	#calidad i {
		font-size: 40px;
	}
	.alertError i, .alertExito i {
		font-size: 40px;
	}
	.alertError p, .alertExito p {
		font-size: 19px;
		font-weight: 500;
	}
	#contacto input {
		height: 50px;
		font-size: 15px;
	}
	#contacto textarea {
		height: 245px;
		font-size: 15px;
	}
	#submit > div label {
		font-size: 17px;
	}
	#footer .copyright {
		font-size: 15px;
	}
	#footer .social li a {
		font-size: 17px;
	}
	#footer2 a {
		font-size: 16px;
	}
	#top-bar img {
		width: 190px;
	}
	#cookies-tipos .panel-heading, #cookies-tipos .panel-body {
		font-size: 17px;
	}
}
@media only screen and (min-width: 1550px) and (max-width: 1799px) {
	#modulos-trabajo .row > div[class^="col-"]:first-child > div[class^="col-"] {
		height: 187px;
	}
	#software-administracion div:nth-child(2) ul li {
		line-height: 135%;
	}
	#contacto .container {
		width: 1350px;
	}
}
@media only screen and (min-width: 1800px) {
	.col-lgr-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-lgr-10 {
		width: 83.33333333333333%;
	}
	.col-lgrr-12 {
		width: 100%;
	}
	.col-lgrr-offset-0 {
		margin-left: 0;
	}
	#hero-area1 .container, #inspecciones .container, section.nota-separador .container, #programas .container, #modulos-trabajo .container, #ventajas .container, #calidad .container, #contacto .container, #footer .container, .company-description .container {
		width: 1770px;
	}
	.hero-area h2 {
		font-size: 80px;
	}
	.title {
		font-size: 50px;
	}
	.subtitle {
		font-size: 30px;
	}
	h3 {
		font-size: 32px;
	}
	p {
		font-size: 20px;
		line-height: 120%;
	}
	.listas li {
		font-size: 19px;
	}
	#hero-area1 {
		padding: 250px 0px 210px;
	}
	#hero-area1 h1 {
		font-size: 150px;
		margin-bottom: 140px;
	}
	#hero-area1 p {
		font-size: 26px;
		line-height: 120%;
	}
	#inspecciones .row > div:last-child ul li {
		font-size: 19px;
	}
	section.nota-separador p {
		font-size: 25px;
		line-height: 110%;
	}
	#programas p {
		font-size: 21px;
	}
	#programas h4 {
		font-size: 28px;
	}
	#software-administracion li {
		font-size: 21px;
	}
	#software-administracion div ul:last-child {
		padding-right: 50px;
	}
	#modulos-trabajo h4 {
		font-size: 28px;
	}
	#modulos-trabajo p {
		font-size: 21px;
	}
	#modulos-trabajo .row > div[class^="col-"]:last-child > div[class^="col-"]:nth-child(2) {
		height: 138px;
	}
	#modulos-trabajo .row > div[class^="col-"]:first-child > div[class^="col-"]:last-child {
		height: 206px;
	}
	#ventajas li {
		font-size: 21px;
	}
	#ventajas .row > div:first-child i {
		font-size: 120px;
	}
	#calidad p {
		font-size: 21px;
	}
	#contacto .container {
		width: 1600px;
	}
	#contacto h2 {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#contacto input {
		height: 70px;
		font-size: 20px;
	}
	#contacto textarea {
		height: 324px;
		font-size: 20px;
	}
	#submit > div label {
		font-size: 27px;
	}
	#footer .copyright {
		font-size: 20px;
	}
	#footer .social li a {
		font-size: 21px;
		line-height: 120%;
	}
	#footer2 a {
		font-size: 19px;
	}
	#footer2 .pie-reconocimientos i, #footer2 .pie-contacto a i {
		font-size: 31px;
	}
	#top-bar img {
		width: 210px;
	}
	#cookies-tipos .panel-heading, #cookies-tipos .panel-body {
		font-size: 21px;
	}
}