/* Start Header Area */

a{
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s
}

header{
    padding: 20px 0;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.header-left .logo img{
    width: 311px; 
    height: 55px; 
    object-fit: cover;
}

.header-right{
    display: flex;
    justify-content: flex-end;
}

.col-custom-6{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header-expert{
    padding-right: 40px;
}

.header-contact a{
    color: #000000;
    text-decoration: none;
    font-weight: 500;
}


.header-expert a{
    font-weight: 500;
}


.header-contact a:hover{
    transition: all 0.2s ease, visibility 0s;
    color: #0091E1;
}

.header-expert a{
    color: #000000;
}

.header-expert a:hover{
    color: #0091E1;
    text-decoration: none;
}


/* End Header Area */


/* Start Lawyers section */
.lawyers-main{
    background: #F9F1E6;
    padding: 135px 0;
}

.lawyers-main .col-xxl-7 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.lawyers-left span {
    text-transform: uppercase;
    font-size: 22px;
}

.lawyers-left h2 {
    font-size: 58px;
    line-height: 1.3em;
    padding-top: 15px;
}

.lawyers-left h2 span.bookkp-txt{
    text-decoration-line: line-through;
    font-size: 48px;
    font-size: 58px;
    color: #0077B8;
}

.lawyers-left p{
    padding: 30px 0;
}

.lawyers-right img {
    width: 100%;
    height: 84%;
    object-fit: cover;
}

.bookacall a{
    background: #0077B8;
    color: #fff;
    padding: 15px 30px;
    border-radius: 25px;
    text-decoration: none;
}

.bookacall a:hover{
    background: #004F7B;
    color: #fff;
}

.markstarred{
    padding-top: 30px;
    display: flex;
}

.markstarred a {
    text-decoration: none;
    width: 22px;
    display: inline-block;
    height: 22px;
}

.markstarred i{
    color: #FACC15;
    font-size: 18px;
}

.markstarred i:hover{
    color: #000;
    transition: all 0.2s ease, visibility 0s;
    font-size: 20px;
}

.yellow-star {
    padding-top: 10px;
    width: 130px;
}

.markstarred .star-right-txt {
    padding-left: 15px;
    position: relative;
}

.markstarred .star-right-txt p {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 0;
}

.markstarred .star-right-txt .horizontal {
    width: 1px;
    height: 35px;
    background: rgb(149,145,138);
    display: flex;
    position: absolute;
    top: 7px;
}

.layerest-svg img{
    width: 139px; 
    height: 81px; 
    object-fit: cover;
}


/* End Lawyers section */



/* Start  Company Brand */

.company-brand-main {
    padding: 40px 0;
    background: #FFFCF8;
}

.company-brand-main .col-xxl-2{
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* End  Company Brand */


/* Start firm important */

.firm-important-main {
    background: #FFFCF8;
    padding-top: 100px;
}

.firm-bg {
    background: #00283D;
    border-radius: 25px;
    padding-top: 85px;
    padding-bottom: 65px;
}

.firm-title h2{
    color: #fff;
    text-align: center;
    font-size: 48px;
}

.firm-title h2 span{
    color: rgb(154,204,231);
}

.checkmark {
    background: #E2F5FF;
    width: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    cursor: pointer;
    flex: 0 0 35px;
    margin-right: 15px;
}

.checkmark i{
    font-size: 18px;
}

.checklist-txt p{
    color: rgb(154,204,231);
}

.firm-important-main .checklist-wrapper {
    width: 1100px;
    margin: 0 auto;
}

.firm-important-checklist {
    display: flex;
    width: 340px;
    padding-top: 30px;
}

.yelp-wrapper {
    padding: 15px;
    background: #fff;
    border-radius: 15px 15px 0 0;
    margin-top: 50px;
}

.yelp-brand-client {
    padding-top: 50px;
    padding-left: 25px;
    width: 275px;
}

.yelp-brand-client img.ssb-while{
    width: 100%;
}

.client-info {
    text-align: center;
    padding-top: 15px;
}

.client-info h4{
    color: rgb(0,119,184);
    font-size: 20px;
}

.client-info img{
    border-radius: 0;
}

.yelp-wrapper-right h2 {
    color: rgb(0,119,184);
    font-size: 26px;
    margin-bottom: 25px;
}

.yelp-wrapper-right p {
    margin-bottom: 25px;
}

.yelp-wrapper .col-xxl-8{
    display: flex;
    align-items: center;
}

.view-more{
    text-align: right;

}

.view-more a {
    color: #E00707;
    text-decoration: none;
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.view-more i {
    background: #E00707;
    padding: 5px 6px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
}

/* End firm important */


/*  Start Successful  firm  */

.Success-firm{
    background: #FFFCF8;
}

.Success-firm-title {
    padding: 80px 0;
}

.Success-firm-title p{
    padding-top: 20px;
    text-align: center;
    font-size: 20px;
}

.Success-firm-title h2{
    font-size: 48px;
    text-align: center;
}

/*  End Successful  firm  */

/*  Start Law Daily Expense  */

.daily-expense {
    position: relative;
    padding-top: 50px;
    background: #FFFCF8;
}

.daily-expense::before {
    content: '';
    position: absolute;
    background: #0077B8;
    top: 0;
    left: 0;
    height: 490px;
    width: 35%;
    border-radius: 0 20px 20px 0;
}

.daily-expense-left {
    text-align: end;
    z-index: 1;
    position: relative;
    padding-right: 50px;
}

.daily-expense-left img{
    width: 70%;
}

.cost-variable .daily-expense-right{
    position: relative;
    text-align: center;
}

.cost-variable{
    position: relative;
    text-align: center;
}

.cost-variable .daily-expense-right h4 {
    font-size: 32px;
    color: #fff;
}

.cost-variable .daily-expense-right ul{
    margin-top: 15px;
}

.daily-expense-right ul li{
    padding: 10px 0px;
    line-height: 1.4;
}

.daily-expense-right h4 span{
    color: rgb(0,119,184);
}

.cost-variable .daily-expense-right p {
    padding: 10px 0;
    color: #FAFAFA;
}

.daily-expense-right a {
    margin-top: 5px;
    display: inline-block;
}

.daily-expense-right a:hover{
    background: #000;
    color: #fff;
}

.learn-more {
    border: 1px solid #000;
    border-radius: 30px;
    text-decoration: none;
    padding: 13px 30px;
    color: #000;
}

/*  End Law Daily Expense  */


/*  Start IOLTA Account  */

.daily-expense.IOLTA-ac {
    padding-bottom: 50px;
}

.daily-expense.IOLTA-ac::before {
    content: '';
    position: absolute;
    background: #005941;
    top: 0;
    right: 0;
    left: inherit;
    height: 550px;
    width: 35%;
    border-radius: 20px 0 0 20px;
}

.IOLTA-ac .IOLTA-xxl-6{
    display: flex;
    justify-content: flex-end;
}


.IOLTA-ac .daily-expense-right h4 span{
    color: #005941;
}

.accuracy-list b {
    font-size: 20px;
}

.accuracy-list b.danger-clr {
    color: #E00707;
}

.accuracy-list ul li {
    padding: 4px 0px;
    line-height: 1.4;
}

.daily-expense-left.trst-img2{
    padding-right: 0;
}

.daily-expense-left.trst-img2 img{
    width: 100%;
}


/*  End IOLTA Account  */


/*  Start IOLTA Account  */

.daily-expense.cost-variable {
    background: #FFFCF8;
    padding-bottom: 150px;
}

.daily-expense.cost-variable::before{
    background: transparent;
    border-radius: 0;
}

.cost-variable .daily-expense-right{
    background: #004F7B;
    padding: 50px 0px;
    border-radius: 20px;
}



.cost-variable .daily-expense-left {
    text-align: center;
    padding-left: 50px;
}

.cost-variable .daily-expense-right .learn-more{
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

.cost-variable .daily-expense-right .learn-more:hover{
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}

/*  End IOLTA Account  */


/* Start Our Service   */

.our-services{
    background: #00283D;
    padding-bottom: 30px;
}

.service-title h2 {
    font-size: 48px;
    color: rgb(154,204,231);
    padding-top: 60px;
    text-align: center;
}

.service-title {
    padding-bottom: 60px;
}

.service-single {
    background: rgba(0, 80, 123, 0.5);
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: rgba(0, 145, 225, 0.5) rgba(0, 145, 225, 0.5) rgba(0, 145, 225, 0.5) rgba(0, 145, 225, 0.5);
    border-radius: 10px 10px 10px 10px;
    width: 490px;
    padding: 20px;
    display: flex;
}

.service-single h3 {
    color: #fff;
    font-size: 26px;
}
.service-single p {
    color: #fff;
    padding-top: 10px;
    margin-bottom: 0;
}

.service-single-content{
    padding-left: 25px;
}

.arrowleft i {
    font-size: 30px;
    color: rgb(154,204,231);
}

.single-wrapper{
    width: 1050px;
    margin: 0 auto;
}

.single-wrapper .col-xxl-6{
    margin-bottom: 25px;
}

.schedule-meeting {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 30px;
}

.schedule-meeting a {
    background: #0091E1;
    border-radius: 30px;
    padding: 15px 20px;
    color: #fff;
    text-decoration: none;
}

.schedule-meeting a :hover{
    background: #0077B8;
}
/* End Our Service   */


/* Start why south   */

.why-south{
    padding: 95px 0;
    background: #FFFCF8;
}

.why-south-list{
    width: 700px;
    margin: 0 auto;
    margin-top: 35px;
}

.why-south-title h2 {
    font-size: 48px;
    text-align: center;
}

.why-south-list ul li {
    padding: 4px 0px;
    line-height: 1.4;
    font-size: 18px;
}

.south-mini-row {
    width: 840px;
    margin: 0 auto;
    margin-top: 30px;
}

.south-mini-single {
    background: #E2F5FF;
    padding: 25px;
    border-radius: 25px;
    width: 260px;
    text-align: center;
}

.south-mini-row .south-mini-single:hover{
    background: #004F7B;
    color: #fff;
    transition: all 0.2s ease, visibility 0s;
}

.single-txt p{
    text-align: center;
    margin-top: 10px;
    font-size: 18px;
}

.single-top {
    text-align: center;
    background: #fff;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: inline-grid;
    justify-content: center;
    align-items: center;
    flex: 0 0 80px;
}

.single-top path{
    fill: #0077b8;
}

.south-mini-row .col-xxl-4{
    margin-bottom: 30px;
}

.south-mini-row .call-now{
    padding-bottom: 0px;

}

.south-mini-row .call-now a{
    width: 180px;
    background: #222222;
}

.south-mini-row .call-now a:hover{
    width: 180px;
    background: #0091E1;
}

/* End why south   */


/* Start current IOLTA  */

.current-IOLTa{
    background: #FFFCF8;
}

.current-bg{
    background: #004F7B;
    border-radius: 15px;
    padding: 40px 0;
}

.current-title h2 {
    font-size: 48px;
    color: #fff;
    text-align: center;
}

.current-wrap {
    width: 700px;
    margin: 0 auto;
}

.current-txt ul {
    width: 100%;
}

.current-txt ul li{
    color: #FAFAFA;
    font-size: 16px ;
    padding: 8px 0px;
    line-height: 1.4;
}

.current-title{
    margin-bottom: 40px;
}

.current-right img{
    border-radius: 10px;
}
/* End current IOLTA  */



/* Start Pricing   */

.pricing{
    background: #FFFCF8;
}

.pricing .col-xxl-4{
    display: flex;
    justify-content: center;
}

.price-title {
    padding-top: 80px;
    padding-bottom: 0;
}

.price-title h2{
    font-size: 48px;
    text-align: center;
}


.price-title p{
    font-size: 16px;
    text-align: center;
    width: 690px;
    margin: 0 auto;
    margin-top: 30px;
}

.pricing-plan-box {
    border: 2px solid rgb(0,87,64);
    border-radius: 15px;
    text-align: center;
    background: #fff;
    width: 325px;
    height: 100%;
    position: relative;
}

.pricing-plan-box.active{
    border: 3px solid #0091E1;
    border-radius: 15px;
    text-align: center;
    background: #fff;
    width: 325px;
    height: 100%;
}

.pricing-top span {
    background: #0091E1;
    border-radius: 25px;
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: -15px;
    width: 210px;
    left: 55px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pricing-top {
    border-bottom: 1px solid rgb(0,87,64);
    padding-top: 45px;
    padding-bottom: 30px;
}

.pricing-top h3{
    font-size: 32px;
}

.pricing-top p {
    font-size: 20px;
    margin: 0 45px;
    margin-bottom: 20px;
}

.pricing-top a {
    background: #007050;
    color: #fff;
    text-decoration: none;
    border-radius: 25px;
    display: block;
    width: 150px;
    margin: 0 auto;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

.pricing-top a:hover{
    background: #005941;
    color: #fff;
}

.pricing-list ul{
    list-style: none;
    text-align: left;
    margin-top: 20px;
}

.pricing-list ul li {
    padding: 8px 0;
    display: flex;
}

.pricing-list ul li span {
    background: #E1F1E9;
    width: 25px;
    height: 25px;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    flex: 0 0 25px;
}


.pricing-list ul li span i {
    color: #007050;
    font-size: 14px;
    position: relative;
    top: 1px;
}

.call-to-action{
    text-align: center;
    padding-top: 75px;
}

.call-to.south-mini-single {
    width: 350px;
    background: #E1F1E9;
}

.pricing .single-top {
    width: 45px;
    height: 45px;
}

.call-to .single-top i {
    color: #007050;
    font-size: 25px;
    position: relative;
    top: 2px;
}

.call-row {
    width: 1030px;
    margin: 0 auto;
}

.call-to .single-txt p {
    margin-bottom: 0;

}

.call-to-action h3{
    font-size: 32px;
}

.call-to-action p {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.call-now {
    padding-top: 40px;
    padding-bottom: 90px;
}

.call-now a{
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 25px;
    display: block;
    width: 150px;
    margin: 0 auto;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

.call-now a:hover{
    background: #007050;
    color: #fff;
}

/* Start Pricing   */



/* Start Footer   */

.footer {
    background: #012241;
    padding-bottom: 15px;
}

.footer-middle {
    border-top: 1px solid rgb(241,241,241, 0.2);
    border-bottom: 1px solid rgb(241,241,241, 0.2);
    margin: 0px 45px;
    padding: 75px 0;
}

.footer-top-title {
    text-align: center;
    padding-top: 50px;
}

.footer-top-title h2{
    font-size: 58px;
    color: #fff;
}

.footer-top-title h2 span{
    text-decoration-line: line-through;
    text-align: center;
    color: #9ACCE7;
}

.footer-top-title .call-now a{
    background: #0091E1;
}

.footer-top-title .call-now a:hover{
    background: #0077B8;
}


.footer-top-title .call-now a:hover{
    background: #0077B8;
}

.footer-logo h4 {
    color: rgb(241,241,241);
    font-size: 28px;
    text-transform: uppercase;
}

.footer-logo p {
    color: #8091a0;
    padding: 10px 0;
}

.footer-logo .call-now{
    padding: 0;
}

.footer-logo .call-now a {
    margin: 0;
    background: #0091E1;
    width: 180px;
}

.footer-logo .call-now a:hover{
    background: #0077B8;
}

.get-touch h5 {
    color: #8091a0;
    padding-top: 30px;
    padding-bottom: 15px;
}

.get-touch ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.get-touch ul li{
    color: rgb(241,241,241);
}

.get-touch ul li a{
    text-decoration: none;
    color: rgb(241,241,241);
}

.get-touch ul li a:hover{
    text-decoration: underline;
    color: #9ACCE7;
}

.get-touch ul li i {
    color: #9ACCE7;
    font-size: 20px;
    padding-right: 15px;
    padding: 10px 0;
    padding-right: 10px;
    position: relative;
    top: 3px;
}

.footer-menu-list h5 {
    color: #8091a0;
    margin-bottom: 15px;
}
.footer-menu-list ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu-list ul li{
    padding: 10px 0;
}

.footer-menu-list ul li a {
    text-decoration: none;
    color: rgb(241,241,241);
    padding-left: 15px;
}

.footer-menu-list ul li a:hover{
    text-decoration: underline;
    color: #9ACCE7;
}

.mt4{
    margin-top: 30px;
}

.footer-col-4 {
    display: flex;
    justify-content: center;
    padding-right: 60px;
}

.last-col-4{
    display: flex;
    justify-content: center;
}

.copyright{
    text-align: center;
    padding-top: 30px;
}

.copyright p{
    color: #8091a0;
}

/* End Footer   */



/* Start Backto Top */

#backtoTop {
    --stroke-width: 1;
    --fill-opacity: 1;
    --stroke: #FFFFFF;
    --stroke-opacity: 0.5;
    --fill: #012241;
    --svg-calculated-padding: 0px 1px 1px 0px;
    --svg-calculated-width: calc(100% - 1px);
    --svg-calculated-height: calc(100% - 1px);
}

#backtoTop {
    width: 50px;
    height: 50px;
    bottom: 30px;
    right: 40px;
    position: fixed;
    cursor: pointer;
}

svg.progress-circle{
    width: 50px;
    height: 50px;
}

.progress-wrap {
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.progress-wrap.active-progress {
    opacity: 1;
    right: 50px;
    visibility: visible;
    transform: translateY(0);
}
/* End Backto Top */


/* Start Header Sticky Menu */



header {
    position: relative;
    z-index: 1;
}


.header-sticky.sticky {
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
    animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
    box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
    background: #fff;
}


@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}



/* Header Sticky Menu */




/* Start Responsive Css Code  */


/********************************************************/
/* over devices **********************************/
/***/ 
@media only screen and (min-width: 1600px){


}

/********************************************************/
/* xxl devices **********************************/
/***/   
@media only screen and (min-width: 1400px) and (max-width: 1599px) {

    .lawyers-left h2 {
        font-size: 43px;
    }
}

/********************************************************/
/* xl devices **********************************/
/***/ 
@media only screen and (min-width: 1200px) and (max-width: 1399px) {


}


/********************************************************/
/* lg devices **********************************/
/***/  
@media only screen and (min-width: 992px) and (max-width: 1199px) {


    /*  Start Lawyers-section  */

    .lawyers-right img{
        width: 100%;
    }

    .lawyers-left h2 {
        font-size: 35px;
        margin-top: 25px;
    }

    .yellow-star {
        padding-top: 10px;
        width: 140px;
    }

    .markstarred .star-right-txt {
        padding-left: 0;
    }

    .markstarred .star-right-txt p {
        padding-left: 13px;
    }

    .lawyers-left p br{
        display: none;
    }

    .lawyers-left h2 br{
        display: none;
    }

    .lawyers-left h2 span.bookkp-txt {
        font-size: 40px;
    }

    .layerest-svg img {
        margin-left: 20px;
    }

    .lawyers-main .col-xxl-7.col-lg-6{
        align-items: center;
    }

    .lawyers-main {
        padding: 85px 0;
    }
    
    .lawyers-right img {
        height: 340px;
        object-fit: unset;
    }


    /*  Start firm important */

    .firm-important-main .checklist-wrapper {
        width: 100%;
        margin: 0 auto;
    }
    
    .firm-important-checklist {
        width: 300px;
    }

    .yelp-wrapper {
        margin-top: 30px;
    }

    /* Start Successful  firm  */

    .Success-firm-title {
        padding: 60px 0;
    }

    .daily-expense-left.trst-img2 img {
        position: absolute;
        right: 0;
        top: 75px;
    }  


    /*  Start Our Service */
    .single-wrapper {
        width: 100%;
    }

    /* Start current IOLTA */
    .current-wrap {
        width: 100%;
    }

    .daily-expense.IOLTA-ac::before {
        top: 50px;
        height: 490px;
    }

    /* Start Pricing  */

    .call-row {
        width: 100%;
        margin: 0 auto;
    }

    .daily-expense.cost-variable {
        padding-bottom: 115px;
    }
    

    /* Our Services */

    .service-title {
        padding-bottom: 50px;
    }

    .service-title h2 {
        padding-top: 40px;
    }

    .service-single {
        width: 100%;
    }

    .service-single h3 {
        font-size: 25px;
    }


    /* Start Why South */

    .why-south {
        padding: 80px 0;
        background: #FFFCF8;
    }

    .south-mini-row {
        margin-top: 15px;
    }

    .south-mini-row .call-now {
        padding-top: 10px;
    }

    .current-title h2 {
        font-size: 35px;
    }

    .current-title h2 br{
        display: none;
    }

    .current-right img{
        width: 100%;
    }

    .price-title {
        padding-top: 65px;
        padding-bottom: 10px;
    }

    .pricing-top p {
        font-size: 20px;
        margin: 0 25px;
        margin-bottom: 20px;
    }

    .call-to-action {
        padding-top: 35px;
    }


    /* Footer Start */

    .footer-top-title h2 br{
        display: none;
    }



    .footer-top-title h2 {
        font-size: 40px;
    }
    

    .footer-top-title .call-now{
        padding-bottom: 40px;
    }

    .footer-top-title {
        text-align: center;
        padding: 40px 0;
        padding-bottom: 0;
    }

    
}
  
/********************************************************/
/* md devices **********************************/
/********************************************************/

@media only screen and (min-width: 768px) and (max-width: 991px) {

    /* Start Header  */

    .header-left .logo img {
        width: 250px;
    }


    /* Start Lawyers-section */

    .firm-important-main {
        padding-top: 80px;
    }

    .lawyers-main{
        padding: 65px 0;
    }

    .lawyers-left{
        margin-bottom: 60px;
    }

    .lawyers-right{
        text-align: center;
    }

    .lawyers-right img {
        width: 100%;
    }

    .lawyers-main .col-xxl-7 {
        display: block;
    }

    .lawyers-left h2 {
        font-size: 48px;
    }

    /* Start Company Brand  */
    .company-brand-main .col-xxl-2 {
        width: 33%;
    }

    /*  Start firm important */

    .firm-important-main .checklist-wrapper {
        width: 100%;
    }

    .firm-title h2 {
        font-size: 40px;
    }

    .firm-bg {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .yelp-brand-top{
        text-align: center;
    }

    .yelp-brand-client {
        padding-top: 30px;
        padding-left: 0;
        width: 250px;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    

    /* Success firm  */

    .Success-firm-title {
        padding: 40px 0;
    }

    .Success-firm-title h2 {
        font-size: 40px;
        text-align: center;
    }

    /* Start Law Daily Expense */

    .daily-expense::before {
        width: 70%;
    }


    /*  Start Our Service */
    .single-wrapper {
        width: 100%;
    }

    /* Start current IOLTA */
    .current-wrap {
        width: 100%;
    }

    .IOLTA-ac .IOLTA-xxl-6 {
        display: block;
    }

    .daily-expense.IOLTA-ac:before{
        top: inherit;
        left: inherit;
        height: 500px;
        width: 50%;
        bottom: 50px;
    }

    .daily-expense-left.trst-img2 img{
        position: relative;
        top: 25px;
    }

    /* Our Services */

    .our-services {
        margin-top: 50px;
    }

    .service-title h2 {
        font-size: 40px;
        padding-top: 50px;
    }

    .service-single {
        width: 100%;
        display: block;
        height: 100%;
    }

    .service-single h3 {
        margin-top: 15px;
    }

    .service-title {
        padding-bottom: 35px;
    }

    .service-single-content {
        padding-left: 0;
    }

    /* Start Why South  */

    .south-mini-row {
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .why-south-title h2 {
        font-size: 40px;
    }

    .why-south {
        padding: 50px 0;
    }

    .why-south-list ul li {
        padding: 10px 0px;
        line-height: 1.4;
        font-size: 17px;
    }

    .south-mini-row .col-xxl-4 {
        margin-bottom: 30px;
        height: 100%;
    }

    .south-mini-single {
        width: 100%;
        height: 215px;
    }

    .south-mini-row .call-now {
        padding-top: 15px;
        padding-bottom: 0px;
    }

    /* Start current IOLTA  */

    .current-txt ul {
        width: 100%;
    }

    .current-title h2 {
        font-size: 35px;
    }

    .current-txt ul li {
        font-size: 16px;
    }

    .current-right img {
        width: 100%;
    }

    .current-IOLTa .current-wrap .col-right{
        display: flex;
        align-items: center;
    }

    
    /* Start Variable  */

    .daily-expense.cost-variable {
        padding-bottom: 50px;
    }

    /* Start Pricing */

    .price-title h2 {
        font-size: 40px;
    }

    .price-title {
        padding-top: 40px;
    }

    .call-row {
        width: 100%;
        margin: 0 auto;
    }

    .last-col{
        margin-top: 40px;
    }

    .call-to-action {
        padding-top: 45px;
    }

    .call-to.south-mini-single {
        width: 100%;
    }

    .single-txt p {
        margin-top: 25px;
        font-size: 16px;
    }

    
    /* Footer */

    .footer-top-title h2 {
        font-size: 40px;
    }

    .footer-top-title {
        padding: 40px 0;
    }

    .footer-top-title .call-now {
        padding-bottom: 0px;
    }

    .last-col-4 {
        justify-content: flex-start;
    }


    .call-now {
        padding-top: 20px;
        padding-bottom: 80px;
    }

}


/********************************************************/
/* xs devices **********************************/
/********************************************************/
@media (max-width: 767px){

    /* Start Header area */
    .header-left .logo img {
        width: 250px;
    }

    .header-right {
        display: block;
        margin-top: 15px;
    }

    .col-custom-6{
        display: block;
    }


    /* Start layer Section */

    .lawyers-main {
        padding: 50px 0;
    }

    .lawyers-left h2 {
        font-size: 40px;
        padding: 25px 0;
        margin-bottom: 0;
        padding-top: 0;
    }

    .lawyers-left h2  br{
        display: none;
    }

    .lawyers-left h2 span.bookkp-txt {
        font-size: 40px;
    }

    .lawyers-left p br{
        display: none;
    }

    .lawyers-left p {
        padding-top: 10px;
    }

    .markstarred {
        padding-top: 25px;
        display: block;
    }

    .markstarred .star-right-txt {
        padding-left: 0;
        position: relative;
        padding-top: 10px;
    }

    .layerest-svg{
        padding-top: 15px;
    }

    .markstarred .star-right-txt .horizontal {
        display: none;
    }
     
    .layerest-svg svg{
        margin-bottom: 15px;
    }

    .markstarred .star-right-txt p {
        padding-left: 0;
    }

    .lawyers-right {
        padding: 50px 0;
        padding-bottom: 35px;
    }
    
    .lawyers-right img{
        width: 100%;
    }


    /* Start Company Brand  */

    .company-brand-main .col-xxl-2 {
        width: 100%;
        display: block;
        text-align: center;
    }

    .company-brand {
        padding: 15px 0;
    }

    /* Start firm important */

    .firm-important-main {
        padding-top: 80px;
    }

    .firm-title h2 {
        font-size: 36px;
    }
    .firm-title h2 br{
        display: none;
    }

    .firm-bg {
        padding-top: 50px;
    }

    .firm-important-checklist {
        width: 280px;
    }

    .checklist-txt p br{
        display: none;
    }

    .yelp-brand-client {
        padding-top: 25px;
        padding-left: 0;
        width: 250px;
        margin: 0 auto;
    }

    .yelp-wrapper-right h2 {
        font-size: 24px;
        margin-bottom: 25px;
        margin-top: 45px;
    }

    .firm-important-main .checklist-wrapper {
        width: 100%;
        margin: 0;
    }

    .view-more a {
        justify-content: flex-start;
    }
    


    /* Start Successful  firm */

    .Success-firm-title h2 {
        font-size: 36px;
    }

    .Success-firm-title {
        padding: 55px 0;
    }

    .daily-expense-left img{
        width: 100%;
    }

    .daily-expense::before {
        height: 315px;
        width: 55%;
    }

    .Success-firm-title br{
        display: none;
    }

    .daily-expense .daily-expense-right{
        margin-top: 30px;
    }
    
    .daily-expense-right.iolta-acc{
        margin-top: 0;
    }

    .daily-expense-right h4 {
        font-size: 30px;
        margin-top: 0;
    }

    .daily-expense-right h4 br{
        display: none;
    }

    .daily-expense.IOLTA-ac::before {
        bottom: 15px;
        right: 0;
        left: inherit;
        height: 285px;
        width: 55%;
        border-radius: 20px 0px 0px 25px;
        top: inherit;
    }

    .daily-expense-left.trst-img2 img {
        padding-top: 30px;
        position: relative;
        top: 15px;
    }

    .daily-expense-right.iolta-acc h4{
        margin-top: 0;
    }

    .daily-expense.IOLTA-ac {
        padding-top: 80px;
    }

    .daily-expense-left.trst-img2{
        margin-top: 30px;
    }


    /* Our Service */

    .our-services {
        margin-top: 50px;
    }

    .service-title h2 {
        font-size: 36px;
        padding-top: 30px;
    }

    .service-title {
        padding-bottom: 40px;
    }

    .service-single {
        width: 100%;
        display: block;
    }

    .service-single-content {
        padding-left: 0;
    }

    .single-wrapper {
        width: 100%;
        margin: 0;
    }

    .arrowleft i {
        font-size: 24px;
        color: rgb(154,204,231);
    }

    .service-single h3 {
        margin-top: 15px;
        font-size: 24px;
    }


    /*  Start Why South  */

    .why-south-title h2 {
        font-size: 36px;
        text-align: center;
    }

    .why-south {
        padding: 70px 0;
    }

    .why-south-list {
        width: 100%;
        margin-top: 25px;
    }

    .why-south-list ul li {
        padding: 12px 0px;
        font-size: 16px;
    }

    .south-mini-row {
        width: 100%;
    }

    .south-mini-single {
        width: 100%;
    }



    /* Start current IOLTA */

    .current-title h2 {
        font-size: 32px;
    }

    .current-title h2 br{
        display: none;
    }

    .current-wrap {
        width: 100%;
    }

    .current-txt ul {
        width: 100%;
    }

    .current-title {
        margin-bottom: 25px;
    }

    .current-right img {
        border-radius: 10px;
        width: 100%;
    }


    /* Start Variable  */

    .daily-expense.cost-variable {
        padding-top: 70px;
        padding-bottom: 40px;
    }

    .daily-expense.cost-variable p br{
        display: none;
    }

    .cost-variable .daily-expense-right {
        padding: 50px 20px;
        border-radius: 20px;
    }


    /* Start Pricing  */

    .price-title h2 {
        font-size: 32px;
    }

    .price-title {
        padding-top: 55px;
        padding-bottom: 0;
    }

    .price-title p {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .pricing-plan-box {
        width: 100%;
        height: 100%;
    }

    .pricing .col-xxl-4 {
        display: block;
        margin-bottom: 50px;
    }

    .pricing-plan-box.active {
        width: 100%;
        height: 100%;
    }

    .pricing-top {
        border-bottom: 1px solid rgb(0,87,64);
        padding-top: 25px;
        padding-bottom: 30px;
    }

    .pricing-top p {
        font-size: 18px;
        margin: 0 35px;
        margin-bottom: 20px;
    }

    /* Call to action */

    .call-to-action {
        padding-top: 0;
    }

    .call-to-action h3 {
        font-size: 30px;
    }

    .call-row {
        width: 100%;
    }

    .pricing .col-xxl-4 {
        display: block;
        margin-bottom: 40px;
    }

    .call-to.south-mini-single {
        width: 100%;
    }

    .single-txt p {
        font-size: 17px;
    }

    .call-now {
        padding-top: 0;
        padding-bottom: 80px;
    }

    /* Start Footer Section */


    .footer-top-title h2 {
        font-size: 27px;
    }

    .footer-top-title .call-now {
        padding-top: 0;
        padding-bottom: 50px;
    }


    .footer-top-title h2 br{
        display: none;
    }

    .footer .call-now a {
        margin-top: 35px;
    }

    .footer-top-title {
        padding: 40px 0;
        padding-bottom: 0;
    }

    .footer-middle {
        margin: 0px 45px;
        padding: 35px 0;
    }

    .footer-middle {
        margin: 0px 15px;
        padding: 35px 0;
    }

    .footer-col-4 {
        display: block;
        margin-top: 40px;
    }

    .footer-menu-list ul li a {
        padding-left: 0;
    }

    .last-col-4 {
        display: block;
        margin-top: 40px;
    }

}


/********************************************************/
/* sm devices **********************************/
/********************************************************/

@media only screen and (min-width: 576px) and (max-width: 767px) {
    /* Start header Area*/

    /* End header Area*/
    
}

   

/********************************************************/
/* Custom devices **********************************/
/********************************************************/

@media only screen and (min-width: 376px) and (max-width: 430px){




}