a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
.swipe-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
}
@media only screen and (min-width:620px){
    .partner_contents img.left-float { max-width: 320px;}
}
@media only screen and (max-width:620px){
    select.timeline_country_select {width: 100%;}
    header {height: 60px;}
    .portal_links ul li a {font-size: 12px;line-height:13px}
    .banner-text {padding: 0px 0 5px 18px !important;}
    .banner-text h2 {font-size: 30px !important;}
    .banner-text p {font-size: 14px;margin-bottom: 0;margin-left: 12px;height: 18px;}
    section.menu {display: none;}
    ul.nav li {width: 50%}
    ul.nav li a {padding: 5px 35px}
    ul.nav li:nth-child(-3n+3) a {background-color: #91864D;}
    ul.nav li:nth-child(n+4) a {background-color: #6B612B;}
    ul.nav li:nth-child(n+6) a {background-color: #91864D;}
    header.fixed-header {position: fixed;z-index: 99999999999;}
    img.left-float{width:100%;max-width:100%;float: none;margin-bottom: 15px;}
    .image {  width: 16%;}
    .image img.left-float {max-width: 50px;margin-right: 0;}
    .gallery_text p{font-size: 14px;margin-bottom: 0;}
    footer p{padding:0px 17px;}
    footer {padding: 33px 0;}
    section.db_start_page select.dates {width: 37%;margin-right: 5px;margin-left: 5px;}
    section.banner.banner_inside h2 {font-size: 18px !important;top: 0;}
    .header_heading p {font-size: 12px;}
    .header_heading h3 {font-size: 12px; font-weight: 500;}
    .header_heading div{top: 4px;}
    div#quick-view { left: 0;}
    div#quick-view i {right: 12px;top: -25px;}
    section.sponsors p {top: 0;font-size: 15px;}
    section.header.fixed-header {position: fixed;z-index: 9999;width: 100%;transition: position 4s ease-in-out;}
    a#Ds {padding: 4px 10px;font-size: 0.7em;transition: font-size 200ms;right:20px;top: 7px;position: relative;}
    p.cookie_footer {    margin-bottom: 70px;}
    p.cc_message, p.cc_message a {font-size: 0.7em;
    transition: font-size 200ms;
    text-align: left;
    line-height: 14px;
    margin: 0;}
}
@media only screen and (min-width:540px) and (max-width:620px){
    a#Ds {right:0px;top: 0px;}
}
@media only screen and (max-width:750px){
    section.db_start_page p.centre input.db_search_submit {left: 40%;}
    .tooltip{ display: none !important;}
    .hidden_small {display: none;}
    .consolace-main-menu-button-wrapper.consolaceMenu {display: block;}
    .ps-3.gallery {margin-bottom: 20px;}
    .socialIcons {top: initial;right: 25px;bottom: 5px;}
    .banner-text h2 {font-size: 24px;}
    .logo img {padding: 0;left: 30px;position: relative;top: 18px;}
    .logo.index_1_logo img {padding: 3px 15px 0px 0;}
    .font-size-selector {display:none;}
    .portal_links ul {right: 20px;}
    .portal_links ul, .language_selection, .font-size-selector {right: 10px;}
    section.menu.index_1_menu {display: block;}
    select.language {font-size: 10px;border: none;padding: 1px 4px;}
    .gallery {margin-bottom: 20px;}
    section.menu.index_1_menu ul.nav li a {padding: 5px 22px;text-align: left;font-size: 14px;}
    .content ul {margin-bottom: 14px;}
    .box {margin-bottom: 35px;}
    section.partnet_galery .ps-9 {padding-left: 0px;}
    #gotoTop{bottom: 140px}
    p.museum_name {line-height: 18px;}
    section.other_section {padding-bottom: 0;}
    .partner_contents {margin-top: 15px;}
    .listing_content .hover_content {display: none;}
    section.partnet_galery .col-md-3, section.partnet_galery .col-md-9 {padding: 0;}
    section.banner.banner_inside h2 {font-size: 24px !important;top: 0;}
    section.partnet_galery h3 {display: none;}
    .partners{background-size: cover;}
    .partners h3{border: 0;}
    .su_tooltip-inner .su_tooltip-body, section.inner_contents .center_contents div.su_tooltip.arrow a {
    font-size: 14px;}
    .su_tooltip-content .su_tooltip-inner {padding: 20px 40px;}
    .su_tooltip-inner .icon {display: none;}
    .center_contents p.eiac_text, .center_contents p.notice_text{font-size: 9px;line-height: 14px;}
    .tab .col-md-10 {padding: 0;}
}
@media only screen and (min-width:200px) and (max-width:380px){
    p.See_Participation{font-size: 14px;}
    .logo img {padding: 0;width: 60px;top: 15px;}
    .portal_links ul li a {font-size: 10px;}
    .portal_links ul, .language_selection, .font-size-selector {right: 10px;}
    .language_selection, .font-size-selector {right: 10px;}
    .portal_links ul.inside li:first-child a {margin-right: 0px;}
    .portal_links ul.inside li:first-child a:after{display: none;}
    .portal_links ul{top: 6px;}
    .portal_links ul li{float: none;line-height: 15px;text-align:right;}
    .language_selection select.language {font-size: 8px;width: 62px;height: 14px;}
    .language_selection{top: 22px;}
    section.banner.banner_inside h2 {font-size: 18px !important;top: 0;}
    section.db_start_page p a {display: block;margin-top: 10px;}
}
@media only screen and (min-width:200px) and (max-width:345px){
    .logo img {padding: 0;width: 60px;top: 9px;}
    .banner-text p {margin-top: -8px;display: block;margin-left:0px;}
    .banner-text {padding: 6px 0 7px 15px;}
    section.banner.banner_inside h2 {font-size: 18px !important;}
    section.db_start_page label.Language {width: 26% !important;}
    .header_heading{padding: 0 10px;  padding-right: 0;}
    .header_heading h3 {font-size: 9px;top: -6px;font-weight: 500;}
    .header_heading p {font-size: 8px;}
    .consolace-main-menu-button-wrapper.consolaceMenu {top: 0;}
    .partners{background-size: cover;}
    .partners h3{border: 0;}
    .portal_links ul li {line-height: 10px;}
    .language_selection {top: 17px;}
    header {height: 40px;}
    p.start_dt{width: 49%;}
    p.start_dt.mrg{margin-right: 0;}
}
@media only screen and (min-width:330px) and (max-width:370px){
    .logo {width: 25%;top: 3px;}
    section.db_start_page label.Language {width: 26% !important;}
    .header_heading h3 {font-size: 12px;top: -2px;font-weight: 500;}
    .header_heading{padding: 0 !important;}
    header {height: 54px;}
    p.start_dt{width: 49%;}
    p.start_dt.mrg{margin-right: 0;}
}
@media only screen and (min-width:370px) and (max-width:390px){
    .logo {width: 25%;top: 0px;}
    .portal_links ul, .language_selection, .font-size-selector {right: 10px;}
    .header_heading h3 {font-size: 11px;top: -2px;font-weight: 500;}
    header {height: 54px;}
    p.start_dt{width: 49%;}
    p.start_dt.mrg{margin-right: 0;}
}
@media only screen and (min-width:390px) and (max-width:470px){
    p.start_dt{width: 49%;}
    p.start_dt.mrg{margin-right: 0;}
}
@media only screen and (min-width:380px) and (max-width:570px){
    .header_heading div{top: 10px;}
    .logo {width: 25%;  top: 13px;position: relative;}
    .logo img {padding: 0;top: 0;width: 82px;}
    .portal_links ul {top: 9px;}
    .portal_links ul, .language_selection, .font-size-selector {right: 10px;}
    .portal_links ul li {float: none;line-height: 15px;text-align: right;}
    .portal_links ul.inside li:first-child a {margin-right: 0px;}
    .portal_links ul li a {font-size: 10px;}
    .language_selection {top: 27px;}
    .language_selection select.language {font-size: 8px;width: 65px;height: 14px;}
    .portal_links ul.inside li:first-child a:after{display: none;}
    .portal_links {width: 25%;}
}
@media only screen and (min-width:590px) and (max-width:600px){
    .logo img {left: 30px;padding-top: 3px;}
}
@media only screen and (min-width:620px) and (max-width:990px){
    .consolace-main-menu-button-wrapper.consolaceMenu{display: none;}
    .portal_links ul, .language_selection, .font-size-selector {right:20px;}
    .banner-text {padding: 15px 0 5px 32px;}
    .banner-text h2 {font-size: 36px;}
    .banner-text p {margin-bottom: 0;}
    ul.nav li {width: 33.3%}
    ul.nav li a {padding: 5px 30px}
    ul.nav li:nth-child(n+4) a {background-color: #E0B700;}
    ul.nav li:nth-child(n+5) a {background-color: #FFD600;}
    ul.nav li:nth-child(n+6) a {background-color: #E0B700;}
    ul.nav li:nth-child(n+7) a {background-color: #FFD600;}
    ul.nav li:nth-child(n+8) a {background-color: #E0B700;}
    .gallery {margin-bottom: 20px;}
    .socialIcons {bottom: 5px;right: 28px;top: initial;}
    .image {  width: 18%;}
}
@media only screen and (min-width:600px) and (max-width:730px){
    .image {width: 18%;}
    
}
@media only screen and (min-width: 1370px){
    section.banner.banner_inside .banner-text h2 {width: 90.3%; max-width: 1349px;margin: 0px auto;display: block;  }
    body.inside, body.home {background: #FFF9DD !important;width: 90.3%;margin: 0px auto;max-width: 1349px; }
    .align {box-shadow: 0px 0px 13px #000;overflow: hidden !important;  background-color: #fff;}
    section.banner.banner_inside .banner-text{padding:8px 0 14px 0px}
    .row.db_hover.pcall_hover .new_test .hover_content {right: 14%;  width: 13.666667%;}
    .new_test .hover_content{left:16%;  width: 16.333333%;}
}
@media only screen and (max-width:750px){
    .padding-zero.full-xs .new_test{    width:100%;  margin: 0 auto;}
    .padding-zero.full-xs .new_test a {width: 100%;}
    .listing_content.hidden_large {float: left;padding: 10px 0;margin-bottom: 34px;border-bottom: 1px solid #F4EDD2;padding-bottom: 0;}
    .db_hover .padding-zero .listing_content p span, .db_hover .padding-zero .listing_content p {  margin-bottom: 10px;font-size: 14px !important;}
    .db_hover .padding-zero .listing_content p strong{font-weight: 500;}
    .hover_pc .pc_left_contents p{display: inline-block;width: 100%;}
    div#item_preview {display: none;}
    .hover_pc .pc_left_contents input#keyword1 {width: 100%;float: right;margin-bottom: 0px;}
}
@media only screen and (min-width:550px) and (max-width:620px){
    .header_heading h3{font-size: 22px;}
    .header_heading p{font-size: 14px;}
    .header_heading div {top: 0px;}
    .logo img {width: 82px;}
    .partner_contents img.left-float { max-width: 320px;float: left;}
}
@media only screen and (min-width:620px) and (max-width:768px){
    .logo{top:0;}
    .header_heading h3{font-size: 24px;}
    .header_heading p{font-size: 16px;}
    .portal_links ul li{text-align: right;display: block;width: 100%;}
    .portal_links ul.inside li:first-child a {margin-right: 0px;}
    .portal_links ul.inside li:first-child a:after{display: none}
    .pc_left {left: initial;right: 2%;top: -41px;}
}
@media only screen and (min-width:768px) and (max-width:990px){
    .header_heading h3{font-size: 28px;}
    .inner_contents select.pc_start_date {width: 100%;}
    span.select_png {width: 49%;}.inner_contents select{padding: 0px;}
    span.select_png:first-child {margin-right: 3px !important;}
}
@media only screen and (min-width:750px) and (max-width:1250px){
    ul.nav li a{padding: 5px 0px;font-size: 12px;}
    .box a {font-size: 19px;}
    .hidden_large {display: none;}
    section.db_start_page select {width: 90%;}
    section.db_start_page select.dates {width: 21.85%;}
}
@media only screen and (min-width:990px) and (max-width:1100px){
    ul.nav li a{padding: 5px 0px;    font-size: 12px;}
    footer p {text-align: left;padding-left: 50px;    font-size: 12px;}
    .portal_links ul, .language_selection, .font-size-selector{right:49px;}
    .logo img {padding: 0px;}
    .banner-text{  padding: 34px 0 10px 50px;}
    .image {width: 20%;}
    .box a{margin-bottom: 5px;padding: 7px 13px;}
    .box a:first-child{margin-bottom: 5px;}
    .pc_all {width: 205px;height: 143px !important;}
    .pc_all .hover_content{width: 205px !important;}
    .pc_all .hover_content .hover_content_img img, .pc_all .image_section img {max-height: 143px;max-width: 205px !important;}
    span.select_png {width: 49%;}.inner_contents select{padding: 0px;}
    span.select_png:first-child {margin-right: 3px !important;}
    .timeline_selection_area p { width: 33%;}
}

@media only screen and (min-width: 1370px) {
    .database_listing .hover_content {left: 9%;}
    .database_listing .hover_content.fixed-hoverContent {top: 26%;}
}
@media only screen and (min-width: 1100px) and (max-width: 1290px){
    .pc_all {width: 215px;height: 150px !important;}
    .pc_all .hover_content{width: 215px !important;}
    .pc_all .hover_content .hover_content_img img, .pc_all .image_section img {max-height: 150px;max-width: 215px !important;}
    .inner_contents select{padding: 5px;}
    span.select_png{ width: 79px;}
}
@media only screen and (min-width: 1400px) {
    .database_listing .hover_content{
        width: 278px;
        padding: 3px 5px;
        position: fixed;
        top: 450px;
        left: 16%;
        display: none;
        background-color: #FFFFFF;
        z-index: 999999999;
    }
    .database_listing .hover_content.fixed-hoverContent {top: 26%;}
}