/*
    Created on : 18-Apr-2017, 14:16:41
    Author     : vincent.corleone
*/



/*
@media (min-width: 768px) {
  .col-sm-offset-right-12 {
    margin-right: 100%;
  }
  .col-sm-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-sm-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-sm-offset-right-9 {
    margin-right: 75%;
  }
  .col-sm-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-sm-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-sm-offset-right-6 {
    margin-right: 50%;
  }
  .col-sm-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-sm-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-sm-offset-right-3 {
    margin-right: 25%;
  }
  .col-sm-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-sm-offset-right-0 {
    margin-right: 0;
  }
}*/

@media (max-width: 1199px){
    #support div.card-panel{
        min-height: 178px;
    }
    #downloads div.card-panel{
        min-height: 246px;
    }
    #other-services div.card-panel{
        min-height: 243px;
    }
}
@media (max-width: 991px){
    #support div.card-panel{
        min-height: 178px;
    }
    #downloads .panel-container{
        padding-right: 0px;
    }
    #downloads div.card-panel{
        min-height: 162px;        
    }
    #other-services div.card-panel{
        min-height: 167px;
    }
}

@media (min-width: 992px) {
  .col-md-offset-right-12 {
    margin-right: 100%;
  }
  .col-md-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-md-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-md-offset-right-9 {
    margin-right: 75%;
  }
  .col-md-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-md-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-md-offset-right-6 {
    margin-right: 50%;
  }
  .col-md-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-md-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-md-offset-right-3 {
    margin-right: 25%;
  }
  .col-md-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-md-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-md-offset-right-0 {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {

   /* Bootstrap Offset right */
  .col-lg-offset-right-12 {
    margin-right: 100%;
  }
  .col-lg-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-lg-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-lg-offset-right-9 {
    margin-right: 75%;
  }
  .col-lg-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-lg-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-lg-offset-right-6 {
    margin-right: 50%;
  }
  .col-lg-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-lg-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-lg-offset-right-3 {
    margin-right: 25%;
  }
  .col-lg-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-lg-offset-right-0 {
    margin-right: 0;
  }
}


@media (min-width: 1200px) {
    .container {
        width: 1400px;
    }

    #login-Box {
        width: 67%;
    }

}

/*
 *  Sony Xperia Z
 */
@media screen and (-webkit-device-pixel-ratio:3) {
    body {font-size: 250%}
}

@media (min-width: 768px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    /* Common
   ------------------------------
    .container {
        margin-right: 0;
        margin-left: 0;
        width: 1024px;
        margin-right: auto;
        margin-left: auto;
    }
    */
    /* Buttons
    ------------------------------*/
    .btn {
        font-size: 1em;
        width: 150px;
        padding: 10px 10px;
    }
    .btn-lg {
        width: 170px;
    }
    .btn-search {
        padding: 12px 10px;
    }



    .mr-20 {
        margin-right: 6px !important;
    }

    label, span.label {
        font-size: 1.2em;
    }

    .dropdown-toggle {
        width: 210px !important;
    }
    .dropdown-menu {
        width: 230px;
    }
    .dropdown-menu > li > a {
        font-size: 1em;
    }

    /* Desktop navigation bar
   ------------------------------*/
    .navbar-nav > li > a {
        font-size: 0.9em;
    }
    .badge:not(.navbar-nav) {
        right: 10px;
        top: 9px;
        padding: 4px 5px;
    }
    .badge span {
        font-size: 0.8em;
    }

    /* Footer
   ------------------------------*/
    .scheme-block {
        margin-top: 8px;
    }
    .site-footer span {
        font-size: 1em;
    }
    .site-footer-bottom .copyright-left {
        width: 54%;
    }
    .site-footer-bottom .copyright-left span {
        font-size: 0.7em;
    }
    .site-footer-bottom .copyright-right span {
        padding-left: 0px;
    }
    .site-footer-bottom .copyright-right span {
        font-size: 0.7em;
    }


   /* Login screen
   ------------------------------*/
   /*.login-bg .container .row {
        background: url(../images/login-banner.png) 0% 0% / 100% no-repeat;
    }*/

    /* Login box */
    #login-Box .panel-heading {
        padding: 10px 30px;
    }
    #login-Box .panel-body {
        padding: 10px 30px 2px 30px;
    }
    #login-Box .panel-body span {
        padding: 0 7%;
    }

    /* info section*/
    .info-section {
        padding: 40px 0;
    }
    .info-section .welcome {
        padding: 20px 110px 0 60px;
    }
    .info-section .welcome h2 {
        font-size: 2.1em;
    }
    .info-section .box {
        width: 112%;
        margin-left: -30px;
    }
    .info-section .box > .icon > .info {
        min-height: 150px;
    }
    .info-section .box > .icon > .info > h3.title {
        font-size: 1.5em;
        line-height: 26px;
    }

    /* Dashboard
   ------------------------------*/
    .pageHeader-item {
        padding: 10px 0 10px 10px;
    }
    .pageHeader-item .text1 {
        font-size: 1em;
    }
    .pageHeader-item .text2 {
        font-size: 1em;
    }

    #dashboard .card-panel .card-panel-inner .panel-info .title {
        font-size: 28px;
        line-height: 26px;
    }


    /* Tables
   ------------------------------*/
    .table > caption + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > th,
    .table > thead:first-child > tr:first-child > th,
    .table > caption + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > td,
    .table > thead:first-child > tr:first-child > td {
        font-size: 1em !important;
    }
    .table-slab .dropdown-toggle {
        padding: 6px 20px;
        width: 110px !important;
        margin: 5px;
    }
    .table-slab .dropdown-menu {
        left: -24px;
    }

    /* Secure payment
    ------------------------------*/
    #paymentBlock {
        clear: both;
    }
    #paymentBlock .pay-amount {
        float: left;
    }
    #paymentBlock .pay-buttons {
        float: right;
        margin-top: -60px;
    }
    .pay-buttons button {
        margin: 16px 0 0 0;
    }
    .pay-buttons button:first-child {
        margin: 16px 10px 0 10px;
    }

    /* Assessment visit details
    ------------------------------*/
    #map {
        height: 160px;
    }
    .alert-wrapper .btn {
        transform: translate(90%,50%);
    }

    /* Request change link
    ------------------------------*/
    .change-link a {
        white-space: nowrap;
    }

    /* Direct debit
    ------------------------------*/
    .input-banking {
        padding: 0 11px;
        width: 15% !important;
    }

    /* Downloads
    ------------------------------*/
    /*.download-panels .card-panel {
        width: 32%;
    }*/
    .panel-info {
        width: 60%;
        padding: 20px 19px 20px 0;
    }    
    .card-panel .card-panel-inner .panel-info .title {
        margin-bottom: 0;
    }
    .card-panel-long .card-panel-inner .meta-block .meta-tags {
        font-size: 0.9em;
    }

    /* Support
    ------------------------------*/
    #support .panel-imgBox:first-of-type {
        padding: 24px;
    }
    #support  div.card-panel:nth-child(1) {

    }

    /* Contact us
    ------------------------------*/
    .dept-block {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        list-style-position: inside;
    }
	.dept-block-single{
		-webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        list-style-position: inside;
		width: 50%;
	}

    /* maintenance
    ------------------------------*/
    .maintenance-box:before {
        top: 85px;
    }


}

/*
 *  Samsung Galaxy S7 Edge
 */
@media screen
and (device-width: 360px)
and (-webkit-min-device-pixel-ratio : 4)
and (-webkit-device-pixel-ratio : 4) {

    body {
        font-size: 1.3em;
    }

    /* Column sizes */
    .column-small {
        width: 100%;
        text-align: left;
    }


    /* header */
    .left-head {
        width: 100%;
    }
    .left-head h1 {
        padding-top: 9px;
        font-size: 1.5em;
        padding-right: 18px;
        float: right;
    }
    .left-head .navbar-brand {
        height: 70px;
        width: 140px;
    }
    .right-head{
        display: none;
    }
    .main-Menu {
        min-height: 20px;
    }



    /* Login panel */
    #login {
        margin: 0 !important;
    }
    .container {
        width: 100%;
    }
    .login-bg {
        background-color: #FFFFFF;
    }


    /* login box */
    #login-Box {
        margin: 100px 0 0 0;
        width: 100%;
    }
    #login-Box .panel-heading {
        padding: 10px 20px;
    }
    #login-Box .panel-body {
        padding: 20px 20px;
    }
    #login-Box .panel-heading span {
        font-size: 0.84em;
    }

    /* info section */
    .info-section {
        padding: 10px;
    }
    .info-section .welcome {
        padding: 0 0 30px 0;
    }
    .info-section .welcome h2 {
        font-size: 24px;
    }

    /* Breadcrumb */
    .breadcrumbInfo-item {
        padding: 10px 0;
        text-align: center;
    }

    .breadcrumbInfo-item .text1{
        font-size: 1.2em;
    }

    .breadcrumbInfo-item .text2{
        font-size: 1.2em;
    }
    .breadcrumb .breadcrumb-title{
        text-align: left;
    }



    /* Common Elements */
    .xs-mb-20 { margin-bottom: 20px !important; }
    .btn {  width: 142px; font-size: 1.2em; }
    .btn-lg { width: 160px; padding: 10px; }
    .btn-alt { padding: 11px 0px; }
    .btn-search { width: 84px !important; }

    .box > .icon > .info { padding: 55px 59px 0; }
    label { font-size: 1em; }
    .form-control { font-size: 1.2em; }
    #dashboard { margin: 30px 0; }

    .small-title { font-size: 1.3em; }

    /*
    .no-pr { padding-right: 15px;}
    .no-pl {padding-left: 15px; }
    */

    .text01 { font-weight: 700; }
    .completed { font-size: 1.1em; }
    .passwordicon { top: 30px; }
    .passwordicon i { font-size: 1.3em; }

    .qMarker { top: 25px; right: 10px; }
    .qMarker i { top: 8px; font-size: 1.2em; }
    .status .fileUpload { width: 74px; padding: 8px; margin-top: -12px; }

    .app-name { font-size: 1.3em; }
    .completion-row .typelabel  { }
    .completion-row .status { float: right; width: 25%; }
    .completion-row .number .circle { padding: 14px 18px; }
    .completion-row .number .checked { padding: 0px 3px; right: -2px; }

    .change-link a { left: 55%; font-weight: 700; }
    .pay-buttons button:first-child { margin: 13px 10px 13px 0; }
    .pay-buttons button { margin: 0; }

    #faq-search .table-header { margin-bottom: 10px; }
    .form-layout { padding: 30px 0; }
    .searchResults-header { padding: 0; }
    .accordion { margin: 0 auto; }
    .accordion-sublink a { padding-left: 40px; }
    .accordion-sublink .number .circle { padding: 2px 7px; }
    .accordion-panel { padding: 10px 20px 10px 30px !important; }

    /*Tables*/
    .table-header {
        margin-bottom: 60px;
    }
    .table-header .btn {
        margin-bottom: 14px;
        font-size: 1em;
    }





    .table-slab {
        border: none;
    }
    /* Force table to not be like tables anymore YAAAY!!!! */
    table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    tbody {
        background-color: #f2f2f2;
    }
    tr {
        border: 1px solid #ccc;
        background-color: #FFFFFF;
        margin-bottom: 20px;
    }
    tr:last-child {
        margin-bottom: 0px;
    }
    td {
        /* Behaves  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: right;
    }
    td p {
        padding: 0 0 0 50px;
    }
    td:before {
        /* Now like a table header */
        position: absolute;
        top: 6px; /* Top/left values mimic padding */
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    /*Label the data*/
    td:before {
        content: attr(data-title);
        text-align: left;
        font-weight: 700;
    }






    /* To Do list */
    .todolist .small-title { display: block; text-align: center;}
    .todolist .table-slab td:first-child {
        padding: 14px 0;
        text-align: center;
        border-bottom: 1px solid #dddddd;
    }
    .todolist .table-slab td:first-child a {
        font-size: 1.3em;
        font-weight: 700;
    }
    .todolist .table-slab td:last-child {
        padding: 14px 0 14px 150px;
    }
    .todolist .table-slab td {
        border-bottom: none;
        border-top: none;
        padding: 14px 0 0 150px;
        text-align: left;
    }
    .todolist .table-slab td:before {
        top: 13px;
        left: 14px;
    }



    /* To Do list */
    .alerts .small-title { display: block; text-align: center;}
    .alerts .table-slab td:first-child {
        border-bottom: 1px solid #dddddd;
    }
    .alerts .table-slab td a {
        font-size: 1.3em;
        font-weight: 700;
    }
    .alerts .table-slab td {
        border-bottom: none;
        border-top: none;
        padding: 10px 0 10px 140px;
        text-align: left;
    }
    .alerts .table-slab td:before {
        top: 10px;
        left: 14px;
        color: #000000;
    }

    /* Dashboard Cards */
    .card-style {
        display: block;
        width: 100%;
        max-height: 140px;
        min-height: 140px;
    }
    .card-style .media {
        padding: 10px 12px;
    }
    .media-heading {
        font-size: 1.8em;
    }
    .card-img-3 {
        padding: 20px 10px 5px 20px;
    }


    /* Forms  */
    .form-horizontal .no-pl {
        padding-left: 0px;
    }

    /* Tab panels */
    .company-title {margin-bottom: 20px }
    .company-title span {
        font-weight: 700;
        font-size: 1.6em;
    }


    #branch-contacts table td,
    #companydetails table td,
    #schemes table td {
        padding: 10px 0 10px 100px;
        text-align: left;
    }
    #branch-contacts > table > tbody > tr > td:before,
    #companydetails table > tbody > tr > td:before,
    #schemes table > tbody > tr > td:before,
    #chnglog table tbody > tr > td:before {
        top: 9px;
        left: 6px;
    }
    #branch-contacts > table > tbody > tr > td:before {
        text-align: left;
        font-weight: 700;
    }
    .table-slab .dropdown {
        text-align: left;
    }
    #companydetails table > tbody > tr > td {
        padding: 10px 10px 10px 140px;
        text-align: left;
    }

    #chnglog table > tbody > tr > td {
        padding: 10px 10px 10px 114px;
        text-align: left;
    }



    /* Footer */
    .weblinks {
        padding: 20px 0;
    }
    .scheme-block {
        margin-top: 0px;
    }
    .scheme-item {
        width: 49%;
        padding: 20px 23px;
    }
    .scheme-item-long {
        width: 100%;
        padding: 10px 20px;
    }
    .scheme-item img {
        width: 100%;
    }
    .scheme-item-long h2 {
        font-size: 1.7em;
        margin: 0;
    }
    .site-footer .scheme-item-long span {
        font-size: 1em;
    }

    .social-links {
        margin-bottom: 10px;
        margin-top: 20px;
    }


    /*Site footer*/
    .site-footer-bottom {
        margin-bottom: 70px;
    }
    .site-footer span {
        font-size: 0.8em
    }
    .site-footer-bottom {
        clear: none;
    }
    .site-footer-bottom .left {
        line-height: 6px;
    }
    .site-footer-bottom .right {
        float: left;
    }


    /*Mobile Menu*/
    .nav-mobile-overlay.active {
        background-color: #CC0033;
        bottom: 60px;
        transform: translateY(0);
        transition-timing-function: ease-out;
        transition: 0.2s;
    }
    .nav-mobile-overlay.active:after {
        right: 30px;
        top: 58px;
    }
    .site-footer-bottom .copyright-left {
        line-height: 6px;
    }
    .site-footer-bottom .copyright-right {
        float: left;
    }

    .nav > li > a {
        padding: 10px 10px;
    }

    .input-banking {
        display: inline !important;
        width: 15% !important;
    }

}




/*
 *  iPhone 5
 */
@media screen
and (device-height: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {

    body {
        font-size: 1.5em;
    }

    /* header */
    .left-head {
        width: 100%;
    }
    .left-head h1 {
        padding-top: 8px;
        font-size: 1.3em;
        padding-right: 18px;
        float: right;
    }
    .left-head .navbar-brand {
        height: 70px;
        width: 140px;
    }
    .main-Menu {
        min-height: 20px;
    }

    /* Login panel */
    #login {
        margin: 0 !important;
    }
    .container {
        width: 100%;
    }
    .login-bg {
        background-color: #FFFFFF;
    }

    /* login box */
    #login-Box {
        margin: 100px 0 0 0;
        width: 100%;
    }
    #login-Box .panel-heading {
        padding: 10px 20px;
    }
    #login-Box .panel-heading .panel-title {
        font-size: 1em;
    }
    #login-Box .panel-body {
        padding: 20px 20px 10px 20px;
    }
    #login-Box .panel-heading span {
        font-size: 0.84em;
    }

    /* info section */
    .info-section {
        padding: 10px;
    }
    .info-section .welcome {
        padding: 0 0 30px 0;
    }
    .info-section .welcome h2 {
        font-size: 1.4em;
    }


    /* Common Elements */
    .btn {
        width: 120px;
    }

    .btn-alt {
        padding: 11px 0px;
    }
    .box > .icon > .info {
        padding: 55px 32px 0;
    }
    label {
        font-size: 1em;
    }
    .form-control {
        font-size: 1.2em;
    }
    /* Footer */
    .weblinks {
        padding: 20px 0;
    }


    .scheme-block {
        margin-top: 0px;
    }
    .scheme-item {
        width: 49%;
        padding: 20px 23px;
    }
    .scheme-item-long {
        width: 100%;
        padding: 10px 20px;
    }
    .scheme-item img {
        width: 100%;
    }
    .scheme-item-long h2 {
        font-size: 1.7em;
        margin: 0;
    }
    .site-footer .scheme-item-long span {
        font-size: .88em;
    }

    .social-links {
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .site-footer-bottom {
        margin-bottom: 70px;
    }
    .site-footer span {
        font-size: 0.7em
    }
    .site-footer-bottom .copyright-left {
        line-height: 6px;
    }
    .site-footer-bottom .copyright-right {
        float: left;
    }

    .nav-mobile-overlay.active {
        background-color: #CC0033;
        bottom: 60px;
        transform: translateY(0);
        transition-timing-function: ease-out;
        transition: 0.2s;
    }
    .nav-mobile-overlay.active:after {
        right: 26px;
        top: 68px;
    }





}