/*------------------------------------------------------------------
Media Query
--------------------------------------------------------------------*/
@media screen and (max-width: 991px){
  section{
    overflow-x: hidden;
  }
  #topbar {
    padding: 0 10px;
  }
  .topbar_email_img img {
    width: 24px;
  }
  .topbar_email_brf p {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: -5px;
  }
  .topbar_email_brf span {
    font-size: 13px;
  }
  #hero h1 {
    font-size: 22px;
  }
  #hero h2{
    font-size: 44px;
    font-weight: 600;
  }
  .home_abt_hding h2, .parea_heading h2, .hcc_brf h2, .res_firm_brf h2, .home_contact h2,
  .disclaimer_brf h2, .Site_map_brf h2, .about_brf h2, .family_law_brf h2, .contact_dtl h2,
  .personal_info h2 {
    font-size: 19px;
  }
  .home_abt_hding h3, .parea_heading h3, .hcc_brf h3, .res_firm_brf h3, .home_contact h3,
  .disclaimer_brf h3, .Site_map_brf h3, .about_brf h3, .family_law_brf h3,  .contact_dtl h3,
  .personal_info h3 {
    font-size: 32px;
    font-weight: 600;
  }
  #homePracArea{
    padding: 50px 5px;
  }
  .home_parea_col{
    padding: 0 2px;
  }
  .home_parea h5 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }
  #homeCrimiCourt{
    margin: 60px 40px;
    padding: 70px 20px;
  }
  .res_firm_brf {
    padding: 50px 40px;
  }
  .res_firm_brf a{
    width: 100%;
  }
  .home_contact_form form {
    width: 100%;
  }
  .hcf_row input[type="submit"] {
    width: 40%;
  }
  .footer_info{
    flex-direction: column;
  }
  .footer_info img{
    margin-bottom: 20px;
  }
  .copy_right p {
    font-size: 12px;
  }

  /*================ Disclaimer ================*/
  #ClaimHero {
    height: 450px;
  }
  #ClaimHero h1 {
    font-size: 40px;
  }
  .disclaimer_img img{
    margin-top: 20px;
  }
  /*===================== About us ===================*/
  .about_brf {
    padding: 0 30px;
  }
  .about_brf h4 {
    font-size: 22px;
  }
  .about_brf p {
    margin-bottom: 10px;
  }
  .about_brf a {
    font-weight: 600;
    font-size: 16px;
  }
  /*=================== Family LAW ===================*/
  .family_law_brf {
    padding: 0 20px;
  }
  /*.family_law_img{
    justify-content: center !important;
  }*/
  .family_law_img{
    padding-right: 20px;
  }
  .family_law_img img {
    width: 100%;
    height: auto;
  }
  .family_law_brf h4 {
    font-size: 22px;
  }
  /*======================= Contact us ========================*/
  .personal_info_row input[type="text"], .personal_info_state select{
    height: 45px;
    font-size: 15px;
  }
  .personal_info h4 {
    font-size: 20px;
  }
  .personal_info h5 {
    font-size: 21px;
  }
  .personal_info_submit input[type="submit"]{
    width: 30%;
    font-size: 15px;
  }
  /*======================= Pooja Patel ========================*/
  #About {
    margin: 40px 0 40px 0;
  }
  .pp_bnr h2 {
    font-size: 30px;
    font-weight: 500;
  }
  .pooja_img img {
    width: 100%;
/*    height: 100%;*/
  }
  .pooja_abt {
    font-size: 19px;
  }
  .pooja_name {
    font-size: 32px;
    font-weight: 600;
  }
  .pooja_prof ul li h5 {
    font-size: 22px;
  }
  /*======================= Mail Me ========================*/
  .email_me_hding{
    font-size: 19px;
  }
  .email_me_shding{
    font-size: 32px;
    font-weight: 600;
  }
  .email_me_note {
    text-align: left;
  }
  .email_me_option {
    flex-direction: column;
    align-items: start !important;
  }
  .emo_read {
    margin-right: 0;
  }
}
 
/*----------------------------------------------------------------
Media Query Large Mobile Screen and Small Size Tab
----------------------------------------------------------------*/
@media screen and (max-width: 767px){
  #topbar {
    height: auto;
    flex-direction: column;
    padding: 10px 0;
  }
  /*#topbar .row {
    justify-content: start !important;
  }*/
  .contact-info{
    width: 50%;
/*    justify-content: start !important;*/
  }
  #header{
    top: 100px;
  }
  #hero{
   margin-top: 180px;
  }

  #hero h2 {
    font-size: 36px;
  }
  .home_abt_hding h3, .parea_heading h3, .hcc_brf h3, .res_firm_brf h3, .home_contact h3,
  .disclaimer_brf h3, .Site_map_brf h3, .about_brf h3, .family_law_brf h3,
  .contact_dtl h3, .personal_info h3 {
    font-size: 29px;
  }
  #homePracArea{
    background: #228d9ca8;
  }
  .home_parea_col {
    margin-bottom: 10px;
  }
  .parea_heading {
    margin: 15px 0;
  }
  #homeSrvcmobile2{
    display: none !important;
  }
  #homeSrvcmobile{
    display: block !important;
  }
  .#homeCrimiCourt {
    margin: 60px 10px;
  }
  .res_firm_row{
/*    margin-top: 20px;*/
    margin-top: -20px;
  }
  .res_firm_img img {
    width: 100%;
    height: auto;
    padding: 20px 20px;
  }
  .home_contact_form_row {
    margin-top: 40px;
    /* padding-bottom: 20px; */
    padding: 20px 20px;
  }
  .hcf_row {
    flex-direction: column;
  }
/*  03-2023*/
  .hcf_checkbox {
    align-items: start !important;
  }
/* -------- */
  .hcf_input{
    width: 100%;
  }
  .footer_info p{
    text-align: center;
    line-height: 2;
  }
  /*===================== Disclaimer ==================*/
  #ClaimHero h1 {
    font-size: 35px;
  }
  .disclaimer_brf{
    padding-left: 10px;
  }
  /*================== About us ====================*/
  .about_brf {
    padding: 0 10px;
  }
  .about_brf h4 {
    font-size: 20px;
  }
  .about_img {
    flex-direction: row !important;
  }
  .about_img .about_img1 {
    margin-bottom: 0;
    width: 50%;
  }
  .about_img .about_img2 {
    width: 50%;
  }
  /*====================== Family Law ==========================*/
  .family_law_img img {
    width: 100%;
    height: auto;
  }
  /*======================== Contact Us ==========================*/
  .personal_info h5 {
    font-size: 20px;
  }
  .cntct_prefer {
    flex-direction: column;
  }
  .personal_info_submit input[type="submit"] {
    width: 40%;
    font-size: 15px;
  }
  /*======================== Pooja Patel ==========================*/
  .pp_bnr h2 {
    font-size: 25px;
  }
  .pp_bnr h2 span {
    margin: 0 12px;
  }
  .pooja_img img {
    margin-bottom: 20px;
  }
  .pooja_name {
    font-size: 29px;
  }
  .pooja_prc_area {
    font-size: 22px;
  }
  /*======================== Pooja Patel ==========================*/
  #MailMe {
    padding: 50px 10px;
  }
  .mail_me_input_name {
    flex-direction: column;
  }
  .mail_me_input_name input{
    width: 100%;
  }
  .email_me_sbmt input[type="submit"]{
    width: 50%;
  }
}

/*---------------------------------------------------------------------------
Media query of mobile screen
----------------------------------------------------------------------------*/
@media screen and (max-width: 480px){
  p{
    font-size: 15px;
  }
  #topbar {
    height: 180px;
    justify-content: center;
  }

  .contact-info {
    width: 100%;
/*    justify-content: start !important;*/
    margin-bottom: 10px;
  }
  #header {
    top: 180px;
  }
  #header.header-scrolled {
    height: 175px;
  }
  #header .logo img {
    max-width: 120px;
    height: 20px;
  }
  .navbar-mobile .dropdown ul a {
    padding: 10px 4px;
  }
  .navbar-mobile .dropdown ul{
    margin: 10px 0;
  }
  #header h5 {
    font-size: 14px;
  }
  #header .header_cal_us {
    font-size: 13px;
    padding: 10px 20px;
  }
  #hero {
    width: 100%;
/*    height: 500px; 03-2023*/
    margin-top: 255px;
  }
  #hero h1 {
    font-size: 16px;
  }
  #hero h2{
    font-size: 28px;
/*    03-2023*/
    margin-bottom: 10px; 
  }
  .hero_counter {
    width: 100%;
    flex-wrap: wrap;
/*    03-2023*/
    margin: 10px 10px 10px 10px;
  }
  .hero_counter h3{
    font-size: 22px;
  }
  #hero .btn-get-started {
    font-weight: 500;
    font-size: 14px;
/*    03-2023*/
    padding: 10px 25px;
    margin-top: 5px;
  }
  .home_abt_hding h2, .parea_heading h2, .hcc_brf h2, .res_firm_brf h2, 
  .home_contact h2, .disclaimer_brf h2, .Site_map_brf h2, .about_brf h2,
  .family_law_brf h2, .contact_dtl h2, .personal_info h2 {
    font-size: 16px;
    text-align: center;
  }
  .home_abt_hding h3, .parea_heading h3, .hcc_brf h3, .res_firm_brf h3, 
  .home_contact h3, .disclaimer_brf h3, .Site_map_brf h3, .about_brf h3,
  .family_law_brf h3, .contact_dtl h3, .personal_info h3 {
    font-size: 23px;
    text-align: center;
  }
  .home_abt_hding p, .parea_heading p, .hcc_brf p, .res_firm_brf p, 
  .home_contact p, .disclaimer_brf p, .Site_map_brf p, .about_brf p,
  .family_law_brf p, .contact_dtl p, .personal_info p{
    text-align: center;
  }
  .home_parea h5 {
    font-size: 16px;
  }
  #homeCrimiCourt {
    margin: 60px 10px;
    padding: 70px 10px;
    background: linear-gradient(#ffffffa8, #ffffffa8),
                 url(../img/home/Criminal-Courts-img.png);
    background-position: right;
  }
  .res_firm_brf {
    padding: 50px 20px;
  }
  .home_contact_form {
    padding: 20px 10px;
  }
  .hcf_input input[type="text"]{
    font-size: 14px;
  }
  .hcf_checkbox input[type="checkbox"] {
    width: auto;
/*    height: 15px;*/
  }
  .home_contact_form {
    padding: 20px 10px;
  }
  /*.hcf_row textarea, .hcf_input input[type="text"]{
    padding-left: 5px;
  }*/
  .hcf_row textarea::placeholder, .hcf_input input[type="text"]::placeholder{
    font-size: 14px;
  }
  .hcf_row input[type="submit"] {
    width: auto;
  }
  .copy_right p{
    text-align: center;
  }
  .back-to-top{
    width: 30px;
    height: 30px;
  }
  .back-to-top i {
    font-size: 20px;
  }
  /*=============== Disclaimer =================*/
  #ClaimHero {
    margin-top: 260px;
    height: 285px;
  }
  #ClaimHero h1 {
    font-size: 25px;
  }
  .disclaimer_brf {
    padding-left: 10px;
  }
  .privacy p{
    text-align: left;
  }

  /*================ Site Map =================*/
  .sitmap_link {
    flex-direction: column;
  }
  /*=============== About Us =================*/
  .about_brf h4 {
    font-size: 18px;
    text-align: center;
  }
  .about_brf a{
    text-align: center;
  }
  .about_img {
    flex-direction: column !important;
  }
  .about_img .about_img1 {
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
  }
  .about_img .about_img2 {
    width: 100%;
    padding: 20px 0;
  }
  /*==================== Family Law =========================*/
  .family_law_brf h4 {
    font-size: 19px;
    text-align: center;
  }
  .family_law_brf ul li {
    margin-bottom: 5px;
    font-size: 15px;
  }
  .family_law_img{
    padding: 15px 10px;
  }
  /*========================= Contact Us ======================*/
  .personal_info_row {
    flex-direction: column;
    align-items: start !important;
    margin-bottom: 0;
  }
  .personal_info_name, .personal_info_email, .personal_info_phone,
  .personal_info_state, .personal_info_zip{
    width: 100%;
    margin-bottom: 20px;
  }
  .personal_info_submit input[type="submit"] {
    width: 100%;
  }
  /*========================= Pooja Patel ======================*/
  .pp_bnr h2 {
    font-size: 20px;
  }
  .pooja_abt {
    font-size: 16px;
  }
  .pooja_name {
    font-size: 23px;
  }
  .pooja_prof ul li h5 {
    font-size: 20px;
    font-weight: 500;
  }
  .pooja_prof ul li p,
  .pooja_prof ul li p a {
    color: var(--dark-blue);
    font-weight: 500;
  }
  /*========================= Email Me ======================*/
  .email_me_hding {
    font-size: 16px;
  }
  .email_me_shding {
    font-size: 23px;
  }
  #MailMe form {
    padding: 20px 10px;
  }
  #MailMe form input{
    font-size: 14px;
  }
  .email_me_sbmt input[type="submit"] {
    width: 70%;
  }
}

/*-------------------------------------------------------------------------------------
Media query for small size mobile screen
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 290px){
  #hero h2 {
    font-size: 23px;
  }
  .hero_counter h3 {
    font-size: 17px;
  }
  .hero_counter p {
    font-size: 14px;
  }
  .home_abt_hding h3, .parea_heading h3, .hcc_brf h3, .res_firm_brf h3, .home_contact h3,
  .disclaimer_brf h3, .Site_map_brf h3, .about_brf h3, .family_law_brf h3, .contact_dtl h3,
  .personal_info h3 {
    font-size: 20px;
  }
  .home_abt_hding p, .parea_heading p, .hcc_brf p, .res_firm_brf p, .home_contact p,
  .disclaimer_brf p, .Site_map_brf p, .about_brf p, .family_law_brf p, .contact_dtl p,
  .personal_info p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .res_firm_brf a {
    font-size: 14px;
  }
  .hcf_row input[type="submit"] {
    font-size: 14px;
  }
  #ClaimHero {
    height: 230px;
  }
  #ClaimHero h1 {
    font-size: 23px;
  }
  .sitmap_link_list1, .sitmap_link_list2{
    padding-left: 0 !important;
  }
  .sitmap_link ul li a {
    font-size: 14px;
  }
  .about_brf h4 {
    font-size: 16px;
  }
  .family_law_brf h4 {
    font-size: 17px;
  }
  .family_law_brf ul li {
    margin-bottom: 5px;
    font-size: 14px;
  }
  label {
    font-size: 14px;
  }
  .personal_info h4 {
    font-size: 18px;
  }
  .personal_info h5 {
    font-size: 17px;
    margin-top: 30px;
  }
  .read_policy p{
    text-align: left;
  }
}