/*=====================================================
RESPONSIVE.CSS
International Finance, Loans & Investment (IFLI)

Desktop First
======================================================*/


/*=====================================================
Large Screens
======================================================*/

@media (max-width:1400px){

.hero-title{
font-size:58px;
}

.section{
padding:90px 0;
}

}



/*=====================================================
Laptops
======================================================*/

@media (max-width:1200px){

.hero-title{

font-size:50px;

}

.carousel-caption{

max-width:620px;

bottom:16%;

}

h2{

font-size:38px;

}

.office-card,
.service-card,
.sector-card,
.why-card,
.process-card{

margin-bottom:30px;

}

}



/*=====================================================
Tablets
======================================================*/

@media (max-width:992px){

section{

padding:80px 0;

}

.navbar{

background:#111;

padding:15px 0;

}

.navbar-collapse{

margin-top:20px;

background:#111;

padding:20px;

border-radius:12px;

}

.navbar-nav{

text-align:center;

}

.navbar-nav li{

margin:12px 0;

}

.navbar-nav a{

display:block;

padding:10px;

}

.btn-gold{

display:inline-block;

margin-top:15px;

}

.carousel-caption{

text-align:center;

left:8%;

right:8%;

bottom:15%;

max-width:100%;

}

.carousel-caption h1{

font-size:42px;

}

.carousel-caption p{

font-size:18px;

}

.about-image{

margin-bottom:40px;

}

.application-info{

margin-bottom:35px;

}

.newsletter-box{

text-align:center;

}

.newsletter-box form{

margin-top:25px;

}

.newsletter-box .d-flex{

flex-direction:column;

}

.newsletter-box .btn{

margin-top:15px;

margin-left:0!important;

}

.footer{

text-align:center;

}

.social-links{

justify-content:center;

margin-top:20px;

}

}



/*=====================================================
Small Tablets
======================================================*/

@media (max-width:768px){

h1{

font-size:42px;

}

h2{

font-size:34px;

}

h3{

font-size:26px;

}

p{

font-size:15px;

}

.carousel-caption{

bottom:12%;

}

.carousel-caption h5{

font-size:14px;

}

.carousel-caption h1{

font-size:36px;

}

.carousel-caption p{

font-size:16px;

}

.slider-image{

height:85vh;

}

.feature-box{

margin-bottom:20px;

}

.process-card{

margin-bottom:25px;

}

.application-form{

padding:30px;

}

.documents-box{

padding:30px;

}

.office-card{

padding:30px;

}

.newsletter-box{

padding:30px;

}

}



/*=====================================================
Mobile
======================================================*/

@media (max-width:576px){

section{

padding:65px 0;

}

.logo{

height:55px;

}

.hero-title{

font-size:34px;

}

.carousel-caption{

left:5%;

right:5%;

bottom:10%;

}

.carousel-caption h1{

font-size:30px;

line-height:1.2;

}

.carousel-caption p{

font-size:15px;

margin-bottom:20px;

}

.btn-gold{

padding:14px 28px;

font-size:15px;

}

.gold-line{

width:70px;

}

.subtitle{

font-size:12px;

letter-spacing:3px;

}

.about-section p{

font-size:15px;

}

.feature-box{

padding:20px;

}

.feature-box i{

font-size:34px;

}

.why-card{

padding:30px 25px;

}

.why-card .icon{

width:70px;

height:70px;

}

.why-card .icon i{

font-size:26px;

}

.sector-card img{

height:220px;

}

.service-card{

padding:30px 25px;

}

.process-card{

padding:28px;

}

.process-number{

font-size:42px;

}

.application-info{

padding:30px;

}

.application-form{

padding:25px;

}

.form-control,
.form-select{

height:50px;

}

textarea.form-control{

min-height:120px;

}

.office-card{

padding:25px;

}

.newsletter-box{

padding:25px;

}

.footer{

padding:60px 0 25px;

}

.footer-logo{

max-height:55px;

}

.whatsapp-float{

width:56px;

height:56px;

font-size:28px;

right:18px;

bottom:18px;

}

.back-to-top{

width:46px;

height:46px;

right:18px;

bottom:88px;

}

}



/*=====================================================
Very Small Devices
======================================================*/

@media (max-width:400px){

.carousel-caption h1{

font-size:26px;

}

.carousel-caption p{

display:none;

}

.btn-gold{

width:100%;

}

.hero-title{

font-size:28px;

}

.office-card h3{

font-size:22px;

}

.service-card h4{

font-size:20px;

}

.sector-content h4{

font-size:20px;

}

}