@media screen and (max-width:1366px) {
    .slider-captions {
        position: absolute;
        width: 100%
    }

    .slider-title {
        color: #fff;
        font-size: 36px;
        font-weight: normal;
        line-height: 55px
    }

    .slider .owl-prev {
        position: absolute;
        left: 0;
        top: 40%;
        left: 0
    }

    .slider .owl-next {
        position: absolute;
        right: 0;
        top: 40%;
        right: 0
    }

    .pinside120 {
        padding-top: 56px
    }

    .mb80 {
        margin-bottom: 36px
    }
}

@media screen and (min-width:1300px) and (max-width:1440px) {
    .slider-captions {
        position: absolute;
        width: 100%
    }

    .slider-title {
        color: #fff;
        font-size: 44px;
        font-weight: normal;
        line-height: 55px
    }

    .slider-captions {
        position: absolute;
        width: 100%
    }

    .pinside120 {
        padding-top: 120px
    }

    .mb80 {
        margin-bottom: 80px
    }
}

@media only screen and (max-width:992px) {

    #MbleHeader,
    #MblSideMenu {
        display: none
    }

    #navigation .Logins li:nth-child(1) {
        display: none
    }

    .slider-title {
        font-size: 27px
    }

    .btn-lg {
        padding: 18px 35px
    }

    .mb80 {
        margin-bottom: 25px
    }

    .pinside120 {
        padding-top: 30px
    }

    #navigation .Logins li:nth-child(1) {
        padding: 14px 0
    }

    #navigation .Logins li:nth-child(2) {
        padding: 14px 10px
    }
}

@media screen and (min-width:1024px) and (max-width:768px) {
    .hidden-lg {
        display: none
    }

    .d-md-block {
        display: none !important
    }

    .d-xs-block {
        display: block !important
    }
}

@media only screen and (max-width:768px) {
    #flex_carousel .caption .btn_bot_text.ind_text {
        font-size: 20px
    }

    .d-md-block {
        display: none !important
    }

    .d-xs-block {
        display: block !important
    }

    .MblHide {
        display: none
    }

    #MbleHeader,
    #MblSideMenu {
        display: block
    }

    #MbleHeader .navbar-default {
        border: 0;
        background: #fff;
        padding: 15px;
        -webkit-box-shadow: 0 5px 9px 1px rgba(144, 161, 180, 0.2)
    }

    #MbleHeader .top-nav-collapse {
        background-color: #fff !important
    }

    #MbleHeader .MblLeft {
        float: left;
        display: inline-block;
        width: 83px
    }

    #MbleHeader .Mblcenter {
        float: right;
        top: 15px
    }

    #MblSideMenu {
        margin-left: 0;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    #MblSideMenu.toggled {
        margin-left: -220px
    }

    #sidebar-wrapper {
        z-index: 1000;
        left: auto;
        right: -33px;
        width: 0;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        background: #1a1a1a;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    #sidebar-wrapper::-webkit-scrollbar {
        display: none
    }

    #MblSideMenu.toggled #sidebar-wrapper {
        width: 220px;
        z-index: 10000;
        right: 0
    }

    #MblSideMenu.toggled #page-content-wrapper {
        position: absolute
    }

    .sidebar-nav {
        position: absolute;
        top: 0;
        width: 220px;
        margin: 0;
        padding: 0;
        list-style: none
    }

    .sidebar-nav li {
        position: relative;
        line-height: 20px;
        display: inline-block;
        width: 100%
    }

    .sidebar-nav li:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        height: 100%;
        width: 3px;
        background-color: #1c1c1c;
        -webkit-transition: width .2s ease-in;
        -moz-transition: width .2s ease-in;
        -ms-transition: width .2s ease-in;
        transition: width .2s ease-in
    }

    .sidebar-nav li a {
        color: #fff;
        font-size: 16px;
        background-color: #1a1a1a
    }

    .sidebar-nav li:hover:before,
    .sidebar-nav li.open:hover:before {
        width: 100%;
        -webkit-transition: width .2s ease-in;
        -moz-transition: width .2s ease-in;
        -ms-transition: width .2s ease-in;
        transition: width .2s ease-in
    }

    .sidebar-nav li a {
        display: block;
        color: #ddd;
        text-decoration: none;
        padding: 10px 15px 10px 0
    }

    .sidebar-nav li a:hover,
    .sidebar-nav li a:active,
    .sidebar-nav li a:focus,
    .sidebar-nav li.open a:hover,
    .sidebar-nav li.open a:active,
    .sidebar-nav li.open a:focus {
        color: #fff;
        text-decoration: none;
        background-color: transparent
    }

    .sidebar-nav>.sidebar-brand {
        height: 65px;
        font-size: 20px;
        line-height: 44px
    }

    .sidebar-nav .dropdown-menu {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0;
        border-radius: 0;
        border: 0;
        background-color: #222;
        box-shadow: none
    }

    .hamburger {
        position: fixed;
        top: 20px;
        left: auto;
        right: 0;
        z-index: 999;
        display: block;
        width: 32px;
        height: 32px;
        margin-right: 15px;
        background: transparent;
        border: 0
    }

    .hamburger:hover,
    .hamburger:focus,
    .hamburger:active {
        outline: 0
    }

    .hamburger.is-closed,
    .hamburger.is-open {
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .hamburger.is-closed:before {
        content: '';
        display: block;
        width: 100px;
        font-size: 14px;
        color: #fff;
        line-height: 32px;
        text-align: center;
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-transition: all .35s ease-in-out
    }

    .hamburger.is-closed:hover:before {
        opacity: 1;
        display: block;
        -webkit-transform: translate3d(-100px, 0, 0);
        -webkit-transition: all .35s ease-in-out
    }

    .hamburger.is-closed .hamb-top,
    .hamburger.is-closed .hamb-middle,
    .hamburger.is-closed .hamb-bottom,
    .hamburger.is-open .hamb-top,
    .hamburger.is-open .hamb-middle,
    .hamburger.is-open .hamb-bottom {
        position: absolute;
        left: 0;
        height: 4px;
        width: 100%
    }

    .hamburger.is-closed .hamb-top,
    .hamburger.is-closed .hamb-middle,
    .hamburger.is-closed .hamb-bottom {
        background-color: #1a1a1a
    }

    .hamburger.is-closed .hamb-top {
        top: 5px;
        -webkit-transition: all .35s ease-in-out
    }

    .hamburger.is-closed .hamb-middle {
        top: 50%;
        margin-top: -2px
    }

    .hamburger.is-closed .hamb-bottom {
        bottom: 5px;
        -webkit-transition: all .35s ease-in-out
    }

    .hamburger.is-open {
        left: auto;
        right: 220px
    }

    .hamburger.is-open .hamb-top,
    .hamburger.is-open .hamb-middle,
    .hamburger.is-open .hamb-bottom {
        background-color: #1a1a1a
    }

    .hamburger.is-open .hamb-top,
    .hamburger.is-open .hamb-bottom {
        top: 50%;
        margin-top: -2px
    }

    .hamburger.is-open .hamb-top {
        -webkit-transform: rotate(45deg);
        -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08)
    }

    .hamburger.is-open .hamb-middle {
        display: none
    }

    .hamburger.is-open .hamb-bottom {
        -webkit-transform: rotate(-45deg);
        -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08)
    }

    .hamburger.is-open:before {
        content: '';
        display: block;
        width: 100px;
        font-size: 14px;
        color: #fff;
        line-height: 32px;
        text-align: center;
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-transition: all .35s ease-in-out
    }

    .hamburger.is-open:hover:before {
        opacity: 1;
        display: block;
        -webkit-transform: translate3d(-100px, 0, 0);
        -webkit-transition: all .35s ease-in-out
    }

    .overlay {
        position: fixed;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(250, 250, 250, .8);
        z-index: 1
    }

    #navigation {
        top: 0 !important
    }

    .header-transparent {
        position: relative;
        background-color: #15549a !important
    }

    .header-transparent #navigation.small-screen #menu-button {
        display: block;
        padding: 16px 0;
        color: #f51f8a;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        border-top: 1px solid #0a4587;
        margin-top: 0
    }

    .header-transparent #navigation.small-screen ul li {
        width: 100%;
        border-top: 1px solid #0a4587
    }

    .header-transparent #navigation.small-screen .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #0a4587;
        height: 46px;
        width: 46px;
        cursor: pointer
    }

    .header-transparent #navigation.small-screen ul ul li a {
        color: #fff;
        background: 0
    }

    .header {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .logo {
        width: 50%
    }

    .desktop-form {
        margin-top: -64px
    }

    .slider-captions {
        position: absolute;
        bottom: 47px;
        text-align: center
    }

    .slider-title {
        color: #fff;
        font-size: 22px;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 26px
    }

    .slider .owl-prev {
        position: absolute;
        left: 0;
        top: 30%;
        left: 0
    }

    .slider .owl-next {
        position: absolute;
        right: 0;
        top: 30%;
        right: 0
    }

    .page-header {
        padding: 40px 0 80px
    }

    .page-title {
        font-size: 28px;
        margin-bottom: 14px
    }

    .btn-action {
        text-align: center
    }

    .btn-action .btn {
        padding: 10px;
        float: left;
        margin-left: 5px
    }

    .sub-nav>.nav li a {
        border-bottom: 1px solid #dee7f2;
        margin-bottom: 0
    }

    .childern {
        padding-left: 0
    }

    .widget-share {
        background-color: #fff;
        padding: 14px;
        position: absolute;
        top: 0;
        right: 0
    }

    .search-nav {
        display: none
    }

    .rate-counter-block {
        text-align: center
    }

    .rate-icon {
        float: none;
        margin-bottom: 10px
    }

    .loan-rate {
        font-size: 24px
    }

    .real-eligibility {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%
    }

    .ai-driven {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%
    }

    .p-10-10 {
        padding: 10px 10px !important
    }

    #accordion3 {
        padding-left: 50px;
        overflow: hidden;
        position: relative;
        z-index: 1
    }

    #accordion3:before {
        content: "";
        width: 5px;
        height: 92%;
        background: #004e89;
        position: absolute;
        top: 3%;
        left: 17px;
        z-index: -1
    }

    #accordion3 .panel-title a:before {
        width: 40px;
        height: 40px;
        line-height: 32px;
        top: 18px;
        left: -50px
    }

    #accordion3 .panel-title a img {
        width: 40px
    }
}

@media only screen and (max-width:480px) {
    .MblLogo {
        margin: 0;
        padding: 0
    }

    #navigation {
        top: 10px !important
    }

    .header-transparent #navigation.small-screen #menu-button,
    .header #navigation.small-screen #menu-button {
        border-top: none !important
    }

    .header-transparent #navigation {
        margin-top: 0 !important
    }

    .header-transparent #navigation.small-screen>ul>li>a {
        padding: 16px 0 !important
    }

    .slider-gradient-img img {
        height: 245px
    }

    .slider-gradient-img .slider-text {
        margin-bottom: 20px;
        font-size: 11px
    }

    .text-muted {
        color: #777;
        font-size: 14px
    }

    .padding-left-60 {
        padding-left: 50px
    }

    .margin-top-40 {
        margin-top: -17px !important
    }

    .firstbtn,
    .secondbtn,
    .thirdbtn {
        position: absolute;
        bottom: 2px !important;
        right: 71px !important
    }

    .secondbtn {
        position: absolute;
        bottom: 2px !important;
        left: 71px !important
    }

    .firstbtn .btn,
    .secondbtn .btn,
    .thirdbtn .btn {
        font-size: 10px;
        padding: 5px
    }

    #navigation>ul>li>a {
        padding: 16px 0
    }

    .page-breadcrumb .breadcrumb {
        font-size: 10px
    }

    .page-header .pinside30 {
        padding: 10px
    }

    .page-title {
        font-size: 24px;
        margin-bottom: 14px
    }

    .mblnopadding {
        padding: 0
    }

    .section-space60 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    #sub-nav {
        position: relative;
        z-index: 0
    }

    .logo {
        width: 100%
    }

    h1 {
        font-size: 24px;
        line-height: 33px
    }

    h2 {
        font-size: 22px;
        line-height: 32px
    }

    h3 {
        font-size: 18px
    }

    .section-space80 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .pinside40 {
        padding: 20px
    }

    .pinside50 {
        padding: 30px
    }

    .pinside60 {
        padding: 20px
    }

    .pinside80 {
        padding: 20px
    }

    .mb10 {
        margin-bottom: 20px
    }

    .mb30 {
        margin-bottom: 20px
    }

    .mb40 {
        margin-bottom: 20px
    }

    .mb60 {
        margin-bottom: 30px
    }

    .footer .mt40 {
        margin-top: 0
    }

    .footer p {
        font-size: 14px;
        text-align: justify
    }

    .footer .widget-footer {
        padding-left: 10px
    }

    .footer .widget-footer ul li a,
    .footer .widget-social ul li a {
        font-size: 14px
    }

    .tiny-footer p {
        text-align: center;
        line-height: 26px;
        font-size: 14px
    }

    .lead {
        line-height: 26px;
        font-size: 16px
    }

    .btn {
        font-size: 12px;
        padding: 15px
    }

    .desktop-form {
        margin-top: 0
    }

    .desktop-form .nav>li>a {
        position: relative;
        display: block;
        padding: 8px 8px;
        font-size: 14px
    }

    .mblHeight {
        height: 379px
    }

    .number-block {
        min-height: auto
    }

    .widget-share {
        background-color: #fff;
        padding: 14px;
        position: absolute;
        top: -115px;
        right: 144px;
        transform: rotate(-90deg)
    }

    .widget-share ul>li {
        transform: rotate(90deg)
    }

    .page-header {
        padding: 10px 0;
        min-height: 320px
    }

    .wrapper-content {
        margin-top: -40px;
        margin-bottom: 40px
    }
}

@media only screen and (max-width:320px) {
    h1 {
        font-size: 24px;
        line-height: 33px
    }

    h2 {
        font-size: 22px;
        line-height: 32px
    }

    h3 {
        font-size: 18px
    }

    .pinside60 {
        padding: 20px
    }

    .pinside80 {
        padding: 20px
    }

    .mb30 {
        margin-bottom: 20px
    }

    .mb60 {
        margin-bottom: 30px
    }

    .mb100 {
        margin-bottom: 60px
    }

    .lead {
        line-height: 26px;
        font-size: 16px;
        text-align: justify
    }

    .btn {
        font-size: 12px
    }

    .desktop-form {
        top: 240px;
        right: 0;
        width: 100%
    }

    .desktop-form .nav>li>a {
        position: relative;
        display: block;
        padding: 8px 10px;
        font-size: 14px
    }

    .number-block {
        min-height: auto;
        margin-bottom: 70px !important
    }

    .circle {
        margin: -70px auto 15px auto
    }

    .slider-captions {
        position: absolute;
        bottom: 14px;
        text-align: center;
        width: 100%
    }

    .slider-img img {
        height: 84px
    }

    .slider-title {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 26px
    }

    .slider .owl-prev {
        position: absolute;
        left: 0;
        top: 30%;
        left: 0
    }

    .slider .owl-next {
        position: absolute;
        right: 0;
        top: 30%;
        right: 0
    }

    .rate-icon {
        float: none
    }

    .rate-counter-block {
        text-align: center
    }

    .loan-rate {
        font-size: 24px
    }

    .widget-share {
        background-color: #fff;
        padding: 5px;
        position: absolute;
        top: -110px;
        right: 137px;
        transform: rotate(-90deg)
    }

    .widget-share ul>li {
        transform: rotate(90deg)
    }

    .search-nav {
        display: none
    }
}