/* RESPONSIVE  */
@media (max-width: 375.98px) {
    .page_banner h1 a {
        font-size: 25px !important;
    }
    select#gtranslate_selector,select#gtranslate_selector option {
        font-size: 10px !important;
    }
    #topbar {
        padding-top: 30px;
        font-size: 10px;
    }
    .topbar-left p {
        font-size: 10px;
    }

    #topbar, #alert-message .message p { 
        font-size: 10px;
    }
    #latest-press-release .left {
        position: relative;
        flex-direction: column;
        align-items: flex-start;
    }
    #latest-press-release .latest-news-wrapper .sec-link{
        left: 15px !important;
        top: 15px !important;
    }
    #latest-press-release .latest-news-wrapper .section-title.left{
        padding: 0 !important;
        padding-bottom: 30px !important;
    }
    #latest-press-release.g-sec h2{
        bottom: 5px;
    }
}
@media (max-width: 575.98px) {
    h2{
        font-size: 20px !important;
    }
    h5, .h5{
        font-size: 18px !important;
        text-transform: initial !important;
    }
    .topbar-left{
        display: block;
    }
    .topbar-left p {
	font-size: 10px;
    }
    .topbar-left i.fa-bell{
        float: left;
        line-height: 1;
	font-size: 14px;
    }
    .topbar-left strong {
        font-size: 10px;
    }
    .position-hide {
    	position: absolute;
    	top: -150px;
    }
    .topbar-left #covid-info p:after {
        content: "\f078";
        margin-left: 5px;
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
        cursor: pointer;
    }

    .topbar-left #emergency-alerts i.fas{
        display: none;
    }
    #topbar select#gtranslate_selector {
        float: right;
    }

    /* HEADER */
    .menu-item{
        margin-top: 10px;
    }
    .menu-item p {
        display: none;
    }
    .mega-content .col-title{
        padding-bottom: 20px;
    }
    .dropdown-sm-col {
        margin-top: 20px;
    }
    .mega-content .mb-4 {
        margin-bottom: 0.5rem!important;
    }
    .mega-content .main{
        margin: 0;
    }
    .mega-content .menu-list{
        margin: 0;
    }
    .dropdown-menu h4 a {
        line-height: 30px;
    }
    .dropdown-menu h3 a span, .menu-list a:last-child span, .menu-list a span {
        display: none;
    }
    .menu-list a {
        padding: 5px 0;
    }
    /* HOME SLIDER */
    #slider .item .slide-text h1 {
        font-size: 36px;
    }
    #slider .item .dark-bg-1 .slide-text {
        margin-top: 160px;
    }
    #slider .item .slide-form p{
        margin-bottom: 15px;
    }
    .section-title p {
        margin-bottom: 25px;
    }
    #slider .item .slide-quick-links {
        margin-top: 20px;
    }
    #slider .item .slide-form {
        margin-top: 0px;
    }
    #slider .item video {
        height: 100vh;
    }
    .banner-select .form-select {
        max-width: 90px;
        top: 126px;
        height: 40px;
    }
    .slide-text h2{
        font-size: 35px;
    }
    .slider .item .slide-form p {
        font-size: 20px;
    }
    #slider .item{
        min-height: auto;
    }
    .slide-content button.btn.btn-primary.btn-lg {
        width: 100px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 45px;
        min-width: 20px;
    }
    .slide-content .form-control{
        height: 45px !important;
        font-size: 14px;
        padding-left: 10px !important;
    }
    .slide-quick-links h2{
        font-size: 20px !important;
        margin-bottom: 10px !important;
    }
    ul.list-inline {
        display: flex;
        flex-direction: column;
        text-align: left;
    }
    /* LATEST NEWS */
    #latest-news .card-body {
        padding: 20px 12px 0px 12px;
    }
    .latest-news .card-text p{
        text-align: justify;
    } 
    #latest-press-release .sec-link {
        position: absolute;
        top: 42px;
        right: 10px;
        margin: 20px 0;
    }
    #latest-press-release .sec-link a {
        font-size: 16px;
    }
    #latest-press-release .card-body {
        min-height: auto;
        padding: 20px;
        text-align: center;
    }
    .latest-news-wrapper .col-lg-3{
        margin-bottom: 20px;
    }
    .card.latest-release .card-text{
        text-align: justify;
    }  
    #block-sociallinks{
        text-align: center;
    }
    footer .pt-5 {
        padding-top: 0rem!important;
    }
    footer .pb-5 {
        padding-bottom: 0rem!important;
    }
    footer .my-5 {
        margin-top: 1rem!important;
        margin-bottom: 2rem!important;
    }
    #footer li {
        margin-bottom: 15px;
    }
    footer p{
        font-size: 14px;
    }
    .language-icon{
        display: none;
    }
    /* FEEDBACK FORM */
    .feedback-form{
        padding: 30px 20px;
    }
    /* ACCOUNTABILITY COURT PAGE */
    .page_banner {
        background-position: 0 70px;
    }
    .page_banner h1 a {
        color: #fff;
        font-size: 35px;
    }
    #programs-and-services #img-with-description .section-img .image img {
        height: auto;
    }
    #img-with-description .section-content {
        padding-left: 12px;
    }
    #h-resource #img-with-description .section-content {
        padding: 0 12px !important;
    }
    #img-with-description h2 {
        font-size: 25px;
        padding-top: 20px;
    }
    #programs-and-services .g-sec h2:after {
        bottom: -25px;
        height: 4px;
        width: 90px;
    }
    #programs-and-services .g-sec h2 {
        margin-bottom: 50px
    }
    #programs-and-services .program-lists li {
        margin: 14px 0;
    }
    #programs-and-services .program-panels {
        padding-left: 0;
    }
    #programs-and-services .panel {
        margin-bottom: 20px;
    }
    #program-judges {
        margin-top: 20px;
    }
    #our-judges .our-judge {
        padding: 15px 0;
    }
    /* NEW DESIGN CHNAGES */
    .cheif_judge .section_content{
        padding: 0;
    }
    .cheif_judge .card-body{
        padding: 20px 0 !important;
    }
    .cheif_judge .card-body h3{
        font-size: 20px;
    }
    .cheif_judge .card-body p{
        margin-bottom: 10px !important;
    }
    h3{
        font-size: 20px;
        text-align: center;
    }
    .sidebar_second h3{
        text-align: left;
    }
    h4{
        font-size: 18px;
    }
    #main {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .page_banner h1 {
        line-height: 30px;
        font-size: 25px;
        padding: 20px 0;
    }
    main#content {
        margin: 0;
        margin-top: 130px;
        padding: 0;
    }
    #programs-and-services h2{
        font-size: 30px !important;
        margin-bottom: 30px;
        text-transform: uppercase !important;
        font-weight: 900 !important;
    }
    #accordion .varient3 .accordion-button{
        font-size: 16px;
        text-align: left;
    }
    #accordion .varient3 .accordion-item{
        margin-bottom: 20px;
    }
    .card_links .card {
        margin-top: 20px;
    }
    .card_links .card{
        height: max-content;
    }
    .card_links .links .link_section{
        display: none;
    }
    .card_links h2 span{
        text-align: center;
        font-size: 25px;
    }
    #judges_table{
        overflow: scroll;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .alert{
        overflow-x: auto;
    }
    .links .card_link{
        display: none;
    }
    .views-exposed-filter .form-row{
        flex-direction: column !important;
    }
    /* #superior-judges .card{
        height: 100%;
    }
    #superior-judges .card .card-body h3 {
        padding-bottom: 0;
        padding-top: 15px;
        text-align: center;
    } */
    #img-with-description #accordion{
        padding: 20px 0;
    }
    #superior-judges .card .judge-contents .card-body .section-title {
        min-height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }
    #superior-judges .card{
        height: auto;
    }
    /* #img-with-description .section-des */
   
    #img-with-description .section-img{
        padding-top: 20px;
        padding-bottom: 30px;
    }
    #img-with-description .section-img .image .address{
        padding: 20px;
    }
    #address-and-links{
        padding: 0;
    }
    /* #img-with-description .section-img .section{
        height: 350px !important;
    } */
    #title-with-border h2{
        margin-bottom: 20px !important;
    }
    /* HOME PAGE */
    .latest-news-wrapper .views-element-container .row>div {
        margin-bottom:20px;
    }
    .latest-news-wrapper .views-element-container .row>div:last-child {
        margin-bottom:0px;
    }
    .row.row-offcanvas.row-offcanvas-left{
        overflow-x: hidden;
        margin: 0 !important;
    }
    .sidebar_second {
        padding: 1px !important;
    }
    .sidebar-panel .panel-content{
        padding: 0;
    }
    .row.row-offcanvas.row-offcanvas-left>div:first-child{
        padding: 0;
        margin:0;
    }
    .row.row-offcanvas.row-offcanvas-left .container{
        padding:0;
        margin:0;
    }
    #text_editor.paddingboth {
        padding: 30px 0;
    }
    #h-resource #text_editor.paddingboth {
        padding: 30px 24px !important;
    }
    .m-sec h2:after{
        display: none;
    }
    #page li {
        line-height: 25px;
    }
    .container, .container-fluid, .container-lg {
        padding-right: 15px;
        padding-left: 15px;
    } 
    #h-resource .row.row-offcanvas section{
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    #h-resource .sidebar .section{
        padding-left: 15px;
        padding-right: 15px;
    }
    #carriers .carrier .btn-secondary{
        position: initial;
    }
    #h-resource .card.court-feat{
        margin-bottom: 20px;
    }section#carriers .col-md-6.col-lg-5 {
        margin-bottom:25px 
    }
    #h-resource .sidebar{
        margin-top: 0;
    }
    #slider .item .slide-quick-links li{
        padding: 5px;
    }
    #topbar nav.navbar .container-fluid{
        display:block;
    }
    #alert-message .message .close {
        top: 15px;
    }
    select#gtranslate_selector,select#gtranslate_selector option{
        font-size: 12px;
    }
    #latest-press-release .latest-news-wrapper .section-title.left {
       display: flex;
        padding: 50px 0;
        flex-direction: column;
        align-items: center;
    }
   .g-sec h2:after{
        display: none !important;
    }
    #latest-press-release .latest-news-wrapper .sec-link{
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        top: 3px !important; 
        right: 0 !important;
    }
    #latest-press-release.g-sec h2{
        margin-bottom: 0;
        left: 0;
    }
    .sec-link {
        margin-top: 50px;
    }
    .title-and-content .card .card-body .card-text .title_and_content .d-flex.justify-content-between{
        flex-direction: column;
    }
    .title-and-content .card .card-body .card-text .title_and_content .d-flex.justify-content-between img[alt="Yellow Lot Picture"]{
        margin-bottom: 30px;
    }
    .title-and-content .card .card-body .card-text img{
        margin-bottom: 20px;
        width: 100%;
    }
    /* .title-and-content .card .card-body .card-text img{
        width: 100%;
        height: 400px;
        object-fit: cover;
        object-position: top;
        margin: 15px;
    } */
    .title-and-content .card .card-body .card-text img[alt="Yellow Lot Picture"], .title-and-content .card .card-body .card-text img[alt="Red Lot Picture"], .title-and-content .card .card-body .card-text img[alt="Adobe Reader"]{
        width: 100%;
        height: auto;
        object-fit: contain;
        object-position: top;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }
    /* #img-with-description .section-img .section .image img{
        min-height: 400px;
    } */
    #live_hearings .btn{
        width: auto;
        padding: 15px;
    }
    #slider .item .slide-quick-links h2{
        display: none;
    }
    #superior_judges_hearings .col-md-6.my-auto {
      padding-top: 20px;
    }
    #superior_judges_hearings .judge_image img{
      width: 200px;
      height: auto;
    }
    /*.live_hearing{*/
    /*  padding: 0;*/
    /*}*/
    .v_offline .card_footer:before {
      top: -1px !important;
    }
    #text_editor table tr td p {
        text-align: left !important;
    }
    #text_editor table tr td:last-child{
        width: 30% !important;
    }
    /* JUDGES RESPONSIVE */
    .judge_name{
        padding-bottom: 30px;
    }
    .views-exposed-filter .form-row fieldset {
        padding: 20px;
    }
    .views-exposed-filter .form-row [data-drupal-selector="edit-actions"]{
        text-align: center;
    }
    .page-node-1736 #text_editor{
        padding: 20px 0 !important;
    }
    #superior-judges .card{
        border: 1px solid rgba(0,0,0,.125);
    }
    #sign-up-form .form-row{
        flex-direction: column;
        align-items: center;
    }
    #sign-up-form fieldset{
        flex-direction: column;
        text-align: left;
    }
    #sign-up-form .form-control{
        margin-left: 0;
        border-radius: 3px;
    }
    #sign-up-form .invalid-feedback {
        position: initial !important;
    }
    /* STATEMENTS */
    section#statements .col-md-4 {
        margin-bottom: 24px;
    }
    #statements.box .statement {
        padding: 25px;
        height: 100%;
        border: 2px solid lightgray;
        box-shadow: none;
    }
    #img-with-description .section-img .image .address{
        position: inherit !important;
    } 
    .hr-page-wrapper .flip-down .card-title{
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center
    }
    .hr-page-wrapper .flip-down .card-title h3{
        color: #fff;
    }
    #block-hrpage{
        margin-top: 30px;
    }
    .hr-page-wrapper #sign-up-form{
        margin-bottom: 70px;
    }
    #h-resource .breadcrumb{
        margin-bottom: 0;
    }
    #h-resource #title-with-border{
        padding: 0 !important;
    }
    .page-node-1777 #img-with-description{
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .page-node-1777 #hr-innovative{
        padding-bottom: 0 !important;
    }
    #body .field_title_and_content {
        padding-top: 16px;
    }    
    th.sorting:first-child {
        border-left: 2px solid lightgray;
    }
    th.sorting {
        width: 25%;
        border: 2px solid lightgray;
        border-bottom: 0;
        border-left: 0;
        padding: 20px 70px;
    }
    
    tr {padding: 0 !important;}
    
    table.dataTable td {width: 25%;border: 0;border: 2px solid lightgray;border-left: 0;border-bottom: 0;
        width: 20%;
                       }
    
    table.dataTable td:first-child {border-left: 2px solid lightgray;}
    #business_cases{
        height: 500px;
        overflow: scroll;
    }
    #access-denied .title-section{
        padding: 50px 0 !important;
    }
    #access-denied .title-section h2{
        font-size: 100px !important;
    }
    #access-denied .title-section h3{
        font-size: 25px !important;
    }
    #access-denied {
        padding: 150px 25px 130px;
    }
    .news-title{
        min-height: 60px;
        justify-content: flex-start;
    }
    .news-events-listing .news-title {
        min-height: auto;
    }
    
    #slider .item .image-banner,#slider .item .image-banner img {
        min-height: 700px;
    }
    #slider .item {
        min-height: 500px !important;
    }
    #superior-judges .card .card-body{
        text-align: center;
    }
    #img-with-description .section-des .image img {
        min-height: initial !important;
    }
    /* HEADER LOGO SVG */
    .header-wrapper #header .navbar-brand.logo img{
        /* width: 70px; */
        width: 90px;
    }
    .header-wrapper #header .navbar-brand.logo svg, .header-wrapper.navbar-sticky-on #header .navbar-brand.logo svg {
        position: inherit;
        width: 100px;
        height: 100px;
    }
    .navbar-sticky-on .navbar-brand img {
        width: 50px;
    }
    #our-judges.fc-col-three .our-judge-image, #our-judges.fc-col-three .our-judge-image img {
        width: 220px;
        height: 220px;
    }
    .has-sidebar #our-judges.fc-col-three .our-judge-image, .has-sidebar #our-judges.fc-col-three .our-judge-image img {
        width: 220px;
        height: 220px;
    }
    #news_and_events .section-content img {
        padding-left: 0;
        padding-bottom: 25px;
        width: 100%;
        height: auto;
    }
    .views-exposed-filter .form-row .js-form-item{
        padding: 10px;
    }
    #accordion .varient1 .accordion-button{
        padding-right: 30px;
    }
    #accordion .accordion-body{
        width: 100%;
        overflow: scroll;
    }
    /*ACCORDION*/
    #accordion .varient2 .accordion-button{
        padding-right: 25px;
    }
    #accordion .varient2 .accordion-button::after{
        position: absolute;
        right: 0;
    }
    #title-with-border h2 {
        margin-bottom: 50px !important;
    }
    .accordion-body{
        padding:10px;
    }
    #page li,
    .panel-list li a{
        font-size: 16px !important;
    }
    #programs-and-services h2 {
        font-size: 25px !important;
        margin-bottom: 30px !important;
        text-transform: inherit !important;
    }
    .page-node-1789 #text_editor.paddingbelow{
        padding: 0 !important;
    }
    .page-node-1789 #carriers{
        padding: 0 !important;
    }
    #carriers .carrier{
        border: 1px solid #80808070;
    }
    #carriers .col-md-6:not(:last-child){
        margin-bottom: 40px !important;
    }
    #programs_and_services .card img{
        height: 250px;
    }
    #accordion .varient1 .accordion-item{
        margin-bottom: 15px;
    }
    #text_editor h3,
    #text_editor h4{
        font-size: 20px !important;
        text-transform: initial !important;
        text-align: left !important;
    }
    #carriers .col-md-6:not(:last-child){
        margin-bottom: 40px !important;
    }
    #news_and_events .col-md-6:not(:last-child) {
        margin-bottom: 40px !important;
    }
    .page-node-1256 h2{
        font-size: 30px !important;
    }
    .quick-link-item h3{
        font-size: 25px !important;
        bottom: 20px;
    }
    #judges_table_wrapper tbody {
        height: 400px;
        overflow: scroll;
    }
    .page-node-399 #text_editor h3,
    .page-node-399 #text_editor h4{
        text-align: center !important;
    }
    p span[style="font-size:20px;"],
    p span[style="font-size:22px;"] {
        font-size: 16px !important;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    #topbar select#gtranslate_selector {
        float: right;
    }
    .topbar-left{
        display: block;
    }
    .topbar-left i.fa-bell{
        float: left;
        line-height: 1.7;
    }
    h2{
        font-size: 25px !important;
    }
    h5, .h5{
        font-size: 18px !important;
        text-transform: initial !important;
    }
    p span[style="font-size:20px;"],
    p span[style="font-size:22px;"] {
        font-size: 16px !important;
    }
    /* HOME SLIDER */
    .language-icon{
        display: none;
    }
    #slider .item .slide-text h1 {
        font-size: 30px;
    }
    .section-title p {
        margin-bottom: 25px;
    }
    #slider .item .slide-quick-links {
        margin-top: 20px;
    }
    #slider .item .slide-form {
        margin-top: 0px;
    }
    #slider .item video {
        height: 160vh;
    }
    .banner-select .form-select {
        max-width: 90px;
        top: 126px;
        height: 40px;
    }
    .slide-text h2{
        font-size: 35px;
    }
    .slider .item .slide-form p {
        font-size: 20px;
    }
    #slider .item {
        min-height: 560px;
    }
    .slide-content button.btn.btn-primary.btn-lg {
        width: 100px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 45px;
        min-width: 20px;
    }
    #slider form{
        display: flex;
        justify-content: center;
    }
    #slider form .input-group.mb-3 {
        width: 70%;
    }

    .slide-content .form-control{
        height: 45px !important;
        font-size: 14px;
        padding-left: 10px !important;
    }
    .slide-quick-links h2{
        font-size: 24px !important;
    }
    #the-court p{
        text-align: justify;
        font-weight: normal;
    }
    /* LATEST NEWS */
    #latest-news .card-body {
        padding: 20px 12px 0px 12px;
    }
    .latest-news .card-text p{
        text-align: justify;
    } 
    #latest-press-release .sec-link {
        position: absolute;
        top: 30px;
        right: 10px;
        margin: 20px 0;
    }
    #latest-press-release .sec-link a {
        font-size: 16px;
    }
    #latest-press-release .card-body {
        min-height: auto;
        padding: 20px;
        text-align: center;
    }
    .latest-news-wrapper .col-lg-3{
        margin-bottom: 20px;
    }
    .card.latest-release .card-text{
        text-align: justify;
    }  
    #block-sociallinks{
        text-align: center;
    }
    footer .pt-5 {
        padding-top: 0rem!important;
    }
    footer .pb-5 {
        padding-bottom: 0rem!important;
    }
    footer .my-5 {
        margin-top: 1rem!important;
        margin-bottom: 2rem!important;
    }
    #footer li {
        margin-bottom: 15px;
    }
    /* NEW DESIGN CHNAGES */
    .cheif_judge .section_content{
        padding: 0;
    }
    .cheif_judge .card-body{
        padding: 20px 0 !important;
    }
    .cheif_judge .card-body h3{
        font-size: 20px;
    }
    .cheif_judge .card-body p{
        margin-bottom: 10px !important;
    }
    h3{
        font-size: 20px;
        text-align: center;
    }
    .sidebar_second h3{
        text-align: left;
    }
   
    .page_banner h1 {
        line-height: 30px;
        font-size: 25px;
        padding: 20px 0;
    }
    main#content {
        margin: 0;
        padding: 0;
    }
    #programs-and-services h2{
        font-size: 25px !important;
        margin-bottom: 30px;
        font-weight: 900 !important;
        text-transform: uppercase !important;
    }
    #accordion .varient3 .accordion-button{
        text-align: left;
    }
    .card_links .card {
        margin-top: 20px;
    }
    .card_links .card{
        height: max-content;
    }
    .card_links .links .link_section{
        display: none;
    }
    .card_links h2 span{
        text-align: center;
        font-size: 25px;
    }
    #judges_table{
        overflow: scroll;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .alert{
        overflow-x: auto;
    }
    .links .card_link{
        display: none;
    }
    .views-exposed-filter .form-row{
        flex-direction: column !important;
    }

    #superior-judges .card{
        height: 100%;
    }
    #superior-judges .card .card-body h3 {
        padding-bottom: 0;
        padding-top: 15px;
        text-align: center;
    }
    #img-with-description .section-img .image img{
        min-height: 320px;
    }
    #img-with-description .section-img .image .address{
        padding: 20px;
    }
    #img-with-description .section-img .section .image{
        margin: 40px 0;
    }
    #address-and-links{
        padding: 0;
    }
    /* #img-with-description .section-img .section{
        height: 350px !important;
    } */
    #title-with-border h2{
        margin-bottom: 30px !important;
    }
    #programs-and-services #title-with-border h2{
        margin-bottom: 30px !important;
        text-transform: inherit !important;
        padding: 0 40px;
    }
    #h-resource #title-with-border h2{
        margin-bottom: 30px !important;
    }
    /* HOME PAGE */
    .latest-news-wrapper .views-element-container .row>div {
    margin-bottom:20px;
    }
    .latest-news-wrapper .views-element-container .row>div:last-child {
        margin-bottom:0px;
    }
    .row.row-offcanvas.row-offcanvas-left{
        overflow-x: hidden;
        margin: 0 !important;
    }
    .sidebar_second {
        padding: 1px !important;
    }
    .sidebar-panel .panel-content{
        padding: 0;
    }
    .row.row-offcanvas.row-offcanvas-left>div:first-child{
        padding: 0;
        margin:0;
    }
    .row.row-offcanvas.row-offcanvas-left .container{
        padding:0;
        max-width: 760px;
    }
    #text_editor.paddingboth {
        padding: 30px 0;
    }
    .article_body .article_page{
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }
    .m-sec h2:after{
        display: none;
    }
    .container, .container-fluid, .container-lg {
        padding-right: 15px;
        padding-left: 15px;
    }
    .hr-page #address-and-links{
        margin: 40px 12px;
    }
    #hr.signup-banner .section-image img{
        height: 150vh;
    }
    #h-resource #text_editor.paddingboth {
        padding: 30px 24px !important;
    }
    #h-resource .row.row-offcanvas section{
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    #h-resource .sidebar .section{
        padding-left: 15px;
        padding-right: 15px;
    }
    #carriers .carrier .btn-secondary{
        position: initial;
    }
    #h-resource .card.court-feat{
        margin-bottom: 20px;
    }
    section#carriers .col-md-6.col-lg-5 {
        margin-bottom:25px 
    }
    #h-resource .sidebar{
        margin-top: 0;
    }
    #h-resource section#carriers {
        margin-top: 0;
        padding-top: 0;
    }
    #h-resource #hr-innovative{
        padding-top: 40px;
        font-size: 24px !important;
    }
    #slider .item .slide-quick-links li{
        padding: 5px;
    }
    .latest-news-wrapper .section-title.left {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 50px 0;
    }
    .g-sec h2:after{
        display: none !important;
    }
    .latest-news-wrapper .sec-link{
        position: relative !important;
        padding: 0 !important;
        top: 3px !important; 
        right: 15px !important;
    }
    #latest-press-release.g-sec h2{
        margin-bottom: 0;
        left: 15px;
    }
    .title-and-content .card .card-body .card-text .title_and_content .d-flex.justify-content-between{
        flex-direction: column;
    }
    .title-and-content .card .card-body .card-text .title_and_content .d-flex.justify-content-between img[alt="Yellow Lot Picture"]{
        margin-bottom: 30px;
    }

    .title-and-content .card .card-body .card-text img{
        margin-bottom: 20px;
        width: 100%;
    }
    /* .title-and-content .card .card-body .card-text img{
        width: 100%;
        height: 400px;
        object-fit: cover;
        object-position: top;
        margin: 15px;
    } */
    /* #img-with-description .section-img .section .image img{
        min-height: 400px;
    } */
    #slider .item .slide-quick-links h2{
        display: none;
    }
    #slider .item img{
        position: absolute;
        height: 100%;
        max-height: initial;
    }
    #superior_judges_hearings .col-md-6.my-auto {
      padding-top: 20px;
    }
    #superior_judges_hearings .judge_image img{
      width: 200px;
      height: auto;
    }
    /*.live_hearing{*/
    /*  padding: 0;*/
    /*}*/
    .v_offline .card_footer:before {
      top: -1px !important;
    }
    #text_editor table tr td p {
        text-align: left !important;
    }
    #text_editor table tr td:last-child{
        width: 30% !important;
    }
    #superior-judges .card .judge-image .judge_image img{
        height: auto;
    }
    /* JUDGES RESPONSIVE */
    .judge_name{
        padding-bottom: 30px;
    }
    .views-exposed-filter .form-row fieldset {
        padding: 20px;
    }
    .views-exposed-filter .form-row [data-drupal-selector="edit-actions"]{
        text-align: center;
    }
    .page-node-1736 #text_editor{
        padding: 20px 0 !important;
    }
    #superior-judges .card{
        border: 1px solid rgba(0,0,0,.125);
    }
    #sign-up-form .form-row{
        flex-direction: column;
        align-items: center;
    }
    #sign-up-form fieldset{
        flex-direction: column;
        text-align: left;
    }
    #sign-up-form .form-control{
        margin-left: 0;
        border-radius: 3px;
    }
    #sign-up-form .invalid-feedback {
        position: initial !important;
    }
    /* STATEMENTS */
    section#statements .col-md-4 {
        margin-bottom: 24px;
    }
    #statements.box .statement {
        padding: 25px;
        height: 100%;
        border: 2px solid lightgray;
        box-shadow: none;
    }
    .card_links h2{
        margin-bottom: 100px !important;
    }    
    #img-with-description .section-img .image .address{
        position: inherit !important;
    } 
    #hr-innovative .section.section-content {
        padding-top: 40px;
    }
    #carriers .carrier h3{
        text-align: left;
    }
    .hr-page-wrapper .flip-down .card-title{
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center
    }
    .hr-page-wrapper .flip-down .card-title h3{
        color: #fff;
    }
    #block-hrpage{
        margin-top: 30px;
    }
    .hr-page-wrapper #sign-up-form{
        margin-bottom: 70px;
    }
    #h-resource .breadcrumb{
        margin-bottom: 0;
    }
    #h-resource #title-with-border{
        padding: 0 !important;
    }
    .page-node-1777 #img-with-description{
        padding: 20px !important;
    }
    .page-node-1777 #hr-innovative{
        padding-bottom: 0 !important;
    }
    #body .field_title_and_content {
        padding-top: 16px;
    }
    th.sorting:first-child {
        border-left: 2px solid lightgray;
    }
    th.sorting {
        width: 25%;
        border: 2px solid lightgray;
        border-bottom: 0;
        border-left: 0;
        padding: 20px;
    }
    tr {
        padding: 0 !important;
    }
    table.dataTable td {
        width: 25%;
        border: 0;
        padding: 0;
        border: 2px solid lightgray;
        border-left: 0;
        border-bottom: 0;
        padding: 10px;
    }
    table.dataTable td:first-child {
        border-left: 2px solid lightgray;
    }
    #access-denied .title-section{
        padding: 50px !important;
    }
    #access-denied .title-section h2{
        font-size: 130px !important;
    }
    #access-denied .title-section h3{
        font-size: 30px !important;
    }
    .news-title{
        min-height: 60px;
        justify-content: flex-start;
    }
    .news-events-listing .news-title {
        min-height: auto;
    }
    #slider .item .image-banner img {
        min-height: 500px;
    }
    #slider .item {
        min-height: 600px !important;
    }
    .title-and-content .card .card-body .card-text img[alt="Yellow Lot Picture"], .title-and-content .card .card-body .card-text img[alt="Red Lot Picture"], .title-and-content .card .card-body .card-text img[alt="Adobe Reader"]{
        width: 100%;
        height: auto;
        object-fit: contain;
        object-position: top;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }
    #superior-judges .card .card-body{
        text-align: center;
    }
    #img-with-description .section-des .image img {
        min-height: initial !important;
        width: inherit !important;
    }
    /* HEADER LOGO SVG */
    .header-wrapper #header .navbar-brand.logo img{
        /* width: 70px; */
        width: 100px;
    }
    .header-wrapper #header .navbar-brand.logo svg, .header-wrapper.navbar-sticky-on #header .navbar-brand.logo svg {
        position: inherit;
        width: 100px;
        height: 100px;
    }
    .navbar-sticky-on .navbar-brand img {
        width: 50px;
    }
    #news_and_events .section-content img {
        padding-left: 0;
        padding-bottom: 25px;
        width: 100%;
        height: auto;
    }
    .views-exposed-filter .form-row .js-form-item{
        padding: 10px;
    }
    #accordion .varient1 .accordion-button{
        padding-right: 30px;
    }
    .page-node-399 #text_editor h3{
        font-size: 25px !important;
    }
    #programs_and_services .card img{
        height: 300px;
    }
    #accordion .varient1 .accordion-item{
        margin-bottom: 15px;
    }
    #main {
        margin-top: 0 !important;
    }
    #title-with-border.paddingboth, 
    #title-without-border.paddingboth {
        padding: 20px 0;
    }
    #text_editor h3,
    #text_editor h4{
        font-size: 22px !important;
        text-transform: initial !important;
        text-align: left !important;
    }
    .page-node-399 #text_editor h3,
    .page-node-399 #text_editor h4{
        text-align: center !important;
    }
    #carriers .col-md-6:not(:last-child){
        margin-bottom: 40px !important;
    }
    #accordion {
        padding: 0 12px;
    }
    #hr .overlay .section-content {
        bottom: 20%;
    }
    #news_and_events .col-md-6:not(:last-child) {
        margin-bottom: 40px !important;
    }
    .page-node-1256 h2{
        font-size: 30px !important;
    }
    .quick-link-item h3{
        font-size: 25px !important;
        bottom: 20px;
    }
    #judges_table_wrapper tbody {
        height: 250px;
        overflow: scroll;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
     #topbar {
       padding-top: 30px;
    }
    #block-gtranslate .gtranslate {
        position: absolute;
        top: -25px;
        right: 15px;
    }   
    #slider .item .slide-form {
        margin-top: 0px;
    }
    .topbar-left{
        display: block;
    }
    .topbar-left i.fa-bell{
        float: left;
        line-height: 1.7;
    }
    #slider .item video {
        height: 70vh;
    }
    .banner-select .form-select {
       width: auto;
        top: 126px;
        height: 40px;
    }
    #slider .item{
        min-height: auto;    
        /* max-height: 75vh; */
    }
    #slider .item img{
        height: 850px;
    }
    .slide-content button.btn.btn-primary.btn-lg {
        width: 100px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 45px;
        min-width: 20px;
    }
    .slide-content .form-control{
        height: 45px !important;
        font-size: 14px;
        padding-left: 10px !important;
    }
    .language-drp .dropdown-menu{
        min-width: 200px !important;
    }
    .g-sec .section-title {
        margin-bottom: 0;
    }
    #latest-news .card-image {
        min-height: auto;
    }
    #latest-news .card-body {
        padding: 20px 12px 10px 12px;
    }
    #latest-news .card-body h3 {
        font-size: 20px;
    }
    #latest-press-release .card-body {
        min-height: 260px;
        padding: 20px;
        text-align: center;
    }
    #latest-press-release .sec-link {
        right: 12px;
    }
    .latest-news-wrapper .col-lg-3{
        margin-bottom: 20px;
    }
    .card.latest-release .card-text{
        text-align: justify;
    }  
    footer .pt-5 {
        padding-top: 0rem!important;
    }
    footer .pb-5 {
        padding-bottom: 0rem!important;
    }
    /* ACCOUNTABILITY COURT */
    /*#programs-and-services #img-with-description .section-img .image img {*/
    /*    height: 77vh;*/
    /*    object-fit: contain;*/
    /*}*/
    #img-with-description .section-content {
        padding-left: 12px;
    }
    #programs-and-services .g-sec h2 {
        margin-bottom: 60px;
        font-size: 29px;
    }
    #programs-and-services .g-sec h2:after {
        bottom: -30px;
    }
    #programs-and-services .program-panels {
        padding-left: 0;
    }
    #our-judges .our-judge {
        padding: 15px 0;
    }
    /* SIDEBAR */

    .sidebar_second.sidebar .block p{
        padding: 0 25px;
    }
    /* .sidebar_second{
        padding-left: 0 !important;
    } */
    .sidebar_second h2{
        font-size: 25px !important;
        text-align: center;
    }
    .sidebar_second .field-content{
        padding-bottom: 20px;
    }
    #programs_and_services .card{
        height: 100%;
        text-align: center;
    }
    #programs_and_services .col-md-6{
        margin-bottom: 30px;
    }
    #programs_and_services .card .card-body h3,
    #programs_and_services .card .card-body h3 a{
       text-transform: uppercase;
        font-size: 25px;
    }
    #superior-judges .card{
        height: 100%;
    }
    #superior-judges .card .card-body h3 {
        padding-bottom: 0;
        padding-top: 15px;
        text-align: center;
    }
    .page_banner h1 {
        line-height: 30px;
        font-size: 30px;
        padding: 20px 0;
    }
    main#content {
        margin: 0;
        padding: 0;
    }
    #main {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    #programs-and-services h2{
        font-size: 30px !important;
        margin-bottom: 30px !important;
        font-weight: 900 !important;
    }
    #accordion .varient3 .accordion-button{
        text-align: left;
    }
    .signup-banner-content{
        position: absolute;
        left: 0;
        right: 0;
    }
    #hr .overlay .section-content{
        bottom: 42px;
    }
    /* HOME PAGE */
    .latest-news-wrapper .views-element-container .row>div {
    margin-bottom:20px;
    }
    .row.row-offcanvas.row-offcanvas-left{
        overflow-x: hidden;
        margin: 0 !important;
    }
    /* .sidebar_second {
        padding: 1px !important;
    } */
    .sidebar-panel .panel-content{
        padding: 0;
    }
    .row.row-offcanvas.row-offcanvas-left>div:first-child{
        padding: 0;
        margin: 0 auto;
    }
    .row.row-offcanvas.row-offcanvas-left .container{
        padding:0;
        margin: 0 auto;
    }
    #text_editor.paddingboth {
        padding: 30px 0;
    }
    .article_body .article_page{
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }
    .m-sec h2:after{
        display: none;
    }
    .card-overlay-content {
        padding: 0 24px;
    }
    .language-drp .dropdown-menu {
        min-width: 114px !important;
    }
    .sidebar_second{
        margin-top: 20px !important;    
        padding-left: 3px;
        padding-right: 3px;
        padding-bottom: 40px !important;
    }
    #h-resource #text_editor.paddingboth {
        padding: 30px 50px !important;
    }
    #h-resource .row.row-offcanvas{
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    #hr-innovative h2{
        font-size: 18px !important;
    }
    #h-resource section#carriers {
        padding-top: 0;
    }
    #h-resource .card.court-feat{
        margin-bottom: 20px;
    }
    #carriers .carrier .btn-secondary{
        width: auto !important;
        position: inherit;
    }
    section#carriers {
        padding-top: 0 !important;
        margin: 0;
    }
    #h-resource .card.court-feat {
        margin-bottom: 20px;
    }
    #h-resource .sidebar_second {
        margin-top: 0 !important;
        padding: 0 50px;
    }
    #hr.signup-banner .section-image img {
        height: 50vh !important;
    }
    .signup-banner-content .section-content{
        bottom: 0;
    }
    #latest-news .card-footer a i {
        font-size: 14px;
    }
    #latest-news .card-footer a {
        font-size: 14px;
    }
    .page_banner {
        padding: 200px 0px 40px;
        background-position: 0 110px;
    }
    .title-and-content .card .card-body .card-text .title_and_content .d-flex.justify-content-between{
        flex-direction: column;
    }
    .title-and-content .card .card-body .card-text .title_and_content .d-flex.justify-content-between img[alt="Yellow Lot Picture"]{
        margin-bottom: 30px;
    }
    .title-and-content .card .card-body .card-text .title_and_content .container{
        padding: 0;
    }
    img[alt="Map showing Parking Lots"]{
        width: 100%;
    }
    .sidebar .panel-list li{
        width: 95%;
    }
    .title-and-content .card .card-body .card-text .basic_page_content .container{
        padding: 0;   
    }

    .title-and-content .card .card-body .card-text img{
        margin-bottom: 20px;
        width: 100%;
    }
    /* .title-and-content .card .card-body .card-text img{
        width: 100%;
        height: 400px;
        object-fit: cover;
        object-position: top;
        margin: 15px;
    } */
    #img-with-description .section-img .image .address{
        position: inherit !important;
    }
    #block-adradress{
        margin-top: 40px;
    }
    .hearing_date label{
        height: 36px;
    }
    #sign-up-form .form-row{
        flex-direction: column;
        align-items: center;
    }
    #sign-up-form fieldset{
        flex-direction: column;
        text-align: left;
    }
    #sign-up-form .form-control{
        margin-left: 0;
        border-radius: 3px;
    }
    #sign-up-form .invalid-feedback {
        position: initial !important;
    }
    /* STATEMENTS */
    section#statements .col-md-4 {
        margin-bottom: 24px;
    }
    #statements.box .statement {
        padding: 25px;
        height: 100%;
        border: 2px solid lightgray;
        box-shadow: none;
    }
    #programs-and-services .card_links h2{
        margin-bottom: 50px !important;
    }
    #img-with-description .section-img .image .address{
        position: inherit !important;
    } 
    #hr-innovative .section.section-content {
        padding-top: 40px;
    }
    #carriers .carrier h3{
        text-align: left;
    }
    section#sign-up-form {
        margin-bottom: 90px;
    }
    .hr-page-wrapper .flip-down .card-title{
        min-height: 105px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center
    }
    .hr-page-wrapper .flip-down .card-title h3{
        color: #fff;
    }
    .hr-page-wrapper #img-with-description{
        padding: 20px 0 !important;
    }
    .hr-page-wrapper #img-with-description #accordion{
        padding-left: 0 !important;
    }
    #block-hrpage{
        margin-top: 30px;
    }
    #h-resource .breadcrumb{
        margin-bottom: 0;
    }
    #h-resource #title-with-border{
        padding: 0 !important;
    }
    #body .field_title_and_content {
        padding-top: 16px;
    }
    #access-denied .title-section{
        padding: 50px !important;
    }
    #access-denied .title-section h2{
        font-size: 130px !important;
    }
    #access-denied .title-section h3{
        font-size: 30px !important;
    }
    .important-announcements-block-2 h3 {
        font-size: 20px !important;
    }
    .news-events-listing .news-title {
        min-height: 40px;
    }
    .title-and-content .card .card-body .card-text img[alt="Yellow Lot Picture"], .title-and-content .card .card-body .card-text img[alt="Red Lot Picture"], .title-and-content .card .card-body .card-text img[alt="Adobe Reader"]{
        width: 100%;
        height: auto;
        object-fit: contain;
        object-position: top;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }
    #img-with-description .section-des .image img{
        object-fit: contain;
    }
    #superior-judges .card .card-body{
        text-align: center;
    }
    .card.v_offline .my-auto a p{
        font-size: 14px !important;
    }
    header .navbar-brand img{
        height: 80px;
        margin: 10px 0;
        /* width: 80px !important; */
    }
    /* HEADER LOGO */
    .header-wrapper #header .navbar-brand.logo svg {
        position: absolute;
        width: 140px;
        height: 140px;
        top: -10px;
    }
    .header-wrapper.navbar-sticky-on #header .navbar-brand.logo svg {
        top: 0px;
        width: 120px;    
    }
    #our-judges.fc-col-three .our-judge-image, #our-judges.fc-col-three .our-judge-image img {
        width: 181px;
        height: 181px;
    }
    #news_and_events .section-content img {
        width: 100%;
        padding-left: 0;
        padding-bottom: 35px;
    }
    #superior-judges .card .judge-contents .section-link{
        margin-top: 20px;
    }
    .accordion-body {
        padding: 20px 0;
        margin: 0 20px;
        overflow: scroll;
    }
    p {
        font-size: 14px !important;
    }
    #programs_and_services .card img{
        height: 300px;
    }
    #accordion .varient1 .accordion-button{
        padding-right: 60px;
    }
    #programs-and-services .image-with-panel{
        padding: 30px 0;
    }
    #h-resource #title-with-border h2 {
        margin: 30px;
    }
    .card.latest-news .card-image img{
        height: 250px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .row.dropdown-wrapper {
        height: 500px;
        overflow: scroll;
    }    
    .dropdown-menu[data-bs-popper] {
        left: 20%;
    }
    #slider .item .slide-form {
        margin-top: 0px;
    }
    #slider .item video {
        height: 100vh;
    }
    .banner-select .form-select {
       width: auto;
        top: 126px;
        height: 40px;
    }
    #slider .item{
        min-height: auto;
    }
    .slide-content button.btn.btn-primary.btn-lg {
        width: 100px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 45px;
        min-width: 20px;
    }
    .slide-content .form-control{
        height: 45px !important;
        font-size: 14px;
        padding-left: 10px !important;
    }
    #slider .item .slide-quick-links li {
        padding: 10px 0px;
    }
    .g-sec .section-title {
        margin-bottom: 0;
    }
    /* .court-feat img.img-fluid {
        height: 355px;
    } */
    #latest-news .card-image {
        min-height: auto;
    }
    #latest-news .card-body {
        padding: 20px 12px 10px 12px;
    }
    #latest-news .card-body h3{
        font-size: 20px;
    }
    #latest-press-release h3{
        font-size: 20px !important;
    }
    #latest-press-release .card-body {
        padding: 20px 15px;
    }
    #latest-press-release .card-body p{
        font-size: 13px;
    }
    footer .logo-text{
        margin-top: 25px;
    }
    footer .mb-5 {
        margin-bottom: 1rem!important;
    }
    #footer .navbar-brand.text span {
        font-size: 20px;
    }
    #footer .navbar-brand.text span span {
        padding-top: 4px;
        font-size: 15px;
    }
    footer .navbar-brand.logo{
        width: 100px;
    }
    footer .pt-5 {
        padding-top: 2rem!important;
    }
    footer .my-5 {
        margin-top: 0rem!important;
        margin-bottom: 2rem!important;
    }
    footer .pb-5 {
        padding-bottom: 0rem!important;
    }
    /* ACCOUNTABILITY COURT */
    /*#programs-and-services #img-with-description .section-img .image img {*/
    /*    object-fit: contain;*/
    /*}*/
    #img-with-description .section-content {
        padding-left: 12px;
    }
    #programs-and-services .g-sec h2 {
        margin-bottom: 60px;
        font-size: 29px;
    }
    #programs-and-services .g-sec h2:after {
        bottom: -30px;
    }
    #programs-and-services .program-panels {
        padding-left: 0;
    }
    .page_banner {
        padding: 147px 0px 20px;
    }
    #our-judges .our-judge {
        padding: 0;
    }
    #our-judges .our-judge .judge-title {
        padding: 15px 10px;
        text-align: center;
    }
    .signup-banner-content{
        position: absolute;
        left: 0;
        right: 0;
    }
    .sidebar-panel .panel-content{
        padding: 0;
    }
    #our-judges .col-12.col-md-6.col-lg-3 {
        width:50%;   
    }
    section#the-court .container {
        max-width: 100%;
    }
    div#h-resource .content section:first-child {
        padding-left:0;
        padding-right:0;
    }
    #h-resource .row.row-offcanvas.row-offcanvas-left{
        margin: 0 !important;
        margin-right: 24px !important;
    }
    #carriers .carrier .btn-secondary{
        width: auto !important;
        position: inherit;
    }
    section#carriers {
        padding-top: 0 !important;
        margin: 0;
    }
    #h-resource .card.court-feat {
        margin-bottom: 20px;
    }
    .card-overlay-content {padding: 0px;}

    .card-title {min-height: 110px;display: flex;align-items: center;justify-content: center;}
    h2, .h2 {
        font-size: 35px;
    }
    .dropdown-menu {
        top: calc(100% + 0px);
    }
    #the-court .card-overlay .card-overlay-content .description{
        padding: 20px;
    }
    .page_banner {
        padding: 200px 0px 40px;
    }
    .title-and-content .card .card-body .card-text .title_and_content .d-flex.justify-content-between{
        flex-direction: column;
    }
    .title-and-content .card .card-body .card-text .title_and_content .d-flex.justify-content-between img[alt="Yellow Lot Picture"]{
        margin-bottom: 30px;
    }
    img[alt="Map showing Parking Lots"]{
        width: 100%;
    }
    .title-and-content .card .card-body .card-text .title_and_content .container{
        padding: 0;
    }
    .title-and-content .card .card-body .card-text .basic_page_content .container{
        padding: 0;   
    }
    .title-and-content .card .card-body .card-text img{
        width: 100%;
        height: 400px;
        object-fit: cover;
        object-position: top;
    }
    #img-with-description.image-with-panel .container{
        padding: 0 !important;
    }
    .row.row-offcanvas.row-offcanvas-left .container {
        padding: 0;
        margin: 0 auto;
    }
    .judge_body {
      padding: 0 0 25px 25px;
    }
    #superior-judges .card .card-body{
        padding: 0;
    }
    .views-exposed-filter .form-row .form-control{
        font-size: 12px;
    }
    .card_links h2{
        margin-bottom: 100px !important;
    }   
    #img-with-description .section-img .image .address{
        position: inherit !important;
    } 
    .hr-page-wrapper .navbar>.container-fluid{
        padding-right: 24px;
        padding-left: 24px;
    }
    .hr-page-wrapper .flip-down .card-title{
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center
    }
    .hr-page-wrapper .flip-down .card-title h3{
        color: #fff;
    }
    #h-resource .breadcrumb{
        margin-bottom: 0px !important;
    }
    #body .field_title_and_content {
        padding-top: 16px;
    }
    .dropdown-menu {
        left: 15%;
        right: 25px;
    }
    .important-announcements-block-2 h3 {
        font-size: 20px !important;
    }
    .news-events-listing .news-title {
        min-height: auto;
    }
    .card.v_offline .my-auto a p{
        font-size: 14px !important;
    }
    /* .sidebar_second .section.stickys{
        position: static;
    } */
    /* .sidebar_second .section.stickys{
        position: fixed;
        top: 150px;
        bottom: 500px;
        width: inherit;
        height: 500px;
        overflow-y: scroll;
        padding: 0 3px;
    } */
    #programs_and_services .card img{
        min-height: 250px;
    }
    #our-judges .col-12.col-md-4.col-lg-3 {
        width: 26%;
    }
    #programs_and_services .container{
        margin: auto !important;
    }
    a#navbarDropdown-0-5 {
        position: relative;
        top: 2px;
    }
    #slider .item .dark-bg-1 .slide-text {
        margin-top: 250px;
    }
    #slider .slide-text h1 {
        font-size: 52px;
    }
    #slider .slide-text p {
        font-size: 26px;
    }
    .navbar-sticky-on .navbar-brand {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .navbar-sticky-on .navbar-brand img {
        width: 80px !important;
    }
    #slider .item .image-banner {
        display: none;
    }
    #topbar #emergency-alerts i {
        margin-left: 5px;
        font-size: 10px;
        position: relative;
        top: 1px;
    }
    /* HEADER LOGO SVG */
    .header-wrapper #header .navbar-brand.logo svg {
        width: 140px;
        height: 150px;
    }
    .header-wrapper.navbar-sticky-on #header .navbar-brand.logo svg {
        top: 10px;
        width: 130px;
    }
    .navbar-sticky-on .navbar-brand img {
        width: 80px;
    }
    #our-judges.fc-col-three .our-judge-image, #our-judges.fc-col-three .our-judge-image img {
        width: 181px;
        height: 181px;
    }
    .has-sidebar #our-judges.fc-col-three .our-judge-image, .has-sidebar #our-judges.fc-col-three .our-judge-image img {
        width: 181px;
        height: 181px;
    }
    #news_and_events .section-content img {
        width: 100%;
        padding-left: 0;
        padding-bottom: 30px;
    }
    .quick-link-item h3 a{
        font-size: 27px;
    }
    #superior-judges .card .judge-contents .section-link{
        margin-top: 20px;
    }
    #accordion .varient1 .accordion-button{
        padding-right: 50px;
    }
    .col-lg-8.mx-auto {
        width: 100%;
    }
    #accordion .accordion-body {
        padding: 15px 0;
        margin: 0 15px;
        overflow: scroll;
    }
}
@media (min-width: 991.98px) and (max-width: 1399.98px){

    #slider .item video{
        height: 900px;
    }
    #slider .item .dark-bg-1 .slide-text {
        margin-top: 180px;
    }
    #latest-press-release .card-body {
        padding: 20px;
    }
    #latest-press-release .card-image img{
        height: 250px;
    }
    #latest-press-release .card-body h3 {
        font-size: 24px;
    }
    #the-court .container .card-overlay-content .btn-primary {
        font-size: 14px;
    }
    .panel-list li a {
        padding: 0;
        font-size: 15px;
        line-height: 17px;
    }
    .page-node-1736 main.main-content.col, .page-node-1584 main.main-content.col {
        padding: 0;
    }
    #superior-judges .card .card-body{
        padding: 5px;
    }
    .views-exposed-filter .form-row{
        justify-content: space-between;
    }
    #programs-and-services .m-sec h2:after{
        display: none;
    }
    #programs-and-services .col-lg-8.mx-auto{
        width: 90%;
    }
    #programs-and-services #our-judges .col-12.col-md-4.col-lg-3 {
        width: 33.33%;
    }
    #programs-and-services #our-judges .col-12.col-md-4.col-lg-3 .our-judge-image,#programs-and-services #our-judges .col-12.col-md-4.col-lg-3 .our-judge-image img{
        width: 200px;
        height: 200px;
    }
    #img-with-description .section-img .section .image img{
        min-height: 300px;
    }
    #title-with-border h2 {
        margin-bottom: 42px !important;
        font-size: 42px;
    }
    #img-with-description .section-des .image img{
        min-height: 350px;
    }
    #news_and_events.important-annoucement .section-img img{
        min-height: 300px;
    }
}
@media (min-width: 996.98px){
    .has-sidebar #our-judges .our-judge {
        padding: 0;
    }
    .has-sidebar #our-judges.fc-col-four .our-judge-image, .has-sidebar #our-judges.fc-col-four .our-judge-image img {
        width: 120px;
        height: 120px;
    }
    #the-court .col-md-8.mx-auto.section-title {
        width: 90%;
    }
}
@media (min-width: 1200px) { 
    .header-wrapper #header .navbar-brand.logo{
        margin-top: 10px;
    }
    .header-wrapper.navbar-sticky-on .header-wrapper #header .navbar-brand.logo{
        margin-top: 0px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        top: 84%;
    }
    a#navbarDropdown-0-5 {
        position: relative;
        top: 2px;
    }
    .cheif_judge {
        margin-top: 50px;
    }
    #access-denied{
        padding-top: 30vh;
        padding-bottom: 15vh;
    }
    .role-administrator.path-frontpage .header-wrapper #header{
       top: 130px;
    }
    .role-administrator .header-wrapper #header{
       top: 75px;
    }
    .role-administrator .header-wrapper.navbar-sticky-on #header{
       top: 75px;
    }
    .role-administrator .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        left: -30%;
        right: 0;
    }
    .container {
        padding: 0 !important;
        /* margin: 0 !important; */
    }
    /* header sticky */
    .header-wrapper.navbar-sticky-on  #header .navbar-brand.text span {
        font-size: 22px;
    }
    .header-wrapper.navbar-sticky-on  #header .navbar-brand.text span span{
        font-size: 18px !important;
    }
    .navbar-sticky-on #navbarMain .navbar-nav .nav-link {
        padding: 35px 10px 35px 10px !important;
    }
    .navbar-sticky-on .dropdown-menu {
        top: calc(100% + 0px) !important;
    }
    .page-node-1740 #courtroom-technology .col-md-8{
        width: 90% !important;
    }
    .card-overlay-content {
        padding: 0 20px;
    }
    div#h-resource .content section:first-child {
        padding-left:0;
        padding-right:0;
    }
    div#h-resource .content section {
        padding-left:50px;
        padding-right:50px;
    }
    #carriers{
        padding-right: 0 !important;
        padding-bottom: 0 !important;
    }
    .row.jury-parking img {
        height: 400px;
        overflow: scroll;
    }
    .judge_body {
        padding: 0 0 25px 25px;
    }
    #latest-press-release .card .card-body .section-title {
        min-height: 115px;
    }
    #programs_and_services .card img{
            height: 300px;
    }
    .dropdown-menu .mega-content{
            max-height: 80vh;
            overflow-y: overlay;
            overflow-x: hidden;
    }
    .news-events-listing img {
            height: 400px;
            object-fit: cover;
    }
    #programs_and_services .container{
        padding: auto !important;
        padding: 0 50px !important;
    }
    #programs_and_services .card-body {
        min-height: 125px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #slider .item .image-banner{
        display: none;
    }
    .navbar-sticky-on .navbar-brand img {
        width: 80px;
    }
    header .navbar-brand img {
        max-width: 140px;
    }
    /*LIVE HEARING*/
    
    .page-node-1585 .navbar-sticky-on{
      position: unset !important;
    }
    .page-node-1585 .navbar-sticky-on #header{
      position: unset !important;
    }
    .other_sections{
      position: relative;
    }
    .container.live-header {
      position: absolute;
      width: 100%;
      margin-top: 30px;
      left: 0;
      right: 0;
      z-index: 5;
    }
    .other_sections .judges_list {
      position: relative;
      padding-top: 100px;
    }
}
@media (min-width: 1280px) and (max-width: 1400px) {
    #our-judges.fc-col-three .our-judge-image, #our-judges.fc-col-three .our-judge-image img {
        width: 350px;
        height: 350px;
    }
}
@media (min-width: 1400px) {
    .navbar-sticky-on .navbar-brand img {
        width: 80px;
    }
}
@media (min-width: 2100px){
    .header-wrapper.navbar-sticky-on  #header .navbar-brand.text span {
        font-size: 40px;
    }
    .header-wrapper.navbar-sticky-on  #header .navbar-brand.text span span{
        font-size: 30px !important;
    }
    h1{
        font-size: 100px;
    }
    h2{
        font-size: 70px;
    }
    h3{
        font-size: 40px;
    }
    h4,
    h4 strong{
        font-size: 35px !important;
    }
    h5{
        font-size: 30px;
    }
    #accordion .accordion-body li,
    #accordion .accordion-body a,
    #accordion .accordion-body span,
    #accordion .accordion-body p,
    #accordion .accordion-body strong{
        font-size: 28px !important;
        line-height: 50px;
    }
    #accordion .varient2 .accordion-button{
        font-size: 28px;
    }
    footer #content p strong{
        font-size: 40px !important;
    }
    #content p strong{
        font-size: 28px !important;
    }
    strong {
        font-size: 28px !important;
    }
    .fa-bell,.fa-times{
        font-size: 20px;
    }
    #topbar #emergency-alerts i {
        font-size: 20px;
    }
    #slider .item .slide-quick-links h2{
        font-size: 60px;
        margin-bottom: 80px;
    }
    #slider .item .slide-text h1{
        margin-bottom: 80px;
        font-weight: 700;
        font-size: 130px;
    }
    #slider .item .slide-quick-links {
        margin-top: 100px;
    }
    #navbarLanguageDropdown .dropdown-toggle::after {
        font-size: 20px;
    }
    .header-wrapper.navbar-sticky-on #header {
        padding: 20px 0;
    }
    #slider .item .slide-quick-links li a{
        font-size: 40px !important;
        margin-right: 50px;    
    }
    #slider .item .slide-quick-links li a i::before{
        font-size: 30px;
        margin-left: 10px;
    }
    .dropdown-toggle::after {
        font-size: 20px;
    }
    .fa-arrow-right:before {
        font-size: 20px;
    }
    .g-sec h2:after {
        bottom: -22px;
        width: 190px;
        height: 8px;
    }
    #topbar {
        padding: 30px 0;
    }
    #topbar .dropdown-menu {
        min-width: 250px;
        top: 50px
    }
    #navbarMain .navbar-nav .nav-link {
        font-size: 30px !important;
        padding: 80px 50px 80px 50px;
    }
    #header .navbar-brand.text span {
        font-size: 50px !important;
    }
    #header .navbar-brand.text span span{
        font-size: 38px !important;
        padding-top: 8px;
    }
    #slider input.form-control.form-control-lg {
        font-size: 40px !important;
    }
    #slider .item .slide-form p {
          font-size: 60px;
        margin-bottom: 60px;
    }
    #slider .item .slide-form {
        margin-top: 0px;
    }
    #slider .form-control, #slider .form-select {
        height: 150px;
    }
    #slider .btn-primary {
        min-width: 350px;
        font-size: 40px;
    }
    #slider .item .slide-form i {
        font-size: 35px;
    }
    header .navbar-brand img {
        height: 140px;
    }
    #navbarLanguageDropdown li.ps-3.pb-2 {
        padding: 10px 0;
    }
    .btn-primary {
        height: auto !important;
    }
    .language-icon{
        width: 30px;
        height: 20px;
    }
    #slider .item video {
        height: 1500px;
    }
    .g-sec {
        padding-top: 150px;
        padding-bottom: 150px;
    }
    #quick-links{
        padding-bottom: 500px;
    }
    #quick-links h3{
        bottom: -320px;
    }
    #quick-links h3 a{
        font-size: 50px !important;
    }
    #quick-links i{
        font-size: 60px !important;
    }
    .quick-link-item .back p {
        font-size: 30px !important;
    }
    #latest-press-release .card-image img{
        height: 600px;
    }
    #quick-links .fa-arrow-right:before {
        font-size: 30px;
    }
    .quick-link-item .front, .quick-link-item .back{
        width: 500px;
        height: 500px;
    }
    .court-feat img.img-fluid {
        height: 600px;
    }
    #latest-news{
        background-size: cover;
    }
    .quick-link-item .front img {
        width: 175px;
        height: 170px;
    }
    #latest-press-release .post-info {
        font-size: 25px;
    }
    #footer .social-icon {
        width: 80px;
        height: 80px;
        margin-left: 20px;
    }
    #feedback-btn a {
        padding: 40px 40px 60px 40px;
        font-size: 40px !important;
        right: -80px;
    }
    .dropdown-menu .col-title {
        font-size: 30px;
    }
    .dropdown-menu[data-bs-popper] {
        left: 15%;
    }
    #footer .navbar-brand img {
        height: 150px;
    }
    #footer .navbar-brand.text span {
        font-size: 50px !important;
    }
    #footer .navbar-brand.text span span {
        font-size: 38px !important;
    }
    .modal-dialog {
        max-width: 1000px;
    }
    .name .form-control, .email .form-control{
        height: 50px;
    }
    .modal-header .btn-close {
        font-size: 35px;
    }
    .webform-feedback label {
        font-size: 25px;
        padding-bottom: 10px;
    }
    .webform-button--submit{
        width: 220px;
        height: 60px !important;
        margin-top: 20px;
    }
    /* JUDGES */
    #superior-judges .card {
        height: 540px;
    }
    #superior-judges .card .judge-image .judge_image img{
        height: 500px;
    }
    #hr .section-image img {
        height: 1000px;
    }
    #img-with-description .section-img .section .image img{
        max-height: 700px;
        object-position: top;
    }
    #slider .item .slide-quick-links h2:after {
        width: 190px;
        height: 7px;
    }
    .sidebar_second .section {
        top: 200px;
    }
    .page_banner {
        padding: 450px 0px 100px;
        height: 800px;
    }
    .navbar-sticky-on .navbar-brand img {
        width: 160px;
    }
    .header-wrapper #header .navbar-brand.logo img {
        max-width: 200px;
    }
    /*IMPORTANT ANNOUNCEMENTS*/
    #latest-news .card-image img{
        height: 600px;
    }
    footer h5{
        font-size: 50px;
        margin-bottom: 35px;
    }
    footer strong,
    footer p,
    footer a {
        font-size: 40px !important;
        line-height: 70px;
    }
    #footer li{
        margin-bottom: 30px;
    }
    footer hr{
        margin: 100px 0;
    }
    .page-node-399 #text_editor h3 strong {
        font-size: 70px !important;
    }
    p,
    ul li,
    a span, 
    strong,
    li,
    #page li,
    .card-title h3 a,
    .panel-list li a,
    #h-resource .card-overlay h4,
    span[style="color:black"]{
        font-size: 28px !important;
    }
    #accordion .varient1 .accordion-button,
    #accordion .varient2 .accordion-button,
    #accordion .varient4 .accordion-button{
        font-size: 32px !important;
    }
    #accordion .varient3 .accordion-button{
        font-size: 32px !important;
        padding: 20px 70px;
    }
    #the-court .container a {
        font-size: 28px;
    }
    .card.court-feat .card-overlay .card-overlay-content .btn.btn-primary {
        font-size: 20px !important;
        padding: 15px 25px;
    }
    #accordion .varient3 .accordion-button::after{
        width: 22px;
        height: 22px;
        top: 35%;
        transform: none;
    }
    #accordion .varient3 .accordion-button:not(.collapsed)::after{
        width: 22px;
        height: 22px;
        top: 50%;
        transform: none;
    }
    #latest-press-release .sec-link a {
    font-size: 20px;
    }
    #latest-news .card-footer a{
        font-size: 20px;
    }
    .breadcrumb{
        padding-top: 50px;
    }
     #the-court .container{
         max-width: 95%;
     }
    #the-court .col-md-8.mx-auto.section-title{
        width: 100%;
    }
    #block-courtsectionjurors .court-feat img.img-fluid{
        height: 600px !important;
    }
    #hr-innovative .row {
    align-items: start;
    }
    .page-node-1717 #hr-innovative .row {
    align-items: center;
    }
    .sidebar p, .sidebar li, .sidebar a {
        font-size: 25px;
    }
    .sidebar_second.sidebar .block h2, .sidebar_second.sidebar .block h3, .sidebar_second.sidebar .block h4 {
    font-size: 30px;
    }
    #img-with-description .container{
        max-width: 95%;
        margin: 0;
    }
    #h-resource .card.court-feat .image{
        height: 600px;
    }
    .container{
        max-width: 100%;
    }
    .page-node-1789 .container{
        padding-right: 50px !important;
        padding-left: 50px !important;
    }
    .page-node-1789 .container .container{
        padding: 0 !important;
    }
    .page-node-1789 #hr-innovative .container{
        padding: 0 !important;
    }
    #hr-innovative h3,
    #carriers .carrier h3{
        font-size: 40px;
    }
    /*LIVE HEARING*/
    .live_hearing_description h2 {
        padding-bottom: 50px;
    }
    .live_hearing_description strong span{
        position: relative;
        bottom: 25px;
    }
    .container.live-header {
        font-size: 70px;
        padding: 70px 0 !important
    }
    /*JUDGES*/
    .judge_sidebar.sticky-top{
        top: 200px;
    }
    .judge_body {
        padding: 0 50px;
    }
    .judge_body ul {
        padding: 5px 75px;
    }
    .judge_body h3{
        font-size: 35px;
        padding: 20px !important;
    }
    .judge_name h2{
        font-size: 40px;
    }
    /*LANGUAGE DROPDOWN*/
    select#gtranslate_selector{
        font-size: 28px;
    }
    /*PROGRAMS AND SERVICES*/
    #programs_and_services .container{
        padding: 0 !important;
    }
    #programs_and_services .card img{
        height: 600px;
    }
    #programs_and_services .card .card-body h3,
    h3 strong{
        font-size: 40px !important;
    }
    .col-lg-8.mx-auto {
        margin: 0 !important;
        width: 100%;
    }
    #body .links-svg svg{
        height: 30px;
        width: 30px;
    }
    #body .links-svg h3 {
        font-size: 30px;
    }
    #programs-and-services #title-with-border .mx-auto h2 {
        font-size: 60px !important;
    }
    #programs-and-services .m-sec h2:after{
        width: 250px;
        height: 10px;
        bottom: -40px;
        border-radius: 30px;
    }
    table.dataTable td {
        font-size: 25px;
        line-height: 35px;
    }
    #img-with-description h2{
        font-size: 60px;
    }
    #text_editor h4.text-align-center strong {
        font-size: 40px !important;
    }
    #carriers .carrier img{
        height: 600px;
        object-position: top;
    }
    #carriers .carrier .btn-secondary{
        padding: 15px 50px;
        font-size: 25px;
    }
    #carriers .carrier .btn-secondary i{
        font-size: 25px;
    }
    .page-node-1797 .basic_page img {
        width: 100%;
    }
    /*JUDGES*/
    #our-judges .our-judge-image {
        width: 500px !important;
        height: 500px !important;
    }
    #our-judges .our-judge-image img{
        width: 100% !important;
        height: 100% !important;
    }
    #our-judges .our-judge h4 {
        font-size: 40px;
    }
    .our-judge .judge-title h6 {
       font-size: 30px;
        line-height: 35px;
        font-weight: 400;
        text-transform: initial;
    }
    #superior-judges .card .card-body h3{
        font-size: 30px;
    }
    /*WORK WITH US*/
    #hr .btn-primary {
        padding: 20px 70px;
        font-size: 40px;
    }
    #h-resource .m-sec h2:after{
        width: 200px;
        height: 8px;
        border-radius: 30px;
    }
    #h-resource #text_editor p span {
        font-size: 45px;
    }
    #text_editor p span[style="font-size:22px;"]{
        font-size: 28px !important;
    }
    #h-resource .card-title h3,
    #h-resource .card-title h3 a{
        font-size: 35px !important;
    }
    #h-resource .card-overlay h4,
    #h-resource .card-overlay h4 a{
        font-size: 30px !important;
    }
    .card.latest-news .card-image img{
        height: 500px;
    }
    .important-announcements-block-2 .card .card-body{
        padding: 30px;
    }
    .important-announcements-block-2 .card.latest-news{
        text-align: center;
    }
    .card-footer {
        padding: 20px 0;
    }
    .card.latest-news .news-title h3{
        font-size: 30px !important;
        line-height: 40px;
    }
    .other_sections .judges_list{
        padding-top: 270px;
    }
}
@media (min-width: 3000px){
    #navbarMain .navbar-nav .nav-link {
        font-size: 35px !important;
        padding: 80px 100px 80px 10px;
    }
    .dropdown-toggle::after {
        font-size: 30px;
    }
    #topbar {
        padding: 40px 0;
    }
    #topbar .dropdown-menu {
        min-width: 326px;
        top: 64px;
    }
    #quick-links h3 a{
        font-size: 50px !important;
    } 
    #latest-press-release .card .card-body .section-title {
        min-height: 110px;
    }
}
@media (min-width: 3840px) {
    .container {
        width: 3810px;
    }
    #the-court .container {
        width: 100%;
    }
}
@media (min-width: 5120px) {
    .row.row-offcanvas.row-offcanvas-left.g-5.clearfix {
        width: 70%;
        margin: 0 auto;
    }
    #hr-innovative .container, #carriers .container, #our-judges .container, #body .container {
        width: 100%;
    }
    #h-resource .card.court-feat .image {
        height: 600px;
    }
}
.navbar-sticky-on .navbar-brand.logo {
    display: none;
}
@media (max-width: 1440px) {
     .topbar-left p {
    	margin-bottom: 0px;
    	font-size: 15px;
    }
}
@media (max-width: 991.98px) {
     #topbar {
      	 padding-top: 30px;
    }
    .topbar-left strong {
        display: block;
    }
    #block-gtranslate .gtranslate {
        position: absolute;
        top: -25px;
        right: 15px;
    }
    #topbar select#gtranslate_selector {
	float: right;
	padding-right: 5px;
    }
    #alert-message .message {
        position: relative;
        padding: 15px 0;        
    }
    #alert-message .message p {
    	margin-bottom: 0;
    	padding: 10px 30px 0 0;
    }
    .topbar-left {
        display: block;
    } 
    #emergency-alerts p {
	padding-right: 15px;
	position: relative;
     }
    .topbar-left #covid-info p:after {
	position: absolute;
 	top: 0;
	right: 0;
	font-size: 10px;
    }
}