body {
    padding-top: 125px;
}

@media (min-width:1024px) {


    main {
        max-width: 1220px;
        margin: 0 auto;
        overflow-x: hidden;
    }

    .top-bar {
        top: 124px;
    }

    .top-bar__container {
        max-width: 1220px;
        margin: 0 auto;
        overflow-x: hidden;
        padding: 0 30px
    }

    .top-bar.networking-chat .top-bar__container {
        padding:0;
        max-width: 40%;
    }
    .navigation-bar {
        display: block;
        padding: 0
    }

    .navigation-bar__menu li:hover {
        background-color: transparent;
    }

    .menu__icon,
    .menu__icon-close {
        display: none
    }

    .icon-twitter img {
        max-width: 16px
    }

    .navigation-bar-container {
        display: grid;
        grid-template-columns: 1fr 0fr 3fr;
        width: 100%;
        align-items: center;
        justify-content: center;
        padding: 40px 32px 12px
    }

        .navigation-bar-container ul {
            display: flex;
            align-items: center;
            justify-content: right;
            gap: 20px;
            overflow-y: initial;
            padding: 0
        }

        .navigation-bar-container li {
            padding: 0
        }

            .navigation-bar-container li a {
                color: #000;
                font-size: unset;
                justify-content: unset
            }


        .navigation-bar-container ul:first-of-type {
            display: flex;
            justify-content: flex-end;
            flex-wrap: wrap;
            row-gap: 0;
        }

    .navigation-bar__menu {
        grid-column: 3;
        background-color: #fff
    }

        .navigation-bar__menu li {
            text-transform: uppercase;
            font-weight: 500;
            background-color: #fff
        }

            .navigation-bar__menu li:hover a {
                color: rgb(31,115,47)
            }



        .navigation-bar__menu a.selected {
            color: rgb(31,115,47)
        }

    .navigation-bar-container a > img {
        width: initial;
        margin: 0 0 0 20px
    }

    .navigation-bar-container ul {
        position: initial;
        padding-top: initial;
        background-color: #fff;
    }

        .navigation-bar-container ul:first-of-type li {
            margin: 0 20px;
            border-bottom: none
        }

        .navigation-bar-container ul li a {
            display: flex;
            align-items: center;
            gap: 5px;
            font-weight: 600;
            font-size: 14px;
            font-family: 'Montserrat'
        }


        .navigation-bar-container ul li span {
            color: #FFF;
            font-family: Roboto Mono;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        .navigation-bar-container ul li.active {
            background-color: rgb(31,115,47);
            border-radius: 25px;
            padding: 8px 20px;
        }

    .navigation__media {
        width: 100%;
        height: 28px;
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #28942D;
        justify-content: flex-end;
        align-items: center;
    }

    .navigation__media-container {
        margin-right: 80px;
        display: flex;
        align-items: center;
        height: inherit;
        border-top: none
    }

    .icon-social {
        color: #fff;
        padding: 0 20px;
        height: 100%;
        border-left: 1px solid #018601;
        display: flex;
        align-items: center;
    }

        .icon-social:last-of-type {
            border-right: 1px solid #018601;
        }

        .icon-social:hover {
            color: #000
        }

        .icon-social span {
            height: 17px
        }

    .icon-twitter img {
        filter: brightness(0) invert(1);
    }

    .icon-twitter:hover img {
        filter: brightness(2) invert(1);
    }

    #menu__list .submenu {
        width: 200px;
    }


        #menu__list .submenu.open {
            top: 77px;
            left: -54px;
        }

    .rounded li {
        background-color: rgb(31,115,47);
        border-radius: 50%;
        padding: 8px;
    }

    /*************************************
	                           CONTENT
    **************************************/

    .main-content {
        padding: 0 32px
    }

    .main-content__title-container {
        max-width: 55%
    }

    .main-content__date {
        font-size: var(--size-big)
    }

    .meetings__days-container,
    .exhibitors__title-container,
    .schedule__days-container {
        font-size: var(--size-bigger);
        border-bottom: 1px solid var(--color-medium);
    }

        .schedule__days-container .btn-all,
        .meetings__days-container .btn-all {
            padding-bottom: 6px
        }

    .exhibitors__title-container,
    .meetings-day--active,
    .program-day--active,
    .schedule-day--active,
    .schedule-content__day--active,
    .meetings-content__day--active,
    .exhibitors__category--active,
    .networking__sections--active {
        padding-bottom: 6px;
    }

        .exhibitors__title-container h2 {
            font-size: var(--size-bigger);
        }

    .btn-general__container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin: 40px 0 100px 0;
        gap: 2%
    }

    .btn-general {
        width: 100%;
        border-radius: 32px;
        padding: 32px 24px;
        align-items: flex-end;
    }

        .btn-general span {
            flex-direction: column;
            align-items: flex-start;
            gap: 40px;
            font-size: var(--size-big)
        }


    /*	.btn-general span img {
		width: 70px
	}*/

    .carousel-container.agenda-carousel,
    .schedule__elements-container {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        justify-content: space-between;
        justify-items: start;
    }

    .schedule,
    .schedule__elements {
        flex: initial;
        padding: 10px 24px 20px 24px;
        width: 95%;
        margin: 0 0 20px;
    }

    /*************************************
	                             LOGIN 
    **************************************/

    .login__container {
        margin-top: 50px
    }

    /*************************************
	                        NETWORKING 
    **************************************/

    .networking-content__container {
        width: 50%
    }

    .list__item-buttons {
        margin: 24px 0 10px
    }

        .list__item-buttons a,
        .btn-meeting {
            width: 49%;
            text-align: center;
        }

    .networking-chat__container {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 40%;
        background-color: var(--color-background);
        margin: 35px 34px 100px;
        border-radius: 10px;
        position: fixed;
        /*height: calc(100% - 165px);*/
        height: calc(100% - 217px);
        justify-self: center;
    }

        .networking-chat__container li {
            padding: 0px 24px 40px;
        }

        .networking-chat__container ul {
            height: calc(100% - 90px);
            /*overflow: scroll;*/
            width: 100%;
            overflow:auto;
        }

    .networking-chat__text-contact,
    .networking-chat__text-user {
        width: 65%;
        margin-top: 40px
    }

    .input__chat-container {
        /*width: 37%;*/
        border: none;
        /*padding: 20px 0;*/
        /*background-color: transparent;*/
        /*margin: 11px 25px 14px;*/
        width: 100%;
        position: relative;
        margin: 0;
        padding: 20px;
    }

    .networking__search-container {
        margin: 32px 0 22px 0;
    }

    #divMeetings .list__item {
        padding: 24px 24px 10px;
    }

    #btnMore {
        margin: 20px 0
    }

    .modal-detail__container{
        max-width:1220px;
        margin:0 auto;
    }
    /*************************************
								AGENDA 
    **************************************/
    .schedule-content, .meetings-content {
        display: flex;
        justify-content: space-around;
        font-family: var(--font-secondary);
        width: 30%;
        margin: 10px 0 0;
    }

    .schedule-content{
        margin-bottom:10px;
    }

    /*************************************
	                          PONENTES 
    **************************************/
    .speakers__container {
        width: 50%;
        justify-self: center;
    }

    .exhibitors__search-container {
        margin-right: 0
    }

    .speakers-detail__container {
        margin-top: 95px
    }

    /*************************************
	                       EXPOSITORES 
    **************************************/

    .exhibitors__container {
        width: 100%;
        max-width: 680px;
        padding: 31px 0;
        margin: 0 auto
    }

        .exhibitors__container .btn-general span {
            gap: 15px
        }

        .exhibitors__container .btn-general {
            align-items: center;
            gap: 5px;
        }

    .exhibitors-detail__container {
        margin-top: 65px;
        padding: 40px 24px;
    }

        /*	.exhibitors-detail__container h2 {
			margin: 20px 0;
			border-bottom: 1px solid var(--color-medium);
			padding-bottom: 16px
		}*/

        .exhibitors-detail__container p {
            line-height: 1.7
        }



        .exhibitors-detail__container div:not(:nth-child(5)) .list__item {
            border: none !important
        }

    /*.exhibitors-detail__identity {
		display: grid;
		justify-items: start;
		justify-content: start;
		grid-template-columns: 1fr 3fr;
		width: fit-content;
		height: fit-content;
		align-content: center;
		align-items: start;
		margin: 0;
		column-gap: 32px;
	}*/

    .exhibitors-detail__logo {
        grid-row: span 2;
    }

    .exhibitors-detail__name {
        /*align-self: end;*/
    }

    .exhibitors-detail__info {
        font-size: 16px;
        display: grid;
        /*		grid-template-columns: 1fr 1fr;*/
        /*align-items: center;*/
    }

    .exhibitors-detail__container h2 {
        border-bottom: none;
        grid-column: span 2
    }

    .exhibitors-detail__info .col1 {
        grid-row: 2;
        grid-column: 1
    }

    .exhibitors-detail__info .col2 {
        grid-row: 2;
        grid-column: 2;
        padding-top: 0
    }

    #informacion .col2 img {
        padding-top: 0
    }

    @media (min-width: 1024px) {
        #docs .exhibitors-detail__list,
        #actividades .exhibitors-detail__list,
        #equipo .exhibitors-detail__list {
            width: 100%;
            display: grid;
            grid-template-columns: 1fr 1fr;
            column-gap: 1em
        }
    }
    /*************************************
	                    NOTIFICACIONES 
    **************************************/
    .alerts__container {
        width: 50%
    }

    /*************************************
								PERFIL 
    **************************************/


    .profile__info-container {
        gap: 24px;
        margin: 80px 0 100px;
        width: 440px;
        justify-content: space-between;
    }

    .profile__container .profile__buttons-container {
        position: absolute;
        top: 285px;
        bottom: unset;
        padding: 0;
        margin: 40px 0 10px;
        /*width: 440px*/
    }

        .profile__container .profile__buttons-container .btn-secondary {
            width: 48%;
            padding: 15px 30px
        }

    .profile__info-container .profile__info {
        margin-right: auto;
    }

    .edit-profile__container {
        display: flex;
        flex-direction: column;
        align-items: center; /* Centra horizontalmente en el eje X */
        text-align: center; /* Opcional, para centrar el contenido de texto */
        max-width: 1024px;
        margin: 0 auto; /* Centra horizontalmente en la página */
    }

        .edit-profile__img-container,
        .edit-profile__fields,
        .edit-profile__field,
        .profile__buttons-container,
        .edit-profile__container form {
            width: 100%;
            max-width: 100%;
        }

    .edit-profile__img-container {
        margin-top: 70px
    }

    .edit-profile__fields {
        margin-bottom: 70px
    }

    .profile__buttons-container {
        width: 100%;
        max-width: 1024px;
    }

    .edit-profile__field label {
        text-align: left;
        margin: 20px 0
    }
    /*************************************
							   MODALES 
    **************************************/
    .modal__container {
        width: 35%;
        max-height: 100%;
        height: 100%;
        right: -100px;
        left: unset;
        position: fixed;
        background-color: var(--color-muted-white);
        color: var(--color-darker);
        transition: right 0.3s ease;
        z-index: 1000;
    }

    .modal__meeting-container {
        max-height: calc(100vh - 176px);
    }

    .meetings-content__container #divMeetings {
        width: 50%
    }

    .modal__buttons-container {
        position: absolute;
        bottom: 0;
        width: 100%
    }

    .modal__filters-container {
        max-height: calc(100vh - 234px);
    }

    /*************************************
							   FOOTER 
    **************************************/

    .footer__up img {
        width: 100%;
    }

    .footer__logos-container {
        gap: 50px;
    }
}


@media(min-width:1200px) {
    .all-exhibitors__container {
        grid-template-columns: repeat(5,1fr);
        padding-right: 0px;
        gap: 30px
    }

    .all-exhibitors__element-container {
        width: 180px;
        height: 180px;
    }

    /*	.btn-general span img {
		width: 90px;
	}*/
    .exhibitors__container {
        max-width: 1024px;
    }
}


.program-detail__title .favorite, .program-detail__title .favorite--active {
    top: 160px;
    right: 90px;
}

@media (max-width: 1024px){
    .networking__elements-container{
        overflow-y: scroll;
    }
}