body{font-family: 'Poppins', sans-serif; overflow-x: hidden;}
/* Animation */
@keyframes mymove {
  50% {transform: rotate(180deg);}
}
/* Authoure - Sujeet Kumat (sujeets1991@gmail.com) */
a {transition: 0.5s;}
h1, h2, h3, h4, h5, h6 {font-weight: 800;}
.colGreen {color: #B8DE6F;}
.lightGreen {color: #C6F1E7;}
.clear_1 {margin: 100px auto;}
.clear_2 {margin: 50px auto;}
.img100 {width: 100%;}
.enquireNow {width: 26px; position: fixed; right: 20px; top: 30%; z-index: 999; display: none; cursor: pointer;}
.enquireNowMob {width: 100%; position: fixed; bottom: 0; z-index: 99;}
/* .enquireNowMob a {background: #026A37; color: #fff !important; padding:10px 15px; display: block; text-align: center; cursor: pointer; width: 50%;} */
.enquireNowMob .enquire {background: #026A37; color: #fff !important; padding:10px 15px; display: block; text-align: center; cursor: pointer; width: 50%; float: left;}
.enquireNowMob .whatsapp {background: #25D366; color: #fff !important; padding:10px 15px; display: block; text-align: center; cursor: pointer; width: 50%; float: right;}
.poweredBy {background: rgba(256,256,256,0.5); border:solid 1px #fff; padding:0px 5px; width: 150px; border-radius: 3px; position: fixed; bottom: 50px; left: 10px; z-index: 99;}
.poweredBy img {width: 100%;}
/* Sidenav start here */
.sidenav {height: 100%; width: 0;   position: fixed;  z-index: 100;  top: 0;  right: 0;  background-color: #fff;  overflow-x: hidden; overflow-y: scroll; padding-top: 30px; transition: 0.3s; border-left: solid 1px #ccc; box-shadow: -5px 0px 50px rgba(0,0,0,0.3);}
.sidenav p {padding: 5px 8px 0px 32px; font-size: 14px; color: #C4C4C4;}
.sidenav ul {list-style: none; margin: 0px 0 40px 0; padding: 0px;}
.sidenav .sideMitem {padding: 5px 8px 5px 32px; display: block; text-decoration: none; font-size: 16px; color: #000; transition: 0.3s;}
.sidenav .sideMitem a {color: #000; padding: 3px 0; display: block; font-family: 'Roboto', sans-serif;}
.sidenav .sideMitem a:hover {color: #026A37; text-decoration: none;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
.sidenav .closebtn img {width: 18px; -webkit-transition: -webkit-transform 0.5s ease-in-out; transition: transform 0.8s ease-in-out;}
.sidenav .closebtn img:hover {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.sidenav hr {border: none; height: 1px;  background: #ccc;}
.specialLink li {display: inline-block; padding-left: 30px;}
.outlineBtn {border:solid 2px #026A37; color: #026A37; font-weight: 600; padding:5px 20px 3px 20px; display: inline-block; border-radius: 3px;}
.outlineBtn:hover {text-decoration: none; background: #026A37; color: #fff;}
.mBtn {background: #026A37; box-shadow: 0px 8px 16px rgba(2, 106, 55, 0.2); border-radius: 5px; font-size: 18px; padding: 14px 26px 12px 26px !important; margin-top: 10px; color: #fff !important; display: inline-block !important;}
.mBtn:hover {box-shadow: 0px 8px 16px rgba(2, 106, 55, 0.4); text-decoration: none;}
.mForm {margin-left: 32px; margin-bottom: 40px; width: 80%;}
.input {width: 100%; display: block; margin: 10px 0; background: #dcf2e7; border-radius: 5px; border: solid 1px #fff; padding: 10px 10px; color: #026A37;}
.input:focus {box-shadow: 0px 0px 2px rgba(2, 106, 55, 0.2);}
.sendBtn {background: #026A37; border-radius: 5px; padding: 10px 20px 8px 20px; color: #fff; display: inline-block; border: none;}
.sendBtn:hover {box-shadow: 0px 8px 16px rgba(20, 200, 200, 0.4);}
.sideSocial {padding: 5px 8px 5px 32px; margin-bottom: 30px;}
.sideSocial a {margin-right: 20px;}

/* login page class */
.login {background: #E5E5E5; min-height: 100vh; padding: 30% 5% 10% 5%; position: relative;}
.login a {font-size: 14px; color: #09BDA8;}
.logBox {background: #fff; padding: 20px; position: relative; border-radius: 10px;}
.loinLogo {text-align: center; padding: 10px; margin: auto; position: relative; width: 120px; top:-75px; margin: auto; background: #FFFFFF; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); border-radius: 10px;}
.logBox h3 {margin: -50px 0 0 0; font-weight: 400; text-align: center; font-size: 16px;}
.logBox h4 {font-size: 24px; text-align: center; margin: 30px 0 20px 0;}
.logBox p {color: #595959;}
.loginBtn {background: #09BDA8; border-radius: 5px; padding: 10px 20px 8px 20px; color: #fff; display: block; width: 100%; border: none; box-shadow: 0px 4px 10px rgba(9, 189, 168, 0.3);}
.socialLog a {padding: 6px; text-align: center; display: block; border-radius: 5px; margin: 10px auto;}
.socialLog .fb {color: #3B579D; border: solid 1px #3B579D;}
.socialLog .gl {color: #C34C3F; border: solid 1px #C34C3F;}
.loginfooter {position: absolute; bottom: 5px; left: 10px; font-size: 14px; color: #C4C4C4;}

/* Sidenav ends here */

header {position: relative; padding-bottom: 50px; background-color: #C6F1E7; background-size:60%; background-repeat: no-repeat; background-position: right top;}
.sticky {position: fixed; top: 0px; right: 15px; z-index: 99; padding:15px 0 0 0px;}
.sticky + .content {padding-top: 60px;}
.topNav {margin-top: 20px;}
.topNav ul {list-style: none;}
.topNav .nav-item {display: none; font-family: 'Roboto', sans-serif;}
.menuIcon {cursor: pointer; padding-right: 10px;}
.menuIcon img {width:40px;}
.dropbtn {background-image: url(../images/down-arrow.svg); background-repeat: no-repeat; background-position: right center; padding-right: 15px;}
.dropdown {position: relative; display: inline-block;}
.dropdown-content {display: none; position: absolute; right: -200px; min-width: 500px; padding:10px 20px 20px 20px; z-index: 1; background-image: url(../images/up-trigle.svg); background-repeat: no-repeat; background-position: center top;}
.droplinks {background: #fff; border-radius: 10px; text-align: left; padding: 20px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);}
.droplinks p {color: #D6C9BF; margin: 0px 0 10px; font-size: 14px; letter-spacing: 0.2rem;}
.droplinks a {color: black; padding: 3px 0px; margin-bottom: 5px; font-size: 0.85rem !important; line-height: 1; text-decoration: none; display: block;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {color: #026A37;}

.brand img {width: 130px;}
.roundP {position: absolute; right: 0px; top: 75px; z-index: -1;}
.heroText {font-size: 2rem; line-height: 1.2; margin-top: 60px; font-weight: 800;}
.sliders {padding: 20px; margin-top: 30px; position: relative;}
.sliders img {width:90%; box-shadow: -10px 10px 0px #000; border-radius: 10px;}
.bannerCont {background: #B8DE6F; padding: 10px; border-radius: 5px; position: absolute; bottom: 30px; right: 0; width: 50%;}
.bNum {font-size: 14px; color: #fff;}
.bannerCont h2 {font-size: 20px; font-weight: 700; margin: 0px 0 6px 0;}
.bannerCont p {font-size: 12px; margin: 0px;}
.bannerImage {margin-top: 30px; width: 100%;}
.bannerImage img {width:100%;}
.meeters {width: 100px; margin-top: -115px; margin-left: 10px; z-index: 1;}
.meeters img {width:100%;}
.hFoot {width: 100%; margin-top: 10%; font-size: 12px;}
.sociallink {display: block; margin-top: 10px;}
.sociallink a {height: 20px; margin-right: 10px;}
.sociallink a:hover {text-decoration: none;}

.worImg img {width: 100%; border-radius: 5px;}
.hServices {padding: 80px 0;}
.hServices img {border-radius: 10px;}
.sLinks {color: #012916;}
.sLinks:hover {text-decoration: none; color: #026A37;}
.sLinks p {font-size: 1.2rem; line-height: 1.1; font-weight: 600; margin:20px 0 40px 0; text-align: center;}

.solutions {background-color: #fff; padding: 50px 20px;}
.solutions h3 {font-size: 2rem; color: #012916; font-weight: 700; line-height: 45px;}
.solutions p {font-size: 18px; font-weight: 300;}
.imgBox img {width: 100%;}
.greenBox {border-radius: 10px; width: 100%; padding:50px 20px; border: solid 1px #E5E5E5; color: #012916; margin-bottom: 30px; text-align: center;}
.dNone:hover {text-decoration: none;}
.greenBox p {font-size: 18px; font-weight: 700; margin-top: 20px;}

.hWork {background: #C3F0CA; display: block;}
.stepNumber {width: 40px; height: 40px; border-radius: 20px; position: absolute; left: 5px; top: 5px; border: solid 1px #7AC843; color: #7AC843; line-height: 40px; text-align: center; background: #fff; z-index: 99;}
.hWork h3 {font-size: 2rem;}
.hBox {padding: 0px; margin: 5px; text-align: center; position: relative;}
.hBox img {width:100%; margin:auto;}
.hBox h5 {font-weight: 600; margin-top: 20px;}
.hBox:focus, .responsive div:focus {border: 0px !important; outline: none !important;}
.slick-track {padding: 20px 0;}
.slick-active a {color: #09BDA8 !important; border-bottom: solid 2px #09BDA8; font-weight: 800 !important; font-size: 22px !important;}

.ourJourney {background: #C6F1E7; padding: 100px 0;}
.datas {font-size: 4rem; font-weight: 600; line-height: 0.5; text-align: center; margin: 30px 0; padding: 20px 0;}
.datas span {font-size: 1.2rem; font-weight: 400; line-height: 1;}
.br1 {border-bottom: solid 1px #fff; padding: 20px 0;}

.whySuraksha {padding: 100px 0; counter-reset: section; font-size: 1.2rem;}
.whySuraksha p {background: #E5E5E5; border-radius: 5px;}
.whySuraksha p::before {
  counter-increment: section;
  content: "0 " counter(section) " ";
  background: #7AC843;  padding: 10px; display: inline-block; width: 54px; text-align: center; font-weight: 600; border-radius: 5px; color: #fff; margin-right: 10px;}

.testimonials {padding: 120px 0; background: #F1F1F1;}
.responsive div {padding: 0 30px 0 0;}
.slick-dots {text-align: left;}

footer {background: #012916; padding: 50px 0 0 0;}
footer h6 {color: #fff; margin: 20px 0; font-size: 22px; font-weight: 500;}
footer p {margin: 0;}
.flogo img {width: 150px;}
.footSocial {margin-top: 20px;}
.footSocial a {padding: 10px; width: 50px; text-align:center; display: inline-block;}
.footSocial a img {height: 20px; width: 30px;}
footer ul {list-style: none; margin: 0px; padding: 0px;}
footer a {color: #fff; font-size: 14px; font-weight: 300; margin-bottom: 10px; display: block;}
footer a:hover {color: #7AC843; text-decoration: none;}
.copyright {width: 100%; border-top: solid 1px #7A7A7A; margin-top: 30px; text-align: center; padding: 10px 0; font-size:14px; color: #fff; font-weight: 200;}

.modal-content {background: #000; padding: 1rem; border: none; border-radius: 10px;}
.modal-body h4 {color: #fff; font-weight: 600;}
.modal-body input, .modal-body select {margin-bottom: 0 0 10px 0;}
.close {color: #fff; font-size: 1rem; font-weight: normal; opacity: 0.5; text-align: right;}
.close:hover {text-shadow: none; color: #fff; opacity: 1;}

.progress {height: 13px; width: 350px; margin: 10px 20px; background-color: #FFF176;}
.progress-bar {background-color: #FBC02D;}
.count {width: 350px}
.fit-image {width: 100%; object-fit: cover;}
.card {padding-bottom: 20px}
.card-header {padding: 20px 60px}
.card-body {display: none; padding-left: 55px; padding-right: 55px}
.card-body h4 {font-size: 22px; font-weight: 400;}
.card-body.show {display: block}
.yellow-text {color: #FBC02D}
.card-block {width: 235px; border: 1px solid lightgrey; padding: 20px; border-radius: 5px !important; background-color: #FAFAFA; margin-bottom: 20px}
.card-block h5 {font-weight: 400;}
.radio {display: inline-block; border-radius: 0; box-sizing: border-box; cursor: pointer; color: #000; font-weight: 300;}
.radio:hover {background-color: #e7f9f7;}
.radio.selected {border: 1px solid #09BDA8; color: #09BDA8; background-color: #e7f9f7; box-shadow: 0px 8px 16px 0px rgba(9, 189, 168, 0.1);}
.fa-check {color: #09BDA8; border-radius: 50%; border: 2px solid #09BDA8; padding: 5px;}
.fa-circle {color: #FAFAFA; border-radius: 50%; border: 2px solid #BDBDBD; padding: 5px;}
.cardImg {width: 100%; text-align: center;}
.cardImg img {width: 120px;}
.btn-blue { margin-top: 40px; background-color: #1A237E; color: #fff; width: 28%}
.btn-blue:hover {background-color: #000}
.btn-secondary {margin-top: 40px; width: 28%}
.fa-long-arrow-right {float: right; margin-top: 4px}
.fa-long-arrow-left {margin-top: 8px}

select,
input,
textarea {
    padding: 8px 15px 8px 15px;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    color: #026A37;
    background-color: #dcf2e7;
    border: 1px solid #026A37;
    font-size: 16px;
    letter-spacing: 1px
}

select:focus,
input:focus,
textarea:focus {
    -moz-box-shadow: 0px 8px 16px rgba(2, 106, 55, 0.2) !important;
    -webkit-box-shadow: 0px 8px 16px rgba(2, 106, 55, 0.2) !important;
    box-shadow: 0px 8px 16px rgba(2, 106, 55, 0.2) !important;
    border: 1px solid #026A37 !important;
    outline: none;
    outline-width: 0;
}

button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0
}
.checkBox {width: 30px !important;}
.lebels {color: #fff; font-size: 0.8rem;}
.opct5 {opacity: 0.5}

/* inner page style start here */
.innerPage {background: #fff;}
.navbar {background: #fff; z-index: 99;}
.navbar-brand img {width: 80px; margin-top: 10px;}
.serviceBox {min-height: 100vh; position: relative; background-repeat: no-repeat; background-size: cover; background-position: right top;}
.blackBox {background: rgba(0,0,0,0.9); min-height: 100%; width: 100%; position: absolute; left: 0; top: 0; }
.contentBox {min-height: 100vh; padding:50px 0; display: flex; align-items: center; color: #fff;}
.contentBox h1 {font-size: 2rem; font-weight: 600; margin: 0px; padding: 0px;}
.miniHead {font-weight: 600; letter-spacing: 0.7rem; color: #7AC843; margin: 0px; padding: 0px;}
.serviceList {margin:20px 0 0 0px; list-style: none; padding: 0px; font-size: 0.9rem; line-height: 1.5;}
.serviceList li {padding: 10px; background-image: url(../images/greenLine.png); background-repeat: no-repeat; background-position: 5px bottom;}
.serviceList li p {margin: 0px; font-weight: 600;}
.serviceList li li {padding: 6px;}
.serviceList li li:last-child {background: none;}
.jBox {border: 1px solid #F1F1F1; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.next {background: #09BDA8; border-radius: 5px; color: #fff !important; padding: 10px 30px 7px 30px;}
.next:hover {box-shadow: 0px 8px 16px rgba(20, 200, 200, 0.4); text-decoration: none;}
.prev {width: 44px; height: 44px; text-align: center; color: #09BDA8; border: solid 1px #09BDA8; border-radius: 50%;}
.prev:hover {box-shadow: 0px 8px 16px rgba(20, 200, 200, 0.4); color: #09BDA8;}

.innerBanner {height: 88vh; display: flex; align-items: center; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.bannerText {width: 100%; color: #fff;}
.bannerText h1 {font-size: 50px; text-shadow: 2px 2px 20px rgba(0,0,0,0.5);}
.paginations {width: 100%; text-align: center; font-size: 1.6rem; font-weight: 600; margin: 20px 0;}
.paginations a {font-size: 1rem; color: #026A37; margin-right: 10px;}
.aboutUs {position: relative; z-index: 2;}
.aboutUs h1 {font-size:3rem; text-align: center; margin-bottom: 50px}
.aboutCont {background: #D4F5EE; padding: 100px 0; font-size: 1.2rem; position: relative;}
.houses {position: absolute; display: none;}
.aboutSec2 {padding: 100px 0;}
.about2Level {padding: 100px 0; text-align: center;}
.servicesPage {background: #C6F1E7;}

.getIntouch {margin: 30px 0 0 0;}
.getIntouch input, .getIntouch textarea, .getIntouch select {width: 100%; background: none; border: solid 1px #026A37; color: #7AC843;}
.getIntouch button {border:none;}
.contactDetails {margin: 30px 0; font-size: 1.6rem;}
.address {font-size: 1rem;}
.contactDetails h4 {font-weight: 400;}
.contactDetails a {color: #7AC843; font-size: 1rem;}
.contactDetails .fas {margin-right: 20px;}

.t_and_c {font-size:0.85rem; font-weight: 400; color: #333;}
.t_and_c h5 {color: #026a37; font-weight: 600;}
.t_and_c ul {margin: 0px 0 20px 0; padding: 0px 0 10px 20px; border-bottom: solid 1px #eee;}
.t_and_c ul li {margin-bottom: 6px;}
.nav-block {height: 200px; background: #555; color: #fff; line-height: 200px;}
.fixed-sidebar {position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; padding: 30px 0 0 0;; top: 0px; bottom: auto; background: #fff; z-index: 99;}
.blog-entry-content {padding: 0 20px;}
.fixed-sidebar ul {list-style: none; padding: 0px; border: none;}
.fixed-sidebar ul li {display: inline-block; margin-right: 20px;}
.fixed-sidebar a {color: #999; border-bottom: solid 1px #eee; font-size: 0.7rem; padding: 3px 0;}
.fixed-sidebar a:hover {color: #000;}
.fixed-sidebar .active a {font-size: 1rem; font-weight: 600; color: #026a37; font-size: 0.7rem;}

.thankYou {min-height: 80vh; display: flex; align-items: center; width: 100%; background-image: url(../images/relax.svg); background-repeat: no-repeat; background-position: center 80%; background-size: 200px; padding-bottom: 150px;}
.thankYou h1 {font-size: 5rem; color: #7AC843; line-height: 1;}
.thankMessage {width: 100%; text-align: center;}

.panel-title {font-size: 1rem; font-weight: 500; margin: 30px 0 10px 0; display: block;}
.panel-body {font-size: 0.9rem; padding-bottom: 0.6rem; border-bottom: solid 1px rgba(256,256,256,0.2);}
.panel-body p {margin-bottom: 5px;}
.panel-title a {color: #7AC843; display: block;}
.panel-title > a:before {float: right !important; font-family: FontAwesome; content:"\f068";  padding-right: 5px;}
.panel-title > a.collapsed:before {float: right !important; content:"\f067";}
.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus  {text-decoration:none;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


@media (min-width: 768px) {
  .enquireNow {display: block;}
  .enquireNowMob {display: none;}
  .poweredBy {bottom: 10px;}
  header {background-size:60%;}
  .sticky {top: 8px; right: 30px;}
  .sticky ul {padding: 0px;}
  .slick-dots {display: none;}
  .topNav li {display: inline-block; margin: 0 0 0 20px;}
  .topNav .nav-item {display: inline-block;}
  .topNav .nav-item a {color: #000; font-size: 15px;}
  .topNav .nav-item a:hover {text-decoration: none; color: #026A37;}
  .lStart {padding: 5px 10px 3px 10px; background: #09BDA8; border-radius: 3px; display: inline-block; color: #fff !important;}
  .lStart:hover {box-shadow: 0px 8px 16px rgba(20, 200, 200, 0.4);}
  .heroText {font-size: 36px; margin-top: 200px;}
  .meeters {margin-left: 50%;}
  .sociallink {display: inline; margin-left: 20px;}
  .sliders img {width:80%; box-shadow: -20px 20px 0px #000; border-radius: 20px; margin-bottom: 30px;}
  .bannerCont {padding: 20px; border-radius: 10px; bottom: 100px; right: 0; width: 40%;}
  .bNum {font-size: 16px;}
  .bannerCont h2 {font-size: 32px; font-weight: 800; margin: 0px 0 10 px 0;}
  .bannerCont p {font-size: 16px; margin: 0px;}
  .ftext {font-size: 36px; margin-top: 18px;}
  .gBox {min-height: 150px;}
  .call2action h3 {font-size: 72px;}
  .hFoot {width: 100%; margin-top: 8%; font-size: 14px;}
  .sLinks p {text-align: left;}
  .br1 {border-right: solid 1px #fff; border-bottom: none;}

/* inner page style start here */
  .card-body h4 {font-size: 30px;}
  .bannerText h1 {font-size: 72px;}
  .blackBox {width: 52%; }
  .aboutUs h1 {font-size:3rem;}
  .about2Level p {font-size: 1.6rem;}
  .houses {display: block; bottom: 0px; right: 0px; overflow: hidden;}
  .houses img {width: 120%;}
  .fixed-sidebar {height: 300px;}
  .fixed-sidebar ul li {display: block; margin-right: 0px;}

  .thankYou {min-height: 60vh; background-position: center 80%; background-size: 200px; padding-bottom: 150px;}

  /* login page class */
  .login {background: #E5E5E5; height: 100vh; padding: 10% 5% 5%;}

  /* Accordian Class start here */
  .accordion .card-header:after {
  font-family: 'FontAwesome';
  content: "\f068";
  float: right;
}
.accordion .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f067";
}

}
@media (max-width: 768px) {
  .topNav .nav-item {display: none;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  header {}
  .sticky {top: 5px; right: 40px;}
  .heroText {margin-top: 60px; font-size: 60px;}
  .meeters {margin-left: 10%;}
  .bannerImage {margin-top: -50px;}
  .sliders img {width:90%; margin:0 auto 30px auto;}
  .ftext {font-size: 20px; line-height: 20px; margin-top: 0px;}
  .solutions h3 {font-size: 33px;}
  .login {padding: 35% 5% 10% 5%;}
  .datas {font-size: 2rem;  line-height: 1;}
  .blackBox {width: 80%;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  header {}
  .sticky {top: 0px; right: 45px;}
  .bannerCont {padding: 20px; border-radius: 10px; bottom: 100px; right: 0; width: 50%;}
  .bannerCont h2 {font-size: 26px; font-weight: 800; margin: 0px 0 10 px 0;}
  .bannerCont p {font-size: 16px; margin: 0px;}
  .heroText {margin-top: 80px; font-size: 2.5rem;}
  .meeters {margin-left: 50%;}
  .gBox {min-height: 200px;}
  .hBox img {width:100%;}
  .houses img {width: 100%;}

}

@media (min-width: 992px) {
  .sticky {top: 8px; right: 30px; background: #fff; border-radius: 3px;}
 }

@media (min-width: 1200px) {
  header {background-size:70%; background-image: url(../images/banner.svg); background-position: 120% top;}
  .container {max-width: 1200px;}
  .sticky {top: 0px; right: 30px;}
  .heroText {font-size: 3.5rem; margin-top: 110px;}
  .meeters {width:180px; margin-top: -100px;}
  .bannerImage {display: none;}
  .hBox img {width:212px;}
  .houses {display: block; right: 0px; overflow: hidden;}
  .houses img {width: 75%;}
 }
 @media (min-width: 1600px) {
   header {background-size:63%; background-image: url(../images/banner.svg); background-position: right top;}
   .container {max-width: 1440px;}
   .heroText {font-size: 4rem; margin-top: 140px;}
   .meeters {margin-top: -120px; margin-left: 45%;}
   .aboutUs h1 {font-size:4rem;}
   .houses {display: block; right: 0px; overflow: hidden;}
   .houses img {width: 70%;}
  }

  @media (min-width: 1920px) and (max-width: 2560px)  {
    header {background-size:55%;}
    .meeters {margin-left: 50%;}
  }

.soc-container{
    padding:0px;
    margin:0px;
    position:fixed;
    right:-130px;
    top:60%;
    width:200px;
    z-index: 1100;
}
.soc li{
    list-style-type:none;
    background-color:#C6F1E7;
    color:#efefef;
    height:43px;
    padding:0px;
    margin:0px 0px 1px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor:pointer;
}
.soc li:hover{
    margin-left:-115px;
}
.soc li img{
    float:left;
    margin:5px 4px;
    margin-right:5px;
}
.soc li p{
    padding-top:5px;
    margin:0px;
    line-height:16px;
    font-size:11px;
}
.soc li p a{
    text-decoration:none;
    color:#2C3539;
}
.soc li p a:hover{
    text-decoration:underline;
}