@media screen and (max-width: 1275px) {
  .site-header > .ed-container, .eightlaw-pro-about-section, .eightlaw-pro-practice-section, .eightlaw-pro-law-post-section .post-law-wrapper, 
  .eightlaw-pro-law-post-section .wrap-law-post-right, .eightlaw-pro-process-section, .eightlaw-pro-teammember-section, .eightlaw-pro-blog-section, 
  .eightlaw-pro-contact-section, .eightlaw-pro-latest-section, .top-footer, footer.site-footer .site-info, .no-sidebar #primary, 
  .error404 .content-area, .category .button-group.filters-button-group, .post-navigation, .paging-navigation, 
  .eightlaw-pro-gallery-section .gallery-description {
    padding-right: 10px;
    padding-left: 10px;
  }
  .ed-container {
    width: 100%;
  }
  body.boxed-layout #page, .boxed-layout #masthead.fixed > .ed-container {
    width: 97%;
  }
  #ed-top {
    bottom: 80px;
  }

  header.site-header.transparent + .site-content .slider-wrapper .bx-viewport, 
  header.site-header.transparent + .site-content .slider-wrapper .bx-viewport .slides > img {
    height: inherit;
  }

  /*------------------------------------------
  SIDEBARS
  -------------------------------------------*/
  .left-sidebar #primary, .right-sidebar .sidebar, .both-sidebar .sidebar {
    padding-right: 10px;
  }
  .left-sidebar .sidebar, .right-sidebar #primary, .both-sidebar .left-sidebar-right {
    padding-left: 10px;
  }

}

@media screen and (max-width: 1210px) {
  .site-header .site-branding {
    width: 20%;
  }
  .site-header .menu-wrap {
    width: 79%;
  }
  .site-header.logo-right .menu-wrap {
    width: 80%;
  }
  .menu-wrap .main-navigation .nav-menu li a {
    padding-left: 10px;
    padding-right: 10px;
  }
   #main-slider .slides {
    background-position: center;
  }
  .main-navigation {
    width: calc(100% - 49px);
  }
  .site-header .menu-wrap .search-icon .fa.fa-search {
    height: 25px;
    line-height: 21px;
    width: 25px;
  }
  header.classic + #main-slider .slides {
    height: 50vh !important;
  }

}

@media screen and (max-width: 980px) {
  /*-----------------------------------------
  COMMON CSS
  ------------------------------------------*/
  #masthead.site-header > .ed-container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #masthead.site-header.fixed > .ed-container {
    padding-top: 0;
    padding-bottom: 0;
  }
  .site-header .site-branding {
    width: 50%;
  }
  .site-header .menu-wrap {
    width: 49%;
    text-align: right;
  }
  .site-header.logo-right .menu-wrap {
    width: 50%;
    text-align: left;
  }
  .site-header.logo-right .menu-wrap .main-navigation {
    width: 80%;
  }
  .eightlaw-pro-contact-section .contact-section-image {
    width: 557px;
    height: 835px;
  }
  .right-sidebar .blog-grid-3 article, .right-sidebar .blog-grid-4 article, 
  .left-sidebar .blog-grid-3 article, .left-sidebar .blog-grid-4 article, 
  .both-sidebar .blog-grid-3 article, .both-sidebar .blog-grid-4 article {
    width: 48%;
  }
  .right-sidebar .blog-grid-3 article:nth-child(3n), .right-sidebar .blog-grid-4 article:nth-child(4n), 
  .left-sidebar .blog-grid-3 article:nth-child(3n), .left-sidebar .blog-grid-4 article:nth-child(4n), 
  .both-sidebar .blog-grid-3 article:nth-child(3n), .both-sidebar .blog-grid-4 article:nth-child(4n) {
    margin-right: 3%;
  }
  .right-sidebar .blog-grid-3 article:nth-child(2n), .right-sidebar .blog-grid-4 article:nth-child(2n), 
  .left-sidebar .blog-grid-3 article:nth-child(2n), .left-sidebar .blog-grid-4 article:nth-child(2n), 
  .both-sidebar .blog-grid-3 article:nth-child(2n), .both-sidebar .blog-grid-4 article:nth-child(2n) {
    margin-right: 0;
  }
  .both-sidebar .archive-wrap.team-member-grid article {
    width: 47%;
  }
  .eightlaw-pro-blog-section .blog-wrap .blog-in-wrap {
    width: 32.66%;
  }
  .site-header.logo-right .menu-wrap .search-icon {
    margin-top: 5px;
  }
  .site-header .menu-wrap .search-icon .fa.fa-search {
    height: 35px;
    line-height: 31px;
    width: 35px;
  }
  .site-header.logo-right .site-branding {
    padding-top: 0;
    padding-bottom: 0;
  }
  .site-header.logo-right .menu-wrap {
    margin-top: 10px;
  }

  /*-----------------------------------------
  NAVIGATION
  ------------------------------------------*/
  .main-navigation {
    width: auto;
  }
  .menu-toggle::before {
    content: "\f0c9";
    font-family: fontawesome;
    font-size: 30px;
    left: 0;
    line-height: 43px;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0;
    top: 0;
    transition: all ease 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
  }
  .menu-toggle {
    background: #32252d none repeat scroll 0 0;
    border: 1px solid #32252d;
    display: block;
    height: 45px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-indent: 60px;
    white-space: nowrap;
    width: 50px;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
  }
  .menu-toggle:hover, .toggled .menu-toggle {
    background: #fff;
  }
  .menu-toggle:hover:before, .toggled .menu-toggle:before {
    color: #32252d;
  }
  .main-navigation .menu-close-btn {
    background: #623750 none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
    height: 40px;
    left: 10px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 40px;
    z-index: 9999999;
    opacity: 0;
    cursor: pointer;
    transform: translate(-100%);
    -webkit-transform: translate(-100%);
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
  }
  .main-navigation.toggled .menu-close-btn {
    opacity: 1;
    filter: alpha(opacity= 100);
    visibility: visible;
    transform: translate(0);
    -webkit-transform: translate(0);
  }
  .main-navigation .menu-close-btn:hover {
    background: #864b6d;
  }
  .menu-wrap .main-navigation .nav-menu {
    background: #32252d none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: left;
    top: 0;
    width: 80%;
    z-index: 999999;
    visibility: hidden;
    padding-top: 80px;
    overflow-y: scroll; 
    transform: translate(-100%);
    -webkit-transform: translate(-100%);
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s; 
  }
  .menu-wrap .main-navigation.toggled .nav-menu {
    visibility: visible;
    transform: translate(0);
    -webkit-transform: translate(0);
  }
  .menu-wrap .main-navigation .nav-menu li {
    width: 100%;
  }
  .menu-wrap .main-navigation .nav-menu li a, 
  .fixed .menu-wrap .main-navigation .nav-menu li a {
    width: 100%;
    border-bottom: 1px solid #24101c;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .logo-center .menu-wrap .main-navigation .nav-menu li a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .logo-center .menu-wrap .main-navigation .nav-menu > li.menu-item-has-children > a::after, 
  .logo-center .menu-wrap .main-navigation .nav-menu > li.page_item_has_children > a::after {
      top: 19px;
  }
  .menu-wrap .main-navigation .nav-menu > li > a:hover, 
  .menu-wrap .main-navigation .nav-menu > li.current_page_item > a, 
  .menu-wrap .main-navigation .nav-menu > li.current-menu-item > a {
    border-color: #e692c3;
    color: #e692c3;
  }
  .menu-wrap .main-navigation .nav-menu > li.menu-item-has-children > a::after, 
  .menu-wrap .main-navigation .nav-menu > li.page_item_has_children > a::after, 
  .fixed .menu-wrap .main-navigation .nav-menu > li.menu-item-has-children > a::after, 
  .fixed .menu-wrap .main-navigation .nav-menu > li.page_item_has_children > a::after {
    border-top-color: #fff;
    top: 19px;
  }
  .menu-wrap .main-navigation .nav-menu > li.menu-item-has-children:hover > a::after, 
  .menu-wrap .main-navigation .nav-menu > li.menu-item-has-children > a::after, 
  .menu-wrap .main-navigation .nav-menu > li.page_item_has_children:hover > a::after, 
  .menu-wrap .main-navigation .nav-menu > li.page_item_has_children > a::after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    border-top-color: #e692c3;
  }
  .menu-wrap .main-navigation .nav-menu li ul.sub-menu, 
  .menu-wrap .main-navigation .nav-menu li ul.children {
    min-width: 100%;
    opacity: 1;
    padding: 0 0 0 10px;
    position: static;
    visibility: visible;
  }
  .menu-wrap .main-navigation .nav-menu li ul.sub-menu > li.menu-item-has-children > a::after, 
  .menu-wrap .main-navigation .nav-menu li ul.children > li.menu-item-has-children > a::after, 
  .menu-wrap .main-navigation .nav-menu li ul.sub-menu > li.page_item_has_children > a::after, 
  .menu-wrap .main-navigation .nav-menu li ul.children > li.page_item_has_children > a::after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  .site-header .menu-wrap .search-icon {
    width: 19%;
  }
  .site-header .menu-wrap .ed-search form.search-form {
    padding: 0 10px;
    width: 100%;
  }
  .site-header.logo-center .menu-wrap .main-navigation .nav-menu {
    text-align: left;
  }

  /*-------------------------------------
  ABOUT SECTION
  --------------------------------------*/
  .eightlaw-pro-about-section .home-about-progressbar-wrap, 
  .eightlaw-pro-about-section .home-about-progressbar-wrap .about-content-wrap {
    padding-right: 20px;
  }
  #tab-container > ul > div .fa {
    width: 15%;
  }
  #tab-container > ul > div p {
    width: 83%;
  }

  /*-----------------------------------------
  PRACTICE SECTION
  ------------------------------------------*/
  .practice-stats-tab > h5 {
    width: 100%;
  }
  .practice-stats-tab.active > h5 {
    border-style: solid;
    border-color: #eee;
    border-left-color: #32252d;
  }
  .practice-stats-tab .practice-tab-wrap {
    display: none;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: none; 
    position: static;
    right: 0;
    top: -10px;
    vertical-align: top;
    width: 100%;
  }

  /*------------------------------------------------
  PROCESS SECTION
  -------------------------------------------------*/
  .eightlaw-pro-process-section .process-step-wrap .process-step {
    margin-left: 5px;
    margin-right: 5px;
  }

  /*-----------------------------------------------
  WIDGET SECTION TWO
  ------------------------------------------------*/
  .eightlaw_pro_shortcode_tab_wrap.horizontal .tab-title {
    padding-right: 15px;
    padding-left: 15px;
  }

  /*----------------------------------------------
  TEAM MEMBER SECTION
  -----------------------------------------------*/
  .eightlaw-pro-teammember-section .team-member-wrap .team-block .social-links-logo a {
    margin: 0;
    width: 28px;
    height: 28px;
    line-height: 25px;
  }
  .archive-wrap.team-member-grid article {
    width: 31.33%;
  }

  /*-------------------------------------------
  GALLERY PAGE
  --------------------------------------------*/
  .grid-5 .ed-gallery, .grid-6 .ed-gallery {
    width: 19.66%;
  }

  /*---------------------------------------------
  TESTIMONIAL PAGE
  ----------------------------------------------*/
  .both-sidebar .archive-wrap.testimonial-grid article {
    width: 45%;
  }
  .no-sidebar .archive-wrap.team-member-grid article, 
  .no-sidebar .archive-wrap.testimonial-grid article {
    width: 31%;
  }

}

@media screen and (max-width: 800px) {
  #ed-top {
    bottom: 20px;
  }
  .both-sidebar .archive-wrap.team-member-grid article {
    width: 31.66%;
  }
  
  /*---------------------------------------
  MAIN SLIDER
  ----------------------------------------*/
  #main-slider .caption-wrapper .ed-container .mid-content {
    width: 85%;
  }
  #main-slider .caption-wrapper .small-caption {
    font-size: 2.5em;
    line-height: 35px;
  }
  #main-slider .caption-wrapper .ed-container .mid-content .slider-content {
    font-size: 18px;
    line-height: 25px;
  }

  /*-------------------------------------
  BELOW SLIDER SECTIO
  --------------------------------------*/
  .section-wrapper .widget.widget_eightlaw_pro_icon_text {
    margin-bottom: 40px;
    width: 50%;
  }
  .section-wrapper .widget.widget_eightlaw_pro_icon_text:nth-child(even) {
    border-right: none;
  }
  .section-wrapper .widget.widget_eightlaw_pro_icon_text:nth-last-of-type(2), 
  .section-wrapper .widget.widget_eightlaw_pro_icon_text:last-child {
    margin-bottom: 0;
  }

  /*----------------------------------------------------
  GALLERY SECTION
  -----------------------------------------------------*/
  .eightlaw-pro-gallery-section .gallery-slider li .gallery-view-link .fa, 
  .eightlaw-pro-gallery-section .gallery-thumbnail li .gallery-view-link {
    font-size: 35px;
  }

  /*--------------------------------------------------
  WIDGET SECTION TWO
  ---------------------------------------------------*/
  .eightlaw_pro_shortcode_tab_wrap.horizontal .tab-title {
    font-weight: 400;
    padding: 5px 7px;
  }

  /*---------------------------------------------------
  TEAM MEMBER SECTION
  ----------------------------------------------------*/
  .eightlaw-pro-teammember-section .teammember-description {
    width: 100%;
  }
  .eightlaw-pro-teammember-section .team-member-wrap {
    padding-left: 0;
    width: 100%;
  }
  .eightlaw-pro-teammember-section .team-member-wrap .team-block .social-links-logo {
    text-align: left;
  }

  /*-----------------------------------------------
  BLOG SECTION
  ------------------------------------------------*/
  .eightlaw-pro-blog-section .blog-wrap .blog-in-wrap .blog-title-comment .date-author-wrap .blog-author, 
  .eightlaw-pro-blog-section .blog-wrap .blog-in-wrap .blog-title-comment .date-author-wrap .blog-comment {
    width: auto;
    display: block;
  }
  .eightlaw-pro-blog-section .blog-wrap .blog-in-wrap .blog-title-comment .date-author-wrap .blog-comment {
    text-align: left;
  }

  /*------------------------------------------------
  CONTACT SECTION
  -------------------------------------------------*/
  .eightlaw-pro-contact-section .contact-section-form {
    width: 60%;
  }

  /*--------------------------------------------
  LATEST SECTION
  ---------------------------------------------*/
  .latest-post, .latest-news {
    float: none;
    padding-right: 0;
    width: 100%;
  }
  .eightlaw-pro-latest-section.latest-news, .eightlaw-pro-latest-section.latest-post {
    padding-right: 10px;
  }
  .eightlaw-pro-latest-section .ed-container > .latest-post {
    margin-bottom: 30px;
  }
  .eightlaw-pro-latest-section .ed-container > .latest-news {
    padding-left: 0;
  }
  .eightlaw-pro-latest-section .latest-post .bx-controls.bx-has-controls-direction {
    right: 0;
  }

  /*-----------------------------------------
  FOOTER SECTION
  ------------------------------------------*/
  .top-footer .footer-block {
   margin-bottom: 30px;
  }
  .top-footer .footer-block:last-child, .top-footer .footer-block:nth-last-of-type(2) {
    margin-bottom: 0;
  }
  .top-footer.footer-column-4 .footer-block {
    width: 49.66%;
  }
  footer .site-info .copyright, footer .site-info .ed_footer_social {
    width: 100%;
    text-align: center;
  }
  footer .site-info .copyright {
    margin-bottom: 20px;
  }

  /*-----------------------------------------
  SIDEBARS
  ------------------------------------------*/
  .left-sidebar #primary, .left-sidebar .sidebar, .right-sidebar .sidebar, .right-sidebar #primary, 
  .both-sidebar .left-sidebar-right, .both-sidebar .left-sidebar-right #primary, 
  .both-sidebar .left-sidebar-right .sidebar, .both-sidebar .sidebar {
    float: none;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  .both-sidebar .left-sidebar-right #primary, .both-sidebar .left-sidebar-right .sidebar {
    padding: 0;
  }

  /*-------------------------------------------
  SERVICE PAGE
  --------------------------------------------*/
  .services-grid3 article, .services-grid4 article {
    width: 47.66%;
  }

  /*------------------------------------------
  GALLERY PAGE
  -------------------------------------------*/
  .archive-gallery .grid-item {
    width: 33.33%;
  }
  .grid-4 .ed-gallery, .grid-5 .ed-gallery, .grid-6 .ed-gallery {
    width: 24.66%;
  }

}

@media screen and (max-width: 782px) {
  .admin-bar header.site-header.transparent {
    margin-top: 46px;
  }
  .admin-bar #masthead.sticky-header > .ed-container {
    top: 46px;
  }
  .admin-bar #masthead.sticky-header > .ed-container .main-navigation .nav-menu {
    padding-top: 110px;
  }
  .admin-bar .site-header .search-icon .search-close {
    margin-top: 46px;
  }
  .site-header .menu-wrap .ed-search form.search-form label {
    width: 75%;
  }
  .site-header .menu-wrap .ed-search form.search-form .search-submit {
    width: 20%;
  }
  .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 5px;
    margin-right: 3px;
  }
  .eightlaw_pro_shortcode_tab_content {
    padding: 15px;
  }
  .eightlaw-pro-process-section .process-step-wrap .process-step {
    width: 23.66%;
  }

}

@media screen and (max-width: 640px) {
  .eightlaw-pro-gallery-section .gallery-thumbnail li {
    width: 33.33%;
  }
  header.site-header.transparent {
    position: static;
  }
  .ed_header_welcome .fa {
    margin-right: 0;
  }
  .eightlaw-pro-practice-section .practice-description, 
  p.home-description.process-description, 
  .eightlaw-pro-gallery-section .gallery-description, 
  .eightlaw-pro-blog-section .home-description.blog-description {
    width: 100%;
  }
  .eightlaw-pro-law-post-section .post-law-wrapper, 
  .eightlaw-pro-law-post-section .wrap-law-post-right {
    width: 49%;
  }

  /*-----------------------------------
  MAIN SLIDER
  ------------------------------------*/
  #main-slider .slides {
    height: 50vh !important;
  }
  #main-slider .caption-wrapper {
   /* display: none; MITJA*/
  }

  /*---------------------------------------
  ABOUT SECTION
  ----------------------------------------*/
  .eightlaw-pro-about-section .about-img {
    float: none;
    margin-bottom: 30px;
    width: 100%;
  }
  .eightlaw-pro-about-section .home-about-progressbar-wrap {
    float: none;
    padding-right: 0;
    width: 100%;
  }

  /*--------------------------------------
  WIDGET SECTION ONE
  ---------------------------------------*/
  .eightlaw-pro-widgets-section-one {
    padding: 25px;
  }
  .eightlaw-pro-widgets-section-one::before {
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
  }
  .eightlaw-pro-widgets-section-one .widget .cta-desc_simple {
    font-size: 18px;
    line-height: 25px;
    width: 100%;
  }

  /*-----------------------------------------
  PRACTICE SECTION
  ------------------------------------------*/
  .eightlaw-pro-practice-section .practice-image {
    margin-bottom: 30px;
    width: 100%;
  }
  .eightlaw-pro-practice-section .tab-wrap {
    padding-left: 0;
    width: 100%;
  }

  /*--------------------------------------------------
  WIDGET SECTION TWO
  ---------------------------------------------------*/
  .eightlaw-pro-widgets-section-two .widget {
    margin-bottom: 30px;
    padding: 0 10px;
    width: 100%;
  }

  /*----------------------------------------------
  BLOG SECTION
  -----------------------------------------------*/
  .eightlaw-pro-blog-section .blog-wrap .blog-in-wrap {
    padding: 0;
    width: 100%;
  }
  .eightlaw-pro-blog-section .blog-wrap .blog-in-wrap:last-child {
    margin-bottom: 0;
  }
  .eightlaw-pro-blog-section .blog-wrap .blog-in-wrap .blog-title-comment .date-author-wrap .blog-author, 
  .eightlaw-pro-blog-section .blog-wrap .blog-in-wrap .blog-title-comment .date-author-wrap .blog-comment {
    /*width: 49;*/
    display: inline-block;
  }
  .eightlaw-pro-blog-section .blog-wrap .blog-in-wrap .blog-title-comment .date-author-wrap .blog-comment {
    text-align: right;
  }
  .blog-grid-3 article, .blog-grid-4 article {
      width: 48%;
  }
  .blog-grid-3 article:nth-child(3n), .blog-grid-4 article:nth-child(4n) {
    margin-right: 3%;
  }
  .blog-grid-3 article:nth-child(2n), .blog-grid-4 article:nth-child(2n) {
    margin-right: 0;
  }  

  /*----------------------------------------
  LATEST SECTION
  -----------------------------------------*/
  .news-preview {
    float: none;
    margin-bottom: 40px;
    padding-right: 0;
    width: 100%;
  }
  .news-list-wrap {
    float: none;
    padding-left: 0;
    width: 100%;
  }

  /*-----------------------------------------
  SHORTCODE
  ------------------------------------------*/
  .eightlaw_pro_column {
    float: none;
  }
  .eightlaw-pro-span1, .eightlaw-pro-span2, .eightlaw-pro-span3, .eightlaw-pro-span4, .eightlaw-pro-span5 {
    width: 100%;
  }
  .eightlaw_pro_call_to_action .eightlaw_pro_call_to_action_content {
    padding-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }

  /*------------------------------------------
  GALLERY PAGE
  -------------------------------------------*/
  .archive-gallery .grid-item {
    width: 50%;
  }
  .grid-3 .ed-gallery, .grid-4 .ed-gallery, .grid-5 .ed-gallery, .grid-6 .ed-gallery {
    width: 32.9%;
  }

   /*-------------------------------------
  TESTIMONIAL PAGE
  --------------------------------------*/
  .eightlaw-pro-process-section .process-step-wrap .process-step {
    width: 23.33%;
  }
  .no-sidebar .archive-wrap.team-member-grid article, 
  .no-sidebar .archive-wrap.testimonial-grid article, 
  .both-sidebar .archive-wrap.team-member-grid article {
    width: 47.66%;
  }
  .no-sidebar .testimonial-grid article:nth-child(3n) {
    margin-right: 2%;
  }

}

@media screen and (max-width: 600px) {
  .admin-bar #masthead.sticky-header.fixed > .ed-container {
    top: 0;
  }
  .admin-bar #masthead.sticky-header.fixed > .ed-container .main-navigation .nav-menu {
    padding-top: 80px;
  }
  .admin-bar .site-header.fixed .search-icon .search-close {
    margin-top: 0;
  }
  
}

@media screen and (max-width: 540px) {
   #ed-top {
    bottom: 65px;
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .eightlaw-pro-gallery-section .gallery-thumbnail li {
    width: 50%;
  }
  .comment-form p.comment-form-author, .comment-form p.comment-form-email, .comment-form p.comment-form-url {
    width: 100%;
  }
  .site-header .menu-wrap .ed-search form.search-form label {
    width: 100%;
    margin-bottom: 10px;
  }
  .site-header .menu-wrap .ed-search form.search-form .search-submit {
    width: 100%;
  }
  .site-header.logo-right .menu-wrap {
    margin-top: 0;
  }

  /*-----------------------------------------
  HEADER SECTON
  ------------------------------------------*/
  .site-header .site-branding {
    padding: 0;
    width: calc(100% - 100px);
    margin-bottom: 20px;
  }
  .site-header .menu-wrap {
    width: 95px;
    text-align: right;
  }
  .site-header.logo-right .menu-wrap {
    width: 100%;
  }
  .main-navigation {
    /*width: 79%;*/
  }
  .site-header.logo-right .menu-wrap .main-navigation {
    width: auto;
  }
  header.site-header.transparent .header-social {
    background: rgba(0, 0, 0, 0.7);
  }
  .ed_header_social {
    float: none;
    margin-bottom: 10px;
    text-align: left;
    width: auto;
  }
  .ed_header_welcome {
    float: none;
    width: auto;
  }

  /*-------------------------------------
  BELOW SLIDER SECTIO
  --------------------------------------*/
  .section-wrapper .widget.widget_eightlaw_pro_icon_text {
    padding: 0 10px;
    margin-bottom: 40px;
    width: 100%;
    border-right: none;
  }
  .section-wrapper .widget.widget_eightlaw_pro_icon_text:nth-last-of-type(2) {
    margin-bottom: 40px;
  }

  /*---------------------------------------
  ABOUT SECTION
  ----------------------------------------*/
  .eightlaw-pro-about-section .home-about-progressbar-wrap .about-content-wrap {
    margin-bottom: 30px;
    padding-right: 0;
    width: 100%;
  }
  .eightlaw-pro-about-section .home-about-progressbar-wrap .home-description.about-description #tab-container {
    width: 100%;
  }
  #tab-container > ul > div .fa {
    width: 12%;
  }
  #tab-container > ul > div p {
    width: 87%;
  }

  /*-------------------------------------
  LAW POST SECTION
  --------------------------------------*/
  .eightlaw-pro-law-post-section::before, .eightlaw-pro-law-post-section::after {
    display: none;
  }
  .eightlaw-pro-law-post-section .post-law-wrapper, .eightlaw-pro-law-post-section .wrap-law-post-right {
    float: none;
    width: 100%;
  }
  .eightlaw-pro-law-post-section .wrap-law-post-right {
    padding-left: 10px;
    padding-right: 10px;
  }
  .eightlaw-pro-law-post-section .post-law-wrapper {
    background: rgba(255, 255, 255, 0.8);
  }
  .eightlaw-pro-law-post-section .law-post {
    position: relative;
    z-index: 1;
    padding-right: 0;
  }
  .eightlaw-pro-law-post-section .law-post .law-content {
    width: 75%;
    padding-top: 0;
  }
  .eightlaw-pro-law-post-section .wrap-law-post-right {
    background: rgba(50, 37, 45, 0.9);
  }

  /*---------------------------------------
  PROCESS SECTION
  ----------------------------------------*/
  .eightlaw-pro-process-section .practice-image {
    width: 100%;
    margin-bottom: 20px;
  }
  .eightlaw-pro-process-section .practice-list p {
    width: 100%;
    padding-left: 0;
  }
  .eightlaw-pro-process-section .process-step-wrap {
    border-top: medium none;
  }
  .eightlaw-pro-process-section .process-step-wrap .process-step::before, 
  .eightlaw-pro-process-section .process-step-wrap .process-step::after {
    display: none;
  }
  .eightlaw-pro-process-section .process-step-wrap .process-step {
    margin: 0 0 10px 0;
    float: none;
    width: 100%;
  }

  /*---------------------------------------------------
  TEAM MEMBER SECTION
  ----------------------------------------------------*/
  .eightlaw-pro-teammember-section .teammember-description {
    margin-bottom: 30px;
    width: 100%;
  }
  .eightlaw-pro-teammember-section .team-member-wrap {
    padding-left: 0;
    width: 100%;
  }
  .eightlaw-pro-teammember-section .team-member-wrap .team-block {
    float: none;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  .eightlaw-pro-teammember-section .team-member-wrap .team-block:last-child {
    margin-bottom: 0;
  }
  .eightlaw-pro-teammember-section .team-member-wrap .team-block .team-image {
    text-align: center;
  }

  /*--------------------------------------------
  CONTACT SECTION
  ---------------------------------------------*/
  .eightlaw-pro-contact-section .contact-section-image {
    display: none;
  }
  .eightlaw-pro-contact-section .contact-section-form {
    width: 100%;
  }

  /*----------------------------------------
  NEWS SECTION
  -----------------------------------------*/
  .news-preview > figure {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .news-preview .news-content {
    float: none;
    padding-left: 0;
    width: 100%;
  }

  /*-----------------------------------------
  FOOTER SECTION
  ------------------------------------------*/
  .top-footer .footer-block {
    padding: 0;
  }
  .top-footer .footer-block:nth-last-of-type(2) {
    margin-bottom: 30px;
  }
  .top-footer.footer-column-4 .footer-block, .top-footer.footer-column-3 .footer-block, .top-footer.footer-column-2 .footer-block {
    width: 100%;
  }
  footer .site-info .copyright, footer .site-info .ed_footer_social {
    width: 100%;
    text-align: center;
  }
  footer .site-info .copyright {
    margin-bottom: 20px;
  }

  /*-----------------------------------------------
  SEARCH NO RESULT
  ------------------------------------------------*/
  .search .no-results .search-form label {
    margin-bottom: 5px;
    width: 100%;
  }
  .search .no-results .search-form .search-submit {
    width: 100%;
  }

  /*----------------------------------------------
  SERVICE PAGE
  -----------------------------------------------*/
  .archive.post-type-archive-services article {
    margin: 0 0 20px 0;
  }
  .archive.post-type-archive-services article:last-child {
    margin-bottom: 0;
  }
  .services-grid2 article {
    width: 100%;
  }
  .services-list .single-image {
    width: 100%;
  }
  .services-list .list-content-wrap {
    width: 100%;
    padding-left: 0;
  }

  /*-------------------------------------------
  GALLERY PAGE
  --------------------------------------------*/
  .grid-3 .ed-gallery, .grid-4 .ed-gallery, .grid-5 .ed-gallery, .grid-6 .ed-gallery {
    width: 49%;
  }

  /*--------------------------------------------
  BLOG PAGE
  ---------------------------------------------*/
  .blog-medium .cat-blog-image, .blog-alternate .cat-blog-image {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
  .blog-medium .cat-blog-content-wrap, .blog-alternate .cat-blog-content-wrap {
    float: none;
    padding-left: 0;
    width: 100%;
  }
  .blog-alternate article:nth-child(even) .cat-blog-image{
    float: none; 
  }
  .blog-alternate article:nth-child(2n) .cat-blog-content-wrap {
    padding-right: 0;
  }
  .blog-grid-2 article, .blog-grid-3 article, .blog-grid-4 article, 
  .right-sidebar .blog-grid-3 article, .right-sidebar .blog-grid-4 article, 
  .left-sidebar .blog-grid-3 article, .left-sidebar .blog-grid-4 article, 
  .both-sidebar .blog-grid-3 article, .both-sidebar .blog-grid-4 article {
    margin-right: 0;
    width: 100%;
  }
  .blog-grid-3 article:nth-child(3n), .blog-grid-4 article:nth-child(4n), 
  .right-sidebar .blog-grid-3 article:nth-child(3n), .right-sidebar .blog-grid-4 article:nth-child(4n), 
  .left-sidebar .blog-grid-3 article:nth-child(3n), .left-sidebar .blog-grid-4 article:nth-child(4n), 
  .both-sidebar .blog-grid-3 article:nth-child(3n), .both-sidebar .blog-grid-4 article:nth-child(4n) {
    margin-right: 0;
  }
  .eightlaw-pro-blog-section .blog-wrap .blog-in-wrap .blog-date {
    font-size: 13px;
    width: 50px;
  }
  .blog-date span {
    font-size: 25px;
    line-height: 30px;
  }
  .home-blog-desc {
    width: calc(100% - 50px);
  }
  .eightlaw-pro-blog-section .blog-wrap .blog-in-wrap .blog-title-comment .blog-single-title {
    font-size: 20px;
    line-height: 22px;
  }

  /*-------------------------------------
  TESTIMONIAL PAGE
  --------------------------------------*/
  .testimonial-list .single-image {
    margin-bottom: 20px;
    width: 100%;
  }
  .testimonial-list .entry-content {
    padding-left: 0;
    width: 100%;
  }
  .archive-wrap.testimonial-grid article, 
  .no-sidebar .archive-wrap.testimonial-grid article, 
  .both-sidebar .archive-wrap.testimonial-grid article {
    width: 100%;
    margin: 0 0 20px 0;
  }


  /*---------------------------------------
  TEAM PAGE
  ----------------------------------------*/
  .archive-wrap.team-member-grid article, 
  .no-sidebar .archive-wrap.team-member-grid article, 
  .both-sidebar .archive-wrap.team-member-grid article {
    margin: 0 0 20px;
    width: 100%;
  }
  .team-member-list .single-image {
    width: 100%;
    margin-bottom: 20px;
  }
  .team-member-list .entry-content {
    padding-left: 0;
    width: 100%;
  }
  
}