*{margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;font-family:'Open Sans', sans-serif;}
body{margin:0px;padding:0px;font-family:'Open Sans', sans-serif!important;}
ul,ol{list-style-type:none;margin:0;padding:0;}
a{text-decoration:none;}
img{width:100%;}
.wrapper{width:100%;float:left;position:relative;}
.makepractice{
    width: 60%;
    margin: 4% auto;
    /*height: 50%;*/
    overflow-y: scroll;
    background: #fff;
    padding: 20px;
}
.makepractice h4{ text-align: left;
    font-weight: bold;font-family: 'Quicksand', sans-serif;}

/*.btn-lobby1{   
    background: #01a0e4;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    padding: 4px 24px;
    font-size: 16px;
    margin: 5px;
    text-align: center;
    border: 2px solid #fff;
}
*/.btn-lobby1:hover{color: #fff;}

#video, #enter_to_audi{display: none;}
video{width: 100%;}
.noscroll{overflow: hidden;}

.btn-lobby2{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 15%;
}
button.close {
    background: #fff;
    border-radius: 50%;
    padding: 1px 5px;
    font-size: 18px;
    opacity: 1;
    border:1px solid #000;
}
.close {
    position: absolute;
    float: right;
    right: -20px;
    top: -20px;
}
.d-none{display: none!important;}
.btn-logout{
    width: 4.5%;
    position: absolute;
    right: 1%;
    top: 2%;
}
.btn-lobby{  
   padding: 6px 20px 20px 30px;
    font-weight: bold;
    color: #ffffff;
    /* text-transform: uppercase; */
    font-size: 13px;
    margin: 0px 5px;
    border-radius: 0px 0px 0px 0px;
    height: 32px;
    background-color: #871c53;
}
.btn-download{    background: #fffe0d;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    font-weight: bold;
    border-radius: 50px;
    padding: 4px 20px;
    margin-top: 10px;}

.poster-bg {
    width: 100%;
    height: 100vh;
    background-image: url(../images/Poster-Breakout.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right;
}
.poster_area1 {position: relative;
    width: 100%;
    height: 100vh;
    background-image: url(../images/Poster_Area_01.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right;
}
.poster_area2 {position: relative;
    width: 100%;
    height: 100vh;
    background-image: url(../images/Poster_Area_02.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right;
}
.poster_area3 {position: relative;
    width: 100%;
    height: 100vh;
    background-image: url(../images/Poster_Area_03.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right;
}
.bottom-arrow ul li{list-style: none;}
.arrow-r li a img{left: 55%!important;}
.bottom-arrow li:nth-child(1) a img{    position: absolute;
    left: 45%;
    top: 92%;
    transform: translate(-50%,-50%);
    width: 4%;}
.bottom-arrow li:nth-child(2) a img{    position: absolute;
    left: 55%;
    top: 92%;
    transform: translate(-50%,-50%);
    width: 4%;}

.poster_name1 li a,.poster_name3 li a{list-style: none; position:absolute;width: 22%;height: 20%; 
    transform: translate(-50%,-50%);}
.poster_name1 li:nth-child(1) a{left: 13.2%; top: 23.4%;}
.poster_name1 li:nth-child(2) a{left: 37.7%; top: 23.4%;}
.poster_name1 li:nth-child(3) a{left: 61.7%; top: 23.4%;}
.poster_name1 li:nth-child(4) a{left: 86%; top: 23.4%;}

.poster_name1 li:nth-child(5) a{left: 13.2%; top: 47.8%;}
.poster_name1 li:nth-child(6) a{left: 37.7%; top: 47.8%;}
.poster_name1 li:nth-child(7) a{left: 61.7%; top: 47.8%;}
.poster_name1 li:nth-child(8) a{left: 86%; top: 47.8%;}

.poster_name1 li:nth-child(9) a{left: 13.2%; top: 72.2%;}
.poster_name1 li:nth-child(10) a{left: 37.7%; top: 72.2%;}
.poster_name1 li:nth-child(11) a{left: 61.7%; top: 72.2%;}
.poster_name1 li:nth-child(12) a{left: 86%; top: 72.2%;}

/*
.poster_name3 li:nth-child(1){left: 11.5%; top: 35.4%;}
.poster_name3 li:nth-child(2){left: 30.5%; top: 35.4%;}
.poster_name3 li:nth-child(3){left: 49.5%; top: 35.4%;}
.poster_name3 li:nth-child(4){left: 68.5%; top: 35.4%;}
.poster_name3 li:nth-child(5){left: 87.7%; top: 35.4%;}

.poster_name3 li:nth-child(6){left: 11.5%; top: 59.4%;}
.poster_name3 li:nth-child(7){left: 30.5%; top: 59.4%;}
.poster_name3 li:nth-child(8){left: 49.5%; top: 59.4%;}
.poster_name3 li:nth-child(9){left: 68.5%; top: 59.4%;}
.poster_name3 li:nth-child(10){left: 87.7%; top: 59.4%;}
*/
.ring-poster{top: -5%!important;
    left: 38%!important;}
.ring-main{top: 1%!important;
    left: 38%!important;}
.ring-container {
    /* position: relative; */
    position: absolute;
    top: -18%;
    left: 51%;
    transform: translate(-50%, -50%);
}
.ringring {
    border: 3px solid red;
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 15px;
    top: 15px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}
.circle {
    width: 15px;
    height: 15px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px;
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

.table tr td a{font-weight: bold;font-family: 'Quicksand', sans-serif;}
/*.table tr td:nth-child(1){width: 80%;}*/

.overlay{ position: absolute;
  /*top: 0;
  bottom: 0;
  left: 0;
  right: 0;*/
  height: 100vh;
  width: 100%;
  opacity: 1;
  transition: .3s ease;
  background-color:rgba(0,0,0,.9);}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
 
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #3d61ad; 
}

.slider1 {
    width: 100%;
    height: 100vh;
    background-image: url(../images/Banner-1.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right;
}
.slider2 {
    width: 100%;
    height: 100vh;
    background-image: url(../images/Banner-2.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right;
}
.slider3 {
    width: 100%;
    height: 100vh;
    background-image: url(../images/Banner-3.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right;
}
.slider4 {
    width: 100%;
    height: 100vh;
    background-image: url(../images/Banner-4.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right;
}
.carousel-indicators { bottom: 13%!important;}
.carousel-indicators li{border:1px solid #e71d1b!important;}
.carousel-indicators .active{background-color: #e71d1b!important;border:1px solid #e71d1b;}
.calendar{
left: 20%;
    top: 71%;
}
.btn-agenda>img{
    
    width:140px;
}

.clickme{
    display:block;
    position:absolute;
      left: 40%;
    top: 88%;
    color: black;
}
.lobby-bottom {
    position: absolute;
    left: 50%;
    top: 95%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 10%;
}
.audi-bottom {
    position: absolute;
    left: 50%;
    top: 95%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 20%;
    display: flex;
}
.audi-bottom1 {
    position: absolute;
    left: 50%;
    top: 94%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 12%;
    display: flex;
}
.btn-back{background: #3d61ad;
    color: #fff;
    padding: 6px 20px;
    position: absolute;
    top: 15%;
    left: 0;}
.btn-back:hover{ color: #fff;
    text-decoration: none;
}
    
    /*.btn-lobby{
        margin: 0px 10px;
        width: 150px;
        height: 47px;
    }*/
/*.btn-logout{background: #fffe0d;
    color: #000;
    padding: 0px 32px;
    line-height: 34px;
    border-radius: 50px;
    width: 42%;
    height: 34px;
    margin-left: 274px;
    margin-top: 9px;
    font-size: 12px;}*/

h4{
    color: blue;
    text-align: center;
    text-transform: uppercase;
}

.download1
{
    padding: 15px 15px 15px 15px;
    background-color: #423c712e;
    font-size: 15px;
    text-align: center;
}

.enter_looby8
{
    position:absolute;
    left:34%;
    top:85%;
    font-weight:600;
    width:30%;
    text-align:center;}

video {
  width: 100%;
}

.noscroll { overflow: hidden; }

#video {
  display: none;
  width: 100%;
}
/*#video2 {
  display: none;
  width: 100%;
}*/



.submit_button {
    padding: 3px 10px;
    border-radius: 20px;
    background: green;
    color: #fff;
    margin-top: 5px;
    display: inline-block;
}
.q_content > textarea {
    height: 75px;
    border: solid 1px #ededed;
    border-radius: 3px;
    width: 100%;
    padding: 5px;
    font-size: 11px;
}

.close_btn {
   /* position: absolute;
    right: 2px;
    top: 2px;
    font-size: 8px;*/
    position: absolute!important;
    right: -4%!important;
    top: -12%!important;
    font-size: 15px;
    background: #fff;
    border-radius: 50%;
    padding: 0px 7px;
    border:1px solid #999;
}


.enter_meet {
   position: absolute;
    left: 60%;
    bottom: -0px;
    /*padding: 5px 20px;*/
    color: #fff;
    border-radius: 20px;
  /*  background:url(../images/Ask-a-Question.png) no-repeat;*/
    background-size:100% 100%;
  /*  background: #374d9b;*/
    margin-left: -60px;
    font-weight: 600;
    font-size: 14px;
    text-transform:uppercase;
}
.btn-home {
    position: fixed;
    top: 0.2%;
    right: 1%;
    width: 4.5%;
    height: 3%;
    background-size:100% 100%;
}
.btn-back1 {
    position: fixed;
    top: 9.2%;
    left: 0%;
    width: 3.5%;
    height: 3%;
    background-size:100% 100%;
}
.enter_feedback{
    position: absolute;
    left: -54%;
    bottom: 10px;
    padding: 10% 40%;
    border-radius: 20px;
    background:url(../images/btn-feedback.png) no-repeat;
    background-size:100% 100%;
}

.btn-agenda{
    position: absolute;
    bottom: 0%;
    left: 35%;
    transform: translate(-50%, -50%);
    background:transparent;
    cursor: pointer;
}

.btn-selfie{
    position: absolute;
    bottom: 0%;
    left: 50%;
    width: 10%;
    transform: translate(-50%, -50%);
    background:transparent;
    cursor: pointer;
}
.audi-top-screen{position: absolute;
    top: 42.5%;
    left: 49.8%;
    width: 51%;
    transform: translate(-50%, -50%);
}

button.close {
    background: #fff;
    border-radius: 50%;
    padding: 1px 5px;
    font-size: 18px;
    opacity: 1;
    border:1px solid #000;
}
.close {
    position: absolute;
    float: right;
    right: -20px;
    top: -20px;
}

#myModal button.close{
        background: #fff;
    border-radius: 50%;
    padding: 1px 5px;
    font-size: 18px;
    opacity: 1;
}

#myModal .close{ 
    position: absolute;
    float: right;
    right: -20px;
    top: -20px;}

#myModal .modal-dialog{
    width: 420px;
}
#myModal .modal-body{
    padding: 0px;
    /*margin:30px auto;*/
}

.sony_land_pre{float:left;width:100%;height:100vh;z-index:0;position:relative;}
.sony_land_pre:before{content:"";position:absolute;width:100%;height:100%;background-image:url(../images/landing-Page.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-position:initial;z-index:0;}

.image_eb9{display:none;}

.sony_land_1{float:left;width:100%;height:100vh;z-index:0;position:relative;}
/*.sony_land_1:before{content:"";position:absolute;width:100%;height:100%;
background-image:url(../images/Registration_Page.jpg);background-size:100% 100%;
background-repeat:no-repeat;background-position:center center;
background-position:initial;z-index:0;}
*/
.feedback{position:relative;width:100%;height:100vh;background-image:url(../images/Feedback-16-X-9.jpg);
    background-size:100% 100%;background-repeat:no-repeat;background-position:center center;
    background-position:initial;z-index:0;}
.btn-submit{background: #3d61ad;
    border: none;
    color: #fff;
    padding: 5px 25px;
    font-size: 14px;
    border-radius: 3px;
    margin-top: 10px;}    

.lobby_iframe{
    
    
    width: 452px;
    height:230px;
}

.land_1{float:left;width:100%;height:100vh;z-index:0;position:relative;text-align:center;}
.land_1:before{content:"";position:absolute;width:100%;height:100%;background-image:url(../images/SONY-LIV-LANDING-PAGE-BG.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-position:initial;z-index:0;lefT:0;top:0;}

.land_2{float:left;width:100%;height:100vh;z-index:0;position:relative;text-align:center;}
.land_2:before{content:"";position:absolute;width:100%;height:100%;background-image:url(../images/SONY-LIV-LANDING-PAGE-BG.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-position:initial;z-index:0;left:0;}

.audi_stream{
    
    padding:57.25% 0 0 0;position:relative;
}

.land1_text{float:left;width:100%;padding:5% 0 0 0;text-align:center;position:absolute;z-index:5;bottom:2%;left:0;}
.land1_text>img{width:65%;}

.in_tar {
    position: absolute;
    right: 17%;
    bottom: 2px;
    height: 30px;
    width: 30%;
}
hr{ margin-top: 5px!important;
    margin-bottom: 5px!important;
    border: 0;
    border-top: 1.9px solid #43a2fe!important;
}
.form_heading{float: left;
    width: 100%;
    text-transform:capitalize;
    color: #ea4a26;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 6px;
    padding: 0px;}
.form_heading>b{font-size:10px;font-weight:800;}
.form_heading>abbr{font-weight:700;font-size:22px;text-transform:capitalize;}
.sony_land_2{width:100%;height:100vh;position:relative;
    background:url(../images/Lobby.gif) no-repeat;background-size: 100% 100%;}

.form-control2{border-top: none;border-left: none; border-right: none; 
    border-bottom: 1.9px solid #ea4a26;
    width: 100%; background: transparent; font-size: 14px;color: #000;height: 32px;
    margin-bottom: 9px;}
.detail_form_list li input::placeholder{color: #555!important;}
select option{
    /*background: #f36a23;*/
}


.feedback-form{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%); width: 80%;
   font-family: 'Open Sans', sans-serif; height: 97vh; overflow: auto;}

/*.hungry .selection {
  margin-bottom: 1em;
}
.hungry .selection label {
    display: inline-block;
    width: 2em;
    background-color: transparent;
    border-radius: 0px;
    padding: 0.2em;
    cursor: pointer;
    text-align: center;
    color: #354ea2;
    border: 1px solid #3952a6;
    margin: 0px 3px;
}
.hungry .selection label:hover {
  background-color: #5fc0dc;
}
.hungry .selection input[type=radio] {
  display: none;
}
.hungry .selection input[type=radio]:checked ~ label {
  background-color: #5fc0dc;
}
*/
.ratings{color: #ec4343; text-align: center; font-size: 12px;}
.que-th{width: 20%;}
.radio-btn{padding: 0px!important;}
.feedback-form table tr th, .feedback-form table tr td{padding: 10px;
    font-size: 13px; text-align: center;}
.feedback-form table tr th{color: #000; text-align: center; border:1px solid #ddd;}
.feedback-form table tr td{color: #000; text-align: center; border:1px solid #ddd;}
.text1{border:none; border-bottom: 1px solid #ddd; width: 50%;}
/*.feedback-form table tr th:nth-child(1){background: #3d61ad;}
.feedback-form table tr th:nth-child(2){background: #3d61ad;}

.feedback-form table tr th:nth-child(3){background: #d4ecfb; color: #3d61ad;}
.feedback-form table tr th:nth-child(4){background: #d4ecfb; color: #3d61ad;}
.feedback-form table tr th:nth-child(5){background: #d4ecfb; color: #3d61ad;}*/

.table1 tr th:nth-child(2){width: 5%;}
.table1 tr td:nth-child(2){width: 5%;}

.table1 tr th:nth-child(3){width: 5%;}
.table1 tr td:nth-child(3){width: 5%;}

.table1 tr th:nth-child(4){width: 5%;}
.table1 tr td:nth-child(4){width: 5%;}

.table1 tr th:nth-child(5){width: 5%;}
.table1 tr td:nth-child(5){width: 5%;}

.table1 tr th:nth-child(6){width: 5%;}
.table1 tr td:nth-child(6){width: 5%;}

.bottom-que{display: flex; padding: 5px 10px 0px; font-size: 13px;}
.bottom-que li:nth-child(1){width: 40%;}
.bottom-feedback{background: #d4ecfb; border:1px solid #d4ecfb; color: #ec4343;}
.radio-table tr td{padding: 0px!important;}
.radio-table{width: 100%; margin: 0 auto;}
.radio-td{width: 20%;}


.sony_land_3{width:100%;height:100vh;position:relative;
    background-image:url(../images/Auditorium.jpg);background-size:100% 100%;background-repeat:no-repeat;}
.container{margin:0 auto;max-width:1400px;width:100%;position:relative;}
.tophead{width:100%;float:left;background:#fff;padding:6px 10px;}
.lobby_logo{float:left;width:70px;}
.lobby_logo>img{width:100%;}
.lobby_logo>a{display:inline-block;width:70px;}
.lobby_right_content{float:left;font-size:34px;color:#25084d;font-weight:600;padding:12px 0;width:100%;text-align:center;}
.lobby_right_content>b{font-weight:800;}
 

 #video, #enter_to_login, #pointToaudi, #pointToaudi2, #video2 {
    display: none;
}


.form_area {
   /* position: absolute;
    left: 82%;
    top: 43%;
    width: 24%;
    transform: translate(-50%, -50%);
    background: url(../images/Form.png) no-repeat;
    background-size: 100% 100%;*/
    position: absolute;
    left: 11%;
    margin-top: 6%;
    width: 76%;
}
.label{display: flex;}
ul.detail_form_list{float:left;width:100%;}
ul.detail_form_list li{float:left;width:100%;padding:3 0;position:relative;}
ul.detail_form_list li> div> label{float: left;
    /*width: 30%;*/
    padding: 2px 10px 7px 5px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
    color: #222;}
/*ul.detail_form_list li> div> input{width:100%;padding:0px 5px;border:none;border-bottom:2px dotted #333;font-size:12px;height:19px;
    border-radius:0px;color: #222; }

h6{
    font-size: 12px; color:#000;margin-left:5px; font-weight: 600;font-family: 'Oswald', sans-serif;
}

ul.detail_form_list li> div> select{width:100%;border:none;border-bottom:2px dotted #333;font-size:12px;height:20px;
    border-radius:0px;color: #222;}*/

.form_arealogin{    position: absolute;
    top: 80%;
    left: 84.5%;
    width: 24%;
    transform: translate(-50%, -50%);
    }

/*.blinking {
  display:inline-block;
  border: 2px solid #01a0e4bf;
  animation-name: blinking;
  animation-duration: 1s;
  animation-iteration-count: 500;
}
@keyframes blinking {
  50% {
    border-color: #b3d342;
    box-shadow: 5px 5px 16px rgb(179 211 66);
  }
}*/

/*.s_left{position:absolute;left:5%;top:47%;max-width:10%;margin-top:-60px;}
.s_right{position:absolute;right:5%;top:47%;max-width:10%;margin-top:-60px;}
 */       
.btn-audi{
    position: absolute;
    top: 62%;
    left: 37%;
    transform: translate(-50%, -50%);
    width: 15%;
    height: 28%;
    cursor: pointer;
}
.btn-poster{
    position: absolute;
    top: 62%;
    left: 57.5%;
    transform: translate(-50%, -50%);
    width: 15%;
    height: 28%;
    cursor: pointer;
}
.btn-poster1{    position: absolute;
    top: 54%;
    left: 11%;
    transform: translate(-50%, -50%);
    width: 17.5%;
    height: 36%;
    cursor: pointer;
}
.btn-poster2{    position: absolute;
    top: 54%;
    left: 37.5%;
    transform: translate(-50%, -50%);
    width: 17.5%;
    height: 36%;
    cursor: pointer;
}
.btn-poster3{    position: absolute;
    top: 54%;
    left: 63%;
    transform: translate(-50%, -50%);
    width: 17.5%;
    height: 36%;
    cursor: pointer;
}
.btn-poster4{    position: absolute;
    top: 54%;
    left: 89%;
    transform: translate(-50%, -50%);
    width: 17.5%;
    height: 36%;
    cursor: pointer;
}

/*.log_logo{    position: absolute;
    left: 40%;
    max-width: 30%;
    top: 8%;
}


.landing1_logo{display:inline-block;
   position:relative;z-index:5;margin:3% 0 0 0;
    max-width: 20%;
}
.landing1_logo1{display:inline-block;     ;
    position:relative;z-index:5;margin:3% 0 0 0;
    max-width:20%;
    
}
.landing1_logo2{    float: left;
    z-index: 5;
    margin:2% 0 0 0;
    width: 100%;

}
.landing1_logo2>a{display:inline-block;max-width:20%;position:relative;z-index:99999;}
 
 
.inner_info1{float:left;width:100%;padding:5px 0;}
.inner_info1>abbr{float:left;width:100%;font-size:12px;color:#00a0e3;font-weight:800;text-transform:uppercase;}
.inner_info1>em{float:left;width:100%;font-style:normal;color:#000;text-transform:uppercase;font-size:10px;font-weight:600;}
*/
.sub_button{float:left;width:100%;text-align:center;padding:0 10px;}
/*.sub_button>a{display:inline-block;padding:2px 20px;border-radius:10px;color:#fff;background:#17a1cb;position:relative;left:30px;font-size:8px;border:solid 1px #fff;text-transform:uppercase;margin-bottom:1%;}
.sub_button>a:hover{background:#8b1f4f;}*/
.sub_button>a>img{width: 32%;margin-top: 15px; border:1px solid #ea4a26;}
/*.sub_button a{
    background: #073c5b;
    color: #fff;
    padding: 4px 20px;
    font-size: 15px;}
.sub_button a:hover{color: #fff;}*/
/*.lobby_screen{float:left;width:100%;text-align:center;position:relative;height:inherit;}*/
/*.lobby_screen>abbr{display:inline-block;width:23%;padding:15px;margin:5% 13% 0 1%;}
*/
/*.lobby_screen>abbr{margin-top:5%;display: block;}
.lobby_screen>abbr>img{width:100%;border:solid 4px #fff;border-radius:4px;}*/
.enter_looby
{
    position: absolute;
    left: 45%;
    top: 41%;
    font-weight: 500;
    border-radius: 25px;
    text-transform: uppercase;
    width: 10%;
    height: 5%;
}

.enter_looby8
{
    position:absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 95%;
    color:#fff;
    font-weight:600;
    width:15%;
    text-align:center;
    cursor: pointer;
    
     
     
   
    /*border-radius:20px;*/
    text-transform:uppercase;
}


.enter_looby>abbr{background:#25084d;border-radius:5px;padding:5px 10px;
		 
    animation:blinkingText 1.2s infinite;
}

.enter_looby8>abbr{background:#25084d;border-radius:5px;padding:5px 10px;
		 
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #fff;    }
    49%{    color: #fff; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #fff;    }
 
}

.enter_audi{position:absolute;left:50%;bottom:-20px;padding:5px 20px;color:#8513d0;}
.table_data{margin:0 auto;max-width:1000px;background:#fff;border-radius:10px;text-align:center;}
 .data_table{width:100%;border:solid 1px #ededed;margin-top:10px;}
.data_table tr th{padding:10px;text-align:left;text-transform:uppercase;font-size:11px;font-weight:600;border-bottom:solid 1px #ededed;border-right:solid 1px #ededed;color:#7b7b7b;}
.data_table tr td{padding:10px;text-align:left;font-size:12px;border-bottom:solid 1px #ededed;border-right:solid 1px #ededed;}
 .q_content{position:absolute;bottom: 4%;
    left: 50%;
    transform: translate(-50%,-50%);
    right: auto;min-width:400px;padding:10px;border-radius:4px;background:#fff;font-size:11px;}
 .err_msg{font-size:10px;float:right;width: 100%;
    text-align: right;
    margin-top: -10px;
    color: #000;}
.back_to_lobby{position:absolute;left:15%;top:5%;}
.person_details1{position:absolute;right:10px;width:50%;top:45%;}
.person_details1>abbr{float:left;width:100%;color:#fff;font-size:14px;}
.person_details1>b{float:left;width:100%;color:#f17126;font-weight:600;font-size:18px;text-transform:uppercase;}
.person_details1>em{float:left;width:100%;font-style:normal;color:#fff;font-weight:400;font-size:15px;}
.lobby_screen>b{top: 18%;width: 45%;border-radius:5px;display:inline-block;position:relative;}
/*.lobby_screen>b>div{padding:49.25% 0 0 0 !important;}*/

.lobby_screen>b>img{width:100%;height:100%;margin-left:1%;margin-right:1%;}
.down_csv{font-size:14px;background:green;float:right;padding:5px 10px;border-radius:4px;color:#fff;margin:10px 5px;}
.date_picker{float:right;width:200px;margin:10px 5px;}
.table-responsive{overflow-x:auto;width:100%;}
.flip_meesage{display:none;}
.btn_agenda {
    position: absolute;
    bottom: 8%;
    left: 45%;
    width: 10%;
    height: 6%;
    background: url(../images/btn-agenda.png) no-repeat;
    background-size: 100% 100%;
}









@media (min-width:320px) and (max-width:900px) {

.detail_form_list li input::placeholder{font-size: 9px;}
.detail_form_list li select::placeholder{padding: 0px!important;}
.form-control2{font-size: 9px;
    height: 18px;
    margin-bottom: 0px;
    padding: 0px;
}

.btn-back{padding: 6px 10px; font-size: 9px;
    top: 2%;
    left: 77%;
}
.feedback-form{ width: 96%;}
.feedback-form table tr th, .feedback-form table tr td{padding:5px;
    font-size: 11px; text-align: center;}
.btn-submit{font-size: 12px; margin-bottom: 20px;}
.bottom-que{font-size: 12px;}

.inner_info1{padding:1px 0;}
/*.form_area{    left: 81%;
    width: 26%;}*/
.form_arealogin{left: 86%; width: 21%;}
ul.detail_form_list{margin-bottom: 5px;}

.ringring {
    width: 20px;
    height: 20px;
}
.circle {
    width: 10px;
    height: 10px;
}
.ring-container {
    top: -30%;
    left: 42%;
}

ul.detail_form_list{float:left;width:100%;}
ul.detail_form_list li{float: left;
    width: 100%;
    padding: 0px 0;
    height: 22px;
    position: relative;}
.err_msg{font-size: 5px;
    margin-top: 0px;}
.sub_button>a>img{margin-top: 5px; width: 50%;}
ul.detail_form_list li> div> label{    float: left;
    /*width: 30%;*/
    padding: 10px 0 0px 2px;
    font-size: 7px;}
/*ul.detail_form_list li> div> input{
    font-size: 8px;
    border-bottom: 1px dotted #333;
    border-radius: 0px;}

ul.detail_form_list li> div> select{
font-size: 8px;
    border-bottom: 1px dotted #333;
    border-radius: 0px;}
*/
.calendar{
left: 15%;
    top: 82%;
    width: 28%;
    height: 11%;
}
.btn-agenda>img{
    
    width:85px;
}

.makepractice{width: 95%; height: 85%;}
.tab button{font-size: 8px;}

.sub_button a{ padding: 2px 15px;
    font-size: 9px;}
.form_heading{
    font-size: 8px;
    padding: 0px;
    margin-bottom: 3px;
}
.form_heading>b{font-size:10px;font-weight:800;}
.form_heading>abbr{font-weight:700;font-size:22px;text-transform:capitalize;}

.lobby_screen>b{top:25%;width:40%;border-radius:5px;display:inline-block;position:relative;}
 .lobby_right_content{width:100%;text-align:center;font-size:18px;padding:0 0;}
 .lobby_screen>abbr{width:25%;padding:5px;margin:-2% 1% 0 1%;display: inline-block;}


.enter_meet {
    position: absolute;
    left: 50%;
    bottom: -53px;
    padding: 5px 20px;
    color: #fff;
    border-radius: 20px;
    /*background: #374d9b;*/
    margin-left: -60px;
    
    font-weight: 600;
    font-size: 8px;
    text-transform: uppercase;
}

.btn-selfie {
    position: absolute;
    bottom: 0%;
    left: 50%;
    width: 16%;
    transform: translate(-50%, -50%);
    background: transparent;
    cursor: pointer;
}

.enter_feedback{
    position: absolute;
    left: -30%;
    bottom: 10px;
    padding: 10% 40%;
    border-radius: 20px;
    background:url(../images/btn-feedback.png) no-repeat;
    background-size:100% 100%;
}

.enter_looby{
     position:absolute;
    left: 45%;
    top: 41%;
    color:#fff;
    font-weight:600;
   /*width:100%;*/
   
    text-align:center;/*
    background-color:#01a0e4;*/
     padding: 5px 20px;
     box-shadow: 0 0 4px 3px #e0e0e0;
    border: solid 1px #fff;
    border-radius:20px;
    text-transform:uppercase;
    font-size:7px;
    
}
/*.lobby_screen>b>div{padding:48.25% 0 0 0 !important;}*/
.landing1_logo{margin:5% 0 0 0;max-width:15%;}
/*.landing1_logo1{margin:5% 0 0 0;max-width:20%;}*/
/*.landing1_logo2 > a{max-width:44%;}*/
.landing1_logo2{margin:0% 0 0 0;}
.landing1_logo2>a{max-width:30%;margin:1% 0 0 0;}
.landing1_logo1{width:18%;}
.lobby_iframe{width: 173px;height: 230px;}
.audi_stream{padding:56.25% 0 0 0;position:relative;}
.lobby_screen>b {top: 27%;
    width: 49%;}
.btn-lobby{font-size: 9px;padding: 1px 20px;}
.feed-img img{width: 100px; margin-top: 7px;}

.pdf_v{display:block; text-align: center;}
.covid1 a p{width:30%;font-size: 15px;}
.ring-main{    top: -2%!important;
    left: 28%!important;}
.ring-poster {
    top: 5%!important;
    left: 30%!important;
}

}


 

@media (min-width:0px) and (max-width:900px) and (orientation: portrait) {
.flip_meesage{position:absolute;left:0;top:0;width:100%;height:110%;text-align:center;background:#fff;display:block;z-index:5;transform:scale(1,1);}
.flip_meesage:before{left:0;top:0;width:100%;height:100%;position:absolute;content:"";
background:url(../images/rotate_device.png) center center no-repeat;background-size:70%;} 

 }
@media (min-width:768px) and (max-width:1024px)  {
 


}
@media (min-width:414px) and (max-width:896) {
.lobby_screen > abbr{margin:0;}
.enter_looby{top:70.6%;}

  }

 @media (min-width:768px) and (max-width:1024px) and (orientation: portrait) {
.flip_meesage{position:absolute;left:0;;top:0;width:100%;height:100%;text-align:center;background:#fff;display:block;z-index:5;}
.flip_meesage:before{left:0;top:0;width:100%;height:100%;position:absolute;content:"";
background:url(../images/rotate_device.png) center center no-repeat;background-size:70%;}
  
}