@media (max-width: 767px) {
body{ background:none;}
.outer_wrapper{min-height:inherit;}
.open_menu{background-position: 0px 0px;}
.header{ min-width:310px;padding-right:10px}
.help { margin-left: 0px;}
.notifications{padding-right:20px; margin-left:20px;margin-right:10px;}
.notifications ul li { width:inherit;}
.notifications .badge{ float:right; background-color:#C00; text-shadow:none; font-weight:normal; font-size:10px; width:15px; height:15px; padding:0; line-height:15px; text-align:center;}
.outer_wrapper{width:100%;}
.open_menu .outer_wrapper{ width:100%; overflow:hidden; min-width:320px}
.top_links .user_wrapp { width:auto; margin-top:10px; height:29px;}
.top_links .user_wrapp .user_panel {background: url(../img/top_links_icons.png) no-repeat -60px 0px; padding: 5px; height: 19px; line-height:500px; overflow:hidden; width:38px;}
.top_links .user_wrapp .user_panel:hover{ background-color:transparent}
.top_links .user_wrapp .user_panel span { display:block;}
.main_block{ padding-right:0px;}
.main_content {padding-left: 15px;padding-right: 15px; padding-bottom:40px; margin:0;}
.open_menu .main_content {margin-left: 269px;margin-right: 15px;min-width:320px; }
.main_container {margin-left: 0px;}
.open_menu .main_container {margin-left: 0px; margin-right:0px;}
.top_bar{font-size:11px; text-transform: inherit;}
.open_menu .top_bar{font-size:11px; text-transform: inherit;margin-left: 269px; min-width:320px}
.main_content h2 {font-size: 17px; height:45px; line-height:65px; padding-top:0; min-width:290px; float:inherit;}
.menu ul li{ display:none;}
.open_menu .menu ul li{ display:block}
.menu{background-color:transparent; padding-bottom:0;}
.menu ul{background-color:transparent;height:inherit}
.open_menu .menu{background-color:#3d3d3d; height:100%;}
.open_menu .menu ul{background-color:#3d3d3d; }
.menu_btn{background-image:url(../img/menu_icons.png) 8px -472px;}
.open_menu .menu_btn{margin: 5px;overflow: hidden;width: 30px; margin-right:15px; margin-bottom:4px;}
.deposit_accounts td,.loan_accounts td,.saving_accounts td { padding-right:10px; padding-left:10px; font-size:12px;}
 
.footer{margin-top: 40px;}
.footer .telephones{ padding-bottom:10px;}
.footer .telephones li{padding: 10px 0; width:100%; font-size:14px}
.footer .telephones li:first-child{padding-right:0px; padding-bottom:5px;}
.footer .telephones li:last-child{ border-left:none;}
.footer .clear{ clear:both; padding-top:20px}

 /*Dashboard*/
.dashboard_wrapper{min-height:auto; margin-left:15px;margin-right:15px;}
.dashboard .dashboard_home_link{ margin-top:11px;}
.dashboard_wrapper .main{ width:100%;}
.dashboard_wrapper .main .loan_accounts_block,.dashboard_wrapper .main .fixed_deposits_block,.dashboard_wrapper .main .general_info,.dashboard_wrapper .main .transfer_history, .dashboard_wrapper .main .phone_top_up{margin-left:0;}
.dashboard_wrapper .main .block{ height:100px;}
.dashboard_wrapper .block a{ font-size:20px; line-height:22px; height:100px;}

.dashboard_wrapper .block a span{ font-size:22px;  line-height:24px;}
.dashboard_wrapper .main .phone_top_up{ height:210px;}
.dashboard_wrapper .phone_top_up a{ height:210px;}
.dashboard_wrapper .phone_top_up a span.block_text b{ margin-top:25px}

/*Homepage*/
.homepage .hompage_header h1{ margin-left:15px;} 
.homepage .header .register{font-size:13px; margin-top:18px;}
.homepage .carousel .container{ padding:0;}
.homepage .carousel .container .login{width:250px; margin:0 15px; padding:20px;}
.homepage .carousel .container .login h2{ font-size:20px; height:20px; line-height:20px;}
.homepage .carousel .container .login_form input[type="text"]{ width:80%;}
.homepage .carousel .container .login_form input[type="password"]{ width:80%; }
.homepage .container .welcome{font-size:30px; margin-right:20px; margin-top:27px; padding:0;}
.grey_border{ background: none; height:inherit;}
.homepage .footer{ display:block!important; margin:0 25px; border-top:0}
.home_box{width:100%;}

/*Phone top up*/
form.phone_top_up .phone_top_up_fields .row_label{ margin-bottom:0px;}
form.phone_top_up .phone_top_up_fields .phone_prefix{ margin-bottom:15px;}
form.phone_top_up .phone_top_up_fields .ptu_th_select{ margin-bottom:15px;}
form.phone_top_up .phone_top_up_fields .amount_input{ margin-bottom:15px; width:168px;}
form.phone_top_up .submit_form_btn{ margin-top:15px;}
form.phone_top_up .edit_form_btn{ margin-top:15px;}
form.saving_transaction_history .account_range .submit_form_btn { margin-right:0;}


.hide_demo{ display:none!important;}
}

@media (min-width: 768px) and (max-width: 979px) {
body{ background:none;}
.outer_wrapper{min-height:inherit;}
.open_menu{background-position: 0px 0px;}
.header{ min-width:310px;padding-right:10px}
.top_links .user_wrapp { width:auto; margin-top:10px; height:29px;}
.top_links .user_wrapp .user_panel {background: url(../img/top_links_icons.png) no-repeat -60px 0px; padding: 5px; height: 19px; line-height:500px; overflow:hidden; width:38px;}
.top_links .user_wrapp .user_panel:hover{ background-color:transparent}
.top_links .user_wrapp .user_panel span { display:block;}
.outer_wrapper{width:100%; overflow:hidden;}
.open_menu .outer_wrapper{ width:100%; overflow:hidden; min-width:768px}
.main_block{ padding-right:0px;}
.main_content {padding-left: 15px;padding-right: 15px; padding-bottom:40px; margin:0;}
.open_menu .main_content {margin-left: 269px;margin-right: 15px;min-width:768px; }
.main_container {margin-left: 0px;padding:0;}
.open_menu .main_container {margin-left: 0px; margin-right:0px;}
.open_menu .top_bar{font-size:11px; text-transform: inherit;margin-left: 269px; min-width:768px}
 .main_content h2 {height:45px; line-height:30px; float:inherit;}
.menu ul li{ display:none;}
.open_menu .menu ul li{ display:block}
.menu{background-color:transparent; padding-bottom:0;}
.menu ul{background-color:transparent;height:inherit}
.open_menu .menu{background-color:#3d3d3d; height:100%;}
.open_menu .menu ul{background-color:#3d3d3d; }
.menu_btn{background-image:url(../img/menu_icons.png) 8px -472px;}
.open_menu .menu_btn{margin: 5px;overflow: hidden;width: 30px; margin-right:15px;margin-bottom:4px;}
.deposit_accounts td,.loan_accounts td,.saving_accounts td { padding-right:10px; padding-left:10px; font-size:12px;}

.footer{margin-top: 40px;}
.footer .telephones{ padding-bottom:10px;}
.footer .telephones li{padding: 10px 0; width:100%; font-size:14px}
.footer .telephones li:first-child{padding-right:0px; padding-bottom:5px;}
.footer .telephones li:last-child{ border-left:none;}
.footer .clear{ clear:both; padding-top:20px}

 /*Dashboard*/
.dashboard_wrapper{min-height:auto; margin-left:15px;margin-right:15px;}
.dashboard .dashboard_home_link{ margin-top:11px;}
.dashboard_wrapper .main{ width:100%;}
.dashboard_wrapper .main .loan_accounts_block,.dashboard_wrapper .main .fixed_deposits_block,.dashboard_wrapper .main .general_info,.dashboard_wrapper .main .transfer_history, .dashboard_wrapper .main .phone_top_up{margin-left:0;}

/*Homepage*/
.homepage .footer{ display:block!important;}
.homepage .container .welcome{font-size:30px;margin-top:27px; padding:0;}
.homepage .container .welcome span{font-size:20px;}
.carousel-control { background-size:80px 40px;width: 40px; height:40px;}
.home_box{ height:235px;}
.home_box .home_box_content h3{font-size:16px;}
.grey_border{height:inherit; height:240px; overflow:hidden; }


.hide_demo{ display:none!important;}
}


@media (min-width: 978px) and (max-width: 1260px) {
.dashboard_wrapper{min-height:auto; margin-left:15px;margin-right:15px;}
.dashboard_wrapper .right_col { display:none;}
.carousel-control { background-size:80px 40px;width: 40px; height:40px;}


.hide_demo{ display:none!important;}
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx){ 

.header h1 a{background-image: url(../img/live_main_logox2.jpg);background-size:80px 252px;}
.menu_btn{background-image:url(../img/menu_iconsx2.png);background-size:33px 511px;}
.open_menu .menu_btn{background-size:33px 511px}

.menu ul li span{ background-image:url(../img/menu_iconsx2.png); background-size:33px 511px}
.open_menu .menu ul li span{ }

.help a{ background-image:url(../img/top_links_iconsx2.png); background-size:106px 29px; margin-top:2px;}
.notifications a{background-image:url(../img/top_links_iconsx2.png); background-size:106px 29px;margin-top:2px;}
.top_links .user_wrapp .user_panel {background: url(../img/top_links_iconsx2.png) no-repeat -60px center;background-size:106px 29px;}

.right_col .quick_links_wrapper ul li a { background-image: url(../img/menu_iconsx2.png);background-size:33px 511px;}
.print_btn{ background-image:url(../img/print_iconx2.gif); background-size:18px 19px;}
.action_options a{ background-image:url(../img/table_iconsx2.png); background-size:102px 40px;}
form.saving_transaction_history .account_range .datepicker,form.loan_transaction_history .account_range .datepicker {background:url(../img/date_picker_bkgx2.png) no-repeat 198px center; background-size:18px 18px; }
.submit_form_btn{background-image:url(../img/btn_iconsx2.png); background-size:18px 72px;}
.edit_form_btn{background-image:url(../img/btn_iconsx2.png); background-size:18px 72px;}
.ui-datepicker .ui-datepicker-prev span { background:url(../img/calendar_arrowsx2.gif) no-repeat 0 0; background-size:40px 20px;}
.ui-datepicker .ui-datepicker-next span { background:url(../img/calendar_arrowsx2.gif) no-repeat  -20px 0px; background-size:40px 20px;}


.hide_demo{ display:none!important;}
}