@media only screen and (max-width: 960px) {
	#normalView{display:none !important;}
	#mobileView{display:block;}
	
	.menuTd{
		height:31px !important; 
		background-image: none;
		background-color:#ffd200;
		width:100% !important;
		max-width:950px;
	}
	#headerTable {
		position: absolute;
	}
	#nav{padding:0; width:100%;}
	#nav li.top{margin-left:0; height:50px;}
	#nav li a.top_link{margin-left: 0px;margin-right: 0px;height: 32px; color:#FFF;}
	#mainContent{margin-top: 10px;}
	#fitness li {
		float: none;
		width: 100%;
		max-width: 365px;
		margin-bottom: 30px;
		text-align: center;
		margin: 0px auto;
	}
	#fitness li:nth-child(2n+2) {
		margin-left: auto;
	}
	#fitness li:nth-child(1n+1) {
		margin-bottom:30px;
	}
	#mainContent{width:98%; margin:0 auto;}
	.breadcrumb {margin-right: 10px;}
	.bgTrspFoot{width:98%;}
	#header{ height:184px; }
	.dispNone{ display:none; }
	.rightBread{ float:left;
	padding:0px 12px 0px 0px;}
	.logoP{
	float:none; 
	padding-top:67px; 
	padding-left:5px; 
	padding-right:5px; 
	width:100%; 
	margin:0px auto;
	text-align: center;
	margin-bottom: 20px;}
	.contDivTxt{
		float:right; color:#fff; width:100%; max-width:100%;
	}
	.margTxt{margin:40px 10px 0px 10px;}
	#footer {width: 99%;}
	.dispBM{ display: none; }
	.dispBM2{ display: block; }
	.contFooter{width:97%; }
}

@media only screen and (max-width: 790px) {
	.floatCOMP{ float:right }
	#popup .bottom{width: 375px;}
		.imgComp{ float:none; width:100%; }
	.flLeft{  float:none;
			  max-width: 435px;
			  margin: 0px auto;
			  overflow: hidden; }
	.flLeft2{  
		float:none;
		max-width: 375px;
		width: 100%;
		margin: 0px auto; 
	}

	.bgCaption .text {
		font-size: 14px;
		line-height: 19px;
		margin-top: 10%;
	}
	.bgCaption img{
		/*width:43%;*/
	}
	.bgCaption{min-height:0px;}
	.bgCaption .btn {
		margin-top: 13%;
		margin-left: 5px;
	}
	.bgCaption a{
		font-size:12px;
	}
	.capTitle {
		font-size: 45px;
		min-width: 240px;
	}
	.img-wrap{
		overflow: hidden;
		height: 115px;
	}
	
	
	
	
	
	#colBg{ width:260px !important; }
	#colPic{ width:220px !important; }
	.w30{  width:350px !important;}
	.mRig22{ margin-left:0px; }
}

@media only screen and (max-width: 660px) {
	.contFooter{ margin:0px auto;}
	.footLeft{   float:none; max-width:440px; margin:0px auto;	}
	.footRight{  float:none; max-width:199px; margin:0px auto;	}
	.footMenuL{   float:none; margin:0px auto; width:100%; text-align:center; 	}
	.footMenuR{   float:none; margin:0px auto; width:100%; text-align:center; 	}
	.w100{ width:100%; text-align:center;}
	.margRight35{ margin-left:0px; }
	#footer .menu{margin-right:0px;}
	.AboutFont{margin-bottom:25px;}
	.promo_boxL{
		width:71%;
		float:none;
		margin-bottom:30px !important;
		margin:0 auto;
	}
	.promo_boxR{
		width:71%;
		float:none;
		margin:0 auto;
	}
	#mainContent{width:90%; margin:0 auto;}
	.breadcrumb {margin-right: 10px;}
	.about{padding:0 0px 15px 15px;}
	
	.paddLng{ padding:8px 0px 0px 12px; }
	.leftLng { float: right }
	.imgMedia { width:80% !important; }
	#header .title{
		margin-right:0%;
		width:65%;
	}
	.paddR20{
		padding-left:20px;	
	}
	#form2 .LV_validation_message{
		margin-top: 3px;
		margin-right:0px;
	}
	.w300{ width:300px; padding: 4px 0px 4px 0px;}
	#footer-menu{
		list-style: none;
		padding: 0;
		margin-right: -5px;
		margin-top:5px;
	}
	#footer {height:160px;}
	.bgCaption .text {
		width:37%;
	}
	.capTitle {
		font-size: 40px;
		min-width: 160px;
	}
	.jraysTxt{ height:300px; float:right;  }












	.dirJltr{
		direction:rtl;
	}
	.fJLeft{ float:right; }
	.cntField{
		width:215px;
		height:31px;
		margin-bottom:9px;
		border:1px solid #48484A;
		text-align:right !important;
		float:left !important;
		font-family:tahoma;
		padding-right:3px;
		margin-left:0px;
	}
	.cntArea{
		width:170px;
		height:120px;
		border:0px;
		margin-right:7px;
		background-color:none;
		text-align:right !important;
		float:left !important;
		font-family:tahoma;
		padding-right:3px;
	}
	.bordDivAr{
		border:1px solid #48484A;
		width:370px !important;
		height:125px;
		
	}
	
}


@media only screen and (max-width: 550px) {
	.promo_boxL{width:95%;}
	.promo_boxR{width:95%;}
	#TableContact .col{
		width:100%;
		margin-left:0;
		margin-bottom:25px;
	}
	
	#TableContact .col_last{
		width:100%;
		margin-left:0;
	}
	#header .logo{
	margin-right: 5%;
	width: 25%;
	}
	#header .contLogo{ width:100%; margin:0px auto; overflow:hidden}
	.chooseArea2{
	float: right; margin-left:1px!important;
	}
	.w100flt{ width:100% !important; padding-bottom:5px;}
	#form3{width:300px;}

	#form3 .input{ width: 300px;}
	#form2 .input {width: 300px;}
	#apply { width: 300px !important; }
	.rightBread{ float:right;
	padding:10px 12px 0px 0px;}
	.map2 { width: 300px;  }
	.w19{width: 32%;}
	.bgCaption .text {
		font-size: 12px;
		line-height: 19px;
		margin-top: 9%;
	}
	.bgCaption a{
		font-size:10px;
	}
	.capTitle {
		font-size: 35px;
		min-width: 130px;
	}
	.img-wrap{
		height: 95px;
		overflow: hidden;
	}
	#footer {margin-top: 60px;}
	
	
	
	
	
	/*******  jraysi css *****/
	.text1{
		width:35%;
		float:right;
		text-align:center;
		padding-right:2%;
		font-size:8px;
	
	}
	.text2{
		float:left;
		width:30%;
		padding-right:10%;
		font-size:8px;
		
	}
	.wjrLogo{  width:90px; height:94px;  }
	.jLogo{
		float:right;
		width:20%;
		text-align:center;
		position:relative;
		z-index:2;
		margin-top:-43px;	
	}
	.jReg{
		float:none;
		padding-right:1%;
		color:#0054A5 !important;
		padding-top:20px;
		width:100%;
	}
	.jSocial{
		
		width:100%;
		float:none;
		padding-top:20px;	
		padding-bottom: 36px;
		padding-right:1%;
	}
	.jraysTxt{ float:right; width:100%; height:200px; }
	.F40{ font-size:22px; font-weight:bold; }
	.F22{ font-size: 14px; font-weight:300; padding-top:10px!important; }
	.jFirstBox{
		float:none;
		width:100%;
		padding-left:0%;
	}
	.jSecdBox{
		float:none;
		width:100%;
	}
	

	

}
@media only screen and (max-width: 470px) {
	#popup .bottom{width: auto;}
	.bgCaption .text {
		font-size: 12px;
		line-height: 19px;
		margin-top: 3%;
		width:43%;
	}
	.bgCaption{min-height:0px;}
	.bgCaption .btn {
		margin-top: 7%;
		margin-left: 5px;
	}
	.bgCaption a{
		font-size:10px;
	}

	.boxOffer {width:100%;}
	.section { width:100%;}
	
	.img-wrap{
		overflow: hidden;
		height: 60px;
	}
	.capTitle {
		font-size: 20px;
		min-width: 100px;
		width:20%;
		margin-top: 8px;
	}
	#map{width: 350px !important;}
	
	
	
	
	

	
	
	
	
	.divLogos{
		float:none; text-align:center; padding-left:0px; padding-bottom:35px; color:#fff; font-size:13px;
		width: 100%;
    	height: 160px;
	}
	#footer .menu {
		color: #fff;
		font-family: tahoma;
		font-size: 12px;
		height: 30px;
	}
}

@media only screen and (max-width: 400px) {
	.rightBread{ float:right;
	padding:10px 12px 0px 0px;}
	
	.Message {
	width: 300px;
	}
	#apply {
		width: 300px;
		border: solid 1px #ffd200;
		color: white;
		height: 40px;
		margin-top: 10px;
	}
	#apply .agree {
		font-size: 11px;
		width: 240px;
		margin: 7px 2px 7px 2px;
		font-family: 'Uni Sans W01 Book';
		float: right;
		line-height: 15px;
	}	
	#popup {
    padding: 0px;
	}
	.imgFit{
		max-width:215px;
		width:50%;
		float:left;
		margin-right:40px;
	}
	.bgTrspBot {
	padding: 12px 15px 12px 17px;
	margin: 0px auto;
	}
	#footer {width: 91%;margin-top: 60px;}
	.wrapper-dropdown-2 {width: 145px !important;}
	#apply {height: 60px;}
	#apply .agree {width: 195px;}
	#TableCareer .title { font-size:13px; }
	#CareerTd3 a { font-size:12px;  }
	#PopForm span {
		line-height: 10px;
		margin-top: -14px;
		width: 89%;
	}
	
	.bgCaption a{font-size:9px;}
	.img-wrap{
		overflow: hidden;
		height: 60px;
	}
	.bgCaption .text {
		margin-top: 5%;
	}
	.capTitle {
		font-size: 19px;
		min-width: 80px;
	}
	.bgCaption .btn {margin-top: 10%;}
	.jraysiContent{
		float:right;
		padding-right: 10px;
    	width: 95%;
	}
	.mdCont{ background-color:#fff; float:left; width: 100%; }
	.newMainWidth{max-width:950px !important; width:98% !important;}

}
@media only screen and (max-width: 340px) {
	#apply .agree {width: 170px;}
	#form3 .input{ width: 285px;}
	#form2 .input {width: 285px;}
	.Message {width: 285px;}
	#form4 .input {width: 285px;}
	#form2 select {width: 285px; }
	.LV_validation_message { margin-left: 21px !important; }
	#apply { width: 285px !important; }
	.wrapper-dropdown-2 {width: 135px !important;}
	
}