/*==========================================================
 International Investment Solutions
 Responsive Stylesheet
==========================================================*/

/*==========================================================
 LARGE DESKTOPS
==========================================================*/

@media (max-width:1600px){

.hero-content h1{

font-size:64px;

}

.section-title{

font-size:42px;

}

.container{

max-width:1320px;

}

}

/*==========================================================
 LAPTOPS
==========================================================*/

@media (max-width:1400px){

.hero-content h1{

font-size:58px;

}

.hero-stats{

grid-template-columns:repeat(2,1fr);

gap:20px;

}

.page-banner h1{

font-size:54px;

}

.about-experience{

right:10px;

bottom:20px;

}

}

/*==========================================================
 LARGE TABLETS
==========================================================*/

@media (max-width:1200px){

.hero-content{

padding-top:160px;

}

.hero-content h1{

font-size:50px;

}

.section-title{

font-size:38px;

}

h2{

font-size:36px;

}

.timeline::before{

left:30px;

}

.timeline-item{

width:100%;

padding-left:80px;

padding-right:20px;

left:0!important;

text-align:left!important;

}

.timeline-dot{

left:19px!important;

right:auto!important;

}

.navbar-nav .nav-link{

margin-left:10px;

font-size:14px;

}

.contact-card{

padding:30px;

}

.application-card{

padding:35px;

}

}

/*==========================================================
 TABLETS
==========================================================*/

@media (max-width:992px){

.navbar{

background:rgba(11,35,69,.98);

position:fixed;

padding:15px 0;

}

.navbar-brand img{

height:60px;

}

.navbar-collapse{

background:var(--primary);

margin-top:20px;

padding:20px;

border-radius:15px;

}

.navbar-nav{

text-align:center;

}

.navbar-nav .nav-link{

margin:10px 0;

}

.hero-section{

text-align:center;

}

.hero-content{

padding-top:170px;

padding-bottom:100px;

}

.hero-content h1{

font-size:44px;

}

.hero-content p{

margin:auto;

margin-bottom:30px;

}

.hero-buttons{

justify-content:center;

}

.hero-stats{

grid-template-columns:repeat(2,1fr);

}

.page-banner{

text-align:center;

padding:150px 0 80px;

}

.page-banner h1{

font-size:46px;

}

.about-image{

margin-bottom:50px;

}

.about-experience{

position:relative;

right:auto;

bottom:auto;

margin-top:25px;

display:inline-block;

}

.feature-card,

.service-card,

.investment-card,

.team-card{

margin-bottom:30px;

}

.statistics{

padding:70px 0;

}

.counter{

font-size:46px;

}

.office-card{

margin-top:40px;

}

.application-progress{

overflow-x:auto;

gap:15px;

padding-bottom:10px;

}

.step{

min-width:120px;

}

.footer-column{

margin-bottom:40px;

}

}

/*==========================================================
 MOBILE DEVICES
==========================================================*/

@media (max-width:768px){

body{

font-size:15px;

}

.hero-content h1{

font-size:38px;

}

.hero-content p{

font-size:18px;

}

.section-title{

font-size:32px;

}

.page-banner h1{

font-size:38px;

}

.page-banner p{

font-size:17px;

}

.hero-stats{

grid-template-columns:1fr;

}

.top-bar{

display:none;

}

.hero-buttons{

flex-direction:column;

align-items:center;

}

.hero-buttons .btn{

width:100%;

max-width:320px;

}

.about-section{

padding:70px 0;

}

.statistics{

padding:60px 0;

}

.counter{

font-size:42px;

}

.contact-form-card{

padding:30px;

}

.application-card{

padding:25px;

}

.contact-card{

padding:25px;

}

.office-card{

padding:30px;

}

.timeline-item{

padding-left:60px;

}

.team-image img{

height:300px;

}

.testimonial-card{

padding:30px;

}

.floating-whatsapp{

width:55px;

height:55px;

font-size:26px;

right:15px;

bottom:85px;

}

.back-to-top{

width:50px;

height:50px;

right:15px;

bottom:20px;

}

}

/*==========================================================
 SMALL PHONES
==========================================================*/

@media (max-width:576px){

.hero-content{

padding-top:150px;

}

.hero-content h1{

font-size:32px;

}

.hero-content p{

font-size:16px;

}

.page-banner{

padding:130px 0 70px;

}

.page-banner h1{

font-size:32px;

}

.section-title{

font-size:28px;

}

h2{

font-size:28px;

}

.btn{

width:100%;

}

.hero-stat{

padding:20px;

}

.hero-stat h3{

font-size:34px;

}

.feature-card,

.service-card,

.contact-card,

.team-card{

padding:25px;

}

.application-card{

padding:20px;

}

.contact-form-card{

padding:20px;

}

.office-card{

padding:20px;

}

.table{

font-size:14px;

}

iframe{

height:350px;

}

.footer-bottom{

font-size:14px;

}

}

/*==========================================================
 EXTRA SMALL PHONES
==========================================================*/

@media (max-width:400px){

.hero-content h1{

font-size:28px;

}

.section-title{

font-size:24px;

}

.navbar-brand img{

height:50px;

}

.hero-stat h3{

font-size:30px;

}

.counter{

font-size:34px;

}

.step{

min-width:90px;

}

.step p{

font-size:12px;

}

}

/*==========================================================
 PRINT
==========================================================*/

@media print{

.navbar,

footer,

.floating-whatsapp,

.back-to-top,

.btn,

video,

iframe{

display:none!important;

}

body{

background:#fff;

color:#000;

}

a{

color:#000;

text-decoration:none;

}

}