*{margin: 0px; padding: 0px;}       


/*Multiselect File for Multiple options starts from here added on Aug 16, 2016*/
.ui-multiselect { font-family:'Ek Mukta', sans-serif; font-size:14px; width:100% !important; float:left; height:30px; text-align:left; padding-left:0px; margin:0px 0px; border:none !important; color:#000; background:#fff !important; }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }
.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }
.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:999999999 !important; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:6px; float:left !important; }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }
.ui-multiselect-checkboxes span{  float:left !important; padding-left:3px; width:90%; line-height:110%; margin-top:5px; font-size:14px; font-family:'Ek Mukta', sans-serif;}
.ui-multiselect-checkboxes{ width:100% !important; font-size:11px !important; max-height:250px; overflow-y:scroll; overflow-x:hidden;}
.ui-multiselect-checkboxes:hover{ border:none !important; color:#404040 !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{border:0px solid #abadb3 !important; color:#404040 !important; background:none; font-weight:normal;}
#pp_selectbtn{border:none !important;}
.ui-multiselect-checkboxes ui-helper-reset{ border:0px !important;}
.ui-multiselect-checkboxes ui-helper-reset{border:0px !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background: #ffffff; font-weight: normal; color: #404040;}
.ui-widget-header{border: 1px solid #048abb !important; background: #048abb !important; color: #ffffff; font-weight: normal;}
.ui-state-active .ui-icon{ background-image:""}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border: 1px solid Gray;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color:#000;}
/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

@media (min-width:320px) and (max-width:374px) {
	.ui-multiselect { width:100%; float:left;}
	#pp_selectbtn{width:100% !important;}
}


@media (min-width:375px) and (max-width:413px) {
	.ui-multiselect { width:100%; max-width:310px;}

}


@media (min-width:414px) and (max-width:479px) 
{
	.ui-multiselect { width:88%;}	
}


@media (min-width:480px) and (max-width:509px) 
{
	.ui-multiselect { width:100% !important;}	
}

/*Multiselect File for Multiple options Ends  here added on Aug 16, 2016*/






/*Reveal file for Starts from here added on Aug 16, 2016*/
.reveal-modal-bg {position: fixed; height: 100%;width: 100%; background: #404040; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0;}
.reveal-modal {visibility: hidden; top: 100px;  left: 50%; margin-left: -300px; width: 384px; position: absolute; z-index: 101; padding: 30px 40px 34px;}
.reveal-modal .close-reveal-modal,.reveal-modal .close-reveal-modal1 {font-size: 22px; line-height: .5; position: absolute; top: 120px; right: 53px; color: #fff; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer;} 
.popup{width:384px; min-height:245px; height:auto; margin:20% auto; background:#FFF; box-shadow:1px 1px 10px #404040; border-radius:10px;}
.top_head{width:100%; height:40px; float:left; background:#f10d8f; border-radius:10px 10px 0 0; }
.top_head_name{height:25px; float:left; font-size:13px; background-size:100%; position:relative; z-index:9999; top:3px; padding:10px 25px; margin:0px 0px 0 9px; text-decoration:none;}
.tab_caption{height:15px; float:left; font-size:13px; font-weight:bold; background: #FFFFFF; background-size:100%; position:relative; z-index:9999; top:3px; padding:10px 25px;	margin:0px 5px;	text-decoration:none; color: #404040;}
.top_small_text{width:80%; font-size:12px; color:#f10d8f; text-align:center; padding:0px 36px; float:left; margin:10px;}
.popup ul{margin:0px; padding:0px;}
.popup li{list-style:none; width:400px;	float:left;}
.popup input{background:#f2f2f2; border:1px solid #d9d9d9; margin-left:30px; padding-left:20px; border-radius:5px; margin-top:-3px; }
.checkbox{width:20px !important; height:20px !important; background:none !important; border:none !important; float:left;}
.popbutton{background-color: #cd0072 !important; height:25px !important; color:#FFFFFF; border-radius:5px !important; float:right; line-height:25px; margin:0px 90px 0px 0px !important; padding:0px 10px !important; cursor:pointer;}
.popbutton:hover{background-color: #ed008c !important;}
.remember{font-size:11px; color:#999; float:left;}
.forgot_password{font-size:11px; color:#999; float:left; padding-left:65px;}
.coma{text-decoration:none; color:#999;}
	/* help*/
#trigger{position:relative; top:-312px; left:327px;}
div#container { width: 580px; margin: 100px auto 0 auto; padding: 20px; background: #404040; border: 1px solid #1a1a1a;}
div#pop-up {display: none; position: absolute; width: 280px; padding: 10px; background: #eeeeee; color: #404040; border: 1px solid #1a1a1a; font-size: 90%; left:433px !important; top:107px !important; z-index:99999; border-radius:10px; box-shadow:1px 1px 20px #666666;}
div#pop-up {color:#333; font-size:11px;}
.note{font-size:10px !important; color:Gray !important; line-height:100% !important; text-align:center !important; padding:3px 15px; float:left;  width:100%;}
	/* pp table*/
.top_head p{color:#fff; padding:10px 15px 5px 5px; margin:0px; font-size:12px;}
#pp_table label{width:120px; float:left;}
#pp_table input{margin:0px; padding:0px; line-height:25px !important; }
#pp_radio{ float:left !important; width:120px !important;}
#pp_radio input{width:15px !important; float:left !important; border:none !important;}
#pp_radio label{width:50px !important; float:left !important; line-height:45px;}
.pp_date{border:1px solid #D9D9D9; background:none repeat scroll 0 0 #F2F2F2;}
#pp_bgicon{background:none;}
ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons ui-draggable ui-resizable
@media (min-width:320px) and (max-width:799px) 
{
	.reveal-modal {left: 0% !important; margin-left:0px !important;}
}

/*Reveal file for Ends  here added on Aug 16, 2016*/






/*Form CSS for AgencyEmployment Starts here*/

body{font-family: 'Ek Mukta', sans-serif;}
.clr{clear:both;}
.rowmargin{width:100%; margin:1px 0px;}
select{background:#fff !important; box-shadow:none; border:none;}
.wrapper{width:100%; max-width:1100px; margin:0px auto; float:none;}
.wrapdes{background:rgba(255,255,255,0.9);padding: 5px 50px 10px 50px;margin:0px auto;box-shadow:0px 10px 15px #333;}
.headpart{width:100%; float:left; margin:0px; height:auto; padding:0px; background:#fff;}
.headpart img{float:left;}
.headpart_heading{font-size:22px;  text-align: right; float:right; color:#048abb; line-height:53px;}
.headlogo {float:left; border-width:0px;width:auto; height:60px; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor;}
.formdetails{width:100%; float:left; margin:0px; padding:0px; height:auto; background:url(../../images/bg.jpg) top left no-repeat; background-attachment: scroll; background-position:50% 30%; background-repeat: none; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;  -o-background-size: cover;}
.pageheadings{font-family:'Ek Mukta', Sans-Serif; font-size:24px; color:#000; text-align:center; line-height:40px; font-weight:400; max-width:320px; display:block; margin:0px auto; line-height:55px;}
.formbox{width:100%; margin:25px auto 30px auto; height:auto;}
.headingtitle {width:100%; float: left; height: auto; font-size: 14px; color: #333; text-align: left; line-height:10px; padding-bottom:5px; font-weight: 600;}
.headingtitle span{color:#f00; font-weight:400;}
.headingtitle label{color:#6a6a6a; font-weight:400; font-size:14px; padding-left:10px;}
.formbox_col{width:100%; max-width:510px; height:auto; float:left; margin-right:80px;}
.formbox_col:last-child{margin-right:0px;}
.input {position: relative; z-index: 1; display: inline-block; margin-bottom:15px; vertical-align: top; border:1px solid #c2c2c2; width:100%;}
.input:hover{border:1px solid #048abb; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.input__field {position: relative; display: block; float: right; padding: 3px 0px 3px 5px; width: 100%; border: none; border-radius: 0; background: #f0f0f0; color: #000; font-weight: 400; font-size:14px; font-family: 'Ek Mukta', Sans-Serif; -webkit-appearance: none; /* for box shadows to show on iOS */ }
.input__field:focus {outline: none;}
/* Hideo */
.input--hideo {overflow: hidden; background:#fff; width:98.7%; padding-left:1%; float:left;}
.input__field--hideo {width: 100%; background: transparent; top: 0px; left: 0px;}
.selectbox {width:100%; background: transparent; position: relative; margin-bottom:15px; border:1px solid #ccc !important; display: block;float: left;padding: 3px 10px 3px 6px;width: 100%;border: none;border-radius: 0;background: #f0f0f0;color: #000;font-weight: 400;font-size:14px;font-family: 'Ek Mukta', Sans-Serif;-webkit-appearance: none; /* for box shadows to show on iOS */}
.input__label--hideo {position: absolute; padding:0px; height: 99%; text-align:center;}
.input__label--hideo::before {content: ''; position: absolute; top: 0; left: 0; z-index: -1; width:40px; height: 100%; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.icon--hideo {color:#fff; background:#048abb; border-right:1px solid #048abb; font-size:20px !important; padding:0px 6px; line-height:37px !important; -webkit-transform: scale3d(1, 1, 1); /* Needed for Chrome bug */	transform: scale3d(1, 1, 1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.input__label-content--hideo {position: absolute; top: 100%;}
.input__field--hideo:focus {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.input__field--hideo:focus + .input__label--hideo::before {-webkit-transform: scale3d(0.8, 1, 1); transform: scale3d(0.8, 1, 1);}
.input__field--hideo:focus + .input__label--hideo .icon--hideo {-webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1);}
.rdbtn{width:100%; background: transparent; -webkit-transform: translate3d(1em, 0, 0); transform: translate3d(1em, 0, 0); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;}
.carbox {width:46%; float:left; margin-left:0px !important;}
.transportbox {width:46%; float:right; margin-right:8px;}
input[type=radio]{margin-left:-3px;}
.datebox {width:26%; float:left; margin-left:0px;}
.monthbox {width:26%; float:left; margin-left:1%;}
.yearbox {width:26%; float:left; margin-left:1%;}
.postcodebox {width:16%; float:left; margin-left:1%;}
.streetaddressrow{width:100%; float:left; margin-top:-13px;}
.malebox{width:32%; float:left; margin-left:12px;}
.femalebox{width:32%; float:left; margin-left:12px;}
.statewdt {width:30%; float:left; margin-left:0px;}
.suburbwdt {width:39%; float:left; margin-left:15px; margin-top:-5px;}
.pinwdt {width:23%; float:left; margin-left:15px;}
.titlewdt {width:29%; float:left; margin:0px;}
.otherqual {width:89% !important;}
.statebox {width:100%; background: #fff; -webkit-transform: translate3d(1px, 0, 0); transform: translate3d(1px, 0, 0); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;}
.suburbbox {width:100%; background: #fff; -webkit-transform: translate3d(1px, 0, 0); transform: translate3d(1px, 0, 0); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;}
.pinbox {width:98%; background:#fff;}
.ttlwdt {width:78%; padding-right:0px;}
.halfboxl{width:48%; float:left;}
.halfboxr{width:48%; float:right; margin-right:0px;}
.homeinp {width:100%;}
.qualbox{width:100%; background: #fff;}
.textareabox{height:250px;}
.titlebox{width:100%; background: #fff; }
.oppbox {width:100%; float:left; height:auto; margin-top:0px;}
.oppbox h4{font-size:16px; color:#000; text-align:left; padding:7px 0px; margin:0px; padding-left:10px; background:#eee; font-weight:400;}
.oppbox ul{margin:0px; padding:0px;}
.oppbox ul li{list-style-type:none; display:block; margin:14px 0px 10px  0px; font-size:15px;}
.buttonbox {width:100%; float:none; margin:0px auto; display:block; height:auto; text-align:center;}
.buttonbox ul{margin:0px; padding:0px;}
.buttonbox ul li{list-style-type:none; display:inline; margin:0px 0px;}

.headtext {font-size:20px; font-weight:400; color:#fff; text-align:left; padding:7px 0px 7px 10px; background:#048abb; width:100%; margin-bottom:30px; max-width:98.5%; display:none;}
.box_three{width:30%; float:left; margin-right:5%;}
.box_three:last-child{margin-right:0%;}
.helptext {font-size:15px; color:#000; text-align:justify; font-weight:400; line-height:22px; padding-bottom:20px;}
.helptext a{color:#048abb; text-transform:none;}
.submitbtn{width:auto; background:#048abb; cursor:pointer; padding:7px 20px 8px 20px; font-family:'Ek Mukta', Sans-Serif; color:#fff;font-size:16px; font-weight:400; border:2px solid #048abb; margin:20px 10px; float:none !important; cursor:pointer; -webkit-appearance: none;
  -webkit-border-radius: 0; -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.submitbtn:hover{background:#fff; color:#048abb; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
.notebox {width:94%; float:left; margin-bottom:40px; height:auto; background:#eee; padding:20px 3%; outline:1px solid #c2c2c2;}
.notebox h5{font-size:18px; color:#f00; text-align:left; padding:0px;}
.notebox ol {margin:0px; padding:10px 0px 0px 20px;} 
.notebox ol li{list-style-type:square; margin:10px 0px; font-size:15px; text-align:left; padding-left:10px;}
.footerbox {width:100%; height:auto; float:left; margin-top:0px; padding:20px 0px; background:#000;}
.footer_logo {width:100%; max-width:250px; float:left; margin:0px;}
.footer_logo img{display:block; margin:40px auto;}
.f_box {width:100%; max-width:600px; height:auto; float:right; text-align:left;}
.f_box ul.vert-one { margin:0px; padding:0px; height:auto; max-height:145px; overflow:scroll; overflow-x:hidden;}
.f_box ul.vert-one li{display:block; border:none; background-size: 200% 100%; background-image: linear-gradient(to right, #000 50%, #333 50%); transition: background-position 1s; width:100%;}
.f_box ul.vert-one li a{font-family:Arial; font-size:14px; padding:7px 0px 7px 0px; color:#fff; text-decoration:underline;  text-align:left; display:block;}
.f_box ul.vert-one li:hover {background-position: -100% 0;}
.f_boxlabel{font-family:Arial; font-size:16px; display:block; text-transform:uppercase; font-weight:400; padding:8px 0px; margin:15px 0px 10px 0px !important; color:#fff; text-align:left; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1);}
.emp_perdtls span.label2text{font-size:10px; margin-top:-3px; color:#9b9b9b; line-height:14px !important;}
.label2text {color:#6a6a6a !important; font-size:14px; padding-left:5px;}
.fieldmarks {width:100%; float:left; height:auto; margin-top:0px;}
.fieldmarks ul{margin:0px; padding:0px;}
.fieldmarks ul li{list-style-type:none; display:block; margin:0px 0px 10px  0px; font-size:15px;}
.fieldmarks ul li span{color:#f00;}
.fieldmarks ul li a{color:#000;}
.otherqual_ppa{width:89% !important;}
.iconcolor{color:#048abb;}


.broadbean_sep{border-bottom: 2px solid #333; min-height:35px;}
.broadbeanbox_left{width:100%; max-width:350px; float:left; margin-right:25px; text-align:right;}
.broadbeanbox_left p{font-size:18px; text-align:left; font-weight:600; text-transform:capitalize; color:#555; display:inline-block; padding-right:5px; float:left;}
.broadbeanbox_left span{font-size:18px; text-align:left; font-weight:600; text-transform:uppercase; color:#000; float:left;}

.broadbeanbox_center{width:100%; max-width:350px; float:left; margin-right:25px; text-align:center;}
.broadbeanbox_center p{font-size:18px; text-align:center; font-weight:600; text-transform:capitalize; color:#555; display:inline-block; padding-right:5px; float:none;}
.broadbeanbox_center span{font-size:18px; text-align:center; font-weight:600; text-transform:uppercase; color:#000; float:none;}


.broadbeanbox_right{width:100%; max-width:350px; float:right; margin-right:0px; text-align:right;}
.broadbeanbox_right p{font-size:18px; text-align:right; font-weight:600; text-transform:capitalize; color:#555; display:inline-block; padding-right:5px;}
.broadbeanbox_right span{font-size:18px; text-align:right; font-weight:600; text-transform:uppercase; color:#000; float:right;}

.width30{width:29%}
.width40{width:40%;}


.seek-apply-btn {
    display: block;
    width: 230px;
    height: 45px;
    line-height: 45px;
    background: #e60278;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(64,64,64,0.5);
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    font-family: Helvetica, Arial;
    position:fixed;
    bottom:0px; 
    right:0px;
    z-index:9999;
  }
  .seek-apply-btn:hover {
    background: #fd0585;
    box-shadow: 0 1px 2px 0 rgba(64,64,64,0.4);
  }
  .seek-apply-btn:active {
    background: #cd026b;
    box-shadow: 0 1px 2px 0 rgba(64,64,64,0.7);
  }
  .seek-apply-btn__image {
    display: inline-block;
    height: 30px;
    width: 75px;
    margin: -1px 0 0 9px;
    vertical-align: middle;
    background: url(../../images/seek-apply-with-logo.png) no-repeat;
    background-size: 100% 100%;
  }

.versiontext{background:rgba(0,0,0,0.5); text-align:center; font-family:Arial; font-size:13px; max-width:160px; display:block; margin:0px auto; color:rgba(255,255,255,0.7); line-height:0px; margin-top:-30px; padding:15px 0px; border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2);}


/*CSS added by Naresh for Download Demo Apps page as on Nov-12-2016 */
.demoapp_content{width:100%; float:left; margin:0px; height:auto; padding:0px; background:url(../../images/bg.jpg) top left no-repeat; background-attachment: scroll; background-position:50% 30%; background-repeat: none; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;  -o-background-size: cover;}
.demoapp_midbox{width:100%; max-width:1000px; display:block; margin:0px auto; background:rgba(255,255,255,0.8); padding:30px 30px 50px 30px; box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1);}
.demoapp_midbox h2{font-family:Arial; font-size:24px; color:#000; text-align:center; display:block; font-weight:700; padding-bottom:10px;}
.demoapp_midbox p{font-family:Arial; font-size:16px; color:#333; text-align:center; font-weight:400; display:block; margin:0px auto; line-height:25px; max-width:600px;}
.demoapp_box {width:100%; max-width:273px; float:left; margin-right:30px; background:#fff; height:auto; margin-top:20px; padding:30px 2%; outline:1px solid #d2d2d2;}
.demoapp_box:last-child{margin-right:0%;}
.demoapp_box i{width:100px; height:100px; background:#fff; border:3px solid #048abb; text-align:center; vertical-align:middle; font-size:50px; line-height:100px; color:#048abb; display:block; margin:0px auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.demoapp_box i:hover{background:#048abb; color:#fff; transition-duration:0.3s;transition-timing-function:ease;-webkit-transition-duration:0.3s;-webkit-transition-timing-function:ease;}
.demoapp_box h3{font-family:Arial; font-size:20px; color:#000; text-align:center; display:block; font-weight:300; text-transform:uppercase; padding:20px 0px;}
.demoapp_box a{margin-top:10px; float:left; width:auto;}
.demoapp_box a:last-child{float:right;}
.demoapp_box a img{width:auto;}

.howtouse{width:100%; height:auto; margin-top:40px; float:left; background:#fff; border:1px solid #d2d2d2; padding-bottom:10px;}
.howtouse h5{font-family:Arial; font-size:16px; color:#fff; background:#048abb; text-align:left; display:block; font-weight:400; padding:15px;}
.howtouse ul{margin:0px; padding:0px 10px;}
.howtouse ul li span{font-weight:600; color:#333;}
.howtouse ul li{list-style-type:none; display:block; margin:15px auto; font-family:Arial; font-size:14px; color:#000; text-align:left; font-weight:400;}
.howtouse ul li i{color:#048abb; padding-right:5px; font-size:10px; vertical-align:middle;} 
.appstr{position:fixed; top:60%; right:0px; z-index:9999; border:none;}






.mobAppPg{width:100%; height:auto; background:#fff;  background-size: 100%; padding:30px 0px 50px 0px; float:left;}
.mobAppPgLinkBox{width:40%; float:left; margin-right:5%; height:auto;}
.mobAppPgLinkBox .anchorLinks{display:block; padding:12px 15px; transition:all 0.3s ease; background:#fff; font-weight:400; font-size:16px; color:#333; text-decoration:none; margin-top:30px; border:1px solid #bad2e7; border-left:2px solid #048abb;}
.mobAppPgLinkBox .anchorLinks:hover{color:#fff; background:#048abb}
.mobAppPgImgBox{width:55%; float:left; overflow:hidden; height:auto}
.mobAppPgImgBox img{width:100%; display:block; margin:10px auto;}





.getAppNow{display:none; width: 100%; height: auto; float: left; padding: 30px 0px 0px 0px; margin: 0px; background: url(../../images/new-bg.png) top left no-repeat #fff;  background-size: 100%; border-top: 1px solid #bad2e7;}
.ehrIcon{width: 85px;  height: 85px; display: block; margin: 0px auto; border-radius: 2px; border: 1px solid #e1e1e1; border-radius: 2px; }
.getAppNowH1{font-size: 40px; color: #000; text-align: center; display: block; margin: 0px auto;}
.getAppNowH3{font-size: 18px; color: #000; text-align: center; display: block; margin: 0px auto 30px auto;}
.instructionBox{width: 100%; height: auto; margin: 0px; float: left; padding-top:15px;}
.instructionBox h5{font-size: 18px; font-weight: 600; line-height: 25px; color: #048abb; text-align: left; display: block;}
.instructionBox ul{margin: 0px; padding: 0px;}
.instructionBox ul li span{ font-weight: 600; color: #333;}
.instructionBox ul li{list-style-type: none; display: block; margin: 10px auto; font-family: Gill Sans MT; font-size: 15px; color: #000; text-align: left; font-weight: 400; line-height: 25px;}
.instructionBox ul li i{color: #048abb; padding-right: 5px; font-size: 10px; vertical-align: middle;}
.delarationTxt{font-family:Gill Sans MT; font-size:16px; color:#000; display:block; text-align:left; margin:15px auto; vertical-align:middle;}
.mobileAppBox{position: relative; width: 100%;  min-height:302px; max-width:415px; float: left; margin: 40px 60px 80px 0; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; text-align: center; padding: 0 50px 20px; background-color: #fff; border-radius: 4px; border: 1px solid #bad2e7; -webkit-transition: box-shadow .5s ease, -webkit-transform .5s ease; transition: box-shadow .5s ease, -webkit-transform .5s ease; transition: box-shadow .5s ease, transform .5s ease; transition: box-shadow .5s ease, transform .5s ease, -webkit-transform .5s ease;}
.mobileAppBox:last-child{margin-right: 0;}
.mobileAppBox:hover{box-shadow: 0 20px 70px 5px rgba(4, 138, 187, .15); -webkit-transform: translateY(-16px); transform: translateY(-16px);}
.supporticonbox{display: block; margin: -50px auto 10px; width: 110px;  height: 110px;  background: #fff; border: 1px solid #bad2e7; border-radius: 50%;}
.supporticonbox i{display: block;  margin: 10px auto; font-size: 50px; width: 90px; height: 90px; background: #f0f8fd; color: #048abb; border-radius: 50%; line-height: 90px;}
.mobileAppBox img{margin: 10px auto 0px auto; width: 100%; max-width: 160px;}
.helpdeskbox, .supportpg_help{height: auto;  margin: 0;  float: left;}
.mobileAppBox h4{font-size: 24px; color: #048abb; text-align: center; display: block; margin: 0 auto;font-weight: 600;}
.mobileAppBox p{font-size: 15px; color: #333; text-align: center; display: block; margin:0px auto 10px auto; font-weight: 400; line-height: 26px;}
.mobileAppBox > a{display:contents !important;}
.popOverlay{width:100%; height:100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.75); z-index: 99 !important;}
.popUpInstruction{position: absolute; top: 50%; border-bottom: 5px solid #048abb; left: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); box-shadow: 0 2px 6px rgba(0,0,0,1); background: #f9f9f9; height: auto; min-height: unset !important; max-height: 80%; width: 100%; max-width:600px; padding:30px 1%;}
.popup-close {width: 68px; height: 68px; display: inline-block; position: absolute; top: 34px; right: 34px; transition: .25s; -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); font-family: Arial,Sans-Serif; font-size: 20px; text-align: center; line-height: 100%; color: #fff;  cursor: pointer;}
a.disabled {pointer-events: none; cursor: default;}
.delarationTxt input[type="checkbox"]{position: absolute; opacity: 0; z-index: -1;}
.delarationTxt label{position: relative; display: inline-block; padding: 0 0 0 2em;height: 30px; line-height: 22px; cursor: pointer;}
.delarationTxt label::before, .delarationTxt label::after{position: absolute; top: 0px; left:4px; display: block; width: 16px; height: 16px;}
.delarationTxt label::before{content: " "; border: 1px solid #048abb; background: #f0f8fd; box-shadow:0px 0px 3px rgba(0,0,0,0.1);}
.delarationTxt input[type="checkbox"] + label::after{content: "\2714"; color: #fff; line-height: 1.2; text-align: center;}
.delarationTxt input[type="checkbox"]:checked + label::before{background: #048abb; border-color: #048abb;}
.delarationTxt input[type="checkbox"] + label::after{-webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.delarationTxt input[type="checkbox"]:checked + label::after{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.delarationTxt label::before, label::after{-webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease;}

.backtoAppBtn{position: absolute; right:5px; top:0px; float: right; background: #333; color: #fff; text-decoration: none; padding: 5px 10px; border-radius: 2px; font-size: 15px; border: 1px solid #333; -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease;}
.backtoAppBtn:hover{background:#fff; color:#333;}




.banner-inner-area {
    padding: 40px 0px 20px 0px;
    position: relative;
    overflow: hidden;
    border-top:1px solid #f1f1f2;
}
.banner-area1 .banner-text-wrap h1 {
    font-weight: 600;
    line-height: 80px;
    margin-bottom: 20px;
}
.banner-inner-area.banner-area1:before{
    background: url(../../images/new-bg.png) #f9f9f9;
    background-position: top right;
    background-repeat: no-repeat;
    height: 90%;
    width: 100%;
    top: 0%;
    right: 0%;
    z-index:-9;
    position: absolute;
    background-size:contain;
    opacity:0.1;
    content: "";
}

.appTxtLeft{width:100%; max-width:630px; float:left; margin-top:100px;}


.banner-area1 .banner-text-wrap span {
    color: #ffa21d;
    font-size: 30px;
    margin-bottom: 7px;
    display: block;
}
.banner-area1 .banner-text-wrap{
    padding: 0;
}
.banner-text-inner h1 {
    color: #36324a;
    margin-bottom: 33px;
    font-size:50px;
    line-height:55px;
}

.banner-text-inner p {
    margin-bottom: 43px; line-height:30px; font-size:19px; padding-right:20%;
}

.banner-text-inner .btn {
    background: #f77ade;
    border-color: #f77ade;
    color: #fff;
}
.banner-text-inner .btn:hover {
    background: #36324a;
    border-color: #36324a;
    color: #fff;
}
.banner-text-inner .btn:before{
    background: #36324a;
}
.banner-text-inner .btn + .btn {
    background: transparent;
    border-color: #5b39c9;
    color: #5b39c9;
    margin-left: 10px;
}

.banner-text-inner .btn + .btn:hover {
    color: #fff;
    border-color: #5b39c9;
    background: #5b39c9;
}
.banner-text-inner .btn + .btn:hover:before {
    background: #5b39c9;
}

.main-header.sticky .logo .main-logo2 {
    display: none;
}
@keyframes bounce{
    0%{
        -webkit-transform: translateY(0);
                transform: translateY(0)
    }
    100%{
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px)
    }
}

.banner-shape-inner .shape {
    position: absolute; opacity:0.3;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
}

.banner-shape-inner .shape1 {
    top: 10%;
    left: 20%;
}

.banner-shape-inner .shape2 {
    top: 45%;
    left: 15%;
}

.banner-shape-inner .shape3 {
    top: 12%;
    left: 52%;
}

.banner-shape-inner .shape4 {
    top: 40%;
    left: 48%;
}

.banner-shape-inner .shape5 {
    top: 15%;
    left: 35%;
}

.banner-shape-inner .shape6 {
    top: 70%;
    left: 25%;
}

.banner-shape-inner .shape7 {top:65%;left:45%;}
.rotate2d {
    -webkit-animation: rotate2d 2s linear infinite;
    animation: rotate2d 1s linear infinite;
}
@-webkit-keyframes rotate-2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }    
}
@keyframes rotate-2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }    
}
.rotate-2d {
    -webkit-animation: rotate-2d 2s linear infinite;
    animation: rotate-2d 1s linear infinite;
}

@-webkit-keyframes rotate3d {
    0% {
       -webkit-transform: rotateY(0deg);
               transform: rotateY(0deg);
   }
    100% {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
    }    
}

@keyframes rotate3d {
    0% {
       -webkit-transform: rotateY(0deg);
               transform: rotateY(0deg);
   }
    100% {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
    }    
}
.rotate3d {
    -webkit-animation: rotate3d 2s linear infinite;
    animation: rotate3d 1s linear infinite;
}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); 
        transform: rotate(0deg); 
    }
    100% { 
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}
@keyframes spin {
    0% { 
        -webkit-transform: rotate(0deg); 
        transform: rotate(0deg); 
    }
    100% { 
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}
.spin {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
}

@-webkit-keyframes bounce {
    0% {
       -webkit-transform: translateY(0px);
               transform: translateY(0px);
    }
    50% {
       -webkit-transform: translateY(-40px);
               transform: translateY(-40px);
    }
     100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
      
}

@keyframes bounce {
    0% {
       -webkit-transform: translateY(0px);
               transform: translateY(0px);
    }
    50% {
       -webkit-transform: translateY(-40px);
               transform: translateY(-40px);
    }
     100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
      
}
.bounce {
    -webkit-animation: bounce 2s linear infinite;
    animation: bounce 1s linear infinite;
}
@-webkit-keyframes rotate2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }    
}
@keyframes rotate2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }    
}
.rotate2d {
    -webkit-animation: rotate2d 2s linear infinite;
    animation: rotate2d 1s linear infinite;
}
@-webkit-keyframes rotate-2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }    
}
@keyframes rotate-2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }    
}
.rotate-2d {
    -webkit-animation: rotate-2d 2s linear infinite;
    animation: rotate-2d 1s linear infinite;
}

@-webkit-keyframes rotate3d {
    0% {
       -webkit-transform: rotateY(0deg);
               transform: rotateY(0deg);
   }
    100% {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
    }    
}

@keyframes rotate3d {
    0% {
       -webkit-transform: rotateY(0deg);
               transform: rotateY(0deg);
   }
    100% {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
    }    
}
.rotate3d {
    -webkit-animation: rotate3d 2s linear infinite;
    animation: rotate3d 1s linear infinite;
}

.appImageRight{width:100%; max-width:400px; float:left;}

.myAppBtn {background:#fff; border:1px solid #048abb; padding:0px 20px; max-height:65px; min-width:200px; border-radius:10px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; cursor:pointer;}
.myAppBtn:hover{box-shadow: 0 0 12px 0 rgba(4, 138, 187, 0.3) inset;border-style:dashed;transform: scale3d(1.08, 1.08, 1.08);transition: all 0.33s ease 0s; transform: scale3d(1, 1, 1);}
.myAppBtn i{font-size:40px; width:42px; height:42px; line-height:50px; color:#048abb;}
.myAppBtn .btn-text{display: inline-block; vertical-align: middle; padding:0px; padding-left:10px; text-transform:uppercase; text-align: left; height: auto; text-align:center;}
.myAppBtn .btn-text .btn-tag-line{color: #048abb; font-weight: 600; font-size: 14px; line-height:0px; display: block; -webkit-transition: all .4s ease;  transition: all .4s ease; font-family:'Ek Mukta', sans-serif !important;}
.myAppBtn .btn-text .btn-name{color: #048abb; font-weight: 700; text-transform:uppercase; text-align:center; font-size:20px; margin-top:5px; display: block; -webkit-transition: all .4s ease; transition: all .4s ease; font-family:'Ek Mukta', sans-serif !important;}

.appImgSize{border-radius:10px;}

.btnTblWidth{width:100%; max-width:450px;}
table.btnTblWidth tr td{vertical-align:top;}





.mobAppBanner{background:#fff; width:100%; float:left; padding:0px; height:auto; border-top:1px dotted #bad2e7;}
.mobAppInnerBox{width:100%; max-width:1100px; padding:20px 0px; display:block; margin:1px auto; background:#f0f8fd; box-shadow:0px 5px 10px 0px rgba(0,0,0,0.4);}
.mobAppBanner h1{font-size:28px; color:#333; font-weight:500; line-height:50px; text-align:center }
.mobAppBanner label{font-size:16px; color:#333; font-weight:400; line-height:30px; display:block; margin:0px auto; text-align:center }
.mobileAppsLink{width:45%; float:left; margin-left:5%; margin-top:30px;}
.mobileAppsLink a{text-decoration:none;}
.mobileAppLinkBox{width:100%; display:block; margin:0px auto 20px auto; background:white; padding:15px 0% 0 0%; position:relative; text-align:center; border:1px dotted #bad2e7;}
.mobileAppLinkBox:before{content: ""; width: 100%;  height: 100%; box-shadow: 0 0 16px 0 rgba(4, 138, 187, 0.3); position: absolute; top: 0; left: 0; opacity: 0; transform: scale3d(1.08, 1.08, 1.08); transition: all 0.33s ease 0s;}
.mobileAppLinkBox:hover:before{opacity: 1; transform: scale3d(1, 1, 1);}

.serviceBox{padding-bottom:10px; text-align: center; border-bottom: 3px solid transparent; position: relative; transition: all 0.5s ease-in-out;}
.serviceBox:after{content: ""; position: absolute; bottom: 0px; border: 9px solid transparent; border-top-color: transparent;  transform: rotate(180deg); transition: all 0.4s ease-in-out;}
.serviceBox .service-icon{width: 80px;height: 80px;line-height: 80px; border-radius: 50%; margin: 0 auto; background:rgba(4,138,187,0.1); color:  #048abb; font-size: 42px; margin-bottom: 0px; transition: all 0.5s ease-in-out;}
.serviceBox .service-icon i{line-height: 80px;}
.serviceBox:hover .service-icon{background: #048abb; color: #fff;}
.serviceBox h3{font-size:20px; color:#048abb; display:block; margin:10px 0px 5px 0px;}
.serviceBox p{font-size:15px; color:#333; display:block; line-height:25px; margin:0px 5%;}

.mobileAppsImg{width:50%; height:auto; overflow:hidden; margin-top:30px;}
.mobileAppsImg .imgSize{width:100%; float:none; display:block; margin:0px auto; max-width:320px; position:relative; z-index:9;}

.area{background: #fff;  height:auto;}
.circles{position: absolute;top: 0; left: 0; width: 100%; height:90%; overflow: hidden;}
.circles li{position: absolute; display: block; list-style: none; width: 20px; height: 20px; background: rgba(4, 138, 187, 0.2); animation: animate 25s linear infinite; bottom: -150px;}
.circles li:nth-child(1){left: 25%; width: 80px; height: 80px; animation-delay: 0s;}
.circles li:nth-child(2){left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s;}
.circles li:nth-child(3){left: 70%; width: 20px; height: 20px; animation-delay: 4s;}
.circles li:nth-child(4){left: 40%;  width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s;}
.circles li:nth-child(5){left: 65%; width: 20px; height: 20px;  animation-delay: 0s;}
.circles li:nth-child(6){left: 75%; width: 110px; height: 110px; animation-delay: 3s;}
.circles li:nth-child(7){left: 35%; width: 150px; height: 150px; animation-delay: 7s;}
.circles li:nth-child(8){left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s;}
.circles li:nth-child(9){left: 20%;  width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s;}
.circles li:nth-child(10){left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s;}
@keyframes animate {
    0%{transform: translateY(0) rotate(0deg); opacity: 1; border-radius: 0;}
    100%{transform: translateY(-1000px) rotate(720deg); opacity: 0;border-radius: 50%;}
}











    
@media (min-width:320px) and (max-width:479px) {
    .getAppNowH1{font-size:28px;}
    .getAppNowH3{font-size:15px;}
    .mobileAppBox{padding:10px 5%;}
    .supporticonbox{margin-bottom:10px;}
    .mobileAppBox h4{font-size:20px;}
    .mobileAppBox p{font-size: 15px; margin:0px auto; line-height:25px;}

    .popOverlay{width:100%; background:rgba(0,0,0,.55)}
    .popUpInstruction{width: 98%; height:90%; max-width:600px; padding:30px 2%; overflow-y:scroll; overflow-x:hidden;}
    
    .instructionBox{width:100%;}
    .instructionBox h5{font-size:17px; line-height:22px; max-width:90%;}
    .delarationTxt{margin-bottom:30px;}
    .delarationTxt label::before, .delarationTxt label::after{top:4px;}
    
    .mobAppPg{padding:30px 0px;}
    .mobAppPgLinkBox{width:100%; float:none; display:block; margin:0px auto; padding:0px 2%;}
    .mobAppPgImgBox{width:100%; float:none; display:block; margin:0px auto;}
    .mobAppPgImgBox img{width:100%; display:block; margin:10px auto;}
    .backtoAppBtn{top:0px;}
    
    
    .mobAppBanner{width:98%; padding:10px 1%;}
    .mobAppInnerBox{width:97%; padding: 0px 1%; max-width: none; background: none; box-shadow: none;}
    .mobAppBanner h1{font-size:24px; line-height:36px;}
    .mobAppBanner label{font-size:15px; line-height:22px; margin-bottom:10px;}
    .mobileAppsLink{width:98%; margin-left:0%;}
    .mobileAppLinkBox{width:90%; padding:10px 5%; background:white;}
    .mobileAppsImg{width:100%;}
    .mobileAppsImg .imgSize{width:100%; max-width:260px; display:block; margin:0px auto 30px auto; float:none;}
    .area{max-height:unset;}
    .circles{display:none;}

    .banner-inner-area {padding:50px 0px 20px 0px;}
    .banner-inner-area.banner-area1:before{background:#f9f9f9;}
    .banner-shape-inner{display:none;}
    .appTxtLeft{width:100%; max-width:none; display:block; margin:10px auto 0px auto; float:none;}
    .banner-text-inner h1 {margin-bottom:30px; font-size:28px; line-height:35px; text-align:center;}
    .banner-text-inner p {margin-bottom:30px; line-height:32px; font-size:18px; padding-right:0%; text-align:center;}   
    .btnTblWidth{width:100%; max-width:none; display:table;} 
    .btnTblWidth tr td{display:block;} 
    
    .appImgSize{width:auto; display:block; margin:0px auto 15px auto;} 
    .appImageRight{width:100%; max-width:none; display:block; margin:50px auto 0px auto;}
    .appImageRight img{width:80%; display:block; margin:0px auto;}
    .myAppBtn {max-height:65px; min-width:200px; display:block; margin:0px auto 20px auto;}

} 





@media (min-width:480px) and (max-width:567px) {
    .getAppNowH1{font-size:28px;}
    .getAppNowH3{font-size:15px;}
    .mobileAppBox{padding:10px 5%;}
    .supporticonbox{margin-bottom:10px;}
    .mobileAppBox h4{font-size:20px;}
    .mobileAppBox p{font-size: 15px; margin:0px auto; line-height:25px;}

    .popOverlay{width:100%; background:rgba(0,0,0,.55)}
    .popUpInstruction{width: 98%; height:90%; max-width:600px; padding:30px 2%; overflow-y:scroll; overflow-x:hidden;}
    
    .instructionBox{width:100%;}
    .instructionBox h5{font-size:17px; line-height:22px; max-width:90%;}
    .delarationTxt{margin-bottom:30px;}
    .delarationTxt label::before, .delarationTxt label::after{top:4px;}
    .mobAppPg{padding:30px 0px;}
    .mobAppPgLinkBox{width:100%; float:none; display:block; margin:0px auto; padding:0px 2%;}
    .mobAppPgImgBox{width:100%; float:none; display:block; margin:0px auto;}
    .mobAppPgImgBox img{width:100%; display:block; margin:10px auto;}
    .backtoAppBtn{top:0px;}
    
    .mobAppBanner{width:98%; padding:20px 1%;}
    .mobAppInnerBox{width:97%; padding: 0px 1%; max-width: none; background: none; box-shadow: none;}
    .mobileAppsLink{width:98%; margin-left:0%;}
    .mobileAppLinkBox{width:75%; padding:10px 5%; background:white;}
    .mobileAppsImg{width:100%;}
    .mobileAppsImg .imgSize{width:100%; max-width:260px; display:block; margin:0px auto 30px auto; float:none;}
    .area{max-height:unset;}
    .circles{position: absolute;top: 0; left: 0; width: 100%; height:100%; overflow: hidden;}
    
    .banner-inner-area {padding:50px 0px 20px 0px;}
    .banner-inner-area.banner-area1:before{background:#f9f9f9;}
    .appTxtLeft{width:100%; max-width:none; display:block; margin:10px auto 0px auto; float:none;}
    .banner-text-inner h1 {margin-bottom:30px; font-size:28px; line-height:35px; text-align:center;}
    .banner-text-inner p {margin-bottom:30px; line-height:32px; font-size:18px; padding-right:0%; text-align:center;}   
    .btnTblWidth{width:100%; max-width:none; display:table;} 
    
    .appImgSize{width:auto; display:block; margin:0px auto 15px auto;} 
    .appImageRight{width:100%; max-width:none; display:block; margin:50px auto 0px auto;}
    .appImageRight img{width:80%; display:block; margin:0px auto;}
    .myAppBtn {max-height:65px; min-width:200px; display:block; margin:0px auto 20px auto;}
    
} 


@media (min-width:568px) and (max-width:767px) {
    .getAppNowH1{font-size:28px;}
    .getAppNowH3{font-size:15px;}
    .mobileAppBox{float:none; margin-left:auto; margin-right:auto;}
    .mobileAppBox:last-child{margin-right:auto;}
    .supporticonbox{margin-bottom:10px;}
    .mobileAppBox h4{font-size:20px;}
    .mobileAppBox p{font-size: 15px; margin:0px auto; line-height:25px;}

    .popOverlay{width:100%; background:rgba(0,0,0,.55)}
    .popUpInstruction{width: 98%; height:90%; max-width:600px; padding:30px 2%; overflow-y:scroll; overflow-x:hidden;}
    
    .instructionBox{width:100%;}
    .instructionBox h5{font-size:17px; line-height:22px; max-width:90%;}
    .delarationTxt{margin-bottom:30px;}
    .delarationTxt label::before, .delarationTxt label::after{top:4px;}
    .backtoAppBtn{top:0px;}
    
    .mobAppPg{padding:30px 0px;}
    .mobAppPgLinkBox{width:100%; float:none; display:block; margin:0px auto; padding:0px 2%;}
    .mobAppPgImgBox{width:100%; float:none; display:block; margin:0px auto;}
    .mobAppPgImgBox img{width:100%; display:block; margin:10px auto;}
    
    .mobAppBanner{width:98%; padding:20px 1%;}
    .mobAppInnerBox{width:97%; padding: 0px 1%; max-width: none; background: none; box-shadow: none;}
    .mobileAppsLink{width:98%; margin-left:0%;}
    .mobileAppLinkBox{width:75%; padding:10px 5%; background:white;}
    .mobileAppsImg{width:100%;}
    .mobileAppsImg .imgSize{width:100%; max-width:260px; display:block; margin:0px auto 30px auto; float:none;}
    .area{max-height:unset;}
    .circles{position: absolute;top: 0; left: 0; width: 100%; height:100%; overflow: hidden;}
    
    .banner-inner-area {padding:10px 5% 20px 5%;}
    .banner-inner-area.banner-area1:before{background:#f9f9f9;}
    .appTxtLeft{width:100%; max-width:none; display:block; margin:10px auto 0px auto; float:none;}
    .banner-text-inner h1 {margin-bottom:10px; font-size:28px; line-height:35px; text-align:center;}
    .banner-text-inner p {margin-bottom:20px; line-height:25px; font-size:16px; padding-right:0%; text-align:center;}   
    .btnTblWidth{width:100%; display:block; margin:0px auto;} 
    
    .appImgSize{width:100%;} 
    .appImageRight{width:100%; max-width:none; display:block; margin:50px auto 0px auto;}
    .appImageRight img{width:80%; display:block; margin:0px auto;}
    .myAppBtn {max-height:65px; min-width:200px; display:block; margin:0px auto 20px auto;}
    
}     

@media (min-width:768px) and (max-width:853px) {
    .mobileAppBox{padding:10px 3%; max-width:none; width:46%; margin:40px 2% 80px 2%;}
    .popOverlay{width:100%; background:rgba(0,0,0,.55)}
    .mobAppPg{padding:30px 2%;}
    .mobAppPgLinkBox{width:45%;}
    .mobAppPgImgBox{width:50%;}
    .mobAppPgImgBox img{width:100%; display:block; margin:10px auto;}
    
    .mobAppBanner{width:98%; padding:20px 1%;}
    .mobAppInnerBox{width:96%; padding:20px 2%;}
    .mobileAppsLink{width:55%; margin:0px;}
    .serviceBox{margin-top:30px;}
    .mobileAppsImg{width:40%; float:right}
    
    .banner-inner-area {padding:10px 8% 20px 8%;}
    .appTxtLeft{width:100%; max-width:none; display:block; margin:10px auto 0px auto; float:none;}
    .banner-text-inner h1 {margin-bottom:30px; font-size:28px; line-height:35px; text-align:center;}
    .banner-text-inner p {margin-bottom:30px; line-height:32px; font-size:18px; padding-right:0%; text-align:center;}   
    .btnTblWidth{width:100%; display:block; margin:0px auto;}     
    .appImgSize{width:100%;} 
    .appImageRight{width:100%; max-width:none; display:block; margin:50px auto 0px auto;}
    .appImageRight img{width:80%; display:block; margin:0px auto;}
    .myAppBtn {max-height:65px; min-width:200px; display:block; margin:0px auto 20px auto;}
    
} 

@media (min-width:854px) and (max-width:1099px) {
    .banner-inner-area {padding:10px 8% 20px 8%;}
    .appTxtLeft{width:100%; max-width:none; display:block; margin:10px auto 0px auto; float:none;}
    .banner-text-inner h1 {margin-bottom:30px; font-size:28px; line-height:35px; text-align:center;}
    .banner-text-inner p {margin-bottom:30px; line-height:32px; font-size:18px; padding-right:0%; text-align:center;}   
    .btnTblWidth{width:100%; display:block; margin:0px auto;}     
    .appImgSize{width:100%;} 
    .appImageRight{width:100%; max-width:none; display:block; margin:50px auto 0px auto;}
    .appImageRight img{width:80%; display:block; margin:0px auto;}
    .myAppBtn {max-height:65px; min-width:200px; display:block; margin:0px auto 20px auto;}
   
}


@media (min-width:854px) and (max-width:1279px) {
    .appImageRight .banner-image img{max-width:400px;}
} 

@media (min-width:1280px) and (max-width:1365px) {
    .appImageRight .banner-image img{max-width:550px;}
} 

@media (min-width:1366px) and (max-width:1439px) {
    .appImageRight .banner-image img{max-width:600px;}
}

@media (min-width:1440px) and (max-width:1919px) {
    .appImageRight .banner-image img{max-width:600px;}
}



@media (min-width:320px) and (max-width:767px) {
.demoapp_content{width:98%;}
.demoapp_midbox{width:96%; padding:30px 2% 50px 2%;}
.demoapp_box {width:100%; float:none; display:block; margin:50px auto; min-height:230px;}
.demoapp_box:last-child{width:100%; float:none; display:block; margin:50px auto;}
.howtouse{width:100%;}

}


@media (min-width:768px) and (max-width:999px) {
.demoapp_midbox{width:98%; padding:30px 1%;}
.demoapp_box {width:28%; float:left; margin-right:2%;}
.demoapp_box:last-child {margin-right:0%; width:28%}
    
.demoapp_box a{float:none; display:block; margin:3px auto;}
.demoapp_box a:last-child{float:none; display:block; margin:3px auto;}
.demoapp_box a img{display:block; margin:0px auto !important;}
}







  
/*CSS added by Naresh for Download Demo Apps page as on Nov-12-2016 */






@media (max-width:767px) {
.submitbtn{display:block; float:none; margin:10px auto 0px auto;}
}


/*Mobile Media Devices STarts for form */
@media (min-width:1024px) and (max-width:1099px) {
.headlogo {float:left;}
.pageheadings{display:block; margin:0px auto; font-size:24px; line-height:55px;}
.headpart_heading{float:right; font-size:20px; margin-right:10px;}
.formbox{width:100%; display:block; padding-top:25px; margin-top:0px;}
.buttonbox {width:100%; display:block; margin:0px auto;}
.buttonbox ul{margin:0px; padding:0px 25%;}
.buttonbox ul li{margin:0px 0px;}
/*.submitbtn{padding:5px 15px; font-size:16px; margin:10px 9px;}*/

}

@media (min-width:980px) and (max-width:1023px) {
.headlogo {float:left;}
.pageheadings{display:block; margin:0px auto; font-size:25px; line-height:55px;}
.headpart_heading{float:right; font-size:22px; margin-right:10px;}
.formbox{width:100%; display:block; padding-top:25px; margin-top:0px;}
.buttonbox {width:100%; display:block; margin:0px auto;}
.buttonbox ul{margin:0px; padding:0px 24%;}
.buttonbox ul li{margin:0px 0px;}
/*.submitbtn{padding:5px 15px; font-size:16px; margin:10px 9px;}*/

}

@media (min-width:800px) and (max-width:979px) {
.headlogo {float:left;}
.pageheadings{display:block; margin:0px auto; font-size:22px; line-height:55px;}
.headpart_heading{float:right; font-size:18px;margin-right:10px;}
.formbox{width:100%; display:block; padding-top:25px; margin-top:0px;}
.buttonbox {width:100%; display:block; margin:0px auto;}
.buttonbox ul{margin:0px; padding:0px 19%;}
.buttonbox ul li{margin:0px 0px;}
/*.submitbtn{padding:5px 15px; font-size:16px; margin:10px 9px;}*/

}

@media (min-width:768px) and (max-width:799px) {
.headlogo {float:left;}
.pageheadings{display:block; margin:0px auto; font-size:18px; line-height:55px;}
.headpart_heading{float:right; font-size:18px; margin-right:10px;}
.formbox{width:100%; display:block; padding-top:25px; margin-top:0px;}
.buttonbox {width:100%; display:block; margin:0px auto;}
.buttonbox ul{margin:0px; padding:0px 17%;}
.buttonbox ul li{margin:0px 0px;}
/*.submitbtn{padding:5px 15px; font-size:16px; margin:10px 9px;}*/

}

@media (min-width:640px) and (max-width:767px) {
.headlogo {float:none; display:block; margin:0px auto;}
.pageheadings{display:block; margin:0px auto; line-height:55px;}
.headpart_heading{text-align:center; float:none; display:block; margin:0px auto; font-size:24px; line-height:30px;}
.formbox{width:100%; display:block; padding-top:25px; margin-top:0px;}
.buttonbox {width:100%; display:block; margin:0px auto;}
.buttonbox ul{margin:0px; padding:0px 10%;}
.buttonbox ul li{margin:0px 0px;}
/*.submitbtn{padding:5px 15px; font-size:16px; margin:10px 9px;}*/

}

@media (min-width:600px) and (max-width:639px) {
.headlogo {float:none; display:block; margin:0px auto;}
.pageheadings{display:block; margin:0px auto; line-height:55px;}
.headpart_heading{text-align:center; float:none; display:block; margin:0px auto; font-size:24px; line-height:30px;}
.formbox{width:100%; display:block; padding-top:25px; margin-top:0px;}
.buttonbox {width:100%; display:block; margin:0px auto;}
.buttonbox ul{margin:0px; padding:0px 6%;}
.buttonbox ul li{margin:0px 0px;}
/*.submitbtn{padding:5px 15px; font-size:16px; margin:10px 9px;}*/

}

@media (min-width:568px) and (max-width:599px) {
.headlogo {float:none; display:block; margin:0px auto;}
.pageheadings{display:block; margin:0px auto; line-height:55px;}
.headpart_heading{text-align:center; float:none; display:block; margin:0px auto; font-size:24px; line-height:30px;}
.formbox{width:100%; display:block; padding-top:25px; margin-top:0px;}
.buttonbox {width:100%; display:block; margin:0px auto;}
.buttonbox ul{margin:0px; padding:0px 6%;}
.buttonbox ul li{margin:0px 0px;}
/*.submitbtn{padding:5px 15px; font-size:16px; margin:10px 9px;}*/

}

@media (min-width:568px) and (max-width:1099px) {
.wrapdes{padding:0px;}
.formbox_col{width:100%; display:block; margin:0px auto; float:none;}
.formbox_col:last-child{display:block; margin:0px auto;}
.fieldmarks{width: 100%; max-width: 510px; display: block; margin: 0px auto !important; float: none;}
}

@media (min-width:510px) and (max-width:567px) {
.wrapper{width:98%; padding:0% 1%;}
.formbox_col{width:100%; display:block; margin:0px auto;}
.buttonbox {width:100%; display:block; margin:0px auto;}
.buttonbox ul{margin:0px; padding:0px;}
.buttonbox ul li{margin:0px 0px;}
/*.submitbtn{padding:5px 15px; font-size:16px; margin:10px 9px;}*/

}

@media (min-width:480px) and (max-width:567px) {
.wrapper{width:98%; padding:0% 1%;}
.headpart{width:100%; display:block; margin:0px auto;}
.formdetails{width:100%; display:block; margin:0px auto;}
.headlogo {float:none; display:block; margin:0px auto;}
.pageheadings{display:block; margin:0px auto; line-height:55px;}
.headpart_heading{text-align:center; float:none; display:block; margin:0px auto; font-size:22px; line-height:30px;}
.formdetails h2{font-size:25px; padding:5px 10px;}
.formbox{width:100%; display:block; padding-top:25px; margin-top:0px;}
.titlewdt {width:32%;}
.malebox{width:28%; margin-left:12px;}
.femalebox{width:32%; margin-left:12px;}
.formbox_col{width:98%;}
.icon--hideo {font-size:16px !important; padding:0px 6px;}
.datebox {width:26%;}
.monthbox {width:39%; margin-left:12px;}
.yearbox {width:29%; margin-left:12px;}
.statewdt {width:31%;}
.suburbwdt {width:38%; margin-left:12px;}
.pinwdt {width:23%; margin:2px 0px 0px 12px;}
.halfboxl{width:100%;}
.halfboxr{width:100%; float:left;}
.carbox {width:38%;}
.transportbox {width:52%;}
input[type=radio]{margin-left:0px;}
.qualbox{width:100%;}
.oppbox {width:100%; display:block;}
.buttonbox {width:100%; display:block; margin:0px auto;}
.buttonbox ul{margin:0px; padding:0px;}
.buttonbox ul li{margin:0px 0px;}
/*.submitbtn{padding:5px 15px; font-size:16px; margin:10px 5px;}*/
.footerbox {width:100%;}
.headingtitle label{display:block; padding-left:0px; margin-top:10px;}

}

@media (min-width:414px) and (max-width:479px) {
.wrapper{width:98%; padding:0% 1%;}
.headpart{width:100%; display:block; margin:0px auto;}
.formdetails{width:100%; display:block; margin:0px auto;}
.headlogo {float:none; display:block; margin:0px auto;}
.pageheadings{display:block; margin:0px auto; line-height:55px;}
.headpart_heading{text-align:center; float:none; display:block; margin:0px auto; font-size:22px; line-height:30px;}
.formdetails h2{font-size:25px; padding:10px 20px;}
.formbox{width:100%; display:block; padding-top:25px; margin-top:0px;}
.titlewdt {width:32%;}
.malebox{width:28%; margin-left:12px;}
.femalebox{width:31%; margin-left:12px;}
.formbox_col{width:98%;}
.icon--hideo {font-size:16px !important; padding:0px 6px;}
.datebox {width:26%;}
.monthbox {width:39%; margin-left:12px;}
.yearbox {width:28%; margin-left:12px;}
.statewdt {width:31%;}
.suburbwdt {width:38%; margin-left:12px;}
.pinwdt {width:22%; margin:2px 0px 0px 12px;}
.halfboxl{width:100%;}
.halfboxr{width:100%; float:left;}
.carbox {width:38%;}
.transportbox {width:52%;}
input[type=radio]{margin-left:0px;}
.qualbox{width:100%;}
.oppbox {width:100%; display:block;}
.buttonbox {width:100%; display:block; margin:0px auto;}
.buttonbox ul{margin:0px; padding:0px;}
.buttonbox ul li{margin:0px 0px;}
/*.submitbtn{padding:5px 10px; font-size:15px; margin:10px 2px;}*/
.footerbox {width:100%;}
.headingtitle label{display:block; padding-left:0px; margin-top:10px;}
.reveal-modal {left: 0% !important;}

}

@media (min-width:360px) and (max-width:413px) {
.wrapper{width:98%; padding:0% 1%;}
.headpart{width:100%; display:block; margin:0px auto;}
.formdetails{width:100%; display:block; margin:0px auto;}
.headlogo {float:none; display:block; margin:0px auto;}
.pageheadings{display:block; margin:0px auto; line-height:55px;}
.headpart_heading{text-align:center; float:none; display:block; margin:0px auto; font-size:17px; line-height:30px;}
.formdetails h2{font-size:22px; padding:10px 20px;}
.formbox{width:100%; display:block; margin-top:0px; padding-top:25px;}
.titlewdt {width:27%;}
.malebox{width:28%; margin-left:5px;}
.femalebox{width:39%; margin-left:5px;}
.formbox_col{width:98%;}
.icon--hideo {font-size:16px !important; padding:0px 6px;}
.datebox {width:26%;}
.monthbox {width:39%; margin-left:12px;}
.yearbox {width:28%; margin-left:12px;}
.statewdt {width:31%;}
.suburbwdt {width:34%; margin-left:12px;}
.pinwdt {width:23%; margin:2px 0px 0px 12px; }
.halfboxl{width:100%;}
.halfboxr{width:100%; float:left;}
.carbox {width:38%;}
.transportbox {width:52%;}
input[type=radio]{margin-left:0px;}
.qualbox{width:100%;}
.oppbox {width:100%; display:block;}
.buttonbox {width:100%; display:block; margin:0px auto;}
.buttonbox ul{margin:0px; padding:0px;}
.buttonbox ul li{margin:0px 0px;}
/*.submitbtn{padding:5px 5px; font-size:14px; margin:15px 2px;}*/
.footerbox {width:100%;}
.headingtitle label{display:block; padding-left:0px; margin-top:10px;}
.reveal-modal {left: 0% !important;}

}

@media (min-width:320px) and (max-width:359px) {
.wrapper{width:98%; padding:0% 1%;}
.headpart{width:100%; display:block; margin:0px auto;}
.formdetails{width:100%; display:block; margin:0px auto;}
.headpart img{float:none; display: block; margin:0px auto;}
.headlogo {float:none; display:block; margin:0px auto;}
.pageheadings{display:block; margin:0px auto; line-height:55px;}
.headpart_heading{text-align:center; float:none; display:block; margin:0px auto; font-size:17px; line-height:30px;}
.formdetails h2{font-size:20px; padding:10px 20px;}
.formbox{width:100%; display:block; margin-top:0px; padding-top:25px;}
.titlewdt {width:27%;}
.malebox{width:28%; margin-left:5px;}
.femalebox{width:39%; margin-left:5px;}
.input--hideo{width:99%;}
.formbox_col{width:98%;}
.icon--hideo {font-size:16px !important; padding:0px 6px;}
.datebox {width:25%;}
.monthbox {width:39%; margin-left:5px;}
.yearbox {width:32%; margin-left:5px;}
.statewdt {width:30%;}
.suburbwdt {width:38%; margin-left:5px;}
.pinwdt {width:25%; margin:2px 0px 0px 5px; background:#fff;}
.halfboxl{width:100%;}
.halfboxr{width:100%; float:left;}
.carbox {width:38%;}
.transportbox {width:50%;}
input[type=radio]{margin-left:0px;}
.qualbox{width:100%;}
.oppbox {width:100%; display:block;}
.buttonbox {width:100%; display:block; margin:0px auto;}
.buttonbox ul{margin:0px; padding:0px;}
.buttonbox ul li{margin:0px 0px;}
/*.submitbtn{padding:5px 5px; font-size:12px; margin:15px 2px;}*/
.footerbox {width:100%;}
.headingtitle label{display:block; padding-left:0px; margin-top:10px;}
.reveal-modal {left: 0% !important;}
.broadbean_sep{border:none;}
.broadbeanbox_left{width:100%; margin:0px 6%;}
.broadbeanbox_center{width:100%;}
.broadbeanbox_right{width:100%; display:block; margin:0px auto 10px auto; text-align:center;}
.broadbeanbox_right p{text-align:center;}
.broadbeanbox_right span{float:none; text-align:center;}



}

/*Mobile Media Devices ENDS for form */


@media (min-width:1024px) and (max-width:1099px) {
.broadbeanbox_left{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_left p{text-align:center; float:none;}
.broadbeanbox_left span{float:none; text-align:center;}
.broadbeanbox_center{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_center p{text-align:center;}
.broadbeanbox_center span{float:none; text-align:center;}
.broadbeanbox_right{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_right p{text-align:center;}
.broadbeanbox_right span{float:none; text-align:center;}

}

@media (min-width:980px) and (max-width:1023px) {
.broadbeanbox_left{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_left p{text-align:center; float:none;}
.broadbeanbox_left span{float:none; text-align:center;}
.broadbeanbox_center{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_center p{text-align:center;}
.broadbeanbox_center span{float:none; text-align:center;}
.broadbeanbox_right{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_right p{text-align:center;}
.broadbeanbox_right span{float:none; text-align:center;}

}

@media (min-width:800px) and (max-width:979px) {
.broadbeanbox_left{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_left p{text-align:center; float:none;}
.broadbeanbox_left span{float:none; text-align:center;}
.broadbeanbox_center{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_center p{text-align:center;}
.broadbeanbox_center span{float:none; text-align:center;}
.broadbeanbox_right{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_right p{text-align:center;}
.broadbeanbox_right span{float:none; text-align:center;}

}

@media (min-width:768px) and (max-width:799px) {
.broadbeanbox_left{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_left p{text-align:center; float:none;}
.broadbeanbox_left span{float:none; text-align:center;}
.broadbeanbox_center{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_center p{text-align:center;}
.broadbeanbox_center span{float:none; text-align:center;}
.broadbeanbox_right{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_right p{text-align:center;}
.broadbeanbox_right span{float:none; text-align:center;}

}

@media (min-width:640px) and (max-width:767px) {
.broadbeanbox_left{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_left p{text-align:center; float:none;}
.broadbeanbox_left span{float:none; text-align:center;}
.broadbeanbox_center{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_center p{text-align:center;}
.broadbeanbox_center span{float:none; text-align:center;}
.broadbeanbox_right{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_right p{text-align:center;}
.broadbeanbox_right span{float:none; text-align:center;}

}

@media (min-width:600px) and (max-width:639px) {
.broadbeanbox_left{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_left p{text-align:center; float:none;}
.broadbeanbox_left span{float:none; text-align:center;}
.broadbeanbox_center{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_center p{text-align:center;}
.broadbeanbox_center span{float:none; text-align:center;}
.broadbeanbox_right{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_right p{text-align:center;}
.broadbeanbox_right span{float:none; text-align:center;}

}

@media (min-width:568px) and (max-width:599px) {
.broadbeanbox_left{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_left p{text-align:center; float:none;}
.broadbeanbox_left span{float:none; text-align:center;}
.broadbeanbox_center{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_center p{text-align:center;}
.broadbeanbox_center span{float:none; text-align:center;}
.broadbeanbox_right{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_right p{text-align:center;}
.broadbeanbox_right span{float:none; text-align:center;}

}

@media (min-width:480px) and (max-width:567px) {
.broadbeanbox_left{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_left p{text-align:center; float:none;}
.broadbeanbox_left span{float:none; text-align:center;}
.broadbeanbox_center{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_center p{text-align:center;}
.broadbeanbox_center span{float:none; text-align:center;}
.broadbeanbox_right{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_right p{text-align:center;}
.broadbeanbox_right span{float:none; text-align:center;}

}

@media (min-width:414px) and (max-width:479px) {
.broadbeanbox_left{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_left p{text-align:center; float:none;}
.broadbeanbox_left span{float:none; text-align:center;}
.broadbeanbox_center{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_center p{text-align:center;}
.broadbeanbox_center span{float:none; text-align:center;}
.broadbeanbox_right{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_right p{text-align:center;}
.broadbeanbox_right span{float:none; text-align:center;}

}

@media (min-width:384px) and (max-width:413px) {
.broadbeanbox_left{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_left p{text-align:center; float:none;}
.broadbeanbox_left span{float:none; text-align:center;}
.broadbeanbox_center{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_center p{text-align:center;}
.broadbeanbox_center span{float:none; text-align:center;}
.broadbeanbox_right{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_right p{text-align:center;}
.broadbeanbox_right span{float:none; text-align:center;}

}


@media (min-width:360px) and (max-width:383px) {
.broadbeanbox_left{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_left p{text-align:center; float:none;}
.broadbeanbox_left span{float:none; text-align:center;}
.broadbeanbox_center{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_center p{text-align:center;}
.broadbeanbox_center span{float:none; text-align:center;}
.broadbeanbox_right{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_right p{text-align:center;}
.broadbeanbox_right span{float:none; text-align:center;}

}

@media (min-width:320px) and (max-width:359px) {
.broadbeanbox_left{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_left p{text-align:center; float:none;}
.broadbeanbox_left span{float:none; text-align:center;}
.broadbeanbox_center{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_center p{text-align:center;}
.broadbeanbox_center span{float:none; text-align:center;}
.broadbeanbox_right{width:100%; display:block; margin:0px auto; text-align:center !important; float:none;}
.broadbeanbox_right p{text-align:center;}
.broadbeanbox_right span{float:none; text-align:center;}

}



@media (min-width:320px) and (max-width:567px) {
    .datebox{width:100%; display:block; margin:5px auto -10px auto;}
    .monthbox{width:100%; display:block; margin:5px auto -10px auto;}
    .yearbox{width:100%; display:block; margin:5px auto -10px auto;}
    .postcodebox{width:97%; display:block; margin:5px auto 0px auto;}
}