@charset "utf-8";
 @media screen and (max-width:479px) {
    .cta-login-modal .cta-footnote-block .gray-bg-box h4 { width: -moz-calc(100%); width: -webkit-calc(100%); width: calc(100%); }
 }
 @media screen and (min-width:480px) {
     /*** custom login modal ****/
     .modal-body {
         padding: 45px 40px;
     }
     .custom-modal-footer {
         display: table;
         width: 100%;
         padding: 20px;
     }

     .signup-req {
         display: table-cell;
         width: 60%;
         text-align: left;
         vertical-align: middle;
     }
     .sign-up-here {
         display: table-cell;
         width: 40%;
         vertical-align: middle;
         text-align: right;
     }

     /*** custom login modal ****/
     /*** banner and calculator ***/
     .currency-calculator .btn-currency {
         font-size: 18px;
         width: 150px;
     }
     .currency-calculator .btn-currency img {
         display: inline-block;
     }
     /*** banner and calculator ***/

    .header-links .btn {
    }

 }

 @media screen and (min-width:600px) {

     /*** download mobile ****/
     .app-links .btn {
         padding: 15px 35px;
         display: inline-block;
         width: auto;
         margin-right: 10px;
     }
     .app-links .btn img {
         padding-right: 20px;
         height: 35px;
     }
     .mobile-download h2 {
         font-size: 30px;
     }
     /*** download mobile ****/
     /*** why choose ***/
     .sbi-features-links .feature-img {
         height: 62px;
     }
     .sbi-features-links h4 {
         font-size: 14px;
     }
     .sbi-features-links {
         min-height: 140px;
     }
     /*** why choose ***/
     /*** banner ***/
     .bx-wrapper {
         height: 350px;
     }
     .login-box {
    width: 500px;margin:50px auto 0 auto; }
    .login-box .btn{     margin-bottom: 0px; width: auto; }


     /*** banner ***/

    .forgot-password span{
        float: right;
        margin: 0
    }
 }

 /***************************************************************************************

    *MEDIA QUERY FOR DEVICE WIDTH MORE THEN 768px STARTS

***************************************************************************************/

 @media screen and (min-width:768px) {
     /**** commons ***/
     
     /**** commons ***/
     .banner-calculator {
         background: url(../landing-images/banner-bg.png) bottom center no-repeat;
         background-color: #7899dd;

     }
     /*** nav bar ***/
     .nav-menu {
         padding-top: 20px;
         padding-right: 15px;

     }
     .nav-menu.navbar-nav > li > a {
         color: #444;
         font-weight: 500;
         padding: 15px;
     }
     .nav-menu.navbar-nav > li:last-child > a {
         padding-right: 5px;
     }
     .nav-menu.navbar-nav > li > a:before {
         content: "";
         position: absolute;
         z-index: 0;
         right: 2px;
         top: 16px;
         background: #444;
         height: 20px;
         width: 1px;
         -webkit-transition-property: left, right;
         transition-property: left, right;
         -webkit-transition-duration: .3s;
         transition-duration: .3s;
         -webkit-transition-timing-function: ease-out;
         transition-timing-function: ease-out;
     }
     .nav-menu.navbar-nav > li:last-child > a:before {
         display: none;
     }
     .nav-menu.navbar-nav > li > a:hover,
     .nav-menu.navbar-nav > li > a:focus {
         color: #00b4ef
     }
     .nav-menu.navbar-nav > li.profile-button > a {
         color: #fff;
         padding: 15px 40px;
         line-height: 1;
         background: #00b4ef;
     }
     .navbar > .container .navbar-brand,
     .navbar > .container-fluid .navbar-brand {
         margin-left: 0;
     }
     .navbar-default .navbar-nav .open .dropdown-menu > li > a {
         color: #333;
     }
     .dropdown-menu > li > a:focus,
     .dropdown-menu > li > a:hover {
         color: #fff;
         text-decoration: none;
         background-color: #010101;

     }
     .header-links {
     }
     .header-links .btn {
         background: #00b4ef;
     }
     .header-links .btn:hover {
         background: #6883ca;
     }
     .header-links .btn:last-child {
     }
     .navbar-default .navbar-nav > .open > a,
     .navbar-default .navbar-nav > .open > a:focus,
     .navbar-default .navbar-nav > .open > a:hover {
         background: transparent;
         color: #00b4ef;
     }
     .navbar-right .dropdown-menu {
         left: 0;
         right: 0;
         padding: 0;
     }
     .sbi-dropdown:hover ul.dropdown-menu {
         display: block;
     }
     .dropdown-menu > li > a {
         color: #333;
         transition: ease-in .5s
     }
     /**** nav bar ***/
     /**** banner and calculator ****/
     .bx-wrapper {
         margin-bottom: 0;
         border: none;
         box-shadow: none;
         height: 500px;
         background: transparent;
     }
     ul.bxslider li {
         background-size: contain;
     }
     .banner-calculator {
         padding: 50px 0;
     }
     .bx-wrapper {
         height: 450px;
     }
     /**** banner and calculator ****/
     /*** why chooose ***/
     .why-us h2 {
         margin: 0;
         padding: 30px 0;
         color: #271e79;
     }
     .sbi-features-links .feature-img {
         height: 82px;
     }
     .sbi-features-links {
         min-height: 175px;
     }
     .sbi-features-links h4 {
         font-size: 16px;
     }
     .why-choose-section .sec-70 {
         position: absolute;
         height: 100%;
         width: 70%;
         left: 0;
     }
     .why-choose-section .sec-30 {
         position: absolute;
         height: 100%;
         width: 30%;
         right: 0;
     }
     .rate-table {
         padding-right: 25px;
         padding-top: 0;
     }
     /*** why chooose ***/
     /**** about us img section ***/
     /*** currency-calculator ***/
     .currency-calculator {
         top: 10px;
     }
     /*** currency-calculator ***/
     /*** modal**/
     .login-modal .modal-dialog {
         width: 480px;
     }
     /*** modal**/
     /*** custom login modal ***/
     .custom-modal-footer {
         display: table;
         width: 100%;
         padding: 35px 40px;
     }
     /*** custom login modal ***/
     /********* download mobile *****/
     .mobile-download {
         position: relative;
         background: url(../landing-images/mobile-app-banner.jpg) no-repeat;
         background-size: cover;
         padding: 15px 0;

     }
     .mobile-download h2 {
        padding-bottom: 35px;
        font-size: 40px;
     }

     .app-links .btn-img {
         display: inline-block
     }

     .app-links .btn-img img {
        max-width: 212px;
    }

    .app-links span img {
        max-width: 212px;
    }

     .app-links .btn-img:last-child {
         margin-right: 0;
     }

     .app-links .btn-img span,
     .app-links .btn-img img {
         vertical-align: middle;
     }



     /********* download mobile *****/
     /**** footer ***/
     .sub-footer-links li {
         margin-right: 40px;
     }
     .footer-description h4 {
         padding-bottom: 15px;
     }
     .sub-footer-links li:before {
         content: ":";
         display: block;
         position: absolute;
         left: -20px;
         top: 0;
         font-size: 13px;
     }
     /**** footer ***/
     .dwn-width-md{
        width: 245px;
        min-width: 245px;
     }
     .modal-custom-md{
        width: 600px !important;
        max-width: none;
     }
     #feesstructure .modal-custom-md{
        width: 830px !important;
        max-width: none;
     }

     .banner-content {
    top: 50%;
    padding: 10px;
}
.header_menubar ul.navbar-nav > li > a {
    border-right: 1px solid #000;
    padding: 0 15px;
    display: inline-block;
}

.header_menubar ul.navbar-nav > li:last-child a {
    border: 0;
}
ul.dropdown-menu.show {
    border-radius: 0;
    padding: 0;
    border: 1px solid rgba(0,0,0,.15);
}

ul.dropdown-menu li a {
    font-size: 14px;
}
 }

 /***************************************************************************************

    *MEDIA QUERY FOR DEVICE WIDTH MORE THEN 992 STARTS

***************************************************************************************/

 @media screen and (min-width:992px) {
     /*** commons **/
     
     
     .section-pad {
         padding: 40px 0;
     }
     /*** commons **/
     /*** nav bar **/
     .custom-navbar {
         min-height: 85px;
         height: 86px;
     }
     .nav-menu.navbar-nav > li > a {
         padding: 15px;
     }
     .header-links .btn {
     }
     .header-links {
     }
     /*** nav bar **/
     /*** download mobile ***/
     .mobile-download h2 {
        padding-bottom: 35px;
        font-size: 35px;
    }
     .mobile-download .row-table {
        display: table;
        table-layout: fixed;
        width: 100%;
     }

     .mobile-download .row-table > [class*="col-"] {
            display: table-cell;
            float: none;
            table-layout: fixed;
            vertical-align: middle;
    }

     /*** download mobile ***/
     /*** why chooose ***/
     /*** why chooose ***/
     .about-us-img img {
         min-width: 400px;
     }
 }

 /***************************************************************************************

    *MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1024 STARTS

***************************************************************************************/

 @media screen and (min-width:1024px) {}

 /***************************************************************************************

    *MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1200 STARTS

***************************************************************************************/

 @media screen and (min-width:1200px) {
     /*** commons **/
    
     .section-pad {
         padding: 80px 0;
     }
     /*** commons **/
     /**** navbar ***/
     .navbar-brand > img {
         max-height: 50px;
     }
     .custom-fluid {
     }
     .header-links {
     }
     /*** download mobile ***/
     .mobile-download h2 {
        padding-bottom: 0;
        margin-bottom: 0;
        font-size: 48px;
    }
    /*** download mobile ***/
 }

 /***************************************************************************************

    *MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1280 STARTS

***************************************************************************************/

 @media screen and (min-width:1280px) {
     .bx-wrapper {
         width: 90%;
         margin: 0 auto;
     }
 }

 @media screen and (min-width:1280px) {
    .corporate .bx-wrapper {
        width: 100% !important;
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px){
.corporate ul.bxslider li {
     background-size: auto !important;
}
}


@media screen and (max-width:767px) {
    .header-links .btn
    {
        padding: 10px !important;
    }
    .header-links .btn i{
        font-size: 20px;
    }
    .banner-content h2 {
        font-size: 14px;
        margin: 2px 0;
    }
    
    .banner-content h4 {
        font-size: 12px;
        margin: 4px;
    }
 }