/*@media (min-width:1392px){
  .main-menu > li > a {
    min-height: auto;
  }
  ul.sub-menu {
    min-height: auto;
    margin-bottom: 20px !important;
  }
}*/
@media (width:1024px) 
{
  .ourbodirectors
  {
    height: 500px;
  }
}
@media (max-width:1024px) 
{
  .ourbusinessslider .owl-stage-outer,.towardsSlider .owl-stage-outer {
    overflow: hidden !important;
  }
  .mobileImg
  {
    position: relative;
  }
  .mobileImg .ourValues, .mobileImg .ourRoadmap,.mobileImg .underTarget
  {
    position: unset;
    opacity: 1;
    overflow: hidden;
    width: 100%!important;
    max-width: 100%!important;
  }
  .towardsSlider.owl-theme .owl-nav
  {
    right: 50px;
  }
  .ourValues .nav-tabs>li>a
  {
    margin-right: 30px;
  }
  .underTargetBg,.ourValuesBg,.ourRoadmapBg
  {
    display: none;
  }
  .ourRoadmap .allHeads h3
  {
    padding-top: 70px;
  }
  .mobileImg
  {
    display: block!important;
  }
}
@media only screen and (max-width: 1280px) and (min-width: 1025px)
{
  .main-menu > li > a {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
    position: relative;
    min-height: 46px;
    display: block;
  }
  ul.sub-menu {
    min-height: 168px;
    margin-bottom: 25px !important;
  }
}

@media (max-width:991px) 
{
  .generateWidth .seprateBoxs:nth-child(1)::after, .generateWidth .seprateBoxs:nth-child(2)::after, .generateWidth .seprateBoxs:nth-child(3)::after{
    display: block;
  }
  .generateWidth .seprateBoxs::after{
    top: -15px;
  }
  .slick-slide:nth-child(1) {
    background-image: url('../images/homepage/mobile-banner-mob-img1.webp');
  }
  .slick-slide:nth-child(2) {
    background-image: url('../images/homepage/mobile-banner-mob-img2.webp');
  }
  .slick-slide:nth-child(3) {
   background-image: url('../images/homepage/mobile-banner-mob-img3.webp');
 }
 .slick-slide:nth-child(4) {
  background-image: url('../images/homepage/mobile-banner-mob-img4.webp');
}
.slick-slide:nth-child(5) {
 background-image: url('../images/homepage/mobile-banner-mob-img5.webp');
}
.atGlance {
  background-image: url("../images/homepage/at-a-glance-mob-img.webp");
}
.commitmentTab {
  background-image: url("../images/homepage/commitment-img.webp");
}
.generativeSlide {
  background-image: url("../images/homepage/generation-capacity-mob-img.webp");
}
.financialYear {
  background-image: url("../images/homepage/financial-year-mob-img.webp");
}
/**/
.commitmentTab .tabsnew{
  display: none!important;
}
.progressBarContainer {
  position: absolute;
  bottom: 32px;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0px 20px;
  padding-bottom: 20px;
  z-index: 99;
  display: none;
}
.slideItem{
  height: 100%;
  display: block;
  align-items: center;
  max-width: 100%;
  width: 100%;
  padding-top: 50px;
}
.progressBarContainer div {
  display: block;
  width: auto;
  padding: 0;
  cursor: pointer;
  margin-right: 20px;
  float: left;
  color: #fff;
}
select#tab_selector{
  font-family: TypeTrust-BreuerText-Bold;
  font-size: 18px;
  width: 100%;
  color: #fff;
  border-radius: 0px;
  margin: 20px 0px;
  padding: 10px 0px;
  appearance: none;
  background: url(../images/header-arrow.png) !important;
  background-repeat: no-repeat !important;
  background-position: 95% 50% !important;
  filter: invert(0);
  border: none;
  border-bottom: 1px solid #fff;
  height: 52px;
  outline: none;
}
select#tab_selector_2 {
  font-family: TypeTrust-BreuerText-Bold;
  font-size: 18px;
  width: 100%;
  color: #fff;
  border-radius: 0px;
  margin: 20px 0px;
  padding: 10px 0px;
  appearance: none;
  background: url(../images/header-arrow.png) !important;
  background-repeat: no-repeat !important;
  background-position: 95% 50% !important;
  filter: invert(1);
  border: none;
  border-bottom: 1px solid #fff;
  height: 52px;
  outline: none;
}
.generateWidth > div {
  min-width: 100%;
}
.generateWidth {
  flex-wrap: wrap;
  padding: 45px 15px;
  gap: 20px;
}
.commitIns {
  display: block;
}
.commitIns > div:nth-child(1) {
  width: 100%;
  padding-right: 0px;
  border-right: 0px solid #fff;
}
.commitIns > div:nth-child(2) {
  max-width: 100%;
  width: 100%;
}
.commitmentTab {
  padding: 35px 0px 0px 0px;
  align-items: start;
}
.genersIns {
  padding: 30px;
}
.generativeSlide {
  height: auto;
  display: block;
  padding: 50px 0px 75px 0px;
}
.imgTxt {
  display: block;
}
.imgTxt > div:nth-child(1) {
  width: 100%;
}
.imgTxt > div:nth-child(2) {
  width: 100%;
  margin-top: 20px;
}
.generateWidth {
  max-width: 100%;
}
.ourRoadMap {
  padding: 50px 0px;
}
.beingAt {
  margin-top: 25px;
}
.thermalBox {
  display: flex;
  gap: 0;
  flex-wrap: wrap;
}
.thermalBox .indTher {
  width: 50%;
}

.thermalBox > .indTher:nth-child(3) {
  width: 100%;
}
.indTher span {
  margin-bottom: 30px;
}
.indTher::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 15px;
  width: 100%;
  height: 1px;
  background-color: #E6E6DE;
}
.leftFootTxt p, .leftFootTxt2 p{
  text-align: center;
}
.indTher::after {
  display: none;
}
.gwCapacity {
  display: block;
}
.indCap p {
  padding: 0px 10px;
  margin-bottom: 10px;
  margin-top: 15px;
}
.anothFlex {
  gap: 15px;
}
.anothFlex h4{
  font-size: 30px;
}
.indTher h5, .indCap h4 {
  font-size: 35px;
  line-height: 40px;
}
.chairmanIns {
  max-width: 100%;
  width: 100%;
  margin-top: 35px;
}
.financialTabs {
  padding: 50px 0px;
  height: auto;
  display: block;
}
.finImgs {
  margin-top: 25px;
}
.footerInner {
  display: block;
  padding: 0px 15px;
}
.footerInner > div:first-child, .footerInner > div:last-child{
  width: 100%;
  margin-bottom: 20px;
}
.d-pdf > a {
  max-width: 100%;
  width: 100%;
  justify-content: space-between;
}
.our-frozytxt p {
  height: auto;
  margin-top: 0;
}
.about-pillerbox.left-brdr-about {
  border-left: 0px solid #969696;
  padding-left: 0;
  border-bottom: 1px solid #969696;
  padding-bottom: 15px;
}

.about-pillerbox {
  margin: 15px 0px 30px 0px;
  border-bottom: 1px solid #969696;
  padding-bottom: 15px;
}
.topic-box {
  border: 1px solid #969696;
  padding: 20px;
  width: 100%;    
  margin-top: 0px;
  margin-bottom: 20px;
}
.sdgs-box {
  width: 100%;
  float: none;
  padding-left: 0px;
}
.energyGlance > div:nth-child(2), .energyGlance > div:nth-child(1) {
  max-width: 100%;
  width: 100%;
}
.energyGlance{
  display: block;
}
.mvBox {
  display: block;
  padding: 30px 20px;
}
.mt125 {
  margin-top: 0;
}
.year-sec .col-md-7 {
  padding-left: 15px;
}
.year-sec .col-md-5 {
  padding-right: 15px;
}
.left-md-40 {
  padding-left: 15px;
}
.oprating-boxx.left-brdr-contxt {
  border-left: 0px solid #969696;
  padding-left: 0px;
  padding-right: 0px;
  height: auto;
  border-bottom: 1px solid #969696;
  padding-bottom: 20px;
}
.oprtng-banner-img {
  margin-bottom: 30px;
  margin-top: 20px;
}
.arrow-btm {
  display: none;
}
.mdl-boxnew {
  height: auto;
}
.bg-lightblue .col-md-6 {
  height: auto;
  margin: 20px;
  padding: 20px 10px;
}
.bg-lightblue {
  padding: 20px;
  margin: 20px 0px;
}
.mdl-boxnew2 {
  height: auto;
}
.mvBox > div {
  width: 100%;
}
.awardsAco {
  display: block;
}
.allAwards {
  margin-top: 30px;
}
.allStateWind {
  display: block;
}
.allStateWind > div {
  width: 100%;
}
.windInd {
  display: block;
  min-height: auto;
}
.windInd > div:nth-child(2) {
  width: 100%;
}
.windInd > div:nth-child(1) {
  width: 100%;
}
.seprateBoxs::after{
  display: none;
}
.seprateBoxs span {
  margin-bottom: 30px;
}
.mapLocation {
  display: block;
}
.mapLocation > div:nth-child(1) {
  width: 100%;
}
.mapLocation > div:nth-child(2) {
  width: 100%;
}
.mapNotes {
  margin-top: 30px;
}
.currentRight {
  display: block;
}
.currentRight > div:nth-child(1) {
  border-right: 0px solid #000;
  padding-right: 0px;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.currentRight > div {
  width: 100%;
}
.currentPlat img {
  margin-bottom: 30px;
}
.thermalInds2 {
  display: block;
}
.topBis {
  width: auto;
}
.futureBox svg{
  margin-bottom: 30px;
}
.futureBox {
  display: block;
}
.sustainabilityBox {
  display: block;
}
.sustainabilityBox > div {
  width: 100%;
}
.sustainabilityBox h5::after, .builtIns h5::after {
  display: none;
}
.sustainabilityBox > div {
  width: 100%;
}
.builtIns {
  display: block;
}
.builtIns > div {
  width: 100%;
}
.allSmall {
  display: block;
}
.allSmall > div {
  width: 100%;
  margin-bottom: 20px;
}
.breakUpRight {
  max-width: 100%;
  width: 100%;
  padding-left: 0px;
  margin-top: 20px;
}
.beyongBox {
  max-width: 100%;
  margin-top: 15px;
}
.allPre {
  display: block;
}
.presenceData {
  width: 100%;
  float: none;
  padding: 20px;
}
.allPre > div:nth-child(1), .allPre > div:nth-child(2), .allPre > div:nth-child(3), .allPre > div:nth-child(4){
  width: 100%;
}
.indBey {
  display: block;
}
.allSmall.brderTpz {
  padding-top: 0px;
}
.allSmall.brderBtmz {
  padding-bottom: 0;
}
.topBis h5 {
  font-size: 60px;
  line-height: 65px;
}
.awardsAco {
  overflow: visible;
  height: auto;
}
.indBey > div:nth-child(1) {
  border-right: 0px solid #000;
  margin-bottom: 30px;
}
.indBey h5 {
  margin: 0px;
}
/* sanni */
.main_item1 {
  background-image: url(../images/banner-img-mob1.png);
}

.main_item2 {
  background-image: url(../images/banner-img-mob2.png);
}

.main_item3 {
  background-image: url(../images/banner-img-mob3.png);
}

.main_item4 {
  background-image: url(../images/banner-img-mob4.png);
}


.main_item6 {
  background-image: url(../images/banner-img-mob5.png);
}

.main_item5 {
  background-image: url(../images/banner-img-mob6.png);
}
.jswHomePage .plusIons::after {
  right: 140px;
  top: 61px;
}
.ndEbita div img.mobSize {
  width: 245px !important;
  margin: 0px auto;
}
img.mobSize {
  width: 245px !important;
  margin: 0px auto;
}
.underTargetBg {
  min-height: 549px;
}
.atGlancePage .targetIn-inner .plusIons::after {
  width: 20px;
  height: 20px;
  right: 120px;
  top: 65px;
}
.ourValues {
  opacity: 1;
  max-width: 100%!important;
  width: 100%!important;
}
.valueTabBody {
  padding: 10px 0px;
}
.valueTabBody p {
  padding-bottom: 0px;
}
.ourbusinessslider .owl-nav button.owl-prev {
  top: unset;
  bottom: 20px;
  left: unset;
  right: 80px;
}
.financialYear {
  width: 100%;
  display: block;
  text-align: center;
  max-width: 100%;
  margin: 0px auto;
  margin-top: 0;
  padding: 50px 0px;
}
.ourRoadmapBg , .underTargetBg{
  background-image: none;
}
.underTarget {
  width: 100%!important;
  max-width: 100%!important;
  opacity: 1;
  height: auto !important;
}
.generationCaps {
  display: block;
  align-items: center;
  gap: 0;
  width: 100%;
}
.generationCaps>div {
  width: 100%;
  padding:20px 0px;
}
.batteryEnergy {
  display: block;
  align-items: center;
  gap: 0;
}
.batteryEnergy>div {
  width: 100%;
  padding: 20px 0px;
}
.ourRoadmap {
  width: 100%!important;
  max-width: 100%;
  opacity: 1;
}
header{
  position: absolute;
}
.performanceslider .owl-stage-outer {
  overflow: hidden!important;
}
.abouttherptban h1 {
  color: #263d8d;
  padding-top: 50px;
}
.inside-banner-text h1 {
  font-size: 30px;
}
.arrow-btm {
  margin-bottom: 0px;
}
.btm-arrow-left a img, .btm-arrow-right a img {
  width: 30px;
}
.btm-arrow-left span {
  padding-left: 5px;
}
.btm-arrow-right span {
  padding-right: 5px;
}
.arrow-btm .col-md-6 {
  width: 50%;
  float: left;
}
.breadTxt {
  padding: 10px 0px 50px 0px;
}
.value3-box p {
  min-height: auto;
}
.pdfclick {
  border: 2px solid #a2a2a2;
  max-width: 100%;
  margin-bottom: 20px;
  width: 100%;
}
.opcontextpg .row {
  display: block;
}
.secondModel {
  padding-top: 0px;
}
.pr-txt {
  padding-right: 0px;
}
.download-pdf {
  padding: 50px 15px 20px 15px;
}
.strategy-banner {
  background-image: url(../images/our-strategy-banner-mob-img.png);
}
.approach-banner {
  background-image: url(../images/our-approach-banner-mob-img.png);
}
.promise-banner {
  background-image: url(../images/our-promise-banner-mob-img.png);
}
.commitment-banner {
  background-image: url(../images/our-commitment-banner-mob-img.png);
}
.finacial-banner {
  background-image: url(../images/financial-year-2023-mob-banner-img.png);
}
.glance-banner {
  background-image: url(../images/mobile-jsw-at-a-glance-banner-img.png);
}
.message-chairman-banner {
  background-image: url(../images/message-from-the-chairman-banner-mob-img.png);
}
.opcontextbanner {
  background-image: url(../images/opcontextbanner-img.png);
}
.business-modal-banner {
  background-image: url(../images/business-modal-banner.png);
}
.creation-box {
  margin-bottom: 30px;
  min-height: auto;
}
#vtab3 .creation-box {
  min-height: auto;
}
.cap-wrap {
  display: block;
  margin-top: 20px;
}
.cap-icon img {
  width: 45px;
  margin-bottom: 10px;
}
.cap-text {
  margin-left: 0px;
}
.capital-wrap {
  padding: 25px 0px 0px 15px;
  border-top: 2px solid #209dd8;
  border-top-left-radius: 30px;
  margin-bottom: 30px;
}
.cap-page-link {
  float: left;
  margin-top: 30px;
  position: relative;
  z-index: 99;
}
.jswPages .cap-text .txtNumber h4 {
  font-size: 34px;
}
.jswPages .allNumbers {
  display: block;
}
.jswPages .allNumbers div {
  width: 100%;
  padding-right: 0px;
}
.faqs-pan .panel-title>a.collapsed::before, .faqs-pan .panel-title>a::before{
  right:0px;
}
.st-box {
  border: 2px solid #fff;
  padding: 15px 10px;
  min-height: auto;
  margin-bottom: 30px;
}
.blue-bg p {
  font-size: 20px;
  line-height: 26px;
}
.blue-bg {
  padding: 20px;
}
.optxticontxt {
  padding: 15px 0px;
}
.hoverImg {
  width: 16.66%;
}
.hoverImg img {
  width: 100%;
  padding: 0px 5px;
}
.hoverAbleImg {
  display: flex;
  gap: 0;
}
.bannerTxts {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 0px;
}
.ourbusinessslider .owl-stage-outer {
  overflow: hidden !important;
}
.towardsSlider .owl-stage-outer {
  overflow: hidden !important;
}

.mainLogo > div:first-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0px solid #fff;
}
.bannerTxts h1 {
  font-size: 35px;
  color: #fff;
  line-height: 1;
}

.chairmanMsg {
  background-image: none;
  height: auto;
  padding: 50px 0px;
  display: block;
}

.backTOtp{
  display: none;
}
.sliderTxtIn {
  padding-left: 0;
}
.sliderTxtIn h3 {
  font-size: 24px;
  margin-bottom: 15px;
}
.allNumbers h4 {
  font-size: 28px;
  margin-bottom: 10px;
  font-family: TypeTrust-BreuerText-Bold;
}
.txtNumber h4 sub {
  bottom: 0px;
  font-size: 20px;
  font-family: TypeTrust-BreuerText-Bold;
}
.businessLabel{
  display: none;
} 
.ourbusinessslider .owl-nav button.owl-next {
  top: unset;
  bottom: 20px;
}
.towardSec {
  padding: 50px 0px;
}
.towardsSlider.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  right: 15px;
  bottom: -35px;
}
.towardsIn h3 {
  font-family: TypeTrust-BreuerText-Regular;
  font-size: 28px;
}
.towardsIn h4 {
  font-size: 18px;
  font-family: TypeTrust-BreuerText-Regular;
}

.annualReportIn {
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 27%);
  max-width: 100%;
  display: flex;
  margin: 0px auto;
  justify-content: center;
  padding: 10px;
  border-radius: 25px;
  position: relative;
  margin-bottom: 40px;
  margin-top: 70px;

}

.annualReportIn::before {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  top: -21px;
  background-image: url('../images/book-img.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 150px;
  height: 102px;
}

.bookImg {
  display: flex;
  padding-left: 110px;
}
.allHeads h3 {
  font-size: 28px;
  color: #20398f;
  line-height: 1;
}
.atGlance h4 {
  font-size: 20px;
  font-family: TypeTrust-BreuerText-Medium;
  padding: 10px 0px;
}
.atGlance {
  text-align: center;
  max-width: 100%;
  display: block;
  margin: 0px auto;
  padding: 50px 0px;
}
.ourValues .allHeads h3 {
  padding-top: 0;
  font-size: 25px;
  text-align: center;
  margin-bottom: 0px;
  font-family: TypeTrust-BreuerText-Bold;
}
.ourValuesBg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 380px;
  background-image: none;
  position: relative;
}
.fullPageBg {
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  width: 100%;
  min-height: auto;
  background-attachment: unset;
  padding-bottom: 50px;
  background-color: #fff;
}
.ourRoadmap {
  background-color: #fff;
  display: inline-block;
  padding: 0px 0px 50px 0px;
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 27%);
}
.insideGape {
  padding: 0px;
}

.financialYear {
  width: 100%;
  display: block;
  text-align: center;
  max-width: 100%;
  margin: 0px auto;
  margin-top: 0;
  padding-top: 50px;
}
.financialYear .allHeads h3 {
  font-size: 28px;
}
.ourValues {
  background-color: #fff;
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline-block;
  width: 100%;
  padding: 50px 0px;
}
.underTarget {
  background-color: #ecebe6;
  width: 100%;
  display: inline-block;
  padding: 50px 0px;
}
.fy2023 {
  display: block;
  gap: 0px;
}
.listBlue {
  padding-left: 15px;
}
.pavingGrowth {
  display: block;
  gap: 0px;
}
.targetIn p {
  margin-bottom: 15px;
  line-height: 22px;
}
.ndEbita {
  display: block;
  align-items: center;
  gap: 0px;
}
.ndEbita div {
  width: 100%;
}
.ndEbita div img {
  width: 100% !important;
  margin: 20px auto;
}
.ourRoadmapIn {
  padding-left: 0px;
  padding-right: 0px;
}
.smallTxts {
  font-size: 11px !important;
  margin-top: 10px;
  line-height: 16px;
}
.ourRoadmap .allHeads h3 {
  font-size: 28px;
  text-align: center;
  font-family: TypeTrust-BreuerText-Medium;
}

.ndEbita h4 {
  font-size: 25px;
  text-align: center;
  color: #20398f;
  margin-bottom: 30px;
  border-top: 2px solid #b2d8e5;
  display: inline-block;
  padding-left: 15px;
  border-top-left-radius: 25px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  padding-top: 5px;
  font-family: TypeTrust-BreuerText-Bold;
  padding-right: 50px;
}
.ourRoadmap h4 {
  color: #878787;
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px;
}
.chairmanMsg h3 {
  font-size: 28px;
  color: #fff;
  line-height: 1;
  margin-bottom: 20px;
  margin-top: 20px;
}
.chairmanMsg p {
  font-size: 18px;
  line-height: 1;
  color: #fff;
}
.chairmanMsg h3,.chairmanMsg p,.chairmanMsg a
{
  color: #000;
}
.posDes p span {
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
}
.chairmanMsg a {
  font-size: 16px;
}
}


@media (max-width:767px) {

}
@media only screen and (max-width: 1023px) and (min-width: 768px)
{

}
@media (max-width:767px) {

/**/
.footerLinks ul.list-inline > li {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.footerLinks ul li:first-child , .footerLinks ul li:last-child {
  padding-left: 0px;
}
.socilaMedia ul {
  padding-left: 5px;
}
.socilaMedia {
  float: left;
}
.downloadI a {
  color: #fff;
  font-size: 14px;
  font-family: krub-regular;
}
.downloadI a {
  color: #fff;
  font-size: 15px;
  font-family: krub-regular;
}
.backTop a {
  color: #fff;
  font-size: 15px;
  font-family: krub-regular;
}
.downloadI a img {
  margin-left: 5px;
  width: 13px;
}
.backTop a img {
  margin-left: 5px;
  width: 13px;
}
.my-sidenav {
  width: 0px;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  left:0;
  overflow-x: hidden;
  z-index: 999999999;
  height: 100vh;
  max-width: 0px;
  width: 100%;
  background: linear-gradient(45deg,#18499e,#f84036 100%);
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
.text-right.mbllft
{
  text-align: left!important;
  margin-top: 20px!important;

}

.my-sidenav>ul {
  padding: 0px 20px 0px;
}
.my-sidenav>ul>li>ul {
  margin-top: 0px;
  display: none;
}
.my-sidenav ul.submenu li ul.submenu {
  display: none;
  position: static;
  width: 100%;
}
.my-sidenav ul {
  list-style-type: none;
  padding-left: 15px;
}
.my-sidenav ul li
{
  border-bottom: 1px solid #ffffff;
  padding: 15px 0px;
}

.my-sidenav > ul > li > ul >li
{
  border-bottom: 1px solid #ffffff;
  padding: 10px 0px;
}
.my-sidenav > ul > li > ul >li:last-child, .my-sidenav ul.submenu li ul.submenu li:last-child
{
  border-bottom: 0px;
}
.my-sidenav ul.submenu li ul.submenu li {
  border-bottom: 1px solid #ffffff;
  padding: 10px 10px;
}
.my-sidenav ul.submenu li ul.submenu li a {
  color: #ffffff;
  font-size: 16px;
}

.cross-btn1 {
  text-align: right;
  padding: 16px 14px 0px 0px;
  color: #fff;
  font-size: 35px;
  cursor: pointer;
}
.my-sidenav .submenu-indicator-minus .submenu-indicator {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.my-sidenav .submenu-indicator {
  font-size: 30px;
  position: absolute;
  line-height: 25px;
  right: 15px;
}
.my-sidenav > ul > li > a {
  color: #ffffff;
  font-size: 16px;
  display: block;
  padding-right: 20px;
}
.my-sidenav>ul>li>ul>li>a {
  color: #ffffff;
  font-size: 14px;
}
.my-sidenav>ul>li>ul>li>a img
{
  padding-right: 10px;
  float: right;
}
/*  end  */

}

@media (max-width:480px) 
{

}
@media (max-width:420px) 
{

}
@media (max-width:380px) 
{
}
@media (max-width:360px) 
{

}