.mobile_contents {display: none;}

@media (max-width:1860px){
  .sticky_btns {display: none;}
}

@media (max-width:1800px){
  .btn_styled {padding: 14px 15px; margin-top: 10px; width: 100%; max-width: 280px; white-space: inherit;}
  .hero_wrapper .hero_contents,
  .container-fluid {max-width: 90%;}
  .hero_wrapper .hero_contents h1 {font-size: 60px; line-height: 60px; width: 100%; max-width: 530px;}
  .hero_wrapper .hero_contents h5 {margin-bottom: 8px;}
  .white_box_plan h2 {font-size:24px;}
}
@media (max-width:1380px){  
  .hero_wrapper{height: auto; padding: 600px 0 80px;}
}
@media (max-width:1299px){
  .contact_section h2 {margin-bottom: 20px; font-size: 40px; line-height: 40px;}
  .hero_content h1 {font-size: 50px;}
  .form_list .btn{font-size: 10px; padding: 5px 8px;}
  ul.form_list li {margin: 0 5px;}

}
@media (max-width:1199px){
  .heading h2 {font-size: 37px;}
  .plan_accordian .accordion-button{font-weight: 600;}
.plan_accordian .accordion-button,.plan_accordian .accordion-button:hover, .plan_accordian .accordion-button:focus{box-shadow: none;}  
.plan_accordian .accordion-button:not(.collapsed){box-shadow: none; }
.tab_wrapper {    
  overflow: auto !important; 
  -webkit-overflow-scrolling: touch;
  padding-bottom: 5px;
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}
.tab_wrapper::-webkit-scrollbar {
  height: 28px;
}
.tab_wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.tab_wrapper::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.tab_wrapper::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#groundfloor .tab_container, #firstfloor .tab_container, #secondfloor .tab_container {max-width: inherit;  padding: 0; }


.view_large_icon { text-align: center; display: inline-block; position: absolute; border-radius: 100%; transition: .5s; background: red; height: 5px;
  width: 5px; top: 50%; left: 50%; transform: translateX(-50%, -50%); z-index: 1; animation: dot-blink 1.5s ease-in-out infinite;}
@keyframes dot-blink {
  0% {
    transform: translateX(-50%, -50%) scale(1);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }
  50% {
    transform: translateX(-50%, -50%) scale(1.3);
    box-shadow: 0 0 0 8px rgba(255, 0, 0, 0);
  }
  100% {
    transform: translateX(-50%, -50%) scale(1);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}

 @-webkit-keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
      transform: translateX(-50%, -50%) scale(0.95);
  }
  100% {
      -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
      transform: translateX(-50%, -50%) scale(1.05);
  }
}
 @-webkit-keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(13, 71, 156, 0.3), 0 0 0 1px rgba(13, 71, 156, 0.3), 0 0 0 3px rgba(13, 71, 156, 0.3);
      box-shadow: 0 0 0 0 rgba(13, 71, 156, 0.3), 0 0 0 1px rgba(13, 71, 156, 0.3), 0 0 0 3px rgba(13, 71, 156, 0.3);
      transform: translateX(-50%, -50%) scale(0.95);
  }
  100% {
      -webkit-box-shadow: 0 0 0 10px rgba(13, 71, 156, 0.3), 0 0 0 3px rgba(13, 71, 156, 0.3), 0 0 0 5px rgba(13, 71, 156, 0);
      box-shadow: 0 0 0 10px rgba(13, 71, 156, 0.3), 0 0 0 3px rgba(13, 71, 156, 0.3), 0 0 0 5px rgba(13, 71, 156, 0);
      transform: translateX(-50%, -50%) scale(1.05);
  }
} 


 @-webkit-keyframes ripple-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,0,0, 0.15), 0 0 0 10px rgba(255,0,0, 0.15), 0 0 0 20px rgba(255,0,0, 0.15);
      box-shadow: 0 0 0 0 rgba(255,0,0, 0.15), 0 0 0 10px rgba(255,0,0, 0.15), 0 0 0 20px rgba(255,0,0, 0.15);
      transform: translateX(-50%, -50%) scale(0.95);
  }
  100% {
      -webkit-box-shadow: 0 0 0 10px rgba(255,0,0, 0.15), 0 0 0 20px rgba(255,0,0, 0.15), 0 0 0 30px rgba(255,0,0, 0);
      box-shadow: 0 0 0 10px rgba(255,0,0, 0.15), 0 0 0 20px rgba(255,0,0, 0.15), 0 0 0 30px rgba(255,0,0, 0);
      transform: translateX(-50%, -50%) scale(1.05);
  }
} 


.plan_link div {opacity: 1;}
.plan_link:hover .view_large_icon {display: none !important;}
.plan_link:hover{background: rgba(255,0,0,0) ;}
.plan_link.plank_link_double:hover a{background: rgba(255,0,0,0) !important;}
.plan_link div ,.plan_link.plank_link_double a.short_text,  .plan_link div.short_text , .plan_link div.short_text2   {opacity: 1; color: #777;}
.bottom_parts { margin-top: 2% !important;}
.lawn_wrapper{top: 29.5% !important; opacity: 0.3;}
.lawn_hover {display: none !important;}
.drive_way .view_large_icon{margin-top: 6%;}
.plan_link.lawn_blink{margin-top: 3%;}
a[data-thumb] {position: absolute;}
.hero_wrapper.inner_hero {background-image: none !important; background: black;}
.inner_hero {min-height: auto;     padding: 139px 0px 50px 0 !important;}
.back_btn{display: block;
}
@media (max-width:1099px){
  .logo img {height: auto; width: auto;}
  .inner_section {margin-top: 144px;}
  .offer_banner {max-width: 414px;}
}

@media (max-width:991px){
  body{overflow-x: hidden;}  
  header{position: relative; padding: 0;}
  header .logo {color: #000!important;}
  header .logo img {filter: invert(1);}
.banner_title {margin-bottom: 8px;}
.topbar { width:100%; position:relative;  padding: 4px 0; background: white;} 
.no_links .topbar{ -webkit-box-shadow:0 2px 10px rgb(0 0 0 / 6%); box-shadow:0 2px 10px rgb(0 0 0 / 6%);}
.topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:9;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out; -webkit-box-shadow:rgba(0,0,0,0.2) 0 0 10px; 
  box-shadow:rgba(0,0,0,0.2) 0 0 10px; background: white;}
.topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
.topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; margin-right:15px; line-height: 1;}
.topbar ul.top_right_contents li:last-child {margin-right: 0;}
.topbar ul.top_right_contents li.phone {padding-top: 10px;}
.topbar ul.top_right_contents li.phone a{font-size:20px;font-weight:600;color:black; text-decoration: none;}
.topbar ul.top_right_contents li.phone img{position: relative; top: -5px; margin-right: 10px;}
.topbar ul.top_right_contents li.phone a i.icon{color:black;margin-right:7px; position: relative; top: 5px;}
.topbar ul.top_right_contents li a {line-height: 1; color: black;}
.topbar ul.top_right_contents li a i {font-size: 22px;}
.topbar ul.top_right_contents li a.menu_open i {font-size: 36px;}
.topbar.sticky {padding:10px 0;}
.menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
.menu_head {background:#000;text-align: center; position: relative;color:#fff;}
.menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;text-decoration: none;}
.menu_head a span.menu_account_icon {font-size: 22px; vertical-align: middle; width: 32px; height:32px; line-height:32px; background: #444; display: inline-block; border-radius: 50%; margin-right:10px; }
.menu_close {position: absolute; left:-40px; top:20px;}
.menu_close i {font-size:30px; color: white;}
.mobile_menu_wrap {position: fixed; top:0; bottom: 0; right:-100%; z-index:99999; background:#ffffff; padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 280px; height: 100vh;}
.mobile_menu_wrap.menu_show {right:0;}
.mobile_menu_wrap ul {padding:0; margin:0; list-style:none; font-size: 15px}
.mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 0 120px;}
.mobile_menu_wrap ul.main_menu li {border-bottom: 1px solid #dddddd;; padding:0 15px 0 15px;}
.mobile_menu_wrap ul.main_menu li a {font-size:15px; text-decoration: none;}
.mobile_menu_wrap ul li a {display: block; padding:15px 0;color: #000000 !important;}
.mobile_menu_wrap ul li.hassub {position: relative; padding:0 50px 0 15px;}
.mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute; right:0; top:0; font-size:18px; line-height: 1; padding:17px 20px; border-left:1px solid #dddddd;;}
.mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 280px; background:#ffffff; margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility: hidden;}
.mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #ebebeb;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #bbb; padding:10px 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa {font-size:35px;}
.hero_wrapper, .inner_wrapper {margin-top: 0;}
.inner_section{margin-top: 0;}
.heroBanner {text-align: center;}
.offer_banner{margin-top: 50px;}
.catg_1{margin-bottom: 30px; height: 300px;}
.hero_wrapper .container-fluid {padding: 0;}
.stats-icon {margin-bottom: 0.5rem;}
.stats-icon {width: 50px;}
.stats-number {font-size: 1.2rem;}
.map_heading {left: 80px; bottom: 200px;}
.hero_wrapper{height: auto;}

  .hero_contents {display: none;}

.inner_hero .hero_contents {display:block;}
.inner_hero .hero_contents h1 {font-size: 50px;}

  .hero_wrapper {padding: 400px 25px 20px; background-image: url(../images/hero_tab.jpg)!important; }
  .mobile_contents {display: block; z-index: 2; position: relative; color: #fff;}
  .mobile_contents h1 {font-size:40px; position: relative;}
  .mobile_contents h5 {font-weight: normal;}
  .video_section iframe {height: 400px;}
.lawn_blink{margin-top: -10px}
.inner_hero {padding: 45px 0px 45px 0 !important;min-height: 180px;}






}


@media (max-width:767px){
  
.hero_wrapper {padding: 300px 25px 20px; }
.hero_wrapper h1 {font-size:30px;}
section {padding: 50px 0;}
.lawn_blink {margin-top: -17px;}
.tech_section .container{max-width: 100%;}
.tech_section { overflow-x: hidden; }
.tech_section .tech_table_wrapper { overflow: hidden; }


}

@media (max-width:575px){
  .container-fluid {max-width: 100%;} 
  .container{padding: 0 15px;}
  .logo img{height: 40px;}
  .topbar ul.top_right_contents li a.btn {font-size: 13px;}
  .topbar ul.top_right_contents li {margin-right: 5px;}
  .hero_content h1 {font-size: 38px;}
  .hero_content p {font-size: 18px;}
  .heading h2 {font-size: 31px;}
  .heading {margin-bottom: 17px;}
  .stats-icon {width: 50px;}
.light-section img{ width: 100%;}
.map_heading {bottom: 100px;}
.plan_link div ,.plan_link.plank_link_double a.short_text, .plan_link div.short_text  , .plan_link div.short_text2  {opacity: 1; color: #777; }
.inner_hero .hero_contents h1 {font-size: 34px;line-height: 45px;}
.hero_wrapper {background-image: url(../images/hero-mobile.png)!important; padding: 228px 25px 20px;}
.inner_hero {min-height: auto; }
.tech_table td:nth-child(2) {width: 25%;font-weight:400;}
    .contact_section h2 {font-size: 32px;}

}
@media (max-width:520px){
    
      
          .back_open_passage_dot{margin-top: 0px !important;}
          .lawn_blink {margin-top:2% !important;}
          .bottom_parts { margin-top: 2% !important;}

}
@media (max-width:504px){
    .bottom_parts {margin-top: -13% ;}
    .lawn_wrapper {top: 28.0% !important;}
    .back_open_passage_dot{margin-top: 0px;}
}
@media (max-width:480px){
    .plan_link div ,.plan_link.plank_link_double a.short_text, .plan_link div.short_text  , .plan_link div.short_text2  {opacity: 1; color: #777;}

}

@media (max-width:450px){
    .hero_wrapper {padding: 200px 25px 20px; }
      .hero_wrapper h1 {font-size: 27px;}
}
@media (max-width:425px){
  .top_right_contents .btn {padding: 7px 5px 8px;}
  .topbar ul.top_right_contents li a i {font-size: 18px;}
  .logo img{height: 33px;}
  .hero_content h1 {font-size: 30px;}
  .hero_content p {font-size: 16px;}
  .btn_styled {padding: 7px 13px 8px}
  .heading h2 {font-size: 24px;}
  .map_heading h5{font-size: 13px;}
  .map_heading {max-width: 186px;}
.plan_link div ,.plan_link.plank_link_double a.short_text, .plan_link div.short_text  , .plan_link div.short_text2  {opacity: 1; color: #777;}
  .bottom_parts {margin-top: -17%;}
  .inner_hero .hero_contents h1 {font-size: 35px;line-height: 40px;}


}
 @media (max-width:375px){	 
  .top_right_contents .btn {display: none;}
  .logo {font-size: 16px; padding: 14px 12px;}
  .logo img{height: 33px;}

}
@media (max-width:360px){	
  .hero_content h1 {font-size: 28px;}
    .bottom_parts {margin-top: -20%;}
}
@media (max-width:356px){	
    .bottom_parts {margin-top: -26%;}
}