@media (max-width:2700px) {
.event_sec:before{ width:58%;}
.event_sec:after{ width:42%;}
}

@media (max-width:2500px) {
.event_sec:before{ width:59%;}
.event_sec:after{ width:41%;}
}

@media (max-width:2300px) {
.event_sec:before{ width:60%;}
.event_sec:after{ width:40%;}
}

@media (max-width:2100px) {
.event_sec:before{ width:61%;}
.event_sec:after{ width:39%;}
}

@media (max-width:1920px) {
.event_sec:before{ width:62%;}
.event_sec:after{ width:38%;}
}

@media (max-width:1750px) {
.event_sec:before{ width:63%;}
.event_sec:after{ width:37%;}
}

@media (max-width:1610px) {
.event_sec:before{ width:63%;}
.event_sec:after{ width:37%;}
}

@media (max-width:1540px) {
.event_sec:before{ width:64%;}
.event_sec:after{ width:36%;}
}

@media (max-width:1440px) {
.event_sec:before{ width:65%;}
.event_sec:after{ width:35%;}
}

@media (max-width:1366px) {
.home_banner article{ min-height:49.5%;}
.story_slider .s_detail{ min-height:250px;}
.search-box{ top: 50px !important; right: -14px;}

.formazione_sec .row{  margin-right: -20px;  margin-left: -20px;}
.formazione_sec [class^="col-"], .formazione_sec > [class*=" col-"] {    padding-right: 20px;    padding-left: 20px;  }
.snodo_sec.formazione_sec .row{  margin-right: -20px;  margin-left: -20px;}
.snodo_sec.formazione_sec [class^="col-"], .snodo_sec.formazione_sec > [class*=" col-"] {    padding-right: 20px;    padding-left: 20px;  }

.event_sec:before{ width:65%;}
.event_sec:after{ width:35%;}

}

@media (max-width:1310px) {
section{ padding:72.5px 0 0 0;}
.nav_sec .navbar-brand{ width:80px;}
.nav_sec .navbar-light .navbar-nav .nav-link{ font-size:11px; padding:28px 5px;}
.acce_btn{ padding:8px; margin:0 5px 0 0; font-size:11px;}
.search_btn{ font-size:18px;}
.collaborate_sec:before{ content:""; width:42%; height:100%; background-size:100% 100%;}
}

@media (max-width:1200px) {
.container{ width:96%; margin:0 auto; padding:0;}
.home_banner article{ padding: 25px 20px 25px 20px;}
.home_banner h2{ font-size:21px;}
.home_banner p{ margin-bottom:20px;}
.home_banner h1{ font-size:45px; margin-bottom:100px;}
.home_banner h3{ font-size:16px;}
.evidence_sec h4{ font-size:18px;}
.story_slider .s_detail{ padding-left:30px; padding-right:30px;}
.story_slider h2{ font-size:24px;}
.story_sec .events{ padding-top:0;}
.infog_sec{ min-height:426px;}
.evidence_sec .evid_cap{ font-size:20px;}
.magazin_sec .detail{ padding:40px;}
.magazin_sec{ padding:40px 0;}


.evntstr_sec{ padding-top: 70px;}
.formazione_sec .row{  margin-right: -15px;  margin-left: -15px;}
.formazione_sec [class^="col-"], .formazione_sec > [class*=" col-"] {    padding-right: 15px;    padding-left: 15px;  }
.formazione_sec article h2{ font-size: 19px;}
.formazione_sec article a{ margin-bottom: 30px;}
.formazione_sec article p{ margin-bottom: 17px;}
.news_sec{ padding: 80px 0 50px 0;}
.related_sec2 figure{ max-width:235px;}
.related_sec2 .detail_right{ padding-top:0;}
.related_sec2 span{ font-size:13px;}
.related_sec2 h3{ font-size:18px; margin-bottom:19px;}
.accos_detail .detail{ padding-right:5%;}
.collaborate_sec .inner{ max-width:444px;}
.collaborate_sec p{ font-size:15px; margin-bottom:12px;}

.event_sec:before{ width:65%;}
.event_sec:after{ width:35%;}
.interest_sec .int_block figure{ width:230px;}

.blog_sec .right_info .blog_info figure{ width:180px;}
.blog_sec .right_info .blog_info .detail{ padding:0 0 0 20px;}
.blog_sec .right_info .blog_info .inner_title{ font-size:20px;}
ul.counter_list li{ font-size:13px; margin:0 10px 0 0;}
.video_sec .video_block .detail{ padding:0 0 0 20px;}
.video_sec .video_block h2{ font-size:19px; margin-bottom:15px;}
.collaborate_sec:before{ content:""; width:45%;}
}

/************ Main **************/
@media (max-width: 991px) {

.navbar-light .navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; float:right; margin-left:5px; height:33px;}
.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: 12px; 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: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}

section{ padding:59.5px 0 0 0;}
.nav_sec{ padding:12px 0;}
.nav_inright.order-3{ order:inherit;}
.navbar-nav{ padding-top:10px;}
.nav_sec .navbar-light .navbar-nav li{ margin:0;}
.nav_sec .navbar-light .navbar-nav .nav-link{ font-size:13px; border-bottom:1px solid rgba(255,255,255,0.2); padding:15px 10px;}
.acce_btn{ margin-top:10px; width:100%; text-align:center; font-size:13px;}
.nav_sec .navbar-nav .dropdown-menu{ background:none; box-shadow:none;}
.nav_sec .dropdown-item{ color:#fff; font-size:13px; border-bottom:1px solid rgba(255,255,255,0.2);}
.social_link{ margin-top:20px;}
.ftr_info{ margin-bottom:20px;}
.footer_link{ margin-bottom:20px;}
.home_banner p{ font-size:13px;}
.home_banner h3{ font-size:15px;}
.home_banner h1{ font-size:33px; margin-bottom:30%;}
.commit_block h3{ font-size:13px;}
.commit_block figure{ margin-bottom:20px;}
.regis_info ul li{ margin:0 15px 20px 15px;}
.evidence_sec .detail{ padding:15px 10px 20px 10px;}
.evidence_sec h4{ font-size:14px;}
.story_sec article h3 small{ font-size:15px;}
.story_sec article h3{ font-size:18px;}
.story_slider h2{ font-size:21px;}
.story_slider .s_detail { padding-left: 15px; padding-right: 15px;}
.story_sec{ padding:40px 0 10px 0;}
.infog_sec{ min-height:300px;}
.story_slider h3{ font-size:15px;}
.magazin_sec .detail { padding: 30px 15px;}
.magazin_sec h3 small{ font-size:15px;}
.magazin_sec .btn_link{ margin-top:0;}
.story_slider .s_detail{ min-height:240px;}
.story_slider .owl-carousel .owl-nav button.owl-prev:after, .story_slider .owl-carousel .owl-nav button.owl-next:after{ font-size:24px;}

.evntstr_sec article .detail{ padding-left: 25px;}
.evntstr_sec{ padding: 40px 0 10px 0;}
.pagination_info{ margin-top: 10px;}
.formazione_sec{ padding: 40px 0 10px 0;}
.news_sec{ padding: 40px 0 10px 0;}
.related_sec date{ font-size: 15px;}
.related_sec h3{ font-size: 18px;}
.related_sec article{ margin-bottom: 30px;}
.snodo_sec.formazione_sec .row{  margin-right: -15px;  margin-left: -15px;}
.snodo_sec.formazione_sec [class^="col-"], .snodo_sec.formazione_sec > [class*=" col-"] {    padding-right: 15px;    padding-left: 15px;  }
.related_sec2 figure{ max-width:100%;}
.related_sec2 .detail_right{ overflow:inherit; width:100%; float:left; padding:18px 0 0 0;}
.related_sec2{ padding:40px 0 10px 0;}
.accos_detail{ padding:40px 0 10px 0;}
.collaborate_sec{ padding:30px 0 0 0; background:#f0df00;}
.collaborate_sec:before{ display:none;}
.collaborate_sec .inner{ max-width:100%;}
.collaborate_sec h3{ font-size:20px;}
.yr_title{ font-size: 23px;}
.title_ylbr{ font-size:23px;}
.accos_detail .detail{ padding:0;}
.acc_block h4{ font-size:15px;}

.map_info{ padding:40px 0;}
.info_contact .info_c{ padding:35px 0 0 0;}
.info_contact .c_form{ padding:35px 20px;}
.info_contact{ padding-bottom:30px;}
.course_sec{ padding:30px 0 20px 0;}
.course_sec p{ margin-bottom:20px;}
.area_sec{ padding:0 0 20px 0;}

.join_sec{ padding:30px 0 40px 0;}
.join_sec .detail p{ margin-bottom:20px;}
ul.join_social li a{ width:35px; height:35px;}
ul.join_social li{ margin:0 0 0 3px;}
.event_sec .left_info{ padding:0 5% 0 0;}
.event_sec .right_info{ padding:0;}
.event_sec .event_block h2{ font-size:18px; margin-bottom:10px;}
.event_sec .event_block p{ font-size:15px;}
.event_sec .news_block date{ font-size:15px; margin-bottom:5px;}
.event_sec .news_block h2{ font-size:18px; margin-bottom:10px;}
.event_sec .inner_title{ font-size:20px;}
.event_sec .btn_link{ padding:10px 15px; font-size:13px;}
.event_sec .title_info{ margin-bottom:10px;}
.event_sec .news_block{ margin-bottom:45px;}
.event_sec{ padding:20px 0 0 0;}
.event_sec .news_block figure .cap_info img{ width:80px;}
.join_sec .join_block figure{ margin-bottom:20px;}

.inn_event{ padding:40px 0;}
.interest_sec .int_block figure{ width:180px;}
.interest_sec .int_block .detail{ padding:0 0 0 20px;}
.interest_sec .int_block h3{ font-size:18px; margin-bottom:5px;}
.interest_sec .int_block p{ font-size:15px;}
.inn_event .inn_eve .detail p{ margin-bottom:10px;}
ul.event_social{ width:80px;}

.news_info{ padding:40px 0 20px 0;}
.news_info .orien_info{ padding:0;}
.news_info .orien_info h2{ font-size:23px;}
.news_info .orien_block h2{ font-size:22px;}

.formazione_banner .cap_info .inner{ max-width:260px;}
ul.banner_list{ margin-bottom:10px;}
ul.banner_list li{ font-size:16px; padding:0 0 0 30px;}
ul.banner_list li::before{ width:18px; height:16px;}
.informa_sec .detail{ padding:0;}
.informa_sec .detail p{ font-size:14px;}
.magazin_sec.interest_sec .detail{ padding:20px;}
.informa_sec{ padding:40px 0;}

.blog_logo{ padding:20px 0;}
.blog_logo a img{ width:250px;}
.blog_header .nav_sec{ padding:10px 0;}
.blog_header .nav_sec .w-25{ width:100% !important;}
.blog_header .nav_sec .navbar-light .navbar-nav li{ margin:0;}
.blog_header .nav_sec .navbar-light .navbar-nav .nav-link{ padding:10px 15px; border-bottom:1px solid rgba(0,65,107,0.1);}
ul.talk_list{ padding-bottom:15px;}
.blog_sec{ padding-bottom:10px;}
.school_sec{ padding-bottom:0;}
.video_sec{ padding:30px 0 0 0;}
.video_sec .info_banner{ margin-bottom:30px;}
.video_sec .info_banner img{ width:100%;}
.blog_banner{ padding:30px 0;}
.post_banner{ padding:40px 0;}
.author_block .detail h3{ margin-bottom:10px;}
.post_banner .post_block .detail p{ margin-bottom:10px;}
ul.post_list{ margin:10px 0 25px 0;}
.tag_sec{ padding:40px 0 30px 0;}
.orient_sec{ padding:30px 0 20px 0;}
.register_sec{ padding:30px 0 10px 0;}
.table_info{ padding-bottom:0;}
.accos_sec h3{ margin:20px 0 10px 0;}
.accos_sec .detail{ padding:0 0 0 30px;}
.accos_sec .mila_info{ font-size:35px;}
.accos_sec .accos_block{ margin-bottom:30px;}
.accos_sec.sys_sec{ padding:40px 0 30px 0;}

.magazin_sec .global_title img{ width:300px;}
.course_sec .inner_title{ font-size:20px;}
.area_sec h2{ font-size:18px;}
.area_sec .area_block h3{ font-size:16px;}
.faq_sec h1{ font-size:24px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:93%; margin:0 auto; padding:0;}
.home_banner .inner{ margin-bottom:6px; height:auto;}
.home_banner h1{ margin-bottom:10%;}
.regis_info ul li{ margin:0 10px 20px 10px;}
.commit_sec ul{ display:inherit;}
.commit_sec ul li{ width:33.333333%; float:left;}
.story_sec article .detail{ padding-left:15px;}

.story_slider{ margin-bottom:30px;}
.newslatter_sec{ text-align:center;}
.story_slider .othr_detail{ padding:0 20px;}
.newslatter_sec h2 strong{ font-size:20px;}
.newslatter_sec h2{ font-size:15px; margin:0 0 15px 0;}
.news_form{ float:none; display:inline-block; }
.protec_sec h3{ font-size:15px;}
.news_form .btn_link{ padding-left: 15px; padding-right: 15px;}
section{ padding:57px 0 0 0;}

.news_sec figure{ max-width: 100%;}
.related_sec date{ margin-bottom: 15px;}
.news_sec p{ font-size: 13px; line-height: 21px;}
.title_ylbr span{ padding:0 7%;}
.story_sec article date{ margin-top:3px;}
.accos_sec .detail{ padding:20px 0 0 0;}
.accos_detail p{ font-size:13px; line-height:21px;}

.info_contact .info_c{ padding:0;}
.info_contact .info_c p{ margin-bottom:15px;}
.info_contact .add_info{ margin-bottom:20px;}
.area_sec .area_block strong{ text-align:left;}
.area_sec .area_block p{ margin-bottom:8px;}

.event_sec{ overflow:hidden;}
.event_sec:before{ width:100%; border:none;}
.event_sec:after{ display:none;}
.event_sec .left_info{ padding:0;}
.event_sec .right_info{ background:#eaeed0; width:auto; margin:0 -5%; padding:30px 5% 0 5%; border-top:6px solid #fff;}
.event_sec .news_block{ margin-bottom:35px;}
.interest_sec .int_block figure{ width:260px;}

.faq_sec .btn-link{ font-size:15px; padding:0 0 0 40px;}
.faq_sec .btn-link::after{ top:0;}
.informa_sec .detail h3{ font-size:18px; margin-bottom:10px;}
    .formazione_banner{ overflow: hidden;}
    .formazione_banner img{ max-width: none; width: 150%}
    .formazione_banner .cap_info{ position:relative; top:0; transform:none; background:#000; padding:20px 0;}
.formazione_banner .cap_info .inner{ max-width:inherit;}
.formazione_banner.pagina_banner:before{ display:none;}
.formazione_banner .cap_info:after{ position:absolute; content:""; width:100%; height:70px; left:0; right:0; top:-70px; height:70px; z-index:999;  
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}
    .formazione_sec .row .align-self-end{ align-self: center !important}
    .formazione_sec article a{ min-height: 200px}

    
footer{ text-align:center;}

.school_sec{ overflow:hidden;}
.school_sec:before{ content:""; width:100%; border:none;}
.school_sec:after{ display:none;}
.school_sec .right_info{ background:#eaeed0;width: auto;margin: 0 -5%;padding: 30px 5% 0 5%;border-top: 6px solid#fff;}
.school_sec .left_info{ padding:0;}
.attach_link{ margin-bottom:30px;}
.post_banner{ padding-bottom:10px;}
.orient_sec{ text-align:center;}
.orient_sec .orient_block figure{ width:100%; float:none; margin-bottom:15px;}
.orient_sec .orient_block .detail{ width:100%; float:left; margin:0; padding:0;}
ul.orient_list li{ margin-bottom:10px;}
.orient_sec .orient_block h1{ font-size:24px;}
.orient_sec .orient_block small{ font-size:15px;}
.table_info .table tbody td{ font-size:14px; padding:20px 0;}
.formazione_sec .info_prg{ margin-bottom:30px;}
.accos_sec .accos_block{ display:block;}
.acc_block{ padding:30px 0 0 0; margin-bottom:20px;}
.accos_sec .mila_info{ width:100%; max-width:100%; min-width:100%;}
.accos_sec .detail{ width:100%; float:left; padding:15px 0 0 0; overflow:inherit;}
.accos_sec.agenda_sec figure{ margin-top:20px;}
.accos_sec.perm_sec{ padding:30px 0 10px 0;}
.accos_sec h2{ font-size:20px; margin-bottom:15px;}
.accos_sec.agenda_sec .detail{ padding:0;}
.magazin_sec .global_title img{ width:250px;}
.evntstr_sec article h2{ font-size:20px;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.container{ width:91%;}
.home_banner h1{ margin-bottom: 20px; font-size:26px;}
.commit_sec ul li{ width:100%;}
.story_slider h2{ font-size:18px;}
.search-box{ min-width: 308px; top: 40px !important; right: -62px; padding: 10px 7px;}
.search-box::before { content: ""; position: absolute; top: -28px; right: 58px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 17px solid transparent; border-bottom: 11px solid #fff;}
.evntstr_sec article .d-flex{ display: inline-block !important;}
.evntstr_sec article figure{ max-width: 100%;}
.evntstr_sec article .detail{ padding: 20px 0 0 0; width: 100%;}
.formazione_sec{ text-align: center;}
.story_sec article date span{ font-size:12px;}
.story_sec article date strong{ font-size:19px;}
.story_sec article date{ width:110px;}
.story_sec article .detail{ padding-left:10px;}
.story_sec article h3 small{ font-size:14px;}
.story_sec article h3{ font-size:16px;}
.story_sec article p{ font-size:13px;}
.accos_sec p{ font-size:13px; line-height:21px;}
.collaborate_sec p{ font-size:13px; line-height:21px;}

.info_contact .c_form{ padding:25px 20px;}
.area_sec .area_block h3{ font-size:15px;}
ul.join_social{ width:100%; margin-top:25px;}
ul.event_social{ width:100%; text-align:left; margin-bottom:20px;}
ul.event_social li{ display:inline-block; margin:0 10px 0 0;}
.inn_event .inn_eve .detail{ width:100%; float:left; overflow:inherit;}
.interest_sec .int_block figure{ width:100%;}
.interest_sec .int_block .detail{ width:100%; float:left; padding:0; overflow:inherit;}
.news_info .orien_block h2{ font-size:18px;}
.news_info .orien_block{ margin: 0 0 15px 0; padding: 0 0 15px 0;}

.blog_header .top_part{ text-align:center;}
ul.top_social{ float:none; margin-top:8px;}
.blog_sec .right_info .blog_info figure{ width:100%;}
.blog_sec .right_info .blog_info .detail{width:100%; float:left; padding:0; overflow:inherit;}
.video_sec .video_block figure{ width:100%; margin-bottom:15px;}
.video_sec .video_block .detail{width:100%; float:left; padding:0; overflow:inherit;}
.video_sec .btn_link{ margin:0;}

.post_banner ul.counter_list{ width:100%; margin-bottom:10px;}
.post_banner .post_block .detail_inn{ width:100%; float:left; padding:0; overflow:inherit;}
.author_block { text-align:center; margin-bottom:20px;}
.author_block figure{ width:100%; margin-bottom:15px;}
.attach_link{ text-align:center; display:block;}
.province_sec .input-group .form-control, .province_sec .input-group .select_info{ margin-bottom:10px;}
.inner_title{ margin-bottom:15px;}

.table-data .table thead { border: none;clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.table-data .table tr {border-bottom: 2px solid #ddd; display: block;}
.table-data .table td {border-bottom: 1px solid #ddd;display: block; text-align: right; vertical-align:middle !important;}
.table-data .table td:before {content: attr(data-label); float: left; font-weight: bold;}
.table-data .table td:last-child:before{ position:relative; top:8px;}
.table_info::before{ display:none;}
.faq_sec h1{ font-size:20px;}
}