@media (max-width: 1650px) {
    .main-header .headline .partner {display: none;}
    .keyvisual #timer div {font-size: 40px;}
    .keyvisual #timer div span {font-size: 20px;}
}

@media (max-width: 1920px) {
    .main-header {padding: 0 15px;}
    .main-header .cart {right: 15px;}
    .main-header .main-navigation {right: 103px;}
    .main-header .service-nav {right: 15px;}
	.main-header .main-navigation.pullRight {padding-right: 13px;}

}
@media (max-width: 1662px) {
    .main-header .main-navigation ul li:nth-last-child(2) ul {left: -100px;}
}
@media (max-width: 1400px) {
    .keyvisual #timer div {font-size: 24px;}
    .keyvisual #timer div span {font-size: 12px;}
    .keyvisual .keycontent .keyUpperHeader {font-size: 50px; line-height: 55px;}
}

@media (max-width: 1270px) {
    .main-header .headline .claim {display: none;}
	.sponsors .sponsors-list {width: 1000px;}
    .sponsors .sponsors-list ul {width:1000px;}
	.sponsors .previous {left: -30px;}
    .sponsors .next {right: -30px;}
}

@media (max-width: 1200px) {
    .main-header {height: 100px; padding: 0;}
    .main-header .headline {padding-top: 10px; padding-left: 15px;}
    .main-header .headline .logo img {max-width: 140px; height: auto;}
    
    .main-header .cart {right: 88px; bottom: 30px;}
    .service-nav {display: none;}
    .main-navigation {display: none;}
    .main-header .mobile-nav-button {display: block; position: absolute; bottom: 25px; right: 15px; cursor: pointer;}
    .main-header .mobile-nav-button i {font-size: 50px;}

    .main-header .mobile-navigation {width: 100%;padding-top: 15px; position: absolute; z-index: 9; list-style-type: none; background-color: #ffffff;}
    .main-header .mobile-navigation ul {list-style-type: none; padding: 0;}
    .main-header .mobile-navigation ul ul {display: none;}
    .main-header .mobile-navigation ul li {position: relative; }
    .main-header .mobile-navigation ul ul li:last-child {border: none;}
    .main-header .mobile-navigation nav ul li a {padding: 15px 0 15px 15px; display: block; font-size: 16px; color: #20201E; text-transform: uppercase;width: 80%; text-decoration: none; font-family: 'JosefinSans-SemiBold'; font-size: 22px;}
    .main-header .mobile-navigation nav ul li ul li a {width: 100%;}
    .main-header .mobile-navigation ul li .toggle-subnavigation {position: absolute; right: 30px; top: 6px; display: block; height: 50px; width: 50px; cursor: pointer;}
    .main-header .mobile-navigation ul li .toggle-subnavigation:before {content: '\e145';font-family: 'Material Icons'; font-weight: 900; position: absolute; font-size: 30px; left: 0; right: 0; text-align: center; color: #20201E;}
    .main-header .mobile-navigation ul li .toggle-subnavigation.open:before {content: "\e15b";}
    .main-header .mobile-navigation ul li .toggle-subnavigationSecond {position: absolute; right: 30px; top: 6px; display: block; height: 50px; width: 50px; cursor: pointer;}
    .main-header .mobile-navigation ul li .toggle-subnavigationSecond:before {content: '\e145';font-family: 'Material Icons'; font-weight: 900; position: absolute; font-size: 30px; left: 0; right: 0; text-align: center; color: #20201E;}
    .main-header .mobile-navigation ul li .toggle-subnavigationSecond.open:before {content: "\e15b";}    
    .main-header .mobile-navigation ul li ul {background-color: #F2F2F2; padding-left: 15px;}
    .main-header .mobile-navigation ul li ul li a {padding: 20px 0;display: block; font-size: 16px;}
    .main-header .mobile-navigation ul ul ul {display: none;}    
    .main-header .mobile-navigation .share li {display: inline-block; width: 25%; text-align: center;}    
    .main-header .mobile-navigation .share li a img {height: 30px; width: auto;}
    .main-header .mobile-navigation .search {border-bottom: 1px solid #000;}
    .main-header .mobile-navigation .search fieldset {border: none; height: 60px}
    .main-header .mobile-navigation .search input {width: 80%; height: 40px; vertical-align: top;background-color: #F2F2F2; border: none; padding-left: 10px;}    
    .main-header .mobile-navigation .search .submit input {width: auto; height: 30px; margin-top: 5px; background-color: #ffffff;}

    .sponsors .sponsors-list {width: 860px;}
    .sponsors .sponsors-list ul {width:860px;}
    .keyvisual .keyback #timer {position: relative; bottom: -105px; text-align: center; left: auto; transform: translateX(0);}
    .keyvisual .keyVideo #timer {position: relative; bottom: 4px; text-align: center; left: auto; transform: translateX(0);}
}

@media (max-width: 1096px) {
    .sponsors .sponsors-list {width: 660px;}
    .sponsors .sponsors-list ul {width:660px;}
    .keyvisual .keycontent .keyUpperHeader {font-size: 4vw; line-height: 4vw;}
    .keyvisual .keycontent .keyLowerHeader {font-size: 3vw;}
    .keyvisual .keycontent .keyDate {font-size: 3vw;}
    .keyvisual {margin-bottom: 30px;}
    .gridelement {margin-bottom: 30px;}
}
@media (max-width: 824px) {
    .keyvisual .keyVideo .keycontent {top: 10%; transform: translateY(0);}
    .keyvisual .keybackSubpage h1 {padding: 5px 0; font-size: 46px;}
    #newConfInfo .content {font-size: 22px;}
    #newConfInfo .content a {font-size: 22px;}
}
@media (max-width: 768px) {
    .sponsors .sponsors-list {width: 440px;}
    .sponsors .sponsors-list ul {width:440px;}
    .btb-box .btb-right .btb-content {top: auto; transform: translateY(0); padding-bottom: 15px;}
    .keyvisual .keybackSubpage h1 {font-size: 32px; line-height: 36px;}
    h1, h1 li {font-size: 32px; line-height: 36px;}
    h2, h2 a {font-size: 28px; line-height: 30px;}
    h3, h3 a {font-size: 18px; line-height: 20px; }
    .breadcrumb {font-size: 12px; }
    .ce-textpic .ce-gallery {display: block; float: none;}
    .breadcrumb li {height: 30px; line-height: 30px;}
	img.voucher-image {width:150px;}
}
@media (max-width: 690px) {
    .keyvisual .keycontent .keybutton a {font-size: 16px;line-height: 20px;padding: 7px 18px 4px 18px;}
    .keyvisual #timer {left: auto; transform: translateX(0);padding: 20px 15px;}
    .keyvisual #timer div {margin-right: 24px;}
    .keyvisual .keyback #timer {bottom: -77px;}
    #newConfInfo .content {font-size: 18px;}
    #newConfInfo .content a {font-size: 18px;}

}
@media (max-width: 580px) {
    .keyvisual .keycontent .keyLowerHeader {display: none;}
    .btb-back .btb-content {padding: 0 15px;}
    .sponsors .sponsors-list {width: 220px;left: 50%; transform: translatex(-50%);}
    .sponsors .sponsors-list ul {width:220px;}
    .sponsors .previous {left: 0px;}
    .sponsors .next {right: 0px;}
    .btb-box .btb-right .btb-content {top: auto; transform: translateY(0); padding-bottom: 15px;}
	.btb-box .btbBack img {max-height: 340px;}
    .keyvisual .keybackSubpage h1 {font-size: 24px; line-height: 28px;}
    h1, h1 li {font-size: 24px; line-height: 28px;}
    h2, h2 a {font-size: 20px; line-height: 22px;}
    h3, h3 a {font-size: 16px; line-height: 18px; }
    .breadcrumb {font-size: 10px; }
    #newConfInfo {height: 90px;}
    #newConfInfo .content {font-size: 16px; line-height: 90px;}
    #newConfInfo .content a {font-size: 16px;}
}
@media (max-width: 472px) {
    .keyvisual keyVideo .keycontent {top: 0;}
    .keyvisual .keycontent .keyUpperHeader {line-height: 18px; margin: 15px 0 5px 0;}
    .keyvisual .keycontent .keyLowerHeader {line-height: 18px; margin: 12px 0 15px 0;}
    .breadcrumb {font-size: 8px; }
    #newConfInfo .content { line-height: 22px; padding-top: 20px;}

}
@media (max-width: 380px) {
    .keyvisual .keycontent .keyUpperHeader {margin: 8px 0 5px 0;}
    .keyvisual .keycontent .keyLowerHeader {margin: 8px 0 8px 0;}
    .keyvisual .keybackSubpage h1 {font-size: 16px; line-height: 18px;}
}