/* ------------------------------------------------------------------------------
 Project Name :Adisys USA  
 Description : Main Style Sheet 
 Author :Abul Azad.s
 Created On :25/10/2021
 --------------------------------------------------------------------------------*/
/*Media responsive screen 1981*/
@media screen and (min-width:1981px) {
#page {width:1980px;margin:0 auto;}
header,.innerTitle.fixed{width:1980;}
.progress-bar-container {top: 68px;left: auto;width: 1980;margin: 0 auto;}
.innerTitle.fixed {top: 10px;}
.pop-over {right: auto;width: 1980;}
.pop-over .popover-btn {float: right;}
.progress-bar-container {top: 71px;}
#homeslider .caption {left: 60px !important;}
.banner ul li:before{width: 125px;} 
#Projects .productN1 .left img {width: 50%;}
.swithTheme .dropdown-menu {left: auto !important;right: 0px;} 
#sidebar {position: relative;top:40px;float: right;}
#toTop {right: auto;width: 1980;}
#toTop p {margin-right: 2px;}
#Environment ul li p {width: calc(100% - 115px);}
.sustainList li p {width: calc(100% - 125px);}
#Articles.ArticleSubpage,#Contact {min-height: 830px;}
#topmnu ul {width: 40%;}
#About.problemstmt-page .themetitle {min-width: 31%;}
}

/*Media responsive screen 2100*/
@media screen and (min-width:2100px) {

}
/*Media responsive screen 2200*/
@media screen and (min-width:2200px) {

}
/*Media responsive screen 2300*/
@media screen and (min-width:2300px) {
 
}
/*Media responsive screen 2400*/
@media screen and (min-width:2400px) {

}
/*Media responsive screen 2500*/
@media screen and (min-width:2500px) {

}
@media only screen and (min-device-width:2501px) and (max-device-width: 3000px) {

} 

@media screen and (min-width:992px) {
nav#menu {display: block !important;padding: 0;position: relative;margin-top: 15px;float: right;clear: both;margin-right: 30px;}
nav#menu li {float: left;margin-left: 0px; padding-bottom:7px;}
nav#menu .submenu-button,nav#menu li:nth-child(1) .inner-nav-div li:last-child{display:none;}
nav#menu ul > li:hover > a{color: #000;}
nav#menu ul > li > a:hover, nav#menu ul > li.active > a {background-color: #1e6ad6;color: #fff;}
.OrangeRed nav#menu ul > li > a:hover,.OrangeRed nav#menu ul > li.active > a,header nav#menu ul li ul li a.active{background-color: #e55041;}
.purple nav#menu ul > li > a:hover,.purple nav#menu ul > li.active > a {background-color: #A020F0;}
.darkblue nav#menu ul > li > a:hover,.darkblue nav#menu ul > li.active > a {background-color: #083869;}
nav#menu ul > li a {font-size: 18px;padding: 4px 10px 4px;position: relative;margin: 0px 9px;border-radius: 36px;cursor: pointer;font-family: "Poppins", sans-serif;}
header nav#menu ul li ul li a{color: #000 !important;font-size:17px !important;display: inline-block;width: 100%;margin: 0px 0px 2px;padding: 5px 10px;border-bottom: 1px solid #ddd;border-radius:0px;}
header nav#menu ul li ul li:last-child a{border-bottom:0px;}
header nav#menu ul li ul li a:hover,header nav#menu ul li ul li a.active{color: #ffffff ! Important;border-radius: 38px;}
header nav#menu ul li ul {position: absolute;left: 0;text-align: left;background: #ffffff;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);border: 0px solid #e0e9fe;padding: 25px;width: 100%;border-radius: 4px;display: none;-moz-transition: all .300s ease-in-out;-webkit-transition: all .300s ease-in-out;transition: all .300s ease-in-out;margin-top:4px;min-height: 280px;}
header nav#menu ul li:hover ul,header nav#menu ul li.hvrmnu ul {display: block;}
header nav#menu ul li ul:before {left: 25px;content: "";border:10px solid transparent;border-bottom-color: #c3cad8;font-size: 0;line-height: 0;display: inline-block;top: -20px;margin-left: 25px;position: absolute;background-color: transparent;display: none;}
header nav#menu ul li ul li {padding: 10px;/* display: table-cell; */width: 50%;padding: 0px;float: none;}
nav#menu ul > li a:before {content: '';width: 1px;height: 18px;background-color: #040404;position: absolute;right: -7px;top: 7px;opacity: 0.5;}
nav#menu ul > li:last-child a:before,nav#menu ul > li ul a:before{display:none;} 
header nav#menu ul li ul li:after{content:'';position: absolute;right: 0px;width: 40%;top: 0px;background-size: 100% !important;height: 100%;visibility:hidden}
header nav#menu ul li.products ul li:after{background-size: 80% !important;}
header nav#menu ul li.products ul li:nth-child(1):after{background: url(../images/project-5.png) no-repeat center #ecf1fb;visibility:visible;}
header nav#menu ul li.products ul li:nth-child(2):after{background: url(../images/project-6.png) no-repeat center #ecf1fb;}
header nav#menu ul li.products ul li:nth-child(3):after{background: url(../images/project-3.png) no-repeat center #ecf1fb;}
header nav#menu ul li.products ul li:nth-child(4):after{background: url(../images/project-2.png) no-repeat center #ecf1fb;}
header nav#menu ul li.articles ul li:nth-child(1):after{background: url(../images/abt-1.png) no-repeat center #ecf1fb;visibility:visible;}
header nav#menu ul li.articles ul li:nth-child(2):after{background: url(../images/abt-2.png) no-repeat center #ecf1fb;}
header nav#menu ul li.articles ul li:nth-child(3):after{background: url(../images/abt-3.png) no-repeat center #ecf1fb;}
header nav#menu ul li.articles ul li:nth-child(4):after{background: url(../images/abt-6.png) no-repeat center #ecf1fb;}
header nav#menu ul li.articles ul li:nth-child(5):after{background: url(../images/abt-4.png) no-repeat center #ecf1fb;}
header nav#menu ul li.articles ul li:nth-child(6):after{background: url(../images/abt-5.png) no-repeat center #ecf1fb;}
header nav#menu ul li ul li:hover:after{visibility:visible;}
}
/*Media Screen 1980*/
@media screen and (max-width:1980px) {
#homeslider .ls-slide-1 .caption{left:45px !important;}
.progress-bar-container {top: 71px;}
#topmnu ul {width: 41%;}
.innerTitle {margin-top: 70px;}
#Environment ul li p, .sustainList li p {width: calc(100% - 125px);}
.upcoming-events {min-height: 575px;}
.productN1 .right h6 {bottom: -60px;}
.productN1:after {top: -3px;}
}
/*Media Screen 1800 */
@media screen and (max-width:1800px) {
.progress-bar-container {top: 66px;}
.innerTitle {margin-top: 65px;}
#topmnu ul {width: 45%;}
}
/*Media Screen 1700*/
@media screen and (max-width:1700px) {
.progress-bar-container {top: 63px;}
#topmnu ul {width: 48%;}
.progress-bar-container {top: 61px;} 
.innerTitle {margin-top: 60px;}
.productN1 .right h6 {bottom: -10px;}
}
/*Media Screen 1600*/
@media screen and (max-width:1600px) {
.progress-bar-container {top: 56px; }
.innerTitle {margin-top: 57px;}
#topmnu ul {width: 50%;}
.upcoming-events {min-height: 510px;}
.sustainList li p {width: calc(100% - 95px);}
}
/*Media Screen 1500*/
@media screen and (max-width:1500px) {
#homeslider .ls-slide-1 .caption {left: 60px !important;}
.banner h3 {font-size: 30px;line-height: 46px;}
.banner h3 span {font-size: 38px;}
.slick-list {height: auto !important;}
#Articles .slider-nav .slick-track {height: auto !important;}
#Articles .morebtn {clear: both;}
.progress-bar-container {top: 55px;}
.innerTitle {margin-top: 56px;}
#topmnu ul {width: 51%;}
.banner ul li {width: 24.1%;}
#About .right .aditsocial {width: calc(100% - 230px);}
.abtlistProduct.prolist {width: 60%;}
.productN1:after {height: 87%;}
.productN1:before { width: 410px;height: 410px;background-size: 50%;}
#Projects.projectNew .research .pull-right {width: 81%;}
}
/*Media Screen 1415*/
@media screen and (max-width:1416px) {
#homeslider .ls-slide-1 .caption {left: 35px !important;width: 34% !important;}
.banner h3 span {font-size: 30px;}
.banner .ls-slide-1 .caption{width:42% !Important;}
.banner .ls-slide-1 .caption:after {background-size: 100%;}
#Projects.projectNew .research .proJList .rtcntnt {padding-left: 10px;}
#Environment.hmeSustain .readmorebtn {margin-top: 0px;}
#Environment.hmeSustain .right:before {bottom: -75px;}
#Environment.hmeSustain .right:after {bottom: -80px;}
#Environment .right:before {bottom: -40px;} 
#Environment .right:after {bottom: -45px;}
#topmnu ul {width: 55%;}
#faq .themetitle {max-width: 85%;}
.banner ul li {width: 24%;margin-right: 14px;}
.progress-bar-container {top: 58px;}
.middle-cntnt {margin-top: 40px;}
#About.HmeAbt .right .aditsocial {width: 61%;}
#Projects.projectNew .research .pull-right {width: 84%;}
.upcoming-events {min-height: 465px;width: 31%;}
}
/*Media Screen 1400*/
@media screen and (max-width:1400px) {
.banner .caption{width:50% !important;}
.banner .ls-slide-1 .caption{width:40% !Important;}
.swithTheme {top: 5px;}
footer .footer-grid {margin-right: 20px;}
#About:before {top: -31px;right: 0px;background-size: 100% !important;}
.waveshape {bottom: -110px;}
.comingsoon .img-bg img {width: 74%;}
#topmnu ul {width:60%;}
#Projects.projectNew .research .proJList .rtcntnt {padding-left: 0px;}
#Projects.projectNew .research .proJList {padding: 15px 10px 35px;}
.logo img {margin-top: 6px;}
.innerTitle {margin-top: 54px;}
#About.problemstmt-page .themetitle {min-width: 47%;}
.progress-bar-container {top: 56px;}
.upcoming-events {min-height: 475px;width: 30.8%;}
#About .right .aditsocial {width: calc(100% - 185px);}
.abtlistProduct li {margin-right: 15px;}
.productN1:before {background-size: 41%;}
.bottomList li:nth-child(1) {margin-right: 38px;}
#About.HmeAbt .right .aditsocial {width: 67%;}
}
/*Media Screen 1280*/
@media screen and (max-width:1280px) {
.waveshape {bottom: -106px;}
#Projects.projectNew .research .proJList {width: 47%;margin: 10px 5px;padding: 15px 5px 35px;}
#Projects.projectNew h5 {font-size: 18px;}
.progress-bar-container {top: 59px;}
#homeslider .ls-slide-1 .caption {left: 35px !important;width: 34% !important;top: -60px !important;}
#homeslider .ls-slide-1 .caption p {width: 90% !important;}
#topmnu ul {width: 65%;}
#Environment.hmeSustain ul li img {width: 20%;}
#Articles .ArticleSubpage li:nth-child(even) div.pull-left .left {padding: 0px 10px 0px 75px;}
.projectnewlst .ser-img img {width:60% !important;}
.mainlogo {width: 85% !important;margin-top: 6px;}
.upcoming-events {min-height: 465px;width: 30.6%;}
#Environment ul li p {width: calc(100% - 67px);}
.sustainList li p{width: calc(100% - 75px);}
#About .right .aditsocial {width: calc(100% - 147px);margin: 20px auto 0px;}
.abtlistProduct.coloricon img {width: 50px !important;margin-right: 10px !important;}
.abtlistProduct.coloricon li a span {margin-top: 14px;}
.middle-cntnt .bottom .gridSt {margin-right: 35px;}
.bottomList li:after {width: 158px;}
.bottomList li:nth-child(1) {margin-right: 34px;}
.homeVideo .right h3 {margin-top: 70px;padding-left: 40px;}
#About.HmeAbt .right .aditsocial {width: 75%;}
}
/*Media Screen 1155*/
@media screen and (max-width:1155px) {
.logo a {margin-top: 6px;}
.mainlogo {width: 85% !important;}
.banner h3 {font-size: 27px;line-height: 40px;}
.banner h3 span {font-size: 25px;}
.banner .caption {width:50% !important;top: -25px !important;}
.banner ul {left:1%;}
.banner ul li {width: calc(100% - 76%);margin-right: 5px;}
.banner ul li .content {margin-left: 10px;}
.banner ul li h4 {font-size: 17px;}
#Projects.projectNew .research .proJList {width: 46%;}
#Projects.projectNew img {width: 35%;}
#Projects.projectNew h5 {margin: 4px 0px 10px 5px;}
#Projects.projectNew .research .proJList .rtcntnt {padding-top: 13px;padding-left: 16px;}
#Environment.hmeSustain ul li {width: 49%;margin-right: 2px;margin-bottom: 7px;}
#Environment.hmeSustain .readmorebtn {margin-top: 15px;}
footer .footer-grid {width: 31%;}
.address {padding: 80px 2% 10px;}
.waveshape {bottom: -85px;}
#Contact .con-image {right: -6%;width: 74%;}
.modal-video-close-btn {right: 0px;}
#About.abt-blk video,#Projects.proj-blk .center img {width: 98%;}
.comingsoon h1 {font-size: 50px;left: 28px;}
.banner .ls-slide-1 .caption:after {background-size: 100%;top: -176px;width: 680px;}
#topmnu ul {width: 80%;}
#Articles .ArticleSubpage li:nth-child(even) div.pull-left .left {padding: 0px 10px 0px 37px;}
.projectnewlst .ser-img img {width: 85% !important;}
.projpageList {margin-right: 9px;}
.progress-bar-container {top: 56px;}
.productN1 .left:after{width: 220px;height: 220px;}
.productN1 .left:before {width: 225px;height: 225px;}
.productN1 .left {margin-top: 65px;}
.upcoming-events {min-height: 470px;width: 30%;}
.article-left {width: 100%;}
#Environment ul li p {width: calc(100% - 56px);}
#Projects.proj-blk .center .right {min-height: inherit;}
#Projects .productN1 .left img {width: 75%;}
nav#menu ul > li a {padding: 3px 7px 4px;margin: 0px 8px;}
#Projects.projectNew .research .pull-right {width: 100%;}
#About .right .aditsocial {width: calc(100% - 62px);}
.middle-cntnt .bottom .gridSt {margin-right: 29px;min-height: 380px;}
.linkviseRoi .left {padding-top: 0px;}
.about-vision .rtside {width: 90%;}
.abtlistProduct.coloricon li a {padding: 0px 5px 0px 0px;}
.abt-blk .abtlistProduct.coloricon li a span {margin-top: 14px;font-size: 13px;}
#About.problemstmt-page .themetitle {min-width: 61%;}
.bottomList li:after {width: 131px;height: 59%;}
.homeVideo .right h3 {width: 95%;}
#About.HmeAbt .right .aditsocial {width: 90%;}
.banner ul li img {width: 28%;}
.banner ul li:hover:before {width: 27%;}
}
/*Media Screen 1024*/
@media screen and (max-width:1024px) {

}
/*Media Scren 991*/
@media screen and (max-width: 991px) {
.logo {padding-left: 0; margin-left: 0;}
.mainlogo {width: 100% !important;}
.swithTheme {right: -182px;top: -47px;}
#burgernav {display:block;top: -37px;right: -140px;}
#menu > ul {background-color: #e55041;width: 500px;padding: 5px;height: 100vh;float: right;margin-top: 0;margin-right: -500px;position: absolute;right: -185px;
    -webkit-transition: all 0.6s ease;    -moz-transition: all 0.6s ease;    -o-transition: all 0.6s ease;    transition: all 0.6s ease;    display: none;}
#menu > ul.open {display: block;border-top: 1px solid rgba(0, 0, 0, 0.1);margin-right: 0px;}
#menu > ul > li > a {padding: 10px 5px !important;border-right: 0;display: inline-block;width: 100%;color: #fff !important;border-bottom: 1px solid #fffdfd;cursor: pointer;}
#menu #menu-button span{background: rgb(93, 92, 92);display: block;height: 2px;margin: 6px 0;width: 28px;}
#menu #menu-button:before,
#menu #menu-button:after {content: '';display: block;background: rgb(93, 92, 92);height: 2px;width: 28px;position: relative;}
#menu #menu-button {display: block;width: 28px;height: 18px;position: absolute;top: 15px;right: 20px;margin-top: 0px;z-index: 9;text-indent: -9999px;}
#menu ul ul li {width: 100%;}
#menu ul ul li a{width: 100%;display: block;color: #fff !important;font-size: 15px;padding: 10px 10px 10px 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.25882352941176473);}
#menu ul ul li a:last-child{border-bottom: 1px solid #fffdfd;}
#menu ul ul ul li a {padding-left: 45px;}
#menu > ul li {float: none;position:relative;}
#menu > ul li.products li:last-child{display:none;}
.submenu-button {position: absolute;z-index: 999;top: 0;right: 0;border-left: 1px #fdf7f7 solid;display: block;height: 45px;width: 40px;cursor: pointer;}
.mobile-nav-plus::before {content: '';position: absolute;left: 15px;top: 21px;display: block;width: 14px;height: 2px;background: #fff;z-index: 99;}
.mobile-nav-plus::after {content: '';position: absolute;top: 15px;left: 21px;display: block;width: 2px;height: 14px;background: #fff;z-index: 99;}
.mobile-nav-minus::before {content: '';position: absolute;left: 18px;top: 21px;display: block;width: 14px;height: 2px;background: #fff;z-index: 99;}
#menu ul ul.inner-nav-div {display: none;background: #cb4032;}
#menu > ul > li:hover > a {color: #fff;}
.OrangeRed nav#menu ul{background-color: #e55041;}
.purple nav#menu ul{background-color: #A020F0;}
.darkblue nav#menu ul{background-color: #083869;}
.blue nav#menu ul{background-color: #1e6ad6;}
.banner h3 {font-size: 22px;line-height: 36px;margin-bottom: 4px !important;}
.banner h3 span {font-size: 28px;}
.banner p {width: 100%;display:none;}
.banner .caption {top: 10px !important;}
#homeslider .ls-slide-1 .caption {left: 25px !important;width: 36% !important;top: -29px !important;}
.banner .rtImg {width: 45%;padding: 5px;}
.banner .rtImg img {width: 95% !important;} 
.banner .owl-dots {top: -25px;text-align: left;left: 2%;}
.banner ul {left: 0%;padding-left: 15px;width:100%;top:0px;margin-top: 15px;}
.banner ul li {width: 48%;margin-bottom: 15px;}
.banner ul li img {width: 18%;}
.banner .ls-v5 .ls-bottom-slidebuttons {top: -20px !important;}
#About {padding: 5px 1% 10px;}
#About .col-md-5 {padding-top: 25px;}
#About:before {top: 54%;right: 31%;width: 41%;height: 80%;}
#About .col-md-5 img {width: 36%;margin: 0 auto 15px;}
.highlighted {width: 95%;}
#faq {padding: 15px 0% 15px 1%;margin-top: 0px;}
#faq img {width: 70%;}
#Projects.projectNew .center {width: 100%; padding-top: 0;}
#Projects.projectNew .research {width: 100%;}
#Projects.projectNew .research .proJList .rtcntnt {padding-top: 25px;width: calc(100% - 140px);}
#Projects.projectNew .research .proJList {margin-bottom:15px;width: 48%;}
#Projects.projectNew img {width: 40%;float: left;}
#Articles .center,#Articles .slider-nav,#Articles .slider-for {width: 100% !important;}
#Articles {padding: 15px 2% 1% 2%;}
#Articles.ArticleSubpage {padding: 0px 0% 60px;}
.subarticles-one {padding: 0px 3% 1% !important;}
#Environment ul li img {width: 15%;}
.sustainList li img {width: 20%;}
#Environment .right img {top: 10px;width: 50%;}
.sustainList li {margin-right: 13px;}
#Environment.hmeSustain .readmorebtn {margin-top: 30px;text-align: center;}
#Environment {padding: 20px 3% 20px;}
#Environment.Environ {margin-bottom: 80px;}
footer {padding: 30px 15px 15px;}
footer .footer-grid {margin-right: 5px;width: 32%;}
#Articles .left {width: calc(100% - 160px);    padding: 0px 0px 0px 10px;}
#Articles .ArticleSubpage li:nth-child(even) div.pull-left .left {padding: 0px 10px 0px 20px;}
.address .addr {margin-right: 19px;min-height: 195px;}
.hme-cntact {width: 65%;}
#visionblk .list .rtimg {top: 47px;}
#visionblk .list:before {width: 83.5%;}
.modal-video-body {max-width: 97%;}
#visionblk .list {padding: 20px 3%;}
section#About.abt-blk {padding: 0px 3% 5% !important;}
#About .right .aditsocial {width: calc(100% - 380px);}
#About.abt-blk .row,#Environment .row{display:inline-block;}
#About.abt-blk .col-md-7,#About.abt-blk .col-md-5,#Environment .left,#Environment .right {max-width: 100%;width:100%;}
#Environment .right{clear:both;}
#Articles:before {width: 100%;left: -200px;-webkit-transform: skewX(321deg);-moz-transform: skewX(321deg);-ms-transform: skewX(321deg);transform: skewX(321deg);}
 #Articles .center {margin: -15px -15px;padding: 10px 15px 20px;}
.rtmtmain,.lfmtmain {transform: translate(0, 0) !important;opacity: 1 !important;}
#faq:after {z-index: -9;height:100%;}
#faq {z-index: 9;}
#faq .accordion-list,.mblLink,.problemStmt .right img{display:block;}
#faq .left img,.desk .common-btn,.problemStmt .left,#faq .col-md-5 .common-btn{display: none !important;}
#Projects.proj-blk .center .right {width: 100%;}
#faq ul {width: 100%;padding-left:0px;}
#faq.sub-Faq .themetitle:before {width: 45%;}
.mbllink .cta{display:inline-block;}
.sustain-One ul {width: 100%;margin-top: 0;}
 #faq .row{display:inline-block;width: 100%;}
#faq .left,#faq .right,#Projects.proj-blk .center .left{width:100%;max-width: 100%;}
#Projects.proj-blk .center .left {padding-top:30px;padding-bottom: 0px;}
.upcoming-events {padding: 10px 10px 10px;min-height: 465px !important;margin-right: 10px;width: 48%;}
.upcoming-events h1 {margin-bottom: 8px; min-height: inherit;}
#faq .right {padding: 0px 0px 10px 0px;}
#faq.sub-Faq{padding: 10px 9px;}
.comingsoon .img-bg img,.problemStmt .right {width: 100%;}
.problemStmt {padding: 25px 3% 8px;}
.comingsoon .img-bg {width: 50%;margin-top: 70px;}
#visionblk {padding: 20px 1% 35px;}
.about-vision .rtside {width: 100%;}
.about-values li {width: 100% !important;min-height: auto !important;background-color: #fff;margin-left: 0px !important;}
.ArticleSubpage ul.nav-tabs,.ArticleSubpage .tab-content,.middle-cntnt .left,.middle-cntnt .right,.article-left{width: 100%;}
#topmnu ul {width:100%;}
.innerTitle.fixed #topmnu ul {margin-right: 20px;}
.ArticleSubpage .tab-content {display: none;}
.ArticleSubpage ul li.current .video-btn {display:block;border: 1px solid #1e6ad6;border-top: 0px !important;margin-top: -5px;margin-bottom: 15px;padding: 5px;}
.ArticleSubpage .active div.pull-left {border-bottom:0px !important;;}
.ArticleSubpage ul li a.readmr {left: 8px;font-size: 22px;background-color: #fff;padding: 5px 5px 5px 10px;width: 98%;bottom: 24px;}
.orangered .ArticleSubpage ul li.current .video-btn {border: 1px solid #ff5746;}
.purple .ArticleSubpage ul li.current .video-btn {border: 1px solid #A020F0;}
.darkblue .ArticleSubpage ul li.current .video-btn {border: 1px solid #083869;}
#Articles .ArticleSubpage div.pull-left h6 {top: -9px;font-size: 55px;}
.ArticleSubpage ul li.current .video-btn .fa-play{color:#fff  !important;}
.projectnewlst .contant h6 {font-size: 98px;left: -78px;}
.projectnewlst:nth-child(even) .contant h6 {right: -58px;}
.hmeArticles:after,#Articles.hmeArticles .right,#Articles.hmeArticles:before {display: none;}
#Articles.hmeArticles .left,.upcoming-events .events_content,.upcoming-events .events-img,#Projects.proj-blk p.subtext{width:100% !important;}
#Articles.hmeArticles .left img {display: block;width: 100%;margin: 0 auto 20px;}
#Articles.hmeArticles{padding-bottom:5%;}
.productN1 .left{width: 100%;margin: 0 auto;padding: 70px 0px 25px;display: inline-block;}
.productN1 .right{width:100%;min-height:inherit;}
.productN1 .right:hover{border-right:0px;}
#Projects .productN1 .left img {width: 60%;margin: 0px auto;float: none;}
.upcoming-events .events_content .readmr {margin-left: 0;}
.progress-bar-container {top: 64px;}
#Environment .right:before {bottom: -50px;}
#Environment .right:after {bottom: -56px;}
.projpageList {width: 73%;}
.proSubpage {padding: 10px 3% 40px;}
.innerTitle {margin-top: 64px;}
.prblmstmt-one {padding: 25px 15px;}
.prblmstmt-one .info-list,.prblmstmt-one .bottom .left,.problemstmt-page .col-md-7,.problemstmt-page .col-md-5 {width: 100%;max-width: 100%;}
.problemstmt-page .row{display: block;}
.prblmstmt-one .bottom .right {top: 4px;width:100%;padding-left:0px;}
.prblmstmt-one .info-list li {width: 46%;}
.prblmstmt-one .info-list li:last-child {width: 95%;}
.prblmstmt-one:before {height: 41%;}
#Projects.proj-blk .center,#Projects.proj-blk .projInner {padding: 10px 10px;margin-bottom: 4px;}
.productN1 {padding: 15px 0px;margin-bottom: 15px;}
.productN1:nth-child(even):after {width: 100%;height: 44%;top: auto;bottom: 0px;clip-path: inherit;}
#About.abt-blk .right img {width: 36%;}
#About:after {right: 29%;width: 42%;height: 40%;background-size: 100% !important;top: auto;bottom: 79px;}
.abtlistProduct {width: 100%;}
.aboutSecond .left {width: 100%;padding-right: 0px;}
.aboutSecond {padding: 15px 10px 15px 10px;margin: 0px 0px 0px;}
.aboutSecond:after {left: 0;width: 100%;height:100%;}
.aboutSecond .right {width: 70%;float: none;margin: 0 auto 15px;clear: both;}
.linkviseRoi .left,.linkviseRoi .right,.realProp ul,.projpageList .left,.projpageList .right,.bottomList li {width: 100%;}
.middle-cntnt .right img {width: 40%;}
.middle-cntnt .bottom .gridSt {margin-right: 21px;}
.productN1:before {display: none;}
.abtlistProduct.prolist {width: 100%;margin: 4px auto 10px;}
#Projects.proj-blk .center .right img {float: none;width: 60%;margin: 0 auto;}
#Projects.proj-blk .center .right .owl-dots {left: 0;}
.proj-blk .abtlistProduct.coloricon.prolist li img {width: 28% !important;}
.abtlistProduct.coloricon.prolist li:nth-child(2) img {width: 32% !important;}
.abtlistProduct.coloricon.prolist li:nth-child(3) img {width: 27% !important;}
.productN1:after {height: 100%;background-size: cover;}
#About.problemstmt-page {margin-top: 0px;}
#About.problemstmt-page .themetitle {min-width: 42%;}
.RoiList >li:nth-child(3), .RoiList >li:nth-child(4) {width: 28%;}
.RoiList {padding: 15px 5px;}
.bottomList {padding: 20px 10px 20px;}
.bottomList li{margin-bottom: 15px;}
.bottomList li:after {width: 204px;height: 100%;}
#About.HmeAbt .right .aditsocial,.homeVideo .left img {width: 100%;}
#About.HmeAbt .right .aditsocial a {width: 139px;font-size: 15px;padding: 5px 18px 5px 8px;}
#About.HmeAbt:before {right: 13%;top: 22px;}
.homeVideo .left {padding-left: 0px;}
.homeVideo h3 {font-size: 30px; width: 100%;margin-top: 60px;padding-left: 40px;}
#About.HmeAbt li {margin-bottom: 10px !important;}
.banner ul li:hover:before {width: 19%;}
.electricsence .projpageList .left{padding-top:0px;} 
.subarticles-one.video .video-article {width: 90%;}
}
/*Media Screen 767*/
@media screen and (max-width: 767px) {
.mainlogo {width: 80% !important;}
#homeslider .ls-slide-1 .caption {left: 25px !important;top: -10px !important;width: 45% !important;}
header .col-lg-3{width:50%;float:left;}
#burgernav {right: 55px;}
.swithTheme {right: 15px;}
nav#menu .dropdown-menu {right: -35px;}
.banner .caption {top: 15px !important;}
.banner h3 {font-size: 18px;line-height: 24px;}
.banner h3 span {font-size: 17px;}
#About {padding: 0px 2% 0px;margin-top:0px;}
#About .col-md-7.mt-5 {margin-top:0px !important;}
#About:before {top: 62%;right: 30%;width: 43%;}
#Projects .proJList {margin: 0px 10px 15px 0px;}
.banner .banner-content {background-size: cover !important;}
.banner p {width: 100%;}
#faq:after,#Projects .item,#Projects .center,#Contact .con-image,.hme-cntact{width:100% !important;}
#Projects .item {width: 46%;}
.banner ul li {width: 47%;min-height: 75px;}
.banner ul li .content {width: calc(100% - 75px);}
.banner ul li h4 {font-size: 18px;}
#Contact .right {margin-top: 15px;width: 100%;}
.banner ul {left: 0;margin-top: 10px;display: none;}
#Articles .left {width: calc(100% - 90px);}
.address .addr {margin-right: 0;min-height: auto; width: 100%;margin-bottom: 66px;}
.waveshape {bottom: -50px;}
#Contact.cntactPage .con-image {display: none;}
#Contact .row.mt-5 {margin-top:0px !important;}
.logo {padding-left: 0px;margin-left: 0px;}
#documents ul li {width: 100%;min-height: auto;}
#About .col-md-5 img {width: 80%;margin: 0 auto;}
#About:after {bottom: -2px;}  
#About.abt-blk {padding: 25px 3% 57% !important;margin-top: 0px;}
.abtlistProduct li img {width: 45%;float: none;margin: 0 auto;}
.abtlistProduct li a span {margin-top: 1px;width: 100%;text-align:center;}
.aboutSecond:after {height: 61%;}
#topmnu ul {display: block;width: 95% !important;overflow-x: auto;-webkit-overflow-scrolling: touch;}
#topmnu ul li {white-space: nowrap;display: table-cell;padding-top:0px;}
#topmnu {left: 0px !important;width: 106% !important;padding-left: 0px !important;}
.innerTitle.fixed #topmnu {width: calc(100% - 105px) !important;} 
.projectTitle.innerTitle.fixed #topmnu,.problemstmt-Title.innerTitle.fixed #topmnu{width: calc(100% - -20px) !important;} 
#visionblk .list .rtimg {top: 95px;left: 20px;width: 100px;height: 100px;position: absolute;}
#visionblk .list .content {width: 95%;margin-left: 5px;padding-left: 105px;}
#visionblk .list:before {width: 100.5%;}
.innerTitle {margin-top: 62px;padding: 0px 0px 0px;}
.banner #canvas{display:none !important;}
.projpageList{padding:0px 10px;}
.projpageList .left,#Projects .projpageList .right img{width:100% !important;}
.electricsence .projpageList ul {column-count: 1;}
#About.abt-blk video {width: 92%;}
.comingsoon h1 {float: none;left: 0px;top: 38px;text-align: center;font-size: 35px;}
.comingsoon .img-bg {float: none;width: 100%;margin: 70px auto 0px;}
.pop-over {display: none;position: inherit;}
.btm-mnu, .btm-mnu .pop-over {display: block !important;}
#Environment ul li, .sustainList li {border-bottom: 1px solid #d6d3d3;width: 100%;margin-bottom: 17px;padding-bottom: 10px;}
#Environment ul li:last-child,.sustainList li:last-child{padding-bottom:0px;margin-bottom:0px;}
#menu > ul {right: 15px;}
.popover-body {bottom: 55px;width: 460px;right: -145px;} 
.about-values li {width: 100% !important;height:auto;}
.about-values li .rts {width: calc(100% - 0px);margin-left: 0px;}
.banner .ls-slide-1 .caption:after {background-size: 85%;top: -204px;width: 715px;height: 440px;left: -166px !important;}
.proSubpage .proj-link,.projpageList,.projpageList .right,.projpageMid .right,.projpageMid:after{width:100% !important;} 
.projpageMid:after {border-radius: 0;}
.weatherBtm {padding: 5px 5px;}
.projpageMid .left {width: 100%;float: left;padding-left: 0;}
.electricsencebtm .right {width: 100% !important;}
.subarticles-two .col-md-5,.projectnewlst .ser-img{display:none;}
.subarticles-two .col-md-7 img{display:block;}
.subarticles-two img,.subarticles-three img {width: 60%;margin: 0 auto;}
.common-btn {padding: 3px 17px 3px 9px;font-size: 16px;}
.projectnewlst .contant {width: 100%;min-height: 230px;}
.projectnewlst .contant img{display:block;width: 60% !important;}
.projectnewlst {padding: 0px 0% 40px;}
.projectnewlst .contant h6 {font-size: 60px;left: auto;right: -2px !important;top: -30px;}
.projectnewlst:nth-child(even) .contant h6 {right: 4px !important;}
.progress-bar-container {top: 60px;}
#faq .rtimg,#faq .lftcntnt{width:100%}
#faq .rtimg img{width:45%;margin:0 auto;}
ul.accordion-list li h3 {padding-right: 30px;}
.about-values {margin-top: 0;}
.about-values li:first-child {min-height: inherit;margin-bottom: 10px;}
.middle-cntnt {width: 97%;padding: 0px 10px 15px;margin-top:0px;}
.middle-cntnt:before {right: -15px;width: 104%;top: -6px;}
.middle-cntnt h3{font-size: 21px;}
.middle-cntnt .bottom .gridSt .imgicon {width: 85px;margin: -46px auto 10px;padding:9px 15px 10px 0px;}
.middle-cntnt .bottom .gridSt .imgicon:after {height: 70px;width: 70px;}
#faq .themetitle {max-width: 100%;}
.about-values li .vsnpic {margin: 0px auto 0px;width: 33%;float: none;display: block;background-color: transparent;}
.about-values li .vsnpic img{margin:0 auto;}
.about-values li h4{text-align: center;}
.problemStmtmore .theme-list li .left,.problemStmtmore .theme-list li:before{display: none;}
.problemStmtmore .theme-list li .right {width: 100%;padding-left: 0px;}
.productN1 .left:after {width: 185px;height: 185px;}
.productN1 .left:before {width: 190px;height: 190px;}
#Projects .productN1 .left img {width: 70%;}
#About.problemstmt-page .themetitle {min-width:63%;}
#Environment .right:before {bottom: -40px;}
#Environment .right:after {bottom: -45px;}
.sustainList li img {width: 16%;}
.sustain-One {padding: 15px 3% 20px;}
.prblmstmt-one.two .left,.prblmstmt-one.two .right,.prblmstmt-one.two ul li,.prblmstmt-one.three .left,.prblmstmt-one.three .right{width:100%;}
#Environment ul li p {width: calc(100% - 95px);}
.sustainList li p {width: calc(100% - 90px);}
#problemStmt h3.themetitle {max-width: 330px;}
.prblmstmt-one.three {padding:0px 10px;}
.prblmstmt-one.three .themetitle {max-width: 107px;margin-bottom: 20px !important;}
.prblmstmt-one.three img {margin: 10px 0px;}
.innerTitle.fixed .stmtproblemtabs-Two.fixed {display: none !important;}
#Projects.proj-blk .center:before {width: 100%;}
.productN1:before,#Projects.proj-blk .center .left ul,#Projects.proj-blk .center .right .cube,.productN1 .path,.Threecolumn .cnter,.abtlistProduct.prolist{display: none;}
.productN1:after{height: 97%;background-size: cover;top: 0px;}
.Threecolumn .lft,.Threecolumn .rht,.middle-cntnt .bottom .left,.middle-cntnt .bottom .right,.linkviseRoi .right,.aboutSecond .right {width: 100%;}
.linkviseRoi img {width: 90%;}
.middle-cntnt .bottom .right{border-left:0px;padding-left: 0px;}
.middle-cntnt .bottom .right ul {margin-top:0px !Important;}
.middle-cntnt .left p {text-align: left;}
.middle-cntnt .right img {width: 55%;}
.productThree li {margin-right: 6px !important;}
.Threecolumn .lft,.Threecolumn .rht {padding: 7px 10px;margin-top: 0px;}
.Threecolumn {padding: 30px 10px;}
.Threecolumn .themetitle {margin: 0px auto 0px;}
.middle-cntnt .bottom .gridSt {width: 100%;margin-right:0px;min-height: auto;margin-bottom: 75px;}
.middle-cntnt .bottom .gridSt:last-child {margin-bottom: 0px;}
.abtlistProduct.coloricon li a {padding: 0px 10px 0px 0px;display: flex;}
.linkviseRoi .left {width: 100%;padding-right: 0px;padding-top: 0;}
.linkviseRoi {padding: 20px 10px;}
#About .right .aditsocial {width: calc(100% - 220px);}
#Projects.projectNew .research .proJList .rtcntnt {padding-top: 0px;width: calc(100% - 90px);}
#Projects.projectNew img {width: 30%;}
.realProp ul {column-count: 1;}
.bottomList li:after {width: 162px;}
.RoiList >li:nth-child(1) {width: 15%;}
.RoiList li:nth-child(2) .fa-long-arrow-right {top: 107%;rotate: 90deg;right: 49%;}
.RoiList >li:nth-child(2) {width: 42%;}
.RoiList >li:nth-child(3), .RoiList >li:nth-child(4) {width: 100%;}
.RoiList li ul {min-height: auto;margin-bottom: 0px !important;}
.RoiList li:nth-child(3) .fa-long-arrow-right {top: 102%;rotate: 90deg;right: 65%;}
.realProp {padding: 0px 5px 25px;}
#About.HmeAbt:before {background-size: 95% !important;right: 31%;width: 40%;height: 45%;top: 50%;}
.homeVideo {margin: 25px 0px 0px;padding: 10px 35px;}
#About.HmeAbt .right .aditsocial{width: 59%;margin-top: 35px;}
.homeVideo .left {float: left;width: 100%;}
.homeVideo h3 {padding-left: 0px;text-align: center;margin-top: 0px;margin-bottom: 9px;}
.homeVideo:before {height: 100%;top: 0;}
.homeVideo .right {width: 100%;}
#Projects.projectNew .research {margin-top: 25px;}
.watersenceBlk .prblmstmt-one .bottom .right {padding-top: 0;}
.upcoming-events {min-height: auto !important;margin-right: 0px;width:100% !important;}
.article-mid {padding: 10px 10px;}
 }

/*Media Screen 568*/
@media screen and (max-width:568px) {
.logo a {padding: 5px 0px 2px 5px;}
#burgernav {top: -31px;}
.swithTheme {top: -42px;}
#menu > ul {width: 430px;}
.banner .caption {top:0px !important;width: 56% !important;}
.banner h3 {font-size: 18px;line-height: 23px;}
.banner h3 span {font-size: 22px;line-height: 29px;}
#homeslider .ls-slide-1 .caption {left: 16px !important;top: -20px !important;}
.banner {margin-top: 37px;}
.btm-mnu {left: 144px;width: 40%;}
#homeslider .ls-slide-1 .caption h3 span{font-size: 17px;line-height: 24px;}
.banner ul li {width: 46%;}
footer .footer-grid { width: 48%;margin-bottom: 15px;}
 footer .footer-grid:nth-child(2):after{display:none;}
footer .footer-grid:last-child {width: 100%;border-top: 1px solid #fff;margin-top: 11px;padding-top: 5px;}
#Projects .proJList {width: 100%;min-height: inherit;margin-right: 0px;}
#Projects img {width: 30%;}
#Articles .pull-left {width: 100%;}
#Articles .pull-right {padding: 0px 0px;border-left: 0;float: left !important;margin-left: 10px;}
#Articles:before {top: 20%;width: 90%;left: -200px;-webkit-transform: skewX(338deg);-moz-transform: skewX(338deg);-ms-transform: skewX(338deg);transform: skewX(338deg);}
.waveshape {bottom: -40px;}
.mblmnu .dropdown-menu {width: 435px;}
.innerTitle h3 {font-size:23px;}
section h3 {font-size: 32px;}
#Projects {padding: 15px 4% 15px;}
#Projects.proj-blk {padding: 0px 0% 0px;}
.banner .btn-style {padding: 5px 10px;}
#About:before {top: 65%;}
#About.abt-blk {padding: 25px 3% 70% !important;}
#topmnu ul {width: 100%;}
.innerTitle.fixed {margin-top:56px;}
#visionblk .list .content {padding-left: 10px;padding-top: 40px;}
#visionblk .list .rtimg {top: 70px;left: 36%;width: 100px;height: 100px;position: relative;margin-top: -80px;}
#visionblk .list {margin-bottom: 65px;}
#Articles .center {width: 105%;}
#Projects.projectNew:before {right: -32px;}
#Projects.projectNew .research .proJList {width: 98%;margin-left: 5px;}
#Projects.projectNew .research .proJList:nth-child(odd) {margin-top: 0;}
#Projects.projectNew .research .proJList{padding: 15px 5px 20px;}
#Projects.projectNew img {width: 20%;}
#Projects.projectNew .research .proJList .rtcntnt {width: calc(100% - 90px);}
#Projects.projectNew .research .proJList:nth-child(2) {margin-top: 0;}
#Projects.projectNew .center {padding: 0px 10px;}
ul.accordion-list li h3 {padding: 0px 28px 10px 0px;font-size: 16px;}
.btm-mnu .dropdown-menu {left: -14px !important;width: 455px;}
.btm-mnu .dropdown-menu:before {left: 159px !important;} 
.btm-mnu li:nth-child(2) .dropdown-menu {left: -40px !important;}
.popover-body {right: -128px;width: 450px;}
.ArticleSubpage div.pull-left img,#Articles .ArticleSubpage div.pull-left h6 {display: none;}
.ArticleSubpage div.pull-left .left {width: calc(100% - 0px) !important;padding: 10px !important;}
#Environment img {width: 60%;}
.progress-bar-container {top:57px;} 
#Projects.projectNew .research {width: 98%;}
#Environment.hmeSustain ul li {min-height: 90px;}
#About.problemstmt-page .themetitle {min-width: 80%;}
.prblmstmt-one .bottom .right a {white-space: nowrap;font-size: 12px;}
#About:after {height: 36%;}
.aboutSecond:after {height: 70%;}
.abt-blk .abtlistProduct.coloricon li a span {margin-top: 7px;}
#About .right .aditsocial {width: calc(100% - 145px);}
#Projects.proj-blk .center .right img {width: 100%;}
.bottomList li .cntnt {width: 100% !important;}
.bottomList li img {float: none;width: 40%;margin: 0 auto;}
.bottomList li:last-child img {width: 60%;}
.bottomList li:after{display: none;}
.RoiList li:nth-child(3) .fa-long-arrow-right {right: 70%;}
#About.HmeAbt .right .aditsocial {width: 65%;}
#About.HmeAbt:before {background-size: 99% !important;top: 56%;}
#Projects.projectNew .research {margin-top: 0px;}
#Environment.hmeSustain ul li strong {margin-top: 1px;}
.article-left {padding: 15px 15px;}
}
/*Media Screen 482*/
@media screen and (max-width:482px) {
.mblmnu .dropdown-menu {width: 355px;margin-top: -1px;}
.banner .caption {width: 50% !important;}
.banner h3 span {font-size: 15px;line-height:20px;}
#About:before {top: 70%;right: 23%;width: 55%;height: 65%;} 
.breadcrumb,#Projects p {width: 100%;}
.banner h3 {font-size: 14px;line-height: 25px;}
.banner ul li {width: 100%;height:auto;margin-bottom: 15px;min-height: auto;}
.banner ul li h4 {font-size: 21px;margin-top: 10px;}
.banner ul li img {width: 20%;}
nav#menu .dropdown-menu {width: 345px;}
.banner ul {left: 0px;width: 90%;padding-left:0px;}
#Articles .left {width: calc(100% - 68px);}
.innerTitle h3 {font-size:25px;}
#About.abt-blk {padding: 25px 3% 80% !important;}
#Articles h6 {top: 6px;}
#burgernav {top: -30px;}
.swithTheme {top: -36px;}
#menu > ul {width: 365px;}
.banner .ls-slide-1 h3 {font-size: 15px;line-height: 20px;}
#homeslider .ls-slide-1 .caption h3 span {font-size: 15px;line-height: 20px;}
.banner .caption {top: -7px !important;}
#Articles .slider-nav .slick-slide .pull-left:before {top: -38px;height: 36%;width:120px}
#Articles .slider-nav .slick-slide .left {margin-left: -15px;width: calc(100% - -23px);padding-left: 0px;}
.banner .ls-slide-1 .caption:after {width: 600px;}
#homeslider .ls-slide-2 .caption {top: -13px !important;}
.btm-mnu {left: 110px;width: 45%;}
.btm-mnu .dropdown-menu {left: -6px !important;width: 390px;}
.btm-mnu .dropdown-menu:before {left: 120px !important;}
.popover-body {right: -106px;width: 390px;}
.innerTitle.fixed {margin-top: 53px;} 
.progress-bar-container {top: 50px;}
.upcoming-events .events_content {padding-left: 0;}
.productN1 .left:after {width: 140px;height: 140px;left: 22%;} 
.productN1 .left:before {width: 145px;height: 145px;left: 21%;}
#faq .themetitle {font-size: 24px;}
.innerTitle h3 {font-size: 18px;}
.innerTitle.fixed #topmnu {width: calc(100% - 83px) !important;}
.videoanim {height: 40px;width: 40px;line-height: 40px;font-size: 20px;padding: 11px 15px;}
#Projects.proj-blk #stmtproblemtabs li a {width: 95px;height: 95px;}
#problemStmt h3.themetitle {max-width: 280px;}
#About:after {height: 31%;}
.abtlistProduct li {margin-right: 5px;}
.abtlistProduct {margin:0px 0px 10px 0px;}
.aboutSecond:after {height: 80%;}
#About .right .aditsocial {width: calc(100% - 54px);}
.about-values li .vsnpic {width: 22%;}
.linkviseRoi img {width: 100%;}
.abtlistProduct.coloricon li a span {font-size: 12px;}
.middle-cntnt {width: 100%;}
#Projects.proj-blk .center .left .subtext {font-size: 19px;line-height: 27px;}
#Projects.proj-blk .center .left .subtext span {font-size: 22px;}
.RoiList >li:nth-child(2) {width: 60%;}
.RoiList >li:nth-child(1) {width: 25%;}
.RoiList li:nth-child(2) .fa-long-arrow-right {top: 112%;right: 36%;}
#About.HmeAbt .right .aditsocial {width: 82%;margin-top: 16px;}
#About.HmeAbt:before {top: 58%;right: 25%;width: 52%;height: 45%;}
#About.HmeAbt .right img,#About.abt-blk .right img {width: 45%;}
#Articles h3 {
    margin-bottom: 10px;
    max-width: 108px;
}
}
/*Media Screen 400*/
@media screen and (max-width:400px) {
.popover-open .popover-body {width: 360px;right: -103px;}
#About.abt-blk {padding:25px 3% 105% !important;}
#menu > ul {width: 350px;}
.btm-mnu {left: 90px;width: 46%;} 
.btm-mnu .dropdown-menu {left: -12px !important;width: 358px;}
.btm-mnu .dropdown-menu:before {left: 98px !important;}
.btm-mnu li:nth-child(2) .dropdown-menu:before {left: 124px !important;}
.innerTitle {margin-top: 42px;}
.breadcrumb ul li a {padding: 5px 5px;font-size: 15px;}
.btm-mnu li:nth-child(2) .dropdown-menu {left: -27px !important;}
#homeslider .ls-slide-1 .caption {left: 30px !important;top: 10px !important;width: 51% !important;}
section h3 {font-size: 25px;}
.themetitle {max-width: 125px;}
.about-vision .rtside .themetitle {max-width: 290px;} 
.innerTitle.fixed {margin-top: 40px;}
#Environment ul li p, .sustainList li p {width: calc(100% - 55px);}
.productN1 {width: 100%;margin-left: 0px;padding: 5px;}
.banner .caption {width: 58% !important;}
.banner h3 {font-size: 15px;line-height: 21px;}
.banner h3 span {font-size: 18px;}
.progress-bar-container {top: 43px;}
#Environment.hmeSustain ul li strong {margin-top: 0px;}
#Environment.hmeSustain p {width: 70%;}
#Environment.hmeSustain ul li img {width: 30%;}
ul.accordion-list li h3:after {right: 0px;top: -3px;}
#burgernav {top: -26px;}
.logo img {margin-top: 0px;}
#Environment.hmeSustain ul li {min-height: 70px;}
 #Environment.hmeSustain ul li p{line-height: 23px;font-size: 16px;}
 .productN1 .right h6 {bottom: 30px;font-size: 40px;}
 .productN1 .left {padding: 10px 0px 0px;}
 .productN1:nth-child(even):after {height: 24%;}
 #About:after {height: 30%;}
 .RoiList li:nth-child(3) .fa-long-arrow-right {right: 75%;}
 #About.HmeAbt .right .aditsocial {width: 87%;}
}
 /*Media Screen 378*/
@media screen and (max-width:378px) {
footer .footer-grid{width:100%;}
footer .footer-grid:nth-child(1){border-bottom:1px solid #fff;}
footer .footer-grid:nth-child(1):after{display:none;}
.waveshape {bottom: -31px;}
.btm-mnu .dropdown-menu {left: -16px !important;width: 351px;}
.popover-open .popover-body {width: 343px;right: -94px;}
#homeslider .ls-slide-1 .caption h3 span {font-size: 14px;line-height: 17px;}
.banner .ls-slide-1 h3 {font-size: 15px;line-height: 17px;}
#homeslider .ls-slide-1 .caption {left: 7px !important;top: -18px !important;}
.progress-bar-container {top: 42px;}
#faq .themetitle {font-size: 22px;}
#About:after {height: 19%;right: 26%;width: 50%;}
#About .right .aditsocial {width: calc(100% - 40px);}
#About:before {top: 72%;width: 54%;}
}
/*Media Screen 360*/
@media screen and (max-width:360px) {
.btm-mnu .dropdown-menu {left:-3px !important;width: 344px;} 

}