/* XXL: 1400px and up start*/
@media (min-width: 1400px) {
 .container {
  max-width: 1360px;
 }
}

/* XXL: 1400px and up end */

/* XL: 1200px - 1399.98px start*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
 .container {
  max-width: 1260px;
 }
}

/* XL: 1200px - 1399.98px end*/

/* LG: 992px - 1199.98px start*/
@media (min-width: 992px) and (max-width: 1199.98px) {
 .container {
  max-width: 1260px;
 }
}

/* LG: 992px - 1199.98px end*/

/* MD: 768px - 991.98px start*/
@media (min-width: 768px) and (max-width: 991.98px) {
 .four_point_main_div {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
 }

 .about_counter_wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
 }

 .slider_grid_main_div {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
 }

 .text_data_grid {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 10px;
  align-items: center;
 }

 .dac-hero-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
 }

 .slider_justice_grid_main_div {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
 }

 .counter_item {
  margin-bottom: 30px;
  justify-content: unset !important;
 }

 .counter_item:not(:last-child)::after {
  background-color: unset !important;
 }

 .footer_navbar_fixed_div {
  display: block !important;
 }

 .desktop_fixed_btn {
  display: none !important;
 }

 .copy_right_section {
  padding: 18px 0px 120px 0px;
  text-align: center;
 }

 .mobile_view_header_div_main {
  display: block;
 }

 .header {
  display: none !important;
 }

 .reference_steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
 }

 .reference_step_item:not(:last-child) {
  border-bottom: 1px solid #d8d0c3 !important;
 }

 .reference_step_item {
  padding: 30px !important;
 }

 .inner_about_grid_data {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px;
 }

 .inner_about_grid_data2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px;
 }

 .band {
  width: calc(100% - 8%);
  margin-top: -40px;
 }

 .bgrid {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
 }

 .bitem {
  min-height: 180px;
 }

 .diagram {
  margin-top: 40px;
  padding: 20px;
 }

 .block {
  padding: 80px 25px;
 }

 .values {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
 }

 .value {
  padding: 25px;
  min-height: 180px;
 }

 .value b {
  font-size: 16px;
 }

 .value span {
  font-size: 13px;
 }

 .values {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
 }

 .block .photo {
  margin-top: 50px;
 }

 .block .photo img {
  height: 350px;
 }

 #rules {
  padding: 80px 25px;
 }

 .rulescard {
  padding: 35px 30px;
 }

 .rulescard h3 {
  font-size: 22px;
 }

 .contactcard {
  padding: 40px 35px;
  margin-top: 55px;
 }

 .contactcard h3 {
  font-size: 30px;
 }

 .heads{
   grid-template-columns:  1fr !important;
 }
 
 .form_data_div{
   grid-template-columns:  1fr !important;
 }

 
 .mobile_steps{
   flex-direction: column !important;
 }
}

/* MD: 768px - 991.98px end*/

/* SM: 576px - 767.98px start*/
@media (min-width: 576px) and (max-width: 767.98px) {
 .inner_about_grid_data {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 14px;
 }

 .inner_about_grid_data2 {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 14px;
 }

 .text_data_grid {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 10px;
  align-items: center;
 }

 .reference_steps {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
 }

 .reference_step_item:not(:last-child) {
  border-bottom: 1px solid #d8d0c3 !important;
 }

 .reference_step_item {
  padding: 30px !important;
 }

 .counter_item {
  margin-bottom: 30px;
  justify-content: unset !important;
 }

 .counter_item:not(:last-child)::after {
  background-color: unset !important;
 }

 .four_point_main_div {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
 }

 .slider_grid_main_div {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 10px !important;
 }

 .dac-hero-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 10px !important;
 }

 .slider_justice_grid_main_div {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 10px !important;
 }

 .about_counter_wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
 }

 .footer_navbar_fixed_div {
  display: block !important;
 }

 .desktop_fixed_btn {
  display: none !important;
 }

 .copy_right_section {
  padding: 18px 0px 120px 0px;
  text-align: center;
 }

 .slider_left_side_content_div {
  margin-bottom: 35px !important;
 }

 .mobile_view_header_div_main {
  display: block;
 }

 .header {
  display: none !important;
 }

 .blog_item_main_div {
  flex-direction: column-reverse !important;
 }

 .blog_content_div {
  width: 90%;
  padding: 25px 35px !important;
 }

 .blog_image_div {
  width: 100%;
  height: 250px;
 }

 .title_blogs_div > h4 {
  font-size: 30px;
  line-height: 42px;
 }

 .blog_content_div > h3 {
  font-size: 22px;
  line-height: 34px;
 }

 .diy_feature_item {
  width: calc(100% - 13px) !important;
 }

 .counter_main_div_flex {
  justify-content: start !important;
 }

 .order_sld1 {
  order: 1 !important;
 }

 .order_sld2 {
  order: 2 !important;
 }

 .slider_btns > a {
  width: 100% !important;
  margin: 10px 0px !important;
 }

 .slider_left_side_content_div {
  padding: 50px 0px 0px 0px !important;
 }

 .whatis_content_div {
  max-height: unset !important;
 }

 .main_product_data_div {
  max-height: unset !important;
 }

 .why_choose_us_list_main_div {
  padding-left: unset !important;
 }

 .why_choose_us_list_main_div::before {
  left: 94px !important;
 }

 .footer_cta {
  display: none !important;
 }

 .footer_bottom_inner {
  display: flex;
  flex-direction: column !important;
 }

 .adr-trust-bar {
  display: none !important;
 }

 .about_us_main_div > h1 {
  font-size: 33px !important;
  line-height: 37px !important;
 }

 .notice_item > a {
  position: relative;
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 8px 15px;
  padding: 18px 15px;
 }

 .notice_icon {
  grid-row: 1 / 3;

  width: 44px;
  height: 44px;
 }

 .notice_date {
  padding: 0;
  border: 0;
  font-size: 11px;
 }

 .notice_title {
  padding-right: 2px;
  font-size: 14px;
 }

 .notice_arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
 }

 .notice_item > a:hover .notice_arrow {
  transform: translate(4px, -50%);
 }

 .band {
  width: calc(100% - 30px);
  margin-top: -30px;
 }

 .bgrid {
  grid-template-columns: 1fr;
  gap: 15px;
 }

 .bitem {
  min-height: auto;
  padding: 25px 21px;
 }

 .bitem b {
  font-size: 16px;
 }

 .bitem span {
  font-size: 13px;
  line-height: 1.65;
 }

 .diagram {
  margin-top: 35px;
  padding: 12px;

  border-radius: 10px;
  overflow-x: auto;
 }

 .diagram svg {
  min-width: 700px;
 }

 .diagram figcaption {
  margin-top: 15px;
  padding: 15px 5px 0;

  font-size: 12px;
 }

 .values {
  grid-template-columns: 1fr;
  gap: 15px;
  margin-top: 35px;
 }

 .value {
  min-height: auto;
 }

 .block .kicker {
  font-size: 11px;
  letter-spacing: 1.5px;
 }

 .block h2 {
  font-size: 34px;
  line-height: 1.15;
 }

 .block > p {
  font-size: 14px;
  line-height: 1.75;
  margin-bottom: 30px;
 }

 .values {
  grid-template-columns: 1fr;
  gap: 15px;
  margin-top: 35px;
 }

 .value {
  min-height: auto;
  padding: 24px 22px 24px 26px;
 }

 .value b {
  font-size: 16px;
 }

 .value span {
  font-size: 13px;
  line-height: 1.65;
 }

 .block .lawcard {
  width: 100%;
  max-width: 100%;

  margin: 15px auto !important;

  min-height: auto;

  padding: 25px 22px;
 }

 .lawcard .case {
  font-size: 17px;
 }

 .lawcard p {
  font-size: 13px;
  line-height: 1.7;
 }

 .block .photo {
  margin-top: 40px;
  border-radius: 10px;
 }

 .block .photo img {
  height: 280px;
 }

 .block .photo figcaption {
  padding: 15px 17px;
  font-size: 12px;
 }

 #rules {
  padding: 65px 18px;
 }

 #rules .kicker {
  font-size: 11px;
  letter-spacing: 1.5px;
 }

 #rules h2 {
  font-size: 34px;
  line-height: 1.15;
 }

 #rules > p {
  font-size: 14px;
  line-height: 1.75;
  margin-bottom: 35px;
 }

 .rulescard {
  padding: 30px 22px;

  border-radius: 11px;
 }

 .rulescard h3 {
  font-size: 21px;
 }

 .rulescard p {
  font-size: 13px;
  line-height: 1.7;
 }

 .rulescard .cta-row {
  flex-direction: column;
  align-items: stretch;

  gap: 10px;

  margin-top: 25px;
 }

 .rulescard .hbtn {
  width: 100%;
 }

 
 .heads{
   grid-template-columns:  1fr !important;
 }
 
 .form_data_div{
   grid-template-columns:  1fr !important;
 }

 
 .mobile_steps{
   flex-direction: column !important;
 }

}

/* SM: 576px - 767.98px end*/

/* XS: <576px start*/
@media (max-width: 575.98px) {
   
 .heads{
   grid-template-columns:  1fr !important;
 }

 
 .mobile_steps{
   flex-direction: column !important;
 }
 
 .form_data_div{
   grid-template-columns:  1fr !important;
 }
 .inner_about_grid_data {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 14px;
 }

 .inner_about_grid_data2 {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 14px;
 }

 .text_data_grid {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 10px;
  align-items: center;
 }

 .reference_steps {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
 }

 .reference_step_item:not(:last-child) {
  border-bottom: 1px solid #d8d0c3 !important;
 }

 .reference_step_item {
  padding: 30px !important;
 }

 .about_us_main_div > h1 {
  font-size: 33px !important;
  line-height: 37px !important;
 }

 .adr-trust-bar {
  display: none !important;
 }

 .footer_bottom_inner {
  display: flex;
  flex-direction: column !important;
 }

 .footer_cta {
  display: none !important;
 }

 .counter_item {
  margin-bottom: 30px;
  justify-content: unset !important;
 }

 .counter_item:not(:last-child)::after {
  background-color: unset !important;
 }

 .four_point_main_div {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
 }

 .slider_grid_main_div {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 10px !important;
 }

 .dac-hero-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 10px !important;
 }

 .slider_justice_grid_main_div {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 10px !important;
 }

 .about_counter_wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
 }

 .why_choose_us_list_main_div::before {
  left: 94px !important;
 }

 .why_choose_us_list_main_div {
  padding-left: unset !important;
 }

 .footer_navbar_fixed_div {
  display: block !important;
 }

 .desktop_fixed_btn {
  display: none !important;
 }

 .copy_right_section {
  padding: 18px 0px 120px 0px;
  text-align: center;
 }

 .whatis_content_div {
  max-height: unset !important;
 }

 .main_product_data_div {
  max-height: unset !important;
 }

 .slider_left_side_content_div {
  padding: 50px 0px 0px 0px !important;
 }

 .slider_btns > a {
  width: 100% !important;
  margin: 10px 0px !important;
 }

 .order_sld1 {
  order: 1 !important;
 }

 .order_sld2 {
  order: 2 !important;
 }

 .counter_main_div_flex {
  justify-content: start !important;
 }

 .diy_feature_item {
  width: calc(100% - 13px) !important;
 }

 .blog_item_main_div {
  flex-direction: column-reverse !important;
 }

 .blog_content_div {
  width: 90%;
  padding: 25px 35px !important;
 }

 .blog_image_div {
  width: 100%;
  height: 250px;
 }

 .title_blogs_div > h4 {
  font-size: 30px;
  line-height: 42px;
 }

 .blog_content_div > h3 {
  font-size: 22px;
  line-height: 34px;
 }

 .slider_left_side_content_div {
  margin-bottom: 35px !important;
 }

 .mobile_view_header_div_main {
  display: block;
 }

 .header {
  display: none !important;
 }

 .notice_item > a {
  position: relative;
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 8px 15px;
  padding: 18px 15px;
 }

 .notice_icon {
  grid-row: 1 / 3;

  width: 44px;
  height: 44px;
 }

 .notice_date {
  padding: 0;
  border: 0;
  font-size: 11px;
 }

 .notice_title {
  padding-right: 2px;
  font-size: 14px;
 }

 .notice_arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
 }

 .notice_item > a:hover .notice_arrow {
  transform: translate(4px, -50%);
 }

 .band {
  width: calc(100% - 30px);
  margin-top: -30px;
 }

 .bgrid {
  grid-template-columns: 1fr;
  gap: 15px;
 }

 .bitem {
  min-height: auto;
  padding: 25px 21px;
 }

 .bitem b {
  font-size: 16px;
 }

 .bitem span {
  font-size: 13px;
  line-height: 1.65;
 }

 .diagram {
  margin-top: 35px;
  padding: 12px;

  border-radius: 10px;
  overflow-x: auto;
 }

 .diagram svg {
  min-width: 700px;
 }

 .diagram figcaption {
  margin-top: 15px;
  padding: 15px 5px 0;

  font-size: 12px;
 }

 .values {
  grid-template-columns: 1fr;
  gap: 15px;
  margin-top: 35px;
 }

 .value {
  min-height: auto;
 }

 .block .kicker {
  font-size: 11px;
  letter-spacing: 1.5px;
 }

 .block h2 {
  font-size: 34px;
  line-height: 1.15;
 }

 .block > p {
  font-size: 14px;
  line-height: 1.75;
  margin-bottom: 30px;
 }

 .values {
  grid-template-columns: 1fr;
  gap: 15px;
  margin-top: 35px;
 }

 .value {
  min-height: auto;
  padding: 24px 22px 24px 26px;
 }

 .value b {
  font-size: 16px;
 }

 .value span {
  font-size: 13px;
  line-height: 1.65;
 }

 .block .lawcard {
  width: 100%;
  max-width: 100%;

  margin: 15px auto !important;

  min-height: auto;

  padding: 25px 22px;
 }

 .lawcard .case {
  font-size: 17px;
 }

 .lawcard p {
  font-size: 13px;
  line-height: 1.7;
 }

 .block .photo {
  margin-top: 40px;
  border-radius: 10px;
 }

 .block .photo img {
  height: 280px;
 }

 .block .photo figcaption {
  padding: 15px 17px;
  font-size: 12px;
 }
}

/* XS: <576px end*/

/* =========================
   TABLET
========================= */

@media (max-width: 1100px) {
 .judicial-layout {
  gap: 55px;
 }

 .judicial-main h2 {
  font-size: 64px;
 }

 .quote-card {
  padding: 45px 40px 35px;
 }

 .quote-card blockquote {
  font-size: 28px;
 }
}

/* =========================
   MOBILE
========================= */

@media (max-width: 991px) {
 .judicial-excellence {
  padding: 80px 0;
 }

 .judicial-layout {
  grid-template-columns: 1fr;
  gap: 70px;
 }

 .judicial-main h2 {
  font-size: 62px;
 }

 .judicial-copy {
  max-width: 100%;
 }

 .judicial-side {
  max-width: 700px;
 }

 .chief-patrons-section {
  padding: 80px 0;
 }

 .patron-profile-card {
  grid-template-columns: 210px minmax(0, 1fr);
 }

 .patron-image-column {
  padding: 15px;
 }

 .patron-image-box img {
  height: 220px;
 }

 .patron-content-column {
  padding: 28px 30px;
 }

 .patron-content-column h3 {
  font-size: 28px;
 }

 .patron-profile-text p {
  font-size: 14px;
 }
}

/*  */
@media (max-width: 991px) {
 .courses {
  grid-template-columns: 1fr 1fr;

  gap: 18px;
 }

 .course .chead {
  padding: 25px 24px 20px;
 }

 .course .cbody {
  padding: 24px;
 }

 .course h3 {
  font-size: 26px;
 }
 .modules {
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px;
 }

 .module {
  min-height: 145px;

  padding: 23px 21px;
 }

 .module b {
  font-size: 17px;
 }

 .module span {
  font-size: 13.5px;
 }

 .curr {
  max-width: 850px;

  grid-template-columns: repeat(2, 1fr);

  gap: 18px;
 }

 .currcol {
  padding: 27px 22px 25px;
 }
 .currcol li {
  font-size: 14px;
 }
}
/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
 .chief-patrons-section {
  padding: 60px 0 80px;
 }
 
 .heads{
   grid-template-columns:  1fr !important;
 }

 
 .mobile_steps{
   flex-direction: column !important;
 }
 
 .form_data_div{
   grid-template-columns:  1fr !important;
 }

 .chief-patrons-heading {
  margin-bottom: 40px;
 }

 .chief-patrons-heading h2 {
  font-size: 40px;
 }

 .chief-patrons-heading p {
  font-size: 16px;
  line-height: 1.6;
 }

 .patron-profile-card {
  grid-template-columns: 1fr;

  margin-bottom: 25px;

  border-radius: 16px;
 }

 .patron-image-column {
  border-right: 0;
  border-bottom: 1px solid #eadfc9;

  padding: 18px;
 }

 .patron-image-box {
  max-width: 280px;
  margin: 0 auto;
 }

 .patron-image-box img {
  height: 300px;
 }

 .patron-content-column {
  padding: 28px 22px 30px;
 }

 .patron-content-column h3 {
  font-size: 26px;
 }

 .patron-profile-text p {
  font-size: 15px;
  line-height: 1.7;
 }

 #rules {
  padding: 65px 18px;
 }

 #rules .kicker {
  font-size: 11px;
  letter-spacing: 1.5px;
 }

 #rules h2 {
  font-size: 34px;
  line-height: 1.15;
 }

 #rules > p {
  font-size: 14px;
  line-height: 1.75;
  margin-bottom: 35px;
 }

 .rulescard {
  padding: 30px 22px;

  border-radius: 11px;
 }

 .rulescard h3 {
  font-size: 21px;
 }

 .rulescard p {
  font-size: 13px;
  line-height: 1.7;
 }

 .rulescard .cta-row {
  flex-direction: column;
  align-items: stretch;

  gap: 10px;

  margin-top: 25px;
 }

 .rulescard .hbtn {
  width: 100%;
 }

 .contactcard {
  margin: 45px auto 30px;

  padding: 35px 22px;

  border-radius: 11px;
 }

 .contactcard h3 {
  font-size: 27px;
  line-height: 1.3;
 }

 .contactcard > p {
  font-size: 13px;
  line-height: 1.7;
 }

 .contactcard .hbtn.gold {
  width: 100%;
 }

 .contactcard p:last-child {
  font-size: 13px;
  line-height: 1.8;
 }

 .steps-div {
  gap: 14px;
  margin-top: 30px;
 }

 .step {
  align-items: flex-start;

  gap: 15px;

  padding: 18px;
 }


 .step b {
  font-size: 16px;
 }

 .step span {
  font-size: 13px;
  line-height: 1.65;
 }

 .block {
  padding: 60px 18px;
 }

 /* Kicker */

 .block .kicker {
  font-size: 11px;

  letter-spacing: 1.5px;

  margin-bottom: 15px;
 }

 /* Heading */

 .block h2 {
  font-size: 34px;

  line-height: 1.15;

  letter-spacing: -0.5px;

  margin-bottom: 20px;
 }

 /* Paragraph */

 .block > p {
  font-size: 14px;

  line-height: 1.75;
 }

 /* Law card */

 .lawcard {
  margin: 20px 0;

  min-height: auto;

  padding: 25px 22px;
 }

 .lawcard .case {
  font-size: 17px;
 }

 .lawcard p {
  font-size: 13px;

  line-height: 1.7;
 }

 /* Route diagram */

 .routefig {
  margin-top: 35px;

  padding: 12px;

  overflow-x: auto;
 }

 .routefig svg {
  min-width: 700px;
 }

 .routefig figcaption {
  font-size: 12px;
 }

 /* Equals */

 .equals {
  margin: 30px 0;

  padding: 20px;
 }

 .equals p {
  font-size: 15px;
 }

 /* Steps */

 .steps {
  margin-top: 35px;
 }

 .step {

  margin-bottom: 18px;
 }



 .step b {
  font-size: 16px;
 }

 .step span {
  font-size: 13px;

  line-height: 1.7;
 }

 /* Clause */

 .clausebox {
  margin-top: 30px;
 }

 .chead {
  padding: 13px 15px;
 }

 .clabel {
  font-size: 15px;
 }

 .copybtn {
  padding: 8px 12px;

  font-size: 11px;
 }

 .ctext {
  padding: 22px 18px;
 }

 .ctext p {
  font-size: 13px;

  line-height: 1.8;
 }

 /* Contact */

 .contactcard {
  width: calc(100% - 36px);

  margin: 15px auto 50px;

  padding: 35px 22px;

  border-radius: 11px;
 }

 .contactcard h3 {
  font-size: 27px;
 }

 .contactcard > p {
  font-size: 13px;

  line-height: 1.7;
 }

 .contactcard .cta-row {
  width: 100%;
 }

 .contactcard .hbtn.gold {
  width: 100%;
 }

 .contactcard p:last-child {
  font-size: 13px;

  line-height: 1.8;
 }

 .courses {
  grid-template-columns: 1fr;

  gap: 18px;

  margin-top: 30px;
 }

 .course .chead {
  padding: 25px 22px 20px;
 }

 .course .cbody {
  padding: 23px 22px 25px;
 }

 .course h3 {
  font-size: 25px;
 }

 .course .cbody > p {
  font-size: 14px;
 }

 .course ul li {
  font-size: 13px;
 }

 .course .meta {
  font-size: 12px;
 }

 .modules {
  grid-template-columns: 1fr;

  gap: 15px;

  margin-top: 30px;
 }

 .module {
  min-height: auto;

  padding: 22px 20px;
 }

 .module b {
  font-size: 17px;
 }

 .module span {
  font-size: 13px;

  line-height: 1.65;
 }
 .curr {
  width: 100%;

  grid-template-columns: 1fr;

  gap: 18px;

  margin-top: 30px;
 }

 .currcol {
  width: 100%;

  padding: 25px 21px;
 }

 .currcol h3 {
  margin-bottom: 18px;

  padding-left: 32px;

  font-size: 21px;
 }

 .currcol.do h3::before,
 .currcol.dont h3::before {
  top: 1px;

  width: 22px;
  height: 22px;
 }

 .currcol ul {
  gap: 13px;
 }

 .currcol li {
  padding-left: 19px;

  font-size: 13.5px;

  line-height: 1.7;
 }

 .duration {
  flex-wrap: wrap !important;
 }

 .featured-news {
  grid-template-columns: 1fr !important;
 }
}

@media (max-width: 575px) {
 .duration {
  flex-wrap: wrap !important;
 }
 
 .heads{
   grid-template-columns:  1fr !important;
 }
 
 .mobile_steps{
   flex-direction: column !important;
 }

 .mobile_steps{
   flex-direction: column !important;
 }

 .form_data_div{
   grid-template-columns:  1fr !important;
 }

 .judicial-excellence {
  padding: 60px 0;
 }

 .judicial-top {
  margin-bottom: 50px;
 }

 .judicial-label h5 {
  font-size: 12px;
 }

 .judicial-main h2 {
  font-size: 46px;
  line-height: 1;
  letter-spacing: -1.5px;
 }

 .judicial-eyebrow {
  font-size: 10px;
  letter-spacing: 2px;
 }

 .judicial-copy {
  margin-top: 30px;
 }

 .judicial-copy p {
  font-size: 16px;
  line-height: 1.75;
 }

 .quote-card {
  padding: 40px 28px 30px;
  box-shadow: 12px 12px 0 #dfd4bd;
 }

 .quote-card-top > span {
  font-size: 80px;
 }

 .quote-card blockquote {
  font-size: 24px;
  line-height: 1.45;
 }

 .judicial-points {
  grid-template-columns: 1fr;
 }

 .judicial-point {
  border-right: 0;
  border-bottom: 1px solid #d7d2c8;
 }

 .judicial-point:last-child {
  border-bottom: 0;
 }

 .chief-patrons-heading h2 {
  font-size: 34px;
 }

 .chief-patrons-heading > span {
  font-size: 9px;
  letter-spacing: 2px;
 }

 .patron-image-box img {
  height: 270px;
 }

 .patron-content-column h3 {
  font-size: 23px;
 }

 .patron-designation {
  font-size: 8px;
  letter-spacing: 1.2px;
 }

 .patron-profile-text p {
  font-size: 14px;
 }

 .patron-tags span {
  font-size: 8px;
 }

 .contactcard {
  padding: 30px 18px;
 }

 .contactcard h3 {
  font-size: 24px;
 }

 .contactcard p:last-child {
  display: flex;
  flex-direction: column;
  gap: 5px;
 }

 #batches {
  padding-left: 18px;
  padding-right: 18px;
 }

 #batches .notice {
  gap: 12px;

  margin-bottom: 40px;

  padding: 17px 16px;
 }

 #batches .bell {
  flex: 0 0 34px;

  width: 34px;
  height: 34px;

  font-size: 15px;
 }

 #batches .notice p {
  font-size: 13px;
  line-height: 1.7;
 }

 #batches .kicker {
  font-size: 11px;
  letter-spacing: 1.5px;
 }

 #batches h2 {
  font-size: 34px;
  line-height: 1.15;

  letter-spacing: -0.5px;
 }

 #batches > p {
  font-size: 14px;
  line-height: 1.75;
 }

 #batches .photo {
  margin-top: 35px;

  border-radius: 10px;
 }

 #batches .photo img {
  aspect-ratio: 16 / 10;
 }

 #batches .photo figcaption {
  padding: 14px 15px;

  font-size: 12px;
 }

 .featured-news {
  grid-template-columns: 1fr !important;
 }
}
/*  */

@media (max-width: 480px) {
 .featured-news {
  grid-template-columns: 1fr !important;
 }

 .duration {
  flex-wrap: wrap !important;
 }
 .block {
  padding: 50px 15px;
 }

 .block h2 {
  font-size: 30px;
 }

 .routefig {
  padding: 8px;
 }

 .routefig svg {
  min-width: 680px;
 }

 .clausebox {
  border-radius: 9px;
 }

 .chead {
  flex-direction: column;

  align-items: flex-start;
 }

 .copybtn {
  width: 100%;
 }

 .ctext {
  padding: 20px 15px;
 }

 .contactcard {
  width: calc(100% - 30px);

  padding: 30px 18px;
 }

 .contactcard h3 {
  font-size: 24px;
 }

 .contactcard p:last-child {
  display: flex;

  flex-direction: column;

  gap: 5px;
 }

 #batches {
  padding-left: 15px;
  padding-right: 15px;
 }

 #batches h2 {
  font-size: 30px;
 }

 #batches .notice {
  align-items: flex-start;
 }
}