/*=========================================
RESPONSIVE.CSS
CP CYBER POINT
=========================================*/

/* Large Devices (1200px and below) */
@media (max-width:1200px){

.hero h1{
    font-size:50px;
}

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

.hero p{
    font-size:17px;
}

.hero-image{
    max-height:380px;
}

}


/*=========================================
Laptop
=========================================*/

@media (max-width:992px){

.navbar-brand{
    font-size:24px;
}

.navbar-nav{
    margin-top:15px;
    text-align:center;
}

.nav-link{
    margin:10px 0;
}

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

.hero h1{
    font-size:42px;
}

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

.hero p{
    font-size:16px;
    line-height:30px;
}

.hero-image{
    margin-top:40px;
    max-height:300px;
}

.hero .btn{
    margin:10px 5px;
}

.counter{
    font-size:40px;
}

.feature-box{
    margin-bottom:25px;
}

.insurance-section{
    text-align:center;
}

.insurance-section img{
    margin-bottom:30px;
}

#contact{
    text-align:center;
}

#contact .col-lg-6:last-child{
    margin-top:30px;
}

}


/*=========================================
Tablet
=========================================*/

@media (max-width:768px){

.hero{
    padding:60px 0;
}

.hero h1{
    font-size:34px;
}

.hero h3{
    font-size:22px;
}

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

.hero-image{
    max-height:250px;
}

section{
    padding-top:60px!important;
    padding-bottom:60px!important;
}

.counter{
    font-size:34px;
}

.service-card{
    padding:25px 20px;
}

.service-card i{
    font-size:45px;
}

.service-card h4{
    font-size:20px;
}

.feature-box{
    padding:30px 20px;
}

.feature-box i{
    font-size:45px;
}

#gallery img{
    height:220px;
    margin-bottom:20px;
}

#searchInput{
    font-size:15px;
}

.filter-btn{
    margin:5px;
    padding:8px 18px;
}

footer h4{
    font-size:22px;
}

footer p{
    font-size:14px;
}

}


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

@media (max-width:576px){

body{
    font-size:15px;
}

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

.hero{

    padding:45px 0;

}

.hero h1{

    font-size:30px;

}

.hero h3{

    font-size:20px;

}

.hero p{

    font-size:14px;

    line-height:28px;

}

.hero-image{

    display:none;

}

.btn{

    width:100%;

    margin-bottom:10px;

}

.counter{

    font-size:32px;

}

.service-card{

    padding:20px;

}

.service-card i{

    font-size:40px;

}

.service-card h4{

    font-size:18px;

}

.service-card p{

    font-size:14px;

}

.feature-box{

    padding:25px 15px;

}

.feature-box h4{

    font-size:18px;

}

.feature-box p{

    font-size:14px;

}

#gallery img{

    height:200px;

}

#contact input,

#contact textarea{

    font-size:14px;

}

#contact button{

    width:100%;

}

.whatsapp,

.call-btn{

    width:55px;

    height:55px;

    font-size:22px;

    right:15px;

}

.whatsapp{

    bottom:15px;

}

.call-btn{

    bottom:80px;

}

footer{

    text-align:center;

}

}


/*=========================================
Extra Small Devices
=========================================*/

@media (max-width:400px){

.hero h1{

    font-size:26px;

}

.hero h3{

    font-size:18px;

}

.hero p{

    font-size:13px;

}

.navbar-brand{

    font-size:18px;

}

.service-card{

    padding:18px;

}

.service-card h4{

    font-size:17px;

}

.service-card i{

    font-size:35px;

}

.filter-btn{

    width:100%;

    margin-bottom:8px;

}

#searchInput{

    font-size:14px;

}

.counter{

    font-size:28px;

}

.feature-box{

    padding:20px;

}

.feature-box i{

    font-size:35px;

}

footer h4{

    font-size:20px;

}

footer p{

    font-size:13px;

}

}


/*=========================================
Landscape Phones
=========================================*/

@media (max-height:500px) and (orientation:landscape){

.hero{

    padding:40px 0;

}

.hero-image{

    display:none;

}

}


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

@media (min-width:1400px){

.container{

    max-width:1320px;

}

.hero h1{

    font-size:72px;

}

.hero h3{

    font-size:34px;

}

.hero p{

    font-size:20px;

}

.service-card{

    padding:40px;

}

}


/*=========================================
Print
=========================================*/

@media print{

.navbar,

.whatsapp,

.call-btn,

.btn,

footer{

    display:none!important;

}

body{

    background:#fff;

    color:#000;

}

.hero{

    background:#fff!important;

    color:#000;

}

}