@media (max-width:1400px) {

.top-header ul li {
  
    padding: 12px 3px;
   font-size: 13px;
}

}
@media (max-width:1200px) {
    .top-header ul li
     {padding: 15px 6px;}
     .model.fancybox-content {
        max-width: 90% !important;
    }
	
}

@media (min-width:992px) {
	
    .navbar-collapse { display: block !important;}
	
}

@media (max-width:992px) {
	
	.briefcase-page {
    padding: 36px 0;
}
	button.openFullscreenBtn {
    width: 35px;
    height: 35px;
    line-height: 30px;
    font-size: 18px;
}
   
    .info-toggle {
        max-width: 100%;
    }
    ul.info-list li a {
        font-size: 12px;
    }
    ul.info-list li {
        padding: 6px 0;
    }
    .top-header {padding: 10px 0;}
    .navbar-toggler {
        float: left;
        
        color: #fff; 
		background-image: linear-gradient(to right, #d20552, #ff8d00);
    position: relative;
    margin: 7px;
    }
	.navbar-toggler span {
    display: none;
}
	.navbar-toggler:after {
    font-weight: 300;
    content: "Menu";
    left: 0;
    right: 0;
    margin: auto;
    font-size: 16px;
    line-height: 28px;
}
    .top-header ul li {
        width: 100%;
        text-align: left;
    }
    .navbar-collapse {
            float: left;
    width: 100%;
   
    padding-bottom: 40px;
    background: #ccc;
    background-image: linear-gradient(to right, #d20552, #ff8d00);
    border-radius: 10px;
    max-width: 300px;
    position: absolute; 
	height: 242px;
    overflow-y: auto;
    top: 95%;
    left: 10px;
    padding: 10px;
    }
   
}


@media (max-width:992px) {
	.top-header ul li img {display: none;}
	.top-header ul li {
    padding: 1px 6px;
    font-size: 16px;
}
	.top-header ul li a {
    font-size: 13px;
}
    .table th, .table td {
        font-size: 12px;
        padding: 7px;
    }
    .model.fancybox-content {
        width: calc(100% - 15px);
            margin: 5% auto;
    }
    .fancybox-slide--html .fancybox-close-small {
           right: -15px;
    top: -15px;
    }
    .model.fancybox-content iframe {
        width: 100%;
        height: 315px;
    }
    .contact-wrap ul li {
        font-size: 12px;
    }
    .contact-wrap li strong {
        width: 123px;
    }
    .item-bx {
        max-width: 250px;
        margin: 0 auto 15px;
    }
    section.section_wrap { margin-top: 0;}
    .img-bg img {
      
    }
    .agenda-wrapper {
        overflow-x: auto;
    }
    .agenda-wrapper tr td:last-child, .agenda-wrapper .table thead th:last-child {
        min-width: 108px;
       
    }
    .add-video {
             
}
    body .wrapper {
        overflow: visible !important;
        height: 100% !important;
		 min-height: 100vh !important;
    }
   
    .bg-grey {
        background: none;
        padding: 56px 0;
    }
    
   .contact-wrap ul {
    padding: 5px;
}
	
	.top-header {
    padding: 0 0;   
    background: none;
}
	.animated-button1 {
    padding: 4px 7px;
    font-size: 8px;
    letter-spacing: 0;
    margin: 0;
}
	.hint {
    width: 8px;
    height: 8px;
}
	
	a.loby1_hint,a.loby2_hint{     top: 56%;}
	ul.info-list li a {
    font-size: 9px;
}
	ul.info-list li {
    padding: 5px 0;
}
	ul.info-list li i {
   
    font-size: 14px;
}
	.info-toggle {    z-index: 999; }
	
	.animated-button1.index-btn{bottom:30px;}
.item-bx.exhibition_box p {
    font-size: 12px;
    line-height: normal;
}
}

@media (max-width:736px) {
	/*.add-video.add-video_v2 {
    width: 56%;
    height: 53%;
    z-index: 1;
    position: absolute;
    top: 14.77%;
    left: 1.555556%;
    right: 0;
    margin: 0 auto;
}
.add-video.add-video_v3 {
    width: 51%;
    height: 54%;
    z-index: 1;
    position: absolute;
    top: 20.99999%;
    left: -1.5%;
    right: 0;
    margin: 0 auto;
}
	.enter-btn-wrap a {
    top: 59%;
}
	
}

@media (min-width:737px) and (max-width:812px) { 
.add-video.add-video_v2 {
       width: 56%;
    height: calc(100% - 35.9999%);
    z-index: 1;
    position: absolute;
    top: 7.77%;
    left: 1.444%;
    right: 0;
    margin: 0 auto;
}
.add-video.add-video_v3 {
        width: calc(100% - 48.888888%);
    height: calc(100% - 34.5%);
    z-index: 1;
    position: absolute;
    top: 14.99999%;
    left: -1.5%;
    right: 0;
    margin: 0 auto;
}
	.add-video.add-video_v4,
.add-video.add-video_v5{
    width: 51%;
    height: 64%;
    z-index: 1;
    position: absolute;
    top: 16.666666%;
    left: -1.55%;
    right: 0;
    margin: 0 auto;
}
	.add-video {
    width: 55.9999%;
    height: 64%;
    z-index: 1;
    position: absolute;
    top: 7.4%;
    left: 10.9px;
    right: 0;
    margin: 0 auto;
}
	.add-video.add-video_v6 {
    width: 51%;
    height: 63.555%;
    z-index: 1;
    position: absolute;
    top: 16.99999%;
    left: -1.5%;
    right: 0;
    margin: 0 auto;
}*/
}

@media only screen and (min-device-width: 0px) and (max-device-width: 815px) and (orientation:portrait){

    .portrait-content{
        display: block;
        position: absolute;
        top:0;
        left: 0;
        background: #fff;
        width: 100%;
        height: 100%;
        height: 100vh;
        z-index: 9999999999999999;
    }
    .portrait-center{
        position: absolute;
        top: 50%;
        left: 0;
        margin: 0 auto;
        right: 0;
        transform: translateY(-50%);
        text-align: center;
    }
    .portrait-center img{
        margin: 0 auto 10px;
        width: 200px;
        text-align: center;
    }
    .portrait-center p{
        font-size: 18px;
        color: #000;
        font-family: var(--head-font);
        text-transform: uppercase;
        text-align: center;
        font-weight: 600;
    }
	
	
}


@media screen and (max-width: 900px) and (orientation: landscape) {
.portrait-content {
    display: none;
}
}



