@import url("style.css");
@media only screen and (max-width: 992px) {

#modal-container {
    z-index: 5;
    
}
header {
  background: rgba(255, 255, 255,1);
}

header .menu-mobile:after {
  font-size: 3.5rem;
  color: rgb(0, 34, 69);
}

header.menu-fixed .menu-mobile:after {
    font-size: 3.5rem;
    color: #00245f;
}
.menu-container {
    width: 100%;
  }
  .menu-container .menu{
  display:inline-block;
   }
  .menu-mobile {
    display: block;    
    float: right;    
    padding: 0px 20px 0;
    position: relative;
    top: 27px;
  }
  .menu-dropdown-icon:before {
    display: block;
  }
  .menu > ul {
    display: none;
    width:100%;
  }
  .menu > ul > li {
    width: 100%;
    float: none;
    display: block;
    background: #f0f0f0;
  }
  .men{
    width: 80%;
  }
  .menu > ul > li a {
    padding: .5em;
    width: 100%;
    display: block;
  }
  .menu > ul > li > ul {
    position: relative;    
    padding: 0 40px;
  }
  .menu > ul > li > ul.normal-sub {
    width: 100%;
  }
  .menu > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .menu > ul > li > ul > li:first-child {
    margin: 0;
  }
  .menu > ul > li > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul > li > ul > li {
    float: none;
  }
  .menu .show-on-mobile {
    display: block;
  }
}
/**Querys**/
@media only screen and (min-width:200px) and (max-width:600px){
  /**gen**/
  h2 {
    font-size: 22px;
  }
  /* menu**/
  header .subHed ul {
    padding: 0 0px 2px;
  }
  header {
    padding-top: 30px;
    padding-bottom: 0px;
}
  header .subHed ul li {
    margin: 0 10px;
  }
  .menu img {
    min-width: 130px;
  }
  .menu a.logo {
    position: relative;
    transition: 0.7s all;
}
 /**bannner**/ 

.home::before {
    background: rgba(255,255,255,.8);
    border-radius: 0% 0 0 0%;
    top: 0%;
    right: 0px;
    width: 100%;
}
.circ{
  display: none;
}
.ban h1 {
    font-size: 40px;
    padding-top: 50px;
}
/**nosotros**/
.somos h1 {
  text-align: center;
  width: 100%;
  margin-left: auto;
}
/******servicios***/
.alcance h2 {
    font-size: 35px;
}
.cotizacion h2 {
  font-size: 35px;
}
.img-capa img {
    top: 14%;
}
/**************garantia***********/

.garantia {
    background: url('../img/garantia/crea.jpg') no-repeat 0% 0% / cover;
}
.garantia::before {
    background: rgba(255,255,255,0.8);
    right: 0%;
}
.cont-t {
  padding-right: 60px;
  padding-left: 60px;
  padding-bottom: 0px;
}
.sec{
  padding: 50px;
  padding-bottom: 10px;

}
.garantia h2 {
  font-size: 45px;
  margin-bottom: 20px;
  text-align: center;
}
.sec h3 {
  font-size: 35px;
  text-align: center;
}
.cont-t::before{
  display: none;
}
.cont-t p.bold {
    font-size: 38px;
    text-align: center;
}
/***********contacto***/

.contacto::before{
  background: rgb(143, 139, 135, .7);
  width: 100%;
  left: 0%;
}
.contacto h2 {
  text-align: center;
  font-size: 40px;
}
.contacto p{
  color: #fff;
  text-align: center;
}
/***footer**/
.footer {
  text-align: center;
}
.footer .r ul {
    display: block;
}
.footer .r img{
  margin: 10px auto;
}
.footer .r {
    text-align: center;
    padding-bottom: 20px;
    top: 0px;
}

/**/
}
@media only screen and (min-width:600.1px) and (max-width:767.9px){
  /**gen**/
  h2 {
    font-size: 22px;
  }
  /* menu**/
  header .subHed ul {
    padding: 0 0px 2px;
  }
  header {
    padding-top: 30px;
    padding-bottom: 0px;
}
  header .subHed ul li {
    margin: 0 10px;
  }
  .menu img {
    min-width: 170px;
  }
 /**home**/ 
.home::before {
    background: rgba(255,255,255,.8);
    border-radius: 0% 0 0 0%;
    top: 0%;
    right: 0px;
    width: 100%;
}
.circ{
  display: none;
}

.ban h1 {
  font-size: 50px;
}

/***nosotros**/
.somos h1 {
  text-align: center;
  width: 100%;
  margin-left: auto;
}
/******servicios**/

/**************garantia***********/
.garantia {
  background: url(../img/garantia/crea.jpg) no-repeat 0% 0% / cover;
}
.cont-t::before{
  display: none;
}
.cont-t {
  padding-right: 60px;
  padding-left: 60px;
}

.garantia h2 {
  font-size: 45px;
  margin-bottom: 20px;
}
.cont-t p.bold {
    font-size: 38px;
    text-align: center;
}
.garantia::before {
    background: rgba(255,255,255,0.8);
    right: 0%;
}
.cont-t {
  padding-right: 60px;
  padding-left: 60px;
  padding-bottom: 0px;
}
.sec{
  padding: 50px;
  padding-bottom: 10px;
}
/***********contacto***/

.contacto::before{
  background: rgb(143, 139, 135, .7);
  width: 100%;
  left: 0%;
}
.contacto h2 {
  text-align: center;
}
.contacto p{
  color: #fff;
  text-align: center;
}
/***footer**/
.footer {
  text-align: center;
}
.footer .r ul {
    display: block;
}
.footer .r img{
  margin: 10px auto;
}
.footer .r {
    text-align: center;
    padding-bottom: 20px;
    top: 0px;
}

/**/
}
@media only screen and (min-width:768px) and (max-width:992px){

/**home**/
.home::before {
    background: rgba(255,255,255,.8);
    border-radius: 0% 0 0 0%;
    top: 0%;
    right: 0px;
    width: 100%;
}
.circ{
  display: none;
}
/***nosotros**/
.somos h1 {
  margin-left: 20%;
}
/**************garantia***********/
.garantia {
  padding-bottom: 50px;
  padding-top: 250px;
  background: url(../img/garantia/crea.jpg) no-repeat 0% 0% / cover;
}
.cont-t::before{
  display: none;
}
.cont-t {
  padding-right: 60px;
  padding-left: 60px;
}

.garantia h2 {
  font-size: 45px;
  margin-bottom: 20px;
}
.cont-t p.bold {
    font-size: 38px;
    text-align: center;
}
.contacto::before {
  width: 100%;
  left: -30%;
}

.garantia::before {
    background: rgba(255,255,255,0.8);
    right: 0%;
}
.cont-t {
  padding-right: 60px;
  padding-left: 60px;
  padding-bottom: 0px;
}
.sec{
  padding: 50px;
   padding-bottom: 10px;
}

/**/
}
@media only screen and (min-width:922px) and (max-width:1024px){
  .menu > ul > li a {
    padding: 1.5em 1em;
    font-size: 11px;
  }
  .menu ul li.linea::before,
  .menu ul li.linea2::after {
    height: 22px;
    top: 17px;
}
.ban {
  padding-right: 5%;
}
.ban h1 {
  font-size: 35px;
}
.circ {
  left: -30%;
}
/*********Nosotros********/
.somos h1 {
  margin-left: 10%;
}
/**************garantia***********/

.garantia {
  padding-bottom: 50px;
  padding-top: 250px;
  background: url(../img/garantia/crea.jpg) no-repeat 0% 0% / cover;
}
.garantia::before {
    right: 0%;
}
.cont-t::before{
  display: none;
}
.cont-t {
  padding-right: 60px;
  padding-left: 60px;
}


.garantia h2 {
  font-size: 45px;
  margin-bottom: 20px;
}
.cont-t p.bold {
    font-size: 38px;
    text-align: center;
}
/*******contacto****************/
.contacto::before {
  width: 100%;
  left: -30%;
}
}
@media only screen and (min-width:1024px) and (max-width:1200px){
/******home***/
  .menu > ul > li a {
    padding: 1.5em 1em;
    font-size: 12px;
  }
    .menu ul li.linea::before,
  .menu ul li.linea2::after {
    height: 20px;
    top: 19px;
  }

  .menu ul li.linea::before,
  .menu ul li.linea2::after {
    height: 23px;
    top: 17px;
}
.ban {
  padding-right: 5%;
}
.ban h1 {
  font-size: 35px;
}
.circ {
  left: -30%;
}
  /**************garantia***********/
.garantia {
  background: url(../img/garantia/crea.jpg) no-repeat 0% 0% / cover;
}
.garantia::before {
    right: 0%;
}
/*******contacto****************/
.contacto::before {
  width: 100%;
  left: -30%;
}
}

@media only screen and (min-width:1201px) and (max-width:1300px){
/******home***/
  .menu > ul > li a {
    padding: 1.5em 1em;
    font-size: 13px;
  }
  .menu ul li.linea::before,
  .menu ul li.linea2::after {
    height: 20px;
    top: 19px;
  }

}