/* ==========================================
IDS PROFESSIONAL THEME
RESPONSIVE CSS
========================================== */

/* Large Devices */

@media (max-width: 1200px){

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

.ids-hero h1{
font-size:52px;
}

}

/* Medium Devices */

@media (max-width: 991px){

.ids-topbar{
text-align:center;
}

.ids-topbar .text-end{
text-align:center !important;
margin-top:10px;
}

.ids-header .navbar-nav{
padding-top:15px;
}

.ids-header .nav-link{
padding:12px 0 !important;
}

.ids-hero{
padding:100px 0;
text-align:center;
}

.ids-hero h1{
font-size:44px;
}

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

.hero-buttons{
justify-content:center;
}

.hero-features{
justify-content:center;
}

.hero-card{
margin-top:40px;
}

.section-title{
font-size:38px;
}

.contact-form-card{
margin-top:30px;
}

.ids-cta{
padding:80px 0;
}

.ids-cta h2{
font-size:40px;
}

}

/* Tablet */

@media (max-width: 768px){

.section-title{
font-size:34px;
}

.section-description{
font-size:15px;
}

.ids-hero{
padding:80px 0;
}

.ids-hero h1{
font-size:36px;
line-height:1.3;
}

.ids-hero p{
font-size:16px;
}

.hero-card{
padding:25px;
}

.hero-stat h3{
font-size:28px;
}

.partner-tags{
justify-content:center;
}

.partner-tags span{
font-size:13px;
}

.service-card,
.partner-card,
.testimonial-card,
.blog-card{
margin-bottom:20px;
}

.blog-image img{
height:220px;
}

.contact-form-card{
padding:25px;
}

.ids-footer{
text-align:center;
}

.footer-social{
justify-content:center;
}

}

/* Mobile */

@media (max-width: 576px){

.container{
padding-left:20px;
padding-right:20px;
}

.ids-topbar{
font-size:13px;
}

.ids-topbar span{
display:block;
margin-bottom:5px;
}

.ids-header .navbar-brand{
font-size:22px;
}

.ids-hero{
padding:70px 0;
}

.hero-badge{
font-size:12px;
padding:8px 15px;
}

.ids-hero h1{
font-size:30px;
}

.ids-hero p{
font-size:15px;
}

.hero-buttons{
flex-direction:column;
}

.hero-buttons .btn{
width:100%;
}

.hero-features{
flex-direction:column;
}

.feature-item{
width:100%;
text-align:center;
}

.hero-card{
padding:20px;
}

.hero-stat{
padding:10px;
}

.hero-stat h3{
font-size:24px;
}

.section-title{
font-size:28px;
}

.section-subtitle{
font-size:12px;
}

.service-icon{
font-size:50px;
}

.service-card{
padding:25px;
}

.partner-card{
padding:20px;
}

.partner-logo{
height:80px;
}

.partner-logo img{
max-height:60px;
}

.testimonial-card{
padding:20px;
}

.testimonial-avatar{
width:45px;
height:45px;
font-size:18px;
}

.blog-image img{
height:200px;
}

.blog-content{
padding:20px;
}

.contact-icon{
width:45px;
height:45px;
font-size:18px;
}

.contact-form-card{
padding:20px;
}

.contact-form-card .form-control{
height:50px;
}

.ids-cta{
padding:60px 0;
}

.ids-cta h2{
font-size:28px;
}

.ids-whatsapp{
width:55px;
height:55px;
font-size:24px;
right:15px;
bottom:15px;
}

.ids-back-top{
width:45px;
height:45px;
right:15px;
bottom:80px;
}

.footer-title{
font-size:24px;
}

}

/* Small Mobile */

@media (max-width: 400px){

.ids-hero h1{
font-size:26px;
}

.section-title{
font-size:24px;
}

.ids-header .navbar-brand{
font-size:20px;
}

.hero-badge{
font-size:11px;
}

}


@media(max-width:768px){

.partner-slide{
min-width:170px;
padding:20px;
}

.partner-logo{
max-height:60px;
}

}



@media(max-width:768px){

.testimonial-slide{
min-width:300px;
max-width:300px;
}

}

@media(max-width:576px){

.testimonial-slide{
min-width:260px;
max-width:260px;
padding:20px;
}

}