/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .h1, h1 {font-size: 30px;}
  .h2, h2 {font-size: 28px;}
  .h3, h3 {font-size: 24px;}
  .h4, h4 {font-size: 20px;}
  .h5, h5 {font-size: 18px;}
  .h6, h6 {font-size: 16px;}
  p{font-size: 13px;}
  .pad-top01-mv{padding-top: 4vh;}
  .pad-top02-mv{padding-top: 6vh;}
  .pad-top03-mv{padding-top: 8vh;}

  .pad-bttm01-mv{padding-bottom: 4vh;}
  .pad-bttm02-mv{padding-bottom: 6vh;}
  .pad-bttm03-mv{padding-bottom: 8vh;}

  .monster-text {font-size: 2rem;}
  .tit-menu-op br{display: none;}
  .overlay-content {top: 5%; margin-top: 0px;}
  .overlay .closebtn {top: 0; right: 4vw; font-size: 50px; z-index: 9;}
  .btn-menu {right: 6vw;}
  .colbun-brand-nav {margin-left: 3vw; margin-right: 12px; max-width: 100px;}
  #myNav .tit-menu{font-size: 1.5rem; margin-bottom: 30px;}
  #myNav .pad-top03{padding-top: 3vh;}
  .tit-menu-op{font-size: 14px; margin-bottom: 0px;}
  .nro-menu {height: 100%; max-height: 30px; margin-bottom: 5px;}
  .tit-menu{display: none;}
  .link-info02 div > img {max-width: 26px; margin-right: 12px;}
  .overlay {background-position: bottom left;}
  .box-movil{display: block;}
  .box-desktop{display: none;}
  .box-tablet{display: none;}
  .link-download, .link-www{font-size: 14px;}
  .circle-tit {max-height: 34vh;}
  .tit-cap-port {font-size: 8vw; padding-left: 0px;}
  .cont-btn-caps {padding-left: 0px; margin-top: 15px;}
  #linea-back {background-image: none;}
  .subcap-tit-circ {max-width: 90px;}
  .subcap-tit {font-size: 26px;}
  .breadcrum-colbun {font-size: 10px;}
  .btn-prev-cap span, .btn-next-cap span, .btn-prev-cap02 span, .btn-next-cap02 span, .btn-prev-cap03 span, .btn-next-cap03 span, .btn-prev-cap04 span, .btn-next-cap04 span, .btn-prev-cap05 span, .btn-next-cap05 span, .btn-prev-cap06 span, .btn-next-cap06 span, .btn-prev-cap07 span, .btn-next-cap07 span{display: none;}
  .nav-colbun {border-radius: 0px;}
  .btn-home {width: 28px; height: 28px; line-height: 20px;}
  .btn-cap01, .btn-cap02, .btn-cap03, .btn-cap04, .btn-cap05, .btn-cap06, .btn-cap07{font-size: 13px;}
  #estructura-propiedad, #soluciones-unicas, #central-colbun02, #participacion-fenix {height: 28vh; border-radius: 0px 100px 0px 0px;}
  .subcap-tit > br{display: none;}
  #oficinas-colbun, #central-chacabuquito, #estrategia-marco, #brecha-salarial, #gestion-agua {height: 28vh; border-radius: 0px 0px 100px 0px;}
  .box-riesgo {border-left: none; border-right: none;}
  #evolucion-costos, #excelencia-colaboracion, #produccion-neta, #complejo-colbun03, #materiales-colbun, #proyectos-adjudicados, #codigo-etica, #central-colbun04, #huella-de-carbono, #monitoreo-calidad {height: 28vh; border-radius: 100px 0px 0px 0px;}
  #diego-de-alagro {height: 35vh; border-radius: 0px 0px 100px 0px;}
  #libre-competencia {height: 90vh; background-image: url(../shapes/libre-competencia-mv.jpg); background-position: top center; border-radius: 0px 100px 0px 0px;}
  #libre-competencia .cian-text{color: #575756;}
  #libre-competencia .leyenda-cap{color: #575756;}
  #equidad-colbun, #relaciones-laborales, #biodiversidad02, #avistamiento-aves {height: 28vh; border-radius: 100px 0px 0px 0px;}
  #proveedores-colbun02, #buenas-practicas, #cultura-seguridad, #relacionamiento-comunitario-playa, #factores-emision-peru {height: 28vh; border-radius: 0px 0px 0px 100px;}
  .btn-entrar{font-size: 13px; padding: 10px 20px; margin-top: 4vh; max-width: 180px;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 1024px){
  .h1, h1 {font-size: 30px;}
  .h2, h2 {font-size: 28px;}
  .h3, h3 {font-size: 24px;}
  .h4, h4 {font-size: 20px;}
  .h5, h5 {font-size: 18px;}
  .h6, h6 {font-size: 16px;}
  p{font-size: 13px;}
  .pad-top01-mv{padding-top: 4vh;}
  .pad-top02-mv{padding-top: 6vh;}
  .pad-top03-mv{padding-top: 8vh;}

  .pad-bttm01-mv{padding-bottom: 4vh;}
  .pad-bttm02-mv{padding-bottom: 6vh;}
  .pad-bttm03-mv{padding-bottom: 8vh;}

  .monster-text {font-size: 2rem;}
  .tit-menu-op br{display: none;}
  .overlay-content {top: 5%; margin-top: 0px;}
  .overlay .closebtn {top: 0; right: 4vw; font-size: 50px; z-index: 9;}
  .btn-menu {right: 6vw;}
  .colbun-brand-nav {margin-left: 3vw; margin-right: 12px; max-width: 100px;}
  #myNav .tit-menu{font-size: 1.5rem; margin-bottom: 30px;}
  #myNav .pad-top03{padding-top: 3vh;}
  .tit-menu-op{font-size: 14px; margin-bottom: 0px;}
  .nro-menu {height: 100%; max-height: 30px; margin-bottom: 5px;}
  .tit-menu{display: none;}
  .link-info02 div > img {max-width: 26px; margin-right: 12px;}
  .overlay {background-position: bottom left;}
  .box-movil{display: block;}
  .box-desktop{display: none;}
  .box-tablet{display: none;}
  .link-download, .link-www{font-size: 14px;}
  .circle-tit {max-height: 34vh;}
  .tit-cap-port {font-size: 8vw; padding-left: 0px;}
  .cont-btn-caps {padding-left: 0px; margin-top: 15px;}
  #linea-back {background-image: none;}
  .subcap-tit-circ {max-width: 90px;}
  .subcap-tit {font-size: 26px;}
  .breadcrum-colbun {font-size: 10px;}
  .btn-prev-cap span, .btn-next-cap span, .btn-prev-cap02 span, .btn-next-cap02 span, .btn-prev-cap03 span, .btn-next-cap03 span, .btn-prev-cap04 span, .btn-next-cap04 span, .btn-prev-cap05 span, .btn-next-cap05 span, .btn-prev-cap06 span, .btn-next-cap06 span, .btn-prev-cap07 span, .btn-next-cap07 span{display: none;}
  .nav-colbun {border-radius: 0px;}
  .btn-home {width: 28px; height: 28px; line-height: 20px;}
  .btn-cap01, .btn-cap02, .btn-cap03, .btn-cap04, .btn-cap05, .btn-cap06, .btn-cap07{font-size: 13px;}
  #estructura-propiedad, #soluciones-unicas, #central-colbun02, #participacion-fenix {height: 28vh; border-radius: 0px 100px 0px 0px;}
  .subcap-tit > br{display: none;}
  #oficinas-colbun, #central-chacabuquito, #estrategia-marco, #brecha-salarial, #gestion-agua {height: 28vh; border-radius: 0px 0px 100px 0px;}
  .box-riesgo {border-left: none; border-right: none;}
  #evolucion-costos, #excelencia-colaboracion, #produccion-neta, #complejo-colbun03, #materiales-colbun, #proyectos-adjudicados, #codigo-etica, #central-colbun04, #huella-de-carbono, #monitoreo-calidad {height: 28vh; border-radius: 100px 0px 0px 0px;}
  #diego-de-alagro {height: 35vh; border-radius: 0px 0px 100px 0px;}
  #libre-competencia {height: 90vh; background-image: url(../shapes/libre-competencia-mv.jpg); background-position: top center; border-radius: 0px 100px 0px 0px;}
  #libre-competencia .cian-text{color: #575756;}
  #libre-competencia .leyenda-cap{color: #575756;}
  #equidad-colbun, #relaciones-laborales, #biodiversidad02, #avistamiento-aves {height: 28vh; border-radius: 100px 0px 0px 0px;}
  #proveedores-colbun02, #buenas-practicas, #cultura-seguridad, #relacionamiento-comunitario-playa, #factores-emision-peru {height: 28vh; border-radius: 0px 0px 0px 100px;}
  .btn-entrar{font-size: 13px; padding: 10px 20px; margin-top: 4vh; max-width: 180px;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .btn-menu {right: 3vw;}
  .overlay-content {top: 8%;}
  .nro-menu {max-height: 56px; margin-bottom: 14px;}
  .tit-menu-op {font-size: 1rem;}
  .circle-tit {max-height: 40vh;}
  .tit-cap-port {font-size: 6vw;}
  .title-nav {padding-left: 6vw;}

  .pad-top01-tb{padding-top: 4vh;}
  .pad-top02-tb{padding-top: 6vh;}
  .pad-top03-tb{padding-top: 8vh;}

  .pad-bttm01-tb{padding-bottom: 4vh;}
  .pad-bttm02-tb{padding-bottom: 6vh;}
  .pad-bttm03-tb{padding-bottom: 8vh;}

  #estructura-propiedad, #soluciones-unicas, #central-colbun02, #participacion-fenix {height: 42vh; border-radius: 0px 200px 0px 0px;}
  #oficinas-colbun, #central-chacabuquito, #estrategia-marco, #brecha-salarial, #gestion-agua{height: 42vh; border-radius: 0px 0px 200px 0px;}
  #evolucion-costos, #excelencia-colaboracion, #produccion-neta, #complejo-colbun03, #monitoreo-calidad, #materiales-colbun, #proyectos-adjudicados, #codigo-etica, #central-colbun04, #relaciones-laborales, #huella-de-carbono, #biodiversidad02, #avistamiento-aves {height: 42vh; border-radius: 200px 0px 0px 0px;}
  .box-riesgo {border-left: none; border-right: none;}
  .box-tablet{display: block;}
  .box-desktop{display: none;}
  #diego-de-alagro {height: 40vh; border-radius: 0px 0px 200px 0px;}
  #libre-competencia{border-radius: 0px 200px 0px 0px;}
  #equidad-colbun, #proveedores-colbun02, #buenas-practicas, #cultura-seguridad, #relacionamiento-comunitario-playa, #factores-emision-peru{height: 42vh; border-radius: 0px 0px 0px 200px;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .container{padding-right: 8%; padding-left: 8%;}
  .top-pad {padding-top: 16vh;}
  .fixed-top.nav-colbun {max-width: 1180px; padding-left: 45px; padding-right: 45px;}
  .tit-menu-op {font-size: 1rem;}
  .nro-menu {max-height: 55px;}
  .overlay-content {top: 6%;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1981px) {
.tit-cap-port {font-size: 2vw !important;}
}