@media screen and (min-width:1366px){ 
.tab-inner-content h2{display: block;}
}
@media screen and (max-height:800px){ 
  .profile-action-area .btn-primary{margin-top:0px !important}
  .add-publications .form-section{height:300px; overflow: auto;}
  .add-job .form-section{height:320px; overflow: auto;}
   .send-email-block .form-block{height:300px; overflow: auto;}

   .profile-navigation.right-search-block ul li button, .profile-navigation.right-search-block ul li a{height: 40px; line-height: 40px;}
}
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1420px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
    .banner-image{ width:550px; height:465px}
    .banner-image img{-webkit-mask-size:550px 465px; width:550px; height:465px}
        
    .networking-detail-page ul li div{font-size: var(--font-size-12);}
  }
@media screen and (max-width:1600px){ 
    .banner-section:before{width:100%}
    .banner-section:after{width:100%}
    .extra-info{    width: calc(100% - 160px);}
    .event-section{padding-bottom: 0px;}
    .core-section{padding:0 0 50px;}
    .testimonial-section{padding:50px 0 100px;}
    .ftr-bottom{padding:15px 0}
    .ftr-social{margin-right: 20px;}

    .form-block{max-height: 450px; overflow: auto;}
    .without-shadow .card-body ul li span, .gcdirectory-detail-page .card-body ul li span{max-width: 300px;}

 
}
@media screen and (min-width:1136px) and (max-width:1480px){ 

  .emp-pic{width:100px; height: 100px;}
  .emp-pic .mp-avatar{width:100px !important; height: 100px !important; line-height: 100px !important;;}
.directory-listing-page .emp-award{max-width: 70px; height:80px}
.directory-listing-page .ranking-badge-lst{min-width: inherit;}
.directory-listing-page .ranking-badge{    max-width: 590px;  flex-wrap: wrap;}
.directory-listing-page .emp-card-itm .card-mdl{width: calc(100% - 100px);}

}
@media screen  and (max-width:1268px){ 
  .directory-listing-page .ranking-badge{    max-width: 590px;  flex-wrap: wrap;}
  .directory-listing-page .card-itm.emp-card-itm .card-action{width:100%}
  .directory-listing-page .card-itm.emp-card-itm .card{flex-wrap:wrap; justify-content: flex-start;}
  .directory-content .card-right{position: relative; top:inherit; right: inherit; width: calc(100% - 130px);  align-items: center; flex-direction: row; margin-left: 130px; flex-wrap: wrap;}
  .directory-content .emp-award img{min-width: 70px; max-width: 70px; max-height: 70px;}
  .directory-content .emp-award{margin: 0;}
  .directory-content .emp-card-itm .card-mdl{width:calc(100% - 130px); }

  .ReactModal-Header h1{font-size: var(--font-size-20);}

  
}

@media screen and (min-width:1136px) and (max-width:1366px){ 
    .directory-content .emp-award{margin-top: 5px;}
}
@media screen and (min-width:1024px) and (max-width:1268px){ 
  .directory-listing-page .directory-content .card-right{margin:20px 0 0; flex-wrap: wrap; width:100%; padding-top:15px !important; border-top:1px solid var(--common-border-color);}
  .directory-listing-page .organigation-block{width:100%; grid-gap: 0px; margin:15px 0 0; padding-top:15px !important; border-top:1px solid var(--common-border-color);}

  .banner-image-block{width:500px; height: 423px; margin-top: 110px; margin-right: -10px;}
  .banner-image{width:100%; height: 100%;}
  .banner-image img{width:100%; height: 100%; -webkit-mask-size:500px 423px;}
  .banner-section .search-block{margin:auto; background: rgba(255,255,255,0.05) !important; border-radius: 30px; height: auto; padding:15px !important}
  .custom-itm-content iframe{height:100%; min-height: 200px;}

  main .inner-page{margin-top: 280px; min-height: inherit;}
  .page-title h2{font-size: var(--font-size-30);}


  .directory-detail-page .lawyer-avilibility .cmn-list{display: flex; flex-direction: row; align-items: center; grid-gap: 10px;}
  .directory-detail-page .card-itm.emp-card-itm .card-action{margin-left: auto;}
  .directory-detail-page .social-links{margin-top: 20px;}
  .directory-detail-page .right-search-block .card{padding:10px 15px}

  .column:first-child{width:28%}
  .column{width:18%}

  .banner-section .banner-title h1{white-space: nowrap;}

  .navbar-nav .nav-link{padding:0px 7px !important}
  .right-block-title h2{font-size: var(--font-size-28) !important;}

  .publication-page .right-search-block .card .card-content{height: calc(100vh - 350px);   padding:5px 20px;}
  .publication-page .right-search-block .card .card-content a{line-height: normal;}

  .gdirectory-page .search-block{margin-top: 20px !important;}
  .search-block,
  .ldirectory-page .search-block{padding:10px 20px 20px!important; }
  .publication-posted-by .posted-pic{    width: 50px;    height: 50px;}

  .directory-listing-page .social-links{margin-left: auto;}
  .directory-listing-page .lawyer-avilibility{min-width: 150px;}
  .directory-listing-page .emp-award{display: flex; align-items: center; height: 80px; margin: 10px 0;}
  
  .rbt input, .rbt .rbt-input, .rbt.has-aux input{padding-right:40px !important}

  .ranking-banner{width:320px; height: 320px;}
  .ranking-banner img{max-width: 100%; max-height: 100%;}
  .ranking-banner p{font-size: 25px !important;}

  .ranking-description ul li,
  .ranking-description ul li *{font-size: 18px !important;}
  .ranking-content h2{font-size: 22px !important;}
  .ranking-page .page-title h1{font-size: var(--font-size-30) !important;}
  .ranking-itm{padding: 0 0 80px;}

  .after-login-page .common-page-content .card-itm.emp-card-itm .card-action{    flex-direction: column;     margin-bottom: 0 !important;
    height: auto;    grid-gap: 5px;    align-items: flex-end;}

    .directory-detail-page .organigation-block{width:auto; flex-direction: column;     align-items: flex-end;}
    .directory-detail-page .without-shadow .directory-ranking .emp-award{border:1px solid var(--common-border-color); margin:0px}
    .directory-detail-page .organization-address{width:100%; text-align: right;}

    .rbt-token-removeable{margin: 3px 0;}
    .profile-navigation.right-search-block ul li button, .profile-navigation.right-search-block ul li a{line-height: normal; font-size: var(--font-size-14);}
}




@media screen and (min-width:767px) and (max-width:968px){ 
  .mobile-view{display: block !important;}
.banner-section{height: 600px;}
.banner-section .banner-title{margin-top: 20px;}
.banner-section .search-block{margin:auto; background: rgba(255,255,255,0.05) !important; border-radius: 30px; height: auto; padding:15px !important; width: 380px !important;
      max-width: inherit;}
.banner-section .banner-title h1{place-content: flex-start;  line-height:40px; margin-bottom: 20px; white-space: nowrap;}
.banner-section .banner-content p{white-space: pre-line;  min-width: 440px;}

.banner-section:after {  width: 100vw;  height: 700px;  background-size: cover;}
.banner-section:before {  width: 100vw;  height: 700px;  background-size: cover;}

.banner-image-block{width:340px; height: 294px; margin-top: 110px; margin-right: -10px;}
.banner-image{width:100%; height: 100%;}
.banner-image img{width:100%; height: 100%; -webkit-mask-size:340px 294px;}

.footer-about{text-align: center; margin-bottom: 30px;}
.footer-about h3{margin:auto}
.ftr-communication{margin: auto;}
.ftr-link-lst ul li{margin:0px}
.ftr-desc .common-paragraph{width:70%}


.directory-detail-page .social-links{margin-left:auto;}
.directory-detail-page .right-search-block .card{padding:10px 15px}

.directory-detail-page .card-right{    flex-wrap: wrap;
  flex-direction: row;}
.directory-detail-page .organigation-block{width:100%}

.directory-detail-page .cmn-list label{    font-size: var(--font-size-12);  font-weight: var(--font-weight-normal);}
.directory-detail-page .cmn-list span{    font-size: var(--font-size-16);  font-weight: var(--font-weight-semibold);}

.directory-detail-page .card-itm.emp-card-itm .card{flex-wrap: wrap;}
.directory-detail-page .card-right{width:100%; align-items: center; margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid var(--common-border-color);}
.directory-detail-page .emp-card-itm .card-mdl{    width: calc(100% - 120px);}
.without-shadow .card-body ul li span, .gcdirectory-detail-page .card-body ul li span{max-width: 100% !important;}

.directory-detail-page .ranking-badge{flex-direction: row !important;  flex-wrap: wrap;}
.common-block-merge{flex-direction: column;}
}


@media screen  and (max-width:980px){ 
  .mobile-view{display: block !important;}
  .navbar{padding:10px !important}
  .navbar-toggler-icon{width:auto; height: auto;}

  .navbar-toggler{position: absolute;     right: 10px;  top: 0; bottom: 0; margin:auto}
.navbar-right{margin-right:50px}
.navbar-toggler-icon:before{content:"\f35c"; font-family:"Material Design Icons"; font-size: 30px; color:#fff;}
.header-fixed .navbar-toggler-icon:before{color:#222}


  .navbar-collapse{position: absolute; background: #fff;     width: auto !important; right: 10px;  top: 75px;  border-radius: 10px;}
.navbar-nav .nav-item{height: auto; }
.navbar-nav .nav-item .nav-link{color:var(--color-black); width: 100%;  display: block;  height:40px;  line-height: 40px; padding:0 20px !important; border-bottom: 1px solid #e1e1e1;}
.navbar-nav .nav-item .nav-link:before{display: none;}
.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link:focus{background: var(--theme-secondary-color);}

.card-title{min-height: inherit;}
.event-section{padding-bottom: 50px;}

main .inner-page{margin-top: 270px;     min-height: inherit;}
.about-banner{padding: 0; width:400px}
.about-banner img{object-fit: cover; width:100%; height: 100%;}
.long-description{padding:0px; margin-top: 0;}


.directory-listing-page .inner-head{flex-direction: column !important; height: auto;}
.directory-listing-page .inner-header-rgt{width:100%; margin:20px 0 !important}
.directory-listing-page .inner-header-rgt .search-field{margin-left: auto !important;}
.directory-listing-page .inner-header-rgt .search-field.with-filter{margin:  auto !important;}

.header-fixed .navbar-nav .nav-item{height: auto;}

.publication-page .inner-head{flex-direction: column !important; height: auto;}
.publication-page .inner-header-rgt{width:100%; margin:20px 0 !important}
.publication-page .inner-header-rgt .search-field{margin-left: auto !important;}

.employment-page .inner-head{flex-direction: column !important; height: auto;}
.employment-page .inner-header-rgt{width:100%; margin:20px 0 !important}
.employment-page .inner-header-rgt .search-field{margin-left: auto !important;}


.networking-page .inner-head{flex-direction: column !important; height: auto;}
.networking-page .inner-header-rgt{width:100%; margin:20px 0 !important}
.networking-page .inner-header-rgt .search-field{margin-left: auto !important;}

.events-page .inner-head{flex-direction: column !important;}
.events-page .inner-header-rgt{width:100%; margin:20px 0 !important}
.events-page .inner-header-rgt .search-field{margin-left: auto !important;}
.networking-content{padding-top:50px}
.networking-content .card-itm {  width: calc(50% - 15px);}
.network-meeting-tab-content .with-event-date .card-itm .card-header{background-size: cover;}
.network-meeting-tab-content .with-event-date .card-itm .card-title{min-height: 50px;}

.publication-content .card-itm .card-footer{padding:0px; margin-right: 15px;}
.right-block-title h2{font-size: var(--font-size-28);}

.directory-search.order-1{order:0 !important}
.directory-search .right-block-title {background:none}
.directory-search .right-block-title h2{display: none !important;}
.directory-search .search-block .form-group{grid-gap:0 10px}
.directory-search .search-block .form-group .search-action,
.directory-search .search-block .form-group .form-row{width:calc(33.33% - 10px); margin: 7px 0 !important;  place-content: center;}

.right-search-block .card .card-content{margin-bottom: 0px; padding:20px}

.inner-header-rgt .search-field.with-filter{display: flex;}
.filter-toggler{display: block; background: url(../images/icon-filter.svg) no-repeat center center; width: 40px;  height: 40px; border:0px; font-size: 0; border:1px solid var(--common-border-color); border-radius: 10px; margin-left: 10px;}

.search-hide{height: 176px !important; visibility: visible; opacity: 1; transition: all 0.3s ease;}
.search-show{height: 0 !important; visibility: hidden; opacity: 1; transition: all 0.3s ease;}

.directory-detail-page .directory-search{display: none;}
.common-block-title h2{display: block;}

.directory-detail-page .tab-content>.tab-pane {  display: block;}

.directory-detail-page .tab-inner-content h2 {  display: block;}

/*#directoryMobileMenu h3{    margin: 0px 0 10px;  padding: 10px;   background: rgba(255,255,255,0.05);  border-radius: 5px; position: relative; font-weight: normal; font-size: var(--font-size-16);}
#directoryMobileMenu h3:before {content:"\f415"; font-family:"Material Design Icons"; font-size: 20px; color:#fff; position: absolute; right:10px; top:10px; height: 20px; line-height:20px}
#directoryMobileMenu h3.active:before{content:"\f374";}*/

#directoryMobileMenu .tab-inner-content h2{margin: 0px 0 10px; color:var(--theme-base-color); font-size: var(--font-size-16);  padding:0 20px; height: 50px; line-height: 50px;   background: #fff; border:1px solid #C4C4C4 !important;  border-radius: 20px; position: relative; display: block;}
#directoryMobileMenu .tab-content>.tab-pane{display: block;}
#directoryMobileMenu .tab-inner-content.close h2:before,
#directoryMobileMenu .tab-inner-content h2:before {content:""; background:url(../images/icon-plus.png) center center no-repeat; width:20px; color:#222; position: absolute; right:20px; top:13px; height: 20px; line-height:20px}
h2.active:before,
#directoryMobileMenu .tab-inner-content.open h2:before,
#directoryMobileMenu .tab-inner-content h2.active:before{content:""; background:url(../images/icon-minus.png)  center center no-repeat; }
#directoryMobileMenu .mobile-ftr-row{  height: 0;    opacity: 0;  margin-left:5px;   transition: all 2s ease; overflow: hidden; }
#directoryMobileMenu h2.active + .mobile-ftr-row {     overflow: visible;    height: auto;      opacity: 1; margin-bottom: 30px !important;   }

#directoryMobileMenu  .open .mobile-ftr-row {     overflow: visible !important;    height: auto !important;      opacity: 1 !important; margin-bottom: 30px !important;   }

.ranking-content{margin:50px 0 0}
.ranking-content h2{text-align: center;}
.order-last{order:0 !important}

.mobile-desc{display: block;}
.column.plan-details{display: none;}
.price li{flex-direction: column; font-size: var(--font-size-15); color:#999999}
.column{width:50%; margin:auto auto 30px !important; }

.column:nth-child(3) .price, .column:nth-child(3) .price .price-header{border-radius: 0 20px 0 0;}
.column:nth-child(4) .price, .column:nth-child(4) .price .price-header{border-radius: 20px 0 0 0;}

.without-shadow .card-body ul li span, .gcdirectory-detail-page .card-body ul li span{max-width: 320px;}
.profile-statistics{margin-bottom: 20px; flex-wrap: wrap; height:auto}

.emp-comp-detail .emp-award { flex-direction: column !important;  grid-gap: 0 !important;}
.emp-comp-detail .emp-award .card-body{height:auto}
.after-login-page .publication-content .card-title{margin:0px}
.jobopportunity-page.after-login-page .publication-content .publication-date{margin-left: 20px;}
#directoryMobileMenu .tab-inner-content .inner-head-left h2{display: none;}
.directory-detail-page .tab-pane .afterlogin-inner-head{margin-bottom: 15px;}
#directoryMobileMenu .tab-inner-content .secondary-page-title h2{border:0px !important; padding:0 !important; height: auto;  margin: 0;  line-height: normal;}
#directoryMobileMenu .tab-inner-content .secondary-page-title h2:before,
#directoryMobileMenu .tab-inner-content .secondary-page-title h2:after{display: none !important;}

.pricing-page p{max-width: 100%;}

.common-block-merge .common-block-lft,
.common-block-merge .common-block-rgt{width:100%; padding: 0; border:0}

.directory-content .card-right{margin:20px 0px 0; padding: 20px 0 0; width: 100%; border-top: 1px solid var(--common-border-color); }
.directory-listing-page .card-itm.emp-card-itm .card-action{width:auto}
.directory-listing-page .lawyer-avilibility{min-width:140px}
.directory-listing-page .social-links{margin-left: auto;}
.directory-content .emp-award{display: flex; align-items: center;}
.directory-listing-page .organigation-block{width:100%}

.directory-detail-page .card-itm.emp-card-itm .card-action{width:100%}
.directory-detail-page .lawyer-avilibility{min-width: inherit;}

.ranking-description ul li,
.ranking-description ul li *{font-size: var(--font-size-20) !important;}
.after-login-page .common-page-content .card-itm.emp-card-itm .card-action{width:auto}

.publication-posted-by .posted-pic{width:50px; height: 50px;}
.mobile-view{display: none !important;}

.publication-content .emp-award:empty{display: none;}
.employment-page .publication-content .card-itm .card-footer{padding:0 10px}






}



@media screen and (min-width:768px) and (max-width:980px){ 
    .core-content .card-itm{width:100% !important}
}

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

  .mobile-view{display: block !important;}

  .navbar{padding:15px !important}
  .logo svg{width:80px}

  .banner-image-col.order-1{order:0 !important}

  .banner-section .banner-title{margin-top: 20px;}
  .banner-section .banner-content p{max-width: 85%; margin: auto; text-align: center;}
  .banner-section .banner-title h1{justify-content: center;}

  .banner-image-block{width:340px; height: 294px; margin:auto;}
  .banner-image{width:100%; height: 100%;}
  .banner-image img{width:100%; height: 100%; -webkit-mask-size:340px 294px;}

  .banner-section{height: 830px; padding-top: 40px;}
  
  .banner-section:before{width:100%; height:980px; background-size:cover ;}
  .banner-section:after{width:100%; height: 980px; background: url(../images/banner-blue-vector-mobile.png) no-repeat center bottom; background-size:cover ;}

  .banner-section .search-block{margin:auto; background: rgba(255,255,255,0.05) !important; border-radius: 0px; height: auto; padding:15px 10px 15px 25px !important}
    .core-content .card-itm{width:100% !important}

    .social-links{flex-direction: column !important; min-width: 100%;}
 

    .network-meeting-tab-content .with-event-date .card-itm .card-header{background-size: 100%;}
    section .page-title .common-paragraph{max-width: 95%; margin:15px auto; font-size: var(--font-size-14);}

    .event-section .page-title h1{font-size: var(--font-size-28);}
    
    .footer{padding:10px}
    .footer-links{padding-top: 20px !important;}
    .ftr-social{float: none !important;      text-align: center;      display: flex;      justify-content: center;      width: 100%;}
    .ftr-social ul{grid-gap: 10px; margin: 5px 0;}
    .copyright p{text-align: center;}

    section .page-title .title-text{margin-bottom: 10px;}
    section .page-title{margin-bottom: 20px;}
    .event-section{padding:0px}
    
    .event-section .tabs-links{display: none;}
    .event-section .tab-content>.tab-pane{display: block;}

    .events-page .tabs-links{display: none;}
    .events-page .tab-inner-content .tab-content>.tab-pane{display: block;}

 

    .head-tabs .nav-tabs .nav-item .nav-link{width:160px}

    .howitwork-section{padding: 150px 0; height: auto;}
    .howitwork-section:before,
    .howitwork-section:after{background-size: cover; height: 720px;}
  
    .page-title h1{font-size: var(--font-size-28);}

    .splide__pagination{bottom:10px !important}
    .howitwork-section  .splide__pagination{bottom:-30px !important}
    .testimonial-section .splide__pagination{bottom:-30px !important}
    .splide__track{padding-left: 0 !important; padding-right: 0 !important;}

    .card-itm:last-child, .card-itm:nth-child(2){margin-top: 0px !important; }
    .publication-content .card-itm{margin:0px !important}

 
    .publication-content .card-itm:nth-child(2n) .card,
    .directory-listing-page .card-itm:nth-child(2n) .card{background:#f8f8f8 !important; }

    .card-itm:last-child, .card-itm:nth-child(2n) .card{background: transparent; border:0px !important;}


    .directory-listing-page .card-itm.emp-card-itm .card{padding:20px !important}
    .event-lst-box{margin:20px 0}
    .tabs_wrapper{padding:0 15px}
    section.event-section .domestic,
    section.event-section .international{margin-top: 0px !important; min-width: inherit;}
    .directory-listing-page .cmn-list{text-align: left;}

    .directory-content .card-right{margin: 0px; padding: 0px; border:0px}


    section.event-section .splide__slide{padding: 25px !important;}

    .card-itm .card{border-radius: 20px;}

    #mobileMenu h2{    margin: 0px 0 10px;  padding: 10px;   background: rgba(255,255,255,0.05);  border-radius: 5px; position: relative; font-weight: normal; font-size: var(--font-size-16);}
#mobileMenu h2:before {content:"\f415"; font-family:"Material Design Icons"; font-size: 20px; color:#fff; position: absolute; right:10px; top:10px; height: 20px; line-height:20px}
#mobileMenu h2.active:before{content:"\f374";}
.mobile-ftr-row{  height: 0;    opacity: 0;  margin-left:5px;   transition: all 2s ease; overflow: hidden; }
#mobileMenu h2.active + .mobile-ftr-row {     overflow: visible;    height: auto;      opacity: 1;    }


    .events-page .tab-inner-content h2{margin: 0px 0 10px; color:var(--theme-base-color); font-size: var(--font-size-16);  padding:0 20px; height: 50px; line-height: 50px;   background: #fff; border:1px solid #C4C4C4 !important;  border-radius: 20px; position: relative;}
    .events-page .tab-inner-content h2:before {content:""; background:url(../images/icon-plus.png) center center no-repeat; width:20px; color:#222; position: absolute; right:20px; top:13px; height: 20px; line-height:20px}
    .events-page .tab-inner-content h2.active:before{content:""; background:url(../images/icon-minus.png)  center center no-repeat; }
    .events-page .tab-inner-content h2.active + .event-tabs-content {     overflow: visible;    height: auto;      opacity: 1;    }

    #mobileEventMenu .tab-inner-content h2{margin: 10px 0 !important; color:var(--theme-base-color); font-size: var(--font-size-16);  padding:0 20px; height: 50px; line-height: 50px;   background: #fff; border:1px solid #C4C4C4 !important;  border-radius: 20px; position: relative;}
    #mobileEventMenu .tab-inner-content h2:before {content:""; background:url(../images/icon-plus.png) center center no-repeat; width:20px; color:#222; position: absolute; right:20px; top:13px; height: 20px; line-height:20px}
    #mobileEventMenu .tab-inner-content h2.active:before{content:""; background:url(../images/icon-minus.png)  center center no-repeat; }
    .event-tabs-content{  height: 0;    opacity: 0;  margin-left:5px;   transition: all 2s ease; overflow: hidden; }
    #mobileEventMenu .tab-inner-content h2.active + .event-tabs-content {     overflow: visible;    height: auto;      opacity: 1;    }

    .tab-inner-content h2{display: block;}

    .header-fixed header{height: auto;}

    .core-content{padding:10px}
    .core-content .card-itm .card{flex-direction: column;}
    .core-head img{-webkit-mask-image:none; object-fit: cover;      width: 100%;      height: 100%;}
    .core-content .card-itm .card .card-header{width:100%;}
    .core-content .core-head{width:100%}
    .core-content .card-itm .card .card-content{width:100%; padding:15px}

    .core-content .card-title{font-size: var(--font-size-20); line-height: 20px; margin-bottom: 10px;}
    .core-content .card-itm .card .card-content p{font-size: var(--font-size-14);}

    .background-vector{display: none;}

    .about-banner{padding: 0; width:100%; margin-bottom: 20px;}
    .common-page-content .common-paragraph{line-height: 25px;}

    .events-page .inner-head{height: auto;}
    .page-title h2{ text-align: center; }
    .events-page .head-tabs{margin:auto}
    .events-page .inner-header-rgt .search-field{margin: auto auto 15px !important;}
  
    .events-page .inner-header-rgt{flex-direction: column-reverse; margin-bottom: 0 !important;}

    .networking-content{padding-top:20px}
    .networking-content .event-lst-box{margin:0px; grid-gap: 0;}
  .networking-content .card-itm{width:100%; padding:0 15px}

  .no-record-block h3{border:0px !important; padding: 0 !important;}
  .no-record-block h3:before,
  .no-record-block h3:after{display: none !important;}

  .order-1.mobile-place{order:0 !important}

  

  .inner-head{flex-direction: column; margin-bottom: 20px; height:auto}
  .inner-header-rgt{margin:10px auto auto  !important; display: flex; flex-direction: column-reverse;}
  .inner-header-rgt .search-field{margin: auto auto 15px !important;}
  .publication-page .right-search-block .card .card-content{height: 100px;}
  .inner-sub-heading{display: none;}
  .publication-posted-by{margin-bottom: 10px;}
  .publication-content .card-itm .card-footer{height: auto; margin:0 15px 25px; flex-direction: row-reverse !important;     padding: 0 10px;}
  .publication-content .emp-award{text-align: left; display: flex; flex-direction: row-reverse;     justify-content: flex-end;}
  .publication-page .right-search-block{    max-width: 320px;  left: 0;     right: 0;      margin: auto;}

  .employment-page .inner-header-rgt{flex-direction: column-reverse; width:auto}
  .employment-page .inner-header-rgt .search-field.with-filter{margin:  0 auto 20px!important;}

  .publication-detail-content .publication-posted-by{place-content: flex-start;    width: 100%;    flex-direction: column !important;    align-items: center;    text-align: center;}
  .publication-detail-content .practice-type{margin:auto}

  .directory-search .search-block .form-group .search-action, 
  .directory-search .search-block .form-group .form-row{width:calc(100% - 0px)}
  .ldirectory-page .search-block{padding:15px !important}
  .card-itm.emp-card-itm .card{flex-direction: column; align-items: flex-start; grid-gap: 15px 0; padding: 15px ;}
  .ldirectory-page .emp-card-itm .card-mdl{width:100%; padding:0px}
  .directory-content .card-right{display: flex; flex-direction: column; width: 100%; position: static;}
  .card-itm.emp-card-itm .card-action{    position: absolute;   top: 27px;  display: flex; flex-wrap: wrap;  right: 10px;    width: 50%;    align-items: flex-end;    place-content: center;
    grid-gap: 10px;}
    .directory-content .ranking-badge{flex-wrap: wrap; grid-gap: 10px 0;}
    .directory-content .ranking-badge-lst{min-width: inherit; width: 50%;}
    .card-body ul li{flex-direction: column; display: flex;}
    .directory-search .right-search-block .search-block .btn-primary{height:40px}

    .apply-btn .btn-green{width:auto; height: 30px; padding:0 10px; font-size: var(--font-size-14);}
    .employment-detail-page .right-search-block .card-title{font-size: var(--font-size-18);}

    main .inner-page{    margin-top: 170px ;}
    .inner-page-title .pageTitle h1{font-size: var(--font-size-32) !important;}
    .inner-page-title .pageTitle{background: none !important; height: 50px       !important;}

    .inner-header:before,
    .inner-header:after{height: 270px;}

    .core-section{padding: 0;}
    .core-section .event-lst-box{margin: 0;}
    .header-fixed .navbar-nav .nav-item{height: auto;}
    .search-field .form-row input{width:260px}

    .right-search-block .card .card-content{margin:0px}
    .our-speakers{margin-bottom: 20px !important;}
    .our-speaker-title{margin-top: 50px !important;}
    .networking-detail-page{padding:15px}

    .page-title{z-index: 1;}

    .navbar-collapse{    right: 0;   top: 80px; border-radius: 0;   width: 0vw!important;   height: calc(100vh - 80px) !important;   z-index: 9;   display: flex;   align-items: baseline;    place-content: center; transition: all 0.3s ease;}
    .navbar-collapse.show{ width: 100vw!important; transition: all 0.3s ease;}
    .navbar-collapse .navbar-nav{width:100%}
    .navbar-collapse .navbar-nav .nav-item{    height: calc(87vh / 10);     display: flex;       align-items: center;}
    
    .navbar-collapse .navbar-nav .nav-item .nav-link{  height:100%;  align-items: center;      font-size: var(--font-size-18); display: flex;}
    .navbar-collapse .navbar-nav .nav-item:last-child .nav-link{border:none}

    .inner-page.about-page{padding:15px}
    .long-description p strong, .short-description p strong{font-size: var(--font-size-24);}

    
    .inner-page .inner-header-rgt .custom-btn-link{height: 40px; font-size: var(--font-size-18);}
    .publication-content{padding-top: 0;}

    .directory-content .event-lst-box{margin: 0; grid-gap: 0;}
    .directory-search .search-hide{height: auto !important;}
    .directory-search .search-block .form-group{flex-direction: column;}
    .directory-search .search-block{padding:15px !important; margin: 0 !important;}

    .directory-detail-page .event-lst-box{margin:0}
    
    .directory-detail-page .card-itm.emp-card-itm .card{padding:10px 0!important; flex-direction: row; }

    /*
    .directory-detail-page .card-left{margin:auto; background: #f7f7f7;  height:140px; padding:0 10px; width:150px; display: flex; align-items: center; border-radius:10px 0 0 10px}
    .directory-detail-page .emp-card-itm .card-mdl{ padding:0px;   width: calc(100% - 150px);  height: 140px; background: #f7f7f7;    display: flex;  border-radius:0 10px 10px 0;   align-items: center;        margin: auto;}
      */

      .directory-detail-page .card-left{width:100%;     display: flex;
        align-items: center;
        flex-direction: column;}
      .directory-detail-page .card-mdl{width:100%; padding:0px}
      .directory-detail-page .card-rgt{width:100%}

      .directory-listing-page .social-links{margin:10px 0; padding:0px}

      .directory-detail-page  .card-body ul{border-top:1px solid var(--common-border-color); padding-top: 20px !important;}
      .directory-listing-page .card-itm.emp-card-itm .card-action{right:0px}
      .directory-listing-page .card-itm.emp-card-itm .card{align-items: center;  grid-gap: 5px; border:0px}

      .directory-content{padding:0px}

    .directory-detail-page .card-right{width:100%; align-items: flex-start; margin:10px 0 20px}

    .directory-detail-page .emp-card-itm .card-body .card-title{text-align: center; margin:0 0 20px}

    .directory-detail-page .cmn-list{align-items: center;      justify-content: center;      text-align: center; margin:10px 0 20px}
    .directory-detail-page .emp-comp-detail{width:100%; text-align: center;}
    .directory-detail-page .without-shadow .emp-award{justify-content: center; width:auto; margin:auto}
    .directory-detail-page .extra-info{width:100%; margin:auto;    flex-direction: column; align-items: center;}
    .directory-detail-page .extra-info-rgt{position: relative;}
    .directory-detail-page .social-links{flex-direction: row !important; }
    .directory-detail-page .social-lst{width:calc(50% - 10px)}
    .directory-detail-page .card-itm.emp-card-itm .card-action{position: relative;     flex-direction: row !important;      width: 100%;    
        top: inherit;      right: inherit;      align-items: flex-start;      justify-content:space-between; margin-bottom: 10px;}

    .pub-status{flex-direction: column;}
    .publication-tab-content  .col-lg-9{width:100% !important}
     .common-page-content.publication-content .tab_container .publication-tab-content .tab_content .inner-page .col-lg-9{width:100% !important}

     .directory-detail-page .publication-content .card-title{width:100% !important}
     .directory-detail-page .card-content-top .post-type, 
     .directory-detail-page .card-content-top .post-type .highlight-text{margin: 0 !important;}
     .directory-detail-page .card-content-top{flex-direction: column;}
     .directory-detail-page .inner-head .inner-head-left{display: none !important;}
     .directory-detail-page .mobile-ftr-row .common-inner-profile-page{ min-height: 300px; max-height:550px;  overflow-y: auto;   overflow-x: hidden; padding:10px 20px}
     .directory-detail-page .publication-content .card-itm .card-footer{margin:0 !important; padding:15px; flex-wrap: wrap;}
     .jobopportunity-page.after-login-page .publication-content .publication-date{margin-left: 0px !important;}
     .directory-detail-page .photos-page .other-photo{margin:20px 0}

     .directory-detail-page .tab-inner-content .no-record-block h2{max-width: 85%;}
     .publication-content .card-action{display: flex; margin:0 2px}
     .common-page-content.publication-content .tab_container .tab_content .inner-page .col-lg-9{width:100%}

     .after-login-page .publication-content .card-itm .card-content{padding:0px}
     .after-login-page .publication-content .card-itm .card .card-content p{padding:0px}

     .ranking-banner img{max-width: 250px;}
     .ranking-content h2{font-size: var(--font-size-22);}
     .ranking-content{margin-top: 30px;}
     .ranking-description ul li{font-size: var(--font-size-14) !important;}
    
     .mobile-desc{display: block;}
     .column.plan-details{display: none;}
     .column{width:90%; margin:auto auto 30px !important; float: none;}
     .custom-action{flex-direction: column; margin: 0 0 25px;}
     .custom-action a{max-width: 75% !important; margin: auto;}
     .price .price-header{border-radius: 20px 20px 0 0 !important;}
     .price{box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.12) !important;}
     .tab-inner-content .btn-view{min-width: inherit; font-size: 0;}
     .tab-inner-content .btn-view i{font-size: 18px; grid-gap: 0;}
     .tab-inner-content .btn-view.btn-edit{grid-gap: 0 !important;}

     .custom-itm button,
     .other-photo button{    right: 0;      top: 0;}

     .after-login-page .emp-award img{max-width: 100%; max-height: 100%; width:auto !important; height:auto !important }
     .publication-content-listing .event-lst-box{grid-gap: 0px;}
     .publication-content .card-itm{border:0px !important}
     .publication-content .card-itm .card {    padding:20px;    box-shadow: none;         border-radius: 0;  }
  
     .employment-page .col-lg-9,
     .publication-page .col-lg-9 {padding:0px;}
     .publication-content .card-itm .card-content{padding:20px 0}
     .publication-content .card-itm .card-footer{margin: 0px;}
     .gdirectory-page .btn-green{margin: auto;}

     .employment-page .publication-content .card-itm .card-footer{flex-direction: column-reverse !important; grid-gap: 10px; align-items: flex-start; position: relative; padding:10px 0 0 !important}
     .employment-page .publication-content .card-itm .card-footer .card-action{    position: absolute;      right: 0;      bottom: 0;      left: inherit;
      margin: inherit;      width: auto;}

      .employment-page.inner-page .inner-header-rgt .custom-btn-link{    max-width: 200px;        margin: auto; font-weight: normal;}

      .employment-detail-page .employment-card{padding:0 20px}

      .directory-detail-page .card-itm.emp-card-itm .card{padding:0 20px !important}
      .directory-detail-page .card-left .emp-exp{display: none;}

      .gdirectory-page .card-body ul li span{display: flex; flex-direction: column; align-items: center;}

      .banner-image-block {width: 310px; height: 264px; margin: auto;}
      .banner-image img {width: 100%; height: 100%; -webkit-mask-size: 310px 264px; object-fit: cover;}
      .banner-section .banner-title {margin-top: 10px;}
      .banner-section .search-block {
        margin: auto; background: rgba(255,255,255,0.05) !important;
        border-radius: 0px; height: auto; padding: 15px 10px 15px 25px !important; margin-top: 10px !important;
      }
      .search-action { width: 100%!important; justify-content: flex-end!important; }
      .banner-content .search-block > .row { padding: 0px;}

      .CookieConsent {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08);
        width: calc(100vw - 20px) !important;
        height: 125px !important;
        padding:  5px !important;
      }
      .CookieConsent > div{
        margin-top: 5px !important;
        margin-bottom: 5px !important;
      }
      .cookie-icon {
          position: relative;
          width: 60px;
          margin: -5rem auto 1rem;
          display: none !important;
      }
      .cookie-text{height:auto !important; font-size: 12px;}
      button#rcc-confirm-button {
          height: 25px;
          padding: 0 10px!important;
          font-size: 11px !important;
      }

    }
    
@media screen and (max-width:568px){  
  .ranking-banner img{max-width: 200px;}
  .ranking-description ul li span{font-size: var(--font-size-16) !important;}
  .page-title h2{font-size:var(--font-size-26)}
  
  .events-page .tab-inner-content h2{margin:auto auto 10px; max-width: 90%;}
  .inner-tab-content{margin: 0;}

  .pagination{justify-content: center; float:none}
  .form-row .form-input-div i.search-icon{top:9px} 

  .network-meeting-tab-content .with-event-date .card-itm .card-title{ height: auto; min-height: inherit !important; margin-bottom: 5px;}
  .event-section .event-lst-box.with-event-date .card-itm .card-content{    height: auto;
    min-height: inherit;}
  .event-section .card-itm .card .card-content p{min-height: inherit !important; margin-bottom: 10px;}

  .ranking-itm{padding:20px 0 0}
  .ranking-page .page-title h1{font-size: var(--font-size-22);}
  .ranking-page .common-paragraph{    bottom: 80px;    font-size: 20px !important;    line-height: 20px;}
  .tab-inner-content .btn-view,
  .tab-inner-content .btn-view.btn-edit {   grid-gap: 0 !important;    display: inline-flex;   /* margin: 0px; border:0px; padding: 0; width:auto ; height: auto; */}
  .profile-stats{width:48%}
  .directory-detail-page .emp-comp-detail{margin: 20px 0;}
  .photos-page.after-login-page .col-xs-6 {    width: 49%;    height: auto;}
  .directory-detail-page .photos-page .other-photo{max-height: 100%;    height: 150px;}
  .ReactModal__Content{min-width: 90vw; overflow:hidden !important;}
  .ReactModal__Content form{min-width: 100%;}
  .custom-listview-action{display: inline-block; margin: auto;}
  .editprofile-page .img-wrap{margin:auto auto 15px}
  .signup-form-block .form-row{margin-bottom: 10px;}
  .apl-badge-paid{min-width: inherit;}
  .card-itm:last-child, .card-itm:nth-child(2){margin:0px !important}
  .inner-title h3{font-size: var(--font-size-20); }
  .custom-table-with-thead{width:100%; overflow: auto;}
.directory-detail-page .inner-title h3{ max-width: 90%;}
  .custom-listview-action{display: inline-flex; flex-direction: row-reverse; place-content: center; width:100%}
  .directory-detail-page .lawyer-avilibility .cmn-list{align-items: flex-start;}

  .publication-content .card-itm .card-footer{padding:10px 0; align-items: center;}
  .employment-detail-page .publication-content .card-itm .card-content{padding:10px}
  .employment-detail-page .application-date{margin-left:inherit !important}
  .employment-detail-page .publication-date{margin-right:inherit}

  .ranking-list{margin-bottom: 30px;}
  .event-lst-box.with-event-date .card-itm .card-content,
  .event-lst-box.with-event-date .card{min-height: inherit;}
  .networking-content .event-lst-box .btn-view,
  section.event-section .btn-view{font-size: var(--font-size-12);}
  .publication-page .inner-header-rgt{width:auto; margin-bottom: 0px !important;}
  .publication-posted-by.org-logo .posted-pic{display: flex; align-items: center;}
  .publication-detail-content .publication-posted-by{margin:0px 0 20px;     flex-direction: row !important;    width: 100%;       text-align: left;}
  .directory-listing-page .card-itm.emp-card-itm .card-action{position: relative; top:inherit;     justify-content: space-between;
    width: 100%;}
  .directory-listing-page .card-left{    width: 100%;    text-align: center;    display: flex;    flex-direction: column;    align-items: center;}
  .directory-listing-page .card-mdl{    width: 100%;    text-align: center;    display: flex;    flex-direction: column;    align-items: center;}

  .directory-listing-page .emp-card-itm .card-body{    text-align: left; width: 100%;}
  .directory-listing-page .emp-card-itm .card-body .card-title{font-size: 20px; margin:10px 0; text-align: center;}
  .directory-content .ranking-badge-lst{width:100%}
  .directory-listing-page .social-links{flex-direction: row !important; width:100% !important}

  .directory-detail-page .card-itm.emp-card-itm .card{flex-direction: column;}

  
  .head-tabs{margin:auto}
  .detail-content-top .our-speakers .card .card-content .card-title{white-space: nowrap}

  .networking-content .card-itm{margin:15px 0 !important}
  .common-page-content .common-paragraph strong{font-size: var(--font-size-18) !important;}
  .directory-search .right-block-title{display: none;}
  .publication-page .right-search-block{max-width: 100%;}
  .directory-search .search-hide{max-width: 100%;}
  .publication-page .inner-head{margin: 0px;}
  .custom-action .btn-green{white-space: nowrap;}
  .editprofile-page .signup-form-block{max-width: 90%;}
  .custom-file-upload{margin:auto}
  .rbt-token{margin:3px !important}

  .employment-page .card-itm .card .card-content p{margin:auto; line-height: normal;}
  .card-content small{margin-bottom: 5px !important;}
  .employment-page .publication-content .card-itm .card-footer{padding:10px 10px 0}
  .employment-page .publication-date{margin-right: 0px;}
  .employment-page .card-itm .card .card-content p{margin-bottom: 5px;}

  .directory-detail-page .cmn-list label{    font-size: var(--font-size-12);}
  .directory-detail-page .cmn-list span{    font-size: var(--font-size-16);}

  .directory-listing-page .card-left .emp-exp{display: none;}

  .emp-card-itm .btn-green{min-width: 150px !important;}

}

@media screen and (max-width: 980px) { 
  .lawyer-verified{ min-width:70px;}
  .lawyer-verified span {height: 21px;}
  .publication-content  .event-tabs-content.mobile-ftr-row{ height: auto; opacity: 1;}  
  .review-rating-list-element .review-block {display: block;}
  .review-rating-list-element .review-block .review-info-left, .review-rating-list-element .review-block .review-info-right {width: 100%; text-align:left;;}
  .write-rating-block {min-width: auto;}
}