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

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

	h2, .heading {
    font-size: 40px;
    line-height: 50px;
	}
	
	/*--navigation--*/

	.nav-header .maindiv{padding: 0 15px;}
	.logo{position: relative; left: 15px; top: 6px;}
	#menu-icon {display: none;}
	.nav01 {width: 50%;}
	.nav01 .menu01 {
	    display: flex;
	    justify-content: center;
	    background: transparent;
	    align-items: center;
	    border-bottom: 0;
	    position: inherit;
	    top: 0;
	    left: 0;
	}
	.nav01 .menu01 a{color: var(--black); font-weight: 500; 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{color: #086ca1;}

	.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}


	/*--menu hover submenu--*/

	.nav01 .menu01 li > .sub_menu {
		display: none;
		position: absolute;
		width: 280px;
		background: #f1f1f1;
		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: 262px;
		background: #f9f9f9;
		width: 360px;
		top: 0;
	}

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

	.nav01 .menu01 li > .sub_menu li:hover {
		background: #e6e6e6;
	}
	.nav01 .menu01 li > .sub_menu li a{padding: 0 18px}


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



	/*-others-*/
	.only-dektop{display: block;}
	.only-mobile{display: none;}
	.row-reverse{flex-direction: row-reverse;}
	.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
	.align-c {align-items: center;}
	.two-div .col{width: 48%}
	.four-div .col{width:23%;}
	.three-div .col {width: 31%;}

	.super-container{padding: 0;}

	.nav-header {
		border-top: 0px solid var(--red);
	    padding: 0;
	    box-shadow: none;
	}

	/*--banner--*/
	.banner{padding: 50px 0;}
	.banner .imagebox {margin-top: 0px;}
	.banner .row { align-items: center;}
	.banner h1 {font-size: 59px;line-height: 71px;}
	.banner label {font-size: 24px;line-height: 34px;}
	.banner .imagebox {float: right;clear: both; display: block;}
	.banner.innerpage .imagebox {float: left;}
	.four-feature-box .four-div-grid {

    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 20px;
	}
	.four-feature-box .four-div-grid div {
    border-right: 1px solid #f1f1f1;
	}
	.four-feature-box .four-div-grid div:last-child {
    border: none;
	}
	.representative {
    margin-top: -25px;
	}
	.read-more{padding: 20px 30px;}
	.loanAmount__container {grid-template-columns: 10% 80% 10%;     padding: 15px 22px;}
	.sub_button{width: 40px;height: 40px;}

	.image-txt-zone {
    display: flex;
    justify-content: space-between;
    align-items: center;
	}
	.image-txt-zone .imgbx {
    width: 36%;
	}
	.image-txt-zone .textbx {
    width: 56%;
	}
	.image-txt-zone.girl .imgbx {
    width: 40%;
	}
	.image-txt-zone.girl .textbx {
    width: 58%;
	}
	.green-bubble-bx .lefttext {
    display: flex;
    justify-content: space-between;
    align-items: center;
	}
	.green-bubble-bx .lefttext span {
    font-size: 30px;
    line-height: 40px;
    width: 40%;
	}
	.tab-list-grid {
    grid-template-columns: repeat(2, 1fr);
    width: 50%;
	}
	.green-bubble-bx .lefttext span{margin-bottom: 0;}
	.two-border-grid {grid-template-columns: repeat(2,1fr);}
	.three-border-grid {grid-template-columns: repeat(3,1fr);}
	.four-border-grid {grid-template-columns: repeat(4,1fr);}
	.five-border-grid {grid-template-columns: repeat(5,1fr);}
	.curve{padding: 50px 0 50px 0;}

	.tan .curve-svg {
		display: block;
	    position: absolute;
	    top: -188px;
	    left: 0;
	}
	.tan .curve-svg path{fill: var(--tan);}

	.green .curve-svg {
		display: block;
	    position: absolute;
	    top: -188px;
	    left: 0;
	}
	.green .curve-svg path{fill: var(--green);}
	.space-fr-curve1 { padding-bottom: 200px;}
	.four-list-grid {grid-template-columns: repeat(4, 1fr); margin-bottom: 50px;}


	.row-new {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.row-new > .col {
		width: 46%;
	}
	.row-new > .col > .row {
		flex-direction: column;
	}
	.image-txt-zone.girl .imgbx {display: block;}

	/*--footer--*/
	.footer-first {
    display: flex;
    justify-content: space-between;
	}
	.footer-first .left {
    width: 42%;
	}
	.footer-first .right {
    width: 53%;
	}
	.footer-first .list-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
	}

	.footer-first .list-grid div{margin-bottom: 0}
	.footer-first .right {
    width: 53%;
	}


	/*--inner page--*/
	.innerpage .two-div .col:nth-of-type(1) {width: 40%;}
	.innerpage .two-div .col:nth-of-type(2) {width: 55%;}

	
	.banner .innerpage-form label {
    text-align: center;
    display: block;
    font-size: 24px;
    line-height: 34px;
    color: var(--black);
    font-weight: 600;
    margin-bottom: 15px;
	}
	.banner.innerpage .row{align-items: flex-start;}
	.banner-slider1.innerpage-form { 
    padding: 20px 30px 30px 30px;
    margin-top: 30px;
	}
	.innerpage .representative {
    text-align: center;
    margin-top: 0;
	}
	.banner.innerpage {padding-bottom: 3px;}
	.innerpage .representative {
    text-align: center;
    margin-top: 0;
	}

	/*--btn effect start--*/
	.btn-effect.lg {padding: 15px 45px;}

	/*.btn-effect {
		padding: 15px 30px;
		background-color: var(--red);
		border: none;
		font-size: 18px;
		line-height: 28px;
		transition: all 0.5s linear;
		color: #fff;
		border-radius: 8px;
		display: inline-block;

	}*/

	.btn-effect:hover {
		background-color:#571009;
		border-radius: 8px;
		scale: 1.1;
	}

	.btn-effect::after{
		content: '';
		background: var(--red);
		width: 0;
		height: 100%;
		position: absolute;
		inset: 0;
		transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
		z-index: -1;  
		border-radius: 8px;  
	}

	.btn-effect:hover::after {
		width: 100%;
		border-radius: 8px;  
	}

	

	/*--header applynow--*/
	.header-apply {
    background: var(--red);
    color: #fff;
    padding: 20px 40px;
    display: inline-block;
    -webkit-transition: all 0.5s linear;
     -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
	}
	.header-apply:hover {
		background-color:#571009;
		scale: 1;
	}

	.header-apply::after{
		content: '';
		background: var(--red);
		width: 0;
		height: 100%;
		position: absolute;
		inset: 0;
		transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
		z-index: -1;  
	}
	.header-apply:hover::after {
		width: 100%;
	}

	/*--btn-effect end--*/

	.green-list.full li{max-width: 100%;}

	.green-list li{
	-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    max-width: 590px;
	}

	.green-list li:hover {
    margin-left: 10px;
	}

	/*--flooting effect--*/
	.floating {  
		animation-name: floating;
		animation-duration: 3s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;

	}

	@keyframes floating {
		0% { transform: translate(0,  0px); }
		50%  { transform: translate(0, 15px); }
		100%   { transform: translate(0, -0px); }    
	}

	/*--shake animation--*/
	.hithere {
		animation: hithere 2.5s ease infinite;
	}
	@keyframes hithere {
		30% {
			transform: scale(1.05);
		}
		40%,
		60% {
			transform: rotate(-10deg) scale(1.05);
		}
		50% {
			transform: rotate(10deg) scale(1.05);
		}
		70% {
			transform: rotate(0deg) scale(1.05);
		}
		100% {
			transform: scale(1);
		}
	}

	.floating2 {  
		animation-name: floating;
		animation-duration: 4s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;

	}

	@keyframes floating {
		0% { transform: translate(0,  0px); }
		50%  { transform: translate(0, 10px); }
		100%   { transform: translate(0, -0px); }    
	}

	.super-container .close {
		right: 11px;
		top: 5px;
	}
	.super-container .close .fa {
		font-size: 22px;
	}
	.warning-header p{padding-right: 0}
	input#amount, input#time{font-size: 26px;height: 40px;}
	.box-in{font-size: 31px;}
	.count3{column-count: 3;}
	.banner.home .col {margin-top: -50px;}
	.inner-banner {grid-template-columns: repeat(2, 1fr);}
	.how-it-works .row {align-items: center;}
	.apply-now {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		grid-column-gap: 25px;
	}
	.apply-now  .form-f-2 {
		grid-column: 1/4;
	}
	.apply-now  .form-f.postcode {
		grid-column: 1/4;
	}
	.apply-now .form-f-2 .input-group {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		grid-column-gap: 25px;
	}
	.banner.about {
    padding-bottom: 0;
	}
	.banner-img .img-res {
    margin-bottom: -11px;
	}
	.banner-slider1.innerpage-form { padding: 10px 20px 20px 20px;}
	.read-more{margin-left: 20px;}
	input#amount {width: 37%;}



}

@media only screen and (max-width: 767px) {
	.header .item-right a.apply-header-btn{
        display: none;
    }
}