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

@media only screen and (min-width: 768px) {
    
    /*--navigation--*/

    .nav-header .maindiv{padding: 0 15px;}
    #menu-icon {display: none;}
    .nav01 {width: 80%;}
    .nav01 .menu01 {display: flex; justify-content: flex-start; background: transparent; align-items: center;
        border-top: 0px;}
    .nav01 .menu01 a{color: #ffffff; font-weight: 400; padding: 0 25px;-webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    font-size: 15px;}

    .nav01 .menu01 a:hover{}

    .nav01 .menu01 li { margin: 12px 0; position: relative;}
    .nav01 .menu01 li.apply-now{margin-bottom: 12px;text-align: center;margin-left: 15px; background: transparent;}
    .nav01 .menu01 li.apply-now a {color: #fff;background: #248e38;padding: 10px 25px;border-radius: 22px;-webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;}
    .nav01 .menu01 li.apply-now a:hover{background: #094514}

    .nav01 .menu01 li.apply{
        display: none;
    }

    .nav01 > .menu01 > li{padding: 0;}


    /*--menu hover submenu--*/

    .nav01 .menu01 li > .sub_menu {
        display: none;
        position: absolute;
        width: 280px;
        background: var(--skyblue);
        z-index: 9;
        padding: 0;
    }

    .nav01 .menu01 li:hover > .sub_menu {
        display: block;
    }

    .nav01 .menu01 li > .sub_menu li {
    padding: 6px 0;
    margin: 0;
    position: relative;
    }

    .nav01 .menu01 li .sub_menu li ul.sub_menu {
        position: absolute;
        left: 280px;
        background: var(--skyblue);
        width: 272px;
        top: 0;
    }

    .nav01 .menu01 li > .sub_menu li {
        padding: 6px 0;
        margin: 0;
    }

    .nav01 .menu01 li > .sub_menu li:hover {
        background: var(--orange);
    }
    .nav01 .menu01 li > .sub_menu li a{padding: 0 18px; display: inline-block; font-size: 16px;
    line-height: 26px;}


    .menu01 .fa-caret-down {
    display: block;
    position: absolute;
    right: 16px;
    top: 6px;

    }
    .warning-header .close {right: 11px; top: 5px;}
    .menu01 span.fa-arrow {
    display: block;
    position: absolute;
    right: 8px;
    top: 0px;
    font-size: 16px;
    }
    .nav01 .menu01 a.apply-btn {display: inline-block;}



    /*-others-*/

    .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    .two-div .col{width: 48%}
    .four-div .col{width:23%; }
    .three-div .col {width: 31%;}

    .two-div .col-60{width: 54%}
    .two-div .col-40{width: 42%}


    .l-info {
    display: flex;
    justify-content: space-between;
    }

    .other-info {
    width: 43%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 30px;
    }

    .nav01 > .menu01 > li > a {
    border-right: 1px solid #33b1c3;
    }

    .nav01 > .menu01 > li > a:last-child {
        border-right: 0;
    }
    .nav-apply-btn{display: block; transition: all .3s ease;}
    .nav-apply-btn:hover, .nav-apply-btn:hover:before {
    background: #cb591f;
    }
    .l-info {
    display: flex;
    justify-content: space-between;
    }

    .logo-header .logo {
        text-align: left;
        padding: 0;
    }

    .other-info .address {
        flex-direction: row;
        text-align: left;
    }

    /*-- banner form--*/

    .banner-form form {
        display: flex;
        flex-direction: row;
    }

    .banner-form .input-wrap{
        width: calc(65% - 54px);
        margin-bottom: 0px;
    }
    .banner-home, .banner-inner { margin-top: -65px;}

    /*--intro --*/
    .two-div-grid {
    grid-template-columns: repeat(2,1fr);
    }
    .feature-box-grid {
    grid-template-columns: repeat(3,1fr);
    }
    .footer .f-first{flex-direction: row;}
    .footer .f-nav ul {
        
        flex-direction: row;
    }
    .footer .f-nav ul li {
        padding: 0 20px 0 0;
        margin: 0 20px 0 0;
        border-right: 1px solid #032026;

    }
    .blog-grid{
        flex-direction: row;
    }

    /*--inner banner slider--*/
    .banner-slider {
        padding: 30px 40px 34px;
        width: 48%;
        border-left: 1px solid #593c2d;
        border-top: 0;
        margin-top: 0;

    }
    .banner-inner-text-box{flex-direction: row;}
    .banner-inner{    padding: 120px 0 50px;}
    .table-n.df th {width: 25%;}
    .count3{column-count: 3}


    .feature-boxes {
    grid-template-columns: repeat(9, 1fr);
    }
    .feature-boxes .f-box {
    grid-column: span 3;
    }
    .feature-boxes .f-box.middle {
    grid-column: 4/7;
    grid-row: 1/3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    .feature-boxes .f-box.middle  .icon {font-size: 60px; margin-bottom: 40px}

    .loans .row {justify-content: flex-start;}
    .loans .bluebox {margin: 15px;width: 30%;}
    .other-info-mobile{display: none;}
    



}

@media only screen and (max-width: 767px) {
    /*--blog--*/
    .home .innerpage-banner {
        padding-top: 80px;
        padding-bottom: 20px;
        background-image: none;
        background: #03645f;
    }
    .blog-details .content-area {
        width: 100%;
    }
    .blog-details .sidebar {
        width: 100%;
    }
    .innerpage-banner {
        background-image: none;
        background: #03645f;
        padding: 20px 0;
    }
    .author-data-box {flex-direction: column;}
    .author .author-wrap, .archive .author-wrap{    grid-template-columns: repeat(1, 1fr);}
     .nav01 .menu01 li.apply a{ display: block;}
}

@media only screen and (max-width: 450px) {
    .intro-bx .wrap-div { flex-direction: column;}
    .intro-bx .wrap-div .imagebox {width: 100%; padding: 0;}
    .intro-bx .wrap-div .imagebox img { width: 100%;}
    .intro-bx .wrap-div .textbox {margin-left: 0;padding-left: 30px;}
    .f-logo {margin-bottom: 20px;}
    .cta .heading{margin-bottom: 20px; display: inline-block;}
    .slider-box button{position: relative; top: -6px;}
}