/*caters for min width 160px*/

/*@media screen and (max-width:780px){body{background:red;}}
@media (max-width:580px){body{background:yellow;}}
@media (max-width:410px){body{background:green;}}
@media (max-width:300px){body{background:blue;}}
@media (max-width:220px){body{background:orange;}}*/

@media screen and (min-width:781px){/*ensure .nav is visible on desktop*/.nav{display:block !important;}}

@media screen and (max-width:780px){/*red*/
a{vertical-align:baseline;}
p, .leftText p{text-align:center;}
.TandC p{text-align:left;}
input[type=submit]{float:none;}
input[type=submit].left{float:none;margin:13px 8px 0 0;}	
input[type=submit].bottom{position:inherit;margin-top:8px;}	
input[type=submit].calc{position:inherit;}
select.withCurrency{float:none;margin-left:5px;}
#container{min-width:154px;}
#ie7 #container, #ie8 #container{min-width:750px;}
header.page{width:100%;padding-top:13px;}
.noHeader header{display:inline-block;}
div.logo a{background:url(../img/OMLogo_70x230.gif) no-repeat;height:70px;width:230px;}
div.description{font-size:17px;padding:39px 0 0 20px;line-height:none;}
.content{padding:10px 4% 15px 4%;width:92%;}
.content.login{padding:15px 4%;border-top:1px solid #000;}
.textBlock, .textBlock.sml, .about .textBlock, .info .textBlock{width:90%;padding:0 5%;}
.leftText{width:100%;float:none;padding:0 0 18px 0;border-right:none;border-bottom:1px dotted #333;}
.leftText p.lrg,.rightText p.lrg{margin-bottom:10px;}
.leftText span{display:inline-block;}
.rightText{width:100%;float:none;padding:18px 0 0 0;}
.about .leftText, .about .rightText, .info .leftText{width:100%;}
.contactDetails{border:none;width:100%;padding:0;}
.contactDetails h4{text-align:center;margin:10px 0 5px 0;}
article.legal{padding:0;font-size:12px;}
article.legal h4 {margin: 10px 0 0 0;}
.menu{position:absolute;top:0;right:-2%;color:#fff;padding:28px 20px;background:#000;cursor:pointer;font-size:28px;display:block;}
.menu:hover{background-color:#D2232A;}
.menu.active{background-color:#CCC;}
.nav{position:absolute;top:75px;right:-15px;width:300px;z-index:900;background:#fff;border:1px solid #fff;border-right:3px solid #fff;border-bottom:3px solid #fff;padding-right:2px;display:none;box-shadow:0px 3px 7px #999;-moz-box-shadow:0px 3px 7px #999;-webkit-box-shadow:0px 3px 7px #999;-o-box-shadow:0px 3px 7px #999;font-size:25px;}
.nav li{clear:both;float:none;width:100%;line-height:normal;}
.nav a{display:inline;background:#58595B;}
.nav a:hover{background:#D2232A;color:#fff;}
.nav li:hover > ul{display:none;}
.tab{height:auto;}
.tab li.active a, .tab ul li.active a:hover{border-top:0;background:#000;color:#fff;}
.tab li{float:left;border:1px solid #fff;}
.tab li:last-child{border-bottom:none;}
.nav a, .nav ul a, .tab li a{padding:13px 0px;height:auto;}
.applyBlock h3{font-family:Arial, Helvetica, sans-serif;font-size:17px;color:#000;background:none;text-align:center;padding:0;}
.applyBlock h3 a{display:block;color:#fff;}
.applyBlock h3 div{position:inherit;margin:5px auto;top:inherit;left:inherit;}
.applyBlock{width:100%;display:inline-block;border:none;margin:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;}
.homeBlock{width:100%;display:inline-block;margin-bottom:110px;}
.applyBlock article{padding:0;width:100%;}	
.blurb{width:80%;padding:0 10%;}
.stepDesc{width:100%;padding:0;float:none;display:inline-block;margin-bottom:5px;}
.stepDesc p{padding:0 5%;}
.applyForm, .applyForm.change, .home .applyForm{float:none;width:100%;border-left:none;padding:0;}
.table{width:83%;margin:0 auto;}
.table.slider{float:none;margin:0 auto;}
.table.signin .td p, .profile p, article.legal p, article.legal h4{text-align:left;}
.table.statement, .table.summary{width:100%;}
.table.signature{width:95%;}
.table.signature .td.label, .table.signature .td, .table.signature p{width:100%;float:left;text-align:center;}
.status{width:97.5%;}
.nextDate{width:100%;margin:13px 0 0 0;}
.calWrapper span{font-size:13px;}
.info .applyBlock.blk h3{color:#fff;font-family:"MenschRegular", Arial, Helvetica, sans-serif;height:26px;font-size:22px;padding:8px 10px;}
.info .applyBlock{border:1px solid #000;margin-bottom:15px;}
.info p{text-align:left;}
.info .stepDesc{width:100%;}
.info .applyBlock.blk article{padding: 23px 0 5px 0;width:100%;}
.info .applyBlock h3 div{width:62px;height:62px;background:url(../img/step-sprite_sml.png);position:absolute;top:-14px;left:15px;}
.info .applyBlock h3 div.step1{background-position:0 0;}
.info .applyBlock h3 div.step2{background-position:0 -62px;}
.info .applyBlock h3 div.step3{background-position:0 -125px;}
.info .applyBlock h3 div.step4{background-position:0 -190px;}
footer{margin-top:0;}
.mojaPaMoja{bottom:100px;}
.mFlag{position:inherit;display:inline-block;height:40px;padding:10px 0;}

/*display:none*/
.apply h2, .applyBlock.off, .applyBlock.done, p.stepNum, .hello, .onMobile, .exampleWrapper, .info .applyForm, .home .stepDesc, .flag{display:none;}
}

@media (max-width:580px){/*yellow*/
body, select, .td, .calWrapper span{font-size:15px;line-height:1.25em;}
h1{min-width:inherit;width:100%;font-size:22px;}
h2{font-size:17px;padding:0 18%;margin-bottom:22px;}
input[type=text].cal{width:34%;margin:5px 30%;}
input[type=text].mobileNum{width:69.4%;}
input[type=submit].go{margin:10px 0;}
.login input[type=text].sig{width:55px;}
div.logo a{background:url(../img/OMLogo_55x181.gif) no-repeat;height:55px;width:181px;}
div.description{padding:5px 0 0 13px;width:110px;}
.video, footer ul, .applyNow, .moreInfoWrapper{display:none;}
.mVideo, .mApplyBtn, .mVidLink{display:block;}
.mVidLink{margin-top:8px;}
.menu{padding:24px 19px;}
.nav{top:66px;right:-10px;}
.nav a, .nav ul a, .tab li a{padding:10px 0;}
.table, .table.signin, .table.email, .table.profile{width:100%;}
.table.slider{width:80%;}
.table.slider .td{padding:6px 0 6px 15px;}
.table.slider .td.label {width: 80px;}
.home .applyBlock h3{border:1px solid #D2232A;color:#D2232A;font-family:"MenschRegular", Arial, Helvetica, sans-serif;padding:7px;font-size:22px;width:75%;margin:0 auto;}
.homeBlock article {padding: 15px 0;}
.table.summary .td.label{width:85px;}
.mojaPaMoja{bottom:125px;right:5%;}
.homeBlock{margin-bottom:15px;}
.info .applyBlock h3 div{top:50px;left:15px;}
.info .stepDesc p{padding-left:90px;}
footer select{display:inline-block;margin-top:10px;width:85%;}
footer.home{margin-top:80px;}
footer .mFlag ul{display:inline-block;}
}

@media (max-width:410px){/*green*/
h1{padding-bottom:4px;margin-bottom:7px;}
h2{font-size:12px;font-family:Arial, Helvetica, sans-serif;}
h4, h4.topM, h5{text-align:center;}
div.TandC h5{text-align:left;}
h4{margin:0 0 9px 0;padding-bottom:6px;}
span.mobileCode{float:left;margin-top:4px;}
.lrg{margin-bottom:20px;}
.topM{margin-top:15px;}
input[type=text],input[type=email],input[type=password],select{margin-top:0px;}
input[type=text].sig{width:66%;margin:0 17%;}
input[type=text].cal{width:64%;margin:5px 15%;}
.login input[type=text].sig{margin-top:10px;width:66%;}
input[type=text].amt{width:50px;margin-left:8px;}
input[type=text].mobileNum{width:75.5%;}
input[type=submit]{font-size:20px;width:100%;padding:12px 5px;margin:8px 0 0 0;-webkit-appearance:none;float:none;}
select.withCurrency{width:61px;margin-left:4px;}
div.logo{margin:0 0 5px 10px;}
div.description{width:210px;padding:0 0 5px 15px;}
.stepDesc{margin-bottom:0;}
.menu{padding:24px 17px;}
.content.login{border:none;}
.textBlock, .textBlock.sml{width:95%;padding:0 2.5%;}
.home .applyBlock h3{width:90%;}
.homeBlock{margin-bottom:20px;}
.applyBlock h3 div{width:62px;height:62px;background:url(../img/step-sprite_sml.png);}
.applyBlock h3 div.step1{background-position:0 0;}
.applyBlock h3 div.step2{background-position:0 -62px;}
.applyBlock h3 div.step3{background-position:0 -125px;}
.applyBlock h3 div.step4{background-position:0 -190px;}
.applyBlock h3{font-size:12px;}
.table, .info .rightText{width:100%;}
div.td{float:left;display:block;width:100%;padding:4px 0;}
.td.label{text-align:left;}
.table.slider .td{display:inline-block;padding:4px 0 4px 15px;width:100%;}
.table.slider .td.topPad{border:none;}
.table.slider .td.label{width:100%;text-align:center;}
.table.slider .td.curr{width:35px;}
.table.slider .td.amt{width:57%;}
.homeBlock input[type=submit]{width:80%;}
.table.signin input[type=submit].left{width:100%;}
.statement .td{border:none;}	
.statement .td{display:table-cell;width:100%;padding:0 0 3px 0;}
.statement .td.amt{text-align:left;padding-bottom:15px;}
.status{width:97.5%;}
.status .td{background:none;border:none;text-align:center;}
.status .val{border-bottom:1px dotted #CCC;padding-top:0;}
.status .last{border-bottom:none;}
.twoCol .td{width:94%;}
.thead{width:93%;}	
.table.summary .td, .table.summary .td.label{width:100%;text-align:center;}
.table.signature .td{padding:6px 0 0 0;}
.table.signature input[type=text]{margin-bottom:15px;}
.profile .td.label{font-weight:bold;width:100%;}
.printEmail{width:100%;margin-top:13px;}
.icon, .cancel{height:auto;display:inline-block;float:none;background:none;width:100%;padding:0;margin:0;}
.icon a, .cancel a{display:block;padding:12px 0px;color:#fff;font-size:20px;font-family:"MenschRegular", Arial, Helvetica, sans-serif;text-transform:uppercase;background:#000;border:2px solid #000;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;text-align:center;}
.icon a:hover, .cancel a:hover{box-shadow:0 0 6px #333;-moz-box-shadow:0 0 6px #333;-webkit-box-shadow:0 0 6px #333;-o-box-shadow:0 0 6px #333;border:2px solid #fff;color:#fff;text-decoration:none;}
.cancel{margin-top:10px;}
.calWrapper{margin:15px 0 0 0;}
article.legal{font-size:12px;}
footer.about, footer.contact, footer.info, footer.home{margin:0;}
footer.noLine{border-top:1px solid #666;}
#chat-iframewrap{
    width:90%;
    left:3%;
}
/*display:none*/ 
.statement .td strong, .icon.print, .mojaPaMoja{display:none;}
}

@media (max-width:300px){/*blue*/
input[type=text].amt{width:50%;}
select.withCurrency{width:56%;}
input[type=text].mobileNum{width:69%;}
header.page{padding-top:55px;text-align:center;}
div.logo{margin:0 auto;}
div.logo, div.description{float:none;clear:both;display:inline-block;}
div.description{width:210px;padding:0;margin-bottom:12px;}
.menu{padding:8px 0;width:100%;right:0;top:5px;}
.nav{top:43px;right:-3px;width:inherit;}
.content, .content.login{padding:0 4% 12px 4%;}
.table.statement, h5{width:90%;}
.table.slider{width:100%;}
.table.slider .td{float:none;padding:4px 0 4px 10px;width:100%;}
.table.slider .td.label{width:100%;text-align:center;padding:4px 0;}
.table.slider .td.curr{width:25px;padding:10px 0 0 0;}
.table.slider .td.curr.topPad{padding:18px 0 0 0;}
.sliderrail{width:60%;margin:0 2%;}
.status{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;width:100%;padding:0;}
.skypeBkgrd{height:38px;width:140px;}
.home .applyBlock h3{border:none;font-family:Arial, Helvetica, sans-serif;padding:0;font-size:15px;}
.homeBlock article {padding: 13px 0 0 0;}
.info .applyBlock.blk h3 {font-family:Arial, Helvetica, sans-serif;font-size:16px;}
.info .applyBlock.blk h3.long{height:38px;}
.info .applyBlock {margin-top:70px;}
.info .stepDesc p{padding:0 8%;}
.info .applyBlock.blk article {padding: 10px 0 0 0;}
.info .applyBlock h3 div{top:-78px;left:35%;}
article.legal{padding:0 3%;width:89%;}
.easy{display:none;}
}
@media (max-width:220px){/*orange*/
h1, h2, h3, h4, h5{font-size:14px;}
header.page, h1, h2, h3, h4, h5{font-family:Arial, Helvetica, sans-serif;}
input[type=text].mobileNum{width:63%;}
input[type=submit].go{margin:8px 0;}
div.logo a{background:url(../img/OMLogo_41x135.gif) no-repeat;height:41px;width:135px;}
div.description{width:100px;font-size:13px;}
.menu{font-size:19px;top:3px;}
.nav{top:39px;font-size:15px;}
.nav a, .nav ul a, .tab li a{padding:7px 0;}
.calWrapper{margin:3px 0 0 0;}
.table.slider .td, .table.slider .td.curr, .table.slider .td.amt, .table.slider .td.label{width:78%;}
.table.slider .td.curr.topPad {padding:0;}
.table.slider .td.topPad {padding-top:6px;}
.sliderrail{width:52%;margin:0 1%;}
.home .sliderrail, .change .sliderrail{width:49%;}
.checklist ul{list-style:none;margin-left:0px;padding:10px 15px 5px 15px;}
.checklist li{margin-bottom:10px;}
.note{padding:15px;}
.info .applyBlock h3 div{left:30%;}
.info .applyBlock.blk h3{height:38px;}
}

@media (max-height:470px){
	#chat-iframewrap{
		height: 100%!important;
		overflow: scroll;
		top:0;
	}
	#chat-minimise{
		display: none;
	}
}
@media (max-height:400px){
	.chat-iframe{
		height: 314px!important;
		overflow: scroll;
	}
}
/*@media (max-height:240px){
	.chat-iframe{
		height: 274px!important;
		overflow: scroll;
	}
}*/