/* Responsive Css */

@media (max-width: 768px) {

    h1{
        font-size:32px !important;
        
    }
    
    h2{
        font-size: 25px !important;
        margin-bottom: 20px !important;
        font-weight: 700 !important;
    }
    
    h3{
    
    }
    
    p{
        font-size: 14px;
    }

    a{
        font-size: 14px;
    }
    
    .hh-hero-sec-head .hh-btn{
        font-size: 14px;
    }

    .hh-res-hide{
        display: none;
    }
    .hh-btn {
        /* width: 33%; */
        /* width: 40%; */
        font-size: 14px;
    }
    /* Nav bar */

    .navbar-brand img {
        width: 200px;
    }

    .hh-nav-item {
        margin: 5px 3px;
        padding: 0px !important;
    }
    ul.navbar-nav.hh-nav-bar {
        align-items: start;
    }
  
    ul.navbar-nav.hh-nav-bar {
        align-items: start !important;
    }
    /* Hero Form */

    

    .hh-form {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .first-form h2 {
        text-align: start;
    }
    .hero-secure {
        margin-top: 0 !important;
    }
    .hh-form {
        margin-top: 50px;
    }
    /*  Content Section  */
    .hh-con-sec-2 {
        background-color: #fdf4f43d;
        padding: 0 0 50px 0px;
    }
    .con-sec ul li {
        font-size: 14px;
    }
    .hh-con-sec-head{
        margin-bottom: 20px;
    }

    .hh-con-sec {
        margin: 30px 0px;
    }
    .hh-content-body ul li {
        font-size: 14px;
    }
    /* Feature Section */

    .hh-feature-sec {
        padding: 30px 0px;
    }
    .hh-feature-sec-head span{
        font-size: 25px;
    }
    .hh-feature-sec .row.pt-5.pb-5 {
        padding-top: 20px !important;
        padding-bottom: 0px !important;
    }

    .hts-card {
        margin-bottom: 40px;
        padding: 30px 15px 30px;
    }
    .hts-card-body span {
        font-size: 16px;
    }

    /* cta 1 */
    .cta-1-head{
        font-size: 25px;
    }
    /* cta sec 1 */
    .hh-res-hide-bottom span{
        font-size: 25px;
    }

    .hh-cta-sec-1{
        padding: 30px 0px;
        margin-top: 30px;
    }

    .hh-cta-sec-1 img{
        margin-top: 20px;
    }


    /*  */

    .hh-ser-sec {
        margin: 30px 0px;
    }

    .hh-ser-sec .row.mt-5.mb-5 {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .hh-ser-box {
        margin: 10px;
    }

    .hh-ser-box-head {
        padding: 20px;
    }

    .hh-ser-box h4 {
        font-size: 20px;
    }

    .hh-ser-sec {
        margin: 30px 0px;
    }

    /*  */


    .hh-cta-sec-2{
        padding: 30px 0px;
    }

    .hh-cta-sec-2 img{
        margin-top: 20px;
    }

/* bar sec */
.hh-counter-card {
    justify-content: center;
}
.hh-counter-card img {
    width: 50px;
}
.hh-counter-card-con span {
    font-size: 28px;
}
.hh-counter-card-con p {
    font-size: 14px;
}
/* writer sec */
.hh-con-sec-head h2 {
    margin-top: 20px;
}
.hh-writer-sec {
    margin: 20px 0px;
}
/* cta section bottom */
.cta-bottom ul li a {
    font-size: 16px;
}
    /* .hh-cta-sec-2 .hh-btn{
        width: 55%;
    } */

    /*  */

 

    .hh-content-wrapper {
        padding: 10px;
    }

    .hh-content-wrapper h2{
        font-size: 25px !important;
    }

    /* why choose us */
    .why-law .nav-pills .nav-link.active {
        font-size: 14px;
    }
    .why-law .nav-pills .nav-link {
        font-size: 16px;
    }
    .col-12.col-md-12.col-lg-5.why-law-body {
        margin-top: 30px;
    }
    /*  Reviews Section */

    .hh-review-sec {
        padding: 30px 0px;
    }
    .review-head span{
        font-size: 25px;
    }
    
    .review-box {
        padding: 20px;
    }

   

    .hh-review-box-name {
        font-size: 16px;
    }

/* tab list section */
.hh-tab-list ul li {
    font-size: 14px;
}
.paper-box .bottom-line {
    font-size: 14px;
}
    /*  Faq Section */
    .faq-head span {
        font-size: 25px;
    }
    .hh-faq-sec{
        margin: 30px 0px;
    }

    .accordion-body {
        font-size: 14px;
    }

    /* Footer Form */
    .hh-footer-counter-card-con span {
        font-size: 20px;
    }

    #hh-home-banner-form .form-group select {
        padding: 5px 10px !important;
        font-size: 14px !important;
        height: 38px;
       
    }

    #hh-home-banner-form  .form-control {
        font-size: 14px !important;
    }

    .banner-form-btn {
        font-size: 14px !important;
    }

    .hh-cta-form {
        padding: 30px 0px;
    }
/* step sec */
.hh-step-sec .nav-pills .nav-link .h4 {
    font-size: 19px;
}
.hh-step-sec-head span{
    font-size: 25px;
}
    /*  */
    .hh-footer-counter-card-con p {
        font-size: 14px;
    }
    .hh-footer {
        padding: 30px 0px;
    }
    
    .hh-footer-box img{
        width: 200px;
    }

    .hh-footer-list span {
        font-size: 18px;
    }

    .hh-footer-nav-list-2 ul li {
        margin: 14px 0px;
    }

    #hh-contact-form.first-form {
        margin-bottom: 20px;
    }
    .hh-footer-nav-list-2 ul li a {
        font-size: 14px;
    }
    .hh-footer-counter-card img { 
        width: 30px;
        filter: brightness(10);
    }


    /* Order Form Css */

                #leadForm .form-row {
                display:block !important;
            }

            #leadForm .form-group{
                font-size:14px !important;
            }

            /*#leadForm {*/
            /*margin-top:150px !important;*/
            /*}*/

        

             .upload-section {
                font-size:14px;
             }

             .upload-btn {
                font-size:14px !important;
              }

              .upload-section-btns {
                display: flex;
                gap: 10px;
            }

           #leadForm .form-group select {
                font-sze:14px !important;
            }

            #leadForm .submit-btn {
                font-size:14px;
                padding: 10px 10px;
            }
            
            
            .sitemap-title {
                display:block;
            }
            span.sitemap-title {
                font-size: 20px;
            }

            ul.sitemap-title li {
            list-style: none;
            display: flex;
            align-items: center;
            margin-right: 15px;
            line-height: 1.9;
            width: 100%;
            }

}


@media screen and (max-width: 568px){
    
    
    /*Nav Bar*/
    
    .navbar-toggler-icon{
        width: 20px !important;
        height: 20px !important;
    }
    
    .navbar-brand img {
        width: 120px;
    }
    
    .navbar-toggler {
    padding: 5px !important;
    }

    /* hero sec */
    
    .hero-sec {
    padding: 120px 0 0 0;
    }
    
    /*.trust img {*/
    /*    margin: 10px 5px;*/
    /*}*/
    
    .hh-hero-sec .trust {
        display: none;
    }
    
    .ph-btn {
    width: auto;
    margin: 0px;
    }
    
    .hh-form {
        margin-top: 10px;
    }
    
    /* cta section 1 */
    .cta-bottom ul {
        display: grid;
        gap: 10px;
    }

    /* content sec */
    .hh-content-wrapper {
        height: auto;
        overflow-y: hidden;
        padding: 10px;
    }
    
    /* footer bar sec */
    .hh-footer-counter-card-con {
        text-align: center;
    }
    .hh-footer-counter-card-con span {
        text-align: left;
        padding: 15px 0;
    }
    .hh-footer-counter-card {
        /* justify-content: center; */
        border-right: none;
    }
    
    /* bar sec */
    .hh-counter-card {
        justify-content: center;
        border-right: none;
    }
    /* writer sec */
    .hh-writer-card-bottom {
        display: block;
    }
    .hh-writer-card-tag {
        margin: 15px 5px;
    }
    
    /*Whatsapp Btn*/
    
    .float img {
        margin: 0;
        width: 20px;
        height: auto;
    }
    
    /*Slide Form*/
    .floatbutton {
        display: none;
    }
    
    
    /*Reviews Section col*/
    
    .hh-review-col{
        display: block;
    }
    
    

}



