@media only screen and (max-width: 1024px) {
    .btn{ padding:10px 15px; font-size:14px;}
    .h3{ line-height: normal; font-size:35px; }
    p{font-size:16px !important;}

    .law-areas .content ul li{ font-size: 16px !important;}
    .subheading{ font-size:18px; }
    .h4{ line-height: normal; font-size:30px; }
    .testimonials-wrap::before,
    .testimonials-wrap::after{ background-size:80%;}
    .h1{ font-size:50px;}
}


@media only screen and (max-width: 991px) {
    header .main-header{ display: flex; align-items:center; padding: 25px 15px; justify-content: space-between; }
    header .navbar-toggler{ display: block;}
    header .logo{ width:200px !important; margin:0; display: flex !important; margin:0px !important;   }
    .navbar.navbar-expand-lg{ padding:0px;}
    button.navbar-toggler{ width:50px; font-size:20px; color:#305883; }
    header .menu .dropdown-menu{ padding:0px; border-radius:0px; }
    header .menu .dropdown-menu li a.dropdown-item{ padding: 10px 20px !important;}
    header .menu .nav-link { padding:10px 20px !important; display: flex; justify-content:space-between; border-top:solid 1px #ccc; }
    section{ padding:40px 0px !important; }
    .reconized-slider .item img{ height:100px; }
    .contact-icon{ width:100px; }
    .h1{ font-size:45px;}
}

@media only screen and (max-width: 768px) {
    header .main-header{ padding:15px; }
    body{ padding:0px; }
    .btn{ padding:10px 15px; font-size:14px;}
    .h3{ line-height: normal; font-size:30px; }
    .h4{ line-height: normal; font-size:25px; }
    .h6{ line-height: normal; font-size:18px; }
    p{font-size:14px !important;}
    
    .law-areas .content ul li{font-size: 14px !important; }
    .subheading{ font-size:16px; }
    .h1{ font-size:40px;}
    footer .footer-link{text-align: center; width: 100%; display: inline-block;}
    footer .address{ text-align:center;}
    .testimonials-wrap{ padding:0px 20px; }
    .testimonials-wrap::before,
    .testimonials-wrap::after{ content:none; }

}
@media only screen and (max-width: 576px) {
    
    .h3{ line-height: normal; font-size:22px; }
    .h4{ line-height: normal; font-size:25px; }
    .h6{ line-height: normal; font-size:15px; }
    .contact-sec .wraper { padding:30px !important;}
    .h1{ font-size:35px;}
}