/*////////////////////////////////////////////////////////////////////////////////////////////////////

    MEDIA BREAKPOINTS to check: 2560,1920,1440,1366,1280,1024- 800,768,720,600- 480,414,380,360,320 

////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*for 2560*/

@media only screen and (min-width: 1801px){

    .footer-mobile{

        display: none;

    }

    .hero-line-mobile{

        display: none;

    }

    .line-practice-img-mobile{

        display: none;

    }

    .line-contact-img-mobile{

        display: none;

    }

    .container{

        max-width: 85% !important;

    }

    iframe{

        height: 720px;

    }

    .line-contact-img{

        top: -60%;

        right: 16px;

        width: 98.2%;

    }

    .contact-us .row h5 {

        font-size: 25px;

    }

    .contact-us .row p, .contact-us .row a{

        font-size: 20px;

    }

    .nav-link{

        font-size: 20px !important;

    }

    .nav-item .call-img {

        max-width: 60px !important;

    }

    .hero h1{

        font-size: 70px;

    }

    .hero p{

        font-size: 25px;

    }

    .hero-btn{

        font-size: 20px;

    }

    .hero-shape{

        max-height: 66vh;

    }

    .hero-line{

        max-height: 80vh;

    }

    .about h2, .practice-mobile h2, .legal-pkg h2, .contact-us h2, #contact-us-bottom h2, .people h2{

        font-size: 70px;

    }

    .about p{

        font-size: 20px;

    }

    .about .row span{

        font-size: 90px;

    }

    .tab button{

        font-size: 21px;

    }

    .centered{

        font-size: 50px;

    }

    .card{

        height: 70vh;

    }

    .card img{

        height: unset;

    }

    .card-text h5{

        font-size: 35px;

    }

    .card-text p{

        font-size: 16px;

    }

    .case-box{

        width: 90%;

    }

    .case-box .list-case-box{

        font-size: 28px;

        left: 10px;

    }

    .readmore-btn{

        font-size: 15px;

    }

    #hero{

        padding: 150px 0;

    }

    #practice-area, #legal-packages, #contact{

        padding: 100px 0;

    }

    #about, #about2{

        padding: 180px 0 70px 0;

    }

    .tab button {

        font-size: 25px;

    }

    .line-practice-img {

        height: 99%;

    }

    .swiper-container{

        padding-top: 80px !important;

    }

    .swiper-button-next {

        width: 50px !important;

        height: 50px !important;

    }

    .swiper-button-prev{

        width: 50px !important;

        height: 50px !important;

        left: 93% !important;

    }

    .card-content{

        height: 70vh;

    }

    .card-title{

        font-size: 45px;

    }

    .vertical-line-hero{

        bottom: -20px;

    }

    .case-box p, .contact-us .row a{

        font-size: 22px;

    }

    .form-control{

        font-size: 20px !important;

    }

    .reach-us-btn {

        font-size: 25px;

    }

    footer .f-text, footer p{

        font-size: 20px;

    }

    .vertical-line-about-container h2 {

        font-size: 50px !important;

    }

    .legal-pkg-mobile .case-box {

        height: 40vh;

    }

    .about-profile-img {

        padding-top: 23%;

    }

}

/*for 1440*/

@media only screen and (min-width: 1281px) and (max-width: 1800px){

    .footer-mobile{

        display: none;

    }

    .hero-line-mobile{

        display: none;

    }

    .line-practice-img-mobile{

        display: none;

    }

    .line-contact-img-mobile{

        display: none;

    }

    .container.map {

        max-width: 84.3% !important;

        margin-left: 121px;

    }

    iframe{

        height: 520px;

        width: 104.5%;

    }

    .container{

        max-width: 85% !important;

    }

    .line-contact-img {

        top: -60%;

        height: 500px;

        width: 101.6%;

        right: -3%;

    }

    .swiper-button-prev {

        left: 94% !important;

    }

    .swiper-container{

        padding-top: 45px !important;

    }

}

/*for 1024*/

@media only screen and (min-width:1000px) and (max-width: 1280px){

    .footer-mobile{

        display: none;

    }

    .hero-line-mobile{

        display: none;

    }

    .line-practice-img-mobile{

        display: none;

    }

    .line-contact-img-mobile{

        display: none;

    }

    .navbar .container{

        max-width: 100% !important;

    }

    .nav-item{

        padding: 10px 9px !important;

    }

    .navbar-brand img {

        max-width: 150px !important;

    }

    #hero {

        padding: 100px 0;

    }

    .hero h1 {

        font-size: 40px;

    }

    .hero p {

        font-size: 15px;

    }

    .hero p.pb-5{

        padding-bottom: 20px !important;

    }

    .hero-btn {

        font-size: 12px

    }

    .hero-line {

        width: 95%;

        right: 19px;

        top: 30px;

        height: 79.5vh;

    }

    .hero-shape {

        width: unset;

        right: 25%;

        max-height: 67vh;

    }

    .vertical-line-hero{

        bottom: -20px;

    }

    .vertical-line-about-container h2 {

        font-size: 30px !important;

    }

    .about h2, .practice-desktop h2, .legal-pkg h2, .contact-us-bottom h2, .people h2{

        font-size: 30px;

    }

    .about p {

        font-size: 13px;

    }

    .about h2.pb-5, .people h2.py-5{

        padding-bottom: 20px !important;

    }

    .about .h2-2nd {

        padding: 60px 0;

    }

    .about .row span {

        font-size: 50px !important;

    }

    .about-aboutus-img {

        top: 3px;

        right: 3%;

        width: 84%;

    }

    .about-profile-img {

        width: 80%;

    }

    .vertical-line-about {

        height: 160px;

    }

    .container.practice-desktop{

        max-width: 100%;

    }

    .centered {

        font-size: 30px;

    }

    .card-text h5 {

        font-size: 25px;

    }

    .tab button{

        font-size: 15px;

    }

    .line-practice-img{

        height: 695px;

    }

    .case-box p, .view-all-btn{

        font-size: 14px;

    }

    .contact-us h2{

        font-size: 30px;

        padding-bottom: 30px;

    }

    .contact-us .row h5 {

        font-size: 15px;

        padding-bottom: 15px;

    }

    .container.map {

        max-width: 93% !important;

        margin-left: 41px;

    }

    .line-contact-img {

        right: 47px;

        width: 90%;

    }

    .container.contact-us {

        margin-left: 6% !important;

    }

    .container.contact-us .row{

        max-width: 100%;

    }

    .line-contact-img{

        top: -73%;

        right: 2%;

        width: 96%;

    }

    .contact-us .row p, .contact-us .row a {

        width: 80%;

    }

    #contact-us-bottom h2 {

        width: 60%;

    }

    footer {

        padding: 20px 0;

    }

    footer .f-text, footer p{

        font-size: 12px !important;

    }

    .fa-facebook, .fa-linkedin {

        height: 35px;

        width: 35px;

        padding: 11px 13px;

        font-size: 15px !important;

    }

    .swiper-button-prev {

        left: 93% !important;

    }

    .button-area h2 {

        font-size: 30px;

    }

    .card-title {

        font-size: 35px;

    }

    .swiper-container{

        padding-top: 45px !important;

    }

    .contact-us .row p, .contact-us .row a{

        font-size: 11.5px;

    }

    .case-box .list-case-box {

        font-size: 18px;

    }

    .case-box p {

        padding: 8px 35px;

    }

}

/*for Ipad Pro*/

@media only screen and (width: 1024px) and (height: 1366px){

    .hero-shape{

        max-height: 420px;

    }

    .vertical-line-hero {

        bottom: -50px;

    }

    .legal-pkg-mobile .case-box {

        height: 15vh;

    }

}

/*for tablet/ipad*/

@media only screen and (min-width: 481px) and (max-width: 999px){


    .footer-mobile{

        display: none;

    }

    .hero-line-mobile{

        display: none;

    }

    .line-practice-img-mobile{

        display: none;

    }

    .line-contact-img-mobile{

        display: none;

    }

    .hero-profile{

        display: none;

    }

    .container.practice-desktop{

        max-width: 100% !important;

    }

    .navbar-brand img {

        max-width: 150px !important;

    }

    #hero{

        padding: 80px 0;

    }

    .container.hero{

        padding: 0;

    }

    .hero h1 {

        font-size: 40px;

    }

    .hero-shape {

        width: 46%;

        right: 26%;

    }

    .hero-line {

        width: 94%;

        right: 22px;

    }

    .container.hero .pb-5{

        padding-bottom: 18px !important;

    }

    .hero p {

        font-size: 15px;

    }

    .hero-btn {

        font-size: 14px;

        padding: 15px 21px 15px 21px;

    }

    .hero-btn::before {

        width: 50px;

        left: -19%;

    }

    .vertical-line-hero {

        height: 50px;

        bottom: -2%;

    }

    #about, #about2{

        padding: 80px 0 20px 0;

    }

    #practice-area, #legal-packages, #contact{

        padding: 50px 0;

    }

    .about h2, .people h2 {

        font-size: 30px;

        padding-bottom: 20px !important;

    }

    .about p {

        font-size: 15px;

        margin-right: 0%;

    }

    .about .h2-2nd{

        padding: 30px 0;

    }

    .container.about .row .col-lg-4.col-md-6.col-6.mr-5.col-sm-6{

        margin-right: 0 !important;

    }

    .about .row span {

        font-size: 60px !important;

    }

    .about h5 {

        font-size: 15px;

    }

    .about-profile-img {

        padding-top: 35%;

        width: 100%;

    }

    .vertical-line-about-container{

        width: 100%;

    }

    .vertical-line-about-container h2{

        font-size: 28px !important;

    }

    .vertical-line-about {

        height: 160px;

    }

    .line-practice-img {

        height: 706px;

    }  

    .practice-desktop h2{

        font-size: 30px;

    } 

    .button-area {

        margin-left: 100px;

    }

    .tab button{

        font-size: 15px;

        padding: 20px 8px 20px 0;

    }

    .centered{

        font-size: 28px;

    }

    .card ,.card-content, .card img{

        height: 45vh;

    }

    i

    .card-title{

        font-size: 30px;

    }

    .card-text h5 {

        font-size: 20px;

    }

    .card-text p {

        font-size: 12px;

        padding-bottom: 20px;

    }

    .readmore-btn {

        font-size: 10px;

        padding: 15px 29px 20px 29px;

    }

    .case-box{

        height: 190px;

    }

    .case-box .list-case-box {

        padding: 8px 10px;;

        font-size: 14px;

        left: 0;

        top: 20px;

    }

    .case-box p {

        margin-right: auto;

        margin-left: auto;

        padding: 20px 32px;

        font-size: 12px;

    }

    .legal-pkg-img {

        position: absolute;

        top: 19%;

        width: 45%;

    }

    .legal-pkg h2 {

        font-size: 30px;

        padding-bottom: 30px;

    }

    .view-all-btn {

        font-size: 14px;

    }

    .container.legal-pkg .text-center.py-5{

        padding: 30px 0 !important;

    }

    .contact-us h2 {

        font-size: 30px;

        padding-bottom: 30px;

    }

    .contact-us .row p, .contact-us .row a{

        font-size: 13px;

        width: 85%;

    }

    .container.contact-us {

       margin: 0 auto !important;

        max-width: 85%;

    }

    .line-contact-img {

        right: 17px;

        top: -76%;

        width: 96%;

    }

    .contact-us-img{

        width: 50%;

    }

    #contact-us-bottom h2 {

        font-size: 30px;

        width: 60%;

        margin: 0 auto;

        margin-bottom: 30px;

    }

    .reach-us-btn {

        font-size: 12px;

        border: 1px solid #b9b5b5;

        padding: 10px 29px 15px 29px;

    }

    footer .container {

        max-width: 100% !important;

    }

    footer p {

        padding-top: 20px;

        font-size: 10px;

    }

    footer .f-text{

        font-size: 10px !important;

    }

    .fa-facebook, .fa-linkedin {

        height: 30px;

        width: 30px;

        padding: 8px 10px;

        font-size: 15px !important;

        margin-right: 10px !important;

    }

    footer .row.float-lg-right.float-md-right.mt-4.align-self-end{

        margin-top: 10px !important;

    }

    .swiper-button-prev {

        left: 90% !important;

    }

    .button-area {

        margin-left: 220px;

    }

    .swiper-container{

        padding-top: 45px !important;

    }

    .contact-us .row h5 {

        font-size: 18px;

    }

    .legal-pkg-mobile .case-box {

        height: 20vh;

    }

}

/*optional*/

@media only screen and (max-width: 600px){}

/*for lg phone*/

@media only screen and (max-width: 480px){
    #about2 .about-profile-img {
        width: 100%;
        object-fit: contain;
        background: white;
        height: 300px;
        padding: 0;
    }

    .practice-desktop{

        display: none;

    }

    .hero-profile{

        display: none;

    }

    .navbar-brand img {

        max-width: 150px !important;

    }

    #hero{

        padding: 50px 0

    }

    .hero .col-lg-8.col-md-12.col-sm.text-center{

        width: 72%;

    }

    .hero h1 {

        font-size: 35px;

        padding-bottom: 10px;

    }

    .hero p {

        font-size: 15px;

        line-height: 2;

        margin: 0 auto;

        width: 70%

    }

    .hero-btn {

        font-size: 14px;

        padding: 12px 17px 15px 23px;

    }

    .hero-btn::before {

        width: 38px;

    }

    .hero-line {

        position: absolute;

        width: unset;

        right: 19px;

        top: 30px;

        max-height: 480px;

    }

    .hero-shape {

        width: unset;

        right: 42%;

        top: 32%;

        max-height: 342px;

    }

    .vertical-line-hero {

        bottom: -30px;

    }

    .container.about{

        max-width: 90% !important;

    }

    #about, #about2 {

        padding: 50px 0 0 0;

    }

    .about h2, .people h2 {

        font-size: 30px;

        padding-bottom: 10px !important;

        text-align: center;

    }

    .about p {

        font-size: 15px;

        text-align: center;

        line-height: unset;

        width: unset;

    }

    .about .h2-2nd {

        padding: 30px 0;

    }

    .about .row span {

        font-size: 50px !important;

    }

    .col-lg-4.col-6.mr-5.col-sm-6

    {

        margin-right: 0 !important;

    }

    .about h5 {

        font-size: 15px;

    }

    .about-aboutus-img {

        position: absolute;

        top: 45px;

        right: 14%;

        width: 70% !important;

    }

    .about-profile-img {

        width: 83%;

        position: relative;

        padding-top: 80px;

        padding-bottom: 20px;

        margin-right: auto;

    }

    .vertical-line-about{

        display: none;

    }

    .vertical-line-about-container {

        margin: 0 auto;

        width: 95%;

        padding: 40px 0 0 0; 

    }

    .vertical-line-about-container::before {

        position: absolute;

        width: inherit;

        height: 1px;

        content: "";

        background: white;

        top: 10%;

        outline: 0;

    }

    .vertical-line-about-container h2{

        font-size: 27px;

    }

    .container.practice-mobile{

        max-width: 90%;

    }

    .button-area{

        margin-left: 10%;

    }

    .practice-mobile h2{

        font-size: 30px;

        text-align: right;

        margin-right: 2%;

    }

    .tab button{

        font-size: 14px;

        padding: 10px 0;

    }

    .tab button.active::after {

        width: 35px;

        right: 13%;

    }

    .tabcontent{

        padding: 0px;

    }

    .legal-pkg h2{

        font-size: 30px;

    }

    .legal-pkg-img {

        position: absolute;

        top: 17%;

        width: 81%;

        left: -25%;

    }

    .text-center.py-5{

        padding: 22px 0 !important;

    }

    .view-all-btn{

        font-size: 12px;

    }

    .container.contact-us{

        margin-left: auto !important;

        max-width: 80%;

    }

    .contact-us h2 {

        font-size: 30px;

        padding-bottom: 20px;

    }

    .contact-us .row h5 {

        padding-bottom: 5px;

    }

    .contact-us .row p, .contact-us .row a{

        font-size: 13px;

        width: 100%;

    }

    .contact-us .row .col-lg-3{

        margin-bottom: 20px;

    }

    .contact-us-img{

        display: none;

    }

    #contact-us-bottom h2 {

        font-size: 30px;

        width: 80%;

    }

    .form-control {

        font-size: 12px !important;

    }

    .reach-us-btn{

        font-size: 18px !important;

    }

    .footer-desktop{

        display: none;

    }

    footer{

        padding: 20px 0;

    }

    footer img {

        width: 60%;

    }

    .footer-social-button{

        padding: 10px 0;

    }

    .fa-facebook, .fa-linkedin {

        height: 30px;

        width: 30px;

        padding: 7px 7px;

        font-size: 15px !important;

    }

    .footer-mobile p{

        font-size: 12px;

        padding-top: 10px;

        margin-bottom: 0 !important;

    }

    .hero-line{

        display: none;

    }

    .line-practice-img{

        display: none;

    }

    .line-contact-img{

        display: none;

    }

    .contact-us .row{

        padding-bottom: 30px;

    }

    #legal-packages, #contact{

        padding: 50px 0;

    }

    .swiper-button-next{

        right: 17px !important;

    }

    .swiper-button-prev{

        left: 76% !important;

    }

    .vertical-line-about-container h2 {

        font-size: 25px !important;

    }

    .card-title{

        font-size: 28px;

    }

    .card-title {

        margin-left: 5%;

    }

    .legal-pkg-mobile .case-box{

        height: unset;

    }

}

/*for small phone*/

@media only screen and (max-width: 375px){

    .hero .col-lg-8.col-md-12.col-sm.text-center {

        width: 85%;

    }

    .hero h1 {

        font-size: 30px;

    }

    .hero p{

        width: 80%;

    }

    .hero-shape{

        top: 29%;

    }

    .about h2, .people h2{

        font-size: 26px;

    }

    .about h5{

        font-size: 13px;

    }

    .vertical-line-about-container h2 {

        font-size: 23px;

    }

    .practice-mobile h2 {

        font-size: 26px;

    }

    .container.practice-mobile {

        max-width: 100%;

    }

    .tab button {

        font-size: 14px;

    }

    .tab {

        padding-top: 30px;

    }

    .swiper-button-prev{

        left: 74.5% !important;

    }

    .case-box .list-case-box{

        font-size: 14px;

    }

    .case-box p {

        padding: 30px 10px 30px 30px;

        font-size: 14px;

        margin-bottom: 0;

    }

    .contact-us h2 {

        font-size: 26px;

    }

    .contact-us .row h5 {

        font-size: 15px;

    }

    .line-contact-img-mobile {

        width: 89%;

    }

    .footer-mobile p {

        font-size: 11px;

    }

    footer {

        padding: 20px 0;

    }

    .swiper-button-next {

        right: 6px !important;

    }



}

@media only screen and (max-width: 369px){

    .tab button {

        font-size: 12px !important;

    }

    .button-area {

        margin-left: 7% !important;

    }

}