


@media only screen and (min-width: 1400px) {
	.maindiv{

	}
}

@media only screen and (min-width: 1200px) {
	.maindiv{
		max-width: 1250px;
	}
}

@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: 70%;}
	.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 30px;-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: 18px;}

    .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: 40%;
    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;
	    border-bottom: 0;
    	margin-bottom: 0;

	}
	.banner-inner-text-box{flex-direction: row;}
	.banner-inner{    
		padding: 120px 0 50px;
		background: url(../images/inner_banner.webp) no-repeat;
	    background-size: cover;
	}
	.banner-inner.unsecured{    
		padding: 120px 0 50px;
		background: url(../images/unsecured-banner.jpg) no-repeat;
	    background-size: cover;
	}
	.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;}
	.banner-home{ 
		background-color: #767a7b;
		padding: 150px 0 100px;
		background: url(../images/home_banner.webp) no-repeat;
	    background-size: cover;
	    position: relative;
	   
	}
	.blog-grid .wrap{ width: 25%;}

	.bg_blue {
    background: url(../images/blue_bg.webp) no-repeat;
    background-size: cover;
	}
	.bg_blue.fixed {
    background-attachment: fixed !important;
    background: url(../images/bg_style1.webp) no-repeat; 
    background-size: cover;
	}
	.bg_blue.new-paralax {
    background: url(../images/new-paralax.jpg) no-repeat;
    background-size: cover;
	}
	
	.logo-header .logo{padding: 20px 0;}
	.banner-home{padding: 80px 0 60px;}
	.home-banner-text-box{padding: 30px;}
	.home-banner-text-box h1 {font-size: 36px;line-height: 46px;}
	.home-banner-text-box .sub{margin-top: 15px;}
	.logo-header{padding: 15px 0 8px 0;}
	.logo img{width: 230px;}
	.tick-list {padding-left: 100px;}
	.tick-list > li:before {
		content: "";
		background: url(../images/tick.png) no-repeat;
		position: absolute;
		background-size: cover;
		color: #fff;
		left: -75px;
		top: 4px;
		width: 50px;
		height: 50px;
	}

	.slidr-heading span.h3 {padding-bottom: 35px;}
	.slider-box .h33 {position: relative;top: -31px;}
	.banner-slider .btn-area{margin-top: 30px;}
	.banner-inner-text-box h1 {font-size: 36px;line-height: 46px;}
	.banner-inner{ padding: 120px 0 50px;}

	.count4 {column-count: 4;}
	.evenly table {table-layout: fixed;}
	.unsecured .banner-inner-text-box {
    background: rgb(0 0 0 / 80%);
    align-items: center;
	}
	.mobile{display: none;}
	
	.top-sidebar-wrapper .sidebar {
    width: 32%;
    margin-bottom: 0;
	}
	.top-sidebar-wrapper .content-zone {
    width: 65%;
	}
	.img-bx1 {
    width: 37%;
	}
	.text-bx1 {
    width: 60%;
	}
	.new-img-text-zone .row {align-items: center;} 
}


@media only screen and (max-width: 767px) {
	.nav01 .menu01 li.apply a{ display: block;}
	.flex-mobile-reverse {
    display: flex;
    flex-direction: column-reverse;
	}
	.pb-2 {padding-bottom: 20px;}
	.pt-2 {padding-top: 20px;}
	.h2{font-size: 26px;line-height: 36px;}
	.desktop{display: none;}
	.row-reverse1 {
    flex-direction: column-reverse;
    display: flex;
	}
	.m-mb-1{margin-bottom: 15px;}
	.row-reverse-m {
        flex-direction: column-reverse;
        display: flex;
    }
    .list.text-left {
    margin-top: 30px;
	}
   


}


@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%; height: auto;}
	.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;}
}