/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  .p-xs {
    padding-left: 7px!important;
    padding-right: 7px!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;
    height: 154px;
    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;
}
button.add-to-btn {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 14px;
    border-radius: 4px;
}
button.add-to-btn.btn {
    position: absolute;
    bottom: 23px;
    right: 13px;
    border: 1px solid #ddd;
}
  
  .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;
  }
   
}