/*Common CSS*/
html,body{
	margin: 0 auto;
	background-color: #111E2B;
	overflow: auto;
}
body{
	overflow-x:auto !important;
}

.faq_link {
	color: #3898EC !important;
}

/* width */
::-webkit-scrollbar {
  width:8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(0,187,255,0.85);
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(0,187,255,0.85);
}

.navbar{
	width: 1200px;
	margin: 0 auto;
}

.outer_main_div{
	width: 1200px;
	height: 634px;
	position: relative;
	background-color: #111E2B;
	overflow: hidden;
}
.content-wrapper,.screen,.overlay{
	width: 1200px;
	margin: 0 auto;
	height: 634px;
}
.absolute-block.go-back{
	/*width: 100%;*/
        width: 18%;
        z-index: 10000;
}
.language-selection{
	width: 100%;
	height: 100%;
}

.lang-map-container{height: 635px;}
.w-dropdown-list.w--open{
	width: 360px;
}
.w-dropdown-list{
	min-width: unset;
}
/*Common CSS*/

/*Chat Icon*/
.mascot{
	margin: 0px;
	right: -18%;
	bottom: 0%;
	margin-bottom: 10px !important;
}
/*.overlay-mascot{
	right: -5%;
    margin: 0px;
    position: absolute;
    bottom: 3%;
}*/
/*Chat Icon*/

/*Popup*/
.toggle-close{
	margin: 0px;
	top: 9%;
	right: 2%;
	position: absolute;
}
.faq-block{
	margin-top: 30px;
}
.faq-questions,.faq-block{
	overflow: hidden;
}
.overlay.faq{
	overflow: hidden;
	overflow-y: auto;
}
/*Popup*/

/*Map*/
.image-cyberfair-map{
	height: 634px;
	padding: 30px;

}
/*.absolute-block.auditorium{
	margin: 0px;
    top: 60%;
    left: 10%;
}
.absolute-block.games-corner{
	left: 32%;
    top: 74%;
    margin: 0px;
}
.absolute-block.foyer {
    left: 35%;
    top: 55%;
    margin: 0px;
}
.absolute-block.citsp-halls{
    left: 35%;
    top: 25%;
	right: 0%;
	bottom: auto;
	width: 20vw;
	margin: 0px;
}
.absolute-block.fair-halls{
	margin: 0px;
	left: 50%;
    top: 45%;
}
.absolute-block.partner-halls{
	left: 65%;
    top: 60%;
	right: 0%;
	bottom: auto;
	width: 20vw;
	margin: 0px;
}*/
/*Map*/

/*Language*/

/*Language*/

/*Home*/
.slogan{
	width: auto;
	top: 25%;
	bottom: 0%;
}
.video-thumbnail.home{
	width: 250px;
}
.absolute-block.home {
    margin: 0px auto;
    top: 40%;
}
/*Home*/

/*Game Corner*/
.fullscreen-slider{
	width: 100%;
    height: 100%;
}
.absolute-block.games-instructions{
	margin-left: 2vh;
    width: 22vw;

}
.games-link {

    margin-left: 28vw;
}
.left-arrow.games-corner{
	margin: 300px auto auto 430px;
}
.right-arrow.games-corner{
	 margin: 300px 206px auto auto;
}

/*Game Corner*/

/*Auditorium*/
.description-block.agenda {
    width: 400px;
    padding-right: 30px;
    padding-left: 30px;
}
.stream-link {
    width: 31vw;
    height: 33vh;
    margin-top: 12vh;
    margin-left: 21vw;
}
.left-arrow.auditorium{
	margin: 30vh auto auto 18vw;
}
.right-arrow.auditorium{
	margin: 30vh 15vw auto auto;
}
/*Auditorium*/

/*Foyer Page*/
.absolute-block.streams{
	top: 50%;
	left: 20%;
	margin: 0px !important;
}
.absolute-block.wallpaper{
	top: 40%;
	left: 50%;
	margin: 0px !important;
}
.absolute-block.info{
	top: 45%;
	left: 65%;
	margin: 0px !important;
}
.absolute-block.games{
	top: 60%;
	left: 80%;
	margin: 0px !important;
}
.absolute-block.booths{
	top: 40%;
	left: 35%;
	margin: 0px !important;
}
/*Foyer Page*/

/*Fair Hall Page*/
.right-arrow-halls,.slider-text.right{
	right: 10vh;
}
.left-arrow-halls,.slider-text.left{
	left: 30vh;
}
.absolute-block.halls{
	width: 100%;
}
.absolute-block.visit-booth-15{
    width: 20vw;
    height: 25vh;
    margin: 0px;
    top: 35%;
}
.button.booth-15{
	margin-top: 10vh;
}
.absolute-block.visit-booth-12{
    margin: 0px;
    left: 27%;
    top: 30%;
}
.button.booth-12 {
    margin-top: 10vh;
    margin-left: 3vw;
}
.absolute-block.visit-booth-11 {
    width: 10vw;
    height: 15vh;
    margin: 0px;
    top: 35%;
    left: 47%;
}
.button.booth-11 {
    margin-top: 8vh;
    margin-left: 2vh;
}
.absolute-block.visit-booth-14 {
    width: 10vw;
    height: 15vh;
    margin: 0px;
    top: 39%;
    left: 65%;
}
.button.booth-14 {
    margin-top: 5vh;
    margin-left: 1vw;
}
.absolute-block.visit-booth-13 {
    width: 15vw;
    height: 25vh;
    margin: 0px;
    left: 78%;
    top: 35%;
}
.button.booth-13 {
    margin-top: 12vh;
    margin-left: 4vw;
}
.absolute-block.visit-booth-01 {
    width: 20vw;
    height: 25vh;
    margin: 0px;
    top: 32%;
}
.button.hall-1-booth-1 {
    margin-top: 10vh;
    margin-left: 5vw;
}
.absolute-block.visit-booth-02 {
    width: 20vw;
    height: 26vh;
    margin: 0px;
    top: 30%;
    left: 27%;
}
.button.hall-1-booth-2 {
    margin-top: 13vh;
    margin-left: 4vw;
}
.absolute-block.visit-booth-03 {
    width: 10vw;
    height: 18vh;
    top: 35%;
    left: 47%;
    margin:0px;
}
.button.hall-1-booth-3 {
    margin-top: 8vh;
}
.absolute-block.visit-booth-04 {
    width: 8vw;
    margin: 0px;
    top: 35%;
    left: 60%;
}
.button.hall-1-booth-4 {
    margin-top: 8vh;
    margin-left: 0vw;
}
.absolute-block.visit-booth-05 {
    width: 11vw;
    margin: 0px;
    top: 35%;
    left: 70%;
}
.button.booth-05 {
    margin-top: 8vh;
    margin-left: 1vw;
}
.absolute-block.visit-booth-06 {
    width: 10vw;
    margin: 0px;
    top: 35%;
    left: 85%;
}
.button.booth-06-right {
    margin-top: 8vh;
}
.absolute-block.visit-booth-05-right {
    width: 13vw;
    margin: 0px;
    top: 35%;
}
.button.booth-05-right{
	margin-left: 3vw;
}
.absolute-block.visit-booth-06-right {
    width: 10vw;
    margin: 0px;
    top: 35%;
    left: 20%;
}
.absolute-block.visit-booth-07 {
    width: 10vw;
    margin: 0px;
    top: 35%;
    left: 33%;
}
.button.booth-07 {
    margin-top: 7vh;
    margin-left: 1vw;
}
.absolute-block.visit-booth-08 {
    width: 10vw;
    margin: 0px;
    left: 45%;
    top: 38%;
}
.button.booth-08{
	margin-top: 3vh;
}
.absolute-block.visit-booth-09 {
    width: 10vw;
    margin: 0px;
    top: 35%;
    left: 55%;
}
.absolute-block.visit-booth-10 {
    width: 20vw;
    height: 35vh;
    margin: 0px;
    left: 70%;
    top: 35%;
}
.absolute-block.visit-booth-17 {
    margin: 0px;
    top: 30%;
}
.absolute-block.visit-booth-16 {
    width: 20vw;
    margin: 0px;
    top: 35%;
    left: 45%;
}
.absolute-block.visit-booth-18 {
    width: 21vw;
    height: 30vh;
    margin: 0px;
    top: 30%;
    left: 70%;
}
/*Fair Hall Page*/

/*Booth 1 */
.description-block{
	padding: 20px;
    overflow-y: scroll;
}
.absolute-block.booth-01.tvscreen {
    margin: 0px;
    top: 46%;
    left: 12%;
}
.absolute-block.booth-01.screenwall-01 {
    margin: 0px;
    left: 20%;
    top: 25%;
}
.absolute-block.booth-01.screenwall-02 {
    margin: 0px;
    top: 35%;
    left: 35%;
}
.absolute-block.booth-01.screenwall-03 {
    margin: 0px;
    top: 25%;
    left: 45%;
}
.absolute-block.booth-01.touchscreen {
    margin: 0px;
    top: 70%;
    left: 45%;
}
/*Booth 1 */

/*Booth 2 */
.absolute-block.booth-02.tablet {
    margin: 0px;
    top: 65%;
    left: 25%;
}
.absolute-block.booth-02.tvscreen {
    margin: 0px;
    top: 45%;
    left: 40%;
}
.absolute-block.booth-02.touchscreen {
    margin: 0px;
    top: 65%;
    left: 50%;
}
/*Booth 2 */

/*Booth 3 */
.absolute-block.booth-03.tvscreen {
    margin: 0px;
    top: 33%;
    left: 27%;
}
.absolute-block.booth-03.touchscreen {
    margin: 0px;
    top: 60%;
    left: 40%;
}
/*Booth 3 */

/*Booth 4 */
.absolute-block.booth-04.tvscreen {
    margin: 0px;
    left: 50%;
    top: 35%;
}
.absolute-block.booth-04.touchscreen {
    margin: 0px;
    top: 65%;
    left: 50%;
}
/*Booth 4 */

/*Booth 5 */
.absolute-block.booth-04.touchscreen-01 {
    margin: 0px;
    top: 50%;
    left: 22%;
}
.absolute-block.booth-04.touchscreen-02 {
    margin: 0px;
    top: 65%;
    left: 50%;
}
/*Booth 5 */

/*Booth 6 */
.absolute-block.booth-06.touchscreen-01 {
    margin: 0px;
    top: 55%;
    left: 10%;
}
.absolute-block.booth-06.screenwall {
    margin: 0px;
    top: 30%;
    left: 50%;
}
.absolute-block.booth-06.touchscreen-02 {
    margin: 0px;
    top: 60%;
    left: 40%;
}
/*Booth 6 */

/*Booth 7 */
.absolute-block.booth-07.tvscreen {
    margin: 0px;
    top: 40%;
    left: 43%;
}
.absolute-block.booth-07.touchscreen {
    margin: 0px;
    top: 65%;
    left: 20%;
}
/*Booth 7 */

/*Booth 8 */
.absolute-block.booth-08.tvscreen {
    margin: 0px;
    top: 40%;
    left: 40%;
}
.absolute-block.booth-08.touchscreen {
    margin: 0px;
    top: 60%;
    left: 40%;
}
/*Booth 8 */

/*Booth 9 */
.absolute-block.booth-09.tvscreen {
    margin: 0px;
    top: 35%;
    left: 40%;
}
.absolute-block.booth-09.touchscreen {
    margin: 0px;
    top: 60%;
    left: 40%;
}
/*Booth 9 */

/*Booth 10 */
.absolute-block.booth-10.tvscreen {
    margin: 0px;
    top: 45%;
    left: 15%;
}
.absolute-block.booth-10.screenwall {
    margin: 0px;
    top: 25%;
    left: 53%;
}
.absolute-block.booth-10.tablet-01 {
    margin: 0px;
    top: 53%;
    left: 32%;
}
.absolute-block.booth-10.tablet-02 {
    margin: 0px;
    top: 70%;
    left: 30%;
}
.absolute-block.booth-10.touchscreen {
    margin: 0px;
    top: 60%;
    left: 52%;
}
/*Booth 10 */

/*Booth 11 */
.absolute-block.booth-11.tvscreen {
    margin: 0px;
    top: 50%;
    left: 10%;
}
.absolute-block.booth-11.touchscreen {
    margin: 0px;
    top: 65%;
    left: 40%;
}
.absolute-block.booth-11 {
    margin: 0px !important;
    top: 37%;
    left: 50%;
}
/*Booth 11 */

/*Booth 12 */
.absolute-block.booth-12.tvscreen {
    margin: 0px;
    top: 40%;
    left: 40%;
}
.absolute-block.booth-12.touchscreen {
    margin: 0px;
    top: 60%;
    left: 40%;
}
/*Booth 12 */

/*Booth 13 */
.absolute-block.booth-13.touchscreen {
    margin: 0px;
    top: 70%;
    left: 20%;
}
.absolute-block.booth-13.tvscreen {
    margin: 0px;
    top: 50%;
    left: 30%;
}
/*Booth 13 */

/*Booth 14 */
.absolute-block.booth-14.tvscreen {
    margin: 0px;
    top: 35%;
    left: 40%;
}
.absolute-block.booth-14.touchscreen {
    margin: 0px;
    top: 60%;
    left: 45%;
}
/*Booth 14 */

/*Booth 15 */
.absolute-block.booth-15.touchscreen {
    margin: 0px;
    top: 65%;
    left: 40%;
}
/*Booth 15 */

/*Booth 16 */
.absolute-block.booth-16.tvscreen {
    margin: 0px;
    top: 43%;
    left: 14%;
}
.absolute-block.booth-16.tablet {
    margin: 0px;
    top: 55%;
    left: 20%;
}
.absolute-block.booth-16.touchscreen {
    margin: 0px;
    top: 70%;
    left: 45%;
}
.absolute-block.booth-16.screenwall {
    margin: 0px;
    top: 20%;
    left: 52%;
}
/*Booth 16 */

/*Booth 17 */
.absolute-block.booth-17.tvscreen {
    margin: 0px;
    top: 45%;
    left: 35%;
}
.absolute-block.booth-17.touchscreen {
    margin: 0px;
    top: 60%;
    left: 25%;
}
.absolute-block.booth-17.magazine {
    margin: 0px;
    top: 60%;
    left: 50%;
}
/*Booth 17 */

/*Booth 18 */
.absolute-block.booth-18.tvscreen {
    margin: 0px;
    top: 45%;
    left: 15%;
}
.absolute-block.booth-18.tablet {
    margin: 0px;
    top: 50%;
    left: 30%;
}
.absolute-block.booth-18.touchscreen-01 {
    margin: 0px;
    top: 70%;
    left: 40%;
}
.absolute-block.booth-18.touchscreen-02 {
    margin: 0px;
    top: 55%;
    left: 50%;
}
.absolute-block.booth-18.screenwall {
    margin: 0px;
    top: 35%;
    left: 52%;
}
/*Booth 18 */

/*page_level custom css*/
/*navbar*/
.navbar.w-nav .w-container {
    margin: unset;
    max-width: unset;
}
/*page_level custom css end*/
@media (min-width: 320px) and (max-width: 960px) {

.outer_main_div{
    margin: 0 !important;
    width: 100%;
 height: 100vh;
}
.booth_names{
    display: block !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
}
.content-wrapper, .screen, .overlay{
    height: 100vh;
    background-size: cover;
    width: 100%;
}
.booth_tile{
    width: 100% !important;
}
.mascot-image {
    width: 120px;
    float: right;
}
.mascot {
    right: 0%;
}
.foyer_left_text_box{
    top: 15% !important;
    width: 100% !important;
    margin-left: 0px !important;
    margin-bottom: 20px;
}
.foyer_main_div.left_text_box {
    top: 10% !important;
}
.right_button_box {
    width: 100%;
    float: left !important;
}
.ln_box_heading {
    width: 100% !important;
}
.content-wrapper{
    background-size: contain;
    background-repeat: no-repeat;
    top: 6.5%;
}
.description-block{
    width: 100%;
    top: 19.5%;
}
.left_text_box{
    top: 0% !important;
}
.ln_box_heading{
    padding: 20px 20px 20px 15px !important;
}
}