/* temporary styles for sample files*/
/*#header, #topNav, #footer{
  display: none;
}
.mppage .sprite{
  background-image: url(http://www.ercot.com/assets/icons.png);
}*/

body {
  background-color: #fff;
}

boxgrid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: stretch;
  clear: both;
  margin-top: 10px;
}
boxgrid .grayBox {
  padding-right: 10px;
}
boxgrid > * {
  margin-top: 10px;
  width: calc(50% - 5px);
  background-color: #eef0f0;
}
boxgrid h6.t3 {
  background: #fff;
}

@media (max-width: 1200px) {
  #mainContainer {
    width: auto;
  }
  #contentContainer {
    width: calc(100% - 220px);
  }
  div.banner {
    width: auto;
  }
  .grd .grd-pad {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
  .grd .grd-pad > * {
    float: none !important;
  }
  .grd .grd-pad .col-6 {
    width: calc(50% - 15px);
  }
  .zoom img {
    /*width: 100%;*/
    height: auto;
    box-sizing: border-box;
    max-width: 100%;
  }
  .box-pp {
    padding: 25px 20px;
    width: auto;
  }
  .gray-block {
    padding: 25px 20px;
  }
  #noticeSearch {
    width: auto !important;
    overflow: visible !important;
  }
  #noticeSearch div {
    display: block !important;
  }
  .grd-pad .project-img img {
    height: auto;
  }
  .alt-row {
    text-align: left;
  }
  .red-alt {
    width: calc(100% - 230px);
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
  }
  .red-alt .narrow,
  .red-alt .wide {
    height: auto !important;
    display: flex;
    align-content: center;
    align-items: center;
    box-sizing: border-box;
  }
  .red-alt .narrow {
    width: 80px;
  }
  .red-alt .narrow img {
    max-width: 100%;
    height: auto;
    padding-top: 0px;
  }
  .red-alt .wide {
    padding: 15px;
    flex-grow: 2;
  }
  .mainContent p img {
    max-width: 100%;
    height: auto;
  }
  .col-100 {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
  }
  .col-50 {
    float: none;
    width: calc(50% - 15px);
  }
  .col-50 .videoBackground {
    width: 100%;
    height: 200px;
  }
  .col-50 .videoBackground iframe {
    width: 100%;
    height: 100%;
  }
  .img-spotlight-2,
  .img-spotlight-2 a {
    position: static !important;
  }
  .cont-blue-btn a {
    margin-bottom: 10px;
  }

  .intPrg-row {
    width: auto;
    max-width: none;
    overflow: visible;
  }
  .intPrg-row-inr {
    padding: 0px;
    width: auto;
    position: static;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
  }
  .intPrg-row-inr .intPrg-c1,
  .intPrg-row-inr .intPrg-c2,
  .intPrg-row-inr .intPrg-c3,
  .intPrg-row-inr .intPrg-c4,
  .intPrg-row-inr .intPrg-c8 {
    padding-left: 0px;
    margin: 0px;
  }
  .intPrg-block.no-border.intPrg-side {
    position: static;
    margin-right: 0px;
  }
  .intPrg-block.block-color {
    margin-top: 0px;
  }
  .block-color:before {
    position: static;
    display: block;
  }
  .intPrg-block {
    padding: 0px;
  }
  .intPrg-hero-img img {
    position: static;
    width: 100%;
    height: auto;
  }
  .intPrg-ct-room img {
    margin: 0px;
  }
  .intPrg-c2 {
    width: calc(50% - 15px);
  }
  .intPrg-row.row-list {
    margin-top: 0px;
  }
  .intPrg-block.block-color {
    width: 100% !important;
    box-sizing: border-box;
    margin-top: 10px;
  }
  .intPrg-c2 .intPrg-block.block-color h3 {
    margin-left: 20px;
  }
  .intPrg-cont-block .solid-btn {
    width: auto;
    max-width: 250px;
    margin-top: 0px;
  }
  .intPrg-gray {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-right: 0px;
  }

  .edp-row {
    width: auto;
    max-width: none;
    overflow: visible;
  }
  .edp-row-inr {
    padding: 0px;
    width: auto;
    position: static;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
  }
  .edp-row-inr .edp-c1,
  .edp-row-inr .edp-c2,
  .edp-row-inr .edp-c3,
  .edp-row-inr .edp-c4 {
    padding: 0px;
    margin: 0px;
  }
  .edp-c2 {
    width: calc(50% - 15px);
  }
  .edp-c4 {
    width: calc(25% - 15px);
  }
  .edp-block {
    position: static;
    padding: 0px;
  }
  .edp-block.edp-video {
    margin: 0px;
  }
  .edp-block.edp-video .edp-block-inr {
    height: 180px;
  }
  .edp-block.edp-video iframe {
    width: 100%;
    height: 100%;
  }
  .block-brd.edp-center {
    width: 100%;
    box-sizing: border-box;
    position: relative;
  }
  .edp-center span.edp-h3 {
    font-size: 16px;
  }
  .edp-cont-block .solid-btn {
    max-width: 100%;
    margin-top: 0px;
  }
  .grd .bio-box {
    margin-top: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
  }
  .grd .bio-box .block-border {
    height: auto;
  }
  .grd .bio-box .block-border [class*="cln-"] {
    float: none;
  }
  .bio-box [class*="cln-"]:last-child .cont-inner {
    padding-left: 0px;
  }
  .original-image.sec-block {
    transform: scale(0.8);
    transform-origin: 0;
  }
  .grd-prg-str .white-logo-edp {
    left: 170px;
    transform: scale(0.6);
  }
  .alm-row-inr {
    left: 0;
    width: auto;
  }
  .alm-row-inr .alm-c1,
  .alm-row-inr .alm-c2,
  .alm-row-inr .alm-c3,
  .alm-row-inr .alm-c4,
  .alm-row-inr .alm-c8 {
    padding: 0px;
  }
  .alm-block {
    padding: 0px;
  }
  .alm-c1 .alm-block.block-img-top img {
    margin: 0px;
    max-width: 100%;
    height: auto;
  }
  .alm-block.no-border {
    left: 0;
  }
  .colorTb {
    zoom: 0.77;
  }
  .titleTB {
    position: static;
    width: auto;
  }
  .alm-c1 .no-border.alm-block-color {
    left: 0;
    top: 0;
  }
  .timeline .alm-gallery-icon,
  .alm-row .timeline:before,
  .timeline .alm-c1:nth-child(even) .alm-gallery-img-block h3::after,
  .timeline .alm-c1:nth-child(odd) .alm-gallery-img-block h3::before {
    display: none;
  }
  .alm-row-inr.timeline {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
  }
  .alm-row-inr.timeline .alm-c1 {
    width: calc(50% - 15px);
    height: auto;
    margin-bottom: 15px;
  }
  .timeline .alm-c1 .alm-gallery-img-block {
    position: static;
  }
  .timeline .alm-gallery-img-block h3 {
    width: auto;
    margin: 0px;
  }
  .timeline .alm-gallery-img img {
    width: auto;
    max-width: 100%;
    height: auto;
  }
  .timeline .alm-txt-center {
    position: static;
  }
  .alm-gray {
    margin: 0px;
    padding: 15px;
  }
  .alm-gray .alm-row-inr {
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    text-align: center;
  }
  .alm-cont-block .solid-btn {
    width: auto;
    max-width: 250px;
    margin: 0px;
  }
  .grd .grd-pad {
    overflow: visible;
  }
  .grd .grd-pad .col-12 {
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    width: 100% !important;
  }
  .grd .grd-pad [class^="col"] {
    margin: 0px;
  }
  .grd .grd-pad .grd-pad [class^="col"] {
    margin: 0 0 15px;
  }
  .grd .grd-pad .grd-pad .col-3 {
    width: calc(25% - 10px);
  }
  .grd .grd-pad .grd-pad .hover-blue-box span.cont-inner {
    width: auto;
    padding: 35px 5px;
    font-size: 11px;
    line-height: 1.2;
  }
  .grd .grd-pad .col-5.timeline {
    display: none;
  }
  .grd .grd-pad .col-7 {
    width: 100%;
  }

  table.weather,
  table.weather tbody {
    display: block;
  }
  table.weather tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
  table.weather tr td.side-tbl {
    width: calc(50% - 40px);
  }
  .weather .side-tbl table,
  .weather .side-tbl tbody,
  .weather .side-tbl tr,
  .weather .side-tbl td {
    display: block;
    height: auto !important;
  }
  .weather table td a {
    display: inline-block;
    max-width: 100%;
    text-align: center;
    margin: 20px 0px;
    box-sizing: border-box;
  }

  table.weathertable {
    margin: 0px;
  }

  .mppage #mainWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
  .mppage #mainWrapper .col {
    width: 33.33%;
    overflow: visible;
    float: none;
  }
  .mppage .boxWrapper {
    margin: 10px 0px 0 0px;
  }
  .mppage select {
    margin-left: 0px;
    box-sizing: border-box;
    max-width: 100%;
  }
  .mppage #contourMap .description {
    width: auto;
    margin: 0px;
    text-align: left;
  }
  .mppage #spotlights img {
    max-width: 100%;
    display: block;
  }
  .mppage #spotlights .looper-inner {
    height: auto;
  }
  .mppage #mast {
    min-height: 0px;
  }
  .mppage #mast .looper-inner {
    height: auto;
  }
  .mppage #mast img {
    display: block;
    width: 100vw;
    height: auto;
  }
  .mppage #contourMap img.update {
    max-width: 100%;
    height: auto;
  }
  .mppage #gridConditions #meter-gauge {
    max-width: 100%;
    height: auto;
  }
  .mppage #todaysOutlook .legend {
    float: none;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: stretch;
    padding-left: 55px;
  }
  .mppage #todaysOutlook .legend ul {
    width: auto;
    flex-grow: 1;
  }
  .mppage .info {
    max-width: 100%;
  }
  .mppage #gridConditions #condition-note {
    max-width: 100%;
  }
}
@media (max-width: 1000px) {
  .content.section.header h4 {
    width: auto;
  }
  #contentWrapper {
    margin-left: 15px;
  }
  boxgrid {
    align-items: flex-start;
  }
  boxgrid > * {
    width: 100%;
  }
  .grd .grd-pad {
    align-items: flex-start;
  }
  .grd .grd-pad [class^="col"] {
    width: 100%;
  }
  .grd .grd-pad .center {
    margin-top: 0px;
  }
  .zoom img {
    position: static !important;
    transform: scale(1) !important;
    box-shadow: none !important;
  }
  #relatedContent h5::after {
    content: "\25b6";
    display: block;
    position: absolute;
    right: 10px;
    top: 11px;
    font-size: 0.7em;
  }
  #relatedContent > * {
    display: none;
  }
  #relatedContent > h5 {
    display: block;
    border-top: solid #fff 1px;
    cursor: pointer;
    position: relative;
  }
  #relatedContent > h5:first-child {
    border-top: none;
  }
  #relatedContent.showRelatedContent h5.rcHead::after,
  #relatedContent.showRSS h5.rssHead::after {
    transform: rotate(90deg);
    top: 10px;
    right: 12px;
  }
  #relatedContent.showRelatedContent > * {
    display: block;
  }
  #relatedContent.showRelatedContent > .rss {
    display: none;
  }
  #relatedContent.showRSS > .rss,
  #relatedContent.showRelatedContent.showRSS > .rss {
    display: block;
  }
  table.issues,
  table.workshops {
    font-size: 13px;
    line-height: 1.2;
  }
  h4.date {
    width: auto !important;
    float: none !important;
  }

  .project-tab-inner .section-board {
    margin: 0 10px 10px;
  }
  .project-tab-inner [class^="section"] .col-4:before {
    display: none;
  }
  .project-tab-inner .col-8 ul {
    margin-left: 0px !important;
    padding-left: 0px;
  }
  .project-tab-inner [class^="section"] [class^="col"] {
    width: 100%;
    display: block;
    margin: 0px;
    border-radius: 0px;
  }
  .project-tab-inner [class^="section"] .col-8 {
    margin: 1px 2px;
    width: calc(100% - 4px);
    border-radius: 12px;
    overflow: hidden;
  }
  .project-tab-inner [class^="section"] .col-4 a {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    height: auto !important;
    padding: 0px !important;
  }
  .project-tab-inner .col-4 img {
    margin: 20px;
  }
  .project-tab-inner .col-4 span {
    text-align: left;
    position: static !important;
  }
  .project-tab-inner .col-4 span br {
    display: none;
  }
  .project-tab-inner .accordion > section .tftable .col-6 {
    width: auto;
    display: block;
    position: static;
  }
  .project-tab-inner .accordion > .accordion-toggle:checked ~ section {
    height: 350px;
  }
  .project-tab-inner .accordion > section .tftable ul {
    padding-bottom: 10px;
  }
  .project-tab-inner [class^="section"] .col-8 ul li a {
    width: auto;
    line-height: 1.1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
  }
  .meetings .cols4,
  .schedule .cols4 {
    columns: 3 10px;
  }
  .ical.subscribe {
    display: block;
    margin: 5px 0px;
  }
  .ical .btn {
    margin-left: 0px;
  }
  table.monthNav,
  table.monthNav tbody,
  table.monthNav tr {
    display: block;
    text-align: left;
  }
  table.monthNav td {
    display: inline-block;
    margin: 2px;
    border-radius: 5px;
    padding: 5px 10px !important;
    border: none !important;
  }
  h1 {
    width: auto !important;
    display: block !important;
  }
  .right_nav {
    display: block !important;
    width: 100% !important;
    text-align: left;
  }
  .sectionTitle {
    clear: both;
  }
  table.zebra {
    width: calc(100vw - 30px) !important;
    font-size: 12px;
    display: block;
    overflow-x: scroll;
    padding-left: 0px !important;
    max-width: 100%;
    line-height: 1.1;
  }
  .grd-pad .project-img img {
    width: 100%;
  }
  .gray-block .cont-blue-btn {
    margin: 0px auto;
    max-width: 250px;
  }
  .grd-pad .col-12 .gray-block h3 {
    margin-bottom: 0px;
  }
  .red-alt {
    width: 100%;
    clear: both;
  }
  .container.accordion .flightHead {
    line-height: 1.1;
  }
  .container.accordion .flightHead .col-1 {
    height: 60px;
  }
  .container.accordion .flightHead span {
    line-height: 1.1;
    transform: rotate(-90deg);
    display: block;
    width: 60px;
    text-align: left;
    position: relative;
    bottom: -20px;
    left: -38%;
  }
  .container.accordion .col-12.section {
    line-height: 1.2;
  }
  .container.accordion .col-12 .section .col-4 {
    padding-bottom: 4px;
  }
  .col-50 {
    width: calc(50% - 10px);
  }
  .col-50 .videoBackground {
    height: 120px;
  }

  .grd {
    overflow: visible;
    max-width: none;
    width: auto;
  }
  .grd .cont-image img {
    max-width: 100%;
    height: auto;
  }
  .grd-career {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
  .grd-career .cln-1-2 .career-txt-center {
    padding-left: 0px;
    padding-right: 0px;
  }
  .grd-career .cln-1-2 .videoBackground {
    width: 100%;
    height: 150px;
  }
  .grd-career .cln-1-2 .videoBackground iframe {
    width: 100%;
    height: 100%;
  }
  .block-brd.edp-center {
    padding: 20px 5px;
  }
  .edp-center span.edp-h3 {
    font-size: 15px;
  }
  .edp-row-inr .edp-c4 {
    width: calc(50% - 15px);
    margin-bottom: 15px;
  }
  .grd .bio-box {
    width: 100%;
  }
  .bio-box .cont-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .grd .bio-box .block-border:before {
    width: 100%;
    left: 0 !important;
  }
  .grd-prg-str-gray .cln-1-2 {
    width: 100%;
    padding: 0px;
    margin-bottom: 10px;
  }
  .grd-prg-str-gray .cln-1-2 .cont-inner {
    padding: 0px !important;
  }

  .grd-prg-str .cln-1-2 {
    width: 100%;
    padding: 0px;
    margin-bottom: 10px;
  }
  .grd-prg-str-block .cln-1-2 .cont-inner {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .grd-prg-str .white-logo-edp {
    transform: none;
    left: 0;
    top: 0;
    position: static;
    width: auto;
  }
  .grd-prg-str [class*="cln-"]:first-child .cont-inner {
    padding-right: 0px;
  }
  .grd-prg-str [class*="cln-"]:last-child .cont-inner {
    padding-left: 0px;
  }
  .grd-prg-str-block [class*="cln-"] .cont-inner {
    padding: 25px !important;
  }
  /*.grd-prg-str .progStr-center-prg{
    text-align: left;
  }*/
  .grd-prg-str .edp-dep .cln-1-2:nth-child(2n) {
    text-align: left;
  }
  .grd-prg-str .cont-block-inr {
    display: flex;
    flex-direction: column;
  }
  .grd-prg-str .edp-dep:first-child {
    order: 2;
  }
  .colorTb {
    zoom: 0.54;
  }
  .grd .grd-pad .grd-pad .col-3 {
    width: calc(50% - 10px);
  }
  .grd .grd-pad .grd-pad .hover-blue-box span.cont-inner {
    padding: 35px 35px;
  }
  .grd .grd-pad:after {
    display: none;
  }
  table.weather tr {
    flex-direction: column-reverse;
  }
  table.weather tr td.side-tbl {
    width: 100%;
    display: block;
  }
  table.weathertable {
    width: 100% !important;
    font-size: 13px;
  }
  .mainContent table.weathertable td,
  .mainContent table.weather tr:nth-child(1) td {
    padding: 5px 8px !important;
  }
  .mainContent table.weathertable td p {
    margin: 0px;
  }
}
@media (max-width: 767px) {
  #leftNav {
    float: none;
    width: auto;
    position: relative;
  }
  #contentContainer {
    width: auto;
    margin-top: 15px;
  }
  #contentWrapper {
    margin-left: 0px;
    margin-right: 0px;
  }
  #leftNav ul li a.d2.main {
    padding: 6px 10px;
  }
  #leftNav ul li a.d3.sub {
    padding: 6px 10px;
  }
  #leftNav ul li a.current {
    border-left-width: 5px;
    padding-left: 5px !important;
  }
  #leftNav::before {
    content: "Menu";
    text-transform: uppercase;
    color: #fff;
    display: block;
    padding: 8px 10px 10px;
    background-color: #5b6770;
    font-weight: bold;
    border-bottom: solid 1px #fff;
    cursor: pointer;
  }
  #leftNav::after {
    content: "\25b6";
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 0.7em;
    color: #fff;
  }
  #leftNav.showLeftNav::after {
    transform: rotate(90deg);
    top: 9px;
    right: 12px;
  }
  #leftNav > ul {
    display: none;
  }
  #leftNav.showLeftNav > ul {
    display: block;
  }

  h1 {
    clear: both;
  }

  /*table.flight, table.flight tbody, table.flight td, table.flight tr{
    display: block;
    width: auto;
  }*/
  table.flight {
    width: calc(100vw - 30px) !important;
    font-size: 11px;
    display: block;
    overflow-x: scroll;
    padding-left: 0px !important;
    max-width: 100%;
    line-height: 1.1;
  }
  table#marketNotices {
    width: calc(100vw - 30px) !important;
    font-size: 12px;
    display: block;
    overflow-x: scroll;
    padding-left: 0px !important;
    max-width: 100%;
    line-height: 1.1;
  }
  /*table.zebra{
    font-size: 12px;
    line-height: 1.1;
  }*/
  th.flightHead {
    line-height: 1.1;
  }
  .project-tab-inner {
    width: auto;
  }
  .project-tab-inner [class^="section"] {
    margin-left: 0px;
    margin-right: 0px;
  }
  .project-tab-inner .accordion > label a {
    font-size: 16px;
    width: auto;
    line-height: 1.1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    min-height: 50px;
    top: 5px;
    padding-right: 50px;
  }

  .popup-pp {
    margin: 5px auto;
    padding: 30px 10px;
    width: calc(100% - 10px);
    box-sizing: border-box;
  }
  .meetings .cols2,
  .schedule .cols2 {
    columns: 1;
  }

  table#tblCalItems {
    font-size: 13px;
    line-height: 1.2;
  }
  #relatedContent,
  #interiorSpotlight {
    display: block;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    width: auto;
  }
  #relatedContent ul {
    padding: 0px 10px;
  }
  #relatedContent ul.rss {
    padding-left: 20px;
  }
  #relatedContent ul i {
    float: none;
    margin-left: 0px;
  }
  #relatedContent ul.rss i {
    margin-left: -15px;
    float: left;
  }
  #relatedContent ul li {
    padding-left: 0px;
  }

  #relatedContent > ul:nth-child(5)::before {
    margin-left: 0px;
  }
  #relatedContent > ul:nth-child(5) li::before {
    display: none;
  }
  .original-image.sec-block {
    transform: scale(1);
    transform-origin: initial;
    zoom: 0.7;
  }
  .colorTb {
    zoom: 0.38;
  }
  .alm-row-inr.timeline .alm-c1 {
    width: 100%;
  }
  .alm-row .colorTb,
  .alm-row .titleTB {
    display: none;
  }
  table.weathertable {
    font-size: 12px;
  }
  .mppage #mainWrapper .col {
    width: 100%;
  }
}
@media (max-width: 650px) {
  .meetings .cols4,
  .schedule .cols4 {
    columns: 2 10px;
  }
  table.zebra {
    font-size: 11px;
  }
  .red-alt {
    flex-direction: column;
  }
  .red-alt .narrow {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .red-alt .narrow img {
    width: 40px;
  }
  .red-alt .wide {
    width: auto;
  }
  .less .content.section.links {
    columns: 1;
  }
  .show.options {
    display: block;
    margin: 5px 0px;
  }
  .container.accordion .flightHead span {
    left: -70%;
  }
  .container.accordion {
    font-size: 12px;
  }
  .col-50 {
    width: 100%;
  }
  .col-50 .videoBackground {
    height: 200px;
  }
  #mainWrapper #contentWrapper table[align="right"] {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
  #mainWrapper #contentWrapper table[align="right"] img {
    margin: 0px auto;
    float: none;
    display: block;
  }
  .cln-1-2,
  .cln-6-12 {
    width: 100%;
  }
  [class*="cln-"]:first-child .cont-inner {
    padding-right: 0px;
  }
  [class*="cln-"]:last-child .cont-inner {
    padding-left: 0px;
  }
  .intPrg-c2 {
    width: 100%;
  }
  .intPrg-block.no-border {
    left: 0px;
  }
  .intPrg-block.no-border h3 {
    text-align: left;
  }
  .edp-row-inr .edp-c2 {
    width: 100%;
    margin-bottom: 15px;
  }
  .grd .grd-pad .grd-pad .col-3 {
    width: 100%;
  }
  #selSection {
    min-width: 0 !important;
    font-size: 10px;
  }
}