.display{
                display: none;
            }
            .mobile-render{
                width: 30%;
            }
.footer-image-size{
 height:200px;
}
.form-render{width:50%;}
            .mobile-render1{
                width: 20%;
            }
            .main-container{
                width: 90%;
            }
            .mobile-body-text{
                padding: 0 30px 0 30px;
            }
            .mobile-show{
                display: none;
            }
            .footer-vertical-line-desktop{
                border-right: 2px solid #979797;
                padding-left: 20px;
            }
            .footer-container{
                padding: 0 10px 0 10px;
            }
            .yellow-square{
                width: 25px;
                height: 2px;
                display: inline;
                background: #FFC600;
                margin: 0 !important;
                padding: 0 !important;
            }
          .footer-image{
             border-right:2px solid #979797;
            padding:20px;
          }
          .last-column{
            padding-left:20px;
          }
          /*Footer dropdown text styling*/
            .collapsible {
                background-color: #FFFFFF;
                color: #414042;
                cursor: pointer;
                width: 100%;
                border: none;
                text-align: left;
                outline: none;
                font-size: 16px;
              }

              .active, .collapsible:hover {
                background-color: #F8F8F8;
              }

              .content {
                display: none;
                overflow: hidden;
                background-color: #FFFFFF;
              }
          .header-logo{
            padding:15px 0 15px 30px;
            border-top: 2px solid #DCDCDC;
            border-bottom: 2px solid #DCDCDC;
          }
          .body-text-alignment{
           padding:0 30px 0 30px;
          }
.sms-field-width{width:60%;}
.mobile-spacer{padding:36px;}
  .desktop-border{border-right: 2px solid #979797; border-top:0; border-bottom:0;border-left:0;}
.desktop-padding{padding-right:10px}
.newsletter-margins{padding: 0 5% 0 5%;}
            /*Mostly styling is done inline, this block contains the styling classes for reusability*/
            @media only screen and (max-width: 600px) {
.newsletter-margins{padding: 0 5% 0 5%;}
.desktop-padding{padding-right:0}
.form-render{width:90%;}
.sms-field-width{width:100%;}
.br-mobile-hide{display:none;}
.mobile-spacer{padding:20px;}
                /*Footer mobile styling*/
.footer-image-size{
 height:150px;
}
    .desktop-border{border:none; border-bottom:2px solid #979797;}
                .mobile-render{
                    display: block;
                    width: 100%;
                }
                .mobile-hide{
                    display: none;
                }
                .mobile-show{
                    display: block;
                }
                .mobile-render1{
                    display: block;
                    width: 100%;
                }
                .mobile-body-text{
                    padding:0 10px 0 10px;
                }
                .footer-padding{
                    padding: 0 20px 0 20px;
                }
                .footer-vertical-line{
                    border-bottom: 2px solid #979797;
                   padding:10px;
                }
                .footer-vertical-line-desktop{
                    border-right: 2px solid transparent;
                  padding:0;
                }
              .footer-image{
                border-right:2px solid transparent;
                 border-bottom: 2px solid #979797;
                 padding:0;
              }
              .last-column{
                padding:0;
              }
              .header-logo{
            padding:15px 0 15px 10px;
            border-top: 2px solid #DCDCDC;
            border-bottom: 2px solid #DCDCDC;
          }
              .body-text-alignment{
           padding:0;
          }
            }

    .input-span{
                padding:3px;
                transform: translate(-10px, 0px);
                pointer-events: none;
                position:absolute;
                left:10px;
                top:0;
                transition: 0.2s;
                transition-timing-function: ease;
                transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
                opacity:1;
            }
            .input-label{
                margin:20px 0;
                position:relative;
                display:inline-block;
            }
            input:focus + span, input:not(:placeholder-shown) + span {
                opacity:1;
                transform: scale(0.75) translateY(-100%) translateX(-30px);
            }
            .floating-label {
                position: relative; 
            }
            .label-css {
                color: #414042;
                font-size: 14px;
                font-weight: normal;
                position: absolute;
                pointer-events: none;
                left: 5px;
                top: 5px;
                transition: 0.2s ease all;
                -moz-transition: 0.2s ease all;
                -webkit-transition: 0.2s ease all;
            }
    @media only screen and (max-width: 600px) {
        .mobile-render{
        width: 100%;
        display:block;
        }   
    }