body, html {background-color: #f3f3f3 !important;font-family: Roboto;height: 100%}       
.perpetuafont{font-family:Perpetua Titling MT !important}
h1 {letter-spacing: 8px;}
h5{letter-spacing: 3px;}
.darkborder{border-color:#000 !important}
.top-nav-collapse {background-color: #78909c !important;}
.navbar:not(.top-nav-collapse) {background: transparent !important;}
.img-responsive{height:auto !important;max-width:100% !important}
.bordergreybtm {border-bottom: 2px solid #efefef !important;}
.top-nav-collapse {background-color: #ffffff !important;}
.centeralignbtncss {justify-content: center !important;display: block;}
.backtotopfont {font-size: 40px;color: #009b3f;}
.feetablepadd {padding: 0.75rem 1.1rem !important}
.contactcardpadd{padding:40px !important}
.steps div:hover {background-color: #07a74f;cursor:pointer !important}
.steps div:hover::after {border-left-color: #07a74f;}
.cursorpointer{cursor:pointer !important}
.backgroundwhite {background: url(/Content/img/bg.png);background-repeat: no-repeat;background-position: center;background-color:#fff !important;background-size:40%}
.backgroundgrey {background: url(/Content/img/bg.png);background-repeat: no-repeat;background-position: center;background-color: #f3f3f3 !important;background-size: 50%}
.headingtextmain{font-size:18px !important;color:#fff !important}
.fixed-top .paddingclass {padding-top: 20px !important}
.fixed-top.top-nav-collapse .paddingclass {padding-top: 0 !important}
@media (min-width: 1920px) {
header, .view {height: 100%;}
.hr-light {border-top: 3px solid #fff;width: 80px;}
#jarallax-container-0 div{background-position: 50% 50% !important;background-size: 100% 100% !important;background-repeat: no-repeat !important;}
.headingtext{letter-spacing: 4px !important;font-size: 45px !important;color: #000 !important;}
.subheadingtext{letter-spacing: 2px !important;font-weight: 400;font-size: 40px !important;color: #009b3f !important;}
.subdetailtext{font-size: 18px !important; color: #000 !important;letter-spacing: 1px;line-height: 35px;font-weight: 400;}
.hr-customlight{border-top: 3px solid rgb(0, 155, 63);visibility: visible;animation-delay: 0.4s;position: absolute;margin-top: 0px !important;margin-bottom: 5px !important;width: 58px !important;}
.paddingclass{padding: 2.4rem 17rem !important;}
.linespacingimage{height:65px !important}
.centeralligntext{text-align: center !important;font-size: 40px !important;margin: 60px 112px !important;}
.cardtext{font-size: 16px !important;text-align: left;color: #000 !important;}
.homeosection{background-image: url(../../Content/img/landingpage/banner2.jpg) !important;visibility: visible !important;background-position: center !important;background-size: contain !important;animation-name: fadeIn !important;animation-delay: 0.3s !important;}
.backgrouncontactimg{background-image: url(../../Content/img/landingpage/contactbg.jpg) !important;visibility: visible !important;background-position: center !important;background-size: cover !important;animation-name: fadeIn !important;animation-delay: 0.3s !important;}
.cardicon{height:40px !important}
.greenborderpad{padding: 20px !important;border: 1px solid #009b3f !important;}
.boxshadowcard{-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;}
.smallicon{height:18px !important}
.lineheight{line-height:1.3 !important}
.footericon{height:20px !important}
.footercontacttext{font-size: 22px;font-weight: 400;line-height: 1.3;}
.btnblockres{position: absolute !important;top: 0 !important; text-align: right !important;}
.btnpadding{width: 150px !important;padding: 9px 0 !important;}
.bannertitlefont{font-size:40px !important}
.btnpaddingclasses {padding:0 15rem !important;}
.navbar.scrolling-navbar{padding-top:0px;box-shadow:none !important}
.footertext{font-size:18px !important}
.feetablepadd {padding: 0.75rem 2rem !important}
.imglogobnr {height: 230px !important}
.img-responsive.custom1920img {height: auto !important;max-width: 70% !important;}
.bannersubtitlefont {font-size: 30px !important}
.navbarlogo{height:80px !important;width:90px !important}
.navbar:not(.top-nav-collapse) .navbarlogo {display: none !important;}
.top-nav-collapse .navbarlogo {display: inline-block !important}
.breadcrumb {list-style: none; overflow: hidden; font: 18px Sans-Serif;}
.breadcrumb div a {color: white;text-decoration: none; padding: 10px 0 10px 55px;background: brown; background: hsla(34,85%,35%,1); position: relative; display: block;float: left;}
.breadcrumb div a:after { content: " "; display: block; width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid hsla(34,85%,35%,1);position: absolute;top: 50%;margin-top: -50px; left: 100%;z-index: 2; }	
.breadcrumb div a:before {content: " "; display: block;width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #f3f3f3;position: absolute;top: 50%;margin-top: -50px; margin-left: 1px;left: 100%;z-index: 1; }
.breadcrumb div a:hover { background: hsla(34,85%,25%,1); }
.breadcrumb div a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }
.steps div{padding: 5px 5px 5px 30px; border-right: 10px solid #f3f3f3; }
.steps div a {color:#fff !important;font-size:16px !important;font-weight:400 !important}
.steps div::before {position: absolute;top:0;left:0;border-left: 25px solid #f3f3f3;border-top: 40px solid transparent; border-bottom: 40px solid transparent; width: 0;height: 0;content: " ";}
.steps div::after {z-index: 1;position: absolute;top: 0;right: -25px;border-left: 25px solid #aebe77; border-top: 40px solid transparent; border-bottom: 40px solid transparent; width:0;height:0;content: " ";}
.steps div { background-color: #aebe77; }
.steps div::after { border-left-color: #aebe77; }
.fontsize45{font-size:50px !important}
.btnpadding.titletextmain{width:200px !important}
.benevoloenttext {font-size: 35px !important;font-weight: 500 !important}
.hbssscardtext{font-size:20px !important}
}
@media only screen and (min-width : 1280px) and (max-width: 1919px) {
header, .view {height: 100%;}
.hr-light {border-top: 3px solid #fff;width: 80px;}
#jarallax-container-0 div{background-position: 50% 50% !important;background-size: 100% 100% !important;background-repeat: no-repeat !important;}
.headingtext{letter-spacing: 4px !important;font-size: 45px !important;color: #000 !important;}
.subheadingtext{letter-spacing: 2px !important;font-weight: 400;font-size: 40px !important;color: #009b3f !important;}
.subdetailtext{font-size: 18px !important; color: #000 !important;letter-spacing: 1px;line-height: 35px;font-weight: 400;}
.hr-customlight{border-top: 3px solid rgb(0, 155, 63);visibility: visible;animation-delay: 0.4s;position: absolute;margin-top: 0px !important;margin-bottom: 5px !important;width: 58px !important;}
.paddingclass{padding: 2.4rem 11rem !important;}
.linespacingimage{height:65px !important}
.centeralligntext{text-align: center !important;font-size: 40px !important;margin: 60px 112px !important;}
.cardtext{font-size: 16px !important;text-align: left;color: #000 !important;}
.homeosection{background-image: url(../../Content/img/landingpage/banner2.jpg) !important;visibility: visible !important;background-position: center !important;background-size: contain !important;animation-name: fadeIn !important;animation-delay: 0.3s !important;}
.backgrouncontactimg{background-image: url(../../Content/img/landingpage/contactbg.jpg) !important;visibility: visible !important;background-position: center !important;background-size: cover !important;animation-name: fadeIn !important;animation-delay: 0.3s !important;}
.cardicon{height:40px !important}
.greenborderpad{padding: 20px !important;border: 1px solid #009b3f !important;}
.boxshadowcard{-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;}
.smallicon{height:18px !important}
.lineheight{line-height:1.3 !important}
.footericon{height:20px !important}
.footercontacttext{font-size: 22px;font-weight: 400;line-height: 1.3;}
.btnblockres{position: absolute !important;top: 0 !important; text-align: right !important;}
.btnpadding{width: 150px !important;padding: 9px 0 !important;}
.bannertitlefont{font-size:35px !important}
.bannersubtitlefont{font-size:25px !important}
.btnpaddingclasses {padding: 0 12rem !important;}
.imglogobnr {height: 220px !important}
.navbar.scrolling-navbar {padding-top: 0px ;box-shadow: none !important}
.footertext {font-size: 18px !important}
.navbarlogo {height: 80px !important;width: 90px !important}
.navbar:not(.top-nav-collapse) .navbarlogo {display: none !important;}
.top-nav-collapse .navbarlogo {display: inline-block !important}
.breadcrumb {list-style: none; overflow: hidden; font: 18px Sans-Serif;}
.breadcrumb div a {color: white;text-decoration: none; padding: 10px 0 10px 55px;background: brown; background: hsla(34,85%,35%,1); position: relative; display: block;float: left;}
.breadcrumb div a:after { content: " "; display: block; width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid hsla(34,85%,35%,1);position: absolute;top: 50%;margin-top: -50px; left: 100%;z-index: 2; }	
.breadcrumb div a:before {content: " "; display: block;width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #f3f3f3;position: absolute;top: 50%;margin-top: -50px; margin-left: 1px;left: 100%;z-index: 1; }
.breadcrumb div a:hover { background: hsla(34,85%,25%,1); }
.breadcrumb div a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }
.steps div{padding: 5px 5px 5px 30px; border-right: 10px solid #f3f3f3; }
.steps div a {color:#fff !important;font-size:16px !important;font-weight:400 !important}
.steps div::before {position: absolute;top:0;left:0;border-left: 25px solid #f3f3f3;border-top: 40px solid transparent; border-bottom: 40px solid transparent; width: 0;height: 0;content: " ";}
.steps div::after {z-index: 1;position: absolute;top: 0;right: -25px;border-left: 25px solid #aebe77; border-top: 40px solid transparent; border-bottom: 40px solid transparent; width:0;height:0;content: " ";}
.steps div { background-color: #aebe77; }
.steps div::after { border-left-color: #aebe77; }
.fontsize45 {font-size: 45px !important}
.btnpadding.titletextmain {width: 200px !important}
.benevoloenttext {font-size: 30px !important;font-weight: 500 !important}
.hbssscardtext{font-size:20px !important}
}
@media (max-width:1280px) {
header, .view {height: 100%;}
.hr-light {border-top: 3px solid #fff;width: 80px;}
#jarallax-container-0 div{background-position: 50% 50% !important;background-size: 100% 100% !important;background-repeat: no-repeat !important;}
.headingtext{letter-spacing:2px !important;font-size: 45px !important;color: #000 !important;}
.subheadingtext{letter-spacing: 2px !important;font-weight: 400;font-size: 35px !important;color: #009b3f !important;}
.subdetailtext{font-size: 16px !important; color: #000 !important;letter-spacing: 1px;line-height: 40px;font-weight: 400;}
.hr-customlight{border-top: 3px solid rgb(0, 155, 63);visibility: visible;animation-delay: 0.4s;position: absolute;margin-top: 0px !important;margin-bottom: 5px !important;width: 58px !important;}
.paddingclass{padding: 2.4rem 7rem !important;}
.linespacingimage{height:65px !important}
.centeralligntext{text-align: center !important;font-size: 40px !important;margin: 60px 112px !important;}
.cardtext{font-size: 18px !important;text-align: left;color: #000 !important;}
.homeosection{background-image: url(../../Content/img/landingpage/banner2.jpg) !important;visibility: visible !important;background-position: center !important;background-size: contain !important;animation-name: fadeIn !important;animation-delay: 0.3s !important;}
.backgrouncontactimg{background-image: url(../../Content/img/landingpage/contactbg.jpg) !important;visibility: visible !important;background-position: center !important;background-size: cover !important;animation-name: fadeIn !important;animation-delay: 0.3s !important;}
.cardicon{height:40px !important}
.greenborderpad{padding: 20px !important;border: 1px solid #009b3f !important;}
.boxshadowcard{-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;}
.smallicon{height:18px !important}
.lineheight{line-height:1.3 !important}
.footericon{height:20px !important}
.footercontacttext{font-size: 22px;font-weight: 400;line-height: 1.3;}
.btnblockres{position: absolute !important;top: 0 !important; text-align: right !important;}
.btnpadding{width: 150px !important;padding: 9px 0 !important;}
.bannertitlefont {font-size:35px !important}
.bannersubtitlefont {font-size: 25px !important}
.btnpaddingclasses {padding: 0 7rem !important;}
.imglogobnr {height: 220px !important}
.navbar.scrolling-navbar {padding-top: 0px;box-shadow: none !important}
.footertext {font-size: 18px !important}
.navbarlogo {height: 80px !important;width: 90px !important}
.navbar:not(.top-nav-collapse) .navbarlogo {display: none !important;}
.top-nav-collapse .navbarlogo {display: inline-block !important}
.breadcrumb {list-style: none; overflow: hidden; font: 18px Sans-Serif;}
.breadcrumb div a {color: white;text-decoration: none; padding: 10px 0 10px 55px;background: brown; background: hsla(34,85%,35%,1); position: relative; display: block;float: left;}
.breadcrumb div a:after { content: " "; display: block; width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid hsla(34,85%,35%,1);position: absolute;top: 50%;margin-top: -50px; left: 100%;z-index: 2; }	
.breadcrumb div a:before {content: " "; display: block;width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #f3f3f3;position: absolute;top: 50%;margin-top: -50px; margin-left: 1px;left: 100%;z-index: 1; }
.breadcrumb div a:hover { background: hsla(34,85%,25%,1); }
.breadcrumb div a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }
.steps div{padding: 5px 5px 5px 30px; border-right: 10px solid #f3f3f3; }
.steps div a {color:#fff !important;font-size:16px !important;font-weight:400 !important}
.steps div::before {position: absolute;top:0;left:0;border-left: 25px solid #f3f3f3;border-top: 40px solid transparent; border-bottom: 40px solid transparent; width: 0;height: 0;content: " ";}
.steps div::after {z-index: 1;position: absolute;top: 0;right: -25px;border-left: 25px solid #aebe77; border-top: 40px solid transparent; border-bottom: 40px solid transparent; width:0;height:0;content: " ";}
.steps div { background-color: #aebe77; }
.steps div::after { border-left-color: #aebe77; }
.fontsize45 {font-size: 45px !important}
.btnpadding.titletextmain {width: 200px !important}
.benevoloenttext {font-size: 30px !important;font-weight: 500 !important}
.hbssscardtext{font-size:20px !important}
}
@media only screen and (min-width : 768px) and (max-width: 1024px) {
header, .view {height: 100%;}
.hr-light {border-top: 3px solid #fff;width: 80px;}
#jarallax-container-0 div {background-position: 5% 0% !important;background-size: cover !important;background-repeat: no-repeat !important;}
.headingtext{letter-spacing: 4px !important;font-size: 35px !important;color: #000 !important;}
.subheadingtext{letter-spacing: 0px !important;font-weight: 400;font-size: 30px !important;color: #009b3f !important;}
.subdetailtext{font-size: 14px !important; color: #000 !important;letter-spacing: 1px;line-height: 25px;font-weight: 400;}
.hr-customlight{border-top: 3px solid rgb(0, 155, 63);visibility: visible;animation-delay: 0.4s;position: absolute;margin-top: 0px !important;margin-bottom: 5px !important;width: 58px !important;}
.paddingclass{padding: 3rem !important;}
.linespacingimage{height:65px !important}
.centeralligntext{text-align: center !important;font-size: 30px !important;margin: 20px !important;}
.cardtext{font-size: 16px !important;text-align: left;color: #000 !important;}
.homeosection {background-image: url(../../Content/img/landingpage/banner2.jpg) !important;visibility: visible !important;background-position: center !important;background-size: cover !important;animation-name: fadeIn !important;animation-delay: 0.3s !important;}
.backgrouncontactimg{background-image: url(../../Content/img/landingpage/contactbg.jpg) !important;visibility: visible !important;background-position: center !important;background-size: cover !important;animation-name: fadeIn !important;animation-delay: 0.3s !important;}
.cardicon{height:40px !important}
.greenborderpad{padding: 20px !important;border: 1px solid #009b3f !important;}
.boxshadowcard{-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;}
.smallicon{height:18px !important}
.lineheight{line-height:1.3 !important}
.footericon{height:20px !important}
.footercontacttext{font-size: 22px;font-weight: 400;line-height: 1.3;}
.btnblockres{position: absolute !important;top: 0 !important; text-align: right !important;}
.btnpadding{width: 150px !important;padding: 9px 0 !important;}
.bannertitlefont {font-size: 35px !important}
.bannersubtitlefont {font-size: 25px !important}
.btnpaddingclasses {padding: 0 3rem !important;}
.imglogobnr {height: 220px !important}
.navbar.scrolling-navbar {padding-top: 0px;box-shadow: none !important}
.footertext {font-size: 16px !important}
.navbarlogo {height: 80px !important;width: 90px !important}
.navbar:not(.top-nav-collapse) .navbarlogo {display: none !important;}
.top-nav-collapse .navbarlogo {display: inline-block !important}
.breadcrumb {list-style: none; overflow: hidden; font: 18px Sans-Serif;}
.breadcrumb div a {color: white;text-decoration: none; padding: 10px 0 10px 55px;background: brown; background: hsla(34,85%,35%,1); position: relative; display: block;float: left;}
.breadcrumb div a:after { content: " "; display: block; width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid hsla(34,85%,35%,1);position: absolute;top: 50%;margin-top: -50px; left: 100%;z-index: 2; }	
.breadcrumb div a:before {content: " "; display: block;width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #f3f3f3;position: absolute;top: 50%;margin-top: -50px; margin-left: 1px;left: 100%;z-index: 1; }
.breadcrumb div a:hover { background: hsla(34,85%,25%,1); }
.breadcrumb div a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }
.steps div{padding: 5px 5px 5px 30px; border-right: 10px solid #f3f3f3; }
.steps div a {color:#fff !important;font-size:14px !important;font-weight:400 !important}
.steps div::before {position: absolute;top:0;left:0;border-left: 25px solid #f3f3f3;border-top: 40px solid transparent; border-bottom: 40px solid transparent; width: 0;height: 0;content: " ";}
.steps div::after {z-index: 1;position: absolute;top: 0;right: -25px;border-left: 25px solid #aebe77; border-top: 40px solid transparent; border-bottom: 40px solid transparent; width:0;height:0;content: " ";}
.steps div { background-color: #aebe77; }
.steps div::after { border-left-color: #aebe77; }
.backgroundwhite {background: url(/Content/img/bg.png);background-repeat: no-repeat;background-position: center;background-color: #fff !important;background-size: 100%}
.backgroundgrey {background: url(/Content/img/bg.png);background-repeat: no-repeat;background-position: center;background-color: #f3f3f3 !important;background-size: 100%}
.fontsize45 {font-size: 45px !important}
.headingtextmain {font-size: 14px !important;color: #fff !important;}
.btnpadding.titletextmain {width: 200px !important}
.benevoloenttext {font-size: 30px !important;font-weight: 500 !important}
.hbssscardtext{font-size:16px !important}
}
@media (max-width: 768px) {
header, .view {height: 100%;}
.hr-light {border-top: 3px solid #fff;width: 80px;}
#jarallax-container-0 div {background-position: 5% 0% !important;background-size: cover !important;background-repeat: no-repeat !important;}
.headingtext{letter-spacing: 0px !important;font-size: 35px !important;color: #000 !important;}
.subheadingtext{letter-spacing: 2px !important;font-weight: 400;font-size: 30px !important;color: #009b3f !important;}
.subdetailtext{font-size: 14px !important; color: #000 !important;letter-spacing: 1px;line-height: 25px;font-weight: 400;}
.hr-customlight{border-top: 3px solid rgb(0, 155, 63);visibility: visible;animation-delay: 0.4s;position: absolute;margin-top: 0px !important;margin-bottom: 5px !important;width: 58px !important;}
.paddingclass{padding: 3rem !important;}
.linespacingimage{height:65px !important}
.centeralligntext{text-align: center !important;font-size: 30px !important;margin: 20px !important;}
.cardtext{font-size: 16px !important;text-align: left;color: #000 !important;}
.homeosection{background-image: url(../../Content/img/landingpage/banner2.jpg) !important;visibility: visible !important;background-position: center !important;background-size: cover !important;animation-name: fadeIn !important;animation-delay: 0.3s !important;}
.backgrouncontactimg{background-image: url(../../Content/img/landingpage/contactbg.jpg) !important;visibility: visible !important;background-position: center !important;background-size: cover !important;animation-name: fadeIn !important;animation-delay: 0.3s !important;}
.cardicon{height:40px !important}
.greenborderpad{padding: 20px !important;border: 1px solid #009b3f !important;}
.boxshadowcard{-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;}
.smallicon{height:18px !important}
.lineheight{line-height:1.3 !important}
.footericon{height:20px !important}
.footercontacttext{font-size: 22px;font-weight: 400;line-height: 1.3;}
.btnblockres{position: absolute !important;top: 0 !important; text-align: right !important;}
.btnpadding{width: 150px !important;padding: 9px 0 !important;}
.bannertitlefont {font-size: 35px !important}
.bannersubtitlefont {font-size: 25px !important}
.btnpaddingclasses {padding: 0 3rem !important;}
.navbar.scrolling-navbar {padding-top: 0px;box-shadow: none !important}
.imglogobnr {height: 220px !important}
.footertext {font-size: 16px !important}
.navbarlogo {height: 80px !important;width: 90px !important}
.navbar:not(.top-nav-collapse) .navbarlogo {display: none !important;}
.top-nav-collapse .navbarlogo {display: inline-block !important}
.breadcrumb {list-style: none; overflow: hidden; font: 18px Sans-Serif;}
.breadcrumb div a {color: white;text-decoration: none; padding: 10px 0 10px 55px;background: brown; background: hsla(34,85%,35%,1); position: relative; display: block;float: left;}
.breadcrumb div a:after { content: " "; display: block; width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid hsla(34,85%,35%,1);position: absolute;top: 50%;margin-top: -50px; left: 100%;z-index: 2; }	
.breadcrumb div a:before {content: " "; display: block;width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #f3f3f3;position: absolute;top: 50%;margin-top: -50px; margin-left: 1px;left: 100%;z-index: 1; }
.breadcrumb div a:hover { background: hsla(34,85%,25%,1); }
.breadcrumb div a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }
.steps div{padding: 5px 5px 5px 30px; border-right: 10px solid #f3f3f3; }
.steps div a {color:#fff !important;font-size:14px !important;font-weight:400 !important}
.steps div::before {position: absolute;top:0;left:0;border-left: 25px solid #f3f3f3;border-top: 40px solid transparent; border-bottom: 40px solid transparent; width: 0;height: 0;content: " ";}
.steps div::after {z-index: 1;position: absolute;top: 0;right: -25px;border-left: 25px solid #aebe77; border-top: 40px solid transparent; border-bottom: 40px solid transparent; width:0;height:0;content: " ";}
.steps div { background-color: #aebe77; }
.steps div::after { border-left-color: #aebe77; }
.backgroundwhite {background: url(/Content/img/bg.png);background-repeat: no-repeat;background-position: center;background-color: #fff !important;background-size: 100%}
.backgroundgrey {background: url(/Content/img/bg.png);background-repeat: no-repeat;background-position: center;background-color: #f3f3f3 !important;background-size: 100%}
.fontsize45 {font-size: 40px !important}
.headingtextmain {font-size: 14px !important;color: #fff !important;}
.btnpadding.titletextmain {width: 200px !important}
.benevoloenttext {font-size: 25px !important;font-weight: 500 !important}
.hbssscardtext{font-size:16px !important}
}
@media (max-width: 767px) {
header, .view {height: 100%;}
.hr-light {border-top: 3px solid #fff;width: 80px;}
#jarallax-container-0 div {background-position: 6% 0% !important;background-size: cover !important;background-repeat: no-repeat !important;height: 100vh !important;}
.headingtext{letter-spacing: 0px !important;font-size: 30px !important;color: #000 !important;}
.subheadingtext{letter-spacing: 0px !important;font-weight: 400;font-size: 25px !important;color: #009b3f !important;}
.subdetailtext{font-size: 16px !important; color: #000 !important;letter-spacing: 1px;line-height: 30px;font-weight: 400;}
.hr-customlight{border-top: 3px solid rgb(0, 155, 63);position: relative;margin-top: 5px !important;margin-bottom: 5px !important;width: 40px !important;}
.paddingclass{padding:40px 15px !important;}
.linespacingimage{height:0px !important}
.centeralligntext {text-align: center !important;font-size: 30px !important;margin: 0px 10px !important;}
.cardtext{font-size: 16px !important;text-align: left;color: #000 !important;}
.homeosection {background-image: url(../../Content/img/landingpage/banner2.jpg) !important;visibility: visible !important;background-position: center !important;background-size: cover !important;animation-name: fadeIn !important;animation-delay: 0.3s !important;background-repeat: no-repeat !important}
.backgrouncontactimg{background-image: url(../../Content/img/landingpage/contactbg.jpg) !important;visibility: visible !important;background-position: center !important;background-size: cover !important;animation-name: fadeIn !important;animation-delay: 0.3s !important;}
.cardicon{height:40px !important}
.greenborderpad{padding: 20px !important;border: 1px solid #009b3f !important;}
.boxshadowcard{-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;}
.smallicon{height:18px !important}
.lineheight{line-height:1.3 !important}
.footericon{height:20px !important}
.footercontacttext{font-size: 16px;font-weight: 400;line-height: 1.3;}
.btnblockres{position: absolute !important;top: 0 !important; text-align: center !important;}
.btnpadding{width: 120px !important;padding: 6px 0 !important;}
.bannertitlefont{font-size:25px !important}
.bannersubtitlefont {font-size: 20px !important}
.btnpaddingclasses {padding: 0 10px !important;}
.navbar.scrolling-navbar {padding-top: 7px !important;box-shadow: none !important;background:#fff !important}
.imglogobnr {height: 130px !important}
.footertext {font-size: 14px !important}
.resparagraph {letter-spacing: 0px;text-align: justify;word-spacing: -1px;}
.textcentermobile {text-align: center !important}
.navbarlogo {height: 40px !important;width: 60px !important}
.navbar-brand{margin-right:0 !important}
.navbar:not(.top-nav-collapse) .navbarlogo {display: inline-block !important;}
.top-nav-collapse .navbarlogo {display: inline-block !important}
.breadcrumb {list-style: none; overflow: hidden; font: 18px Sans-Serif;}
.breadcrumb div a {color: white;text-decoration: none; padding: 10px 0 10px 55px;background: brown; background: hsla(34,85%,35%,1); position: relative; display: block;float: left;}
.breadcrumb div a:after { content: " "; display: block; width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid hsla(34,85%,35%,1);position: absolute;top: 50%;margin-top: -50px; left: 100%;z-index: 2; }	
.breadcrumb div a:before {content: " "; display: block;width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #f3f3f3;position: absolute;top: 50%;margin-top: -50px; margin-left: 1px;left: 100%;z-index: 1; }
.breadcrumb div a:hover { background: hsla(34,85%,25%,1); }
.breadcrumb div a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }
.steps div{padding: 5px 5px 5px 40px;}
.steps div a {color:#fff !important;font-size:16px !important;font-weight:400 !important}
.steps div::before {position: absolute;top:0;left:-1px;border-left: 25px solid #f3f3f3;border-top: 40px solid transparent; border-bottom: 40px solid transparent; width: 0;height: 0;content: " ";}
.steps div::after {z-index: 1;position: absolute;top: 0;right: -24px;border-left: 25px solid #aebe77; border-top: 40px solid transparent; border-bottom: 40px solid transparent; width:0;height:0;content: " ";}
.steps div { background-color: #aebe77; }
.steps div::after { border-left-color: #aebe77; }
.fixed-top .paddingclass {padding-top: 0px !important}
.fixed-top.top-nav-collapse .paddingclass {padding-top: 0 !important}
.backgroundwhite {background: url(/Content/img/bg.png);background-repeat: no-repeat;background-position: center;background-color: #fff !important;background-size: 100%}
.backgroundgrey {background: url(/Content/img/bg.png);background-repeat: no-repeat;background-position: center;background-color: #f3f3f3 !important;background-size: 100%}
.fontsize45 {font-size: 30px !important}
.btnpadding.titletextmain {width: 200px !important;}
.benevoloenttext {font-size: 20px !important;font-weight: 500 !important}
.hbssscardtext{font-size:16px !important}
}
@media(max-width:340px) {
header, .view {height: 100%;}
.hr-light {border-top: 3px solid #fff;width: 80px;}
#jarallax-container-0 div {background-position: 6% 0% !important;background-size: cover !important;background-repeat: no-repeat !important;height: 100vh !important;}
.headingtext{letter-spacing: 0px !important;font-size: 30px !important;color: #000 !important;}
.subheadingtext{letter-spacing:0px !important;font-weight: 400;font-size: 25px !important;color: #009b3f !important;}
.subdetailtext{font-size: 16px !important; color: #000 !important;letter-spacing: 1px;line-height: 30px;font-weight: 400;}
.hr-customlight{border-top: 3px solid rgb(0, 155, 63);position: relative;margin-top: 5px !important;margin-bottom: 5px !important;width: 40px !important;}
.paddingclass{padding:40px  15px !important;}
.linespacingimage{height:0px !important}
.centeralligntext {text-align: center !important;font-size: 30px !important;margin: 0px 10px !important;}
.cardtext{font-size: 16px !important;text-align: left;color: #000 !important;}
.homeosection {background-image: url(../../Content/img/landingpage/banner2.jpg) !important;visibility: visible !important;background-position: center !important;background-size: cover !important;animation-name: fadeIn !important;animation-delay: 0.3s !important;background-repeat:no-repeat !important}
.backgrouncontactimg{background-image: url(../../Content/img/landingpage/contactbg.jpg) !important;visibility: visible !important;background-position: center !important;background-size: cover !important;animation-name: fadeIn !important;animation-delay: 0.3s !important;}
.cardicon{height:40px !important}
.greenborderpad{padding: 20px !important;border: 1px solid #009b3f !important;}
.boxshadowcard{-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;}
.smallicon{height:18px !important}
.lineheight{line-height:1.3 !important}
.footericon{height:20px !important}
.footercontacttext{font-size: 16px;font-weight: 400;line-height: 1.3;}
.btnblockres{position: absolute !important;top: 0 !important; text-align: center !important;}
.btnpadding{width: 120px !important;padding: 6px 0 !important;margin:5px !important}
.bannertitlefont {font-size: 25px !important}
.bannersubtitlefont {font-size: 20px !important}
.btnpaddingclasses {padding: 0 10px !important;}
.navbar.scrolling-navbar {padding-top: 7px !important;box-shadow: none !important;background:#fff !important}
.imglogobnr {height: 105px !important}
.footertext {font-size: 14px !important}
.resparagraph {letter-spacing: 0px;text-align: justify;word-spacing: -1px;}
.textcentermobile{text-align:center !important}
.navbarlogo {height: 40px !important;width: 60px !important}
.navbar-brand {margin-right: 0 !important}
.navbar:not(.top-nav-collapse) .navbarlogo {display: inline-block !important;}
.top-nav-collapse .navbarlogo {display: inline-block !important}
.breadcrumb {list-style: none; overflow: hidden; font: 18px Sans-Serif;}
.breadcrumb div a {color: white;text-decoration: none; padding: 10px 0 10px 55px;background: brown; background: hsla(34,85%,35%,1); position: relative; display: block;float: left;}
.breadcrumb div a:after { content: " "; display: block; width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid hsla(34,85%,35%,1);position: absolute;top: 50%;margin-top: -50px; left: 100%;z-index: 2; }	
.breadcrumb div a:before {content: " "; display: block;width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #f3f3f3;position: absolute;top: 50%;margin-top: -50px; margin-left: 1px;left: 100%;z-index: 1; }
.breadcrumb div a:hover { background: hsla(34,85%,25%,1); }
.breadcrumb div a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }
.steps div{padding: 5px 5px 5px 40px;  }
.steps div a {color:#fff !important;font-size:16px !important;font-weight:400 !important}
.steps div::before {position: absolute;top:0;left:-1px;border-left: 25px solid #f3f3f3;border-top: 40px solid transparent; border-bottom: 40px solid transparent; width: 0;height: 0;content: " ";}
.steps div::after {z-index: 1;position: absolute;top: 0;right: -24px;border-left: 25px solid #aebe77; border-top: 40px solid transparent; border-bottom: 40px solid transparent; width:0;height:0;content: " ";}
.steps div { background-color: #aebe77; }
.steps div::after { border-left-color: #aebe77; }
.fixed-top .paddingclass {padding-top: 0px !important}
.fixed-top.top-nav-collapse .paddingclass {padding-top: 0 !important}
.backgroundwhite {background: url(/Content/img/bg.png);background-repeat: no-repeat;background-position: center;background-color: #fff !important;background-size: 100%}
.backgroundgrey {background: url(/Content/img/bg.png);background-repeat: no-repeat;background-position: center;background-color: #f3f3f3 !important;background-size: 100%}
.fontsize45 {font-size: 30px !important}
.btnpadding.titletextmain {width: 200px !important;}
.benevoloenttext {font-size: 20px !important;font-weight: 500 !important}
.hbssscardtext{font-size:16px !important}
}