/*
 * laytout
 */
@media only screen and (max-width: 1024px) {

  .to-scroll {
   display: none!important;
  }

}

@media only screen and (max-width: 768px) {

  .inicio .main-viewport {
    height:unset!important;
    padding:0!important;
  }

  .main-section {
    padding:50px 0!important;
  }

}

@media only screen and (max-width: 360px) {


  .main-section {
    padding:0!important;
  }

}

/*
 * laytou
 */







/*
 * header 
 */
@media only screen and (max-width: 1024px) { 

  #social-nav {
    position:fixed!important;
    top:200px!important;
    right:0!important;
    width:70px!important;
    height:140px;
  }

  #social-nav ul {
    display: block!important;
    width: 100%!important;
    padding:10px!important;
    background-color: rgba(0,83,142,0.7)
  }

  #social-nav li {
    display: block!important;
    padding:0!important;
    width: 100%!important;
    height:50px!important; /* referido a la mitad de altura de #social-nav  */
    vertical-align: middle!important;
  }

  #social-nav a {
    color:inherit;
    font-size:32px;
    font-size:2rem;
    line-height: 50px!important;
  }

}


@media only screen and (max-width: 368px) { 
  #social-nav {
    top:0px!important;
  }
}

@media only screen and (max-width: 768px) { 

  #header {
    /*min-height:122px!important;*/
  }



}

@media only screen and (max-width: 768px) {





  .header-bkg {
    display:none!important;
  }

  #main-nav ul li:first-child {
    border-top:none!important;
  }

  #main-nav ul {
    width:100%!important;
    display: table!important;
    position: relative!important;
    padding-top:100px!important; /* referido al alto de #main-nav ul li#logo */
  }

  #main-nav ul li {
    display: table-cell!important;
    height:44px!important;
    vertical-align: middle!important;
    min-width: unset!important;
  }

  #main-nav ul li a {
    display: block!important;
    width:100%!important;
    height: 44px!important;
    line-height: 44px!important;
    margin:0!important;
    padding:0!important;
  }

  #main-nav ul li#logo {
    background: none!important;
    height: 100px!important; /* referido a la altura del h1 img y a */
    width:50%!important;
    position: absolute!important;
    overflow: visible!important;
    top:0;
    left:0;
    right: 0;
    margin:0 auto;
  }

  #logo-inner {
    position:relative!important;
    width:100%!important;
  }

  #logo h1, #logo a, #logo img,   #social-nav {
    height: 100px!important; /* referido a la altura de #main-nav ul li#logo  */
    margin:0!important;
    padding:0!important;
  }

}


@media only screen and (max-width: 368px) {

  #header, #main-nav, #main-nav ul {
    height: 276px!important; /* suma de los 4 li 44px mas 100px del logo */    
  }

  #main-nav ul {
    display: block!important;
    position: relative!important;
    padding-top:100px!important; /* referido al alto de #main-nav ul li#logo */
  }

  #main-nav ul li {
    display: block!important;
    width:100%!important;
    height:44px!important;
    vertical-align: middle;
  }

  #main-nav ul li:first-child {
    border-top:1px solid rgba(255,255,255,0.3);
  }

}

 /*
 * header 
 */





 /*
 * SLIDER HOME
 */

@media only screen and (max-width: 1024px) {

  .slider-description p {
    display: none!important;
  }

  .slider-description p.presentacion {
    display: block!important;
  }

  #main-slider .bxslider {
   /* min-height: 400px!important;*/
  }

}

@media only screen and (max-width: 768px) {



  .slider-description {
    top:15%!important;
    left:10%!important;
  }

.slider-description h2 {
  font-size: 2em!important;
}

  .slider-description p.presentacion {
    display: none!important;
  }

}

@media only screen and (max-width: 360px) {

  .slider-description {
    top:5%!important;
  }

  .slider-description h2 {
    font-size: 2em!important;
  }

  #main-slider {
    height: unset!important;
  }

}

 /*
 * SLIDER HOME
 */






 /*
  * CONSTANTES
  */ 

@media only screen and (max-width: 768px) {

  .main-link {
    font-size: 1.5em!important:;
    background-color: #ffffff!important;
    color:#00538e!important;
  }

}

 /*
  * CONSTANTES
  */





/*
 * NUESTRA EMPRESA
 */

@media only screen and (max-width: 768px) {

  #nuestra-empresa {
    padding:30px 0!important;
  }

}


 /*
 * NUESTRA EMPRESA
 */




/*
 * PRODUCTOS
 */

@media only screen and (max-width: 768px) {

  .prod-thumb {
    width:25%!important;
  }

}

@media only screen and (max-width: 360px) {

  .prod-thumb {
    float:none!important;
    width:100%!important;
  }

}

/*
 * PRODUCTOS
 */




/*
 *footer
 */


@media only screen and (max-width: 768px) {

 #footer .info-empresa {
  margin-top: 30px!important;
 }

 #footer .info-empresa p {
  text-align: center!important;
 }

}

/*
 *footer
 */







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



   #footer #form-contacto {
    max-width: 80%!important;
    margin: 0 auto!important;
  }

   #form #form-contacto {
    max-width: 70%!important;
    margin: 0 auto!important;
  }


}
  /*
  * FORM
  */