@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1280px !important;
    }
} 
/* 992px media query start here  */
@media(max-width: 992px){
       .feature-box {
        min-height: 320px;
        padding: 40px;
    }
     .legal-expertise-section {
        padding: 70px 0;
    }

    .legal-heading h2 {
        font-size: 31px;
    }

    .legal-service-card {
        min-height: 190px;

        padding: 25px 22px;

        gap: 20px;
    }

    .legal-icon-box {
        width: 75px;
        height: 75px;

        min-width: 75px;

        font-size: 30px;
    }

    .legal-card-content {
        padding-left: 20px;
    }

    .legal-card-content h3 {
        font-size: 19px;
    }

      .vipul-testimonial-section {
        padding: 70px 0 90px;
    }

    .vipul-section-heading h2 {
        font-size: 32px;
    }
      .premium-contact-map-section {
        padding: 70px 0;
    }

    .premium-contact-info {
        min-height: 520px;
        padding: 45px 30px;
    }

    .premium-contact-info h2 {
        font-size: 32px;
    }

    .premium-map-area,
    .premium-map-area iframe {
        min-height: 520px;
    }

    .premium-map-label {
        left: 20px;
        bottom: 20px;
        min-width: 260px;
    }
     .premium-why-section {
        padding: 80px 0;
    }

    .premium-why-content {
        max-width: 650px;
        margin: 0 auto 50px;
        padding-right: 0;
    }

    .premium-why-content h2 {
        font-size: 42px;
    }

    .why-feature-content p {
        max-width: 100%;
    }

    .premium-why-image-wrap {
        max-width: 700px;
        margin: 0 auto;
    }

    .premium-why-image img {
        height: 480px;
    }
     .premium-practice-section {
        padding: 80px 0;
    }

    .practice-heading h2 {
        font-size: 42px;
    }

    .premium-practice-card {
        min-height: 300px;
    }
     .legal-consultation-section {
        padding: 60px 0;
    }

    .consultation-info {
        padding: 45px 30px;
    }

    .consultation-info h2 {
        font-size: 32px;
    }

    .consultation-form-area {
        padding: 45px 35px;
    }

    .consult-form-heading h3 {
        font-size: 28px;
    }
      .premium-about-section {
        padding: 75px 0;
    }

    .premium-about-image-wrap {
        max-width: 620px;
        margin-bottom: 60px;
    }

    .premium-about-image img {
        height: 450px;
    }

    .premium-about-content {
        max-width: 620px;
        margin: 0 auto;
        padding-left: 0;
    }

    .premium-about-content h2 {
        font-size: 42px;
    }
    .col-lg-2.col-12.mainright {
    display: none;
    }
    .pagebtn{height: 40px;padding: 0 10px;font-size: 14px;}
    .pagebtn:after, .pagebtn:before{
    border-top: 20px solid #ff000000;
    border-bottom: 20px solid #ff000000;
}
    .sliderwidget{}
    .sliderwidget .leftwidget{}
    .sliderwidget .leftwidget h3{
        line-height: 1;
        margin: 0 0 15px;
    }
    .sliderwidget .leftwidget h1{
        font-size: 30px;
        line-height: 1;
        margin: 0 0 15px;
    }
    .sliderwidget .leftwidget p{
        font-size: 15px;
        line-height: 1.3;
    }
    .sliderwidget .leftwidget a{
        margin-left: 15px;
    }
    .sliderwidget .rightwidget{}

    .mainheader .mainmenu {
        display: none;
    }    
    a.mobiletooglebtn {
        display: block;
    }
    
    .categories .catslider .catbox {
        width: 32%;
    }
    
    .categories {
        padding: 30px 0px 0;
    }
    
    .categories .catslider {
        gap: 10px;
        justify-content: space-between;
    }
    
    .categories .catslider .catbox .overlay h3 {
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 400;
    }
    
    .rule-the-court {padding: 10px 0;overflow: hidden;}
    
    .homecatalogue .maintitle h2 {
        text-align: center;
        font-size: 24px;
        padding: 0;
    }
    
    .homecatalogue {
        padding: 30px 0;
    }
    
    .instafollow {
        padding: 20px 0;
    }
    
    .instafollow .maintitle {
        padding: 0 0 20px;
    }
    
    footer .footerbox ul {
        margin: 20px 0 0;
    }
    
    .continfo {
        margin: 20px 0 0;
    }
    
    footer .copyright {
        flex-direction: column;
        gap: 10px;
        margin-top: 0px;
    }
    .footerlogo a img {
    width: 150px;
    margin-left: 7px;
}
    .mainheader .mainmenu {
    display: block;
    background: var(--primary-color);
    width: 100%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    position: relative;
    transition: all .3s ease;
}

.mainheader .mainmenu ul.menubox {
    flex-direction: column;
    gap: 0;
    padding: 10px 0 10px;
}

.mainheader {
    padding: 0;
    position: relative;
}

.mainheader .mainmenu ul.menubox li a {
    padding: 0px 0 0;
    color: #fff!important;
}

.mainhead-center .menubox .menulist {
    border-bottom: 1px solid #fff;
    width: 100%;
    text-align: center;
    padding: 10px 0 10px;
}

.mainhead-center .menubox .menulist:last-child {
    border: unset;
}

.mainheader .mainmenu.show {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: auto;
    z-index:9999;
}

.categories .catslider .catbox .overlay {
    padding: 60px 5px 10px;
}

.categories.productpage .catslider .catbox {
    width: 48%;
}

.categories.productpage .catslider {
    justify-content: start;
}
.homecatalogue .maintitle{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
}
.categories .catbox.firstchild h3{width: 70%;}



    
    /* 992px media query end here  */
}




/* 768px media query start here  */
@media(max-width: 768px){
    
     .feature-box {
        min-height: auto;
        padding: 40px 25px;
    }

    .feature-icon {
        font-size: 42px;
    }

    .feature-box h3 {
        font-size: 21px;
    }

    .feature-box p {
        font-size: 15px;
        line-height: 1.7;
    }
     .legal-expertise-section {
        padding: 60px 0;
    }

    .legal-heading {
        margin-bottom: 40px;
    }

    .legal-heading h2 {
        font-size: 27px;

        line-height: 1.35;
    }

    .legal-small-title {
        font-size: 11px;
    }

    .legal-small-title span {
        width: 35px;
    }

    .legal-service-card {
        min-height: auto;

        padding: 25px;

        gap: 20px;
    }

    .legal-icon-box {
        width: 70px;
        height: 70px;

        min-width: 70px;

        font-size: 27px;
    }

    .legal-card-content h3 {
        font-size: 19px;
    }

     .vipul-testimonial-section {
        padding: 60px 0 85px;
    }

    .vipul-section-heading {
        margin-bottom: 35px;
    }

    .vipul-section-heading h2 {
        font-size: 27px;
        line-height: 1.3;
    }

    .vipul-testimonial-card {
        min-height: auto;
        padding: 50px 25px 30px;
    }

    .vipul-testimonial-card p {
        font-size: 14px;
    }

     .premium-contact-map-section {
        padding: 55px 0;
    }

    .premium-contact-info {
        min-height: auto;
        padding: 45px 30px;
    }

    .premium-contact-info h2 {
        font-size: 30px;
    }

    .premium-contact-item {
        gap: 16px;
    }

    .premium-map-area,
    .premium-map-area iframe {
        height: 430px;
        min-height: 430px;
    }

    .premium-map-label {
        right: 20px;
        left: 20px;
        bottom: 20px;
        min-width: auto;
    }
     .premium-why-section {
        padding: 65px 0;
    }

    .premium-why-content {
        margin-bottom: 40px;
    }

    .premium-why-content h2 {
        font-size: 35px;
    }

    .why-feature-item {
        gap: 16px;
        padding: 12px 5px;
    }

    .why-feature-item:hover {
        transform: none;
    }

    .why-feature-icon {
        width: 56px;
        height: 56px;
        min-width: 56px;
        font-size: 20px;
    }

    .why-feature-content h4 {
        font-size: 18px;
    }

    .premium-why-image-wrap {
        padding: 15px 10px 55px 15px;
    }

    .premium-why-image img {
        height: 400px;
    }

    .why-image-badge {
        left: 0;
        bottom: 0;
    }
      .premium-practice-section {
        padding: 65px 0;
    }

    .practice-heading {
        margin-bottom: 40px;
    }

    .practice-heading h2 {
        font-size: 35px;
    }

    .practice-heading p {
        font-size: 14px;
    }

    .premium-practice-card {
        max-width: 450px;
        min-height: auto;
        margin: 0 auto;
        padding: 40px 25px;
    }

    .premium-practice-card p {
        min-height: auto;
    }
    .legal-consultation-section {
        padding: 50px 0;
    }

    .consultation-info {
        min-height: auto;
        padding: 45px 30px;
    }

    .consultation-info h2 {
        font-size: 30px;
    }

    .consult-title-line {
        margin-bottom: 30px;
    }

    .consultation-form-area {
        padding: 40px 25px;
    }

    .consult-form-heading h3 {
        font-size: 27px;
    }

    .consult-form-heading p {
        font-size: 13px;
    }

    .premium-form-group input {
        height: 52px;
    }

    .consult-submit-btn {
        width: 100%;
        justify-content: center;
    }
     .premium-about-section {
        padding: 60px 0;
    }

    .premium-about-image-wrap {
        padding: 18px 0 25px 18px;
        margin-bottom: 24px;
    }

    .premium-gold-shape {
        width: 150px;
        height: 130px;
    }

    .premium-about-image img {
        height: 350px;
    }

    .premium-about-content h2 {
        font-size: 34px;
        line-height: 1.2;
    }

    .premium-about-content p {
        font-size: 15px;
        line-height: 1.8;
    }

    .premium-about-btn {
        min-width: 215px;
        height: 55px;
    }
    .productswidget, .reviewwidget, .blogswidget,
    .servicewidget{padding: 30px 0;}
    
    .probox figure .actionbtns{bottom: 0;}
    .probox figure .actionbtns .addwishlist{aspect-ratio: auto; padding: 9px;}
    .blogbox{margin: 0 0 40px;}
    .reviewwidget .slick-dots{bottom: -40px;}
    footer .newsletter .maintitle{flex-basis: 100%; margin: 0;}
    footer .newsletter .newsletter-input{flex-basis: 95%; margin: 20px auto;}
    footer .footerlogo .flogolink img{width: 140px;}
    footer .footerlogo .social{padding: 0 0 30px;}
    footer .footerlogo{text-align: center;}
    footer .footerlogo .social{justify-content: center;}
    footer .footerbox{margin: 0 0 30px;}

    
    .contactus-widget{padding: 30px 0;}
    .contright form{position: relative;}
    .contleft{margin: 0 0 40px;}
    .contmap iframe{height: 500px;}

    .cartbox-header span{display: none;}
    .cartbox-header span:nth-child(1){display: block;}
    .mobcartbody{position: relative; z-index: 1;}
    .mobcartbody div:nth-child(1){
        align-items: start;
    }
    .mobcartbody div:nth-child(2){
        position: absolute;
        left: 96px;
        top: 40px;
    }
    .mobcartbody div:nth-child(3){
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .mobcartbody div:nth-child(4){
        display: none;
    }
    .mobcartbody div:nth-child(5){
        position: absolute;
        right: 10px;
        top: 60px;
    }   
    .couponbox{flex-basis: 60%; order: 1;}
    .coupon-n-total .total{flex-basis: 40%; order: 2;}
    
    .rulebox{margin: 0 0 30px;}.homecatalogue .maintitle{justify-content: center; padding: 0 0 30px;}
    
    
    
    
    /* 768px media query end here  */
}

/* 576px media query start here  */
@media(max-width: 600px){
    .premium-about-content p {
    text-align:justify;
    }
    .slider_txt span {
        font-size:15px;
    }
    .premium-about-content.gd p {
    font-size: 15px;
    text-align:justify;
}
    .col-lg-12.col-md-12.pt-4.secoundsect {
        text-align:justify;
        font-size:15px;
    margin-top: -40px;
}
    section.premium-about-section.jmd.mt-5 {
    padding-top: 0px !important;
}
    .section-header.smw h2 {
    font-size: 30px;
}
    section.advocate-topbar {
    display: none;
}
    .feature-box{
        padding:20px;
    }
    .social {
        margin-top: 24px;
    }
    .slidersection {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    padding:0px;
    }
    .sliderwidget .sliderimg img {
        width:100% !important;
     width: auto;
    height: 350px;
}
.slider_view {
    margin-left: -35%;
    margin-top: 5px;
}
        .slider_txt {
              /* text-align: center; */
        position: absolute !important;
        top: 170px !important;
        left: 48% !important;
        transform: translateX(-50%) !important;
        width: 90%;
        margin: 0 !important;
        z-index: 10;
        /* text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */
    }
   
    a.btn.pfe {
    padding: 7px;
}
    .feature-top .feature-item{
            padding: 15px 0;
    }
    .slider_txt h1 { 
    font-size: 24px;
    font-weight: 500;
}
    img.gallerimg {
    padding-bottom: 10px;
    padding-top: 10px;
    }
     .legal-heading h2 {
        font-size: 23px;
    }

    .legal-service-card {
        padding: 22px 18px;

        align-items: flex-start;

        gap: 15px;
    }

    .legal-icon-box {
        width: 58px;
        height: 58px;

        min-width: 58px;

        font-size: 23px;
    }

    .legal-card-content {
        padding-left: 15px;
    }

    .legal-card-content h3 {
        font-size: 17px;
    }

    .legal-mini-line {
        margin: 10px 0;
    }

    .legal-card-content p {
        font-size: 12px;

        line-height: 1.6;
    }

     .vipul-section-heading h2 {
        font-size: 23px;
    }

    .vipul-slide {
        padding-left: 8px;
        padding-right: 8px;
    }
      .premium-contact-map-section {
        padding: 45px 0;
    }

    .premium-contact-info {
        padding: 40px 22px;
    }

    .premium-contact-info h2 {
        font-size: 27px;
    }

    .premium-contact-icon {
        width: 44px;
        height: 44px;
        min-width: 44px;
        font-size: 15px;
    }

    .premium-contact-text p,
    .premium-contact-text a {
        font-size: 13px;
    }

    .premium-map-area,
    .premium-map-area iframe {
        height: 350px;
        min-height: 350px;
    }

    .premium-map-label {
        padding: 15px;
    }

    .map-label-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
     .premium-why-section {
        padding: 55px 0;
    }

    .premium-why-content h2 {
        font-size: 30px;
    }

    .why-feature-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
    }

    .why-feature-content h4 {
        font-size: 17px;
    }

    .why-feature-content p {
        font-size: 13px;
    }

    .premium-why-image img {
        height: 320px;
    }

    .why-image-badge {
        min-width: 210px;
        padding: 18px 20px;
    }

    .why-image-badge > i {
        font-size: 24px;
    }
      .premium-practice-section {
        padding: 55px 0;
    }

    .practice-heading h2 {
        font-size: 30px;
    }

    .practice-small-title {
        font-size: 10px;
    }

    .practice-card-icon {
        width: 62px;
        height: 62px;
    }

    .practice-card-icon i {
        font-size: 24px;
    }

    .premium-practice-card h3 {
        font-size: 21px;
    }
     .legal-consultation-section {
        padding: 40px 0;
    }

    .consultation-info {
        padding: 40px 22px;
    }

    .consultation-info h2 {
        font-size: 27px;
    }

    .consult-feature-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }

    .consultation-form-area {
        padding: 35px 20px;
    }

    .consult-form-heading h3 {
        font-size: 25px;
    }
   .premium-about-section {
    padding-top: 40px !important;
        padding: 0px 0;
        padding-bottom: 40px;
    }

    .premium-about-image-wrap {
        padding-left: 12px;
    }

    .premium-about-image img {
        height: 280px;
    }

    .premium-gold-shape {
        width: 120px;
        height: 100px;
    }

    .premium-dot-pattern {
        display: none;
    }

    .premium-about-content h2 {
        font-size: 29px;
    }

    .premium-subtitle {
        font-size: 11px;
    }

    .premium-about-content p {
        font-size: 14px;
    }
    .msgbox{width: 90%;}
    .sliderwidget .leftwidget{padding: 30px 0 0;}
    .sidecart{width: calc(100% - 20px);}
    .sliderwidget{}
    .sliderwidget .rightwidget,
    .sliderwidget .leftwidget{flex-basis: 100%;}
    .sliderwidget .leftwidget a{margin: 15px 0 0 15px;}
    .sliderwidget .rightwidget{text-align: center;}
    .sliderwidget .rightwidget img{width: 90%;}
    .rightaboutwidget p{font-weight: 200; text-align: justify;}
    .rightaboutwidget h3{margin: 0 0 10px;}
    .rightaboutwidget h3:after{margin: 10px 0 0;}
    .rightaboutwidget{padding: 15px 0 0;}
    .aboutcontinfo{margin: 20px 0 0;width: 100%;}
    .aboutwidget{padding: 40px 0 20px;}
    .maintitle{margin: 0 0 20px;}
    .maintitle h2{font-size: 26px;margin: 0 0;}
    .maintitle h2:before{bottom: 10px;}
    .maintitle p{ width: 100%; }
    .leftaboutwidget{margin: 0 !important;}
    .leftaboutwidget .slick-list{height: 400px !important;}
    .mobheader{padding: 10px 15px;}

    .couponbox{order: 2; flex-basis: 100%;}
    .coupon-n-total .total{order: 1; flex-basis: 100%; margin: 0 0 40px;}
    .checkoutformbox form .fields.gender-label label{width: 100%; margin: 15px 0 0;}
    .checkoutformbox form .fields-changebillingadd h4{margin: 0;}
    .checkoutformbox form .fields-btn .backtocart{margin: 10px 0 20px -15px;}
    .checkout-widget{padding: 30px 0 ;}
    .shipping-wrapper .payment-method .field-btn{margin: 0 0 20px;}
    .login-widget{padding: 30px 0;}
    .productleft{margin: 0 0 20px;}
    .calculator-frm .calcbox{width: 100%;}
    .calculator-frm{padding: 30px 10px;}
    .calculatortxt .txtbox > ul li,
    .calculatortxt .txtbox p{text-align: justify;}
    .mobmenu.active{overflow: auto;}
    .calculator-frm .calcbox{padding: 20px;}

    /* 576px media query end here  */

    
    .homecatalogue .homecataloguebox {
    }
    .homecatalogue .maintitle{margin: 0;}
    .categories .catbox.firstchild h3{font-size: 20px;width: auto;}
    .categories{padding: 20px 0 0;}
    .homecatalogue .maintitle{padding: 0 0 10px;}
    .instafollow .maintitle h2,
    .homecatalogue .maintitle h2{font-size: 20px;}
    .categories .catbox{margin: 0 0 10px;}
    .ml-auto.mobile {
    display: block !important;
} 
.btn {
    margin-top: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
}
.btn:hover {
    color: #fff;
    border-color: #fff;
}
.advocate-topbar .row {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .topbar-link {
        font-size: 12px;
    }

    .follow-text {
        font-size: 12px;
    }

    .social-link {
        font-size: 13px;
    }
   
}


/* 420px media query start here  */
@media(max-width: 420px){
    .reviewbox{margin: 0 0 0 20px;}
    .continfo a{margin: 0 0 15px;}
    footer .footerbox ul li{padding: 0 0 5px;}
    .bookcall{padding: 30px 0 15px;}
    .bookcallbox{margin: 0 0 30px;}
    .consultleft h3{font-size: 26px;}
    .consultleft .aboutinfo{gap: 20px;}
    .consultright{padding: 30px 0 0;}
    .bookcall .maintitle p{text-align: justify; width: 100%;}
    .callpoints{flex-wrap: wrap;justify-content: start;padding: 15px;gap: 15px;}
    .namegenerator{padding: 30px 0 0;}
    .generatorleft p{text-align: justify;}
    .generatorright{margin: 20px 0 0;}
    .generatorright iframe{width: 100%;}
    .generatorbox{padding: 15px;}
    .couponbox form .fields{flex-basis: 100%;}
    .couponbox form .fields input{width: 100%;}
    .couponbox form button{flex-basis: 100%;}
    .couponbox form .fields-btn{padding: 15px 0 0 15px;}
    .cart-action{text-align: end; padding: 10px 15px 0 0;}
    .sliderwidget .leftwidget p{padding: 0;}
    .productimage{flex-wrap: wrap;}
    .productimage .main-img{order: 1;}
    .productimage .imgs{order: 2;}
    .productimage .mutliimg .slick-arrow.slick-next{left: 96%;}
    .productimage .mutliimg .slick-arrow.slick-prev{left: -3%;}
    .productimage .imgs .slick-list{height: 80px;}

    /* 420px media query end here  */
}




/* 360px media query start here  */
@media(max-width: 360px){

    
    
    /* 360px media query end here  */
}