*{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;}
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;}
*/
/*.btn-lobby1{width: 60%;}*/
.btn-feed{margin-top: 3px;}
/*.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;
}
.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-lobby1{width: 85%;}
.btn-lobby2{width: 96%;}
.btn-download{    background: #fffe0d;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    font-weight: bold;
    border-radius: 50px;
    padding: 4px 20px;
    margin-top: 10px;}

.ring-container {
    /* position: relative; */
    position: absolute;
    top: 35%;
    left: 40%;
    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; 
}

.calendar{
left: 20%;
    top: 71%;
}
.btn-agenda>img{
    
    width:140px;
}

.clickme{
    display:block;
    position:absolute;
      left: 40%;
    top: 88%;
    color: black;
}

.wrap_opener {
    position: absolute;
    left: 49%;
    top: 95.5%;
    transform: translate(-50%, -50%);
    width: 28%;
    text-align: center;
    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;
}
    
.wrap_opener2{width: 32%!important;}
    /*.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: 4.5%;
    right: 21%;
    width: 2.5%;
    height: 3%;
    /*background:url(../images/Home-icon.png) no-repeat;*/
    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: 44%;
    left: 50%;
    width: 46%;
    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/BG.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/Login-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%;
}

.form_heading{float: left;
    width: 100%;
    text-align: center;
    text-transform:uppercase;
    color: #011f3b;
    font-size: 16px;
    font-weight: 600;
    /*font-family: 'Jost', sans-serif;*/
    padding: 5px;}
.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-Page.jpg) no-repeat;background-size: 100% 100%;}


.form-control2{border-top: none;border-left: none; border-right: none; border-bottom: 1px solid #00afeb;
    width: 100%; background: transparent; font-size: 14px; color: #3d61ad;}
.feedback-form{position: absolute;top: 71%;left: 50%; transform: translate(-50%,-50%); width: 80%;
   font-family: 'Open Sans', sans-serif;}

/*.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: #fff; text-align: center;}
.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;}
.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/Audi-Page.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 {
    display: none;
}


.form_area {
    position: absolute;
    left: 4%;
    top: 20%;
    width: 24%;
    border-radius: 5px;
    border: 1px solid #fff;
    background: #03a9f4;
    padding:4px 6px 6px;
     box-shadow:3px 3px 6px rgb(0 0 0 / 60%); 
}
ul.detail_form_list{float:left;width:100%;}
ul.detail_form_list li{float:left;width:100%;font-size:14px;position:relative;}
ul.detail_form_list li>label{width: 35%;
	float: left;
    padding: 2px 0 7px 5px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #001d39;}
ul.detail_form_list li>input{width:65%;padding:0px 5px;border:solid 1px #ededed;font-size:12px;height:19px;
    border-radius:3px;color: #222; }
ul.detail_form_list li>input[type="radio"]{width: 4%;height: 12px;}

h6{
    font-size: 12px; color:#fff;margin-left:5px; font-weight: 600;
}

ul.detail_form_list li>select{width:65%;border:solid 1px #ededed;font-size:12px;height:20px;
    border-radius:3px;color: #222;}

.form_arealogin{
    position: absolute;
    left: 72.5%;
    top: 6%;
    width: 24%;
    border-radius: 5px;
    border: 1px solid #fff;
    background: #03a9f4;
    padding:4px 6px 6px;
     box-shadow:3px 3px 6px rgb(0 0 0 / 60%); 
      }

/*.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;}
        
.touchme{    position: absolute;
    top: 94%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18%;
    height: 7%;
    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:8px 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: 40%;margin-top: 6px;}*/
.sub_button a{background: #018fe5;
    color: #fff;
    padding: 1px 18px;
    border-radius: 6px;
    font-size: 14px;
    border: 1px solid #fff;}
.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;
    margin-left:8%;
    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:105%;text-align:right;    margin-top: -3px;
    color: #fff;}
.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:501px) and (max-width:900px) {
.sub_button{padding: 1px 10px;}
.sub_button a{font-size: 8px;}
.btn-feed{margin-top: 0px;}
.btn-back{padding: 6px 10px; font-size: 9px; border-radius: 4px;}
.feedback-form{ width: 96%;top: 107%;}
.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{
 width: 32%;
    top: 19%;
    left: 1%;
}

ul.detail_form_list li>input[type="radio"]{width: 8%;height: 12px;}

.btn-home {
    position: fixed;
   top: 4%;
    right: 21%;
    width: 3%;
    height: 3%;
    /* background: url(../images/Home-icon.png) no-repeat; */
    background-size: 100% 100%;
}    
.btn-lobby1 {
    /*width: 40%;*/
    padding: 2px 10px;
    font-size: 12px;
}
.ringring {
    width: 20px;
    height: 20px;
}
.circle {
    width: 10px;
    height: 10px;
}
.ring-container{
    top: 8%;
    left: 31%;
}

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: -1px;}
.sub_button>a>img{margin-top: 5px; width: 50%;}
ul.detail_form_list li>label{    float: left;
    padding: 1px 0 0px 0px;
    font-size: 7px; width: 31%;}
ul.detail_form_list li>input{width: 65%;
    padding: 0px 5px;
    border: solid 1px #ededed;
    font-size: 10px;
    height: 15px;
    border-radius: 0px;
    margin-left: 4%;}

ul.detail_form_list li>select{width:65%;border:solid 1px #ededed;font-size:10px;height:15px;border-radius:0px;margin-left:4%;}

.calendar{
left: 15%;
    top: 82%;
    width: 28%;
    height: 11%;
}

/*.btn-lobby1{   
    padding: 2px;
    font-size: 10px;
    margin: 3px;
    width: 100%;
}*/
/*.wrap_opener{top: 94.5%; width: 28%;}*/
h6{
    font-size: 8px;
    color: #fff;
    margin-top: 6px;
    margin-left: 2px;
}

.btn-agenda>img{
    
    width:85px;
}

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


.form_heading{float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    padding: 2px;}
.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;
    
}

.enter_looby8{
     position:absolute;
    
    top:85%;
    color:#fff;
    font-weight:600;
   /*width:100%;*/
   
    text-align:center;
   
    /*border-radius:20px;*/
    text-transform:uppercase;
    font-size:12px;
    
}
/*.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%;}
.wrap_opener .enter_feedback { bottom: -40px; padding: 8% 30%; }
.btn-lobby{font-size: 9px;padding: 1px 20px;}
.feed-img img{width: 100px; margin-top: 7px;}

/*.wrap_opener{top:94%; }*/
.btn-logout{    padding: 0px 25px;
    line-height: 21px;
    width: 42%;
    height: 24px;
    margin-left: 5px;
    margin-top: 4px;
    font-size: 11px;}

.pdf_v{display:block; text-align: center;}
.covid1 a p{width:30%;font-size: 15px;}

.btn-lobby1 img{width: 50%;}

}


 

@media (min-width:0px) and (max-width:500px) {
.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%;} 

.sony_land_1:before{
	background-image:url(../images/Login-page-Mobile-Version.jpg);}
	
.sony_land_1 {
    float: left;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    z-index: 0;
    position: relative;
}

.form_area {
    width: 60%;
    left: 21%;
    top: 43%;
}
ul.detail_form_list li>label{font-size: 8px;}
ul.detail_form_list li{font-size: 12px;}

.sony_land_2{background:url(../images/Lobby-Page-Mobile-Version.jpg);
    background-size: 100% 100%;}
.touchme {top: 91%; width: 73%;}
.ring-container { top: 27%; left: 40%; }

.sony_land_3{background:url(../images/Audi-Page-Mobile-Version.jpg);background-size: 100% 100%;}
.audi-top-screen {
    top: 53%;
    left: 50%;
    width: 94%;}
.wrap_opener {
    top: 94%; width: 94%;}
.btn-lobby1{width: 100%;}


}