/*Reset css*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    font-size:62.5%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
 text-decoration: none;
}
* {
	box-sizing: border-box;
	outline: 0;
}

/*VARIABLES*/
:root {
    --white: #ffffff; 
    --black: #000000;
    --med-gray: #F2F2F2;
    --med-num: #1F1235;
    --font-med-pink: #FF6E6C;
    --font-med-dark: #393939;
    --border-gray: #EEEEEE;
    --font-blue-btn: #0090DF;
    --font-menu: #010101;
    --footer-gray: #A5A5A5;
    --font-gray: #3A3A3A;
    --breadcrumbs: #B8B7B8;
    
    --font-primary: 'Rubik', sans-serif;
    --font-secondary: 'Poppins', sans-serif;    
}
body {
    font: normal 16px var(--font-primary);
}
strong{
 font-weight: 700;
}
em{
 font-style: italic;
}
.link__btn__custom:hover{
 color: var(--white);
}
.global--position{
 display: flex;
 justify-content: flex-end;
 margin: 1rem 3% 0 0;
}
.hr__line{
 border: 1px solid var(border-gray);
}
.text-bold{
 font-weight: 700;
}
.nav-link{
 cursor: pointer;
}
.blue-pointer{
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #0090DF;
  border-right: 10px solid #0000;
  margin-left: -20px;
  margin-top: -20px;
}
.visableNow{display: block;}

/*NAVBAR*/
.logo-img{
    max-width: 160px; height: auto
}
.navbar_font > *{
    font-family: var(--font-primary);
    font: normal normal normal 20px/23px Rubik;
    color: var(--black);
}
.dropdown--padding{
 text-align: center;
padding: 40px 18px 0 18px;
}
.dropdown--padding .dropdown-item{
 padding-bottom: 34px;
}
.dropdown--padding .dropdown-item:last-of-type{
 padding-bottom: 25px;
}
/*HERO SECTION*/
.hero__section{
 max-width: 1530px;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.hero__text__padding{
 padding-top: 5.9em;
 padding-bottom: 8.7em;
}
.hero__section__asidemenu{
 max-width: 285px;
 width: 100%;
}
.hero__img{ 
 background-image: url('../gfx/main/hero.jpg');
 width: 100%;
 color: var(--white);
 line-height: 74px;
 background-position: center;
 background-size: cover;
}
.hero__wrapper{
 width: 100%;
 max-width: 1218px;
}
.hero__title{
 font-family: var(--font-primary);
}
.hero__subtitle{
 font-family: var(--font-primary);
 letter-spacing: 0px;
 color: var(--white);
 font-weight: 400;
 line-height: 38px;
}
.hero__subtitle--padding{
 padding-top: .5em;
 padding-bottom: 1.4em;
}
.btn-custom--light{
 background-color: var(--white);
 opacity: 0.57;
 border-radius: 3px;
 padding: 1em 1.6em;
 font-family: var(--font-primary);
 font-size: 1.25rem;
 font-weight: 700;
 line-height: 36px;
 color: var(--black);
}
 .btn-custom--light:hover{
  background-color: var(--white);
  opacity: 1;
  color: var(--black);
  transition: .3s;
 }
.nav-link:focus, .nav-link:hover {
  color: var(--font-blue-btn);
}
.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
  color: var(--font-blue-btn);
}

/*ASIDE MENU*/
.asidemenu__title{
 text-align: center;
 padding: 13px 0;
 background-color: var(--font-blue-btn);
 color: var(--white);
 font-family: var(--font-primary);
 font-size: 1.25rem;
 text-transform: uppercase;
}
.asidemenu__wrapper{
	height: 90%;
}
.sidemenu{
 padding-top: 55px;
 padding-left: 45px;
}
.sidemenu a{
 padding: 0;
}
.arrow--blue:hover::before{
 content: "";
 width: 0;
 height: 0;
 border-top: 10px solid #0090DF;
 border-right: 10px solid #0000;
 margin-left: -10px;
 position: absolute;
 margin-top: -15px;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: var(--font-blue-btn);
  background-color: white;
}
.sidemenu .nav-item{
 padding-bottom: 2rem;
}
.sidemenu .nav-item:last-of-type{
 margin-bottom: 1.7rem;
}
.sidemenu li a{
 font-size: 1rem;
 color: var(--font-menu);
 font-family: var(--font-primary);
 font-weight: 400;
}
.nav-item--margin{
 margin-bottom: 72px;
}
/*ARTICLES*/
.articles__wrapper{
 display: flex;
/* justify-content: space-between;*/
/* flex-wrap: wrap;*/
 max-width: 1530px;
 margin: 0 auto;
 padding-left: 23px;
}
.banner__aside{
 max-width: 285px;
 width: 100%;
}
.more__btn__publications{
 color: var(--black);
 font-family: var(--font-primary);
 font-size: 15px;
 font-weight: 500;
 margin: 1rem 20px 1rem 0;
 cursor: pointer;
}
.articles__second--hidden{
 visibility: hidden;
 height: 0;
 transition: height 1s;
}
.articles__list {
 width: 100%;
 max-width: 1218px;
 display: grid;
 grid-auto-flow: dense;
 grid-template-columns: repeat(auto-fit, minmax(388px, 1fr)); 
 grid-template-rows: repeat(2, 1fr); 
/*
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
*/
  gap: 19px 27px; 
  grid-template-areas: 
    "art1 art2 art-vert"
    "art3 art4 art-vert"; 
}
.art1 { grid-area: art1; }
.art2 { grid-area: art2; }
.art-vert { grid-area: art-vert; }
.art3 { grid-area: art3; }
.art4 { grid-area: art4; }

.art__hor{
 border: 1px solid var(--border-gray);
 border-radius: 5px;
 max-width: 388px;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 cursor: pointer;
}
/*
*/
.art__hor:hover .card__btn, .art-vert:hover .card__btn{
 background-color: var(--font-blue-btn);
 opacity: .7;
 transition: .3s;
}
/*
.art__hor:hover .card__btn::after, .art__hor:hover .card__btn::before, .art-vert:hover .card__btn::after, .art-vert:hover .card__btn::before{
 background-color: var(--font-blue-btn);
}
*/
/*
.art__hor:hover .card__category_div, .art__vert:hover .card__category_div{
 opacity: 1;
}
*/
.art__hor img{
 max-width: 364px;
 width: 100%;
 height: auto;
 display: block;
 transition: transform .4s;
}
.img__zoom{
  display: inline-block;
  border-radius: 5px;
  overflow: hidden;
  margin: 12px;
}
.art__hor:hover img{
  transform: scale(1.1);
  transform-origin: 50% 50%;
}
.art-vert {
 border: 1px solid var(--border-gray);
 border-radius: 5px;
 max-width: 388px;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 cursor: pointer;
}
.art-vert img{
 max-width: 364px;
 width: 100%;
 height: auto;
 display: block;
 transition: transform .4s;
}
.img__zoom__vert{
 display: inline-block;
 border-radius: 5px;
 overflow: hidden;
 margin: 12px;
}
.art-vert:hover img{
 transform: scale(1.1);
 transform-origin: 50% 50%;
}
.card__title{
 font-family: var(--font-primary);
 font-weight: 700;
 font-size: 1.25rem; 
 padding: 0 0 12px 12px;
 letter-spacing: 0px;
 line-height: 26px;
}
.card__subtitle{
 font-family: var(--font-primary);
 font-weight: 400;
 font-size: 0.938rem;
 padding: 0 0 12px 12px;
 letter-spacing: 0px;
 line-height: 19px;
}
.vert-title{
 font-family: var(--font-primary);
 font-weight: 700;
 font-size: 1.25rem;
 padding: 7px 0 12px 12px;
 line-height: 26px;
}
.vert-subtitle{
 font-family: var(--font-primary);
 font-weight: 400;
 font-size: 0.938rem;
 padding: 0 0 12px 12px;
 letter-spacing: 0px;
 line-height: 19px;
}
.card__bottom{
 display: flex;
 justify-content: space-between;
 height: 34px;
 align-items: center;
}
.card__bottom--position{
 position: relative;
}
.card__category_div{
 font-family: var(--font-primary);
 font-weight: 400;
 font-size: 0.938rem;
 padding: 0 0 0 12px;
 color: var(--font-blue-btn);
 letter-spacing: 0px;
 opacity: .7;
}
.card__btn {
  border-radius: 5px;
  width: 38px;
  height: 34px;
  background-color: var(--border-gray);
  position: absolute;
  cursor: pointer;
  align-self: flex-end;
  bottom: 11px;
  right: 8px;
}
.card__btn::after {
  content: " ";
  position: absolute;
  display: block;
  background-color: #000;
  height: 2px;
  margin-top: -1px;
  top: 17px;
  left: 14px;
  right: 14px;
  z-index: 9;
}
.card__btn::before {
  content: " ";
  position: absolute;
  display: block;
  background-color: #000;
  width: 2px;
  margin-left: -1px;
  left: 19px;
  top: 12px;
  bottom: 12px;
  z-index: 9;
}
.card__btn__sponsors {
  border-radius: 5px;
  width: 38px;
  height: 34px;
  background-color: var(--border-gray);
  position: absolute;
  cursor: pointer;
  align-self: flex-end;
  bottom: 11px;
  right: 8px;
}
.card__btn__sponsors::after {
  content: " ";
  position: absolute;
  display: block;
  background-color: #000;
  height: 2px;
  margin-top: -1px;
  top: 17px;
  left: 14px;
  right: 14px;
  z-index: 9;
}
.card__btn__sponsors::before {
  content: " ";
  position: absolute;
  display: block;
  background-color: #000;
  width: 2px;
  margin-left: -1px;
  left: 19px;
  top: 12px;
  bottom: 12px;
  z-index: 9;
}
.sponsor__link{
 font-family: var(--font-primary);
 font-weight: 600;
 font-size: 1.875rem;
 color: rgba(0, 0, 0, 0.65);
 text-align: center;
 transition: .3s;
}
.sponsor__link:hover{
 color: var(--font-blue-btn);
}
.effect--filter{
	filter: grayscale(100%);
	cursor: pointer;
}
.effect--filter:hover{
	filter: grayscale(0);
	transition: .4s;
}
/*MEDMEETING*/
.global_container{
  max-width: 1530px;
 margin: 0 auto;
}
.title__divider{
 font-family: var(--font-primary);
 font-weight: 600;
 font-size: 1.875rem;
 color: var(--black);
 position: relative; 
 padding-left: 20px;
 margin-top: 3.6rem;
}
.title__divider::after{
 content: "";
 border-bottom: 2px solid var(--border-gray);
 width: 100%;
 display: block;
 padding-top: 1.34rem;
}
.title__divider::before{
 content: "";
 border-bottom: 2px solid var(--font-blue-btn);
 width: 284px;
 display: block;
 position: absolute;
 bottom: 0;
 left: 0;
}
.medmeeting__info{
 display: flex;
 justify-content: space-around;
 margin-top: 80px;
 margin-bottom: 60px;
 flex-wrap: wrap;
}
.medmeeting__img{
 display: flex;
 gap: 1.875rem;
 justify-content: space-between;
}
.medmeeting__img img{
 max-width: 286px;
 height: auto;
 width: calc(50% - 10px);
 border-radius: 5px;
}
.medmeeting__img--single{
	max-width: 600px;
	height: auto;
	width: calc(100% - 10px);
	border-radius: 5px;
}
.single__img{
	font-size: 12px;
	color: var(--font-gray);
}
.med1__img{
 align-self: flex-start;
}
.med2__img{
 align-self: flex-end;
}
.med3__img{
 width: 100%;
border-radius: 5px;
}
.medmeeting__title{
 color: var(--font-gray);
 font: normal normal bold 30px/36px var(--font-primary);
 letter-spacing: 0;
 padding-bottom: 40px;
 padding-top: 30px;
}
.medmeeting_par{
 padding-bottom: 40px;
 font: normal normal normal 20px/30px var(--font-primary);
 letter-spacing: 0px;
 color: #000000;
}
.btn__med{
 background-color: var(--font-blue-btn);
 border: 1px solid var(--white);
 color: var(--white);
 font: normal normal bold 20px/36px var(--font-primary);
 letter-spacing: 0px;
 padding: 13px 72px;
 opacity: .6;
}
.btn__med:hover{
  background-color: var(--font-blue-btn);
  opacity: 1;
  color: var(--white);
  transition: .3s;
}
/*MEDMEETING BANNER*/
.med__banner__header{
 background-color: var(--med-num);
 display: flex; 
 padding: 40px 0;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
}
.med__banner__wrapper{
 background-color: var(--med-gray); 
 padding-bottom: 26px;
}
.banner__header__img{
 max-width: 472px;
 width: 100%;
}
.banner__header__title{
 padding: 0;
 margin: 0;
 color: var(--font-med-pink);
 font: normal normal 300 44px/63px var(--font-primary);
 letter-spacing: 0px;
}
.banner__header__title span{
 font-weight: 700;
}
.med__numbers{
 width: 100%;
 display: flex;
 justify-content: space-around;
 flex-wrap: wrap;
 margin-top: 30px;
 background-color: var(--med-gray);
}
.med__single__num__wrapper{
 width: 20%;
 min-width: 300px;
 text-align: center;
}
.banner__num{
 font: normal normal bold 85px/100px var(--font-primary);
 letter-spacing: 0px;
 color: var(--med-num);
}
.banner__num_lid{
 font: normal normal bold 24px/28px var(--font-primary);
 letter-spacing: 0px;
 color: var(--font-med-pink);
}
.banner__num__text{
 font: normal normal bold 16px/19px var(--font-primary);
 letter-spacing: 0px;
 color: var(--font-med-dark);
}
.med__link{
 color: var(--font-med-pink);
 font-size: 15px;
 font-family: var(--font-primary);
 letter-spacing: 0px;
 margin-top: 30px;
 text-align: right;
 padding-right: 1.2rem;
 font-weight: 500;
}
.med__link a{
 text-decoration: none;
 color: var(--font-med-pink);
 opacity: .7;
}
.med__link a:hover{
 opacity: 1;
}

/*EXPERTS*/
.experts__info--align{
 align-items: center;
}
.experts__holder{
 border: 1px var(--border-gray) solid;
 padding: 9px 9px 9px 30px;
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 flex-wrap: wrap;
 flex-direction: column;
 position: relative;
}
.experts__holder:hover .card__btn{
 background-color: #0090DF4A;
 transition: .3s;
}
.expert__name{
 font-weight: 400;
 font-size: 16px;
 line-height: 23px;
 color: var(--font-gray);
 font-family: var(--font-primary);
}
.sub__expert__info{
 font-family: var(--font-primary);
 font-size: 12px;
 font-weight: 400;
 color: var(--font-gray);
 padding-bottom: .3rem;
}
/*
.expert__img--align{
 height: 480px; 
}
*/
.hidden_val{
 visibility: hidden;
 max-height: 0;
 padding: 0;
}
.sponsors{
 padding: 60px 4.5rem 70px 4.5rem;
 display: flex;
 justify-content: space-around;
 align-items: center;
 flex-wrap: wrap;
 gap: 1rem;
}
.sponsors img, .sponsors__wrapper_box img{
 filter: grayscale(100%);
 cursor: pointer;
}
.sponsors img:hover, .sponsors__wrapper_box:hover img{
 filter: grayscale(0);
 transition: .4s;
}
.sponsors__section{
 display: flex;
 flex-wrap: wrap;
 gap: 2.3rem;
}
.sponsors--width{
 max-width: 817px;
 margin: 0 auto;
}
.sponsors__wrapper_box{
 min-width: 388px;
 min-height: 345px;
 display: flex;
 justify-content: center;
 align-items: center;
 border: 1px solid #EEE;
 border-radius: 15px;
 position: relative;
}
.card__btn__sponsors--position{
 bottom: 0;
 right: 0;
}

.sponsors__wrapper_box:hover .card__btn__sponsors--position{
 background-color: var(--font-blue-btn);
 opacity: .7;
 transition: .3s;
}
.boehringer-ingelheim{
 max-width: 210px;
 width: 100%;
 height: auto;
}
.chiesi{
 max-width: 191px;
 width: 100%;
 height: auto;
}
.gedeon-richter{
 max-width: 333px;
 width: 100%;
 height: auto;
}
.novartis{
 max-width: 312px;
 width: 100%;
 height: auto;
}
/*
#show__experts:hover::before, #show__experts:hover::after {
 background-color: var(--font-blue-btn);
}
*/
/*FOOTER*/
.footer__wrappper{
 background-color: rgba(165, 165, 165, .15);
 padding: 45px 0;
}
.footer__img--size{
 max-width: 160px;
 width: 100%;
 height: auto;
 display: block;
 margin: 0 auto;
}
.links__list{
 display: flex;
 justify-content: center;
 margin-top: 3.125rem;
 flex-wrap: wrap;
}
.footer__single__link{
 padding: .3rem .8rem;
 
}
.footer__single__href{
 text-decoration: none;
 color: var(--font-gray);
 font-size: 16px;
 line-height: 23px;
 font-weight: 400;
 font-family: var(--font-primary);
}
.footer__single__link .footer__single__href:hover{
 color: var(--font-blue-btn);
 transition: .3s;
}
/*CONTACT*/
.contact__wrapper{
 margin-top: 70px;
 margin-bottom: 4rem;
}
.contact__img__wrapper{
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
}
.contact__title__name{
 color: var(--font-blue-btn);
 font-family: var(--font-primary);
 font-size: 1.25rem;
 line-height: 24px;
 font-weight: 700;
}
.contact__title{
 color: var(--black);
 font-family: var(--font-primary);
 font-size: 1rem;
 line-height: 19px; 
}
.contact__thumbnail{
 max-width: 156px;
 width: 100%;
 height: auto;
 align-self: flex-start;
}
.contact__hr{
 width: 140px;
 border: 1px solid #0090DF;
 opacity: 1;
 margin: 35px 0 45px 0;
}
.contact__text__wrapper{
 padding-top: 50px;
 padding-left: 37px;
}
.contact__line__1, .contact__line__2, .contact__line__3{
 margin-bottom: 30px;
 font-family: var(--font-primary);;
 font-size: 1.125rem;
 color: var(--black);
}
.contact__line__1:before{
 content: url('../gfx/main/ico-1.png');
 width: 24px;
 display: inline-block;
 margin-right: 30px;
 vertical-align: middle;
 font-weight: 900;
 padding-left: 5px;
}
.contact__line__2:before{
 content: url('../gfx/main/ico-2.png');
 display: inline-block;
 width: 27px;
 margin-right: 28px;
 vertical-align: middle;
 font-weight: 900;
 padding-left: 2px;
}
.contact__line__3:before{
 content: url('../gfx/main/ico-3.png');
 display: inline-block;
 width: 15px;
 margin-right: 40px;
 padding-left: 8px;
 vertical-align: middle;
 font-weight: 900;
}
.breadcrumbs{
 background-color: var(--breadcrumbs);
 padding: 21px 0 17px 21px;
 font-family: var(--font-primary);
 font-weight: 400;
 opacity: 0.23;
 font-size: .8rem;
 border-radius: 5px;
}
.breadcrumbs span{
 color: var(--breadcrumbs);
}

/*ABOUT*/
.about__online{
 color: var(--font-gray);
 font-family: var(--font-primary);
 font-size: 1.125rem;
 font-weight: 700;
 line-height: 30px;
}
.about__subtitle{
 color: var(--font-gray);
 font-family: var(--font-primary);
 font-size: 1.125rem;
 font-weight: 400;
 line-height: 30px;
}
.about__list__wprapper{
 list-style: disc;
}
.about__list__item{
 color: var(--font-gray);
 font-family: var(--font-primary);
 font-size: 1.125rem;
 font-weight: 400;
 line-height: 45px;
 margin-left: 1rem;
}
.middle-tittle{
 text-align: center;
 color: var(--black);
 font-family: var(--font-primary);
 font-size: 2.75rem;
 font-weight: 600;
 line-height: 45px;
}
.about__question__wrapper{
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
}
.about__question{
 text-align: center;
 color: var(--black);
 font-family: var(--font-primary);
 font-size: 2.75rem;
 font-weight: 600;
 line-height: 50px;
}

/*PUBLICATIONS*/
.pub__text--indent{
 margin-left: 19px;
}
.category__text{
 color: var(--font-blue-btn);
 font-family: var(--font-primary);
 font-weight: 400;
 font-size: 1rem;
 line-height: 50px;
}
.pub__title{
 color: var(--font-blue-btn);
 font-family: var(--font-primary);
 font-weight: 500;
 font-size: 2.5rem;
 line-height: 52px; 
}
.title--color{
 color: var(--font-blue-btn);
 font-family: var(--font-primary);
 font-weight: 500;
 font-size: 1.3rem;
 margin-bottom: 1rem;
}
.pub__subtext{
 color: var(--black);
 font-family: var(--font-primary);
 font-weight: 700;
 font-size: 1.25rem;
 line-height: 2rem;
 margin-bottom: 45px;
}
.pub__text{
 color: var(--black);
 font-family: var(--font-primary);
 font-weight: 400;
 font-size: 1rem;
 line-height: 2rem; 
 margin-bottom: 45px;
}
.pub__figure{
 font-style: italic;
 color: var(--black);
 font-family: var(--font-primary);
 font-weight: 400;
 font-size: 1rem;
 line-height: 2rem;
 text-align: right;
}

/*ARTICLES*/
.sup--size sup{
 font-size: 70%;
}
.sub__text_title{
 color: var(--font-blue-btn);
 font-family: var(--font-primary);
 font-weight: 500;
 font-size: 1.8rem;
 margin-bottom: 1rem;
}
.img__half--size{
 max-width: 50%;
 width: 100%;
}
.highlight__text{
 background-color: #f8e2d7;
 padding: 15px 20px;
 color: #d23528;
 text-align: left;
 font-weight: 700;
}
.text__hihlight__green{
 background-color: #a7bd42;
 padding: 25px 20px;
 color: var(--white);
 text-align: center;
 font-weight: 700;
 font-size: 2rem;
 border: 1px solid #a7bd42;
 border-radius: 25px;
 margin-bottom: 45px;
 line-height: 2.4rem;
}
.sides{
 display: flex;
 justify-content: center;
 align-content: center;
 gap: 1rem;
 flex-wrap: wrap;
}
.sides img{
 align-self: flex-start;
}
.pub__author{
 color: var(--black);
 font-family: var(--font-primary);
 font-weight: 500;
 font-size: 1.2rem;
}
.pub__contact{
 color: var(--black);
 font-family: var(--font-primary);
 font-weight: 400;
 font-size: 1.2rem;
 line-height: 1.5rem;
}
.pub__list{
 list-style-type: disc;
 font-family: var(--font-primary);
 font-weight: 400;
 font-size: 1rem;
 list-style-position: inside;
 padding-left: 1rem;
 padding-bottom: 2rem;
}
.pub__list li{
 padding-bottom: .6rem;
}
.footer__text{
 font-size: 0.7rem;
 line-height: 1rem;
}
/*RESPONSIVE*/
@media (min-width: 1200px) {
  .container{
   max-width: 1530px;
 }
}
@media (max-width: 1505px) {
 .hero__wrapper{
  max-width: 71%;
 }
 .hero__section {
  justify-content: space-around;
 }
}
@media (max-width: 987px) {
 .hero__wrapper{
  max-width: 93%;
 }
 .hero__section {
  justify-content: space-around;
 }
 .single__img{
  text-align: center;
 }
}

@media (max-width: 1300px) {
 .medmeeting__text{
  padding: 0 10%;
 }
 .medmeeting__text{
  order: 2;
 }
}

@media (max-width: 540px) {
 .expert__img--align{
  height: auto;
 }
 .medmeeting__img {
  gap: 0.875rem;
 }
 .card__btn {
  position: relative;
  bottom: 0;
 }
 .middle-tittle{
  font-size: 1.8rem;
  margin: 0 .8rem;
 }
}

@media only screen and (max-width: 1200px) {
  .articles__list {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: 
    "art1 art2" 
    "art3 art4"
    "art-vert art-vert"
     ;
  }
}

@media only screen and (max-width: 813px) {
.sponsors__section {
  justify-content: center;
 }
}

@media only screen and (max-width: 778px) {
  .articles__list {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-areas:
    "art1" 
    "art2"
    "art3"
    "art4"
    "art-vert"
    "art-vert";
  }
 .articles__list div{
  justify-self: center;
 }
 .articles__wrapper {
  padding: 23px 12px;
 }
 .art__hor img {
  margin: auto;
 }
 .sponsors {
  gap: 3rem;
 }
 .btn-custom--light {
  padding: .5em 1em;
 }

 .art-vert img {
  margin: auto;
  aspect-ratio: 16 /9;
  object-fit: cover;
 }
 .btn__med {
  padding: 10px 13px;
 }
 .banner__header__title {
  font: normal normal 300 38px/40px var(--font-primary);
 }
 .medmeeting__text {
  padding: 0 3%;
 }
 .medmeeting__title {
  font: normal normal bold 27px/32px var(--font-primary);
  padding-bottom: 31px;
  padding-top: 26px;
 }
 .experts__holder {
  padding: 9px 9px 9px 10px;
 }
 .card__btn {
  align-self: center;
 }
 .img__half--size{
  max-width: 100%;
  width: 100%;
 }
 .pub__text--indent {
  margin-left: 15px;
  margin-right: 15px;
 }
 .pub__title {
  font-size: 2.2rem;
  line-height: 40px;
  }
}

@media only screen and (max-width: 575px) {
 .hero__img {
  min-height: 240px;
 }
 .hero__subtitle{
  color: #413E41;
  font-size: 21px;
 }
 .hero__title{
  font-size: 48px;
  color: var(--font-blue-btn);
 }
 .hero__text__padding {
  padding-top: 0;
  padding-bottom: 1rem;
  padding: 0 1rem 1rem 1rem;
 }
 .btn-custom--light {
  background-color: var(--font-blue-btn);
  width: 100%;
  color: var(--white);
 }
 .hero__wrapper {
  max-width: 100%;
 }
 .more__btn__publications {
  width: 95%;
  margin: 0 auto;
  background-color: var(--white);
  padding: 2rem;
  padding: 23px;
  text-align: center;
  color: var(--black);
  border: 1px solid #eee;
  font-weight: 700;
  }
 .medmeeting__img{
  margin: 0 1rem;
	 width: 100%;
	 max-width: 100%;
 }
 .btn__med{
   padding: 10px 13px;
   width: 100%;
   margin: 0 auto;
   display: block;
 }
 .med__link a{
  width: 95%;
  background-color: var(--font-med-pink);
  display: inline-block;
  color: var(--white);
  margin: 0 auto;
  text-align: center;
  padding: 1.5rem 0;
  border-radius: 5px;
 }
 .links__list {
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
 }
}

@media only screen and (max-width: 450px) {
 .sponsors__wrapper_box {
  min-width: 85%;
  min-height: 175px;
  margin: 0 12px;
 }
}

@media only screen and (max-width: 450px) {
 .sub__text_title {
  font-size: 1.6rem;
 }
 .sponsors img, .sponsors__wrapper_box img {
  padding: 0 12px;
 }
}