@media (min-width:1681px) and (max-width:1920px) {
}
 @media (min-width:1501px) and (max-width:1680px) {
}
 @media (min-width:1367px) and (max-width:1450px) {
}
 @media (min-width:1281px) and (max-width:1366px) {
}
 @media (min-width:1024px) and (max-width:1280px) {
     .bannertext {
         text-align: left;
         padding: 2% 3%;
         position: absolute;
         right: 2%;
         width: 47%;
         top: 21%;
    }
     .homet .bigTitle {
         text-align: center;
         padding: 5px 20px;
         color: #017e25;
         font-size: 50px;
         font-weight: 400;
    }
     .appart {
         display: inline-block;
         vertical-align: middle;
         text-align: left;
         padding-left: 20px;
         width: calc(100% - 101px);
    }
     .appart a {
         background: transparent;
         border: 2px solid #e9f4db;
         border-radius: 10px;
         display: block;
         padding: 10px 10px;
         width: 100%;
         font-weight: 500;
         transition: all 0.2s linear;
    }
     .appart a i {
         font-size: 26px;
         display: inline-block;
         vertical-align: middle;
         padding: 0px 3px;
         color: #e9f4db;
    }
     .appart h4 {
         margin: 0;
         font-size: 19px;
         font-weight: 400;
    }
     .our-team {
         border-top: 2px solid #017e25;
         background: #f5f5f5;
         border-radius: 5px;
         margin: 0px 20px;
         margin-top: 72px;
         border-bottom: 2px solid #017e25;
         min-height: 340px;
    }
     .team li h3 {
         font-size: 15px;
    }
     .about p {
         padding: 10px 50px;
         text-align: justify;
    }
     .feature-col-left {
         margin-top: 0px;
         margin-right: 25%;
    }
     #first-screen {
         height: auto;
         background: url(../img/fbg1.png);
         background-repeat: no-repeat;
         background-position: bottom;
         margin-top: 0%;
    }
     .feature-text-right {
         padding-left: 20px;
         padding-right: 20px;
    }
}
 @media (min-width:768px) and (max-width:1023px) {
     .bannertext h1 {
         font-size: 29px;
         font-weight: 600;
         color: #d4daa3;
    }
     .bannertext p {
         padding: 0px 0%;
         font-size: 13px;
         color: #d4daa3;
         font-weight: 500;
         text-align: left;
    }
     .bannertext {
         text-align: left;
         padding: 2% 3%;
         position: absolute;
         right: 5%;
         width: 47%;
         top: 14%;
    }
     .homet .bigTitle {
         text-align: right;
         padding: 5px 20px;
         color: #017e25;
         font-size: 46px;
         font-weight: 400;
    }
     .slick-current .talkunit h3 {
         opacity: 1;
         height: auto;
         font-size: 16px;
    }
     .talkunitwrapper {
         padding: 0px;
    }
     .hometcontrol.right {
         left: auto;
         right: 115px;
    }
     .hometcontrol {
         display: inline-block;
         color: white;
         background-color: #017e25;
         border-radius: 50%;
         border: 0px solid;
         padding: 5px;
         width: 30px;
         height: 30px;
         line-height: 10px;
         text-align: center;
         display: inline-block;
         position: absolute;
         top: 50%;
         z-index: 99;
         left: 115px;
         outline: none !important;
         transition: 0.3s all ease;
    }
     .foocol img{
         vertical-align: middle;
         display: block;
         margin: 0 auto;
         text-align: center;
         margin-bottom: 20px;
    }
     .appart h4 {
         margin: 0;
         font-size: 20px;
         font-weight: 400;
         line-height:20px;
    }
     .appart a {
         background: transparent;
         border: 2px solid #e9f4db;
         border-radius: 10px;
         display: block;
         padding: 10px 2px;
         width: 100%;
         font-weight: 500;
         transition: all 0.2s linear;
    }
     .appart {
         display: inline-block;
         vertical-align: middle;
         text-align: left;
         padding-left: 20px;
         width: 100%;
    }
     .homey-bg .middle {
         z-index: -1;
         left: 60%;
         bottom: 75px;
    }
     .team li {
         list-style-type: none;
         display: inline-block;
         width: 20%;
         margin: 20px;
    }
     .about p {
         padding: 10px 40px;
         text-align: justify;
    }
     .inner-heading-wrap h1 {
         font-size: 28px;
         color: #017e25;
         font-weight: 600;
         margin-bottom: 20px;
         margin-top: 0px;
    }
     .our-team .team-title {
         font-size: 18px;
         color: #017e25;
         margin: 24px 0 10px;
         font-weight: 500;
    }
     .our-team {
         border-top: 2px solid #017e25;
         background: #f5f5f5;
         border-radius: 5px;
         margin: 0px 20px;
         margin-top: 95px;
         border-bottom: 2px solid #017e25;
         min-height: 285px;
    }
     .feature-text-right {
         padding-left: 5px;
         padding-right: 5px;
    }
     .feature-text {
         margin-top: 5px;
    }
     .bottom-p2 p {
         color: #000;
         font-size: 13px;
         text-align: center;
         margin-bottom: 20px;
         padding: 0px 20px;
         margin-top: 30px;
    }
     .bottom-p p {
         color: #000;
         font-size: 13px;
         text-align: center;
         margin-bottom: 20px;
         padding: 0px 50px;
         margin-top: 30px;
    }
     .feature-text p {
         color: #000;
         font-size: 13px;
         text-align: left;
         margin-bottom: 20px;
    }
     .feature-col h4 {
         color: #00552a;
         font-size: 14px;
         font-weight: 600;
         margin-top: 20px;
    }
}
 @media (max-width:767px) {
     header {
         padding: 2px 0px 8px 0px;
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         z-index: 999;
         background: #a3e00e;
         transition: 0.3s all ease;
    }
     .steps > li {
         text-align: center;
         display: inline-block;
         width: 100%;
         float: left;
         padding: 5px 5px 5px;
         position: relative;
    }
     .steps > li:first-child::before {
         content: "";
         position: absolute;
         background: url(../img/y-arrow1.png) no-repeat 100%;
         width: 100%;
         left: 50%;
         height: 50%;
         top: 0;
         z-index: 5;
         display: none;
    }
     .steps > li:last-child::before {
         content: "";
         position: absolute;
         background: url(../img/y-arrow.png) no-repeat 100%;
         width: 100%;
         left: -50%;
         height: 50%;
         top:0;
         z-index: 5;
         display: none;
    }
     .homesteps {
         position: relative;
         overflow: hidden;
         z-index: 2;
         padding: 1% 0 0%;
         margin: 10px auto 22px;
    }
     .homesteps::before {
         content: "";
         position: absolute;
         top: 0;
         left: -50%;
         right: -50%;
         background: #eee;
         height: 100%;
         border-radius: 0;
         z-index: -1;
    }
     .homesteps::after {
         content: "";
         position: absolute;
         top: auto;
         bottom: -150%;
         left: -50%;
         right: -50%;
         background: #fff;
         height: 100%;
         border-radius: 0px;
         z-index: -1;
    }
     .steps > li:nth-child(2) {
         top: 0PX;
    }
     .bannertext {
         text-align: left;
         padding: 2% 3%;
         position: absolute;
         right: 12%;
         width: 40%;
         top: 30%;
         display: none;
    }
     .title {
         color: #017e25;
         padding: 0 15px;
         margin-bottom: 20px;
         font-weight: 600;
         font-size: 22px;
    }
     .homey-bg {
         position: static;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: -1;
         background: url(../img/homey-bg1.png) no-repeat;
         background-size: 120% 395px;
         background-position: 60% 100%;
    }
     .homey-bg .middle {
         z-index: -1;
         left: 67%;
         bottom: 75px;
         display: none;
    }
     .talkunitwrapper {
         padding: 8px;
    }
     .talkunit {
         box-shadow: 0px 0px 23px 2px #ddd;
         background-color: white;
         padding: 9px;
         text-align: center;
         border-radius: 5px;
         margin: 0 0px;
         min-height: 250px;
    }
     .homet .bigTitle {
         text-align: center;
         padding: 5px 20px;
         color: #017e25;
         font-size: 24px;
         font-weight: 400;
    }
     .slick-current .talkunit h3 {
         opacity: 1;
         height: auto;
         font-size: 16px;
    }
     footer {
         background: url(../img/bg2.png) no-repeat 50% 50%;
         background-color: rgba(0, 0, 0, 0);
         background-size: auto auto;
         background-size: 185% 150%;
         color: white;
         background-color: #017e25;
         padding: 20% 15px 0px;
    }
     .appart h4 {
         margin: 0;
         margin-top: 0px;
         font-size: 19px;
         font-weight: 400;
         margin-top: 20px;
    }
     .foocol {
         display: inline-block;
         padding: 10px 10px 15px;
         min-width: 100px;
         width: 100%;
         vertical-align: top;
         text-align: center;
         float: left;
    }
     .appart {
         display: inline-block;
         vertical-align: middle;
         text-align: center;
         padding-left: 20px;
         width: 100%;
    }
     .navbar-default .navbar-toggle .icon-bar {
         background-color: #fff;
    }
     .navbar-default .navbar-toggle {
         border-color: #fff;
    }
     .navbar .list-inline {
         margin: 0px;
         float: left;
         padding-top: 20px;
    }
     .navbar-default .navbar-collapse, .navbar-default .navbar-form {
         border-color: transparent;
         box-shadow: 0px 0px 0px;
    }
     .navbar .list-inline>li {
         padding: 0px 0px;
         margin: 0px 0px;
    }
     .list-inline li a {
         padding: 6px 20px;
         text-decoration: none !important;
    }
     .list-inline li a:hover {
         background-color: #017e25;
         color: white;
         padding: 6px 20px;
         text-decoration: none !important;
    }
     .about p {
         padding: 10px 15px;
         text-align: justify;
    }
     .team li {
         list-style-type: none;
         display: inline-block;
         width: 100%;
         margin: 0px;
    }
     .our-team {
         margin-top: 95px;
         margin-bottom: 0px;
    }
     .inner-heading-wrap h1 {
         font-size: 28px;
         color: #017e25;
         font-weight: 600;
    }
     .top-ban {
         margin-top: 62px;
    }
     .feature-text-right {
         padding-left: 15px;
         padding-right: 15px;
    }
     .feature-text {
         margin-top: 20px;
         margin-bottom: 30px;
    }
     .bottom-p p {
         color: #000;
         font-size: 14px;
         text-align: center;
         margin-bottom: 20px;
         padding: 0px 0px;
         margin-top: 30px;
    }
     .feature-col-left {
         margin-top: 0px;
         margin-right: 25%;
    }
     #accordion .panel-title a {
         display: block;
         font-size: 13px;
         font-weight: 500;
         line-height: 17px;
         color: #017e25;
         background: #fff;
         border: none;
         border-bottom: 2px solid #017e25;
         padding: 15px 36px 8px 10px;
         position: relative;
         transition: all 0.5s ease 0s;
         text-shadow: 0px 0px 0px;
    }
     .accordion-main-heading {
         color: #91c509;
         border-bottom: 1px solid #7fb621;
         padding-bottom: 0px;
         margin-top: 50px;
         font-size: 16px;
         font-weight: 600;
    }
     .contact {
         margin-top: 55px;
         margin-bottom: 50px;
         font-size: 13px;
         padding: 24px;
    }
     .box {
         margin-bottom: 0px !important;
    }
     .videos-col {
         margin-bottom: 0px;
         padding: 0px 30px 23px 30px;
    }
     .videos-modal .modal-body iframe {
         width: 100%;
         height: auto;
    }
     .videos-modal .modal-dialog {
         width: 100%;
         margin: 70px auto;
    }
     .box .box-content {
         width: 100%;
         padding: 52px 0 0px;
         color: #fff;
         opacity: 0;
         height: 100%;
         position: absolute;
         bottom: 10%;
         left: 0;
         transition: all 0.3s ease 0s;
    }
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: #017e25;
		border: 1px solid #017e25;
	}
}
 @media (min-width:415px) and (max-width:425px){
}
 @media (min-width:361px) and (max-width:414px){
     header {
         padding: 2px 0px 8px 0px;
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         z-index: 999;
         background: #a3e00e;
         transition: 0.3s all ease;
    }
     .steps > li {
         text-align: center;
         display: inline-block;
         width: 100%;
         float: left;
         padding: 5px 5px 5px;
         position: relative;
    }
     .steps > li:first-child::before {
         content: "";
         position: absolute;
         background: url(../img/y-arrow1.png) no-repeat 100%;
         width: 100%;
         left: 50%;
         height: 50%;
         top: 0;
         z-index: 5;
         display: none;
    }
     .steps > li:last-child::before {
         content: "";
         position: absolute;
         background: url(../img/y-arrow.png) no-repeat 100%;
         width: 100%;
         left: -50%;
         height: 50%;
         top:0;
         z-index: 5;
         display: none;
    }
     .homesteps {
         position: relative;
         overflow: hidden;
         z-index: 2;
         padding: 1% 0 0%;
         margin: 10px auto 22px;
    }
     .homesteps::before {
         content: "";
         position: absolute;
         top: 0;
         left: -50%;
         right: -50%;
         background: #eee;
         height: 100%;
         border-radius: 0;
         z-index: -1;
    }
     .homesteps::after {
         content: "";
         position: absolute;
         top: auto;
         bottom: -150%;
         left: -50%;
         right: -50%;
         background: #fff;
         height: 100%;
         border-radius: 0px;
         z-index: -1;
    }
     .steps > li:nth-child(2) {
         top: 0PX;
    }
     .bannertext {
         text-align: left;
         padding: 2% 3%;
         position: absolute;
         right: 12%;
         width: 40%;
         top: 30%;
         display: none;
    }
     .title {
         color: #017e25;
         padding: 0 15px;
         margin-bottom: 20px;
         font-weight: 600;
         font-size: 22px;
    }
     .homey-bg {
         position: static;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: -1;
         background: url(../img/homey-bg1.png) no-repeat;
         background-size: 120% 395px;
         background-position: 60% 100%;
    }
     .homey-bg .middle {
         z-index: -1;
         left: 67%;
         bottom: 75px;
         display: none;
    }
     .talkunitwrapper {
         padding: 8px;
    }
     .talkunit {
         box-shadow: 0px 0px 23px 2px #ddd;
         background-color: white;
         padding: 9px;
         text-align: center;
         border-radius: 5px;
         margin: 0 0px;
         min-height: 250px;
    }
     .homet .bigTitle {
         text-align: center;
         padding: 5px 20px;
         color: #017e25;
         font-size: 24px;
         font-weight: 400;
    }
     .slick-current .talkunit h3 {
         opacity: 1;
         height: auto;
         font-size: 16px;
    }
     footer {
         background: url(../img/bg2.png) no-repeat 50% 50%;
         background-color: rgba(0, 0, 0, 0);
         background-size: auto auto;
         background-size: 185% 150%;
         color: white;
         background-color: #017e25;
         padding: 20% 15px 0px;
    }
     .appart h4 {
         margin: 0;
         margin-top: 0px;
         font-size: 19px;
         font-weight: 400;
         margin-top: 20px;
    }
     .foocol {
         display: inline-block;
         padding: 10px 10px 15px;
         min-width: 100px;
         width: 100%;
         vertical-align: top;
         text-align: center;
         float: left;
    }
     .appart {
         display: inline-block;
         vertical-align: middle;
         text-align: center;
         padding-left: 20px;
         width: 100%;
    }
     .navbar-default .navbar-toggle .icon-bar {
         background-color: #fff;
    }
     .navbar-default .navbar-toggle {
         border-color: #fff;
    }
     .navbar .list-inline {
         margin: 0px;
         float: left;
         padding-top: 20px;
    }
     .navbar-default .navbar-collapse, .navbar-default .navbar-form {
         border-color: transparent;
         box-shadow: 0px 0px 0px;
    }
}
 @media (min-width:320px) and (max-width:360px){
     header {
         padding: 2px 0px 8px 0px;
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         z-index: 999;
         background: #a3e00e;
         transition: 0.3s all ease;
    }
     .steps > li {
         text-align: center;
         display: inline-block;
         width: 100%;
         float: left;
         padding: 5px 5px 5px;
         position: relative;
    }
     .steps > li:first-child::before {
         content: "";
         position: absolute;
         background: url(../img/y-arrow1.png) no-repeat 100%;
         width: 100%;
         left: 50%;
         height: 50%;
         top: 0;
         z-index: 5;
         display: none;
    }
     .steps > li:last-child::before {
         content: "";
         position: absolute;
         background: url(../img/y-arrow.png) no-repeat 100%;
         width: 100%;
         left: -50%;
         height: 50%;
         top:0;
         z-index: 5;
         display: none;
    }
     .homesteps {
         position: relative;
         overflow: hidden;
         z-index: 2;
         padding: 1% 0 0%;
         margin: 10px auto 22px;
    }
     .homesteps::before {
         content: "";
         position: absolute;
         top: 0;
         left: -50%;
         right: -50%;
         background: #eee;
         height: 100%;
         border-radius: 0;
         z-index: -1;
    }
     .homesteps::after {
         content: "";
         position: absolute;
         top: auto;
         bottom: -150%;
         left: -50%;
         right: -50%;
         background: #fff;
         height: 100%;
         border-radius: 0px;
         z-index: -1;
    }
     .steps > li:nth-child(2) {
         top: 0PX;
    }
     .bannertext {
         text-align: left;
         padding: 2% 3%;
         position: absolute;
         right: 12%;
         width: 40%;
         top: 30%;
         display: none;
    }
     .title {
         color: #017e25;
         padding: 0 15px;
         margin-bottom: 20px;
         font-weight: 600;
         font-size: 22px;
    }
     .homey-bg {
         position: static;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: -1;
         background: url(../img/homey-bg1.png) no-repeat;
         background-size: 120% 395px;
         background-position: 60% 100%;
    }
     .homey-bg .middle {
         z-index: -1;
         left: 67%;
         bottom: 75px;
         display: none;
    }
     .talkunitwrapper {
         padding: 8px;
    }
     .talkunit {
         box-shadow: 0px 0px 23px 2px #ddd;
         background-color: white;
         padding: 9px;
         text-align: center;
         border-radius: 5px;
         margin: 0 0px;
         min-height: 250px;
    }
     .homet .bigTitle {
         text-align: center;
         padding: 5px 20px;
         color: #017e25;
         font-size: 24px;
         font-weight: 400;
    }
     .slick-current .talkunit h3 {
         opacity: 1;
         height: auto;
         font-size: 16px;
    }
     footer {
         background: url(../img/bg2.png) no-repeat 50% 50%;
         background-color: rgba(0, 0, 0, 0);
         background-size: auto auto;
         background-size: 185% 150%;
         color: white;
         background-color: #017e25;
         padding: 20% 15px 0px;
    }
     .appart h4 {
         margin: 0;
         margin-top: 0px;
         font-size: 19px;
         font-weight: 400;
         margin-top: 20px;
    }
     .foocol {
         display: inline-block;
         padding: 10px 10px 15px;
         min-width: 100px;
         width: 100%;
         vertical-align: top;
         text-align: center;
         float: left;
    }
     .appart {
         display: inline-block;
         vertical-align: middle;
         text-align: center;
         padding-left: 20px;
         width: 100%;
    }
     .navbar-default .navbar-toggle .icon-bar {
         background-color: #fff;
    }
     .navbar-default .navbar-toggle {
         border-color: #fff;
    }
     .navbar .list-inline {
         margin: 0px;
         float: left;
         padding-top: 20px;
    }
     .navbar-default .navbar-collapse, .navbar-default .navbar-form {
         border-color: transparent;
         box-shadow: 0px 0px 0px;
    }
}