/* ========================================================================================== */
/* !!!!                                  RESPNSIVE MEDIA CSS                             !!!! */
/* ========================================================================================== */
/* ============================================= */
/* !!!!          MIN WIDTH 992px            !!!! */
/* ============================================= */
@media screen and (min-width: 992px) {
  /* COMMON CSS */
  .p-100 {
    padding: 100px 0;
  }
  /* Navigation Menu */
  .navbar-nav .dropdown-menu {
    display: block;
    text-align: left;
    opacity: 0;
    transform: translateY(30px);
    pointer-events: none;
    min-width: 167px;
    border-radius: 0;
    border: none;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .nav-item.dropdown:hover .dropdown-menu {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
  }

  .navbar-nav .dropdown-item {
    font-size: 13px;
    line-height: 22px;
    padding: 13px 28px;
    transition: 0.3s ease-in-out;
    color: var(--bs-white);
  }

  .navbar-nav .dropdown-item:focus,
  .navbar-nav .dropdown-item:active,
  .navbar-nav .dropdown-item:hover {
    background-color: transparent;
    color: var(--bs-primary);
  }
}

/* ============================================= */
/* !!!!          MIN WIDTH 1199px           !!!! */
/* ============================================= */
@media screen and (max-width: 1199px) {
  /* Navigation */
  .nav-link {
    font-size: 16px;
    line-height: 20px;
  }

  /* TESTIMONIAL */
  .testimonial_wrapper {
    margin: 0;
  }
  .testimonial_wrapper .container-xl {
    padding: 0;
  }

  /* FOOTER */
  .footer_contact {
    padding: 80px 0 45px;
  }

  /* LEGALTEAM PAGE CSS */
  .team_member_img,
  .team_member_img img,
  .subteam_member_img,
  .subteam_member_img img {
    max-width: 295px;
    height: 295px;
  }
}

/* ============================================= */
/* !!!!          MIN WIDTH 991px           !!!! */
/* ============================================= */
@media screen and (max-width: 991px) {
  /* COMMON CSS */
  .p-80 {
    padding: 80px 0;
  }

  .p-60 {
    padding: 60px 0;
  }
  /* TYPOGRAPHY */
  h1,
  .h1 {
    font-size: 34px;
    line-height: 40px;
  }

  h5,
  .h5 {
    font-size: 21px;
    line-height: 26px;
  }

  .display-5 {
    font-size: 37px;
  }

  .display-6 {
    font-size: 25px;
    line-height: 1.2;
  }

  /* ALL BTNS */
  .btn-lg {
    font-size: 18px;
    line-height: 22px;
    min-width: 261px;
  }

  /* Navigation */
  .navbar .container-lg {
    padding: 0;
  }
  .navbar {
    --bs-navbar-padding-y: 43px;
  }
  .navbar.nav-custom {
    padding: 43px 0 0;
  }
  .navbar-brand {
    margin: 0 15px 0 0;
  }
  .navbar-toggler {
    margin: 0 0 0 15px;
  }
  .navbar-nav {
    padding: 10px 0 0;
    --bs-nav-link-padding-y: 14px;
  }

  .nav-link {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.7px;
    text-align: center;
  }

  .navbar-nav .nav-item:not(:nth-last-of-type(1)) {
    margin-right: 0;
  }

  .nav-item:not(:first-child) .nav-link {
    border-top: 1px solid var(--bs-primary);
  }
  .navbar-toggler .navbar-toggler-icon {
    width: 20px;
    height: 20px;
  }
  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='20px' height='20px' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23857651' stroke='none'%3E%3Cpath d='M271 5109 c-104 -20 -194 -91 -239 -187 -22 -47 -27 -71 -27 -137 0 -155 -68 -78 1075 -1220 l1010 -1010 -1019 -1020 c-827 -829 -1022 -1029 -1041 -1070 -34 -71 -35 -199 -2 -270 29 -63 93 -129 157 -163 72 -37 187 -42 270 -12 58 22 94 56 1083 1044 l1022 1021 1018 -1016 c817 -816 1027 -1021 1067 -1040 42 -20 65 -24 145 -24 83 0 101 4 145 27 62 32 129 103 158 166 32 68 30 197 -3 267 -19 41 -214 241 -1041 1070 l-1019 1020 1010 1010 c1143 1142 1075 1065 1075 1220 0 65 -5 90 -26 135 -81 172 -284 242 -454 158 -26 -13 -391 -370 -1057 -1036 l-1018 -1017 -1017 1017 c-667 666 -1032 1023 -1058 1036 -34 17 -145 45 -164 41 -3 -1 -26 -5 -50 -10z' fill='%23857651'/%3E%3C/g%3E%3C/svg%3E");
  }

  /* BANNER SECTION */
  .banner_wrapper {
    height: 350px;
  }
  body.home .banner_wrapper
  {
    min-height: 350px;
    background-color:#000;
  }
  .banner_content h1 {
    max-width: 152px;
  }

  /* CLIENT SAYS SECTION */
  .client_talks {
    padding: 60px 0;
  }
  .client_talks_video {
    margin-bottom: -70px;
    z-index: 99;
  }
  .services_connect {
    background-color: var(--bs-black);
    background-image: none !important;
    padding: 120px 0 0;
  }

  .services_connect .btn-lg {
    margin-top: 0;
  }

  .service_box_wrapper {
    padding: 80px 0 30px;
  }

  /* OUR ATTORNEYS */
  .our_attorneys_img,
  .our_attorneys_img img {
    max-width: 300px;
    height: 300px;
  }
  .our_attorneys_title {
    padding: 0 0 60px;
  }

  .our_attorneys_wrapper {
    padding: 0 0 30px;
  }

  /* PRACTICE AREA */
  .practice_area {
    padding: 60px 0 10px;
  }

  .practice_area_title {
    padding: 0 0 40px;
  }
  /* FAQS */
  .faq_title {
    padding: 0 0 20px;
  }

  /* TESTIMONIAL */
  .testimonial_wrapper {
    padding: 60px 0 0;
  }

  /* -=-=--=-=--=-=--=- */
  /* ABOUT US PAGE CSS */
  /* -=-=--=-=--=-=-=- */

  /* Common banner */
  .common_banner_content {
    font-size: 14.8px;
  }

  /* Common info content */
  .common_info_content {
    padding: 50px 20px;
    margin: 30px 0 0;
  }

  .common_info_content p {
    font-size: 14px;
  }

  .about_organization {
    padding: 40px 20px 15px;
  }
  .about_organization p {
    font-size: 14px;
  }

  .line_ele {
    margin: 60px auto;
  }

  /* PRACTICE AREA PAGE CSS */
  /* Common banner */
  .common_banner_content {
    max-width: 550px;
  }

  /* Page Content */
  .pa_box_outer {
    margin: 0;
    padding: 30px 20px 14px;
  }

  .what_we_do .row {
    padding: 30px 20px;
  }

  .what_we_do p {
    font-size: 14px;
  }
  /* PRACTICE AREA INNER PAGES */
  .praticearea_sidebar {
    margin-top: 15px;
  }
  .common_outerbox {
    padding: 40px;
  }

  /* UNSUNG HEROES PAGE CSS */
  .heroes_gallery_img {
    max-width: 100%;
  }

  /* CONTACT PAGE CSS */
  .our_map {
    padding: 60px 0 20px;
  }
  .main_contact_form {
    padding: 100px 0 80px;
  }
   /* UNSUNG HEROES DETAIL PAGE CSS */
   .unsung_hero_description {
    padding: 50px 20px;
  }
}

/* ============================================= */
/* !!!!           MIN WIDTH 767px           !!!! */
/* ============================================= */
@media screen and (max-width: 767px) {
  /* ALL BTNS */
  .btn-info {
    font-size: 14px;
  }
  /* PRACTICE AREA INNER PAGES */
  .praticearea_common_content li,
  .praticearea_common_content p,
  .sidebar_wrapper_content p {
    font-size: 14px;
  }
  .blogbox_img {
    margin: 20px 0 0;
    max-width: 100%;
  }

  /* UNSUNG HEROES PAGE CSS */
  .unsungheroes_content {
    padding: 30px 30px 14px;
  }

  .unsungheroes_content p {
    font-size: 14px;
  }

  /* Heroes gallary */
  .heroes_gallery_content {
    padding: 40px 25px;
  }

  .heroes_gallery_info p {
    font-size: 14px;
  }

  /* Nominations */
  .nomination_title {
    padding-bottom: 25px;
  }

  .nomination_title p,
  .nomination_wrapper label {
    font-size: 14px;
  }

  .nomination_wrapper form {
    padding: 30px;
  }

  .nomination_wrapper label p small P {
    font-size: 12px;
  }

  /* TEAM MEMBER PAGE CSS */
  .common_info_content h5 {
    font-size: 18px !important;
  }

  /* UNSUNG HEROES DETAIL PAGE CSS */
  .unsung_hero_description p {
    font-size: 14px;
  }
}

/* ============================================= */
/* !!!!           MIN WIDTH 575px           !!!! */
/* ============================================= */
@media screen and (max-width: 575px) {
  /* NAVIGATION SECTION */
  .top-bar span {
    font-size: 14px;
  }
  /* BANNER SECTION */
  .banner_content h1 {
    font-size: 19px;
    line-height: 24px;
    max-width: 102px;
  }

  .banner_content p {
    font-size: 14px;
    line-height: 20px;
  }

  /* OUR ATTORNEYS */
  .our_attorneys_img,
  .our_attorneys_img img {
    max-width: 270px;
    height: 270px;
  }
  /* TESTIMONIAL */
  .testimonial_slider .swiper-slide p {
    font-size: 14px;
    line-height: 24px;
  }

  .testimonial_container h2 {
    margin-bottom: 20px;
    padding: 0 50px;
  }
  /* FOOTER */
  .social_links .icon_box:not(:nth-last-of-type(1)) {
    margin-right: 25px;
  }

  /* LEGAL PRACTICE AREA */
  .what_we_do .row {
    padding: 20px 15px;
    margin: 50px 10px 0;
  }

  /* PRACTICE AREA INNER PAGES */
  .common_outerbox {
    padding: 30px 10px;
    margin: 0 12px;
  }

  /* CONTACT PAGE CSS */
  .main_form {
    padding: 20px;
  }
}