@media only screen and (max-width: 1366px) {
    .headerRight {
        column-gap: 20px;
    }
    .hasMenu img {
        margin-left: 5px;
    }
    .headerSubMenu {
        column-gap: 60px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .headerLogo{
        font-size: 18px;
        max-width: 180px;
    }
    .padding{
        padding-left: 15px;
        padding-right: 15px;
    }
    .natural_pheonmena_all > div {
        width: calc(50% - 15px);
    }
    .phenomena .natural_pheonmena_all .imageEvent {
        height: 400px;
    }
}
@media only screen and (max-width: 1024px) {
    .titleFirstContainer h1 {
        max-width: 100%;
        font-size: 26px;
        text-align: center;
    }
    .titleFirstDescription{
        bottom: 60px;
    }
    .titleFirstDescription.openModal img{
        width: 45px;
        height: 45px;
    }
    .titleFirstDescriptionText {
        line-height: 19px;
        max-width: unset;
    }
    .titleFirstContainer{
        width: 100%;
    }
    .serviceHome{
        width: max-content;
        flex-shrink: 0;
        flex-direction: row;
        column-gap: 10px;
        text-align: left;
        font-size: 16px;
    }
    .serviceHome br{
        display: none;
    }
    #servicesHomeContainer{
        overflow-x: auto;
        column-gap: 20px;
    }
    .serviceHome img{
        width: 26px;
        height: 26px;
        object-fit: contain;
    }
    #projectsContainerHome {
        margin-top: 30px;
    }
    .projectsDepartment .membersDepartmentTitle{
        margin-bottom: 15px;
        font-size: 20px !important;
    }
    .swiperProjects {
        margin-top: 15px;
        margin-bottom: 30px;
    }    
    .ongoingProjectTitle {
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .ongoingProjectDescription * {
        font-size: 16px;
    }
    .ongoingProject img {
        height: 200px;
        object-fit: cover;
    }
    .ongoingProject .tag {
        padding: 5px 12px;
        font-size: 14px;
        border-radius: 2px;
    }
    .ongoingProject > a{
        font-size: 14px;
    }
    .newsTitle {
        font-size: 20px !important;
        margin-bottom: 15px;
    }
    .mostRecentNewsSwiper .swiper-slide img{
        height: 200px;
        width: 100%;
        object-fit: cover;
        border-radius: 2px;
    }
    .mostRecentNewsSwiper .swiper-slide a{
        width: 100%;
    }
    .mostRecentNewsSwiper .swiper-slide{
        row-gap: 12px;
    }
    .recentTextTop{
        width: 100%;
    }
    .recentData {
        font-size: 12px !important;
    }
    .oneRecentTitle {
        font-size: 18px !important;
        line-height: 22px;
        text-align: left;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        overflow: hidden;
    }
    .oneRecentDescritption *{
        font-size: 14px;
        text-align: left;
        line-height: 22px;
    }
    .mostRecentNewsSwiper{
        padding-bottom: 30px;
        margin-bottom: -30px;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: 0px;
    }
    .swiper-pagination-clickable .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
        background: unset;
        border: 1px solid #BFBFBF;
        opacity: 1;
    }
    .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{
        border: 1px solid #09A9E8;
    }
    .textAboutSection{
        max-width: calc(100% - 30px);
        padding: 20px 15px;
        padding-bottom: 14px;
        top: 0px;
    }
    .textAboutSectionTitle * {
        font-size: 18px;
        line-height: 24px;
        -webkit-line-clamp: 3;
    }
    .textAboutSectionDescription * {
        font-size: 16px;
        -webkit-line-clamp: 5;
        margin-bottom: 0px;
    }
    .overlayAndImage{
        width: 100%;
        margin-left: 0px;
    }
    .buttonAbout{
        left: 15px;
        right: 15px;
        width: calc(100% - 30px);
    }
    .activitiesTitle {
        font-size: 20px;
        margin-bottom: 17px;
    }
    #swiper_activities .swiper-slide .activityImage img {
        height: 237px;
    }
    #swiper_activities .swiper-slide {
        height: 350px;
    }
    .activityText {
        font-size: 16px;
        /* height: 150px; */
        height: auto;
        /* padding: 35px 20px; */
        padding: 25px 15px;
        width: calc(100% - 30px);
        left: 15px;
        right: auto;
        font-family: 'Exo2-SemiBold';
        line-height: 19px;
    }
    #swiper_activities{
        padding-bottom: 20px;
    }
    .publicationsHome{
        margin-top: 40px;
    }
    .publicationsAndSymposiaTitle {
        font-size: 20px;
    }
    .symposiumTitle {
        font-size: 18px;
    }
    .dataSymposium{
        color: #929292;
        margin-top: 10px;
        margin-bottom: 12px;
        display: block;
        font-size: 14px;
    }
    .symposiumDescription, .symposiumDescription * {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .lastSymposiaSingle:not(:last-of-type){
        margin-bottom: 30px;
    }
    .publicationsHome .viewAll a {
        width: 100%;
        font-size: 14px;
        height: 50px;
    }
    #ecologicalEducation{
        flex-direction: column;
    }
    .educationLeft {
        max-width: unset;
    }
    .educationLeftTitle * {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .educationLeftDescription * {
        font-size: 16px;
        margin-bottom: 0px;
    }
    #educationSwiper img, #animalsSwiper img {
        height: 400px;
    }
    .overlayAndTextGuide {
        padding-left: 25px;
        padding-bottom: 25px;
        row-gap: 40px;
    }
    .guideTitle {
        font-size: 18px;
    }
    .guideDownload {
        font-size: 9px;
        padding: 12px 18px;
        line-height: 11px;
    }
    .viewAll a, .appointmentMakeButton{
        width: 100%;
        font-size: 14px;
        height: 50px;
    }
    .viewAll{
        width: 100%;
        margin-top: 25px;
    }
    #prognozaSection{
        flex-direction: column;
    }
    .allGraphics{
        flex-direction: column;
        margin-top: 20px;
        row-gap: 20px;
    }
    .titleAndGraphic img{
        max-width: 100%;
    }
    .prognozaRight {
        padding: 25px 15px;
    }
    #educationSwiper .educationImage{
        height: 400px;
    }
    .partnersTitle {
        font-size: 20px;
        text-align: left;
    }
    .imageEvent {
        height: 215px;
    }
    .titleEvent{
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;    
        height: 96px;
        line-height: 19px;
    }
    .titleEvent .eventText{
        font-family: "Exo2-SemiBold";
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        overflow: hidden;
    }
    #partnersSection .partnersTitle{
        text-align: center;
    }
    #swiper_parteneri .swiper-slide img, .allPartners img {
        width: 125px;
        height: 96px;
    }
    #swiper_parteneri .swiper-slide{
        row-gap: 15px;
    }
    #swiper_parteneri{
        padding-bottom: 0px;
    }
    #mapSection {
        margin-bottom: 30px;
    }
    .footerInner{
        flex-direction: column;
        row-gap: 0px;
        margin-top: 15px;
        padding-top: 15px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .menuFooter:first-of-type{
        align-items: center;
        margin-bottom: 25px;
    }
    .linkIndiv {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .menuFooterElements {
        row-gap: 10px;
        padding-left: 20px;
        margin-bottom: 10px;
    }
    .menuFooterElement{
        font-size: 14px;
    }
    .linkIndivContainer{
        display: flex;
        justify-content: space-between;
    }
    .linkIndivContainer img{
        filter: brightness(0);
        -webkit-filter: brightness(0);
    }
    .footerAddress {
        row-gap: 7px;
        align-items: center;
        padding-bottom: 20px;
        border-bottom: 1px solid #0D67AE;
        margin-bottom: 15px;
    }
    .oneAddress > P{
        padding-left: 0px;
        text-align: center;
        margin-bottom: 0px;
    }
    .oneAddress a {
        color: #09A9E8 !important;
    }
    .footerBottom{
        flex-direction: column;
        align-items: center;
        padding-bottom: 40px;
        row-gap: 7px;
    }
    .footerBottom .languageSelector a:not(.active){
        color: #0A0A0A !important;
    }
    .copyrightLeft, .copyrightRight {
        font-size: 12px;
    }
    .halfFirst .titleFirstContainer h1{
        text-align: left;
    }
    .halfFirst .titleFirstDescription {
        bottom: 40px;
    }
    .halfFirst .titleFirstContainer {
        top: auto;
        /* bottom: 115px; */
        bottom: 20px;
    }
    #aboutDescriptions{
        flex-direction: column;
        margin-top: 30px;
        margin-bottom: 35px;
    }
    .aboutDescription{
        width: 100%;
    }
    .aboutDescription * {
        font-size: 16px;
    }
    #historySection{
        margin-top: 35px;
        padding-top: 30px;
        padding-bottom: 25px;
    }
    .titleHistory {
        font-size: 20px;
        padding-bottom: 25px;
    }
    .historyYear {
        font-size: 45px;
    }
    .historyDescription *, .historyDescription {
        font-size: 16px;
    }
    #swiper_history .swiper-slide {
        height: 525px;
        row-gap: 0px;
    }
    .historyImage img {
        height: 210px;
    }
    #swiper_history .historyText{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 0px;
    }
    #swiper_history{
        padding-bottom: 35px;
    }
    /* .historyImage{
        width: 100%;
    } */
    .historyImage {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-end;
    }
    .fixedHeader{
        position: fixed;
        width: 100%;
        background-color: #000C5D !important;
        padding: 15px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .fixedHeader > .headerLogo{
        font-size: 14px;
    }
    .black .headerMenu.fixedHeader > .headerLogo{
        color: white !important;
    }
    .hiddenHeader{
        padding: 0px !important;
    }
    #contactDetails{
        flex-direction: column;
        row-gap: 30px;
        padding-top: 15px;
        padding-bottom: 27px;
    }
    .contactDetail{
        flex-direction: row;
        column-gap: 15px;   
        max-width: unset;
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
        height: auto;
    }
    .contactDetailMobile{
        display: flex;
        flex-direction: column;
    }
    .contactDetailMobile span *{
        margin-bottom: 7px;
        color: #000C5D;
        font-size: 14px;
        font-family: 'Exo2-Medium';   
    }
    .contactDetail img{
        width: 25px;
        height: 25px;
        object-fit: contain;
    }
    #formularContact{
        padding-top: 30px;
    }
    .titluFormular {
        font-size: 20px;
    }
    .formFields input, .formFields textarea {
        width: 100%;
        height: 50px;
        font-size: 14px;
        padding: 20px;
    }
    .formFields input::placeholder, .formFields textarea::placeholder{
        font-size: 14px;
    }
    .politicsContainer input{
        width: 20px;
        height: 20px;
    }
    .politicsContainer label{
        font-size: 14px;
        text-align: left;
        color: #8F8F8F;
    }
    .formFields {
        row-gap: 20px;
    }
    .politicsContainer {
        margin-bottom: 20px;
    }
    .modal .content {
        width: 80%;
    }
    #legalPage{
        flex-direction: column;
        padding-bottom: 10px;
    }
    .legalLeft{
        width: 100%;
        padding: 10px 15px;
        row-gap: 10px;
    }
    .legalRight{
        width: 100%;
        margin-top: 20px;
    }
    .legalPageMobile .legalLeft{
        display: none;
    }
    .legalPageMobile .legalRight{
        margin-top: 20px;
    }
    .legalLeft.opened{
        display: flex;
    }
    #legalPage b {
        font-size: 18px;
    }
    #legalPage p, #legalPage *:not(h1,h2,h3,h4,img,div) {
        font-size: 16px;
        margin-bottom: 15px !important;
        max-width: 100%;
    }
    #legalPage .legalRight *:has(b){
        margin-bottom: 20px;
    }
    #legalPage ul{
        padding-left: 0px;
        margin-bottom: 10px;
    }
    #legalPage li, .careerContainerContent li, .educationTitleContent li{
        /* align-items: baseline; */
        align-items: flex-start;
    }
    .legalRight br{
        display: none;
    }
    .cookieOpen{
        font-size: 18px !important;
        font-family: "Exo2-Medium";
    }
    .filterNewsLeft{
        flex-wrap: wrap;
        width: 100%;
        row-gap: 10px;   
        margin-bottom: 20px;
    }
    .filtersNews .tagName {
        width: calc(50% - 10px);
    }
    .filtersNews{
        flex-direction: column;
    }
    #yearFilter {
        height: 50px;
    }
    .oneNews{
        flex-direction: column;
        row-gap: 15px;
        align-items: flex-start;
        padding: 15px;
    }
    .oneNewRight{
        flex-direction: row-reverse;
        align-items: center;
        column-gap: 10px;
        margin-left: 0px;
        font-size: 14px;
    }
    .oneNewRight img{
        height: 16px;
    }
    .oneNewTitle {
        font-size: 18px !important;
        line-height: 22px;
        margin-bottom: 7px;
        -webkit-line-clamp: 4;
    }
    .oneNewDescription {
        -webkit-line-clamp: 4;
        margin-top: 7px;
    }
    .oneNewDescription *{
        font-size: 16px;
    }
    .filterYear img {
        top: 18px;
    }
    .headerMenu.margin{
        border-bottom: 1px solid #BFBFBF;
        background: transparent;
    }
    .headerMenu.margin.fixedHeader{
        border-bottom: unset;
    }
    .headerMenu.margin{
        padding-left: 0px;
        padding-right: 0px;
    }
    .black .headerLogo {
        color: white !important;
    }
    .black .headerLink {
        color: white !important;
    }
    .black .languageSelector a{
        color: white !important;
    }
    .black .headerMenu > .headerLogo {
        color: #000C5D !important;
    }
    .fakeDivSingleCareer {
        height: 100px;
    }
    .breadcrumb{
        margin-top: 13px;
        font-size: 10px;
        column-gap: 10px;
        row-gap: 5px;
        margin-bottom: 20px;
    }
    .breadcrumb.paddingTriple{
        margin-bottom: 13px;
    }
    .breadcrumb img{
        width: 5px;
    }
    .paddingTriple{
        padding-left: 15px;
        padding-right: 15px;
    }
    .bannerCareer {
        height: 375px;
        margin-bottom: 10px;
    }
    .newsContainerContent h1 {
        font-size: 24px;
        margin-bottom: 20px;
        color: #000C5D;
    }
    .underPicture {
        padding-left: 12px;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .descriptionContent {
        font-size: 16px;
    }
    .newsContentSingle {
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .newsContentSingle > * {
        width: 100%;
        font-size: 16px;
    }
    .imageAndContent{
        row-gap: 10px;
    }
    .imageAndContentDescription {
        font-size: 14px;
    }
    .newsContentSingle:nth-of-type(2n){
        flex-direction: column;
    }
    .videoContent .newsFileContent {
        font-size: 16px;
        margin-top: 0px;
        padding-bottom: 10px;
        margin-bottom: 25px;
        width: 100% !important;
    }
    .imageAndContent iframe {
        height: 250px;
    }
    .swiperGallery img {
        height: 166px;
        object-fit: cover;
    }
    .singleDocumentArticle{
        flex-direction: column;
        align-items: flex-start;
        row-gap: 10px;
        padding: 12px 15px;   
    }
    .documentArticleTitle {
        font-size: 16px;
        -webkit-line-clamp: 2;
    }
    .documentArticleDescription {
        font-size: 14px;
        -webkit-line-clamp: 2;
    }
    .documentsArticleTitle {
        margin-bottom: 18px;
    }
    .dateArticle {
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .bibliographyArticleDescription * {
        font-size: 16px;
        line-height: 24px;
    }
    #legalPage.aboutPage * {
        font-size: 16px;
    }
    .toggleLinksMobile{
        font-size: 18px;
        font-family: 'Exo2-Medium';
        padding: 15px;
        background: #F2F2F2;
        /* padding-bottom: 5px; */
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .toggleLinksMobile img{
        filter: brightness(0);
        -webkit-filter: brightness(0);
    }
    #legalPage .legalLeft ul{
        padding-left: 10px;
    }
    .aboutPage .legalLeft .submenu a{
        font-family: "Exo2-Regular";
        font-size: 14px !important;
    }
    #legalPage li:has(>a){
        align-items: center;
    }
    .filesCategoryTitle {
        font-size: 16px;
        margin-top: 25px;
    }
    .reportsContainer {
        margin-bottom: 30px;
    }
    .careersContainer{
        flex-direction: column;
    }
    .careerSingle {
        width: 100%;
    }
    .careerDate{
        font-size: 14px !important;
    }
    .careerTitle{
        font-size: 18px !important;
    }
    .legalRight .careersContainer{
        row-gap: 35px;
    }
    .careerContainerContent h1 {
        max-width: unset;
        font-size: 24px;
        margin-bottom: 23px;
        color: #000C5D;
    }
    .careerDescription {
        font-size: 16px;
    }
    .resultsFileLeft {
        font-size: 16px;
    }
    .resultsFile{
        flex-direction: column;
        text-align: center;
        row-gap: 7px;
        padding: 10px 25px;
    }
    .careerRequirements li {
        font-size: 16px;
        font-family: 'Exo2-SemiBold';
        align-items: center !important;
    }
    .requirementsTitle {
        font-size: 16px;
        font-family: 'Exo2-Bold';
    }
    .infoCareer {
        padding: 16px 18px;
        font-size: 16px;
        font-family: 'Exo2-SemiBold';
        line-height: 24px;
    }
    .singleFile {
        font-family: 'Exo2-SemiBold';
        font-size: 17px;
    }
    .bibliographiesTitle {
        font-size: 16px;
    }
    .timeContainer {
        font-size: 16px;
    }
    .otherCareersTitle {
        font-size: 20px;
        margin-bottom: 18px;
        color: #0A0A0A;
    }
    .allCareers {
        margin-bottom: 20px;
        padding-bottom: 30px;
    }
    #swiper_careers .swiper-slide{
        row-gap: 15px;
    }
    .specialistsTableHeader{
        display: none;
    }
    .rowSpecialist{
        flex-direction: column;
        padding: 10px 15px;
    }
    .rowSpecialist *{
        width: 100% !important;
    }
    .rowSpecialist > div:nth-of-type(2),
    .rowSpecialist > div:nth-of-type(3){
        font-size: 14px;
        color: #8F8F8F;
    }
    .specialistsTitle{
        margin-bottom: 20px;
    }
    .organizationForm {
        width: calc(50% - 3.5px);
    }
    .organizationImage {
        height: 80px;
    }
    .organizationsContainer {
        column-gap: 7px;
        margin-bottom: 30px;
    }
    .organizationImage img{
        height: 53px;
        width: 45px;
        object-fit: contain;
    }
    .titleOrganization{
        font-size: 14px !important;
        line-height: 18px;
    }
    .organigrama {
        height: 265px;
    }
    .headersOrganigrama{
        display: none;
    }
    .rowOrganigrama{
        flex-direction: column;
        padding: 10px 15px;
    }
    .rowOrganigrama > div:nth-of-type(1),
    .rowOrganigrama > div:nth-of-type(2),
    .rowOrganigrama > div:nth-of-type(3){
        width: 100%;
        text-align: left;
    }
    .organigramaContainer #legalPage .rowOrganigrama > div:first-of-type{
        font-size: 16px;
    }
    .organigramaContainer #legalPage .rowOrganigrama > div:not(:first-of-type){
        font-size: 14px;
        color: #8F8F8F;
    }
    .firstContainer.halfFirst {
        height: 40vh;
    }
    .administrationCouncilTitle {
        font-size: 18px !important;
    }
    .administrationCouncilMembers{
        flex-direction: column;
        row-gap: 20px;
        /* margin-top: 25px; */
        margin-bottom: 25px;
    }
    .administrationCouncilMember:not(.directorCouncilMember) {
        width: 100%;
    }
    .administrationCouncilMember:not(.directorCouncilMember) img {
        display: none;
    }
    .administrationCouncilContainer #legalPage .councilMemberName {
        margin-bottom: 0px;
        font-size: 18px;
    }
    .councilMemberPosition{
        font-size: 14px !important;
    }
    .biggerLink {
        font-size: 16px !important;
    }
    .declaratieDeAvere {
        font-size: 16px !important;
        margin-top: 10px;
    }
    .directorCouncilMembers.administrationCouncilMembers {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 13px;
        row-gap: 30px;
    }
    .administrationCouncilMember.directorCouncilMember {
        width: calc(50% - 6.5px);
    }
    .directorCouncilMember.administrationCouncilMember img {
        height: 188px;
        border-radius: 4px;
    }
    .administrationCouncilContainer #legalPage .directorCouncilMember .councilMemberName{
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .directorCouncilMember .openModalMember {
        margin-top: 5px;
    }
    #modalMember .modal-body {
        padding: 40px 10px;
        flex-direction: column;
        padding-bottom: 15px;
    }
    .modalMemberRight .close {
        top: 7px;
        right: 10px;
    }
    #modalMemberDescription {
        font-size: 14px !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        overflow: hidden;
    }
    #modalMemberName {
        font-size: 20px !important;
        margin-top: 15px;
    }
    #modalMemberPosition {
        font-size: 18px !important;
    }
    #modalMemberCV {
        width: 100%;
        height: 45px;
        font-size: 14px !important;
    }
    #modalMemberPicture {
        max-width: unset;
        height: 45vh;
        object-position: top;
    }
    .modal .content {
        width: calc(100% - 30px);
    }
    .aboutPage .legalLeft .submenu a.active {
        font-family: "Exo2-SemiBold";
    }
    .containerDepartments {
        column-gap: 7px;
        row-gap: 30px;
    }
    .departmentSingle {
        width: calc(50% - 3.5px);
    }
    .departmentImage img {
        height: 45px;
        width: 45px;
    }
    .departmentImage {
        height: 80px;
        margin-bottom: 5px;
    }
    .departmentsContainer #legalPage .departmentText {
        font-size: 14px;
    }
    #legalPage .membersDepartment .membersDepartmentTitle, .projectsDepartment .membersDepartmentTitle {
        font-size: 20px !important;
        margin-bottom: 15px;
    }
    .swiperMembers .directorCouncilMember.administrationCouncilMember img{
        height: 225px;
        object-position: top;   
    }
    .titleDepartmentSingle{
        font-size: 18px !important;
    }
    .contentDepartmentSingle{
        margin-left: 0px;
    }
    #legalPage li::before, .careerContainerContent li::before, .educationTitleContent li::before{
        margin-right: 15px;
        margin-top: 4px;
    }
    .containerDepartmentSingle .contentDepartmentSingle{
        margin-bottom: 30px;
    }
    #projectsContainer {
        padding-left: 15px;
        padding-right: 15px;
    }
    .projectsTitle {
        font-size: 24px;
        margin-bottom: 30px;
        margin-top: 15px;
    }    
    .ongoingProjects{
        flex-direction: column;
        row-gap: 35px;   
    }
    .ongoingProject {
        width: 100%;
    }
    #endedProjectsContainer {
        margin-top: 35px;
    }
    .endedProject {
        padding: 25px 15px;
    }
    .endedTitle {
        font-size: 16px;
    }
    .endedDescription *{
        font-size: 14px;
        -webkit-line-clamp: 4;
        line-clamp: 4;
    }
    .responsabilitiesContainer #legalPage.aboutPage * {
        font-size: 16px;
    }
    .focalPointsContainer #legalPage.aboutPage *, .cnroContainer #legalPage.aboutPage *, .cnzcContainer #legalPage.aboutPage * {
        font-size: 16px;
    }
    .focalPointsContainer #legalPage li:nth-of-type(2n):before{
        display: none;
    }
    .focalPointsContainer #legalPage.aboutPage li:nth-of-type(2n){
        display: block;
        padding-left: 25px;
    }
    .focalPointsContainer #legalPage.aboutPage li:nth-of-type(2n) a{
        display: inline-block;
    }
    .cnzcContainer table td:nth-of-type(2){
        display: none;
    }
    .cnzcContainer table {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .cnzcContainer td {
        padding: 12px 15px;
    }
    .cnzcFiles{
        margin-top: 40px;
    }
    .rowCnzc * {
        font-size: 16px !important;
    }
    .rowCnzc img{
        width: 20px;
        height: 20px;
    }
    .budgetSingle {
        width: calc(50% - 3.5px);
    }
    .allBudgets {
        column-gap: 7px;
    }
    .containerImageBudget img{
        width: 45px;
        height: 45px;
        object-fit: contain;
    }
    .containerImageBudget {
        height: 80px;
    }
    #legalPage.aboutPage .titleBudget {
        font-size: 14px;
    }
    .activitiesText {
        margin-top: 25px;
        margin-bottom: 30px;
        font-size: 16px;
    }
    .servicesContainer .organizationForm {
        width: calc(50% - 3.5px);
    }
    #legalPage .legalRight a.environmentalSingle {
        font-size: 16px;
    }
    .download img{
        width: 20px;
        height: 20px;
    }
    .environmentalSingle {
        padding: 10px 15px;
        column-gap: 20px;
        align-items: center;
    }
    #legalPage.aboutPage .scrollingArea * {
        font-size: 12px;
    }
    #legalPage .legalRight *:has(b).scrollingArea{
        margin-bottom: 0px;
    }
    #legalPage .legalRight .scrollingArea *:has(b) {
        margin-bottom: 4px;
    }
    .forecastDivs {
        height: 100%;
    }
    #legalPage.aboutPage .datesInterval {
        font-size: 16px;
    }
    .forecast-container{
        padding: 15px;
    }
    .forecastDivs .forecast-images{
        flex-wrap: wrap;
        margin-top: 15px;
        row-gap: 15px;
    }
    .graphicData{
        width: calc(50% - 12.5px);
    }
    #legalPage.aboutPage .trainingCentersContent * {
        font-size: 16px;
    }
    .trainingCentersTitle {
        font-size: 20px !important;
        margin-bottom: 17px;
        margin-top: 20px;
        line-height: 24px;
    }
    .educationContainer #ecologicalEducation{
        row-gap: 35px;
        margin-top: 35px;
        margin-bottom: 30px;
    }
    .educationContainer .educationLeft .viewAll{
        margin-top: 25px;
    }
    .animalSubtitle {
        font-size: 14px;
        font-family: 'Exo2-Italic';
        margin-top: 2px;
    }
    #animalsSwiper .educationImage{
        height: 520px;
    } 
    #animalsSwiper .educationImage img{
        height: 100%;
    }
    #animalsSwiper{
        padding-bottom: 35px;
    }
    .educationTitleContent h3 {
        font-size: 16px;
    }
    .whatIsEducationContent * {
        font-size: 16px;
    }
    .educationTitleContent{
        margin-bottom: 30px;
    }
    .appointmentDescription {
        font-size: 16px;
    }
    .appointmentTitle.activitiesTitle {
        margin-bottom: 8px;
    }
    .formAndCalendar{
        flex-direction: column-reverse;
    }
    .formAndCalendar form {
        width: 100%;
        gap: 10px;
    }
    .calendarContainer{
        width: 100%;
    }
    .input-wrap:has(input) {
        width: 100%;
    }
    .input-wrap *, .input-wrap *::placeholder {
        font-size: 14px;
    }
    .input-wrap *:not(label, input[type="checkbox"], a) {
        min-height: 50px;
        padding: 10px 20px;
    }
    .formAndCalendar {
        margin-top: 20px;
        margin-bottom: 30px;
        row-gap: 20px;
    }
    .input-wrap:has(input[type="checkbox"]) label {
        font-size: 14px;
    }
    .flatpickr-day {
        height: 50px;
        line-height: 50px;
        border-radius: 4px;
    }
    .flatpickr-innerContainer {
        padding: 10px;
    }
    .timeSlot {
        width: calc(19.66% - 13px);
        height: 30px;
        font-size: 14px;
    }
    .containerOre {
        padding: 15px;
        gap: 4px;
        font-size: 14px;
    }
    #majorActivitiesSection{
        padding-top: 30px;
    }
    #educationAndForming{
        flex-direction: column;
        row-gap: 25px;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .educationContainer #educationAndForming img {
        max-width: unset;
        height: 130px;
        border-radius: 4px;
    }
    #educationAndForming .viewAll{
        margin-top: 0px;
    }
    .educationContainer .firstContainer {
        margin-bottom: 20px;
    }
    .guideLink img{
        width: 20px;
        height: 20px;
        object-fit: contain;
    }
    .oneAnimal {
        width: 100%;
    }
    .oneAnimal img{
        width: 100%;
        object-fit: cover;
        height: 200px !important;
        border-radius: 4px;
    }
    .oneAnimal .overlayAndTextGuide{
        row-gap: 30px;
        padding-bottom: 35px;
        border-radius: 4px;
    }
    .marineAnimals{
        row-gap: 15px;
    }
    .educationContainer #ecologicalEducation:has(.marineAnimals){
        margin-bottom: 20px;
    }
    .marineAnimalContainer .titleFirstContainer h1{
        text-align: left;
    }
    .marineAnimalContainer h2 {
        font-size: 26px;
    }
    .marineAnimalBoxes{
        flex-direction: column;
        row-gap: 10px;
    }
    .boxTopMobile{
        display: flex;
        align-items: center;
        column-gap: 15px;
    }
    .boxTopMobile img{
        width: 30px;
        height: 30px;
        object-fit: contain;   
    }
    #marineAnimalContent .oneAnimalBoxTitle {
        font-size: 14px;
    }
    .oneAnimalBoxDescription *{
        margin-bottom: 0px !important;
    }
    .marineAnimalImage {
        height: 270px;
        border-radius: 4px;
        margin-top: 20px;
        object-fit: cover;
    }
    .publicationsContainer #legalPage.aboutPage .legalRight b {
        font-size: 16px;
        line-height: 19px;
    }
    .publicationsContainer .legalRight img{
        width: 100% !important;
        margin-left: 0px;
        margin-bottom: 30px !important;
    }
    .publicationsContainer #legalPage.aboutPage * {
        font-size: 16px;
    }
    .publicationsContainer #publicationsAndSymposia{
        margin-top: 30px;
    }
    .symposiaContainer .symposiumRight {
        padding: 15px;
    }
    .publicationsContainer .legalRight img{
        width: 15px !important;
    }
    .publicationsContainer.symposiaContainer #legalPage.aboutPage .symposiumTitleAndShow {
        align-items: center;
        margin-bottom: 10px;
    }
    #workshopsContainer .workshopSingle .workshopTitle {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .workshopGallery{
        flex-wrap: nowrap;
        overflow: auto;
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .workshopGallery img {
        width: 85%;
    }
    .manualSingle {
        padding: 15px;
        justify-content: space-between;
        column-gap: 15px;
    }
    #legalPage.aboutPage .manualTitle {
        font-size: 16px;
    }
    .containerTitleAnpa {
        font-size: 24px !important;
    }
    .allPartners {
        column-gap: 25px;
        row-gap: 20px;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .allPartners .singlePartner {
        width: calc(50% - 12.5px);
        row-gap: 10px;
        text-align: center;
        font-size: 14px;
        font-family: 'Exo2-SemiBold';
        line-height: 17px;
    }
    #partnersSection .partnersTitle{
        display: none;
    }
    #partnersSection {
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .headerRight{
        display: none;
    }
    .mostRecentNews:has(>.mostRecentLeft){
        flex-direction: column;
    }
    #formularContact button{
        width: 100%;
    }
    .headerLogo img {
        height: 35px;
    }
    .imageAndTitle{
        flex-direction: column;
        row-gap: 10px;
        align-items: flex-start;
    }
    .bannerCareer {
        max-width: 100%;
        height: auto !important;
    }
    .imageAndTitle h1 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .headerActions{
        display: none;
    }
    .menuOpen{
        display: block !important;
    }
    .homeContainer .firstContainer video {
        object-fit: contain;
        object-position: top;
        height: auto;
    }
    .firstContainer {
        height: auto;
    }
    .eventsPage .eventSingle{
        width: 100%;
        margin-bottom: 0px;
    }
    .publicationsHome .viewAll a, #eventsSection .viewAll a{
        width: 100%;
    }
    .desktop-hidden{
        display: flex;
    }
    #legalPage li a, #legalPage li ul, #legalPage li ul li{
        margin-bottom: 0px !important;
    }
    .four_zero_four_bg {
        height: 300px !important;
        background-size: contain;
    }
    .four_zero_four_bg h1{
        font-size: 60px !important;
    }
    .contant_box_404 h3{
        font-size: 20px !important;
    }
    .contant_box_404 p{
        font-size: 14px !important;
    }
    .page_404 {
        padding: 0px !important;
    }
    .educationContainer #educationPurpose{
        margin-top: 30px;
    }
    .bannerCareer.phenomen {
        max-width: 100%;
    }
    div:has(>table){
        overflow: auto !important;
    }
}
@media only screen and (max-width: 768px) {
    .natural_pheonmena_all > div {
        width: 100%;
    }
    .phenomena .natural_pheonmena_all .imageEvent {
        height: auto;
    }
    .phenomena .imageEvent {
        height: 250px;
    }
}
@media only screen and (max-width: 540px) {

}