.paragraph,
li {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #202020;
    line-height: 1.4;
    padding-top: 10px;
}

li {
    list-style: inside;
}

.g-recaptcha {
    margin-bottom: 20px;
}

.banner-sec-extention {
    display: none;
    padding: 0 10px;
}

.numbering.mobile {
    display: none!important;
}

.testimonial-sec-extention, .testimonial-sec .testimonial-text {
    display:none;
}

.grecaptcha-badge {
    bottom: -100px!important; 
}

@media screen and (max-width: 767px){
    li {
        list-style: none;
        font-size: 22px;
    }
    .numbering {
        display: none;
    }
    .numbering.mobile {
        display: block!important;
    }
    .about-sec .card-title {
        display: none;
    }
    .header a.logo img {
        margin-left: 10px;
    }
    .banner-sec .banner-des, .banner-sec .banner-des + a {
        display: none;
    }
    .banner-sec-extention {
        display: block;
    }
    .banner-sec-extention a{
        margin: 0 auto;
        display: block;
        width: 250px;
    } 
    .banner-sec-extention .banner-des {
        padding-bottom: 10px;
    }
    .padding-bottom.mobile {
        padding-bottom: 150px;
    }
    .padding-top.mobile {
        padding-top: 240px;
    }
    .feature-sec .quote-icon {
        position: absolute;
        top: 20px;
        left: 10px;
    }
    .feature-sec .feature-heading {
        width: 70%;
        font-weight: bold;
    }
    .feature-sec .quote-name {
        width: 52%;
        text-align: left;
        font-size: 18px!important;
        margin-bottom: 0px;
    }
    .feature-sec .quote-des {
        text-align: left;
        font-size: 14px;
        line-height: 16px;
    }
    #js-filters-mosaic{
        width: 100%!important;
    }
    .cbp-filter-item {
        font-size: 24px!important;
    }
    .portfolio-sec .portfolio-foot-detail .p-num {
        font-size: 90px;
    }
    .testimonial-sec-extention .testimonial-container {
        text-align: center;
    }
    .testimonial-sec-extention .img-holder {
        width: 100px;
        display: inline-block;
    }
    .testimonial-sec-extention .img-holder img{
        border-radius: 50%;
    }
    .testimonial-sec-extention .user-name {
        color: #000;
        display: inline-block;
        width: 200px;
        position: relative;
        top: 15px;
        text-align: left;
        left: 10px;
        font-size: 22px;
    }
    .contact-area {
        text-align: center;
    }
    input::placeholder {
        font-size: 22px!important;
    }
    textarea::placeholder {
        font-size: 22px!important;
    }
    input, textarea {
        margin-bottom: 60px;
    }
   .company-about {
       font-size: 22px;
       line-height: 34px;
   }
   .contact-sec .contact-form textarea {
       height: 280px;
       margin-bottom: 60px;
   }
   .about-sec .numbering {
       font-size: 42px;
   }
   header a.logo img {
       margin-left: 10px;
   }
}

@media screen and (max-width: 767px) {
    .portfolio-sec {
        display: none;
    }
    .ui-block-03 .project-sec .project-links-right a i, .project-sec .project-links-left a i {
       display: block!important; 
    }
    .d-none {
        display: block !important;
    }
    .portfolio {
        display: block;
    }
}

@media screen and (min-width: 767px) {
    .portfolio-sec {
        display: block;
    }
    .portfolio {
        display: none;
    }
}