/**** Media Query ****/

ul.menu-top .hide-menu{
    display:none;
}
.menu-wrap {
    display: none;
}
.no-scroll {
    overflow: hidden;
}
.mobile-ph, .mobile-ph a {
    font-size: 0;
    line-height: 30px;
    width: 30px;
    height: 30px;
}
/* .mobile-ph a svg, .mobile-ph a img {
    width: 30px;
    height: 30px;
    fill: #000;
}
.mobile-ph a svg path {
    fill: #000;
} */

@media (min-width:1601px){
    .main-header .container-fluid {
        max-width: 1700px;
    }
    .practice_sec .left-img-block {
        margin-left: -20vw;
    }
    .practice_sec .right-img-block {
        margin-right: -20vw;
    }
    .practice_sec .left-img-block img, .practice_sec .right-img-block img {
        width:100%;
    }
}
@media (min-width:1401px){
    .container{
        max-width:1366px;
    }
}
@media (min-width:1199px) and (max-width:1400px){
    ul.menu-top li .sub-menu li a {
        font-size: 13px;
    }
    .sidebar-heading, .sidebar-list .widget-title{
        font-size: 32px;
    }
}
@media (min-width:992px) and (max-width:1400px){

    .menu-top li a{
        font-size:14px;
    }
    .practice_type .overlay p{
        font-size: 14px;
        line-height: 26px;
    }
    .overlay .h5{
        font-size:16px;
    }
    .h2, h2, .heading, h2.title{
        font-size:36px;
    }
    .maritime_injury_type .h3{
        font-size:22px;
    }
    p{
        font-size:16px;
    }
    .faq_detail .h3{
        font-size:22px;
    }
    .faq_overlay p{
        font-size:14px;
    }
    .attorney_sec a{
        font-size:16px;
    }
    .contact_form_detail .h3{
        border-bottom:none;
        font-size: 34px;
    }
    input[type=submit].sub{
        font-size:24px;
    }
    .add_name .media .media-body a{
        font-size:14px;
    }
    .attorney_details .h5{
        font-size:16px;
    }
    .author_detail span{
        font-size: 14px;
        margin-left: 15px;
    }
    .author_detail img{
        left:5px;
    }

}
@media (min-width: 1201px) {
    .faq_detail .h3{
        font-size:22px;
    }
    .faq_overlay p{
        font-size:14px;
    }

    .about-page-sec .heading{
        font-size: 42px;
    }
    .modal-lg {
        max-width: 1000px;
    }
    .banner-home .btn {
        padding: 16px 70px 16px 30px;
    }
    .banner-home .btn .icon svg, .banner-home .btn .icon img {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 1400px) {
    .banner-awards-logos img {
        max-width: 150px;
    }
}

@media (max-width: 1200px) {
    p{
        font-size:16px;
    }
    .ph-number {
        position: absolute;
        right: 26%;
        top: -6px;
        margin-right: 0px !important;
    }
    .sidebar_testimonial:before{
        width:104%;
    }
    .h2 .h2, h2, .heading, h2.title{
        font-size:40px;
    }
    .menu-header {
        display: none;
    }
    ul.menu-top .hide-menu{
        display:block;
    }
    header.main-header{
        height:120px;
    }
    .top-logo img{
        width: 75px;
    }
    .small-header .top-logo img {
        width: 70px;
    }
    .main-menu:before{
        display:none;
    }
    .main-menu:after{
        display:none;
    }
    .small-header .ph-number {
        margin-left: 0px;
    }
    .main-menu{
        border-bottom:none;
    }
    .phone_box{
        display:none;
    }
    .menu-wrap {
        background-color: #0959a0;
        position: fixed;
        top: 115px;
        height: 100%;
        width: 100%;
        right: -100%;
        font-size: 1em;
        font-weight: 700;
        overflow: auto;
        transition: .5s;
        z-index: 12;
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
    }
    .menu-full-wrapper {
        width: 100%;
        position: absolute;
        top: 0;
        text-align: left;
    }
    .menu-show {
        right: 0;
        max-width: 100%;
    }
    .menu-sidebar {
        margin: 0;
        position: relative;
        top: 0;
        width: 100%;
        margin-left: auto;
        height: 100%;
        padding-bottom: 50%;
    }
    .menu-bar-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }
    .menu-sidebar .menu-bar-wrapper li {
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        margin: 0;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 0;
    }
    .menu-sidebar .menu-bar-wrapper .menu-item-has-children .sub-menu li:first-child {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    .menu-sidebar .menu-bar-wrapper li:last-child{
        border: none;
    }
    .menu-sidebar .menu-bar-wrapper li > a {
        color: #fff;
        padding: 12px 20px;
        position: relative;
        display: block;
        font-weight: 500;
        font-size: 16px;
    }
    .menu-sidebar .menu-bar-wrapper li > a:hover:after {
        opacity: 1;
    }
    .menu-sidebar .menu-bar-wrapper li > a:hover {
        color: #fff;
        width: 100%;
    }
    .menu-sidebar .menu-bar-wrapper li.current-menu-item > a {
        background-color: #000;
    }
    .menu-sidebar .sidebar-menu-arrow:after {
        content: "";
        cursor: pointer;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        display: inline-block;
        width: 10px;
        height: 10px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: auto;
        position: absolute;
        right: 15px;
        top: 50%;
        bottom: 0;
        margin-top: -5px;
    }
    .menu-sidebar .menu-bar-wrapper .menu-item-has-children .sidebar-menu-arrow.responsive-up-arrow:after {
        transform: rotate(135deg);
        display: block;
        margin:0;
    }
    .menu-sidebar .menu-bar-wrapper li.current-menu-item > a + .sidebar-menu-arrow::after{
        color: #0e2743;
    }
    .menu-sidebar .menu-bar-wrapper .current-menu-parent.menu-item-has-children>.nav-link {
        font-weight: 500;
        background-color: #e93941;
        color: #fff;
        width: 100%;
    }
    .menu-sidebar .menu-bar-wrapper .current-menu-parent.menu-item-has-children>.nav-link:after {
        opacity: 1;
    }
    .menu-sidebar .menu-bar-wrapper .menu-item-has-children {
        position: relative;
    }
    .menu-sidebar .menu-bar-wrapper .menu-item-has-children .sidebar-menu-arrow {
        position: absolute;
        right: 0;
        top: 0;
        height: 54px;
        width: 44px;
        background-color: transparent;
    }
    .menu-sidebar .menu-bar-wrapper .menu-item-has-children .sub-menu {
        display: none;
        background: none;
    }
    .menu-sidebar .menu-bar-wrapper .menu-item-has-children .sub-menu li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0px;
    }
    .menu-sidebar .menu-bar-wrapper li .sub-menu li a {
        font-size: 16px;
        padding-left: 30px;
    }
    .menu-sidebar .menu-bar-wrapper li .sub-menu li .sub-menu li a{
        padding-left: 50px;
    }
    .menu-sidebar .menu-bar-wrapper li .sub-menu .sidebar-menu-arrow:after {
        font-size: 16px;
    }
    .sidebar-menu-arrow::after {
        cursor: pointer;
        content: "";
        position: absolute;
        top: 0px;
        margin: auto;
        bottom: 0px;
        right: 0;
        background-size: 14px;
        height: 40px;
        width: 40px;
    }
    .menu-sidebar .menu-bar-wrapper li .sub-menu li a:after{
        display: none;
    }
    body.nav-open-menu {
        position: fixed;
        overflow: hidden;
    }
    .menu-button {
        height: 50px;
        width: 60px;
        position: relative;
        margin-left: 0;
        border: 2px solid #fff;
    }
    .menu-button .menu-bar {
        position: absolute;
        transition: .5s;
        opacity: 1;
        margin: 0 auto;
        width: 35px;
        right: 0;
        left: 0;
        background: #fff;
        height: 2px;
        border-radius: 10px;
    }
    .menu-button:hover {
        cursor: pointer;
    }
    .menu-button .menu-bar-top {
        top: 10px;
    }
    .menu-button .menu-bar-middle {
        top: 50%;
        transform: translateY(-50%);
    }
    .menu-button .menu-bar-bottom {
        top: auto;
        bottom:10px;
    }
    .menu-button.button-open {
        z-index: 13;
        background: #0959a0;
    }
    .menu-button.button-open {
        z-index: 13;
    }
    .button-open .menu-bar-middle {
        background-color: #fff;
        transform: translate(230px);
        transition: .1s ease-in;
        opacity: 0;
    }
    .menu-button.button-open .menu-bar-top {
        width: 70%;
        transform: rotate(45deg) translate(8px, 8px);
        transition: .5s;
        top: 12px;
        background: #fff;
        opacity: 1;
    }
    .menu-button.button-open .menu-bar-bottom {
        width: 70%;
        transform: rotate(-45deg) translate(10px, -12px);
        transition: .5s;
        right: 0;
        background: #fff;
        top: 38px;
    }
    .sub-menu li ul.sub-menu {
        position: static;
    }
    .ph-number {
        margin-left: 0;
        margin-right: 25px;
    }
    .search-icon {
        margin-left: 0;
        margin-right: 20px;
    }
    .header-contact {
        display: none;
    }
    .search-icon {
        width: 26px;
        height: 26px;
        line-height: 26px;
    }
    .search-icon svg, .search-icon img {
        width: 26px;
        height: 26px;
    }
    .about-blockquote-sec .quote_col .blockquote {
        font-size: 26px;
        line-height: 40px;
    }
    .practice-areas-slider{
        padding-bottom:60px;
    }
    .practice-areas-slider .slick-arrow {
        bottom: 0px;
        background: #fff;
    }
    .slick-arrow svg, .slick-arrow img{
        width:26px;
        height:26px;
        fill:#000;
    }
}
@media (max-width: 1199px){
    .inner_banner_details{
        margin-top: 65px;
    }
    .ph-number {
        position: absolute;
        right: 16%;
        top: -6px;
        margin-right: 0px !important;
    }
    input[type=submit].sub {
        font-size: 20px;
    }
    .add_details{
        margin-bottom:25px;
    }

}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){
    .practice_type .overlay p {
        font-size: 12px;
        line-height: 22px;
    }
}
@media (max-width: 991px){
    .banner-home .banner-title p {
        font-size: 26px;
    }
    .small_device{
        display:none;
    }
    .attorney_sec{
        text-align:center;
    }
    .h2, h2, .heading, h2.title{
        font-size: 44px;
    }
    .normal_view{
        display:none;
    }
    .ipad_view{
        display:block;
    }
    .one_img_slider_without_arrow .slick-slide img {
        display: initial;
    }
    .center_image img {
        position: relative;
        bottom: 0;
    }
    .ph-number {
        position: absolute;
        right: 26%;
        top: -6px;
        margin-right: 0px !important;
    }
    .sidebar_testimonial:before {
        width: 106%;
    }
    .one_img_slider_without_arrow .slick-slide img {
        display: initial;
    }
    .one_img_slider_without_arrow .slick-dots{
        bottom:-40px;
    }
    .one_img_slider_without_arrow .slick-dots li button{
        background:#fff;
    }
    .slick-dots li.slick-active button:before{
        font-size:0;
    }
    .logo_sec img{
        margin: auto;
    }
    .logo_sec.ipad_view .slick-arrow{
        top:55px;
    }
    .logo_sec.ipad_view .slick-list{
        margin:0px 20px;
    }
    .news-areas-slider .slick-dots{
        bottom:-55px;
    }
    .news-areas-slider .slick-dots li button{
        border: 1px solid #09589d;
        font-size:0;
    }
    .news-areas-slider .slick-dots li.slick-active button:before {
        background: #09589d !important;
    }
    .add_details{
        margin-bottom:25px;
    }
    .space-pd {
        padding: 50px 0;
    }
    .space-mr {
        margin: 50px 0;
    }
    .mainpage h1, .postlist-single h1 {
        font-size: 36px;
    }
    .mainpage h2, .postlist-single h2 {
        font-size: 32px;
    }
    .mainpage h3, .postlist-single h3 {
        font-size: 28px;
    }
    .mainpage h4, .postlist-single h4 {
        font-size: 24px;
    }
    .mainpage h5, .postlist-single h5 {
        font-size: 20px;
    }
    .mainpage h6, .postlist-single h6 {
        font-size: 18px;
    }
    .h2 .h2, h2, .heading, h2.title {
        font-size: 38px;
    }
    .top-logo {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .top-menu {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }


    .home-testimonials-sec .video-wrap{
        padding:0 15px 15px 0px;
    }
    .home-testimonials-sec .video-wrap::after {
        left: 15px;
        top: 15px;
    }
    .testimonial-slider {
        margin-bottom: 15px;
        padding-left: 0;
    }
    .testimonial-slider ul.slick-dots {
        height: auto;
        width: 100%;
        transform: none;
        position: static;
    }
    .testimonial-slider ul.slick-dots li {
        margin: 0;
        display: inline-block;
        width: auto;
        height: auto;
        padding: 5px 5px;
    }
    .testimonial-slider .quotes-icon {
        top: 22px;
    }
    .testimonial-slider .testimonials-loop {
        padding-top: 25px;
        margin-bottom: 0;
        margin-top: 30px;
    }
    .testimonial-slider .quotes-icon svg, .testimonial-slider .quotes-icon img {
        width: 60px;
        height: 60px;
    }

    .process-list {
        max-width: 500px;
        margin: 0 auto;
    }
    .process-list > div:nth-child(2n) .item{
        text-align:right;
    }
    .process-list > div:nth-child(2n) .step-count span {
        margin-left: auto;
    }
    .process-list > div:nth-child(2n) .step-count::before {
        left: 20px;
        right: 80px;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(left, rgba(255,255,255,1) 73%, rgba(125,185,232,0) 100%);
        background: -webkit-linear-gradient(left, rgba(255,255,255,1) 73%,rgba(125,185,232,0) 100%);
        background: linear-gradient(to left, rgba(255,255,255,1) 73%,rgba(125,185,232,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#ffffff', endColorstr='#fff',GradientType=1 );
    }


    .footer-logo {
        align-items: center;
    }

    .footer-logo ul.sociallinks {
        width: 100%;
        justify-content: space-between;
    }
    .footer-logo .f-logo {
        margin-right: 20px;
        width: 180px;
        margin: auto;
        display: block;
    }
    .f-logo:after{
        bottom:-10px;
        top: inherit;
    }
    .f-logo:before{
        bottom:-10px;
        display:none;
    }
    .footer-logo .f-des-block {
        width: calc(100% - 200px);
        width: -moz-calc(100% - 200px);
        width: -webkit-calc(100% - 200px);
    }
    .footer-logo ul.sociallinks li a svg, .footer-logo ul.sociallinks li a img {
        width: 22px;
        height: 22px;
        fill: #9ea0a0;
    }

    .footer-nav {
        margin-top: 30px;
    }
    .footer-heading {
        font-size: 22px;
    }
    .copyright-text {
        font-size: 14px;
        line-height: 26px;
    }
    .blog-list, .postlist-single, .news-listing {
        padding-right: 0;
    }
    aside.blog-sidebar {
        margin-top: 40px;
    }

    .home-contact-form {
        margin-top: 0;
        margin-left: 0;
        padding: 40px 30px;
    }
    .home-contact-sec {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .map-sec .contactinfo {
        margin: 0 auto;
        position: static;
        max-width: 720px;
        min-height:auto;
        height:auto;
        overflow:hidden;
    }
    .map-sec {
        margin-top: 60px;
    }
    .practice_sec {
        margin-bottom: 50px;
    }
    .practice_sec::before{
        display:none;
    }
    .practice_sec .practice_list {
        padding: 20px 40px 40px;
        background: #A91B2A;
        margin-top: 0;
    }
    .practice_right_content {
        background: #A91B2A;
        padding: 30px 15px 15px;
        margin-top: 25px;
    }
    .practice_sec h2.heading br {
        display: none;
    }
    .practice_sec .inner_box {
        padding: 0;
    }
    .practice_sec .practice a {
        padding: 20px 20px;
    }
    .practice_sec .practice svg, .practice_sec .practice img {
        width: 60px;
        height: 60px;
    }
    .practice_sec .practice .practice-title {
        font-size: 20px;
        line-height: 35px;
        margin-left: 20px;
    }
    .practice_sec .left-img-block {
        margin-left: 0;
    }
    .practice_sec .right-img-block {
        margin-right: 0;
        display:none;
    }
    .client_video{
        width:100%;
    }
    .client_video:after{
        display:none;
    }
    .news_section a.all_view{
        bottom:100px;
    }
    .community .fam_row1 .fam_detail{
        margin: 25px 0;
        padding-right:0px;
    }
    .community .fam_row2 .fam_detail{
        margin: 25px 0;
        padding-left:0px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){
    .banner-home {
        height: 600px;
    }
    .banner-home .banner-title {
        font-size: 60px;
        line-height: 75px;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .banner-home {
        height: 600px;
    }
    .banner-home .banner-title {
        font-size: 55px;
        line-height: 75px;
    }
}

@media (min-width:768px) and (max-width:991px){
    .team-listing img.featured-img {
        height: 350px;
    }
    .inner_banner_details{
        display:none;
    }
    .page-banner{
        min-height:405px;
    }
}
@media (max-width: 850px){
    /* 	.practice_detail{position:inherit;margin-top: 5px;display: inline-block;}
            .practice_type{height:115px;    margin-top: 25px;}
            .practice_type:before{display:none;}
            .mobile_practice_area .cbutton{    margin: 25px auto;margin-bottom: 0;display: table;}
            .logo_sec img{width:100%;} */

    .fullwidth{
        margin-top:25px;
    }
    .testimonials_video_detail a img{
        width:100%;
    }
    .why_choose_video{
        padding: 20px 0;
    }
}
/* Small Devices View */
@media (max-width: 767px){
    .container {
        max-width: 100%;
    }
    .ph-number {
        position: absolute;
        right: 21%;
        top: 0px;
    }
    .pcontent iframe{
        width:100% !important;
    }
    .pcontent p iframe{
        margin-bottom:15px;
    }
    .mobile-ph, .mobile-ph a {
        font-size: 0 !important;
    }
    .page-banner .banner-title {
        font-size: 40px;
        line-height: 45px;
    }
    .h2 .h2, h2, .heading, h2.title {
        font-size: 35px;
    }
    .banner-home .banner-title {
        font-size: 40px;
        line-height: 48px;
    }
    ul.job-details-list li, ul.job-details-list li:nth-child(2n) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .banner-home .container {
        position: relative;
        max-width: 100vw;
        width: 100%;
    }
    .banner-home .banner-title {
        font-size: 28px;
        line-height: 32px;
    }
    .banner-des{
        font-size: 18px;
        margin-bottom: 0px;
    }
    .attorney_sec a{
        font-size:15px;
    }
    .mobile-feature-image{
        margin-top:35px;
    }
    .mobile-feature-image img{
        margin:auto;
        max-width:100%;
        width:25%;
    }
    .attorney_sec{
        text-align:center;
    }
    .h2, h2, .heading, h2.title{
        font-size:26px;
    }
    .practice-areas-slider {
        padding-bottom: 0px;
    }
    .practice-areas-slider .slick-arrow {
        top: 104%;
    }
    .mobile_practice_area .slick-prev {
        left: 35% !important;
    }
    .mobile_practice_area .slick-next {
        right: 35% !important;
    }
    .center_image img{
        position:relative;
        bottom:0;
    }
    /* 	.mobile_maritime_injury_lawyers_type {margin-top:45px;} */
    .one_img_slider_without_arrow .slick-slide img {
        display: initial;
    }
    .one_img_slider_without_arrow .slick-dots{
        bottom:-40px;
    }
    .one_img_slider_without_arrow .slick-dots li button{
        background:#fff;
    }
    .slick-dots li.slick-active button:before{
        font-size:0;
    }
    .mobile_logo_sec .slick-arrow{
        top:50px;
        z-index: 11;
    }
    .news-areas-slider .slick-dots{
        bottom:-55px;
    }
    .news-areas-slider .slick-dots li button{
        border: 1px solid #09589d;
        font-size:0;
    }
    .news-areas-slider .slick-dots li.slick-active button:before {
        background: #09589d !important;
    }
    .practice_section {
        padding-bottom:100px;
    }
    .inner_banner_details{
        display:none;
    }
    .page-banner{
        min-height:350px;
    }
    .mobile_case_result_section a.cbutton{
        margin: 45px auto 0;
        display: table;
    }
    .mobile_faq_section a.cbutton{
        margin: 45px auto 0;
        display: table;
    }
    .mobile_news_section a.cbutton{
        margin: 45px auto 0;
        display: table;
    }
    .mobile_testimonail a.cbutton{
        margin: 45px auto 0;
        display: table;
    }
    .mobile-news-areas-slider{
        background: #fff;
        margin: 5px;
        padding: 10px 10px 0px 10px;
    }
    .mobile-news-areas-slider .news-area-loop{
        padding: 0;
    }
    .mobile_testimonail .media {
        width: fit-content;
        margin: auto;
        text-align: initial;
        padding-top: 20px;
    }
    .mobile_testimonail {
        text-align: center;
    }
    .faq-loop{
        margin-top: 30px;
    }
    .mobile_maritime_injury_section a.cbutton{
        margin: 45px auto 0;
        display: table;
    }
    .banner-awards-logos img {
        max-width: 80px;
    }

}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .ph-number{
        right: 26%;
    }
}
/* Iphone X */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .banner-home{
        height:550px;
    }
    .banner-home .banner-title {
        font-size: 45px;
        line-height: 60px;
    }
    .ph-number{
        top: 6px;
    }
    .practice_detail{
        position:inherit;
        margin-top: 5px;
        display: inline-block;
    }
    .practice_type{
        height:115px;
        margin-top: 25px;
    }
    .practice_type:before{
        display:none;
    }
    .mobile_practice_area .cbutton{
        margin: 25px auto;
        margin-bottom: 0;
        display: table;
    }
    .logo_sec img{
        width:100%;
    }
}


@media (max-width:575px){
    .sidebar-heading, .sidebar-list .widget-title{
        font-size: 28px;
    }
    .sidebar_second_heading{
        margin-top:25px;
    }
    .ph-number{
        position: absolute;
        right: 50%;
        top: 7px;
        margin-right: 0px !important;
    }
    .top-logo {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .top-menu {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
    .page-banner .banner-title {
        font-size: 28px;
        line-height: 38px;
    }
    .page-banner .h3{
        font-size:18px;
    }
    .menu-button {
        width: 50px;
        height: 45px;
    }
    .menu-button .menu-bar {
        width: 30px;
    }
    .menu-button .menu-bar-top, .menu-button.button-open .menu-bar-top {
        top: 9px;
    }
    .menu-button.button-open .menu-bar-bottom {
        top: 35px;
    }
    .ph-number {
        margin-right: 15px;
        width: 25px;
        height: 25px;
    }
    .mobile-ph, .mobile-ph a {
        line-height: 25px;
        width: 25px;
        height: 25px;
    }
    .mobile-ph a svg, .mobile-ph a img {
        width: 35px;
        height: 35px;
    }
    .search-icon {
        width: 22px;
        height: 22px;
        line-height: 22px;
        margin-right: 15px;
    }
    .search-icon svg, .search-icon img {
        width: 22px;
        height: 22px;
    }
    .menu-sidebar .menu-bar-wrapper li > a {
        padding: 10px 15px;
        font-size: 14px;
    }
    .menu-sidebar .menu-bar-wrapper .menu-item-has-children .sidebar-menu-arrow{
        height:50px;
    }
    .menu-sidebar .menu-bar-wrapper li .sub-menu li a{
        font-size: 14px;
    }
    .mainpage h1, .postlist-single h1 {
        font-size: 30px;
        line-height: 1.1;
    }
    .mainpage h2, .postlist-single h2 {
        font-size: 28px;
        line-height: 1.1;
    }
    .mainpage h3, .postlist-single h3 {
        font-size: 26px;
        line-height: 1.1;
    }
    .mainpage h4, .postlist-single h4 {
        font-size: 22px;
        line-height: 1.1;
    }
    .mainpage h5, .postlist-single h5 {
        font-size: 18px;
        line-height: 1.1;
    }
    .mainpage h6, .postlist-single h6 {
        font-size: 16px;
        line-height: 1.1;
    }
    .header-search-box span.closebtn {
        right: 0;
    }
    /* banner */
    .banner-home{
        height:-webkit-calc(115vh);
    }
    .mobile-feature-image img{
        width: 35%;
        height: 100%;
    }
    .video {
        margin-top:45px;
    }
    .mobile-personal-injury .details{
        margin-top:35px;
    }
    .before_div:before{
        right: -10px;
        top: -10px;
    }
    .news-areas-slider{
        padding:0px;
    }
    .add_details {
        margin-bottom:25px;
    }
    .case-result_title{
        font-size:14px;
    }
    .card-body p{
        font-size:14px;
        line-height:24px;
    }
    .written_reviews .media{
        display: initial !important;
    }
    .written_reviews_title {
        width: auto;
    }
    .written_reviews_title .case_type span {
        display: contents;
    }
    .written_reviews_details{
        margin:0 15px;
    }
    .author_detail span{
        display:block;
        top: auto;
    }
    .pcontent .wp-video{
        height:100%;
        margin-bottom: 15px;
    }
    .sidebar_testimonial:before {
        width: 113%;
    }
    .practice_detail{
        position:inherit;
        margin-top: 5px;
        display: inline-block;
    }
    .practice_type{
        height:115px;
        margin-top: 25px;
    }
    .practice_type:before{
        display:none;
    }
    .mobile_practice_area .cbutton{
        margin: 25px auto;
        margin-bottom: 0;
        display: table;
    }
    .logo_sec img{
        width:100%;
    }
    /* footer	 */
    .footer-logo {
        display: block;
        text-align: center;
    }
    .footer-logo .f-logo {
        margin-right: 0;
        width: auto;
        margin-bottom: 15px;
    }
    .footer-logo .f-des-block {
        width: 100%;
    }
    .footer-logo ul.sociallinks {
        justify-content: center;
    }
    .footer-logo ul.sociallinks li {
        margin: 0 5px;
    }
    .team-listing img.featured-img {
        height:340px;
    }
    .video-page .video_detail .icon:after {
        width: 58px;
        height: 38px;
    }
    .help-sec .description {
        font-size: 17px;
        line-height: 30px;
    }
    .map-sec .contactinfo {
        margin: 0 15px;
        width: calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
    }
    .attorney_sec img{
        height:100%;
        width:100%;
    }
    .add_details .media img{
        height: 32px;
        width: 45px;
    }
    .center_image img{
        height:100%;
        width:100%;
    }
    .home_testimonial .video{
        margin-top:0px;
    }
    .practice_detail svg, .practice_detail img{
        height:90px;
        width:70px;
    }

    .accordion-section .why_us_img img {
        height: 300px;
    }
}

/* Extra Small Devices View */
@media (max-width: 480px){
    .h2 .h2, h2, .heading, h2.title {
        font-size: 32px;
    }
    .btn {
        white-space: break-spaces;
    }
    h2.heading br {
        display: none;
    }
    .home-blog-sec .blog-heading {
        font-size: 20px;
    }
    .about-blockquote-sec .quote_col .profile {
        font-size: 15px;
        line-height: 24px;
    }
    .about-blockquote-sec .quote_col .blockquote {
        font-size: 16px;
        line-height: 30px;
    }
    .practice_sec .practice a {
        display: block !important;
        text-align: center;
    }
    .practice_sec .practice .practice-title {
        font-size: 17px;
        line-height: 26px;
        margin-left: 0;
        margin-top:10px;
    }
    .banner-home .banner-des {
        font-size: 2rem;
    }
}
@media (max-width:420px){
    .white-submit-btn::before {
        background-position: center 25px;
        background-size: 25px;
    }
    .white-submit-btn:hover::before {
        background-position: center -32px;
    }
}
@media (max-width:380px){
    .h2 .h2, h2, .heading, h2.title{
        font-size: 28px;
    }
    .home-blog-sec .post-image img.no-feature, .home-blog-sec .post-image img.featured-img {
        height: 250px;
    }
    .home-blog-sec .blog-heading {
        font-size: 18px;
        line-height: 26px;
    }
}