/* 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) { 
.style7_userMenu .navbar-collapse {
    background: rgba(0,0,0,.9);
}
 .home_bannerContest {
  height: 51vh;
  position: relative;
}
.home_style_2 .home_banner {
  height: 44vh;
}
  .navArea {
      width: 250px;
      left:-250px;
  }
   .home_page_navbar nav.navbar {
      padding: 10px;
  }
  .scroll_section {
    min-height: 65vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
  .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: 200px;
    width: 200px;
}

.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;
    }


  
    .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;
  }


}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
  .homeRegForm form{
    width: 100%;
  }
  .add-to-area {
    position: fixed;
    width: 100%;
    top: auto;
    left: 0;
    background: #fff;
    height: 154px;
    border-radius: 8px;
    vertical-align: middle;
    z-index: 9999999999999999999999;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    right: 0;
    bottom: 44px;
    box-shadow: 0 0 5px #ddd;
    flex-direction: column;
}
.add-to-area h4, .add-to-area p{
  color: #000!important;
}
.add-to {
    position: fixed;
    height: 100vh;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999999999;
}
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_top_text {
  padding: 0 10px;
}
.hidden-xs{
  display: none!important;
}
.themestyle_7.singleBlogPost {
    flex-direction: column;
    align-items: baseline;
}
.blogImgVideo {
    width: 100%!important;
    height: 198px!important;
}
.blogDetails {
    width: 100%;
    padding: 15px;
}
.style7_userMenu .navbar-collapse {
    background: rgba(0,0,0,.9);
}
a.qr-btn.vcf_btn {
    display: block;
}
.single_testimonial.style_2{
  max-height: inherit;
}

  .home_bannerContest {
    height: 88vh!important;
    position: relative;
  }
  .home2bannerDetails {
      min-height: auto;
      position: absolute;
      top: 30%;
      width: 100%;
    }
  .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_banner {
  height: 73vh;
  width: 100%;
  /* background-attachment: fixed !important; */
  background-position: left center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative;
  margin-bottom: 46px;
}

.home_style_2 .single_home_content {
  position: absolute;
  top: 64%;
  width: 100%;
  transform: translateY(-50%);
}
.home_style_2 .homeContent {
  background: #fff;
  border-radius: 10px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px 0 47px 0;
}

.home_style_2 a.home_fb_share {
  bottom: -25px;
}
.home_2_layouts {
  width: 100%;
  position: relative;
  height: 84vh;
}
/*.home_style_2 .single_home_content {
    position: relative;
    height: 340px;
}

.home_style_2 .home_banner{
    height: 238px;
}

.home_style_2 .home_img_area img{
    height: 100px;
    width: 100px;
}

.home_style_2 .homeContent {
    position: absolute;
    bottom: -80%;
    background: #fff;
    transform: translateY(-50%);
    border-radius: 10px;
    padding: 12px 5px 50px 5px;
}

.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: 66px;
  }



  .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: 77vh;
  }
  .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;
  
  }
  
}

/*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;
    }

    .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;
  }
   
}