/* 
320px — 480px: Mobile devices
481px — 768px: iPads, Tablets
769px — 1024px: Small screens, laptops
1025px — 1200px: Desktops, large screens
1201px and more: Large screens
*/
@media screen and (max-width: 600px) {
  #wpadminbar {
    display: none;
  }
  /* Header */
  .header {
    padding: 0px 15px;
    height: 80px;
    z-index: 99;
  }
  .header .search {
    display: none;
  }
  .header .open_menu {
    display: block;
  }
  .header .open_menu button {
    background: none;
    border: none;
  }
  .header .open_menu img {
    width: 30px;
  }
  .header .header-right {
    width: auto;
  }
  .header .logo img {
    height: 50px;
  }
  .header .logo2 {
    width: auto;
  }
  .header .separator {
    display: none;
  }
  .header .user {
    padding-right: inherit;
  }
  .footer .widget_text{
      margin-top: 15px;
  }
  .scrolledbar {
    min-height: calc(100% - 300px) !important;
    height: calc(100% - 300px) !important;
  }
  /* main */
  /* Styles */
  .sidebar {
    display: none !important;
  }
  .sidebar-toggled {
    display: flex !important;
    width: 65% !important;
    height: 100%;
    border-radius: 15px;
    background: #ffffffe8;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .right-main {
    width: 100% !important;
    margin-left: 0px !important;
  }
  .main-flexed {
    width: 100% !important;
    padding-top: 75px !important;
  }
  .head-slider {
    padding-left: 0px !important;
  }

  .content {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .video-cat-block .vid-head {
    padding-left: 0px !important;
    display: flex;
    align-content: center;
  }

  .video-cat-block .vid-head .vid-title {
    font-size: 25px;
    line-height: 35px;
    font-weight: 800;
    color: #29265b;
  }
  .video-cat-block .vid-head .vid-subtitle {
    font-size: 100%;
  }
.eventos .head.vid-title {
    font-size: 150%;
    text-align: center;
    line-height: 40px;
    font-weight: 800;
    color: #29265b;
    height: inherit !important;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-left: 0px;
    text-align: left;
}
.eventos .buttons .nav {
    gap: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: -30px;
    padding-left: 0px;
    margin-left: 0px;
}
.carousel-inner {
    position: inherit;
    width: 100%;
    overflow: hidden;
}
.video-cat-block .carousel-inner .carousel-item.active, .video-cat-block .carousel-inner .carousel-item-next, .video-cat-block .carousel-inner .carousel-item-prev {
    display: flex;
	gap: 5px;
}
.video-cat-block .carousel-inner .carousel-item.active, .video-cat-block .carousel-inner .carousel-item-next, .video-cat-block .carousel-inner .carousel-item-prev {
    display: flex;
    margin-left: 5px;
    gap: 9px;
}
.video-cat-block .carousel-item {
    width: calc(100%);
    margin-left: 35px;
    margin-left: 5px;
}
.eventos2 .head.vid-title {
    font-size: 146%;
    text-align: left;
    line-height: 30px;
    font-weight: 800;
    color: #29265b;
    height: inherit !important;
    margin-bottom: 20px;
    margin-top: 55px;
    margin-left: 0px;
    padding-left: 0px;
}
.eventos2 .buttons {
    gap: 10px;
    display: contents;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
	

.eventos2 .slider .slider-subtitle h2{
    display: contents;
    /* flex-direction: row; */
    flex-wrap: nowrap;
    /* align-content: center; */
    /* justify-content: center; */
    /* align-items: center; */
    /* gap: 15px; */
    /* padding: 5px 7px; */
    /* margin: 4px -42px; */
    font-size: 14px;
    text-align: left;
    /* width: calc(100% - 80px); */
    /* color: #29265b; */
    /* line-height: 0.25;
}
  .video-cat-block .vid-slides {
    /* padding-top: 0px; */
    margin: 0%;
    padding: 1%;
  }
.video-cat-block {
    margin: 35px 0px;
    margin-bottom: -100px;
}

  .video-cat-block .vid-head {
    flex-wrap: wrap;
  }
  .video-cat-block .vid-element .vid-img {
    /* width: 100px; */
    width: 157px;
    height: 240px;
  }
  .video-cat-block.type-especial .vid-element .vid-img {
    width: 157px;
    height: 240px;
  }
  .video-cat-block .vid-element .vid-title {
    height: 50px;
	  
  }
.video-cat-block.type-especial .vid-category, .video-cat-block.type-especial .vid-title, .video-cat-block.type-interno .vid-category, .video-cat-block.type-interno .vid-title {
     max-width: 163px; 
	 max-height: 45px; 
     font-size: 71%; 
}
.video-cat-block.type-especial .vid-head .vid-title {
    font-size: 25px;
    line-height: 38px;
    font-weight: 800;
    color: #29265b;
}
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 10px;
    list-style: none;
}
  .footer .logos {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-bottom: 0.5px solid #a7a7a76b;
    padding-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% - 20px);
  }
  .footer .widget-title-holder {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-bottom: 0.5px solid #a7a7a76b;
    padding-bottom: 15px;
    padding-top: 10px;
  }
  .footer .widget-title,
  .footer .widget_block h2 {
    margin-bottom: 0px;
  }
  .footer .menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 0.5px solid #a7a7a76b;
  }

  .footer .menu li {
    width: calc(51% - 10px);
    padding: 8px;
  }
  
  
  #menu-ebienestar {
    padding-bottom: 5px;
    padding-top: 0px;
  }
  #nav_menu-2 .widget-title-holder {
    display: none;
  }

  .contact_info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  #block-10 p,
  #block-11 p {
    text-align: center;
    margin-bottom: 0px !important;
  }

  .footer .social {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 10px !important;
    padding-bottom: 20px !important;
    gap: 40px;
  }
  .footer .social img {
    width: 25px;
    height: 25px;
  }

  .eventos {
    margin: 0px;
  }
.eventos .col-12 {
    flex: 0 0 auto;
    width: 100%;
    margin: 10px 4px;
    margin-bottom: 0px;
}
  .eventos .slider {
    height: inherit !important;
  }
  .eventos .slider .slider-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: stretch;
  }
  .eventos .slider .ev_image {
    display: block !important;
    height: 250px;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin-top: -20px;
  }
  .eventos .slider {
    background-image: none !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 30px);
    margin-left: 15px;
  }
  .eventos .buttons .nav .vid-btn,
  .eventos2 .buttons .nav .vid-btn,
  .video-cat-block .vid-head .vid-btn {
    height: 30px;
    background: #29265b;
    font-size: 12px;
    color: white;
    border-radius: calc(30px / 2);
    font-weight: bold;
    min-width: 34px;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    cursor: pointer;
    text-decoration: none;
    padding: 0px 8px;
    border: none;
    font-size: 10px;
  }
  .eventos .carousel-indicators {
    display: inline-flex;
  }
  .eventos .carousel {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .eventos .slider h1 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    color: #29265b;
    margin: 0px;
    padding: 0px;
    padding: 0 0px;
    margin-top: 10px;
  }
 .eventos2 h1 p{
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    color: #29265b;
    margin: 0px;
    padding: 0px;
    padding: 0 0px;
    margin-top: 10px;
  }
  .eventos .slider h2 {
    font-size: 14px;
    height: inherit;
    /* line-height: 0px; */
    /* margin-top: 0px; */
    /* height: 135px; */
    padding: 15px 7px;
	color: #29265b;
    /* margin: -21px 11px; */
    /* width: calc(100% - 80px); */
    line-height: 0.25;
	font-weight: 800;
  }
  .eventos .slider .slider-subtitle {
    font-size: 14px;
    display: flex;
    text-align: inherit;
    width: 100%;
    color: #29265b;
    margin: 0px;
    padding: 0px;
}
.eventos .slider .slider-text {
    padding: 3px 7px; 
    margin: 0px -3px;
    /* font-size: 100%; */
    /* display: initial; */
    /* text-align: inherit; */
    /* color: #29265b; */
    /* line-height: 1.25; */
    width: 100%;
    font-size: 14px;
    text-align: justify;
    height: inherit;
    padding: 0px 0px;
}
.eventos .slider .slider-interact {
    padding: 0px 10px;
    /* margin: 0px -20px; */
    font-size: inherit;
    display: contents;
    text-align: justify;
    width: calc(100% - 80px);
    /* color: #29265b; */
    /* line-height: 1.25; */
    gap: 10px;
}
.eventos .slider .slider-link {
    color: #009fe3;
    font-weight: 700;
    font-size: 100%;
    text-decoration: none;
    padding: 3%;
}
  .eventos .slider .slider-subtitle img {
    width: 25px;
    height: 25px;
    margin-top: 25px;
  }
  .eventos .slider-interact img{
      display: none;
  }
  .eventos .slider-interact .vbtn{
      margin-top: 10px;
      margin-bottom: 10px;
  }
  .eventos .carousel-control-next,
  .eventos .carousel-control-prev {
    width: 30px;
  }
  .eventos .carousel-control-next img,
  .eventos .carousel-control-prev img {
  }
  .eventos2 {
    margin: -70px 0px;
    margin-bottom: -20px;
  }
  .eventos2 .ev-container {
    margin: 20px 0px;
    width: calc(100% - 30px);
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: stretch;
    margin-top: 0px;
    margin-left: 15px;
  }
  .eventos2 .special-image {
    position: inherit;
    margin-top: 9px;
    z-index: 50;
    user-select: none;
    pointer-events: none;
    right: 0px;
    height: 182px;
    float: initial;
    width: 87%;
    object-fit: cover;
  }
  .eventos2 .ev-container .tab-pane.show {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    padding: 0px 10px;
  }
  .eventos2 .slider {
    /*background-repeat: no-repeat;
    background-position: right center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0px 10px;*/
  }
  .eventos2 .carousel-indicators {
    display: inline-flex;
  }
  .eventos2 .slider .slider-content {
    width: calc(100% - 0px);
  }
	.eventos2 .tab-content {
    width: calc(100% - 20px);
}
  .eventos2 .slider h1 {
/*height: inherit;
    font-size: 24px;
    line-height: 30px;
    margin: -30px;
    font-weight: 800;
    color: #29265b;
    padding: 20px 2px;
    line-height: 1.25;*/
  }
  .eventos2 .slider h2 {
  }
  .eventos2 .slider .slider-link {
    font-size: 11px;
    max-width: 100px;
    word-break: break-all;
  }
  .eventos2 .slider .slider-interact img {
    width: 25px;
    height: 25px;
  }
  .eventos2 .slider .slider-interact {
    gap: 10px;
    padding: 0px 10px;
    font-size: inherit;
    display: contents;
    text-align: justify;
    width: calc(100% - 80px);
  }
  .eventos2 .slider .slider-text {
    width: 100%;
    font-size: 14px;
    text-align: justify;
    height: inherit;
    margin-bottom: 15px;
  }
  .eventos2 .carousel-control-prev {
    margin-left: -42px;
  }
  .eventos2 .carousel-control-next {
    margin-right: -42px;
  }
  .eventos2 .slider .sl-left{
      padding: 0px;
      padding-top: 20px;
      width: 100%;
  }
  .eventos2 .slider .sl-right{
      width: 100%;
  }
  .eventos .slider .sl-left{
      width: 100%;
  }
  .eventos .slider .sl-right{
      width: 100%;
      padding: 20px;
  }
  .eventos .slider-content{
      display: flex;
      flex-direction: column-reverse;
  }
  .footer {
   /*bottom: -45px;*/
	  min-height: 200px;
     height: 561px;
    width: calc(100% + 10px);
    background: #100c35;
    color: white;
    padding: 15px 0px;
    z-index: 32;
    position: relative;
    bottom: -50px;
  }
  .video-cat-block .carousel-indicators {
    display: none;
  }

  .video-cat-block .carousel-control-next {
    margin-right: -25px;
  }
  .video-cat-block .carousel-control-prev {
    margin-left: -25px;
  }

  .single-video > .row {
    padding: 0px !important;
  }
  .e_login .login-block {
    width: 100%;
    margin-left: 0px;
    padding: 6px 0px 10px 25px;
    border-radius: 25px;
    margin-top: -40px;
    margin-left: 0px;
  }
  .post-template-video-single-template .content {
    margin-top: 20px !important;
  }
  .search-results .search .vid-element {
    width: 170px;
    height: 236px;
    margin-bottom: 70px;
  }
  .header .user .avatar {
    width: 30px;
    height: 30px;
  }
  .header .user .dropdown-toggle {
    font-size: 12px;
  }
  .dropdown-toggle::after {
    display: none;
  }
  .video-cat-block .carousel {
    margin-bottom: 45px;
    width: 107%;
    margin-left: -11px;
  }
  #dropdownMenuButton1 span{
      display: none;
  }
  .eventos > .col-12{
      margin-left: 0px !important;
      margin-right: 0px !important;
      padding-left: 0px !important;
      padding-right: 0px !important;
  }
  .eventos .carousel-control-next{
      margin-right: -15px !important;
  }
  .eventos .carousel-control-prev{
      margin-left: -15px !important;
  }
  .eventos .slider-content{
      flex-direction: column-reverse !important;
  }
  
 
}

/*@media screen and (max-width: 420px){
	#wpadminbar {
    display: none;
  }
.main-flexed {
    width: 96% !important;
    padding-top: 75px !important;
}
}*/

@media screen and (max-width: 375px) {
 .post-container .left-post {
  width: 100%;
}
  /* Styles */
  .video-cat-block .vid-element .vid-img {
    /* width: 100px; */
    width: 145px;
    height: 225px;
  }
  .video-cat-block.type-especial .vid-element .vid-img {
    width: 145px;
    height: 225px;
  }
  .video-cat-block .vid-element .vid-title {
    height: 60px;
  }
}

@media screen and (max-width: 420px) {
 .post-container .left-post {
  width: 100%;
}
  /* Styles */
  .video-cat-block .vid-element .vid-img {
    /* width: 100px; */
    width: 145px;
    height: 225px;
  }
  .video-cat-block.type-especial .vid-element .vid-img {
    width: 145px;
    height: 225px;
  }
  .video-cat-block .vid-element .vid-title {
    height: 60px;
  }
}


@media screen and (min-width: 600px) and (max-width: 1024px) {
  /* Styles */
  #dropdownMenuButton1 span{
      display: none !important;
  }
  .eventos .slider .slider-content{
      width: 100%;
  }
  .eventos .carousel-inner{
      width: calc(100% - 30px);
  }
  .eventos .slider{
      background-image: none !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  /* Styles */
}
@media screen and (min-width: 1201px) {
  /* Styles */
}
@media screen and (max-width: 915px) {

}

/*Pruebas*/  
@media (min-width:768px){
  .video-cat-block {
  margin: 10px 0px;
  margin-bottom: 10px;
  margin-bottom: 0px;
}
.video-cat-block .carousel-item {
  width: calc(100%);
  max-width: 980px;
  margin-left: 250px;
    }
}
@media screen and (min-width: 740px) and (max-width: 1366px){
    .video-cat-block .carousel-item {
        width: calc(100%);
        max-width: 980px;
        margin-left: 250px;
    }
}
/*Fin Pruebas*/

@media (max-width: 1199px) and (min-width: 901px) {
    div#n2-ss-2 .n2-ss-slide-limiter{
    max-width: 980px;
    margin-left: 250px !important;
    }
}

@media screen and (max-width: 740p){
    .post-container .left-post {
      width: 100%;
    }
#wpadminbar {
    display: none;
           }
.video-cat-block .carousel {
    margin-bottom: 45px;
    width: 111%;
    margin-left: -11px;
 }
}