@charset "utf-8";
/* CSS Document */
html { font-size: 100% }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block }
body { background:#efefef; font-weight: normal; font-style: normal; font-size: 16px; line-height: 15px; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
ol, ul { list-style: none }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
* { outline: none !important; }
a:active, a:focus, a:hover, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; text-decoration: none; }
.clearfix { *zoom:1
}
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0 }
.clearfix:after { clear: both }
.clear { clear: both }
.btn { outline: 0px; }
.lists { list-style: none; margin: 0px; padding: 0px; }
.mainpage { position: relative; }
.container { position: relative; }
a, button { transition: all 0.5s ease-in-out; }
.d-hide { display: none; }
/* Slick Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; margin: 0px; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-prev.slick-arrow { background: #ddd none repeat scroll 0 0; color: #fff; height: 50px; border: 0px; position: absolute; text-align: center; top: 50px; width: 100px; z-index: 9; }
.slick-next.slick-arrow { background: #ddd none repeat scroll 0 0; color: #fff; border: 0px; display: inline-block; height: 50px; position: absolute; right: 0; top: 50px; width: 100px; z-index: 9; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { background: #0C6B38; }
.slick-dots li button:before { font-family: 'slick'; font-size: 0; line-height: 20px; position: absolute; top: 0; left: 0; width: 11px; height: 11px; content: '.'; text-align: center; opacity: 1; background: #D1D3D4; border-radius: 50%; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 1; background: #0C6B38; color: black; }
/* Header */
header { position: fixed; left: 0; right: 0; margin: 0 auto; width: 365px; margin: 0 auto; border-radius: 4px; background: #262829; z-index: 9999; bottom: 20px; }
header .logo-magicpik { width: 150px; float: left; padding: 7px; display: inline-block; text-align:center;}
header .whatsApp { width: 60px; height: auto; padding: 9px 0 0; text-align: center; float: left; }
header .request-menu { float: right; width: 154px; text-align:center; background: #D32E47; border-radius:0 4px 4px 0; padding: 19px 10px; color: #fff; font-weight: 600; }
header .menuView { float: right; width: 65px; text-align: center; padding: 17px 10px; }
.mainWrap { position: relative; width: 100%; padding:0px; background: rgb(12,107,56); background: linear-gradient(340deg, rgba(12,107,56,1) 33%, rgba(104,196,84,1) 100%); padding-bottom: 270px;}
.logo { width: 100%; margin-bottom: 50px; position: relative; padding: 30px 0 0 140px; }
.logo a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; }
.logo img { position: absolute; left: 0; top: 30px; width: 115px; }
.logo h1 { font-size: 70px; line-height: 68px; font-weight: 900; color: #fff; margin-bottom: 10px; }
.logo p { font-size: 26px; color: #fff; font-weight: 700; line-height: 34px; }
.logo p span { font-weight: 300; }
/*styling open close button*/

.button { display: inline; position: absolute; right: 12px; top: 13px; z-index: 999; }
.button span { text-decoration: none; cursor: pointer; }
.btn-open:after { content: ''; background: url(../../images/menu.svg) center top no-repeat; width: 35px; height: 30px; background-size: 100%; position: absolute; top: 0; right: 0; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }
.btn-close:after { content: ''; background: url(../../images/close.svg) center top no-repeat; width: 30px; height: 30px; background-size: 100%; position: absolute; top: -3px; right: 0; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }
/*overlay*/
/*overlay*/
.overlayMobileNew { display: none; position: fixed; top: 0; height: 100%; width: 100%; background: #fbfbfb; overflow: auto; z-index: 9999; text-align: center; padding: 100px 0 0; }
.mnbg {
  background: #000;
  border-radius: 3px 0px 0px 3px;
}
.MobileHeader {
  display: block;
  background: #fff;
  width: 300px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: fixed;
  bottom: 15px;
  z-index: 999999;
  border-radius: 3px;
  height: 65px;
  box-shadow: 0px 0px 15px #101315A2;
  opacity: 1;
}
.navbar-brand {
    padding: 13px 0 13px 0px !important;
    margin-right: 0;
}
.navbar-brand IMG {
    width:100%
}
.MobileShow { width: 50px; display: inline-block; margin-left: 0; }
.MobileShow a { padding: 15px 4px; display: inline-block; }
.MobileShow a.quoteHead { background: #081DFF; color: #fff; padding: 18px 8px; font-size: 14px; }
.button {display: inline;position: absolute;right: 20px;top: 22px;z-index: 999;}
.button span { text-decoration: none; cursor: pointer; }
.btn-open:after { content: ''; background: url(../images/menu.svg) center top no-repeat; width: 35px; height: 27px; background-size: 100%; position: absolute; top: 0; right: 4px; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }
.btn-close {
    margin-right: 8px;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    top: 6px;
}
.btn-close:after { content: ''; background: url(../images/close.svg) center top no-repeat; width: 22px; height: 22px; background-size: 100%; position: absolute; top: 0; right: 0; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }
.overlay h5 {
  color: #333;
  padding: 5px 0 0;
  font-weight:400;
  margin-bottom: 0px;
}
.overlay h3{font-size:16px;font-family: 'Rubik', sans-serif;text-transform: capitalize;margin-bottom: 50px;line-height: 21px;text-align: center !important;}
.overlay h3 img{margin-bottom:15px; height: 70px;}


.overlay h3 a{color:#fff;text-transform: lowercase;}
.overlay h3 a:hover{color:#fff;text-transform: lowercase;}
.wrap img{width:auto}
.wrap p{color:#fff;text-transform: capitalize; font-size: 15px;font-weight: 400;text-align: center;}
.mnbg{background:#000; border-radius:3px 0px 0px 3px}
.whbg{background:#5BAC58; border-radius:0 3px 3px 0px}
.wh{padding-top:16px;display: block;}
.wh img{width:30px}
.rk ul {
  margin-top: 10px;
  font-family: 'Rubik', sans-serif;
  text-align: center;
}
.rk ul li {
  display: inline;
  border-right: 1px solid #fff;
  padding: 0 30px;
  font-size: 12px;
  color: #fff;
  font-family: 'Rubik', sans-serif;
  text-transform: capitalize;
}
.rk ul li:last-child{
  border-right: 0px solid #fff;
}

.rk ul li a {
  font-size: 16px;
  color: #fff;
  font-family: 'Rubik', sans-serif;
  text-transform: lowercase;
}
.rqu{padding-top:50px;font-weight: 400 !important;font-size: 14px !important;position: relative; z-index: 1000;}
.rqu a{color:#fff;font-weight:500;text-transform: capitalize;}
.rqu a:hover{color:#53585B;font-weight:bold;text-transform: capitalize;}
.rqu2{padding-top:50px !important;font-weight: 400 !important;font-size: 14px !important;position: relative; z-index: 1000;}
.rqu2 a{color:#fff !important;font-weight:bold;text-transform: capitalize;}
.rqu2 a:hover{color:#53585B !important;font-weight:bold;text-transform: capitalize;}
.rqu1 {
  padding-top: 32px;
  line-height: 24px;
  font-weight: 300 !important;
}
.f-social {
	padding: 30px 10px;
	color: #fff;
	font-size: 24px;
}

.f-social .fa {
	padding: 6px;
	color: #fff;
	font-size: 28px;
}

.f-social .fa:hover {
	padding: 6px;
	color: #000;
	font-size: 28px;
}


.overlay { display: none; position: fixed; top: 0; height: 100%; width: 100%; background: rgb(12,107,56); background: linear-gradient(340deg, rgba(12,107,56,1) 33%, rgba(104,196,84,1) 85%); overflow: auto; z-index: 991;padding:100px 0 0; }
.MenuPopupView { width: 100%; max-width: 1040px; margin: 0 auto; padding: 50px 0 0; }
.MenuPopupView li { width: 48%; float: left; padding: 12px 20px 12px 60px; position: relative; border-radius: 5px; background: rgb(255 255 255 / 10%); font-size: 18px; color: #fff; font-weight: 700; line-height: 22px; margin: 0 10px 10px 0; }
.MenuPopupView li span { display: block; font-size: 16px; font-weight: 300; }
.MenuPopupView li a { position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 100%; }
.NavMenu { width: 100%; text-align: center; margin: 60px 0 0; }
.NavMenu li { display: inline-block; width: 13%; vertical-align: top; }
.NavMenu li a { color: #fff; font-size: 20px; font-weight: 700; padding: 0 20px; }
.menuMailview { width: 100%; padding: 50px 0 0; text-align: center; }
.menuMailview i { color: rgb(255 255 255 / 55%); font-style: inherit; font-size: 18px; }
.menuMailview a { font-size: 18px; color: rgb(255 255 255 / 55%); font-weight: 500; margin: 0 10px; }
.menuMailview a:hover { color: #fff; }
.menuSocial { width: 100%; text-align: center; padding: 35px 0 0; }
.menuSocial li { display: inline-block; }
.menuSocial li a { display: inline-block; margin: 0 8px; text-align: center; line-height: 35px; border-radius: 50%; border: 1px solid rgb(255 255 255 / 55%); color: rgb(255 255 255 / 55%); font-size: 20px; width: 35px; height: 35px; }
.menuSocial li a:hover { background: #fff; color: #000; }
.anitionArea { position: relative; width: 100%; }
.anitionArea .drone { position: absolute; left: 120px; top: 60px; animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
 @keyframes floating {  from {
transform: translate(0, 0px);
}
 65% {
transform: translate(0, 15px);
}
to { transform: translate(0, -0px); }
}
.animationProfile { padding: 160px 0 0; }
.PhotoViewBx { position: relative; width: 100%; margin: 25px 0; }
.PhotoViewBx h3 { font-size: 22px; font-weight: 800; line-height: 26px; color: #fff; }
.PhotoViewBx h4 { font-size: 22px; font-weight: 300; line-height: 26px; color: #fff; }
.PhotoViewBx p { font-size: 16px; color: #7FCCA3; line-height: 24px; font-weight: 600; }
.PhotoViewBx p span { font-weight: 300; }
.cricleViw { width: 85px; height: 85px; border-radius: 50%; position: absolute; left: 0; background: rgb(88,208,67); background: linear-gradient(0deg, rgba(88,208,67,1) 0%, rgba(12,107,56,1) 100%); display: inline-block; text-align: center; line-height: 85px; top: -20px; }
.cricleViw img { width: auto; height: 55px; }
.PhotoViewBx i { width: 1px; height: 60px; position: absolute; left: 100px; top: -5px; background: rgb(255 255 255 / 20%); }
.photoMap { margin-bottom: 20px; width: 100%; padding: 0 0 15px 115px; }
.tourContent { width: 100%; }
.tourContent p { font-size: 18px; line-height: 30px; color: #fff; margin-top: 25px; font-weight: 300; }
.tourContent h6 { font-size: 26px; color: #81D67A; font-weight: 800; margin: 25px 0 0; }
/* virtual tour */
.virtualTour { width: 100%; padding: 300px 0 0px; position: relative; }
.VideoFrame { width: 100%; max-width: 745px; left: 0; right: 0; margin: 0 auto; background:#000;  position: absolute; top: -500px;}
.VideoFrame video{ width:100%; height:420px;}
.virtualTour h2 { text-align: center; font-weight: bold; font-size: 46px; line-height: 50px; }
.virtualTour h3 { text-align: center; font-weight: 300; font-size: 22px; padding: 0 0 70px; line-height: 70px; }
.virtualTour li { float: left; width: 33.33%; position: relative; padding: 0 0 0 140px; height: 150px; }
.virtualTour li .TourIcon { position: absolute; left: 0; top: 0; border-radius: 50%; width: 100px; height: 100px; background: rgb(88,208,67); background: linear-gradient(0deg, rgba(88,208,67,1) 0%, rgba(12,107,56,1) 100%); display: inline-block; text-align: center; line-height: 95px; }
.virtualTour li .TourIcon img { width: auto; height: 65px; }
.virtualTour li i { width: 1px; height: 93px; background: rgb(0 0 0 / 45%); display: inline-block; position: absolute; left: 120px; top: 5px; }
.virtualTour li h4 { font-size: 23px; color: #000; font-weight: bold; line-height: 27px; margin: 22px 0 8px; }
.virtualTour li p { font-size: 19px; font-weight: 300; }
/* View Map */
.ViewMapShow { width: 100%; padding: 0px 0 0px; position: relative;}
.ViewMapShow .nav-tabs{ text-align:center; border:0px; display:block; margin-bottom:60px;}
.ViewMapShow .nav-tabs li{ display:inline-block;}
.ViewMapShow .nav-tabs .nav-link { color:rgb(255 255 255 / 58%); border:0px; border-radius:0px; font-weight:600; font-size:20px; position:relative; padding:5px 0; line-height:22px; margin:0 25px;}
.ViewMapShow .nav-tabs .nav-item.show .nav-link, .ViewMapShow .nav-tabs .nav-link.active { background:none; color:#fff;}
.ViewMapShow .nav-tabs .nav-link.active:before { background:#fff; height:4px; position:absolute; left:0; right:0; bottom:-3px; content:''; width:100%;}

.modal.modaVideo .close{ position:absolute; right:5px; top:5px; z-index:1; background:#fff; border-radius:50%; width:40px; height:40px; opacity:1;}
.modal.modaVideo .close img{ width:18px; height:auto;}
.modal.modaVideo .modal-dialog{ width:100%; max-width:700px;}
.modal.modaVideo .modal-body{ padding:0px; border-radius:0px; background:#000; border:0px;}

.ViewMapShow .productBx { position: relative; margin-bottom: 50px; width: 100%; }
.ViewMapShow .productBx img{ width:100%; border-radius:5px;}
.ViewMapShow .productBx a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }
.ViewMapShow .productBx h3 { padding: 20px 0 10px 0; color: #fff; font-size: 16px; font-weight: 600; line-height: 24px; min-height: 54px;color: #000; }
.ViewMapShow .productBx p { color: #ffd500; font-size: 16px; font-weight: 700; line-height: 24px; padding-left: 0; }
/* Testimonials */
.TestimonialWrap { width: 100%; padding: 150px 0 100px; position: relative; }
.testIndent { width: 100%; position: relative; }
.testIndent h2 { color: #000000; font-size: 48px; font-weight: 800; margin-bottom: 25px; }
.testIndent h4 { font-size: 18px; font-weight: 600; margin: 15px 0 3px; line-height: 22px; color: #000; }
.testIndent h5 { font-size: 12px; font-weight: 300; margin: 0 0 25px; line-height: 20px; color: #000; }
.testIndent p { font-size: 16px; font-style: italic; line-height: 26px; margin-bottom: 25px; color: #000; }
.googleReivew { margin: 70px 0 0; }
.testView { position: relative; padding: 42px 0 0; }
.testView:before { position: absolute; left: 0; top: 0; width: 54px; height: 40px; background: url(../images/quote.svg) left top no-repeat; content: ''; }
.testIndent .slick-dots { bottom: -40px; text-align: left; }
.testIndent .slick-dots li { width: 14px; height: 14px; }
.testIndent .slick-dots li button { width: 8px; height: 8px; padding: 0; }
.testIndent .slick-dots li button:before { line-height: 8px; width: 8px; height: 8px; }
.VirtualTour { width: 100%; position: relative; }
.VirtualTour h3 { font-size: 22px; font-weight: 600; margin-bottom: 15px; color: #000; }
.VirtualTour h3 a{ color: #000; }
.VirtualTour p { font-size: 16px; line-height: 26px; font-weight: 300; color: #000; padding-bottom: 30px; }
.VirtualTour p a{ color:#D32E47; font-weight:500;}
.VirtualTour p img { border-radius: 5px; }
.commentview { font-size: 12px; color: #000; }
.commentview span { margin-right: 15px; }
/* FAQs css */
.faqsHome { width: 100%; padding: 0 0 180px; }
.faqsHome h2 { color: #000000; font-size: 40px; font-weight: 800; margin-bottom: 35px; text-align: center; }
.faqsHome .card { margin: 0 0 15px; border: 1px solid #ccc; border-radius: 0; }
.faqsHome .card-header { border-radius: 0px; border: 0px; padding: 0px;background: none; }
.faqsHome button { background: none; border: 0px; cursor: pointer; padding: 0px; padding: 15px 20px; font-size: 18px; color: #000; width: 100%; text-align: left; font-weight: 600; }
.faqsHome button .fa { float: right; }
.faqsHome button:hover, .faqsHome button.focus, .faqsHome button:focus { text-decoration: none; }
.faqsHome .card-body { padding: 15px; }
.faqsHome .card-body p { font-size: 16px; line-height: 28px; }

.faqsHome .card-header button.collapsed{color: #000;background: #fff;}
.faqsHome .card-header button{color: #fff;background: #0C6B38;}


/* Footer Css */
footer { width: 100%; padding: 250px 0 90px; background: #0C6B38; position: relative; }
.formFooter { background: #FFF64A; width: 100%; max-width: 830px; position: absolute; left: 0; right: 0; margin: 0 auto; top: -350px; padding: 20px 20px 60px; border-radius: 20px; }
.formFooter h2 { font-size: 36px; font-weight: 300; text-align: center; color: #000; margin-bottom: 30px; }
.formFooter .form-control { background: none; border: 0px; box-shadow: none; padding: 10px; font-size: 18px; font-weight: 300; border-bottom: 1px solid #000000; border-radius: 0px; }
.formFooter .sub-btn { position: absolute; left: 0; right: 0; margin: 0 auto; border-radius: 50px; background: #081DFF; color: #fff; font-weight: 800; font-size: 22px; text-align: center; padding: 18px 10px; bottom: -23px; border: 0px; cursor: pointer; width: 115px; }
.footView { width: 100%; text-align: center; }
.footView li { display: inline-block; width: 24%; position: relative; }
.footView li a { position: absolute; left: 0; right:;
top: 0; bottom: 0px; width: 100%; height: 100%; }
.footView li div { color: #fff; font-size: 12px; color: #fff; font-weight: 800; text-transform: uppercase; display: inline-block; margin: 30px 0 0; }
.footView li div span { font-weight: 300; }
.FooterAdress { width: 100%; padding:0; }
.AddressView { padding: 0 0 0 60px; }
.AddressView p { position: relative; font-size: 15px; color: #fff; margin: 0 0 10px; padding-left: 26px; line-height: 22px; font-weight: 300; }
.AddressView p img { position: absolute; left: 0; top: 5px; }
.AddressView p a { color: #fff; }
.AddressView p strong { font-weight: 800; }
.socialFoot { width: 100%; padding: 25px 0 0 60px; }
.socialFoot a { width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 35px; color: #0C6B38; background: rgb(255 255 255 / 45%); display: inline-block; margin-right: 8px; font-size: 20px; }
.socialFoot a:hover { background: #fff; }
.fot-map-what { align-items: center; padding: 0 0 25px 60px; }
.what-call { display: inline-block; padding: 4px 0 0 15px; vertical-align: top; }
.what-call p { font-size: 15px; margin: 0; padding: 0; color: #fff; }
.what-call span { font-size: 25px; padding: 10px 0 0; display: block; color: #fff; }
.what-call p img { margin: 0 7px; }
.foot-logo { width: 100%; padding: 85px 0 55px; text-align: center; }
.copyright { width: 100%; font-size: 10px; color: #67B78C; text-align: center; }
.copyright a { color: #67B78C; }
.focus-title { display: none; }

/* Blog Page Css */
.BlogPage { position: relative; width: 100%; padding: 300px 0 0; background: rgb(12,107,56); background: linear-gradient(340deg, rgba(12,107,56,1) 33%, rgba(104,196,84,1) 100%); }
.BlogTour .container{ max-width:900px;}
.BlogTour small{ margin-bottom:10px; width:100%; display:block; color:#999;}
.BlogTour { width: 100%; padding: 260px 0 50px; position: relative; background:#fff; }
.BlogTour .VideoFrame{ top: -490px;}
.BlogTour h2 { font-weight: bold; font-size: 34px; line-height: 40px; margin-bottom:15px; }
.blogtxt{ width:100%; font-size: 15.3px; line-height: 26px; font-weight: 300; color: #000; margin:0 0 30px;}
.BlogTour h3{font-weight: 500; font-size: 18px; line-height: 22px; margin-bottom:5px; }
.BlogTour li{ font-size: 15px; line-height: 23px; font-weight: 300; color: #222; padding:0 0 25px 35px; background: url(../images/arrowblog.svg) left 3px no-repeat; }

.TestimonialWrap.blogRelated{ padding:40px 0 180px; width:100%;}
.TestimonialWrap.blogRelated h2 { color: #000000; font-size: 40px; font-weight: 800; margin-bottom: 35px;}





@media screen and (max-width:1023px) {
.mainWrap { padding: 30px 0 290px; }
.logo { margin-bottom: 0; }
.logo h1 { font-size: 60px; line-height: 60px; }
.logo p { font-size: 20px; line-height: 31px; }
.animationProfile { padding: 70px 0 0; }
.anitionArea .drone { left: 180px; top: 30px; }
.VideoFrame { top: -500px; height: 430px; }
.virtualTour { padding: 260px 0 20px; }
.virtualTour h2 { font-size: 35px; line-height: 40px; }
.virtualTour h3 { font-size: 22px; padding: 0 0 50px; line-height: 50px; }
.virtualTour li { width: 50%; padding: 0 0 0 120px; }
.virtualTour li .TourIcon { width: 90px; height: 90px; line-height: 85px; }
.virtualTour li .TourIcon img { height: 55px; }
.virtualTour li i { width: 1px; height: 90px; left: 104px; top: 2px; }
.virtualTour li h4 { font-size: 20px; line-height: 26px; }
.virtualTour li p { font-size: 17px; }
.ViewMapShow { padding: 80px 0 20px; }
.ViewMapShow .productBx h3 { padding: 10px 0; font-size: 13px; line-height: 22px; min-height: 50px; }
.ViewMapShow .productBx p { font-size: 15px; line-height: 22px; padding-left: 0; }
.TestimonialWrap { padding: 70px 0 160px; }
.testIndent h2 { font-size: 35px; margin-bottom: 20px; }
.testIndent p { font-size: 15px; line-height: 24px; }
.googleReivew { margin: 50px 0 0; }
.VirtualTour h3 { font-size: 19px; margin-bottom: 15px; }
.VirtualTour p { font-size: 14px; line-height: 24px; padding-bottom: 30px; }
.commentview { line-height: 30px; }
.commentview span { width: 48%; float: left; margin: 0px; }
footer { padding: 180px 0 20px; }
.formFooter { top: -270px; }
.footView li div { font-size: 10px; }
.fot-map-what { padding: 0 0 15px; }
.AddressView { padding: 0; }
.socialFoot { padding: 25px 0 0 0; }
.foot-logo { padding: 45px 0 35px; }
}
@media screen and (max-width:767px) {
.m-hide { display: none; }
.d-hide { display: block; }
header { width: 94%; bottom: 25px; }
header .logo-magicpik { width: 150px; padding: 7px 0 7px 7px; }
header .request-menu { width: 130px; padding: 19px 6px; font-size: 14px; }
header .menuView { width: 46px; padding: 17px 3px; }
.logo { padding: 3px 0 0 0; }
.logo img { width: 65px; }
.logo h1 { font-size: 37px; line-height: 34px; margin-bottom: 5px; padding-left: 80px; }
.logo h1 span { display: block; }
.logo p { font-size: 14px; line-height: 20px; }
header .whatsApp { width: 55px; padding:11px 0 0;}
.focus-title { display: block; font-size: 18px; color: #fff; font-weight: 700; line-height: 26px; margin-bottom: 25px; }
.focus-title span { font-weight: 300; }
.photoMap { margin-bottom: 20px; width: 100%; padding: 0 0 15px; }
.cricleViw { top: 0; position: inherit; margin-bottom: 15px; border-radius: 50%; }
.PhotoViewBx i { display: none; }
.photoMap { margin-bottom: 15px; width: 100%; padding: 0; text-align: center; }
.PhotoViewBx h3 { font-size: 18px; line-height: 26px; }
.PhotoViewBx h4 { font-size: 18px; line-height: 22px; }
.PhotoViewBx p { font-size: 12px; color: rgb(255 255 255 / 72%); line-height: 20px; font-weight: 600; text-align: center; }
.ViewMapShow .productBx h3 {
    padding: 10px 0 0;
    font-size: 13px;
    line-height: 22px;
    min-height: 55px;
}

.rk ul li {
  display: flex;
  border-right: 0px solid #848896;
  padding: 0 7px;
  font-size: 16px;
  color: #333;
  font-family: 'Rubik', sans-serif;
  text-transform: capitalize;
  line-height: 24px;
}
.rqu1 {
    padding-top: 32px;
    line-height: 24px;
    font-weight: 300 !important;
    padding-bottom: 0px;
}
.anitionArea .drone { left: 100px; top: 30px; width: 150px; }
 @keyframes floating {  from {
transform: translate(0, 0px);
}
 65% {
transform: translate(0, 15px);
}
to { transform: translate(0, -0px); }
}
.animationProfile { padding-bottom: 25px; }
.anitionArea .drone img { width: 100%; height: auto; }
.PhotoViewBx { margin: 15px 0 10px; }
.mainWrap { padding: 30px 0 190px; }
.tourContent p { font-size: 14px; line-height: 24px; margin-top: 15px; }
.tourContent h6 { font-size: 20px; margin: 16px 0 0; line-height: 26px; }
.VideoFrame { top: -500px; height: 300px; max-width: 345px; }
.VideoFrame { top: -380px; height: 300px; max-width: 345px; }
.virtualTour { padding: 230px 0 20px; }
.virtualTour h2 { font-size: 30px; line-height: 36px; margin-bottom: 8px; }
.virtualTour h3 { font-size: 20px; padding: 0 0 30px; line-height: 28px; }
.virtualTour li .TourIcon { right: 0; margin: 0 auto; }
.virtualTour li { width: 50%; padding: 90px 0 30px; height: auto; text-align: center; }
.virtualTour li i { width: 90px; height: 1px; left: 44px; top: 101px; }
.virtualTour li h4 { font-size: 18px; line-height: 16px; }
.virtualTour li p { font-size: 14px; }
.ViewMapShow { padding: 40px 0 20px; }
.ViewMapShow .productBx { margin-bottom: 30px; }
.ViewMapShow .productBx img { width: 100%; }
.TestimonialWrap { padding: 40px 0 80px; }
.VirtualTour { padding: 80px 0 0; }
.VirtualTour p { font-size: 15px; line-height: 26px; padding-bottom: 10px; }
footer { padding: 300px 0 90px; }
.formFooter { top: -390px; max-width: 345px; padding: 20px 20px 40px; }
.formFooter h2 { font-size: 30px; margin-bottom: 20px; }
.footView li { width: 49%; margin: 0 0 35px; }
.footView li div { font-size: 14px; margin: 20px 0 0; line-height: 22px; }
.footView li div span { display: block; }
.FooterAdress { padding: 10px 0 0; }
.fot-map-what { display: none; }
.AddressView { margin: 20px 0 0; }
.AddressView p { font-size: 13px; line-height: 20px; }
.socialFoot { padding: 20px 0 0 0; text-align: center; }
.foot-logo { padding: 35px 0 25px; }
.copyright { line-height: 20px; }
.copyright span { display: block; }
.m-whatsapp { width: 50px; height: 60px; display: block; margin: 25px auto 35px; }
.m-whatsapp img { width: 100%; height: auto; }
.faqsHome { padding: 0 0 120px; }
.faqsHome h2 { font-size: 22px; margin-bottom: 15px; }

.faqsHome .card {
    margin: 0px 0 10px;
}
.faqsHome button {
    padding: 10px 25px 10px 10px;
    font-size: 13px;
    word-break: break-all;
    position: relative;
	line-height:20px;
}
.faqsHome button .fa {
    float: right;
    position: absolute;
    right: 10px;
    top: 15px;
}
.overlay { padding: 50px 0 100px;}
.MenuPopupView { padding: 15px; }
.MenuPopupView li { width: 100%; padding: 8px 10px 12px 40px; font-size: 16px; line-height: 18px; margin: 0 0 6px 0; }
.NavMenu { width: 100%; margin: 20px 10px 0; }
.NavMenu li { width: auto; }
.NavMenu { width: auto; margin: 10px; }
.NavMenu li a { font-size: 20px; padding: 10px 30px; line-height: 35px; }
.menuMailview { padding: 13px 0; }
.menuSocial { width: 100%; text-align: center; padding: 0 0 30px; }
.menuMailview a { font-size: 15px; margin: 0 5px; }

.VideoFrame video {
    height: 345px;
}
.ViewMapShow .container-fluid { padding-left:20px !important; padding-right:20px !important;}
.ViewMapShow .container-fluid .col-6{padding-left:5px !important; padding-right:5px !important;}
.ViewMapShow .productBx p{ font-weight:500;}

.ViewMapShow .nav-tabs .nav-link {
    font-size: 14px;
    margin: 0 10px;
}
.ViewMapShow .nav-tabs .nav-link.active:before {
    height: 3px;
}
.ViewMapShow .nav-tabs {
    margin-bottom: 40px;
}

.rk ul {
    margin-top: 10px;
    font-family: 'Rubik', sans-serif;
    text-align: center;
    margin-left: 25px;
}


.BlogPage {
    padding: 250px 0 0;
}
.BlogTour {
    padding: 150px 0 0;
}
.BlogTour .VideoFrame {
    top: -380px;
}
.BlogTour h2 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 15px;
}
.TestimonialWrap.blogRelated h2 {
    font-size: 30px;
    margin-bottom: 0;
}
.VirtualTour {
    padding: 20px 0 0;
}
.TestimonialWrap.blogRelated {
    padding: 40px 0 130px;
}


}

@media screen and (max-width:321px) {
header .whatsApp {
    width: 44px;
}
header .logo-magicpik {
    width: 130px;
}
header .request-menu {
    width: 120px;
    font-size: 13px;
}
.logo h1 {
    font-size: 32px;
    padding-left: 80px;
}
.virtualTour h2 {
    font-size: 25px;
    line-height: 30px;
}
.virtualTour h3 {
    font-size: 16px;
    line-height: 24px;
}


}