/*==========  Non-Mobile First Method (Main Breakpoints) HOMEPAGE ONLY==========*/

	/* Large Devices, Wide Screens *****************************/
	@media only screen and (max-width : 1200px) {
    /*.header{background:red!important}*/
    /*.Signature img{margin-bottom:2px;}*/
    /*.NewsHeaderDate{display:none}*/
	.BODDetails{float:left;margin-left:10px;}
	.mediaboxSeparator{width:20px;float:left}
	}

	/* Medium Devices, Desktops ********************************/
	@media only screen and (max-width : 1010px) {
    /*.header{background:green!important}*/
    
    /*Adjusting Header percentages*/
    .logoHolder a{margin: 9px 0 0 25px;}
    .logoHolder{min-width: 15%;}
    .NavigationHolder{width:85%}
    
    /*Adjusting Main menu paddings*/
    .Menu ul{padding:0px}
    .Menu ul li a{padding:5px}
    
    /*Adjusting Extramenu item widths*/
    .ExtraMenu ul li{width: 24.7%;}
    
    /*Inners*/
    .NewsDetailsImage img{width:30%}
    .Menu .DefaultMenu{margin-left:2%}
    
    /*Menu*/
    .Menu ul li a{padding:9px;}
	/*.Signature img{margin-bottom:4px;}*/
    
	.GalleryBox{width:31.3% !important;}	    							    			
	.GalleryContainer{width:31.3% !important;}	    							    			
	.GalleryContainer .GalleryBox{width:100% !important;}
	
	.mediabox{width:45%}
    .BODImage{float:left;margin-right:10px}
	.BODDetails{float:left;margin-left:0px;margin-top:0px;}
	.mediaboxSeparator{width:20px;float:left}
	.content > .mediaboxSeparator:nth-child(9n+0) {border-right:none;width:0px !important;height:74px;}
    .content > .mediaboxSeparator:nth-child(2n) {border-right:none !important}
    .BODFancyDetails{margin-top:10px;}
    .PaddingTop35{margin-left:0px}
    .FBFormLabelDiv{width:209px}
	}
	
	/* Medium Devices, Desktops ********************************/
	@media only screen and (max-width : 870px) {
	/*.header{background:green!important}*/
	.NewsSwitch{display:none;}
	
	/*-----Grid View---------*/		
	table.DataTable tr.headerRow, table.DataTable tr.footerRow{font-size:13px;}
	table.DataTable tr.BRow{font-size:13px;}
	
	/*_----------Vacancy Details ---------*/
	.VacancyDetailsCont .FormRow .FormLabel {width:25%;}
	.VacancyDetailsCont .FormRow .FormContent{width:72%;}

	.iFrameDimentions{width: 500px;height: 100% !important;min-height: 400px;}
    }

	/* Small Devices, Tablets *********************************/
	@media only screen and (max-width : 775px) {
    /*.header{background:blue!important}*/
    
    .feebackSeparator{clear:both}
    .FBFormLabelDiv{width:94px!important}
    .ContactUsMapZone,.ContactUsFeedbackZone{clear:both;float:none;}
      
  	.BODDetails{float:left;margin-left:0px;margin-top:0px;}

    .NavigationHolder{background:none}   
    
    /*-----------News------------*/
    .NewsSwitch{display:block;width:24%;float:right!important;margin-top:5px}
    .NewsSwitch a{font-size:16px;font-weight:bold}
    .Menu{width:75%}
    
    /*Mobile News Adjustment*/
    .News{height:50px}
    .News .NewsHolder{display:none}
    .News .NewsMobileHolder{display:none}     
    
    /*Extra Menu in the bottom*/
    .ExtraMenu ul li {
    width: 24.6%;background:#a38c6c;height:25px;line-height:2}
    .ExtraMenu ul li a{width:100%;}
    .ExtraMenu .DefaultExtraMenu{display:none}
    .ExtraMenu .MidExtraMenu{display:block}
    .NewsHeaderDate{display:block}      
    
    /*Mahdy*/
    .MobileNewsBody .NewsContent{width:62%;margin-left:5px;}
    .MobileNewsBody .NewsContent .NewsDate, .MobileNewsBody .NewsContent p {font-size:0.88em;}
    .MobileNewsBody .NewsImage img{height:70px;}
    
    /*The Train Signature*/
    .Signature{padding-top:22%}
    .BigBanner{background-color:#bfc0c3}
    
    /*Inners pages adjustment*/
    .LeftInfo{display:none;}
    .HeadInfo{display:none;}
    .fixedScrollContainer {max-height: 250px;}
    .MLMStaticItemli{border-right:none;margin-top:0px;background-color:#bbbbbb;}
	.MLMStaticItem{}
	.Menu ul li a{padding-top:8px;text-align:left!important;font-family:Arial!important;color:#fff!important;font-weight:normal!important;}
	ul#nav{float:none;}
	.firstSubMenuCss {opacity:1;}
	
	/*Adjusting mobile menu and hidding the default one*/
	.MenuHolder{height:auto;/*padding-bottom:20px;*/}
	.ExtraMenu{ padding-top: 30%;}

	/*-------Investor Form---------*/
	.txtdiv input, .txtdiv select, .txtdiv textarea {width: 100%;}
    .BtnLargeBlue,.BtnLargeGreen,.BtnLargeBrown,.BtnLargePurple {width:210px;} 
}

	/* Extra Small Devices, Phones *****************************/ 
	@media only screen and (max-width : 595px) 
	{
    /*.header{background:yellow!important;}*/
	
	.FBFormLabelDiv{width:250px!important}
	.BODDetails{float:left;margin-left:0px;margin-top:0px;}
	.mediaboxSeparator{margin-right:16px}
    
    /*Extra Menu Style Change*/
    .ExtraMenu ul li {
    background: none repeat scroll 0 0 #a38c6c;
    height: 28px;
    padding-top: 13px;
    width: 24.6%;
    line-height:1.2}
    .longtext{padding:8px 0px 8px 0px!important}
    .NewsHeaderDate{display:block} 
    .ExtraMenu .MidExtraMenu li img{margin-top:0px}
    .ExtraMenu .MidExtraMenu li.longtext img{margin-top:5px}
    
    .ExtraMenu .DefaultExtraMenu{display:none}
    .ExtraMenu .MidExtraMenu{display:block}
    .ExtraMenu .SmallExtraMenu{display:none}
    
    /*Signature position*/
    .Signature {
    padding-top: 25%;}
    /*.Signature img{margin-bottom:9px;}*/
     .Slogan{margin-bottom:-2.5% !important;}   
     /*---------GRid View-------*/
   	table.DataTable tr.headerRow, table.DataTable tr.footerRow{font-size:12px;}
   	table.DataTable tr.BRow{font-size:12px;}
   	
	/*_----------Vacancy Details ---------*/
	.VacancyDetailsCont .FormRow .FormLabel {width:30%;}
	.VacancyDetailsCont .FormRow .FormContent{width:66%;}

	.iFrameDimentions{width: 400px;height: 100% !important;min-height: 280px;}

	.BtnLargeBlue,.BtnLargeGreen,.BtnLargeBrown,.BtnLargePurple {width:260px}
	.captchTag,.FBControlDiv{clear:both}
	
	}
    @media only screen and (max-width : 550px) 
    {
        /*Calendar*/
    .fc-right{margin:15px}
    
    	.nondisply{display:none!important;}
  
     .FBFormLabelDiv{width:250px!important} 
    /*.header{background:pink!important;}*/
    /*---------News --------------*/
    .NewsSwitch{width:29%;}
    .Menu{width:65%}

    .ResFloat{clear:both}
    /*Navigation Adjustment*/    
    .Navigation .MoreLinks{display:none}
    .Navigation .MoreLinksMobile{display:block;} 
    .NewsHeaderDate{display:block} 
    /*Extra Menu Style Change*/
    .ExtraMenu {padding-top: 200px;}
    .ExtraMenu .DefaultExtraMenu{display:none}
    .ExtraMenu .MidExtraMenu{display:none}
    .ExtraMenu .SmallExtraMenu{display:block;width:96%}
    .ExtraMenu ul li {width: 24.5%;}
    .ExtraMenu ul li a{width:60%;font-size:15px}
    .ExtraMenu .SmallExtraMenu li {
        margin-bottom: 1px;
        padding-left: 4%;
        text-align: left;
        width: 100%;}
     /*Train signature*/   
    .Signature {display:none}
    

	.mediaboxSeparator{margin-right:10px;margin-left:-6px}
	.BODDetails{float:left;margin-left:0px;margin-top:0px;}
    
    /*Page Body Adjustments*/
    .InnerBody{min-height:350px}
    .NewsDetailsImage{display:none}
    
    /*Body content vertical scroll*/
    .fixedScrollContainer {max-height: 398px;}

	/*--------Photo Gallery---------*/
	.GalleryBox{width:48% !important;}
	
	/*-------Video Gallery------*/
	.GalleryContainer{width:48% !important;}	  
	.GalleryContainer .GalleryBox{width:100% !important;}	
	
	/*--------- Investor Registration-----------*/           
	.lbldiv{float:none !important;width:90%}
	.txtdiv {width: 68% !important;padding:4px 2px;}
	.valdiv {width: 22% !important;}

	/*--------Search-----------*/
	.ms-srch-sbLarge-fullWidth{
	width:240px !important;
}

	/*--------- BOD --------*/
		.mediabox{width:90%;padding-left:3% !important;}
	    .mediaboxSeparator{display:none}
	    .BODDetails {float:left;margin-left:0px;margin-top:0px}

	/*-----Grid View--------*/
	table.DataTable tr.BRow td, table.DataTable tr.WRow td{padding:5px 4px 7px 4px;}
	tr#headerRow th#TopFirstCorner, tr#headerRow th#TopFirstCorner{
	   width:1px!important
    }
    table#ForumsTable > tbody > tr > th:first-child + th{
	   width:50%
    }
    /*.DepartmentDllDiv{ margin-left:0px!important}*/
    
	.PagingNumbersDiv{
	   margin-top:-13px;margin-left:9px
     }
	.iFrameDimentions{width: 350px;height: 100% !important;min-height: 200px;}
		
    }
	/* Custom, iPhone Retina ***********************************/ 
	@media only screen and (max-width : 420px) 
	{
				.FBFormLabelDiv{width:250px!important}
		/*.header{background:black!important;}*/
		.ExtraMenu .SmallExtraMenu{width:95.5%}
		.GMapConatiner{width:300px!important;height:250px!important;margin-left:25px}
		.FeedbackForm{margin-left:25px}
		
		/*--------Photo Gallery----------*/
		.GalleryBox{width:98% !important;height:250px !important;margin:0 1% !important;}
		/*.GalleryBox p {margin-top:-12px!important}*/
		/*-------Video Gallery------*/
		.GalleryContainer{width:98% !important;height:250px !important;margin:0 1% !important;}	  
		.GalleryContainer .GalleryBox{width:100% !important;}
		.NewsHeaderDate{display:block} 
		.FBFormLabelDiv{width:100%!important}
    	/*_----------Vacancy Details ---------*/
	.VacancyDetailsCont .FormRow .FormLabel {width:auto;}
	.VacancyDetailsCont .FormRow .FormContent{width:95%;float:none;clear:both;padding-top:5px;}
	
	/*------New Details------*/
	.NewsImage{width:100%;}
	.NewsImage img{width:100% !important;height:74px !important;}
	.NewsHeaderDate{clear:both;}
	.NewsItem .NewsDetails{margin:0px 2% 0px 2%;}
	
	.MemberPhoto{width:100%;text-align:center;}
	.MemberPhoto img{float:none;}
	.BODFancyDetails{clear:both;}

	.iFrameDimentions{width: 280px;height: 100% !important;min-height: 200px;}
	
	}
	/* Even Smaller, iPhone Retina *****************************/ 
	@media only screen and (max-width : 360px) 
	{
		
				.Width30p{width:50%}
		.Width25p{width:40%}
		.MainContainerDiv{width:360px;}
		.FBFormLabelDiv{width:250px!important}		
	    /*.header{background:purple!important;}*/
	    
        /*---------News --------------*/
	    .NewsSwitch{width:35%;}
	    .Menu{width:60%}

        
        .News .NewsMobileHolder {margin: 0;width: 100%!important;}
        .GalleryBox img{
	        width:80%!important
         }
        /*Mahdy*/
        .jcarousel-skin-News-Mobile .jcarousel-clip-horizontal{width:360px;padding:0PX;margin:0px}
        .JCarouselULNews-Mobile li{width:366px}
        .jcarousel-skin-News-Mobile .jcarousel-next-horizontal{left:330px;}
        .jcarousel-skin-News-Mobile .jcarousel-prev-horizontal{left:300px;}
        
        /*Remove the Banner control and set a fixed BG without scripts*/
        .BigBanner{background:none}
        
        /*Minimize the logo for small res*/
        .logoHolder a img{width:60px}
        
        /*Mobile Body Adjustments*/
        .MobileNewsBody .NewsImage {display:none;}
        .MobileNewsBody,.MobileNewsBody .NewsContent {width:100%}
        .MobileNewsHeader{width:93%!important}
        .MobileNewsBody{width:90%}
        
        /*Extra Menu*/
        .ExtraMenu {padding-top: 175px;}
        .ExtraMenu .SmallExtraMenu li {height:40px}
        
        /*Smaller Searchbox*/
        .txtSearch {width:132px}
        
        /*Adjust Navigation*/
        .NavigationHolder .Navigation ul li a{padding:5px}
        .NavigationHolder .Navigation {
         height: 40px;
         margin-right: 20px;
         width: 98%;}
         
         /*Inner*/
         .InnerBody{top:3px}
         .NewsDetailsImage img{display:none}
         .NewsHeaderDate{display:block} 
	     .mediaboxSeparator{display:none}
	     .BODDetails {float:left;margin-left:0px;margin-top:0px;}
         .MemberPhoto img{margin-top:0px;margin-right:0px}

        /*---------GRid View-------*/
	   	table.DataTable tr.headerRow, table.DataTable tr.footerRow{font-size:11px;}
	   	table.DataTable tr.BRow{font-size:11px;}
	   	.NewsItem{
	width:95%
}

				
	}
	
	@media only screen and (max-width : 320px) 
	{
		
		.Width30p{width:50%}
	.Width25p{width:40%}
	.MainContainerDiv{width:300px;}
	.FBFormLabelDiv{width:250px!important}
		/*Mahdy*/
        .jcarousel-skin-News-Mobile .jcarousel-clip-horizontal{width:320px;padding:0PX;margin:0px}
        .JCarouselULNews-Mobile li{width:326px}
        .jcarousel-skin-News-Mobile .jcarousel-next-horizontal{left:290px;}
        .jcarousel-skin-News-Mobile .jcarousel-prev-horizontal{left:260px;}
     .chzn-container{
	width:291px!important
     }
     .NewsItem{
	width:94%
}

	}
	
	/* Just for IE, less than 260px ****************************/ 
	@media only screen and (max-width : 260px) 
	{
		
	
	
	.FBFormLabelDiv{width:230px!important}
		.Width30p{width:50%}
	.Width25p{width:40%}
	.MainContainerDiv{width:260px;}
	    /*.header{background:white!important;}*/
	    .NewsHeaderDate{display:block} 
	}