@media screen and (max-width: 768px) {
    .navbar-nav{width: 85%;}
    .navbar-nav li a{font-size: 0.95em !important;padding: 0 0 !important;margin: 0 0.5rem !important;}
    #nov-btn{padding:10px 13px  !important;margin: 0 0 !important;}
    .skew::before{height: 180% !important;}
    .custom-btn, .lead{font-size: 1.15em;}
    footer a{font-size: 0.95em;}
    .service-title{
        font-size: 0.98em;
    }
    .service-text{
        font-size: 0.9em;
    }
    .service-card{
        padding: 0 5px !important;
    }
}   
@media screen and (max-width: 640px) {
    .skew::before{width: 220% !important;}
    .show{width: 100% !important; float: left;justify-content: left !important; align-items: flex-end !important;}
    .skew::before{height: 178% !important;}
.navbar-nav{width: 100%;}
.navbar-nav li{padding: 0.5rem 0;}
.display-4{font-size: 2.3em;}
.custom-btn, .lead {font-size: 1.1em;}
.footer div div div:first-child{
    text-align: center;
}
}   
@media screen and (max-width:480px) {
    .skew::before {height: 182% !important;left: -60px;}
    .display-4{font-size: 1.67em;}
    .navbar-nav li a{font-size: 0.9em !important;}
    .custom-btn, .lead {font-size: 0.95em;}
    .footer div div {
    text-align: center;
}
.section-title{
    font-size: 1.7em !important;
}
.btn{font-size: 0.9em !important;}
.text-muted{font-size: 0.9em;}
.service-card-main,.testimonial-card-main{
    width: 80%;
    margin: 5% auto 0 auto; 
}
.cta-title{
    font-size: 1.75em;
}
#whatsapp-btn{
    width: 40px;
    height: 40px;
}
#whatsapp-btn img{
    width: 20px;
    height: 20px;
}
#backToTop{
    width: 30px;
    height: 30px;
    font-size: 1em;
}
}
@media screen and (max-width:360px) {
    .skew::before {height: 185% !important;left: -50px;}
    .cta-title{
    font-size: 1.5em;
}
.section-title{
    font-size: 1.5em !important;
}
.testimonial-text{
    font-size: 0.9em;
}
.service-card-main,.testimonial-card-main{
    width: 90%;
    margin: 5% auto 0 auto; 
}
.cta-subtitle{
    font-size: 0.9em;
}
}
@media screen and (max-width:320px) {
    .skew::before {height: 186% !important;left: -30px;}
    
}