/* ==========================================================
   BillionaireSRC - responsive.css
   Part 1
   ========================================================== */

/* ---------- Large Desktop ---------- */
@media (min-width:1600px){

.container{
max-width:1500px;
}

.hero-content h1{
font-size:82px;
}

.section-title h2{
font-size:58px;
}

}

/* ---------- Laptop ---------- */

@media (max-width:1400px){

.hero-content h1{
font-size:62px;
}

.section{
padding:90px 0;
}

}

/* ---------- Bootstrap XXL ---------- */

@media (max-width:1200px){

.hero-content h1{
font-size:56px;
}

.hero-content p{
font-size:18px;
}

.section-title h2{
font-size:42px;
}

.navbar-brand img{
height:58px;
}

}

/* ---------- Tablets ---------- */

@media (max-width:992px){

.navbar{
padding:12px 0;
}

.navbar-collapse{

background:#ffffff;

padding:20px;

border-radius:15px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

margin-top:15px;

}

.nav-link{

margin:12px 0;

}

.hero{

height:auto;

padding:150px 0 100px;

text-align:center;

}

.hero-content h1{

font-size:46px;

}

.hero-content p{

margin:auto;

}

.section{

padding:80px 0;

}

.section-title h2{

font-size:38px;

}

.card-premium{

margin-bottom:30px;

}

}

/* ---------- Mobile ---------- */

@media(max-width:768px){

.hero-content h1{

font-size:38px;

line-height:1.2;

}

.hero-content p{

font-size:16px;

}

.section{

padding:70px 0;

}

.section-title h2{

font-size:32px;

}

.btn-gold,
.btn-outline-gold{

width:100%;

margin-bottom:15px;

}

.loader-logo{

width:95px;

}

.loader-ring{

width:120px;

height:120px;

}

}

/* ---------- Small Mobile ---------- */

@media(max-width:576px){

.hero-content h1{

font-size:32px;

}

.section-title h2{

font-size:28px;

}

.container{

padding-left:20px;

padding-right:20px;

}

footer{

text-align:center;

}

}

/* ---------- Fold Devices ---------- */

@media(max-width:360px){

.hero-content h1{

font-size:26px;

}

.btn-gold{

padding:14px 25px;

font-size:14px;

}

}