@font-face {
	font-family: 'samsung_interfaceregular';
	src: url('fonts/samsung_inter_face/samsungif_rg-webfont.eot');
	src: url('fonts/samsung_inter_face/samsungif_rg-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/samsung_inter_face/samsungif_rg-webfont.woff') format('woff'),  url('fonts/samsung_inter_face/samsungif_rg-webfont.ttf') format('truetype'),  url('fonts/samsung_inter_face/samsungif_rg-webfont.svg#samsung_interfaceregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'samsung_interfaceblack';
    src: url('fonts/samsungif_blk-webfont.eot');
    src: url('fonts/samsungif_blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/samsungif_blk-webfont.woff2') format('woff2'),
         url('fonts/samsungif_blk-webfont.woff') format('woff'),
         url('fonts/samsungif_blk-webfont.ttf') format('truetype'),
         url('fonts/samsungif_blk-webfont.svg#samsung_interfaceblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'samsung_interfacebold_italic';
    src: url('fonts/samsungif_bdit-webfont.eot');
    src: url('fonts/samsungif_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/samsungif_bdit-webfont.woff2') format('woff2'),
         url('fonts/samsungif_bdit-webfont.woff') format('woff'),
         url('fonts/samsungif_bdit-webfont.ttf') format('truetype'),
         url('fonts/samsungif_bdit-webfont.svg#samsung_interfacebold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body {
             height:100%;
           }
img
{
	border:none!important;
}
		   
body
{
	margin:0px;
	padding:0px;
	font-family: 'samsung_interfaceregular';
	background-color:#09b7fe;
}
.main_introbg
{
	background-color:#410083;
	width:100%;
	height:100%;
	position:relative;
         top:0;left:0;
         bottom:0;right:0;
		 overflow:hidden;	 
}
.center_div
{
	  position: relative;
	  top: 36%;
   /* top: 36%;
    left:47.85%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
 	 /*width:50%;*/
	 width:783px;
	 margin:0 auto;
	
	
}
.hala
{
	position:absolute;
	left:0px;
	top:50px;
	z-index:3;
}
.heart
{
	position:absolute;
	left:275px;
	z-index:4;
}
.hali
{
	position:absolute;
	left:528px;
	top:50px;
	z-index:1;
}
.blue_strip
{
	width:125px;
	height:200px;
	background-color:#410083;
	position:absolute;
	left:275px;	
	z-index:2;
}
.intr_text
{
	color:#FFF;
	font-size:13px;
	position:absolute;
	left:0%;
	z-index:5;
	width:55%;
	display:none;
}
.intr_text p
{
	margin:0px;
	padding:10px 55px 15px 0px;
}
.got_closer
{
	font-family: 'samsung_interfacebold_italic';
	border:1px solid #ffb300;
	font-size:15px;
	
	color:#ffb300;
	text-transform:uppercase;
	
	text-align:center;
	padding:9px 20px 8px 15px;
	margin-right:10px;
	display:inline-block;
}
#zoom_container 
		{
			background-color: #09b7fe !important;
			
		}
.got_closer.gc_center {
    margin-left: 110px;
}		
.got_closer1
{
	/*margin-left:35% !important;*/
	margin-top:10px;
}
.got_closer a
{
	display:block;
	color:#ffb300;
	text-decoration:none;
	padding:5px 0px;
}
.got_closer a:hover
{
	display:block;
	color:#ffb300;
	text-decoration:none;
	padding:5px 0px;
}
.mobile_logo
{
	display:none;
}
#popup_howtovideo{display:none}
/**************** popup 1 ****************/
#popup_howtovideo_background
{
	opacity:0.9!important;
	background-color: #410083 !important;
	z-index: 85;
}
.got_closer1 #popup_howtovideo_background_1
{
	opacity:0!important;
	background-color: #410083 !important;
	z-index: 85;
}
.my_popup
{
	
}
.my_popup_close
{
	background:none;
	border:none;
	outline:none;
	position:absolute;
	top:10px;
	right:10px;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
}
.my_popup_close1
{
	background:none;
	border:none;
	outline:none;
	position:absolute;
	top:-42px;
	right:-8px;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
}
.popup1{background-image:url(../images/overlay_bg.png);
background-repeat:no-repeat;
	width:400px;
	height:233px;
	padding:35px 5px 22px 75px; 
	
	color:#FFF;
	font-size:18px;}
.popup1 h2{ font-size:22px; color:#ffb300; font-weight:bold; margin:0px; padding:0px 0px 15px 0px;}	
.popup1 p{ margin:0px; padding:0px; padding-bottom:10px;}
.popup2{background-image:url(../images/overlay_bg1.png);
background-repeat:no-repeat;
	width:332px;
	height:207px;
	padding:15px 0px 0px 90px; 
	position:relative;
	color:#FFF;
	font-size:18px;
	left:0px;
	top:30px;}
.popup2 h2{ font-size:22px; color:#ffb300; font-weight:bold; margin:0px; padding:0px 0px 15px 0px;}	
.popup2 p{ margin:0px; padding:0px; padding-bottom:10px;}
.social_img{position:absolute;right:0px; top:-33px;}
.social_img_msg{position:absolute;right:0px; top:-33px; margin-top:20px; overflow:hidden; height:245px;}

.social_img_msg:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}
#imaget {
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
   
}
.name
{
	font-size:17px;
	color:#ffb300;
	font-weight:bold;
}
.date
{
	font-size:13px;
	color:#410083;
	font-weight:normal;
	padding-bottom:15px;
	width: 153px;
}
.title
{
	font-size:17px;
	color:#410083;
	font-weight:bold;
	padding-bottom:5px;
}
.address
{
	font-size:14px;
	color:#410083;
	font-weight:bold;
	width: 153px;
}


.scroll_content
{
	height:190px;
	overflow:hidden;

}
.mCSB_inside > .mCSB_container{ margin-right:0px!important;}
.scroll_content ul { margin:0px; padding:0px; margin-right:25px;}
.scroll_content ul li{margin:0px; padding:7px 0 7px 40px; list-style:none; background-image:url(../images/bullet_point.png);
background-position:0px 7px; background-repeat:no-repeat; height:36px; line-height:36px;color:#410083; border-bottom:1px solid #CCC;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	}
.scroll_content ul li a
{
	color:#410083;
	text-decoration:none;
}
.scroll_content ul li a:hover
{
	color:#410083;
	text-decoration:underline;
}

.btn{ padding-top:25px; text-align:center; display:none;}
.overlay-bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	cursor: pointer;
	z-index: 1000; /* high z-index */
	background: #000; /* fallback */
	background: rgba(0,0,0,0.75);
}
	.overlay-content {
		display: none;
		background: #8b9cab;
		padding:0%;
		width:97%;
		position: absolute;
		top:0px!important;
		left:0%;
		margin: 0 0 0 0;
		cursor: default;
		z-index: 10001;
		border-radius: 4px;
				
	}
	.overlay-content > p { padding:15px 20px; margin:0px;font-size:14px;color:#142b3f; text-align:left}

	.close-btn {
		cursor: pointer;
		text-decoration:none;
		border:none;
		background:none;
		position:absolute;
		top:10px;
		right:5px;
		padding:0px;
		
	}
	.close-btn:hover {
		text-decoration:none;
	}
	
	.hala_logo
{
 position:fixed;
 left:15px;
 top:15px;
 z-index: 200;
}
.log_samsung
{
 position:fixed;
 left:45%;
 top:15px;
 z-index: 200;
 display:none;
}
.hashhala
{
	position:fixed;
	bottom: 10px;
	right: 10px;
	z-index:10;
}
.close_panel
{
 position:fixed;
 right:15px;
 top:20px;
 z-index: 200;
}
.close_panel1
{
 position:fixed;
 right:15px;
 top:15px;
 z-index: 200000;
}
.zoom_control
{
 position:fixed;
 bottom:0px;
 width:463px;
 z-index: 100;
 text-align:center;
 left: 35%;
}
.zoom_control p
{
 text-align:center;
 color:#410083;
 padding:10px;
 margin:0px;
 font-size:18px;
 font-weight:bold;
 text-transform:uppercase;
}
.control_bg
{

 
display:block; width:100%; margin:0 auto; border:1px solid #410083; 
 
}
.control_bg ul { margin:0px; padding:0px}
.control_bg ul li { margin:0px; padding:8px 0px 2px 0px; list-style:none; width:155px; text-align:center; float:left; border-right:1px solid #410083;}
.control_bg ul li:first-child{ width:150px; text-align:center;}
.control_bg ul li:last-child{/* width:185px;*/ text-align:center;}
control_bg ul li img{ margin:0px; padding:0px;}
.control_bg ul li:last-child{ border-right:none;}
.zoom_btn
{
 float:left;
 width:47%;
 text-align:center;padding:5px; padding-top:8px; height:36px;
 border-right:1px solid #410083;
}
.watch_movie
{
 float:right;
 width:46%;
 text-align:center;padding:8px 5px 2px 5px;
}	
/**************** popup 1 Close ****************/

  /*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
	
}
 .tab-links
 {
	 padding-bottom:5px;
 }
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
  .tab-links ul { margin:0px; padding:0px;}
    .tab-links ul li {
        margin:0px 0px;
        float:left;
        list-style:none;
		 font-size:20px;
            font-weight:600;
			 padding:9px 0px 9px 0px;
              margin-right:5%;
			  width:auto;
	}
	 
  .tab-links ul li:last-child { margin-right:0px}
        .tab-links a 
		{
           
            display:inline-block;
           
            color:#FFF;
			text-decoration:none;
         }
 
        .tab-links a:hover {
            color:#ffb000;
            text-decoration:none;
        }
 
    li.active a, li.active a:hover {
        text-decoration:none;
		
        color:#ffb000;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        padding:10px 0px;
        color:#FFF;    }
		
	.tab-content h2 { margin:0px; padding-bottom:10px; color:#ffb000; font-size:34px;}	
 .tab-content h3 { margin:0px; padding-bottom:10px; color:#FFF; font-size:27px;}
 .tab-content h4 { margin:0px; padding-bottom:10px; color:#FFF; font-size:18px;}
 .tab-content p { margin:0px; padding:0px; color:#FFF; font-size:14px; line-height:15px; text-align:center}
 .left_align{ text-align:left!important;}
 .tab-content p span{ font-size:12px; color:#fcad05; display:block; padding-top:10px}
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }
		
	.static_content{ background-color:#410083; width:100%; height:100%;}
	.middle_content 
	{
		width:980px;
		margin:0 auto;
		padding-top:8.5%;
	 position: relative;
	}
	
	.step_patricipate 
	{
		margin-top:15px;
		margin-left:25px;
	}
	.step_patricipate ul
	{
		margin:0px;
		padding:0px;
	}
	.step_patricipate ul li
	{
		float:left;
		margin-right:25px;
		width:30%;
		text-align:center;
		padding:0px;
		list-style:none;
	}
	
	.step_h
	{
		font-size:20px;
		color:#fcad05;
		font-weight:bold;
		padding-top:10px;
		padding-bottom:10px;
	}
	.video_title
	{
		font-size:20px;
		font-weight:bold;
		float:left;
		color:#e99d1a;
		padding-top:34px;
	}
	.share_btn
	{
		float:right;
		color:#FFF;
		font-size:17px;
		padding-top:28px;
		width:16.5%;
		text-align:right;
	}
	.share_btn a
	{
		margin-right:0px;
	}
	.share_btn span{ position:relative; bottom:7px;}
	.clear{ clear:both; }
	.search_area
	{
		width:300px;
	position: fixed;
	  bottom: 38%;
	  left:72px;
	    z-index: 999 !important;
		
	}
	.search_title{font-size:19.6px; text-transform:uppercase; color:#410083; padding-bottom:1px; font-family: 'samsung_interfaceblack';}
	input[placeholder],
    [placeholder],
    *[placeholder] {
      color: white !important;
    }
	::-webkit-input-placeholder { / WebKit browsers /
		color:    #fff;
	}
	:-moz-placeholder { / Mozilla Firefox 4 to 18 /
	   color:    #fff;
	   opacity:  1;
	}
	::-moz-placeholder { / Mozilla Firefox 19+ /
	   color:     #fff;
	   opacity:  1;
	}
	:-ms-input-placeholder { / Internet Explorer 10+ /
	   color:    #fff;
	}
	*::-webkit-input-placeholder {
     color:    #fff;
	}
	*:-moz-placeholder {
		/ FF 4-18 /
		 color:    #fff;
	}
	*::-moz-placeholder {
		/ FF 19+ /
		 color:    #fff;
	}
	*:-ms-input-placeholder {
		/ IE 10+ /
		 color:    #fff;
	}
	
	INPUT.search_field
	{
		border:1px solid #FFF;
		border-radius:0px!important;
		height:42px;
		width:226px;
		padding:0px;
		padding-left:10px;
		font-size:14px;
		color:#ffffff;
		/*text-transform:uppercase;*/
		background:transparent;
		
		float:left;
		
	}
	INPUT.search_field:focus
{
	color:#410083!important;
}
	INPUT.search_btn
	{
		float:left;
		border-radius:0px!important;
	}
	.share_sarch_txt
	{
		float:left; font-size:14px; line-height:14px; font-weight:bold; padding-top:3px; color:#FFF; width:175px;
	}
	.sarch_share
	{
		float:right;
		margin-right:-1px;
		width:21%;
		
	}
	
	#sorrydiv
	{
		bottom:-200px; position: absolute; z-index:10; left: 0px;
	}
.step_img
{
	display:none;
}
.video_open iframe { width:100%;}
.video_text {/*width: 718px;*/width: 100%;}

.hide_desk{display:none}
.share_whatsapp
{
	display:none !important;
}
.sarch_share > a
{
	margin-right: -3px;
	
}
.skip_intro
{
	font-size:24px;
	color:#ffb300;
	font-weight:bold;
	font-style:italic;
	position:fixed;
	bottom:15px;
	width:100%;
	text-align:center;
}
.skip_intro a
{
	color:#ffb300;
	text-decoration:none;
	display:block;
}
.skip_intro a:hover
{
	color:#ffb300;
	text-decoration:none;
}
.share_div { display:none}
.menu_intro{ position:absolute; top:20px; right:10px;}
.search_txt{font-size:12px;color: #410083;padding-bottom:8px;}
.search_social{ float:left;width:100px;}
.twitter_search{ display:inline-block; width:30px; text-align:center;}
.fb_search{ display:inline-block; width:30px; text-align:center;}
.insta_search{ display:inline-block; width:30px; text-align:center;}
.zoom_control_mobile{ display:none;}
.control_bg_mob{ display:none}
.video_top{ top:5%!important}
#active_landmarks .item {
            z-index: 100000 !important;
   position:fixed !important;
        }
  
  #active_landmarks .total_count{
   left:11px;
  }
  #active_landmarks .total_count{ display:none!important;}
  .terms
{
	height:400px;
	overflow:auto;
	line-height:18px!important;
	text-align:left;
}
.terms p
{
	text-align:left!important;
	font-size:12px;
	line-height:18px!important;
	margin:0px;
	padding-bottom:15px!important;
}
.terms a
{
	color:#FFF;
	text-decoration:underline;
}
.terms  a:hover
{
	color:#FFF;
	text-decoration:none;
}
.how_to_p
{
	height:100px!important;
	font-size:14px;
	line-height:15px;
}
.down_arr
{
	padding:5px 0px 0px 0px;
	text-align:center;
	font-size:10px;
}
.lang
{
 position:fixed;
 right:45px;
 top:25px;
 z-index: 999;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#FFF;
}
.lang a
{
	color:#FFF;
	text-decoration:none;
}
.lang a:hover
{
	color:#FFF;
	text-decoration:none;
}
/**************20 april ********/
@media only screen and (min-width : 320px) and (max-width: 670px) 
{
	.address
{
	font-size:12px;
	color:#410083;
	font-weight:bold;
	width: 45%;
}
	.video_top{ top:30%!important}
	.control_bg{ display:none}
	/*.search_area{ display:none}*/
	
.hide_mobile{ display:none}
/******** mobile zoom area and social **********/
.zoom_control_mobile{ display:block; position:fixed; bottom:-4px;left:0px; z-index:999; width:100%;}
#share_mobile{display:none;}
#search_mobile{display:none}
.mobile_share_bg
{
	width:145px; margin:0 auto; margin-top:5px; border:1px solid #FFF;}
.mobile_share_bg ul { margin:0px; padding:0px; list-style:none;}
.mobile_share_bg ul li{ margin:0px; padding:0; list-style:none; float:left; width:45.5px; border-right:1px solid #FFF; padding:5px 0px; text-align:center}
.mobile_share_bg ul li:last-child{ border-right:none}

.control_bg_mob{ display:block; width:90%; margin:0 auto; border:1px solid #410083; margin-bottom:10px;}
.control_bg_mob ul { margin:0px; padding:0px}
.control_bg_mob ul li { margin:0px; padding:8px 12px 2px 12px; list-style:none;  float:left; border-right:1px solid #410083;}
.control_bg_mob ul li img{width:auto; height:24px}
.control_bg_mob ul li:last-child{ border-right:none;}
/******************************************/

	.search_txt { color:#FFF;}
.share_btn
	{
		
		width:45%;
	}
.share_btn_mob
	{
		width:100%!important;
		text-align:right;
	}	
.share_whatsapp
{
	display:inline-block !important;
	margin-left:0px!important;
}
.hashhala
{
	display:none;
}
.got_closer1
{
	margin-left:9px !important;
	display:inline-block;
	width:auto !important;
	
}
.got_closer1 a
{
	padding-left:25px;
	padding-right:25px;
}
#popup_howtovideo iframe
{
	width:100% !important;
	height:240px !important;	
}
.video_text {width: 100%; overflow-x:hidden }
/*.zoom_control
{
 position:fixed;
 bottom:133px;
 width:300px;
 z-index: 100;
 left: 10%;
}*/
.mobile_logo
{
	display:block;
	text-align:left;
	position:absolute;
	top:4%;
	width:auto;
	  left: 18%;
	margin-bottom:10px;
	
}
.mobile_logo > img
{
	width:80%;
	height:auto;
}
.center_div
{
	  position: static!important;
    top: 0!important;
    left:!important;
	transform:none!important;
    -webkit-transform:none!important;
 	 /*width:50%;*/
	 width:100%!important;	
}
.hala
{
	display:none;
}
.heart
{
	display:none;
}
.hali
{
	display:none;
}
.blue_strip
{
	display:none;
}	
.intr_text {
    color: #fff;
    display: block;
    font-size: 13px;
    left: 8%;
    position: absolute;
    top:40%;
    width: 90%;
    z-index: 5;
}	
.got_closer
{
	display:inline-block;
	width:82%;
	margin-bottom:10px;
}
.middle_content {
    margin: 0 auto;
    margin-top:30px;
    position: relative;
    width: 94%;
}
.tab-content {
            background-color:#410083;
			height:375px;
			overflow:auto;
			margin-top:145px;
			margin-bottom:20px;
			overflow-x:hidden;
    }
.tab-links
{
	position:fixed;
	background-color:#410083;
	width:96%;
	display:block;
}
.tab-links ul li {
    float: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.tab-content h2
{
	font-size:22px;
}
.tab-content h3
{
	font-size:18px;
}
.tab-content h4
{
	font-size:14px;
}
.step_img
{
	text-align:center;
	padding:15px 0px;
	display:block;
}
.step_img img
{
	width:80%;
	height:80%;
	
}
.step_patricipate
{
margin-left:0px;
}
	.step_patricipate ul li
	{
		float:none;
		margin-right:0px;
		width:100%;
		text-align:center!important;
		padding:0px;
		list-style:none;
		margin-bottom:25px;
	}
	.step_patricipate p
	{
		text-align:center!important;
	}
.log_samsung
{
	display:none;
}
.hala_logo
{
	width:35%;
	z-index:9999;
}
.hala_logo img
{
		width:65%;
			height:65%;
}
.search_area_mob
	{		
		width:100%;
		background-color:#410083;
		/*position:fixed;
		bottom:0px !important;
		
		height:78px;*/
		left: 0px;
		padding:15px 0px;
		
	}
.search_title
{
	color:#FFF;
}
INPUT.search_field
{
	width:240px;
	padding-left:5px;
	font-size:12px;
	
}
INPUT.search_field:focus
{
	color:#FFF!important;
}


.hide_desk{display:inline-block}
.sarch_share{ float:right; width:29%; margin-right:2px;}
.popup1{ width:82%; padding:30px 0px 22px 55px; background-image:url(../images/popUp1_mob.png);
background-repeat:no-repeat; position:fixed; bottom:0px; left:0px;}
.popup2{width:78%; padding:30px 0 22px 25%!important;  background-image:url(../images/popUp2_mob.png); position:fixed; bottom:-20px!important; left:-15px!important; top:auto}
.my_popup_close{ top:17px; right:0px;}
.social_img img { display:none}
/*.social_img_msg { width:43%;}*/
/*.social_img_msg img {width: 100% !important; height:255px; !important; float:right; padding-top:0px; }*/

.my_popup_close1{ top:-40px;}
.user_info_popup {margin-left: -34px;}

.share_sarch_txt
	{
		padding-right:14px; color:#FFF; width:180px;
	}
	.searchWidth
	{
		width:290px;
		margin: 0 auto;
	}
	
	.footer
	{
		display:none !important;
	}
	.video_open iframe { width:100%; height:auto}
	#sorrydiv
	{
		left:17%; bottom: 150px !important; width:70%; position:fixed;
	}
	#sorrydiv img
	{
		width:85%;
	}
	.too_far img
	{
		width:90%;
	}
	#popup_howtovideo
	{
		position:absolute!important;
		left:10px!important;
		bottom:20px!important;
		width:95%!important;
		
	}
.share_div { display:block}
.tab-content p { text-align:left; padding-bottom:15px;}
#popup_howtovideo_wrapper{bottom:35%}
#popup_howtovideo_mob
{
	 bottom: 20% !important;
    left: 0 !important;
    position: absolute !important;
    width: 100% !important;
}
.how_to_p
{
	padding-bottom:15px;
	height:auto!important;
	
}
}
@media only screen and (min-width : 360px) and (max-width:480px) 
{
	.tab-content 
	{
		height:350px;
		overflow:auto;
	}
.share_div { display:block}
}
@media only screen and (min-width :480px) and (max-width: 670px) {

#sorrydiv
	{
		left: 28%; bottom: 180px !important;
	}
	#sorrydiv img
	{
		width:70%;
	}
	
	.mobile_logo > img
{
	width:55%;
	height:auto;
}
.tabs{ padding-top:20px}
.tab-links{ float:left!important; width:34%!important;}
	.tab-links li {
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
	padding-right: 10px;
	}
	.tab-content
	{
		float:right!important;
		width:60%!important;
		margin:0px!important;
		padding-left:10px!important;
	}
	.got_closer
	{
		display:inline-block;
		width:38%;
		margin-bottom:10px;
	}
	.step_img 
	{
		padding-top:10px;
	}
	.step_img img
	{
		width: 40%;
	}
	.tab-content h4
	{
		float:left;
		width: 40%;
	}
	.hala_logo img
	{
			width:40%;
			height:40%;
	}
	.middle_content {
    margin-top:0px;
	}
	.tab-content {
		padding-top: 0px;
		margin-top:27%;
		padding-bottom:10px;
	}
	.step_patricipate {
	  margin-top: 3px;	  
	}
	.zoom_control
	{
	 left: 26%;
	}
	.tab-content {
            background-color:#410083;
			height:155px;
			overflow:auto;
    }

	.too_far img
	{
		width:60%!important;
	}
	.share_div { display:block}
	.my_popup_close
	{
		right:15px;
	}
	.popup1 {
    background-image: url("../images/popUp1_mob.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 0;
    left: 0;
    padding: 46px 16px 22px 72px;
    position: fixed;
    width: 84%;
}
.control_bg_mob ul li{ width:24%; text-align:center; padding:8px 0px 2px;}
}
@media only screen and (min-width : 320px) and (max-width: 340px) 
{
	.zoom_control
	{   
    left: 3%;
	}
.mobile_logo img
{
	width:75%;
}
.too_far img
{
	width:80%
}
.share_div { display:block}
.control_bg_mob ul li{ width:auto; text-align:center; padding:8px 8px 2px!important;}
}

#yourImageID{display:none;}