/*==================================================
RESPONSIVE CSS
==================================================*/


/*==========================================
Large Devices (1200px)
==========================================*/

@media (max-width:1200px){

.hero-title{

font-size:54px;

}

.section-title{

font-size:38px;

}

}



/*==========================================
Laptop (992px)
==========================================*/

@media (max-width:991px){

.section-padding{

padding:80px 0;

}

.logo{

height:55px;

}

.navbar{

padding:12px 0;

}

.navbar-collapse{

background:#ffffff;

padding:25px;

margin-top:15px;

border-radius:10px;

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

}

.navbar-nav{

align-items:flex-start !important;

}

.navbar-nav .nav-link{

margin:10px 0;

}

.btn-contact{

margin-top:20px;

display:inline-block;

}

.hero{

text-align:center;

}

.hero-title{

font-size:46px;

}

.hero-description{

max-width:100%;

}

.hero-buttons{

justify-content:center;

}

.section-title{

font-size:36px;

}

.intro-image{

margin-top:40px;

}

.why-image{

margin-bottom:40px;

}

.about-preview-image{

margin-top:40px;

}

.service-card{

margin-bottom:30px;

}

.product-card{

margin-bottom:30px;

}

.footer{

text-align:center;

}

.footer-email{

justify-content:center;

}

.footer-logo{

margin:0 auto 25px;

}

}



/*==========================================
Tablet (768px)
==========================================*/

@media (max-width:768px){

.section-padding{

padding:70px 0;

}

.hero{

padding-top:90px;

min-height:auto;

padding-bottom:100px;

}

.hero-title{

font-size:38px;

line-height:1.3;

}

.hero-description{

font-size:16px;

}

.hero-buttons{

flex-direction:column;

}

.hero-buttons .btn{

width:100%;

}

.btn-outline-custom{

margin-left:0;

}

.section-title{

font-size:32px;

}

.highlight-card{

padding:30px 25px;

}

.product-card img{

height:220px;

}

.service-card img{

height:220px;

}

.cta-box{

padding:50px 30px;

}

.cta-title{

font-size:34px;

}

.cta-buttons{

flex-direction:column;

}

.cta-buttons .btn-light-custom,

.cta-buttons .btn-outline-light-custom{

width:100%;

}

.footer-bottom{

text-align:center;

}

.footer-bottom .text-md-end{

text-align:center !important;

margin-top:10px;

}

}



/*==========================================
Mobile (576px)
==========================================*/

@media (max-width:576px){

body{

font-size:15px;

}

.hero-title{

font-size:32px;

}

.hero-tag{

font-size:12px;

padding:8px 16px;

}

.section-subtitle{

font-size:13px;

}

.section-title{

font-size:28px;

}

.section-text{

font-size:15px;

}

.highlight-icon{

width:65px;

height:65px;

}

.highlight-icon i{

font-size:28px;

}

.product-content{

padding:22px;

}

.product-content h4{

font-size:22px;

}

.service-content{

padding:22px;

}

.service-content h4{

font-size:22px;

}

.counter-box{

margin-bottom:20px;

}

.cta-title{

font-size:28px;

}

.cta-text{

font-size:16px;

}

.footer{

padding-top:60px;

}

.footer h4{

margin-top:25px;

}

}