.component_showcase{
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
     -moz-box-orient:vertical;
     -moz-box-direction:normal;
          flex-direction:column;
}

@media (min-width:768px){
  .component_showcase{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
       -moz-box-orient:horizontal;
       -moz-box-direction:normal;
            flex-direction:row;
  }
}

.component_showcase .showcase-nav{
  -webkit-box-flex:0;
  -webkit-flex:0 0 25%;
     -moz-box-flex:0;
          flex:0 0 25%;
  margin-bottom:1.875rem;
}

@media (min-width:768px){
  .component_showcase .showcase-nav{
    margin-bottom:0;
  }
}

.component_showcase .showcase-nav .sections{
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
     -moz-box-orient:vertical;
     -moz-box-direction:normal;
          flex-direction:column;
}

@media (min-width:768px){
  .component_showcase .showcase-nav .sections .form-select{
    display:none;
  }
}

.component_showcase .showcase-nav .sections .btn-select{
  display:none;
}

@media (min-width:768px){
  .component_showcase .showcase-nav .sections .btn-select{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
       -moz-box-orient:vertical;
       -moz-box-direction:normal;
            flex-direction:column;
  }
  .component_showcase .showcase-nav .sections .btn-select .label{
    border-radius:0;
    border:none;
    border-bottom:.0625rem solid #404040;
    margin-right:3.125rem;
    line-height:50px;
    line-height:3.125rem;
    padding:0 0 0 1.25rem;
    overflow:initial;
    text-align:left;
  }
  .component_showcase .showcase-nav .sections .btn-select .label:before{
    content:none;
  }
  .component_showcase .showcase-nav .sections .btn-select .label:after{
    content:"";
    position:absolute;
    border-bottom:1.5625rem solid transparent;
    border-top:1.5625rem solid transparent;
    border-left:1.25rem solid red;
    margin-right:-1.25rem;
    right:0;
  }
}

.component_showcase .showcase-content .section{
  display:none;
}

.component_showcase .showcase-content .section .photos{
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
  gap:20px;
  gap:1.25rem;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
     -moz-box-orient:vertical;
     -moz-box-direction:normal;
          flex-direction:column;
}

@media (min-width:768px){
  .component_showcase .showcase-content .section .photos{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
       -moz-box-orient:horizontal;
       -moz-box-direction:normal;
            flex-direction:row;
  }
}

.component_showcase .showcase-content .section .photos .photo{
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
     -moz-box-orient:vertical;
     -moz-box-direction:normal;
          flex-direction:column;
  -webkit-box-align:center;
  -webkit-align-items:center;
     -moz-box-align:center;
          align-items:center;
}

.component_showcase .showcase-content .section .footer{
  border-top:.0625rem solid #404040;
  padding-top:1.875rem;
  margin-top:1.875rem;
}

.fl-builder-content-editing .component_showcase .showcase-content .section{
  display:block;
}
