@media (max-width: 767px) {

    /*MAIN*/
    main{
        overflow-x: hidden !important;
    }
    


    /*HEADER*/
    header{
        width: 100%;
        padding: 10px;
    }
    .main__nav li a{
        font-size: 20px;
        color: #000;
    }
    .main__nav li{
        margin-bottom: 15px;
    }
    .hamburger__menu{
        display: block;
    }
    .search{
        position: absolute;
        top: 24px;
        margin: 0px;
        width: 100%;
        left: 0px;
    }
    .search form {
        position: relative;
        padding: 16px;
        background: var(--lightGreen);
    }
    .search input{
        height: 40px !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
    }
    .search.active .search__close{
        display: none;
    }
    .main__nav{
        display: block !important;
        font-weight: 700;
        text-align: left !important;
        margin: 120px 0 0 0;
    }
    .logo{
        width: 140px;
        height: 80px;
        z-index: 111;
    }
    .search__icon{
        z-index: 1;
        position: absolute;
        right: 16px;
        top: 16px;
        background: green;
        width: 40px;
        height: 40px;
        padding: 12px;
    }
    .nav__search{
        opacity: 0;
        visibility: hidden;
        display: block;
        height: 100vh;
        background-color: #fff;
        width: 100%;
        position: absolute;
        transform: translateX(-150%);
        z-index: 10;
        left: 0px;
        top: 46px;
        padding: 0px;
        transition: all .3s ease-in-out;
    }
    .nav__search.active{
        opacity: 1;
        visibility: visible;
        transform: translateX(0%);  
    }
    .hamburger__menu .line{
        display: block;
        height: 4px;
        width: 100%;
        border-radius: 10px;
        background: #fff;
    }
    .hamburger__menu {
        height: 25px;
        width: 32px;
        z-index: 11;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .hamburger__menu .line1 {
        transform-origin: 0% 0%;
        transition: transform 0.4s ease-in-out;
    } 
    .hamburger__menu .line2 {
        transition: transform 0.2s ease-in-out;
    }
    .hamburger__menu .line3 {
        transform-origin: 0% 100%;
        transition: transform 0.4s ease-in-out;
    }
    .hamburger__menu.active .line1 {
        transform: rotate(45deg);
    } 
    .hamburger__menu.active .line2 {
        transform: scaleY(0);
    } 
    .hamburger__menu.active .line3 {
        transform: rotate(-45deg);
    }



    .practice__page,
    .team__page,
    .single__team,
    .publication__page,
    .events__page,
    .single__event,
    .affiliation__page,
    .contact__page {
        padding-top: 120px !important;
    }

    /*AFFILIATION*/
    .affiliation__page .container .split__box-left{
        position: relative;
        left: auto;
    }
    .affiliation__page .split__box-right {
        margin-top: 0;
    }
    .affiliation__item{
        padding: 12px;
        height: auto !important;
    }
    .affiliation__title{
        font-size: 20px;
    }
    .affiliation__link{
        font-size: 16px;
    }
    .affiliation__img{
        display: flex;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .affiliation__item a{
        text-align: center;
    }
    .logo__layout--affiliation .logo__layout-item{
        width: 100% !important;
        margin: 0;
    } 


    /*HOME*/
    .home__slider h1{
        font-size: 32px;
        width: 100%;
    }
    .split__box-left{
        width: 100%;
        margin-bottom: 32px;
    }
    .split__box .container{
        display: block;
    }
    .split__box-title{
        font-size: 32px;
        margin: 0 0 24px;
    }
    .split__box-right{
        width: 100%;
        padding: 0px;
    }
    .split__box-desc p{
        font-size: 18px;
    }
    .split__box{
        padding: 40px 0px;
    }
    .home__practice .split__box-left {
        padding: 0;
    }
    .home__practice-item {
        margin-bottom: 24px;
    }
    .home__team{
        padding-top: 0px;
    }
    .logo__layout {
        row-gap: 16px;
    }
    .logo__layout-item{
        width: 100% ;
        justify-content: unset;
        text-align: center;
    }
    .logo__layout-item:nth-child(2) .logo__layout-link{

        width: 100% !important;
    }
    .logo__layout-item:nth-child(1) .logo__layout-link{
     
        width: 100% !important;
    }
    .logo__laybig-item a{
        height: auto !important;
        width: 100%;
    }
    .logo__laybig {
        width: 100%;
    }
    .logo__laybig-item{
        padding: 0 4px;
    }
    .logo__laybig-title{
        padding: 8px;
        font-size: 16px;
    }
    .home__news{
        padding: 20px 0px;
    }
    .home__news .logo__layout-item {
        width: 100% !important;
        margin-bottom: 0;
    }
    .home__news .logo__layout-item a{
        width: 100% !important;
        height: auto !important;
    }
    .home__news .logo__layout-item a p{
        height: 35%;
        padding: 16px;
    }
    .home__news .logo__layout-item a img{
        height: 65%;
    }
    .publication__title {
        margin: 0;
    }
    .home__locations .container .split__box-left a{
        font-size: 14px !important; 
       }    
    .home__locations .container .split__box-left{
        width: 100% !important;
    }
    .home__locations .split__box-right{
        width: 100%;
    }
    .home__locations-layout .logo__layout-item{
        width: 100%;
        margin: 0;
    }
    .logo__layout-loc p{
        font-size: 20px;
    }
    .logo__layout-loc span{
        font-size: 14px;
    }
    .home__team .container{
        display: flex;
        flex-direction: column-reverse;
    }
    .home__team .container .split__box-right{
        margin-bottom: 24px;
    }
   
    .home__news .container .split__box-right{
        margin-bottom: 24px;
    }
    .split__dropdown img{
        display: block;
        width: 20px;
        height: 20px;
        transform: rotate(90deg);
    }
    .split__dropdown{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
  
    .split__dropdown.active img{
        transform: translate(-50%, -50%) rotate(0deg);
    }
    .home__locations-layout .logo__layout-loc{
        width: 100% !important;
        height: auto !important;
    }
    .home__locations-layout .logo__layout-item .logo__layout-link{
        height: auto !important;
    }
    .home__locations .conact__map {
        position: relative;
        margin: 24px 0;
    }



    /*ABOUT*/
    .split__box-about .split__box-left{
        margin: 32px 0px 0px 0px !important;
    }

    .split__box-about .container{
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    .about__page .logo__layout-item {
        width: 50%;
    }
    .about__page {
        row-gap: 24px;
    }
    .about__page .split__box-left {
        width: 100% !important;
    }
    .about__page img {
        width: 100% !important;
        height: auto !important;
    }
    .about__page .logo__layout-item .logo__layout-link p{
        font-size: 14px;
      
    }

    .single__page--history {
        margin: 0;
        padding: 40px 0 80px;
    }
    .single__page--history .page__head-title {
        font-size: 32px;
    }
    .single__page--history img {
        width: 100%;
    }
    .single__page--history ul {
        width: 100%;
    }
    .single__page--history ul:after {
        left: 100%;
    }
    .single__page--history ul li {
        left: 0;
        width: 90%;
    }
    .single__page--history ul li:before {
        right: -44px;
    }
    .single__page--history ul li:nth-child(even) {
        left: 0;
        right: auto;
    }
    .single__page--history ul li:nth-child(even):before {
        right: -43px;
        left: auto;
    }
    .single__page--history ul li:nth-child(even):after {
        left: auto;
        right: -13%;
        width: 13%;
    }
   


    /*PRACTICE*/
    .practice__page .split__box-left{
        position: relative;
        width: 100%;
    }
    .practice__page .container .split__box-right .logo__layout .logo__layout-item{
        width: 50% !important;
    }
   
    .practice__page .logo__layout-item p{
        font-size: 16px;
    }
    .practice__page .split__box-right{
        width: 100%;
    }
    .single__practice .split__box-right{
        width: 100%;
    }
    .single__practice .container .split__box-right .practice__item ul li {
        width: 100%;
        padding: 0 20px 0 0;
    }
    .practice__item .logo__layout .team__item {
        width: 100% !important;
    }
    .practice__item .logo__layout .team__item a{
        height: auto;
        width: 100%;
    }
    .practice__item ul li{
        font-size: 14px;
    }
    .home__practice .logo__layout-item {
        width: 50%;
    }
    .home__practice .logo__layout-item .logo__layout-link{
        width: 100% ;
        height: auto !important;
    }
    .single__practice h1 {
        font-size: 32px;
    }






    /*TEAM*/
    .team__page .split__box-left{
        width: 100%;
        position: relative;
    }
    .team__page .split__box-right{
        width: 100%;
    }
    .team__page .split__box-desc {
        width: 100%;
    }
    .team__filter{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
        row-gap: 10px;
        position: relative;
        top: auto;
        left: auto;
    }
    .team__item-info p{
        font-size: 14px;
       }
    .team__filter p{
        width: 100%;
        margin: 0px !important;
    }
    .filters__form form{
        display: block;
    }
    .filters__form label{
        font-size: 16px;
        margin: 0 24px 8px 0px;
    }
    .filter__input-search{
        display: flex;
        align-items: center;
        justify-content: space-between;

    }
    .filter__input-search .filter__input{
        margin: 0px !important;
    }
    .filters__form button{
        font-size: 12px !important;
    }
    .filter__input input{
        height: 30px !important;
        padding: 4px !important;
        font-size: 12px !important;
        width: 160px !important;
    }
    .filters__form .btn{
        padding: 8px 12px !important;
        font-size: 12px !important;
    }
    .clear__filters{
        color: #000 !important;
        margin: 0px !important;
        padding: 0px !important;
    }
    .filters__form-title{
        margin: 0 24px 20px 0;
    }
    .team__item {
        width: 100% !important;
    }
    .team__item .team__link {
        width: 100% !important;
    }
    .team__item--partner a div{
        height: auto !important;
    }



    /*SINGLE-TEAM*/
    .single__team .container .split__box-right{
        width: 100%;
    }
    .single__team .container .split__box-left{
        width: 100%;
    }
    .single__team-title{
        font-size: 40px;
    }
    .single__team-info-title{
        width: 30%;
        padding: 0 0 8px;
    }
    .single__team-info{
        display: block;
    }
    .single__team-info-desc{
        width: 100%;
        padding: 10px 0px;
    }
    .single__team-info-desc p{
        font-size: 14px;
    }
    .single__team-item-desc ul li {
        font-size: 14px;
    }
    .single__team-item .single__team-item-desc p{
        font-size: 14px;
    }
    .single__team-item .logo__laybig .logo__laybig-item a{
        width: 100%;
    }
    .single__team-item .logo__laybig .logo__laybig-item{
        width: 100%;
        margin-bottom: 25px;
    }
    .single__team-item .logo__laybig .logo__laybig-item a p{
        height: 35%;
        padding: 25px 0px;
    }
    .single__team-item .logo__laybig .logo__laybig-item a img{
        height: 65%;
    }


    /*SINGLE__EVENT*/
    .single__event .single-events{
        padding: 0px;
        width: 100% !important;

    }
    .single__event .container .split__box-right{
        width: 100% !important;
    }
    .single-events__title{
        width: 100%;
        flex-direction: column-reverse;
    }
    .single-events__box{
        width: 100%;
        margin-bottom: 50px;
    }
    .single-events__title h1{
        width: 100%;
        left: 0px;
    }
    .events-box{
        font-size: 18px !important;
    }
    .events-box__item .split__box-desc{
        padding: 0px;
    }
    .events-box__item .split__box-desc ol{
        font-size: 18px;
        padding-left: 20px;
    }
    .events-box__item .split__box-desc ul{
        font-size: 18px;
        padding-left: 20px;
    }
    .events-box__item{
        padding: 40px 0px;
    }




    /*PUBLICATION*/
    .publication__items{
        padding: 0px !important;
    }
    .publication__item {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 0;
    }
    .publication__item img{
        height: 60%;
    }
    .publication__item .logo__layout-link .publication__title{
        height: auto;
    }
    .publication__items .split__box-left{
        width: 100%;
        position: relative;
    }
    .publication__items .split__box-left .split__box-title{
        text-align: start;
        margin-bottom: 0px;
        padding: 0px;
    }
    .publication__items .split__box-left .split__box-title:after{
        display: none;
    }
    .publication__items .split__box .container{
        display: block;
    }
    .publication__years{
        width: 100%;
        background-color: #fff;
        left: 0px;
        top: 70px;
        display: flex;
        flex-wrap: wrap;
    }
    .publication__years li a{
        width: 100%;
        padding: 8px 20px;
        margin: 0px !important;
    }
    .publication__years li a span{
        font-size: 12px;
    }
    .publication__years li{
        padding: 0px 8px;
        width: 50%;
    }
    .publication__items .split__box-right{
        width: 100%;
    }
    .publication__title p{
        font-size: 18px;
    }
    .publication__title span{
        font-size: 12px;
    }
    .publication__years{
        display: none;
        position: absolute;
    }
    .publication__years.active #Path_1926{
        transform: rotate(-90deg);
    }
    .publication__years.active{
        display: flex;
        padding: 16px;
        top: 60px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    }
    .archive .container ul {
        flex-wrap: wrap;
        justify-content: unset;
    }
    .archive .container ul li{
        width: 20%;
        text-align: center;
    }
    .publication__items svg path{
        fill: var(--mainColor);
    }
    .publication__years.active .split__dropdown svg{
        transform: rotate(-90deg);
    }

    .view__mode-btns {
        display: none;
    }
    .view__mode-list .publication__title {
        gap: 8px;
    }
    .view__mode-list .publication__title p {
        width: 100%;
    }
   

  
   /*NEWSLETTER*/
    .newsletter{
        padding: 20px;
    }
    .newsletter__section{
        padding: 40px 0px;
    }
    .newsletter__form{
        width: 100%;
        padding: 0px;
    }
    .newsletter h2{
        font-size: 24px;
    }
    .newsletter__desc{
        font-size: 18px;
        width: 100%;
        padding: 0px;
    }
    .form__item--checkbox label{
        font-size: 14px;
    }
    .newsletter__form button{
        width: auto !important;
        font-size: 14px;
    }

    /*CALENDAR*/
    .fc-button-group button{
        font-size: 14px !important;
    }
    .fc-toolbar div:nth-child(3){
        display: flex !important;
        align-items: center !important;
    }
    .fc-toolbar div:nth-child(3) button{
        font-size: 14px !important;
    }



    /*ATTORNEY-ARCHIVE*/
    .attorney__img img{
        height: 100%;
    }
    .attorney__info{
        padding: 8px;
    }
    .attorney__info p{
        font-size: 16px;
    }
    .attorney__card a{
        font-size: 14px;
    }
    .attorney__card{
        display: flex;
        flex-direction: column-reverse;
    }
    div.attorney__img  {order: 2;}
    div.attorney__info  {order: 3;}
    div.attorney__links {order: 1;}

    .archive__header span{
        font-size: 18px;
    }
    .archive__header h1{
        font-size: 28px;
    }



    /*SINGLE PUBLICATION*/
    .single__pub-title h1{
        font-size: 24px;
    }
    .single__author{
        font-size: 18px;
    }
    .single__pub-desc p{
        font-size: 16px;
    }


    
    /*  SEARCH PAGE  */
    .search__page {
        padding: 40px 0;
    }
    .search__page-info form {
        gap: 16px;
    }
    .search__page-input,
    .search__page-select {
        width: 100%;
    }
    .search__page-input label,
    .search__page-select label {
        display: block;
        width: 100%;
    }
    .search__page-input input,
    .search__page-select select {
        width: 100%;
    }

    .affiliation__page .split__box-left {
        width: 100%;
        position: relative;
    }


    .locations__title {
        position: relative;
        top: auto;
        left: auto;
        transform: translateX(0);
    }


    /*FOOTER*/
    footer{
        display: block;
        padding: 24px;
    }
    .footer__logo{
        display: flex;
        margin: 0 auto;
        margin-bottom: 30px;
        width: 150px;
        height: 110px;
    }
    .footer__links{
        padding: 0px;
    }
    .footer__nav{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 14px;
        margin: 0px 0px 28px;
        row-gap: 10px;
    }
    .footer__desc p{
        font-size: 14px;
        margin-bottom: 6px;
    }
    .footer__nav li{
        margin: 0px !important;
    }
    .footer__copyright{
        display: block;
        margin-top: 16px;
    }
    .footer__copytext ul {
        margin: 8px 0px;
        justify-content: space-between;
    }
    .footer__social ul li img{
        width: 30px;
        height: 30px;
    }
    .footer__social{
        margin: 40px 0px; 
    }
    .footer__social ul{
        justify-content: space-around;
    }
    .footer__social ul li{
        margin: 0px;
    }
    .footer__contact-title{
        padding: 12px;
        font-size: 16px;
        margin: 0px 0px 24px;
    }
    .footer__contact span{
        font-size: 16px;
        margin-bottom: 4px;
    }


   
}



@media (min-width: 768px) and (max-width: 1024px) {


    /*MAIN*/
    main{
        overflow-x: hidden !important;
    }
    


    /*HEADER*/
    header{
        width: 100%;
        padding: 30px;
    }
    .main__nav li a{
        font-size: 20px;
        color: #000;
    }
    .main__nav li{
        margin-bottom: 15px;
    }
    .hamburger__menu{
        display: block;
    }
    .search{
        position: absolute;
        top: 20px;
        margin: 0px;
        width: 100%;
        left: 0px;
    }
    .search form {
        position: relative;
        padding: 16px;
        background: var(--lightGreen);
    }
    .search input{
        height: 40px !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
    }
    .search.active .search__close{
        display: none;
    }
    .main__nav{
        display: block !important;
        font-weight: 700;
        text-align: left !important;
        margin: 120px 0 0 0;
    }
    .logo{
        z-index: 111;
    }
    .search__icon{
        z-index: 1;
        position: absolute;
        right: 16px;
        top: 16px;
        background: green;
        width: 40px;
        height: 40px;
        padding: 12px;
    }
    .nav__search{
        opacity: 0;
        visibility: hidden;
        display: block;
        height: 100vh;
        background-color: #fff;
        width: 100%;
        position: absolute;
        transform: translateX(-150%);
        z-index: 10;
        left: 0px;
        top: 80px;
        padding: 0px;
        transition: all .3s ease-in-out;
    }
    .nav__search.active{
        opacity: 1;
        visibility: visible;
        transform: translateX(0%);  
    }
    .hamburger__menu .line{
        display: block;
        height: 4px;
        width: 100%;
        border-radius: 10px;
        background: #fff;
    }
    .hamburger__menu {
        height: 25px;
        width: 32px;
        z-index: 11;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .hamburger__menu .line1 {
        transform-origin: 0% 0%;
        transition: transform 0.4s ease-in-out;
    } 
    .hamburger__menu .line2 {
        transition: transform 0.2s ease-in-out;
    }
    .hamburger__menu .line3 {
        transform-origin: 0% 100%;
        transition: transform 0.4s ease-in-out;
    }
    .hamburger__menu.active .line1 {
        transform: rotate(45deg);
    } 
    .hamburger__menu.active .line2 {
        transform: scaleY(0);
    } 
    .hamburger__menu.active .line3 {
        transform: rotate(-45deg);
    }
    

    .practice__page,
    .team__page,
    .single__team,
    .publication__page,
    .events__page,
    .single__event,
    .affiliation__page,
    .contact__page {
        padding-top: 160px !important;
    }


    /*HOME*/

    .home__slider h1{
        font-size: 42px;
    }
    .split__box-title{
        font-size: 32px;
    }
    .split__box-desc p{
        font-size: 18px;
    }
    .home__practice .container{
        display: block;
    }
    .home__practice .container .split__box-left{
        margin-bottom: 40px;
        width: 100%;
    }
    .home__practice .container .split__box-right{
        width: 100%;
    }
    .home__about .container{
        display: block;
    }
    .home__about .container .split__box-left{
        width: 100%;
        margin-bottom: 40px;
    }
    .home__about .container .split__box-right{
        width: 100%;
    }
    .home__team .container{
        display: flex;
        flex-direction: column-reverse;
    }
    .home__team .container .split__box-right{
        margin-bottom: 40px;
        width: 100%;
    }
    .home__team  .container .split__box-left{
        width: 100%;
    }
    .home__events .container .split__box-left{
        width: 100%;
    }
    .home__news .container{
        display: flex;
    }
    .home__news .container .split__box-left{
        width: 100%;
    }
    .home__news .container .split__box-right{
        margin-bottom: 40px;
        width: 100%;
    }
    .home__publicatios .logo__laybig-item .logo__laybig-link .logo__laybig-title{
        height: 40%;
        font-size: 20px;
    }
    .home__publicatios .logo__laybig-item .logo__laybig-link img{
        height: 60%;
    }
    .home__locations .container{
        display: block;
        
    }
    .home__locations .container .split__box-left{
        width: 100%;
        margin-bottom: 40px;
    }
    .home__locations .container .split__box-right{
        width: 100%;
    }
    .home__locations-layout .logo__layout-item .logo__layout-link .logo__layout-loc p{
        font-size: 20px;
        margin: 0 0 12px;
    }
    .home__locations-layout .logo__layout-item .logo__layout-link .logo__layout-loc span{
        font-size: 14px;
        margin: 0 0 4px;
    }

    .logo__layout-item {
        width: 50% !important;
        margin-bottom: 0;
    }
    .logo__layout-item .logo__layout-link {
        width: 100% !important;
    }

    .newsletter__form {
        width: 100%;
    }

    .home__locations .conact__map {
        position: relative;
        margin: 0 auto;
        display: block;
    }


    /*ABOUT*/

    .about__title:after{
        left: 50%;
        transform: translateX(-50%);
    }
    .about__title{
        text-align: center;
    }
    .about__page .container{
        display: block;
    }
    .about__page img {
        width: 100% !important;
        height: auto !important;
    }
    .about__page .container .split__box-left{
        width: 100%;
        margin-bottom: 40px;
    }
    .about__page .container .split__box-right{
        width: 100%;
    }
    .split__box-about .container{
        display: flex;
        flex-direction: column-reverse;
    }
    .split__box-about .container .split__box-right{
        margin-bottom: 40px;
    }
    .split__box-about .container .split__box-left{
        width: 100%;
        margin-bottom: 0px;
    }
    .about__page .container .split__box-right .about__page{
        row-gap: 35px;
    }

    .single__page--history img {
        width: 100%;
    }



    /*PRACTICE*/
  
    .practice__page .container{
        display: block
    } 
    .practice__page .container .split__box-left{
        position: relative;
        width: 100%;
        margin-bottom: 40px;
    }
    .practice__page .container .split__box-right{
        width: 100%;
    }
    .practice__page .logo__layout-item p{
        margin-bottom: 0px;
    }
    .practice__page .container .split__box-right .logo__layout{
        row-gap: 25px;
    }
    .single__practice h1 {
        font-size: 40px;
    }





    /*TEAM*/
    .team__page .container{
        display: block;
    }
    .team__page .container .split__box-left{
        width: 100%;
        margin-bottom: 40px;
    }
    .team__page .container .split__box-right{
        width: 100%;
    }
    .team__page .split__box-left{
        position: relative;
    }
    .team__page .split__box-desc {
        width: 100%;
    }
    .team__filter p{
        width: 25%;
        margin-bottom: 0;
    }
    .team__filter-item, 
    #team__item--all {
        margin-bottom: 0;
    }
    .team__filter-item.active:before {
        top: -4px;
        left: 50%;
        transform: translateX(-50%);
    }
    .team__filter-item.active:after  {
        bottom: -4px;
        left: 50%;
        right: auto;
        top: auto;
        transform: translateX(-50%);
    }
    .team__filter{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        row-gap: 5px;
        font-size: 14px;
        position: relative;
        top: auto;
        left: auto;
    }
    .team__item {
        width: 33.333% !important;
    }
    .team__link {
        width: 100% !important;
    }




     /*SINGLE__EVENT*/
     .single__event .single-events{
        padding: 0px 42px;
        width: 100% !important;
        margin-bottom: 60px;
    }
    .single__event .single-events ul{
        display: flex;
        justify-content: space-between;
    }
    .single__event .container .split__box-right{
        width: 100% !important;
    }
    .single-events__title{
        width: 100%;

    }
    .single-events__title h1{
        padding-left: 12px;
        left: 0px;
    }
    .events-box{
        font-size: 20px !important;
    }
    .events-box__item .split__box-desc{
        padding: 0px;
    }
    .events-box__item .split__box-desc ol{
        font-size: 20px;
        padding-left: 20px;
    }
    .events-box__item .split__box-desc ul{
        font-size: 20px;
        padding-left: 20px;
    }
    .split__box-desc-panelists p{
        font-size: 20px;
    }
    .events-box__item{
        padding: 40px 0px;
    }

    



    /*PUBLICATIONS*/
    .publication__page .container{
        display: block;
    }
    .publication__page .container .split__box-left{
        width: 100%;
        margin-bottom: 40px;
    }
    .publication__page .container .split__box-right{
        width: 100%;
    }
    .filters__form form{
        display: block;
    }
    .filter__input input{
        width: 350px;
    }
    .clear__filters{
        color: #000 !important;
        margin-left: 70px;
    }
    
    .publication__items .container .split__box-left{
        width: 200px;
        margin-bottom: 40px;
    }
    .publication__items .split__box-right{
        padding: 120px 16px 40px;
        width: calc(100% - 240px);
    }
    .archive__items .split__box-right{
        width: calc(100% - 300px);
        padding: 0px 0px 0px 20px;
    }
    .single__pub-title h1{
        font-size: 30px;
    }
    .single__author p{
        font-size: 20px;
    }
    .split__dropdown h2 {
        font-size: 24px;
    }
    .publication__years{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .publication__years li {
        width: 100%;
    }
    .publication__item{
        width: 50% !important;
        margin: 0;
    }
    .publication__item a{
        height: auto !important;
        width: 100% !important;
    }
    .publication__items .container .split__box-right .logo__layout div:nth-child(1) a{
        width: 100% !important;
    }
    .publication__items .container .split__box-right .logo__layout div:nth-child(2) a{
        width: 100% !important;
    }
    .publication__years li a{
        width: 150px;
    }
    .publication__item .logo__layout-link .publication__title{
        height: auto;
    }
    .publication__item .logo__layout-link .publication__title p{
        font-size: 14px;
    }
    .publication__item .logo__layout-link .publication__title span{
        font-size: 12px;
    }
    .publication__item .logo__layout-link img{
        height: 70%;
    }
    .publication__items .container .split__box-right .logo__layout{
        row-gap: 20px;
    }
    .archive ul{
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 10px;
    }
    .archive ul li{
        padding: 0px;
        width: 12.5%;
    }

    .view__mode-btns {
        display: none;
    }
    .view__mode-list .publication__title {
        gap: 8px;
    }
    .view__mode-list .publication__title p {
        width: 100%;
    }



    /*ATTORNEY*/
    .publication__items .container .split__box-left {
        width: 240px
    }
    .attorney__card {
        margin: 40px 0 0;
    }
    .attorney__img img{
        object-fit: cover;
    }
    .attorney__info {
        font-size: 14px;
    }
    .attorney__info p {
        font-size: 14px;
    }

    /*SINGLE-TEAM*/
    .single__team .container{
        display: block;
    }
    .single__team .container .split__box-left{
        width: 50%;
        margin-bottom: 40px;
    }
    .single__team .container .split__box-right{
        width: 100%;
        padding: 0;
    }
    .single__team .container .split__box-right .single__team-content .single__team-info{
        display: block;
    }
    .single__team-info{
        margin-bottom: 35px;
    }
    .single__team-info-title{
        padding: 0 0 8px;
    }
    .single__team-info-desc{
        width: 100%;
        padding: 25px 0;
    }
    .single__team .container .split__box-right .single__team-title{
        font-size: 32px;
    }
    .single__team-item .logo__laybig .logo__laybig-item a p{
        font-size: 18px;
        padding: 16px;
        height: auto;
    }
    .single__team-item .logo__laybig .logo__laybig-item a img{
        height: 60%;
    }
    
    
    /*CONTACT*/
    .contact__page .container{
        display: block;
    }
    .contact__page .container .split__box-left{
        width: 100%;
        margin-bottom: 40px;
    }
    .contact__page .container .split__box-right{
        width: 100%;
    }
    .conact__map{
        width: 100%;
        height: 400px;
    }


    /*AFFILIATIONS*/
    .affiliation__page .container .split__box-left{
        position: relative;
        width: 100%;
        left: 0;
    }
    .affiliation__page .split__box-right {
        margin-top: 0;
    }
    .affiliation__item{
        padding: 12px;
        height: auto !important;
    }
    .affiliation__title{
        font-size: 20px;
    }
    .affiliation__link{
        font-size: 16px;
    }
    .affiliation__img{
        display: flex;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .affiliation__item a{
        text-align: center;
    }
    .logo__layout--affiliation .logo__layout-item{
        width: 50%;
    }
    .logo__layout--affiliation .logo__layout-item .affiliation__item{
        width: 100%;
    }


    /*SINGLE__EVENTS*/
  

    /*SINGLE__PRACTICE*/
    .single__practice .container{
        display: block;
    }
    .single__practice .container .split__box-left{
        width: 100%;
        margin-bottom: 40px;
    }
    .single__practice .container .split__box-right{
        width: 100%;
    }

    
    .affiliation__page .split__box-left {
        width: 100%;
        position: relative;
    }

    /*FOOTER*/
    .footer{
        justify-content: unset;
    }
    .footer__left{
        width: 60%;
    }
    .footer__right{
        width: 40%;
    }
    .footer__logo{
   
        margin-bottom: 40px;
    }
    .footer__nav{
        display: flex;
        flex-wrap: wrap;
    }
    .footer__links{
        padding: 0px;
    }
    .footer__social{
        position: absolute;
        right: 70px;
    }

    .locations__title {
        position: relative;
        top: auto;
        left: auto;
        transform: translateX(0);
    }


}


@media (min-width: 1025px) and (max-width: 1280px) {



    /*HEADER*/
    .main__nav li a{
        font-size: 16px;
    }
    .split__box-title{
        font-size: 42px;
    }
    .search{
        margin-left: 20px;
    }
    .main__nav li{
        margin-left: 18px;
    }


    .practice__page,
    .team__page,
    .single__team,
    .publication__page,
    .events__page,
    .single__event,
    .affiliation__page,
    .contact__page {
        padding-top: 160px !important;
    }


    /*HOME*/
    .home__locations .container .split__box-left .split__box-desc{
        padding: 16px;

    }
    .home__locations .split__box-desc p{
        font-size: 20px;
    }
    .logo__layout-loc p{
        font-size: 18px;
        margin: 0 0 12px;
    }
    .logo__layout-loc span{
        font-size: 14px;
    }
    .logo__layout-loc{
        padding: 8px;
    }
    .split__box-desc p{
        font-size: 20px;
    }
    .home__news .container .split__box-left .home__publicatios .logo__laybig-item a{
        height: 250px !important;
    }
    .home__news .container .split__box-left .home__publicatios .logo__laybig-item a p{
        height: 40%;
        font-size: 16px;
        padding: 12px;
    }
    .home__news .container .split__box-left .home__publicatios .logo__laybig-item a img{
        height: 60%;
    }



    /*PUBLICATION*/
    .publication__title{
        height: 40%;
    }
    .publication__item a {
      height: 200px !important;
    }
    .publication__title p{
        font-size: 14px;
        padding: 0px 2px;
    }
    .publication__title span {
        font-size: 12px;
        margin-top: 4px;
    }
    .publication__item img{
        height: 60%;
    }
    .archive ul li{
        width: 8.3%;
    }
    .archive ul{
        row-gap: 10px;
        flex-wrap: wrap;
        justify-content: unset;
    }

    .view__mode-list .publication__title span:nth-child(2) {
        min-width: 110px;
    }
    .view__mode-list .publication__title span:last-child {
        min-width: auto;
    }



    /*ABOUT-PAGE*/
    .about__page .container .split__box-right .about__page .logo__layout-item{
        margin-bottom: 40px;
    }
    .about__page .container .split__box-right .about__page .logo__layout-item a p{
        margin: 5px 0px 0px 0px;
    }
    .about__page .container .split__box-right .about__page .logo__layout-item:nth-child(1){
        margin-bottom: 0 !important;
    }

    /*PRACTICE*/
    .practice__page .logo__layout-item p{
        font-size: 16px;
    }
   

    /*SINGLE__EVENTS*/
    .single__event .container .split__box-right{
        width: 80% !important;
    }
    .single__event .single-events{
        width: 20% !important;
    }
    .single-events__box{
        padding: 8px;
    }
    .single-events__title h1{
        left: -50px;
        padding: 0px;
    }

    .affiliation__page .split__box-left {
        width: 100%;
        position: relative;
    }


    /*FOOTER*/
    .footer{
        justify-content: unset;
    }
    .footer__left{
        width: 55%;
    }
    .footer__right{
        width: 45%;
    }
    .footer__logo{
   
        margin-bottom: 40px;
    }
    .footer__nav{
        display: flex;
        flex-wrap: wrap;
    }
    .footer__links{
        padding: 0px;
    }
    .footer__social{
        position: absolute;
        right: 200px;
    }
}
@media (min-width: 1281px) and (max-width: 1440px) {
    .main__nav li a {
        font-size: 16px;
    }

    .practice__page,
    .team__page,
    .single__team,
    .publication__page,
    .events__page,
    .single__event,
    .affiliation__page,
    .contact__page {
        padding-top: 160px !important;
    }

    /*HOME*/
    .split__box-desc p{
        font-size: 20px;
    }
    .logo__laybig-title{
        font-size: 18px;
    }
    .home__slider h1{
        font-size: 50px;
    }

      /*SINGLE__EVENTS*/
      .single__event .container .split__box-right{
        width: 80% !important;
    }
    .single__event .single-events{
        width: 20% !important;
    }
    .single-events__box{
        padding: 8px;
    }
    .single-events__title h1{
        left: -50px;
        padding: 0px;
    }


    
    /*FOOTER*/
    .footer__logo{
        margin-bottom: 10px;
    }
    .footer__links{
        padding-left: 10px;
    }
}