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

}
/* 1170 */
@media only screen and (max-width: 1199px) { 
	.banner-text :where(h1, h2){font-size: 42px;}
	 
	h1, h2, .heading { 
		font-size: 28px;
		line-height: normal; 
	}
	 
}
/* 992 */
@media only screen and (max-width: 1169px) {
	.banner-text :where(h1, h2) {
		font-size: 30px;
	}
	.home-about h2, .sec-head h2, .apply-loan h2 {
		font-size: 24px;
		line-height: normal;
		margin-bottom: 15px;
	}
	.loan-content h3{font-size: 14px;}
	.loan-content .para {
		font-size: 12px;
		line-height: 18px;
		height: 36px; 
	}
	.about-img img {
		width: 430px;
		height: 430px; 
	}
	.home-img{width: 50%;}
	.sec-space-big {
		padding: 55px 0;
	}
	.ft-logo { 
		max-width: 210px;
	}
}
@media only screen and (max-width: 991px) {
	body { 
		font-size: 13px;
		line-height: 20px;
	}
	h1, h2, .heading {
		font-size: 24px;
		line-height: normal;
	}
	.sec-space {
		padding: 25px 0;
	}
	.navbar .navbar-collapse ul.navbar-nav>li.dropdown>a::after {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		font: normal normal normal 10px/1 FontAwesome;
		content: "\f078";
		border: 0;
	}
	.navbar .navbar-collapse ul.navbar-nav>li> .dropdown-menu{
		background: transparent;
	}
	.navbar-collapse ul>li>a:before{display: none;}
	.navbar .navbar-collapse ul.navbar-nav>li> .dropdown-menu > li a.dropdown-item {
		font-size: 11px;
		padding: 5px 20px!important;
	}
	.navbar-collapse {
		position: absolute;
		top: 100%;
		right: 0;
		width: 300px;
		padding: 0 10px;
		z-index: 9;
		background: var(--color-main);
	}
	.navbar-collapse ul li:not(:last-child) {
		margin-right: 0;
	}
	.navbar-collapse ul li a{width: 100%; padding: 10px 0 !important; color: #fff !important;}
	.navbar-collapse ul li.active a, .navbar-collapse ul li a:hover{
		color: #fff !important;
	}
	.navbar-collapse ul li a::after{background-color: #fff !important;}
	 
	.htop{padding: 10px 0;}
	.htop ul li a{font-size: 14px;}
	.htop ul li p{font-size: 11px;}
	.hbottom { 
		padding: 5px 0;
	}
	.contact-menu { 
		margin-left: auto;
	    font-size: 12px;
		height: 36px;
		line-height: 34px;
		padding: 0 15px;
	}
	.navbar-toggler{
		height: 36px;
		margin-left: 10px;
		background: var(--color-main) !important;
		color: #fff !important;
		padding: 0 10px;
	}
	.banner-text :where(h1, h2) {
		font-size: 26px; line-height: normal; 
	}
	.banner-text{top: 7%;}
	.owl-carousel .owl-nav [class*="owl-"]{
		width: 35px;
		height: 35px;
	}
	.home-slider .owl-nav [class*="owl-"]{
		position: static; 
		transform: none; 
		margin: 4px;
	}
	.home-slider .owl-nav{
	    position: absolute;
		bottom: 50%;
		transform: translateY(50%);
		right: 10px;
		width: 45px;
	}
	.left-col-gap{padding-left: 15px;}
	.package-box { 
		padding: 20px 30px;
	}
	.whychoose-text h4{font-size: 15px;}
	.price-top{font-size: 14px;}
	 
	.sec-space-big {
		padding: 25px 0;
	}
 
	.tslider .tbox{margin: 10px;}
	.tbox {
		padding: 20px;
		background-size: 24px;
		box-shadow: 0px 5px 9px #9C98981F;
	}
	.tslider .owl-dots {
		margin-top: -30px;
	}
 
	.footer-top ul li { 
		margin: 4px 0; 
	}
	.contact-footer ul li a{font-size: 13px;}
	.contact-footer ul li p{font-size: 10px;}
	 
	.footer-top {
		padding: 20px 0 22px 0;
	}
	.touch{text-align: center;}
	.touch h2 {
		font-size: 24px; 
	}
	.education-slider .owl-nav { 
		top: -30px; 
		width: 75px;
	}
 
	.htop {
		padding: 5px 0;
	}
	.navbar-collapse ul li.menu-item-has-children .fa {  
		right: 0;
		pointer-events: all; 
		width: 30px;
		text-align: center;
		height: 20px;
		line-height: 20px;
	}
	.sub-menu {  
		opacity: 1;
		visibility: visible;
		width: 100%;
		display: none;
		position: static;
	}
	.innerBannerImg {
		height: 180px; 
	}
	.navbar-collapse ul li.menu-item-has-children .fa{top: 16px;}
	h3, h4, h5, .subheading{ 
		font-size: 15px;
		line-height: 19px; 
	}
	.loan-content .readmore{margin-top: 10px;}
	.about-img img {
		width: 330px;
		height: 330px;
	}
	.home-about h3 {
		font-size: 15px; 
	}
	.home-about h2, .sec-head h2, .apply-loan h2 {
		font-size: 20px;
		line-height: normal;
		margin-bottom: 10px;
	}
	.wc-text h4{font-size: 14px;}
	.wc-box { 
		padding: 10px 10px 12px;
		height: 100%;
	}
	.btn{
		padding: 0 20px;
	}
	.tslider .owl-dots {
		margin-top: 0px;
	}
	.contact-form {
		padding: 20px; 
	}
	.contact-form h2 {
		font-size: 20px; 
	}
} 


@media only screen and (max-width: 767px) {
	.gallerybox img {
		height: 170px;
	}
	.gallerybox.fullheight img {
		height: auto;
	}
	.bannertextwrap { 
		font-size: 13px;
		line-height: 17px;
	}
	.btn-banr .btn{
		height: 36px;
		line-height: 34px;
		font-size: 12px;
		padding: 0 15px;
	}
	.btn{font-size: 12px; height: 39px; line-height: 38px;}
	.package-box {
		padding: 20px 20px;
	}
	h1, h2, .heading {
		font-size: 20px;
		line-height: normal;
		margin-bottom: 15px;
	}
	.packageimg-box .packageimg img {
		height: 150px; 
	}
	.whychoose-text h4{margin-bottom: 4px;}
	.home-video p:last-of-type{margin-bottom: 0;}
	.price-shortdesc { 
		font-size: 14px;
		line-height: 18px; 
	}
	.thead{font-size: 14px;}
	.touch h2{margin-bottom: 4px;}
	.touch h2 {
		font-size: 20px;
	}
 
	.social-icon li { 
		padding-right: 14px;
	}
	.social-icon li:last-child{padding-right: 0;}
	.social-icon img{vertical-align: middle;}
	.navbar-brand {
		max-width:130px;  
		padding: 0;
	}
	.singleimg {
		float: none;
		margin: 8px 0 15px;
		max-width: 100%;
	}
	.order-form {
		padding: 25px; 
	}
	.headerMain{padding: 10px 0;}
	.btn-center, .btn-left, .btn-right {
		margin-top: 20px;
	}
	.home-about .about-img{text-align: center;}
	.apply-loan{padding-bottom: 150px !important;}
	.footer-top ul.social-icon{justify-content: center; margin-bottom: 20px !important;}
	.ft-logo{margin: 0 auto;}
	.footer-bottom p{font-size: 11px; line-height: normal;}
	.footer-top {
		padding: 20px 0 0px 0;
	}
	.why-choose .sec-head h2{max-width: 100%;}
	.home-about{text-align: center;}
	.home-about h2{max-width: 100%;}
	.about-img img { 
		box-shadow: -10px 10px 0 #EFF2F8;
	}
	.why-choose .gap-bottom {
		grid-row-gap: 10px;
		margin: 0 -5px;
	}
	.why-choose .gap-bottom [class*="col-"]{padding: 0 5px;}
	.wc-icon {
		width: 45px;
		height: 48px; 
	}
	.banner-text :where(h1, h2) {
		font-size: 22px;
		line-height: normal;
	}
	.banner-main .bannerbox{
	    padding-top: 30px;
    	background-color: #f6f8fa;
	}
	.contact-box{font-size: 14px; padding: 10px 0;}
	#breadcrumb {
		padding: 5px 8px;
		margin: 0;
		font-size: 12px;
	}
}

@media only screen and (max-width: 575px) {
	.footer-top ul li { 
		font-size: 12px;
	}
	.footer-bottom {
		padding: 10px 0;
		line-height: normal;
		font-size: 12px;
	}
	
	.contact-footer > .d-flex{grid-gap: 10px;}
	.btn {
		font-size: 13px;
		padding: 0 13px;
		height: 38px;
		line-height: 36px;
	}
	.owl-carousel .owl-nav .owl-prev{left: -10px;}
	.owl-carousel .owl-nav .owl-next{right: -10px;}
	.bannerimg {  
		padding-top: 55%;
	}
	.banner-text :where(h1, h2) {
		font-size: 22px; 
	}
	.navbar-collapse ul li a{
		padding: 8px 8px !important;
	}
	.navbar-collapse ul{padding: 10px 0;}
	.navbar-collapse ul li .sub-menu li a{padding: 7px 10px !important;}
	.navbar-collapse ul li.menu-item-has-children .fa{top: 6px;}
	.order-form .wpcf7-spinner{
		position: absolute;
		margin: 22px 0 4px 0;
	}

	.apply-loan {
		padding-bottom: 120px !important;
	}
	.testimonial-sec{padding-top: 0;}
	.ft-logo {
		max-width: 150px;
	}
	.footer-top h3{font-size: 14px; line-height: normal; margin-bottom: 10px;}
	.loan-section .row.gap-bottom{
		grid-row-gap: 10px;
		margin: 0 -5px;
	}
	.loan-section .row.gap-bottom [class*="col-"]{
		padding: 0 5px;
		width: 50%;
	}
	.about-img img {
		width: 270px;
		height: 270px;
	}
	.why-choose figure{text-align: center;}
	.why-choose figure img{width: 270px; margin: 0 auto 5px;}
	.contact-box span { 
		margin-bottom: 6px;
		width: 40px;
		height: 40px;  
		font-size: 18px; 
	}
	
}

@media only screen and (max-width: 479px) {
	.home-img {
		width: 64%;
	}
	.touch h2 {
		font-size: 18px;
	}
	.touch{line-height: normal;}
	.timg {
		width: 45px;
		height: 45px; 
		margin-right: 10px;
	}
	.readmore{font-size: 12px;}
	.home-video{
		font-size: 14px;
		line-height: 18px;
	}
	.home-video h2{margin-bottom: 5px;}
	.price-row {
		margin: -5px; 
	}
	.price-row [class*="col"]{padding: 5px;}
	.packageimg-box .packageimg img {
		height: 100px;
	}
	.packageimg-text h4{font-size: 12px;}
	.edctn-text h4{margin-bottom: 7px;}
 
	.banner-text :where(h1, h2) {
		font-size: 18px; 
		line-height: 22px;
	}
 
	h1, h2, .heading {
		font-size: 18px;
		line-height: normal;
		margin-bottom: 15px;
	}
	.price-top {
		margin-bottom: 7px;
		font-size: 12px;
	}
	.htop ul li {
		margin: 4px 0; 
		min-height: 24px;
		padding-left: 30px;
	}
	.htop ul li .icon { 
		width: 26px; 
		height: 26px;  
	}
	.htop ul li p{display: none;}
	.navbar-collapse{width: 220px;}
	.price-box h3{font-size: 17px;}
	.price-box { 
		padding: 14px 10px;
		height: 68px; 
	}
	.whychoose-icon {
		width: 50px;
		height: 50px; 
	}
	.whychoose-text { 
		font-size: 12px;
		line-height: 15px;
	}
	.whychoose-text h4 {
		font-size: 13px;
	}
	.innerBannerImg {
		height: 150px; 
	}
	.breadcrumb_bottom{margin-top: 0;}
	.innerBannerWrap { 
		padding: 5px 15px; 
	}
	.comment-meta .comment-author .fn {
		font-size: 15px;
		padding-left: 65px;
	}
	.comments-area.show-avatars .comment-metadata{padding-left: 65px;}
	.comment-content{margin-left: 0; margin-top: 10px;}
	.comment-meta .comment-metadata .edit-link {
		margin-left: 4px;
	}
	.comment-respond > *:last-child.comment-form{margin-bottom: 0;}
	.video-box h3 {  
		line-height: 19px;
		font-size: 14px;
	}
	.contact-box span{margin-bottom: 6px;}
 
	.contact-form {
		padding: 25px 27px; 
	} 
	.order-form  p { 
		font-size: 13px;
		line-height: 16px;
	}
	.order-form h4 {
		font-size: 13px; 
	}
	.order-form .wpcf7-list-item{font-size: 12px;}
	.footer-top ul li {
		font-size: 11px;
		line-height: normal;
	}
	.footer-top ul li {
		margin: 6px 0;
	}
	.footer-top h3{font-size: 14px;}
	.loan-content{padding: 10px;}
	.loan-content h3 {
		font-size: 13px;
		line-height: normal;
	}
	.loan-content .para {
		font-size: 11px;
		line-height: 15px;
		height: 30px;
	}
	.loan-content{max-width: 94%;}
	.contact-menu {
		margin-left: auto;
		font-size: 12px;
		height: 36px;
		line-height: 34px;
		padding: 0 15px;
	}
	.btn {
		font-size: 12px;
		padding: 0 18px;
		height: 38px;
		line-height: 36px;
	}
	.navbar-collapse ul li a{font-size: 12px;}
	.cms-img img { 
		width: 250px;
		height: 250px; 
	}
}


@media only screen and (max-width: 359px) { 
	  
	.footer-top ul li {
		font-size: 9px;
		line-height: normal;
	}
	.loan-section .row.gap-bottom [class*="col-"] { 
		width: 100%;
	}
	.loan-content .para{height: auto;}
	.contact-menu{padding: 0 14px;}
}