@media (min-width:1879px) {
.hero_img_animated svg{ width: auto !important; height: 85vh;}
}


@media (max-width:1579px) {
.hero_sec { padding: 220px 0 120px;}
.offcanvas .navbar-nav { margin: 0 0 80px;}

.navbar-light .navbar-nav .nav-link{ font-size:18px;}
.navbar-light .navbar-nav .nav-item::after { height: 20px; margin: 0 20px;}
.navbar-light .dropdown-item { padding: 10px 20px; font-size: 16px;}
.teverelix_sec h1 { margin-bottom: 95px;}
.teverelix_sec figure { margin: 80px 0 0;}

header{ padding-top:10px;}
.hero_sec h1 { margin: 0 0 30px; font-size: 40px; line-height: 56px;}
.hero_sec h1 small { margin: 0 0 20px; font-size: 20px;}
.hero_sec p { font-size: 16px; line-height: 28px;}
.hero_sec .inner{ max-width:700px;}
.hero_sec figure{ width:70%;}
.offcanvas-header { padding: 50px 30px 30px 50px;}
.offcanvas-header .btn-close { width: 40px; height: 40px; top: 55px; margin: 0 0 0 -20px;}
.offcanvas .navbar-nav .nav-item{ margin-bottom:10px;}
.offcanvas .navbar-nav .nav-link { padding: 14px 50px; font-size: 18px;}
.offcanvas .navbar-nav { margin: 0 0 50px;}
.offcanvas_btn{ margin-left:30px;}
.offcanvas .dropdown-item { padding: 10px 70px 10px 100px; font-size: 18px;}

.teverelix_sec{ padding-top:140px; min-height: calc(100vh - 76px);}
.teverelix_sec h1 { margin-bottom: 45px; font-size: 40px; line-height: 56px;}
.teverelix_sec figure { margin: 0;}
.teverelix_sec p{ line-height:25px;}

.mode_act_sec.teverelix_sec { padding-bottom: 80px;}
.mode_act_sec.teverelix_sec h1 { margin-bottom: 40px;}
.team p{ font-size:18px;}

.publication_sec h3 { margin: 60px 0 40px; font-size: 26px;}
.publ_list li { margin: 0 0 20px; padding: 0 0 20px;}

.publ_list.link_list li strong{ font-size:20px;}
.publ_list.link_list li a.sim_link{ font-size:18px;}
.publ_list.link_list li strong::after { height: 24px; bottom: -5px;}

.link_list.scienti_list li strong small{ font-size:16px;}

.hero_img_animated svg{ width:80%;}

footer{ padding:20px 0;}

.team{ margin-bottom:60px;}
.team h3{ font-size:20px;}
.team p{ font-size:16px;}

.pipeline_table .table thead tr th span { padding: 14px 20px; font-size: 17px; line-height: 33px; min-width: 140px;}
.pipeline_table .table thead tr th { padding: 0 0 40px;}
.pipeline_table .table tbody tr td { padding: 10px; font-size: 17px;}
.pipeline_table .table tbody tr th { padding: 10px 10px 10px 0; font-size: 18px; line-height:normal;}
.pipeline_table .table tbody tr:nth-child(3) th, .pipeline_table .table tbody tr:nth-child(3) td { padding-bottom: 40px;}
.pipeline_table .table tbody tr:nth-child(4) th { padding-top: 40px;}

.publication_sec h3 { margin: 40px 0 30px; font-size: 23px;}
.publ_list li{ font-size: 16px;}
.publ_list li span { min-width: 120px;}
.publ_list li p{ font-size: 16px; line-height:26px;}
.publication_sec.teverelix_sec { padding-bottom: 30px;}

.publ_list.link_list li strong{ font-size:16px; line-height: normal;}
.publ_list.link_list li a.sim_link{ font-size:14px;}
.publ_list.link_list li strong::after { height: 17px; margin:0 14px;}

.bordirect_list.link_list li{ padding-right:40px; position:relative;}
.bordirect_list.link_list li .more_link{ position:absolute; right:0; top:2px;}

.link_list.scienti_list li strong small{ font-size:14px;}
}

@media (max-width:1200px) {
.hero_sec h1 { font-size: 34px; line-height: 47px;}
}

/************ Main **************/
@media (max-width: 991px) {
header { padding: 15px 0; background: #045c5d; position:relative;}
.hero_sec { padding: 60px 0;}
.hero_sec h1 { margin: 0 0 30px; font-size: 30px; line-height: 43px;}
html,body{ min-height:100vh;}
.hero_sec{ min-height:calc(100vh - 90px);}
header .navbar-brand { margin: 0 0 0;}
.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px; box-shadow:none !important; padding-left:0; padding-right:0;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:#fff; height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 0; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 0;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}
.navbar-light .navbar-nav .nav-item{ display:block;}
.navbar-light .navbar-nav .nav-item::after { display:none;}
.navbar-light .navbar-nav .nav-link { font-size: 16px;}

.teverelix_sec{ padding:40px 0; min-height: calc(100vh - 199px); background-size: cover;}
.teverelix_sec h1{ margin: 0 0 30px; font-size: 30px; line-height: 43px;}
.teverelix_sec p{ font-size:14px; line-height:23px;}
footer{ padding:16px 0;}
.copyright{ font-size:14px;}
.copyright span{ height:23px;}

.mode_act_sec.teverelix_sec { padding-bottom: 40px;}
.mode_act_sec.teverelix_sec h1 { margin-bottom: 30px;}
.mode_act_sec.teverelix_sec figure{ padding:30px;}

.team p{ font-size:16px;}
.team{ margin-bottom:40px;}
.team h3{ font-size:21px;}

.publ_list.link_list li{ display:block;}
.publ_list.link_list li strong{ font-size:16px; line-height: normal; display:block; margin-bottom:10px;}
.publ_list.link_list li a.sim_link{ font-size:14px; display:flex;}
.publ_list.link_list li a.sim_link:before{ content:"-"; display:inline-block; margin-right:5px;}
.publ_list.link_list li strong::after { display:none;}

.pipeline_table .table thead tr th span { padding: 14px 20px; font-size: 15px; line-height: 33px; min-width: 140px; white-space:nowrap;}
.pipeline_table .table thead tr th { padding: 0 0 30px;}
.pipeline_table .table tbody tr td { padding: 10px; font-size: 15px;}
.pipeline_table .table tbody tr th { padding: 10px 10px 10px 0; font-size: 16px; line-height:normal;}
.pipeline_table .table tbody tr:nth-child(3) th, .pipeline_table .table tbody tr:nth-child(3) td { padding-bottom: 40px;}
.pipeline_table .table tbody tr:nth-child(4) th { padding-top: 30px;}

.hero_img_animated svg{ width:90%;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}
header .navbar-brand { width: 250px; margin: 0 0 0;}
.hero_sec { padding: 40px 0;}
.hero_sec h1 small { margin: 0 0 10px; font-size: 16px;}
.hero_sec h1 { font-size: 21px; line-height: 33px;}
.hero_sec figure { width: 90%;}
.offcanvas { width: 320px;}
.offcanvas-header { padding: 30px;}
.offcanvas-brand{ width:160px;}
.offcanvas-header .btn-close { width: 33px; height: 33px; top: 32px; margin: 0; left: auto; right: 20px;}
.offcanvas .navbar-nav .nav-link { padding: 10px 30px; font-size: 18px;}
.offcanvas .navbar-nav .dropdown-toggle::after { font-size: 20px; right: 20px;}
.offcanvas .navbar-nav { margin: 0 0 30px;}
.offcanvas_foot .add_info { padding: 30px 25px 10px;}
.offcanvas_foot .add_list li { margin: 0 0 15px; font-size: 15px; line-height: 23px;}
.offcanvas_copyright { padding: 15px 28px 15px; font-size: 14px; line-height: 22px;}
.offcanvas .dropdown-item { padding: 10px 70px 10px 78px; font-size: 16px;}

.teverelix_sec{ padding:40px 0 10px;}
.teverelix_sec p{ margin-bottom:30px;}

.team_modal .detail{ padding:100px 20px 20px 20px;}
.team_modal figure { margin: 0 0 -80px 20px; width: 120px;}
.team_modal .btn-close { width: 38px; height: 38px; top: 40px; right: 20px;}
.team_modal h3{ font-size:24px;}
.team_modal span{ font-size:18px; padding-bottom:20px;}
.team_modal p{ font-size:14px; line-height:23px;}
.team_modal .modal-dialog{ max-width:430px;}

.hero_img_animated svg{ width:100%;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.hero_sec{ min-height: calc(100vh - 76px);}
.offcanvas_btn{ margin-left:15px;}
.copyright{ flex-direction: column;}
.copyright span{ display:none;}
.copyright a{ margin-top:10px;}
.teverelix_sec{ min-height: calc(100vh - 215px);}

.publ_list li{ font-size:14px; gap: 10px; margin: 0 0 15px; padding: 0 0 15px;}
.publ_list li span { min-width:100px;}
.publication_sec h3 { font-size: 20px;}
.publ_list li a.sim_link{ gap: 10px;}
.publ_list li p { font-size: 14px; line-height: 23px;}
}
@media (max-width:400px) {
header .navbar-brand { width: 180px; }
}