/* Desktop Layout: 1280px. */
@media only screen and (min-width: 992px) { 
    .vcardImage {
      width: 300px !important;
    }
    .vCard_slider.slider-nav .slick-arrow {
      bottom: 20px !important;
      width: 30px !important;
    }
    .hidden-lg{
      display: block !important;
    }
    .site_top_img {
      width: 100% !important;
      height: 100% !important;
    }
    div#vCard {
      display: flex !important;
      flex-wrap: nowrap !important;
      flex-direction: row !important;
      overflow-x: scroll !important;
    }
  
    div#vCard .col-md-3 {
      flex: 0 0 327px !important;
    }

    .add-to-area {
      position: fixed !important;
      width: 100% !important;
      top: auto !important;
      left: 0 !important;
      background: #fff !important;
      border-radius: 8px !important;
      z-index: 999999999999 !important;
      display: flex !important;
      align-items: center !important;
      right: 0 !important;
      bottom: 44px !important;
      box-shadow: 0 0 5px #ddd !important;
      flex-direction: column !important;
    }
    .add-to {
      position: fixed !important;
      height: 100vh !important;
      background: rgba(0,0,0,.5) !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      z-index: 99 !important;
    }

    body, .container-max-width {
      max-width: 430px !important;
      margin: 0 auto !important;
    }

    #page {
      width: 100% !important;
      max-width: 430px !important;
      margin: 0 auto !important;
      overflow-x: hidden !important;
    }
	 body, .container-max-width {
      max-width: 430px !important;
      margin: 0 auto !important;
    }

    #page {
      width: 100% !important;
      max-width: 430px !important;
      margin: 0 auto !important;
      overflow-x: hidden !important;
    }

    /* Sostituisci le vecchie regole dell'header con queste */
    .header-bar,
    .header-bar-detached,
    .header-fixed,
    .header-app {
        max-width: 430px !important;
        width: 430px !important;
        right: 0 !important;
        left: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        position: fixed !important;
        transform: none !important;
    }

    .footer-bar,
    .footer-bar-detached {
        max-width: 430px !important;
        width: 430px !important;
        right: 0 !important;
        left: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        position: fixed !important;
    }

	
}
  /* Tablet Layout: 768px. */
  @media only screen and (min-width: 768px) and (max-width: 991px) { 
    div#vCard .col-md-3 {
      flex: 1 0 361px;
      max-width: 33%;
  }
  .vCard_slider.slider-nav .slick-arrow {
      bottom: 20px;
  }
  
  div#vCard {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: scroll;
  }
  .leftSideDetails ul {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
  }
  
  .customer_profile {
      margin-top: -64px;
  }
  .topCustomerProfile {
      padding: 61px;
  }
  .hidden-sm{
    display: none;
  }
  .aboutBtn {
      display: flex;
      text-align: center;
  }
  
  .aboutBtn a {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
  }
    
    /*----------------------------------------------
      new navbar
    ----------------------------------------------*/
    .userMenu nav {
        padding: 8px;
        box-shadow: 0 0 5px #ddd;
    }
    .userMenuNav {
        flex-direction: column;
        justify-content: flex-start;
    }
    .userMenuNav ul.navbar-nav.ml-auto {
      flex: 0;
      text-align: left;
      padding-bottom: 20px;
    }
    /*----------------------------------------------
      new navbar
    ----------------------------------------------*/
  
  
  
  
    .navArea {
        width: 250px;
        left:-250px;
    }
     .home_page_navbar nav.navbar {
        padding: 10px;
    }
  
    .home_page_navbar nav li a {
      padding: 8px 10px!important;
      display: block;
    }
    .right_bar a {
        background: transparent;
        color: #fff;
        border: 1px solid#ddd;
        padding: 10px 9px;
        margin-right: 11px;
        transition: all .5s ease;
    }
    .right_bar {
      margin-bottom: 15px;
      margin-top: 14px;
      padding-bottom: 10px;
    }
   
    .navArea.isVisible{
      left: 0;
    }
  
    .contentArea.navLeft {
      padding-left: 0;
    }
  
  .left_height_line {
    left: 38px;
  }
  
  .navArea.navRight.isVisible {
      right: 0;
  }
  .navArea.navRight{
    right: -250px;
    left: auto;
  }
  
    .contentArea.navRight {
      padding-right: 0;
    }
    .navOpen{
        display: block;
    }
  
    /*about area*/
    .aboutBtn {
      margin-top: 50px;
    }
    
    .about-Btn {
      width: 100%;
    }
    .aboutImage {
      position: relative;
      vertical-align: middle;
      margin-top: 50px;
    }
    /*about area*/
    .section-padding-top{
      padding-top: 10px;
     } 
  
     /**
       ***  menu
     **/ 
  .mainMenu {
      display: initial;
      width: 100%;
  }
  .topMenu .navbar {
      height: auto;
  }
  
  .navbar_top_menu {
      display: block;
  }
  #myBar {
      display: none;
  }
  
  .navbar_top_wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 50px;
      overflow: hidden;
      background: #000;
      position: relative;
      padding: 15px;
  }
  
  ul.appointment_dates li b {
      font-size: 12px;
  }
  
  .navbar_img {
      display: flex;
      align-items: center;
  }
  .navbar_img img {
      height: 40px;
      width: 40px;
      border-radius: 100%;
      margin-right: 10px;
  }
  .navbar_top_wrapper i {
      font-size: 28px;
      color: #fff;
  }
  
  .header-hero-content {
      padding-top: 103px;
  }
  
  .header-hero-image {
      height: 150px;
      width: 150px;
  }
  
  .navbar_top_wrapper i {
      font-size: 28px;
      color: #fff;
  }
  
      /**
        ** style 6 navbar
      **/
      .style_6 .navbar-toggler i {
          height: 36px;
          width: 36px;
          font-size: 28px;
      }
  
      .navbar.style_6 {
          margin-top: -4px;
          padding-left: 10px;
          padding-right: 10px;
      }
      .navbar.style_6 ul{
        text-align:center;
      }
      .style_6 .navbar-toggler:focus, .navbar-toggler:hover {
          text-decoration: none;
          outline: none;
      }
      .mainMenu{
        display:block!important;
      }
      .style_6.dark .navbar-toggler {
          color: rgba(255,255,255,.5)!important;
      }
    .style7_userMenu .navbar-collapse{
      background: rgba(0,0,0,.9);
    }
    .style7_userMenu button.navbar-toggler i {
        color: #fff;
    }
    .style7_userMenu ul#nav {
        width: 100%;
        text-align: center;
        flex-direction: column;
    }
    .style7_userMenu .ml-auto, .mx-auto{
      margin-left: 0!important;
    }
  
    .style7_userMenu .mainMenu ul > a, .style7_userMenu a {
        padding: 10px 20px!important;
        color: rgba(255, 255, 255, 0.5);
        display: inline-block;
        text-decoration: none !important;
    }
    .style7_userMenu .TopMenu{
      flex-direction: column;
    }
      .navbar-area.sticky .navbar.style_6.dark .navbar-collapse{
        background: #2E2E2E;
      }
     .navbar-area.sticky .style_6.dark .navbar-toggler i,
      .navbar-area.sticky .style_6.dark .navbar-brand{
        color: #fff!important;
      }
      .navbar-area.sticky .navbar.style_6.light .navbar-collapse,
      .navbar.style_6.light .navbar-collapse{
        background: #fff;
      }
  
      .navbar-area.sticky .navbar.style_6.dark .navbar-collapse,
      .navbar.style_6.dark .navbar-collapse{
        background: #2E2E2E;
      }
      .navbar-area .navbar.style_6.light a.navbar-brand{
        color: #2E2E2E;
      }
      .navbar-area .navbar.style_6.dark a.navbar-brand{
        color: #fff;
      }
       .style_6.dark .navbar-toggler i {
          color: #fff;
      }
      .navbar.style_6.dark .mainMenu ul li a:hover,
      .navbar.style_6.dark .mainMenu ul li a,
      .navbar.style_6.dark .mainMenu ul li a.active{
        color: #fff
      
      }
  
      .navbar.style_6.light .mainMenu ul li a:hover,
      .navbar.style_6.light .mainMenu ul li a,
      .navbar.style_6.light .mainMenu ul li a.active{
        color: #2E2E2E
      
      }
  
      
      .style_6 .navbar-toggler:focus, .navbar-toggler:hover {
          text-decoration: none;
          outline: none;
      }
  
      .style_6.light .navbar-toggler {
          color: rgba(255,255,255,.5)!important;
          border-color: rgba(255,255,255,.1)!important;
      }
  
      .style_6.light .navbar-toggler i {
          color: #2E2E2E;
      }
      .navbar-area.sticky .style_6.light .navbar-toggler i,
      .navbar-area.sticky .style_6.light .navbar-brand{
        color: #2E2E2E!important;
      }
  
      .home_page_navbar nav.navbar {
        padding: 10px;
    }
  
    .home_page_navbar .navbar-brand {
        padding: 10px;
    }
  
    .home_style_2 .home_banner {
      height: calc(343px + 5vh);
  }
  .hidden-lg{
    display: block;
  }
  }
  /* Mobile Layout: 320px. */
  @media only screen and (max-width: 767px) { 
    .vcardImage {
      width: 300px;
  }
  .vCard_slider.slider-nav .slick-arrow {
      bottom: 20px;
      width: 30px;
  }
    .hidden-lg{
      display: block;
    }
    .site_top_img {
      width: 100%;
      height: 100%;
  }
  div#vCard {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      overflow-x: scroll;
  }
  
  div#vCard .col-md-3 {
      flex: 0 0 327px;
  }
    .add-to-area {
      position: fixed;
      width: 100%;
      top: auto;
      left: 0;
      background: #fff;
      border-radius: 8px;
      vertical-align: middle;
      z-index: 999999999999;
      display: flex;
      align-items: center;
      /* justify-content: center; */
      right: 0;
      bottom: 44px;
      box-shadow: 0 0 5px #ddd;
      flex-direction: column;
  }
  .add-to {
      position: fixed;
      height: 100vh;
      background: rgba(0,0,0,.5);
      top: 0;
      left: 0;
      right: 0;
      z-index: 99;
  }
  
    
    .home_style_2 .home_banner {
      height: calc(280px + 5vh);
    }
  
    .custom_share_button.shareLg {
        position: relative;
        left: inherit;
        top: inherit;
    }
    .custom_share_button.shareLg .st-inline-share-buttons {
        flex-direction: row!important;
    }
    .custom_share_button.shareLg .st-inline-share-buttons > div{
        display: inherit!important;
    }
    .custom_share_button.shareLg .sharethis-inline-share-buttons .st-btn {
        margin-bottom: auto!important;
    }
  
  
    .HomeStyle_2 .vcardWrap{
        height: 175px
      }
  .header-hero-image {
      height: 150px;
      width: 150px;
  }
  .leftSideDetails ul {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
  }
  .topCustomerProfile {
      padding: 61px;
  }
  .customer_profile {
      margin-top: -64px;
  }
  .hidden-xs{
    display: none;
  }
  .style7singe_service{
    padding: 12px
  }
  .rightService {
      height: 100%;
      position: relative;
      padding-top: 0;
  }
  .single_serivce_area {
      height: 425px;
  }
  .seeMoreBtn a {
      display: block;
      padding: 3px 17px;
      font-size: 14px;
      margin-right: 5px;
  }
  .paymentButton a {
      width: 100%;
  }
  .style7_userMenu .navbar-collapse{
    background: rgba(0,0,0,.9);
  }
  .style7_userMenu button.navbar-toggler i {
      color: #fff;
  }
  .style7_userMenu ul#nav {
      width: 100%;
      text-align: center;
      flex-direction: column;
  }
  /*.style7_userMenu .ml-auto, .mx-auto{
    margin-left: 0!important;
  }*/
  .themestyle_7.singleBlogPost {
      flex-direction: column;
      align-items: baseline;
  }
  
  .blogImgVideo {
      width: 100%!important;
      height: 198px!important;
  }
  
  .blogDetails {
      width: 100%;
      padding: 15px;
  }
  .themestyle_7 .seeMoreBtn a {
      padding: 3px 12px!important;
      font-size: 13px!important;
  }
  
  .style7_userMenu .mainMenu ul > a, .style7_userMenu a {
      padding: 10px 20px!important;
      color: rgba(255, 255, 255, 0.5);
      display: inline-block;
      text-decoration: none !important;
  }
  .style7_userMenu .TopMenu{
    flex-direction: column;
  }
  
  .home_area.home_style_2.scroll_section {
      height: 81vh;
  }
  .socialLink ul {
      justify-content: center;
      flex-wrap: wrap;
  }
  .aboutBtn {
      display: flex;
      text-align: center;
  }
  
  .aboutBtn a {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
  }
    /*----------------------------------------------
      new navbar
    ----------------------------------------------*/
    .userMenu nav {
        padding: 8px;
        box-shadow: 0 0 5px #ddd;
    }
    .userMenuNav {
        flex-direction: column;
        justify-content: flex-start;
    }
    .userMenuNav ul.navbar-nav.ml-auto {
      flex: 0;
      text-align: left;
      padding-bottom: 20px;
    }
    .sticky .navbar{
      padding: 0;
    }
    button.navbar-toggler {
      border-radius: 0;
      padding: 4px 6px;
      margin-top: 7px;
    }
    /*----------------------------------------------
      new navbar
    ----------------------------------------------*/
  
  
  
    .navArea {
        width: 250px;
        left:-250px;
    }
    .navArea.navLeft.isVisible{
      left: 0;
    }
  
   
  
    .navArea.navRight.isVisible {
      right: 0;
    }
  .navArea.navRight{
    right: -250px;
    left: auto;
  }
    .navbar_top_menu{
      display: block;
    }
    .navbar_top_wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 50px;
      overflow: hidden;
      background: #000;
      position: relative;
      padding: 15px;
    }
    .navbar_img {
      display: flex;
      align-items: center;
    }
    .navbar_img img {
      height: 40px;
      width: 40px;
      border-radius: 100%;
      margin-right: 10px;
    }
    .navbar_top_wrapper i {
      font-size: 28px;
      color: #fff;
    }
    .navHeader-img::before, .navHeader-img::after {
    bottom: -32%;
  }
  .navHeader-img {
    height: 152px;
  }
  .section_wrapper.all_blog {
      margin-top: 50px;
  }
  
  .share_area {
    transform: translateX(35%);
  }
  
    .section_wrapper {
      padding: 0 10px;
    }
  
    .mi-blog .style_2 .blog_right_details h2 {
      font-size: 16px;
      font-weight: bold;
    }
    .mi-blog .style_2 .blog_right_details p {
      font-size: 12px;
    }
  
    .mi-blog .style_2 .blog_wrapper {
      min-height: 258px;
  }
    .mi-blog .style_2 .blog_right_details ul li {
      font-size: 13px;
    }
  
    .appointment_schedule .sectionHeader {
      padding: 27px 0;
      color: #fff;
      position: relative;
    }
    .appointment_schedule_area{
      padding-top: 0;
    }
  
    .appointment_wapper {
      padding-top: 60px;
    }
  
  
    .contentArea.navLeft {
      padding-left: 0;
    }
  
    .contentArea.navRight {
      padding-right: 0;
    }
    .navOpen{
        display: block;
    }
  
    ul.appointment_dates li b {
      font-size: 12px;
    }
    
  
     /*home*/
     .homeContent{
      padding: 0;
     }
     .homeContent h1 {
      font-size: 30px;
    }
     /*home*/
  
    .section-padding-top{
      padding-top: 10px;
    }
     .aboutImage {
      margin-bottom: 50px;
    }
  
    .aboutBtn {
      margin-top: 50px;
    }
    
    .about-Btn {
      width: 100%;
    }
  
    .singleWorkExperience {
      display: inherit;
    }
  
    .work-details {
        padding-left: 20px;
        margin-top: 10px;
    }
  
    .work-details::before, .work-details::after {
        display: none;
    }
    
     .pricing_content {
      margin-bottom: 20%;
    }
    
    .topMenu .navbar{
      height: auto;
      padding: 5px;
    }
    .navbar-light .navbar-toggler {
      border-radius: 0;
  }
  
    .topMenu {
       position: fixed; 
       z-index: 100;
       width: 100%; 
       overflow: inherit; 
    }
    .x-scroll{
      padding-top: 0 20px;
    }
    .section_padding{
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 0;
    }
    .xs-pb-50{
      padding-bottom: 50px;
    }
    .sm-pb{
      padding-bottom: 50px;
    }
  
    .sm-mt-50{
      margin-top: 50px;
    }
  
    .sm-mt-20{
      margin-top: 20px;
    }
    .mi-padding-top{
      padding-top: 0;
    }
  
    ul.gallery_sort li button {
      display: block;
      padding: 9px 17px;
      font-size: 13px;
    }
    /*   home_page
    ================================================== */
  .site_details {
      font-size: 16px;
      margin-bottom: 15px;
  }
  .registration_form {
      padding: 10px 10px 0 20px;
  }
  
  .registration_form h4 {
      font-size: 18px;
      width: 100%;
      padding: 8px 20px 30px;
  }
  
  .layout_box {
      margin-bottom: 20px;
  }
  
  .pricing_content {
      margin: 40px 0;
  }
  
  .mi-title.home_service h4 {
      padding: 10px;
      font-size: 20px;
  }
  
  .service_home_img {
      margin-bottom: 20px;
  }
  
  .service_home_title h4 {
      font-size: 18px;
  }
  
  .left_footer {
      text-align: center;
      margin-top: 20px;
  }
  
  .top_doodle {
      z-index: -1;
  }
  
  .right_bar {
      margin-bottom: 15px;
      margin-top: 14px;
  }
  
  .d_reverse{
    flex-direction: column-reverse;
  }
  .appointment_area {
    width: 100%;
    padding: 12px;
  }
  .appointment_dates {
    padding-top: 0;
  }
  .appointment_schedule h1 {
    font-size: 20px;
  }
    /*   home_style_2
    ================================================== */
    
  
  
  .home_style_2 .home_img_area img{
      height: 100px;
      width: 100px;
  }
  
  
  .home_style_2 .home_img_area {
      height: 167px;
  }
  
  .home_top_text {
      max-height: 160px;
      overflow: hidden;
  }
  
  #section03 .single_testimonial.style_2{
    margin-bottom: 20px;
  }
  
  #section03 .single_testimonial {
    margin-bottom: 30px;
  }
  #section03 .testimonial {
    padding-bottom: 50px;
  }
    /*   home_page
    ================================================== */
  
    a.home_fb_share {
      bottom: 20px;
    }
  
  
  
    .sm-mt-50{
      margin-top: 50px;
    }
  
    .sm-mt-20{
      margin-top: 20px;
    }
    
    .xs-scroll .sectionHeader{
      margin-top: 50px!important;
    }
  
    .single-blog.style_3 .blog-img {
      position: relative;
      height: 190px;
    }
  
    .style_2.contact-form {
      display: flex;
      flex-direction: column-reverse;
    }
    .style_2.contact-form .left_form_area,
    .style_2.contact-form .form_area{
      width: 100%;
    }
  
    .style_2.contact-form .form_area{
      margin: 20px 0;
      padding: 0;
    }
  
    .scroll_section{
      min-height: 65vh;
    }
    .home_style_2.scroll_section {
      height: 100vh;
    }
    .sticky_header_area{
      opacity: 0;
    }
  
    .grid-item-2{
      width: 100%;
    }
    .left_height_line{
      display: none;
    }
    
    .top_header_area {
      padding-top: 69px;
    }
    .top_btn {
      margin-top: -38px;
      margin-bottom: 38px;
    }
  .appointment_schedule.layout_5 {
    margin-top: 54px;
  }
  .btn_list_area {
    clear: both;
    position: relative;
    margin-top: 36px;
  }
  .grid-item{
      width: 100%!important;
    }
  
  .aboutImage.style_2 {
    margin-top: 61px;
  }
  #myBar{
    display: none;
  }
  
  .typing_section.home .typing_data {
    margin-top: 45px;
  }
  .mainMenu{
    display: initial;
    width: 100%;
  }
  
     /**
        ** style 6 navbar
      **/
      .navbar.style_6 {
          margin-top: -4px;
          padding-left: 10px;
          padding-right: 10px;
      }
  
      .style_6 .navbar-toggler i {
          height: 36px;
          width: 36px;
          font-size: 28px;
      }
  
      .navbar.style_6 {
          margin-top: -4px;
          padding-left: 10px;
          padding-right: 10px;
      }
     
  
      .navbar.style_6 ul{
        text-align:center;
      }
  
      
      .style_6 .navbar-toggler:focus, .navbar-toggler:hover {
          text-decoration: none;
          outline: none;
      }
  
      .style_6.light .navbar-toggler {
          color: rgba(255,255,255,.5)!important;
          border-color: rgba(255,255,255,.1)!important;
      }
  
      .style_6.light .navbar-toggler i {
          color: #2E2E2E;
      }
      .navbar-area.sticky .style_6.light .navbar-toggler i,
      .navbar-area.sticky .style_6.light .navbar-brand{
        color: #2E2E2E!important;
      }
  
      /**
        *** dark
      **/ 
    
     
  
    .style_6.dark .navbar-toggler {
          color: rgba(255,255,255,.5)!important;
      }
  
  
    
      .navbar-area.sticky .navbar.style_6.dark .navbar-collapse{
        background: #2E2E2E;
      }
     .navbar-area.sticky .style_6.dark .navbar-toggler i,
      .navbar-area.sticky .style_6.dark .navbar-brand{
        color: #fff!important;
      }
      .navbar-area.sticky .navbar.style_6.light .navbar-collapse,
      .navbar.style_6.light .navbar-collapse{
        background: #fff;
      }
  
      .navbar-area.sticky .navbar.style_6.dark .navbar-collapse,
      .navbar.style_6.dark .navbar-collapse{
        background: #2E2E2E;
      }
      .navbar-area .navbar.style_6.light a.navbar-brand{
        color: #2E2E2E;
      }
      .navbar-area .navbar.style_6.dark a.navbar-brand{
        color: #fff;
      }
       .style_6.dark .navbar-toggler i {
          color: #fff;
      }
      .navbar.style_6.dark .mainMenu ul li a:hover,
      .navbar.style_6.dark .mainMenu ul li a,
      .navbar.style_6.dark .mainMenu ul li a.active{
        color: #fff
      
      }
  
      .navbar.style_6.light .mainMenu ul li a:hover,
      .navbar.style_6.light .mainMenu ul li a,
      .navbar.style_6.light .mainMenu ul li a.active{
        color: #2E2E2E
      
      }
  
    .home_page_navbar nav.navbar, .home_page_navbar .navbar-brand {
        padding: 10px;
    }
    
    .home_page_navbar nav.navbar .navbar-collapse li.active a{
      color: #fff;
    }
  
   .home_area.home_style_2.scroll_section {
      height: 81vh;
    }
    .navbar-toggler{
      outline: none;
    }
    .mobile[data-aos] { display: none }
  
    .plan-select a{
      font-size: 16px;
    }
    .home_page_navbar nav li a {
      padding: 8px 10px!important;
      display: block;
    }
    .right_bar a {
        background: transparent;
        color: #fff;
        border: 1px solid#ddd;
        padding: 10px 9px;
        margin-right: 11px;
        transition: all .5s ease;
    }
    .right_bar {
      margin-bottom: 15px;
      margin-top: 14px;
      padding-bottom: 10px;
    }
    .users_banner_area.home_banner p{
      width: 98%;
    }
    .homeMenu nav .navbar-collapse.collapse.show{
      background: rgba(0,0,0,1)!important; 
    }
  
    .homeMenu.sticky nav .navbar-collapse.collapse ul li a,
    .homeMenu.sticky nav .navbar-collapse.collapse .right_bar a{
      color: #fff!important;
    
    }
    .style7_userMenu .mainMenu ul > a, .style7_userMenu a {
      padding: 10px 20px;
  }
  }
  
  /*Wide Mobile Layout: 480px. */
  @media only screen and (min-width: 480px) and (max-width: 767px) { 
      .p-xs {
        padding-left: 7px!important;
        padding-right: 7px!important;
      }
      .HomeStyle_2 .vcardWrap{
        height: 175px
      }
        .home_style_2 .home_banner {
          height: calc(280px + 5vh);
        }
      .style7_userMenu .navbar-collapse{
        background: rgba(0,0,0,.9);
      }
      .style7_userMenu button.navbar-toggler i {
          color: #fff;
      }
      .aboutBtn {
        display: flex;
        text-align: center;
      }
  
      .aboutBtn a {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
    /*----------------------------------------------
      new navbar
    ----------------------------------------------*/
    .userMenu nav {
        padding: 8px;
        box-shadow: 0 0 5px #ddd;
    }
    .userMenuNav {
        flex-direction: column;
        justify-content: flex-start;
    }
    .userMenuNav ul.navbar-nav.ml-auto {
      flex: 0;
      text-align: left;
      padding-bottom: 20px;
    }
    /*----------------------------------------------
      new navbar
    ----------------------------------------------*/
  
  
  
      .home_page_navbar nav li a {
      padding: 8px 10px!important;
      display: block;
    }
    .homeMenu.sticky nav .navbar-collapse.collapse ul li a,
    .homeMenu.sticky nav .navbar-collapse.collapse .right_bar a{
      color: #fff!important;
    
    }
    .right_bar a {
        background: transparent;
        color: #fff;
        border: 1px solid#ddd;
        padding: 10px 9px;
        margin-right: 11px;
        transition: all .5s ease;
    }
    .right_bar {
      margin-bottom: 15px;
      margin-top: 14px;
      padding-bottom: 10px;
    }
  
         /**
        ** style 6 navbar
      **/
      .navbar.style_6 {
          margin-top: -4px;
          padding-left: 10px;
          padding-right: 10px;
      }
  
      .style_6 .navbar-toggler i {
          height: 36px;
          width: 36px;
          font-size: 28px;
      }
  
      .navbar.style_6 {
          margin-top: -4px;
          padding-left: 10px;
          padding-right: 10px;
      }
     
  
      .navbar.style_6 ul{
        text-align:center;
      }
  
      
      .style_6 .navbar-toggler:focus, .navbar-toggler:hover {
          text-decoration: none;
          outline: none;
      }
  
      .style_6.light .navbar-toggler {
          color: rgba(255,255,255,.5)!important;
          border-color: rgba(255,255,255,.1)!important;
      }
  
      .style_6.light .navbar-toggler i {
          color: #2E2E2E;
      }
      .navbar-area.sticky .style_6.light .navbar-toggler i,
      .navbar-area.sticky .style_6.light .navbar-brand{
        color: #2E2E2E!important;
      }
  
      /**
        *** dark
      **/ 
    
     
  
    .style_6.dark .navbar-toggler {
          color: rgba(255,255,255,.5)!important;
      }
  
  
    
      .navbar-area.sticky .navbar.style_6.dark .navbar-collapse{
        background: #2E2E2E;
      }
     .navbar-area.sticky .style_6.dark .navbar-toggler i,
      .navbar-area.sticky .style_6.dark .navbar-brand{
        color: #fff!important;
      }
      .navbar-area.sticky .navbar.style_6.light .navbar-collapse,
      .navbar.style_6.light .navbar-collapse{
        background: #fff;
      }
  
      .navbar-area.sticky .navbar.style_6.dark .navbar-collapse,
      .navbar.style_6.dark .navbar-collapse{
        background: #2E2E2E;
      }
      .navbar-area .navbar.style_6.light a.navbar-brand{
        color: #2E2E2E;
      }
      .navbar-area .navbar.style_6.dark a.navbar-brand{
        color: #fff;
      }
       .style_6.dark .navbar-toggler i {
          color: #fff;
      }
      .navbar.style_6.dark .mainMenu ul li a:hover,
      .navbar.style_6.dark .mainMenu ul li a,
      .navbar.style_6.dark .mainMenu ul li a.active{
        color: #fff
      
      }
  
      .navbar.style_6.light .mainMenu ul li a:hover,
      .navbar.style_6.light .mainMenu ul li a,
      .navbar.style_6.light .mainMenu ul li a.active{
        color: #2E2E2E
      
      }
      .home_page_navbar nav.navbar {
        padding: 10px;
    }
  
    .home_area.home_style_2.scroll_section {
      height: 100vh;
    }
     
  }