﻿

@media (min-width: 1600px) and (max-width : 1929px){


}

@media (min-width: 1400px) and (max-width : 1599px){
    


}

@media (min-width: 1200px) and (max-width : 1399px){
    .DisplayTableMeeting .RightDisplay{width:380px}


}


@media only screen and (min-width:992px) and (max-width:1199px) {


.MeetingLeftBar{width:293px}
.MeetingBanner{min-height:205px}
    .DisplayTableMeeting .RightDisplay{width:360px}



}




@media only screen and (min-width:768px) and (max-width:991px) {

.MeetingBanner{min-height:240px; border-radius:10px 10px 0 0}
.MeetingLeftBar{position:relative; top:0; width:100%; min-height:auto; border-radius:0 0 10px 10px}

.DisplayTableMeeting .RightDisplay{width:70px; min-width:70px; padding:0}
.DisplayTableMeeting .RightDisplay .DisplayTableActivity .MiniNav{display:block}
.DisplayTableMeeting .RightDisplay.Hide .DisplayTableActivity .MiniNav{display:none}
.DisplayTableMeeting .RightDisplay.Hide{width:360px; padding:0}

 .AccordionContent{border-radius:0}
 .AccordionContent{height:calc(100vh - 93px)}
 iframe#ChatMessageEvent, iframe#ChatMessageresource{height:calc(100vh - 175px)}
 .HideActionStyle{background:url(../images/ArrowLeftBlack.png) #fff no-repeat scroll 50% 50%}
 .HideActionStyle.ArrowToggle{background:url(../images/ArrowRightBlack.png) #fff no-repeat scroll 50% 50%}


}




@media only screen and (min-width:576px) and (max-width:767px) {

.MeetingBanner{min-height:180px; border-radius:10px 10px 0 0}
.MeetingLeftBar{position:relative; top:0; width:100%; min-height:auto; border-radius:0 0 10px 10px}
.DisplayTableMeeting .RightDisplay{width:70px; padding:0}
.DisplayTableMeeting .RightDisplay .DisplayTableActivity .MiniNav{display:block}
.DisplayTableMeeting .RightDisplay.Hide .DisplayTableActivity .MiniNav{display:none}
.DisplayTableMeeting .RightDisplay.Hide{width:100%; padding:0}
.surveybody{max-width:100%; margin:0 15px}
 .AccordionContent{border-radius:0}
  .AccordionContent{height:calc(100vh - 93px)}
  iframe#ChatMessageEvent, iframe#ChatMessageresource{height:calc(100vh - 175px)}


.MeetingTitle .Right{width:140px}
.MeetingTitle .Right .btn{width:100%; margin-bottom:5px; margin-top:5px}
 .HideActionStyle{background:url(../images/ArrowLeftBlack.png) #fff no-repeat scroll 50% 50%}
 .HideActionStyle.ArrowToggle{background:url(../images/ArrowRightBlack.png) #fff no-repeat scroll 50% 50%}



}




@media (max-width:575px) {

.MeetingBanner{min-height:95px; border-radius:10px 10px 0 0}
.MeetingLeftBar{position:relative; top:0; width:100%; min-height:auto; border-radius:0 0 10px 10px}
.SpeakerList{grid-template-columns:repeat(1, 1fr)}
.VerifyEmailMDiv input.EmailText{max-width:35px; padding:10px}
.DisplayTableMeeting .RightDisplay{width:70px; padding:0}
.DisplayTableMeeting .RightDisplay .DisplayTableActivity .MiniNav{display:block}
.DisplayTableMeeting .RightDisplay.Hide .DisplayTableActivity .MiniNav{display:none}
.DisplayTableMeeting .RightDisplay.Hide{width:100%; padding:0}
.surveybody{max-width:100%; margin:0 15px}
 .AccordionContent{border-radius:0}
  .AccordionContent{height:calc(100vh - 93px)}
iframe#ChatMessageEvent, iframe#ChatMessageresource{height:calc(100vh - 175px)}
.CountDown .Number{padding:0 12px}

.MeetingTitle{display:block}
.MeetingTitle .Right{width:140px}
.MeetingTitle .Left .CountDown{display:block; margin-right:10px}
.MeetingTitle .Right .btn{width:100%; margin-bottom:5px; margin-top:5px}
 .HideActionStyle{background:url(../images/ArrowLeftBlack.png) #fff no-repeat scroll 50% 50%}
 .HideActionStyle.ArrowToggle{background:url(../images/ArrowRightBlack.png) #fff no-repeat scroll 50% 50%}



}





@media (max-width:479px) {





}


@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 125dpi) {




}
