/*              DESKTOP                */
@media only screen and (max-width: 1260px) {
  .view-accordeon .accordeon-text {
    min-height: unset;
    font-size:0.85rem;
    line-height:1.2rem;
  }
  .view-accordeon .accordeon-text p{
    margin-bottom: 0.2rem;
  }
}

@media only screen and (min-width: 1201px) {
  .container {
    max-width: 80%;
  }
  .view-areas-home {
    margin: 0 0rem;
  }
  .multimedia-related .slick-prev {
    left: -3.2rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px){
  #navbar-main.affix img{
    width: 10rem;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0rem;
  }
  #navbar-main.affix .search-block-form .container-inline .container-inline {
    width: 100%;
  }
  .group-info {
    flex: 1 1 65%;
  }
  .group-details {
    flex: 1 1 35%;
  }
}

@media only screen and (min-width: 900px) {
  .home-menu ul.nav {
    padding: 0 3rem;
  }
  .home-menu ul.nav a::before {
    padding-right: 0.5rem;
  }
  .home-menu ul.nav a::after {
    padding-left: 0.5rem;
  }
  .navbar-expand-lg .navbar-nav .nav-link,
  .menu--ck-web .nav-item a {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .masonry .masonry-item {
    width: 33.33% !important;
}


}

@media only screen and (min-width: 1350px) {
  .masonry .masonry-item {
      width: 25% !important;
  }
  }
  

  

/*               TABLET               */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .home-menu ul.nav {
    padding: 0 1rem;
  }
  #navbar-main{
    align-items: flex-start;
  }
  #navbar-main.affix .navbar-menu {
    order: 4;
  }
  .group-info {
    flex: 1 1 55%;
  }
  .group-details {
    flex: 1 1 45%;
  }
  #navbar-main .navbar-brand {
    flex: 0;
  }
  .path-frontpage .region-top-header {
    justify-content: center;
  }
  #block-multimedia {
    margin: 0 0 2rem;
  }
  .navbar-collapse {
    margin: 0;
    position: absolute;
    background: var(--color-light);
    width: 100%;
    padding: 1rem 10%;
    left: 0;
    top:5rem;
  }
  .vcards3-1 {
  
    width: 43%;

}
.navbar-collapse #block-mab > ul {
  display: block;
}


.page-node-4835 .navbar-collapse,
.page-node-4855 .navbar-collapse,
.page-node-4856 .navbar-collapse,
.page-node-4857 .navbar-collapse,
.page-node-4858 .navbar-collapse,
.page-node-4859 .navbar-collapse,
.page-node-4874 .navbar-collapse,
.page-node-4875 .navbar-collapse,
.page-node-4933 .navbar-collapse,
.node--type-intervenciones-mab2023, .navbar-collapse {
  background: #75204a;
}



}

@media only screen and (min-width: 1368px) {
  .masonry .masonry-item {
    width: 25% !important;
  }

    
  .tarj33 .masonry .masonry-item {
    width: 31% !important;
  }

  .masonry .masonry-item {
    width: 33.33%;
  }
  .form-control {
    width: 100%;
  }
  .view-filters button.form-submit {
    width: 48% !important;
    background-color: var(--background-tone1-dark);
    border: none;
    color: var(--color-light);
    border-radius: 5px;
  }

  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--color-tone1);
    border: none;
  }

  .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
  }


  .view-filters .form-row .form-actions {
    width: 40% !important;
    display: flex;
    justify-content: space-around;   
  }

  .view-filters form.views-exposed-form fieldset {
    width: 60%;
  }
}

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

  .button1 h3 {
    font-size: 0.7rem !important;
  }
  
  .button1{
    display: block !important;
    margin: 0 10px 5px 0px !important;
    width: 100% !important;
  }

  /*.buttons  {
    display: block !important;
  }
  */

  .masonry .masonry-item {
    width: 50%;

}

.but05:before {
	border-left: 1px solid #1d1254 !important;
	border-top: 1px solid #1d1254 !important;
	border-bottom: 1px solid #1d1254 !important;
}

.but05:after {
	border-right: 1px solid #1d1254 !important;
	border-top: 1px solid #1d1254 !important;
	border-bottom: 1px solid #1d1254 !important;
	
}

.navbar-collapse #block-mab > ul {
  display: block;
}

.page-node-4835 .navbar-collapse,
.page-node-4855 .navbar-collapse,
.page-node-4856 .navbar-collapse,
.page-node-4857 .navbar-collapse,
.page-node-4858 .navbar-collapse,
.page-node-4859 .navbar-collapse,
.page-node-4874 .navbar-collapse,
.page-node-4875 .navbar-collapse,
.page-node-4933 .navbar-collapse,
.node--type-intervenciones-mab2023, .navbar-collapse {
  background: #75204a;
}


.masonry-item {
  width: 100% !important;
}

.font1-3 {
  font-size: 1.1rem !important;
}

.line1 h3 {
  font-size: 1.2rem !important;

}

.but05 {
  height: 4rem !important;
}

.highlighted .container {
  padding-left: 0!important;
  padding-right: 0!important;
}
.prog-rei .masonry .masonry-item {
  width: 100% !important;
}

.vcards3-1 {
  
  width: 48% !important;
  font-size: 1.3rem !important;
  padding: 1rem !important;

}

dl {
  margin-left: 0 !important;
}
    
.ckeditor-accordion-container > dl dt.active > a, .ckeditor-accordion-toggler {
  font-size: 1.3rem !important;
  line-height: 1.1 !important;
}

 .progartv .masonry .masonry-item {
    width: 100%;
}

.header-image {
  margin-top: 5rem;
}
.font1-5 {
  font-size: 1rem !important;
}
  .form-control {
    width: 100%;
  }
  .view-filters .form-row .form-actions { 
    width: 100% !important;
    justify-content: space-between;
  }

  .view-filters button.form-submit {
    width: 49.5% !important;
  }
  .view-filters form.views-exposed-form fieldset {
    display: flex;
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .page-node-4064,
  .page-node-4065,
  .node--type-puentes-museo-abierto-de-bogota
   {
    margin-top: 5rem;
  }

  .node--type-puentes-museo-abierto-de-bogota article
   {
    margin-top: 2rem;
  }

  .node--type-puentes-museo-abierto-de-bogota h1{
    
    font-size: 2.5rem !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    padding-right: 1rem;
    margin-top: 2rem;
    
}
.node--type-puentes-museo-abierto-de-bogota .field--name-field-localidad2 {
  font-size: 1.5rem !important;
}


.txtmab {
  display: contents;
}

.node--type-puentes-museo-abierto-de-bogota .field--name-body {
  font-size: 1rem !important; 
}

.node--type-puentes-museo-abierto-de-bogota .field--name-field-galeria-de-fotos .field__item {
  width: 49% !important;
}

.txtmab p {
  font-size: 1rem !important;
  text-align: left !important;
}

.butf2 {
  display: flex !important;
  width: 47% !important;

}

.butf2 h3 a {
  font-size: 1rem !important;

}

.vcards3 .row {
  width: 100% !important;
}

.vcards3 {
  font-size: 2rem !important;
}

.progartv {
  display: grid;
}


}

@media only screen and (max-width: 1367) {
    .masonry .masonry-item {
      width: 33.33% !important;
      margin: 0 !important;
      padding: 0 !important;
      box-sizing: border-box;
    }
}
 @media only screen and (min-width: 768px) {   
    .view-books .masonry .masonry-item {
      width: 20%;
    }
    .node--type-video h1.title{
      display: none;
      visibility: hidden;
  }
  .progartv .masonry .masonry-item {
    width: 46% !important;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1360px) {
  .region-top-header > * {
    flex: 0 0 42%;
  }



 
}

@media only screen and (min-width: 766px) and (max-width: 1024px) {
  #block-multimedia ul.nav a {
    font-size: 6.6vw;
    
}
}

/*        TABLET  Y PHONE            */

@media only screen and (max-width: 768px) {
    
  .phavalientes .colorbox img {
      width:47% !important;
      float:left !important;
      margin-bottom: .2rem !important;
      margin-right: .2rem !important;
    }
    
    .phavalientes  {
      margin-left: .6rem !important;
    }

    /*menu*/
    #navbar-main > .container {
      padding-bottom: 0;
    }
    #navbar-main .form-control {
      padding: .2rem .4rem;
      height: 1.6rem;
      margin-top: .3rem;
    }
    .navbar-toggler {
      padding: 0.5rem;
    } 
    #navbar-main img {
      max-width: 4rem;
    }
    #navbar-main {
      align-items: flex-start;
      padding: 0.5rem;
    }


    .navbar-collapse {
      margin: 3.2rem 0;
      position: absolute;
      background: var(--color-light);
      width: 100%;
      padding: 1rem;
      left: 0;
    }
    #navbar-main .menu--ck-web,
    #navbar-main .navbar-menu{
      flex:0;
    }
    #navbar-main .navbar-menu {
      margin-left: 0;
    }
    .navbar-brand {
      margin: 0;
    }
    #navbar-main .search-block-custom .search-form .btn-primary::before {
      font-size: 1.1rem;
    }
    #navbar-main .search-block-custom .btn-primary {
      padding: 0;
      margin: 0;
      font-size: 0.9rem;
      width: 1.5rem;
      height: 2rem;
    }
    #navbar-main .search-block-custom {
      flex: 1;
      margin-left: 2rem;
    }
    /****/
  .site-footer__top .region {
      justify-content: space-around;
  }
  .slick-arrow {
    height: 54px;
    width: 49px;
  }
  .slick-prev::before,
  .slick-next::before {
      font-size: 3.5rem;
  }
  .slick-prev {
        left: -2rem;   
      display: none !important;
  }
  .slick-next {
        right: -1.5rem;
          display: none !important;
  }
  .multimedia-related .slick__arrow {
    display: none;
    visibility: hidden;
  }
  .region-top-header {
    justify-content: center;
  }
   #block-multimedia {
    justify-content: center;
    margin: 15px 0 15px;
    margin-left: -35px;
    margin-right: -35px;

    display: contents;
  }
  .region-top-header > * {
    flex: 0 0 90%;
  }
}

/*               PHONE              */

@media only screen and (max-width: 767px) {
  /*home*/
  .path-frontpage .region-top-header {
    transform: scale(1);
  }
    
    .view-anachannel2 {
    padding: 60px 10px 5px 9px !important;
    margin: 0 -34px !important;
}
    
    .livehome h3 {
    font-size: 1rem !important;

}
    .livehome h2 {
    font-size: 1.1rem;
        }
    
      .livehome {
    margin-top: 100px !important;
    margin-bottom: -21px !important;
}
    
    .lofuego {
  margin-top:2rem !important;
  margin-bottom:-3rem !important;
}
    
.txtf1 p, .txtf1 {
  font-size: 1.1rem !important;
}
  .txtf1{    
    margin-top: 4rem;
 } 
    
       .formf .txtf1{
    margin-top: .5rem;
 } 
    .vidfueg {
  margin-top:0 !important;

}

.hgf1 {
  margin-top:3.5rem;
}
    
     .butf2 .buttons{
      display:block !important;
    }

    .butf2 .butf1 {
      width:100%;
      margin-left:0;
    }
    
    
    
    
    .livehome .pagination a.page-link {
    font-size: 0.8rem;
    border: none;
}
    
.view-escenarios-home {
    margin-left: -15px;
    margin-right: -15px;
}    
    
.node--type-video .group-content {
    margin-left: -1rem;
    margin-right: -1rem;
}
    
.node--type-video .group-content .group-info p {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
} 
    
  #main{
    padding: 0;
  }
  .main-content {
    padding: 0 1rem;
  }
  .menu--ck-web .nav-item a{
    padding: 0;
    font-size: 0.8rem;
  }
  header #search-block-form {
    margin-right: 0.1rem;
  }
  #block-footerhome {
    padding: 0 3rem;  
  }
  #info-general {
    padding: 2rem 0;
  }
  #info-general .d-flex {
    flex-direction: column;
  }
  .region-top-header > * {
    flex: 0 0 100%;
  }
  .region-top-header > * {
    flex: 0 0 100%;
  }
  .view-destacados-home .slide-info-text {
    padding: 1rem;
}
  #info-general .icon-img{
    margin-bottom: 2rem;
  }
  #info-general .icon-img:before {
    margin-right: 0rem;
  }
  .view-accordeon .card .accordeon-text,
  .gifs .gif-text {
    padding: 1.5rem;
  }
  .view-accordeon .card h2 {
    font-size: 1.2rem;
  }
  .view-accordeon .card h3 {
    font-size: 1.1rem;
  }
  .view-accordeon .accordeon-text {
    padding: 0;
    min-height: auto;
    order:2;
  }
  .view-accordeon .accordeon-text p {
    width: 100%;
  }
  .area-list {
    margin: 0;  
  }
  .area-list:hover {
    animation: none;
  }
  .areashome .content,
  .multimedia-related .view-content {
    margin: 0;
  }
  .multimedia-related .col-auto,
  .areashome .col-auto {
    padding: 0;
  }
  .multimedia-related .view-content .list,
  .multimedia-related.featured .view-content .list,
  .area-img {
    margin: 0;
  }
  .areashome h3 {
    font-size: 1rem;
  }
  .path-frontpage .content h1.title {
    margin-bottom: 1rem;
    padding: 0 2rem;
  } 
  #block-multimedia ul.nav a {
    font-size: 8vw;
    padding-top: 20px;
    padding-bottom: 20px;
  }
    
    /*#main-wrapper {
    margin-top: 4.5rem;
}
    */
    .path-ganadores-invp #main-wrapper {
    margin-top: 1.5rem;
}
    
    #block-multimedia ul.nav {
    margin-left: 1.1vw;
}
  .d-sm-none {
    display: none;
    margin: 0;
    padding: 0;
    visibility: hidden;
  }
  /*header*/
  #header {
    padding-bottom: 0;
  }
  #navbar-main {
    position: relative;
    top:0;
    position: fixed;
  }
  /*content*/
  .breadcrumb {
    padding: 0;
    margin: 1rem 1rem 0.3rem;
  }
  .breadcrumb-item a,
  .breadcrumb-item.active {
    padding: 0 0.2rem;
    font-size: 0.6rem;
    margin-bottom: 0.4rem;
  }
  .node--type-video .group-details .field--name-field-display-title{
    display: none;
    visibility: hidden;
  }
    
    .field--name-field-sitio-web
{

top: -1.5rem !important;
right: 0.7rem !important;
padding: 0.3rem 0.6rem !important;
font-size: 0.6rem !important;
}

  .node--type-video h1.title{
    display: block;
    border-left: 5px solid var(--color-tone1);
  }
  .node--type-libros .node .field--type-image {
    margin: 0 0 1rem 0;
    width: auto;    
  }
  .top-header-content {
    padding: 1rem 0;
  }
  .path-frontpage .top-header-content {
    padding: 0;
  }
  .path-frontpage #header,
  .path-taxonomy #header {
    padding-bottom: 0;
    margin-top: 4rem;
  }
  .path-taxonomy #main-wrapper > .views-element-container {
    margin: 0;
    padding: 0;
  }
  .dropdown-menu {
    box-shadow:none;
    margin: 0;
    background-color: inherit;
    padding: 0;
  }
  .dropdown-item a{
    padding: 0.8rem 1rem;
  }
  /*content*/
  body #page #header > div{
    height: 0 !important;
  }
  p.text-align-justify {
    text-align: left;
  }
  .block-system-breadcrumb-block{
    margin-bottom: 0;
  }
 
  .title-bg h1{
    font-size: 1.6rem;
    text-align: left;
    padding: 0 1.5rem;
    line-height: 1.8rem;
  }
    
.view-encabezado-concursos .views-field-field-image {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

  .view-books .list .list-img,
  .multimedia-related.books .list .list-img{
    padding: 0;
  }
    
    
  .list h3 {
    font-size: 0.9rem;
  }
  .list .list-info {
    padding: 0.5rem;
  }
  .list .hover-bg {
    background-color: transparent;
  }
    .bn03 {
  margin-top:4rem !important;
}
.txtmpc p, .node--type-banda-o-agrupacion .field--name-body p{
  font-size:.9rem;
  line-height:1.5;

}
   
   .txtmpc {
  margin:0;
  padding:0
  
}
  .vidmpac {
    border: none;
    margin-top:0 !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0 !important;
    display: block;
} 
    
    .artboxmus {
 margin-left: -15px;
    margin-right: -15px;

}
    
 .artboxmus .list .category
 {
    display: unset;
    font-size:.6rem;
    
  }    
    
    
     .notmpac {
    float: unset !important;
    width: 100%;
    padding-right: 0rem !important;
    margin-left: 0;
    margin-right: 0;
         margin-bottom: 1rem;
}   
    
    .notmpac .views-row{
    float: unset !important;
    width: 100%;
    padding-right: 0rem ;
   padding-left:0 ;
} 
.prog3 {

    height: 200px;
}    
    
       #block-menuinfantil img {
    max-width: 5rem !important;
} 
   
    
    .z2 {
    
    padding-left: 0;
        margin-bottom: 0;

}
    
    .node--type-banda-o-agrupacion .field--name-field-photo {
  margin-left:-16px;
  width: 100vw;
  overflow-x: hidden;
}
    
  .node--type-banda-o-agrupacion .field--name-field-orgn {
    display: table;
    margin: .8rem auto;
}  
  
    .node--type-banda-o-agrupacion .field--name-field-display-title {
   text-align: center;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
  .list .category,
  .list .year{
    display: none;
  }
  .list .audiofield {
    padding: 1.2rem 0.5rem 1.5rem 0;
  }
  .field--name-field-file-audio {
    margin-bottom: 0;
    padding: 1rem 0;
    border: none;
 }
  .node--type-podcast .group-content{
    flex-direction: column;
  }
  .group-content .group-more-info {
    font-size: 1rem;
    margin: 1rem 0 0 0;
  }
  .multimedia-related.featured {
    margin-top: 2rem;   
  }
  .multimedia-related .view-header h2{
   margin: 1rem 0 0.5rem;
    font-size: 1.2rem;
    text-align: center;
  }
  .multimedia-related.featured .list .list-img {
    padding: 0;
  }
  .list .hover-info {
    opacity: 0.3;
    font-size: 2rem;
  }
  .multimedia-related.featured .hover-bg {
    background: rgba(30, 46, 47, 0.63);
  }
  .view-dest2-home .view-content .views-row {
    flex: 1 1 100%;
    margin-bottom: 2rem;
  }
  .related2 .view-content{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  .related2 .views-row {
    flex: 0 0 48.5%;
    margin-bottom: 3%;
  }
  .related2 .list-img {
    flex: none !important;
  }
  .related2 .views-row:nth-child(odd) {
    margin-right: 1.5%;
  }
  .related2 .views-field.views-field-nothing {
    height: 100%;
  }
  .gifs .content {
    position: relative;
    height: auto;
    bottom:auto;
    left:auto;  
    opacity:1;
  } 
  .gifs h2 {
    margin: 0 0rem 1.5rem;
  }
  .region-content-fix {
    bottom: 1%;
  }
  .field--name-field-encuesta {
    margin: 1rem 0;
    padding: 2rem;
  }
  /*footer*/
  .site-footer__top {
    flex-direction: column;
  }
  .site-footer .block {
    margin: 0 0 0.5rem;
    padding: 0;
  }
  footer.site-footer {
    padding-top: 0;
    padding-bottom: 0;
  }
  /*general content*/
  .content h1.title,
  .node--type-video .field--name-field-display-title {
    font-size: 1.5rem;
    text-align: left;
    width: 100%;
    margin-bottom: 1rem;
  }
  /*views*/
  .slide__caption {
    padding: 5px;
  }
    
      .bn1 .slide__caption {
    padding:0

  }

    .bn1 .views-field-field-image img {
      width:100%;
      max-width:unset;

    }
  
  .bn1  {
    margin-top: 30px !important;
    width:100%;
  }

  .bn1 .field-content {
    width:100%;
  }

   .bn1 .slick {
    width:100%;
  }
  .multimedia-related .slick-slide > div {
    display: flex;
    align-items: stretch;
    height: 100%;
  }
  .multimedia-related .slide__content {
    height: 100%;
    display: flex;
  }
  .multimedia-related .slide__description,
  .related2 .views-field-nothing,
  .multimedia-related .views-field-nothing  {
    height: 100%;
  }
  .related2 .list,
  .multimedia-related .list {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .multimedia-related.featured .list {
    flex-direction: column;
    height: auto;
  }
  .multimedia-related.featured .view-content {
    margin: 0;
  }
  .slick--view--taxonomia-tipo.unslick  > .slide__caption {
    flex: 0 0 100%;
   }
  .multimedia-related.featured .list h3 {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
  }
  .multimedia-related.featured .list .category {
    font-size: 0.8rem;
  }
  .group-info,
  .group-details {
    flex: 1 1 100%; 
  }
    
    .node--type-concursos .group-info
  {
    padding-left: 0;
    padding-right: 0;
  }
    .block-views-blockprog-lives-block-2 {
    margin-right: 0px !important;
    height: 320px;
          }
    
    .block-views-blockaudios-recientes-block-5 {
    display:none;
  }
    .eeaud .views-row {
    flex: 0 0 80%;
    margin: 0 10% 0;
   }     
    .eeaud h4 {
margin-bottom: 7px;
}
    
    .eeaud h5 a {
right: 6px !important;
}

}
.bnmovil {
  width:100vw;
  position: relative;
  top: 3.5rem;
}
.bnmovil .slide__caption {
  padding:0;
}

.bnmovil .slide__description{
  width:100vw;
}

  .group-details {
    padding-left: 0;
    border: none;
    margin-left: 0;
    margin-top: 1rem;
    padding: 1.5rem 1.5rem 1rem;
  }
  .group-details .field--name-field-area a {
    padding: 0.2rem 0.5rem;
  }
  .views-element-container {
    padding: 0;
  }
  .view-filters .form-row {
    justify-content: left;
    flex-direction: unset;
  }
  .view-filters .form-row .form-actions,
  .view-filters button.form-submit {
       align-self: flex-end;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .view-filters{
    padding: 0;
    width: 100%;
  }
  .view-filters form.views-exposed-form fieldset label{
    display: block;
    width: 100%;
  }
  .masonry {
    width: calc(100% + 10px);
    margin-left: -5px !important;
  }
  .masonry .masonry-item {
    
    margin:0;
    padding: 0;
  }
  .mansonry-info h3 {
    font-size: 1rem;
  }
  #block-menuinfantil img{
    max-width: 7rem;
  }
  :focus {
    outline: 2px solid #f07a9747;
  }

 .bn05 {
    width:100vw;
  }

  .bn05 img{
    width:100vw;
  }
}

@media only screen and (min-width: 300px) and (max-width: 600px) {
  .path-frontpage .region-top-header {
    transform: scale(1);
  }
  #navbar-main img {
    max-width: 3.5rem;
  }
  .view-destacados-home .slide-info-text h2 {
    font-size: 1.3rem;
  }
}