.form-section {
    width: 350px;
    position: relative;
    float: right;
    display: block;
    background-color: #fff;
    
}
.border-box-1{
    border-radius: 18px;
    padding: 30px 27px 20px 27px;
    background: rgba(238, 244, 255, 0.8);
    border: 1px solid rgba(208, 237, 243, 1);
    background-size: 250px;
    background-position: top right;
    background-repeat: no-repeat;
}
.video-container {
    position: relative;
    /* box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .1); */
    overflow: hidden;
    border-radius: 20px;
}
.video-container .video-btn{
    padding: 0;
    position: relative;
}
body.single-live-demo .video-container {
    text-align: center !important;
}
.single-demo-img-bg{
    position: absolute;
    top: -20px;
    width: 85%;
    left: 8%;
}

.single-demo-img-bg-un-gated {
    position: absolute;
    width: 100%;
}

.video-container iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 400px;
}
.single-live-demo-label{
    display: inline-block;
    border: 1px solid #1337BB;
    border-bottom-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 0px 15px 0px 40px;
    position: relative;
    letter-spacing: 1px;
}
.single-live-demo-label img{
    width: 29px !important;
    position: absolute;
    left: -1px;
    top: -1px;
}
.single-live-demo-label span{
    color: #1337BB;
    text-transform: uppercase;
    font-family: 'Redhat-Regular';
    font-size: 12px;
    position: relative;
    top: -2px;
}
.form-section form::after {
    /*content: "";
    background: transparent linear-gradient(180deg, #21DBAA 0%, #00B4EF 29%, #0768DD 67%, #5F1AE5 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: -1;
    opacity: 0.36;
    filter: blur(25px);
    left:0px;*/
}

.form-section h3 {
    color: #0B0B0B;
    font-family: 'Redhat-Regular';
    font-size: 16px;
    text-align: center;
}

.form-section .gathr-contact-form .checkbox label {
    letter-spacing: normal;
}
.gathr-contact-form .form-group{
    height: 50px;
}
.form-section .form-group  {
    display: table;
}
.form-section .form-group.action-container{
    margin-top: 10px;
}

.form-caution {
    font-size: 10px;
    color: #B7B7B7;
    text-align: left;
    margin-top: 10px;
}
.form-caution a{
    color: #1337BB;
}
.demo-content-main{
    padding-top: 60px;
}
.demo-content-section {
    width: calc(100% - 350px);
    padding: 0px 120px 5px 0px;
    float: left;
    display: block;
}
.single-line-divider{
    position: relative;
    padding-bottom: 50px;
}
.single-ldiv:before {
    content: '';
    /*background: transparent linear-gradient(180deg, #B3D0E330 0%, #B3D0E300 100%) 0% 0% no-repeat padding-box !important;*/
    background: transparent linear-gradient(180deg, #f1faff 0%, #B3D0E300 100%) 0% 0% no-repeat padding-box !important;
    position: absolute;
    top: 0px;
    bottom: 0;
    height: 100%;
    width: 1px;
    left: calc(100% - 410px);
}
.single-ldiv:after{
    content: '';
    background: url(../img/icons/single-arrow-down.svg);
    position: absolute;
    top: 0px;
    height: 30px;
    width: 35px;
    background-size: 100%;
    background-repeat: no-repeat;
    left: calc(100% - 426px);
}

.sidebar.meetgathr-sidebar-block{
    background: #FAFAFA;
    /*border: 0.5px solid #B3D0E350;*/
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
 }
 .meetgathr-sidepad{
    padding-left: 30px;
    padding-right: 30px;
 }

 .sidebar.meetgathr-sidebar-block .subhead {
     font-family: 'Redhat-Regular';
     font-size: 16px;
     margin-bottom: 0;
 }
 .sidebar.meetgathr-sidebar-block .btn-secondary-two-sm:after{
    transform: rotate(0deg);
 }
 .meet-section-btn{
    margin: 10px 0px 20px 0px !important;
 }

.demo-content-section ul{
    margin-bottom: 30px;
}
.demo-content-section h3 {
    font-size: 28px;
    color: #0B0B0B;
    font-family: 'Redhat-Medium';
    margin-bottom: 20px;
}

.demo-content-section h4 {
    font-size: 20px;
    color: #0B0B0B;
    font-family: 'Redhat-Medium';
    margin-bottom: 20px;
    margin-top: 30px;
    line-height: 1.4;
}

.demo-content-section li {
    position: relative;
    padding-left: 25px;
    font-size: 18px;
    margin: 10px 0px;
    font-family: 'Redhat-Regular';
    line-height: 1.6;
    color: #0B0B0B;
}
.demo-content-section li::after {
    content: "";
    background: url(/wp-content/themes/gathr-plus/assets/img/bullet-point-new.svg);
    width: 15px;
    height: 15px;
    display: table;
    background-size: 100% 100%;
    position: absolute;
    top: 6px;
    left: 0px;
}

.demo-content-section p {
    font-family: 'Redhat-Regular';
    font-size: 18px;
    line-height: 1.6;
    color: #0B0B0B;
}
.single-ld-bold-24{
    font-size: 21px;
}

.live-demo-banner {
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    
}
.live-demo-banner h1 {
    font-family: 'Redhat-Semibold';
    color: #0B0B0B;
    line-height: 52px;
    font-size: 44px;
    margin: 25px 0px 0px;
    display: inline-table;
    font-weight: 800;
}

.banner-content span.running-minutes {
    font-size: 14px;
    color: #5f1ebe;
    letter-spacing: 6px;
    display: block;
    margin-bottom: 10px;
}

.running-minutes img {
    margin-right: 10px;
    width:32px;
}

.banner-content p.sub-para{
    color: #0B0B0B;
    font-size: 16px;
    margin-top: 20px;
}

.banner-content .ld-date-right span {
    color: #0B0B0B;
    font-family: 'Redhat-Regular';
    margin: 0px 10px;
    font-size: 14px;
}

.banner-content .ld-date-card {
    margin: 35px 0px;
}

.banner-content #timer {
    color:#804bff;
    display: flex;
}

.banner-content {
    padding: 50px 0px;
}

.banner-content #timer div {
    text-align: center;
    margin:0px 35px 0px 0px;
    font-family: 'Redhat-Medium';
    font-size: 24px;

}

.banner-content #timer span {
    display: table;
    width: 100%;
    font-family: 'Redhat-Light';
    font-size: 12px;
    color:#0B0B0B;
}

.capabilities-pointer {
    display: flex;
    flex-wrap: wrap;
}

.capabilities-pointer li {
    margin:4px;
    font-family: 'Redhat-Light';
    font-size: 14px;
    line-height: 1.6;
    color: #0B0B0B;
    margin-right: 8px;
}

.capabilities-pointer li:after{
    content: "";
    background-image: url(../img/green-check-icon.svg);
    width: 12px;
    height: 12px;
    left: 0px;
    display: block;
    position: absolute;
    top: 5px;
    background-color: transparent;
    background-size: 100% 100%;
}
.live-demos-banner-v1 .breadcrumb-parent{
    margin-bottom: 50px;
}
.breadcrumb-parent {
    display: table;
    float: right;
  }
  .breadcrumb-parent ol {
      margin: 0px;
      font-size: 11px;
      align-items: center;
      vertical-align: middle;
  }
  .breadcrumb-item a {
    color:#0B0B0B;
  }
  .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, ">");
    position: relative;
    right: -4px;
    top: 2px;
    float: none;
    font-size: 14px;
}
.breadcrumb-item a .icon{
    position: relative;
    top: 2px;
}
.breadcrumb-item+.breadcrumb-item{
    padding-left: 0;
}
.live-demos-main{
    margin-bottom: 100px;
}

  .live-demos-listing-main{
    
}
.live-demos-top-banner img{
    width: 180px;
}

.live-demos-listing-main h1.banner-h1{
    font-size: 40px !important;
    color: #0B0B0B;
    background: transparent linear-gradient(98deg, #D28EFF 0%, #FF9C6B 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0px 0px 50px 0px;
}
.live-demos-top-banner p{
    font-family: 'Redhat-Regular';
    font-size: 16px;
}
.live-demo-cards{
    margin-top: 100px;
}
.live-demo-cat{
    position: relative;
    border-radius: 15px;
    padding: 38px 30px 30px 30px;
    padding-bottom: 200px;
}
.livedemo-icon{
    margin-bottom: 20px;
}
.tag-live-demo{
    font-size: 11px;
    color: #001A56;
    text-align: right;
    float: right;
    background: transparent linear-gradient(270deg, rgba(184,254,156,.5) 0%, rgba(184,254,156,.15) 100%) 0% 0% no-repeat padding-box;
    display: inline-block;
    margin-top: -27px;
    padding-bottom: 31px !important;
    padding: 5px 12px 31px 21px;
    border-top-left-radius: 24px;
    font-family: 'Redhat-Medium';
}
.tag-live-demo-t{
    color: #001a56;
    font-size: 9px;
    border: 1px solid #001a5650;
    display: inline-block;
    padding: 4px 14px;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 17px;
}
.live-demo-btn{
    background: #CF1C48;
    display: inline-block;
    color: #fff;
    font-family: 'Redhat-Medium';
    font-size: 10px;
    border-radius: 22px;
    padding: 4px 20px 4px 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.live-demo-btn img{
    margin-right: 2px;
    width: 22px;
}
.livedemo-maincard-title{
    font-family: 'Redhat-Medium';
    font-size: 1.1rem;
    line-height: 1.3;
    margin: 35px 0 15px 0;
    color: #001A56;
    min-height: 75px;
}
.livedemo-maincard-desc{
    font-size: 20px;
    font-family: 'Redhat-Light';
    text-wrap: wrap;
    color: #001A56;
}
.livedemos-main-bottom-img{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.livedemos-filter ul{
    display: flex;
    box-shadow: 0px 0px 30px #CBBAFF90;
    border-radius: 30px;
}
.livedemos-filter ul li.active{
    background: transparent linear-gradient(92deg, #9764F7 0%, #7C47F7 40%, #623BFB 100%);
    border-radius: 30px;
    color: #fff;
}
.livedemos-filter ul li{
    padding: 6px 28px;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    position: relative;
}
.livedemos-filter ul li:after{
    content: '';
    height: 80%;
    width: 1px;
    top: 10%;
    right: 0;
    background: transparent linear-gradient(180deg, #D28EFF00 0%, #D28EFF 48%, #D28EFF00 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    border-radius: 50%;
    opacity: 1;
    display: block;
}
.livedemos-filter ul li:first-child::after,
.livedemos-filter ul li:last-child::after{
    display: none;
}
.head-label-left{
    font-size: 10px;
}
.livedemo-maincard-title b{
    font-family: 'Redhat-Medium';
    font-size: 16px;
    line-height: 1.3;
    margin: 20px 0;
    color: #001A56;
}
.livedemo-maincard-title b:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    top: 55%;
    background: transparent linear-gradient(116deg, #D28EFF 0%, #FF9C6B 100%);
}
.livedemo-tax-child-cards{
    background: #fff;
    position: relative;
    z-index: 1;
}
.livedemo-tax-desc{
    width: 60%;
}
.livedemo-tax-child-cards{
    border: 1px solid #BB8EFF30;
    box-shadow: none;
    padding: 30px 20px 20px 20px;
    border-radius: 10px;
}
.livedemo-tax-child-cards .livedemo-tax-child-head{
    color: #001A56;
    margin-top: 20px;
    margin-bottom: 5px;
    font-family: 'Redhat-Medium';
    line-height: 1.4;
}
.livedemo-tax-child-cards .explore-icon{
    text-align: right;
    margin-top: 20px;
}
.livedemo-tax-child-cards .livedemo-tax-child-thumb{
    width: 100%;
}
.livedemo-featured-cards{
    margin-top: 150px;
}
.livedemo-featured-card{
    background: #ecf5ff;
    padding: 40px 60px;
    border-radius: 10px;
}
.livedemo-featured-card .livedemo-tax-child-head{
    font-family: 'Redhat-Semibold';
    color: #001A56;
    margin-bottom: 30px;
    margin-top: 20px;
    font-size: 22px;
    line-height: 1.4;
}
.livedemo-featured-card-right{
    position: absolute;
    max-width: 85%;
    bottom: 0;
    margin-left: 8%;
}
.livedemo-featured-card .btn-secondary-one{
    background: linear-gradient(#ecf5ff, #ecf5ff) padding-box,linear-gradient(84deg, rgba(196,123,244,.4) 0%, rgba(240,135,83,.4) 100%) border-box;
    padding: 10px 55px 10px 24px;
    font-size: 13px;
}
.livedemo-featured-card .btn-secondary-one:after{
    top: 13px;
    margin-left: 15px;
}
.btn-orange-blue{
    padding: 12px 40px 12px 20px;
    border-radius: 30px;
    font-family: 'Redhat-Regular';
    background: transparent linear-gradient(116deg, #D28EFF 0%, #FF9C6B 100%) !important;
}
.mr-btn-15{
    margin-right: 15px;
}
.btn-orange-blue:after{
    top: 15px;
}
.live-demos-cat-ctas{
    margin-bottom: 80px;
}
.tag-arrow-live-demos{
    background: transparent linear-gradient(270deg, #B8FE9C 0%, #B8FE9C4A 100%) 0% 0% no-repeat padding-box;
    display: inline-block;
    padding: 6px 6px 6px 25px;
    letter-spacing: 3.5px;
    font-size: 11px !important;
    text-transform: uppercase;
    font-family: 'Redhat-Medium' !important;
    position: relative;
}
.tag-arrow-live-demos:after{
    width: 0;
    height: 0;
    right: -11px;
    top:0;
    border-top: 15px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 12px solid #B8FE9C;
    content: '';
    position: absolute;
}
.tag-arrow-live-demos:before{
    width: 0;
    height: 0;
    left: 0;
    top:0;
    border-top: 14px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 12px solid #fff;
    content: '';
    position: absolute;
}
/* .live-demos-banner-v1{
    padding-bottom: 0;
    box-shadow: none;
    background-size: cover !important;
    background-position: center bottom !important;
    position: relative;
    z-index: 0;
} */

.live-demos-banner-v1.ungated:after {
    content: "";
    height: 375px;
    position: absolute;
    width: 100%;
    right: 0;
    background: url(../img/video-page-lines-right.svg);
    background-repeat: no-repeat;
    top: 60vh;
    background-position: right;
    background-size: contain;
    z-index: -1;
}

.live-demos-banner-v1.ungated {
    background: none !important;
}
.live-demos-banner-v1.ungated:before {
    content: "";
    height: 375px;
    position: absolute;
    width: 100%;
    left: 0;
    background: url(../img/video-page-lines-left.svg);
    background-repeat: no-repeat;
    top: 60vh;
    background-size: contain;
    z-index: -1;
}

.anchor-tile {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 9;
}

.live-demos-banner-main{
    background-size: cover !important;
    background-position: bottom center !important;
    padding-bottom: 65px;
}
.single-live-timer{
    color: #1337BB;
    font-family: 'Redhat-Medium';
    letter-spacing: 2px;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-color: #1337BB60;
    text-align: left;
    position: relative;
    display: table;
}

/*.usecase-title {
    color: #001A56;
    font-family: 'Redhat-Medium';
    font-size: 12px;
    letter-spacing: 3px;
    display: table;
    margin-left: 50px;
    background: url(../img/green-path.svg);
    background-size:100%;
    padding: 16px 32px;
    min-width: 250px;
}*/

.blog-list-text .usecase-title {
    margin: 0px 0px 15px;  
}

.blog-list-text .usecase-title span {
    margin: 5px 10px 5px 0px; 
}

.usecase-title span{
    color: #0B0B0B;
    background: #e1ecf4;
    font-size: 11px;
    display: inline-block;
    padding: 6px 10px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    letter-spacing: .5px;
    margin-bottom: 0px;
    font-family: 'Redhat-Regular';
    margin-right: 12px;
}
.single-live-timer span{
    position: relative;
    top: 1px;
}
.single-live-demo h1 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
    text-align: left;
    font-size: 48px;
    line-height: 1.25;
    font-family: 'Redhat-Regular';
}
.single-live-demo h1.single-dem-medium-font{
    font-size: 52px !important;
    width: auto;
    margin: 0px auto;
}

.ld-content-form-section{
    
}
.single-live-demo .form-section .border-box-1 h2{
    font-size: 32px;
    margin-bottom: 30px !important;
    text-align: left;
    font-family: "Redhat-Regular";
}
.single-live-demo .form-section h2{
    color: #0B0B0B;
    display: table;
    width: 100%;
    font-size: 36px;
    margin-bottom: 12px !important;
    text-align: center;
    font-family: "Redhat-Medium";
    margin-top: 10px;
}
.single-live-demo .form-section h3{
    font-family: 'Redhat-Light' !important;
    font-size: 14px;
    font-weight: unset;
    margin-bottom: 11px;
}
.form-section.border-box-1 h2{
    font-family: 'Redhat-Regular';
    text-align: center;
}
.demo-content-main .demo-content-section > h4{
    margin-top: 0;
}
.livedemos-time-select{
    border: 0.5px solid #1337BB;
    margin: 0 15px;
    width: calc(100% - 30px);
    border-radius: 4px;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 25px;
    margin-top: 15px;
    background-color: #ffffff75;
}
.select-tz{
    text-align: left;
    font-size: 9px;
    padding: 0;
    color: #001A56;
    font-family: 'Redhat-Regular';
}
.select-tz div{
    flex-wrap: nowrap;
    display: flex;
    height: 17px;
    align-items: center;
}
.select-tz:checked,
.select-tz:focus-visible,
.select-tz:active{
    border: 1px solid rgba(0,0,0,0) !important;
    box-shadow: none !important;
}
.select-tz.selected .icon-check{
    background: #5F1EBE;
    color: #fff;
    border-radius: 50px;
    padding: 2px;
    font-size: 10px;
    opacity: 1;
}
.select-tz .icon-check{
    background: #001a56;
    color: #fff;
    border-radius: 50px;
    padding: 2px;
    font-size: 10px;
    opacity: 0.2;
    margin-right: 5px;
}
.timezone-name{
    color: #5F1EBE;
    font-family: 'Redhat-Medium';
    width: 60px;
    display: inline-block;
    font-size: 11px;
}
.live-demos-date{
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 11px;
}
.live-demos-date .time-date-live{
    font-family: 'Redhat-Medium';
    margin-right: 8px;
}
.live-demos-date .time-month-live{
    font-family: 'Redhat-Light';
    letter-spacing: 4px;
}
.time-sections .time-separator-ld{
    margin-top: 4px;
}
.time-sections:last-child .time-separator-ld{
    visibility: hidden;
}
.timezone-time{
    letter-spacing: 0.3px;
}
.gathr-contact-form{
    padding: 0 !important;
}
.gathr-contact-form input{
    border-color: transparent;
    border-radius: 6px;
    padding: 10px 12px 10px 30px;
}
.gathr-contact-form label{
    margin-bottom: 10px;
    font-size: 13px;
}
.gathr-contact-form .form-group div:before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 16px;
    background-repeat: no-repeat;
    left: 9px;
    z-index: 9;
    background-size: 12px !important;
 }

 .name-icon:before { 
    background: url(../img/icons/Name.svg);
 }
 
 .email-icon:before { 
    background: url(../img/icons/Email.svg);
 }
 
 .company-icon:before {
    background:url(../img/icons/Company.svg);
 }
 
 .phone-icon:before {
    background:url(../img/icons/Phone.svg);
 }
 
 .requirement:before {
    background: url(../img/icons/Requirement-details.svg);
 }
 .no-icon:before {
    display:none;
 }
.single-live-demo .btn-primary-one{
    margin-top: 20px;
}

.demo-row {
    margin-top:20px;
    margin-bottom:40px !important;
}
.recent-heading{
    border-top: 1px solid #B3D0E330;
}
.fillter-tile:first-child{
    padding: 5px 20px;
}
/* .section.blog-list-section{
    visibility: hidden;
} */

.tag-live-demo {
position: absolute;
left: 13px;
top: -40px;
z-index: 0;
margin-top: 0px;
padding-bottom: 30px !important;
padding: 7px 20px 15px 15px;
border-radius:0px !important;
text-align: left;
text-transform: uppercase;
font-family: 'Redhat-Medium';
}
.tag-live-demo span{
    display: block;
    text-transform: none;
    font-family: 'Redhat-Light';
}
.tag-live-demo:after {
    content: "";
width: 25px;
background: #e1ffd4;
height: 10px;
position: absolute;
right: -15px;
height: 50px;
top: 0px;
transform: skewX(20deg);
border-top-right-radius: 5px;
}

.tag-live-demo-t {
    color: #001a56;
    font-size: 9px;
    border: 1px solid #001a5650;
    display: inline-block;
    padding: 4px 14px;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom:0px;
}
.use-height {
    margin-bottom: 10px;
    margin-top: 15px;
    min-height:22px;
}


.ellipsis-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 48px;
}

.res-demo-label {
    position: absolute;
    top: 0px;
    right: 20px;
    background: #1337BB;
    color: #fff;
    font-size: 14px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    padding: 6px 20px;
    font-family: 'Redhat-Light';
    letter-spacing: 0.5px;
}
.res-demo-label img {
    width: 82px;
}

.blog-list-tile {
    overflow:visible;
}

.blog-list-img a {
    display:none;
}


@media only screen and (min-width: 1400px) {  
    .single-live-demo h1.single-dem-medium-font{
        font-size: 64px !important;
        width: auto;
        margin: 0px auto;
    }
    .demo-content-section p,
    .demo-content-section li{
        font-size: 20px;
    }
    .demo-content-section li::after{
        top: 9px;
    }
    .single-ld-bold-24{
        font-size: 24px;
    }
    body.single-live-demo .resources-sidepad-top h2{
        font-size: 24px !important;
        margin-bottom: 30px !important;
    }
    .resources-sidebar-content-boxes .btn-tertiary-one{
        font-size: 20px;
    }
} 

@media screen and (max-width: 767px) { 
    
    .video-container iframe {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        aspect-ratio: 3/2;
        /* height: 400px; */
    }
    .demo-content-main {
        padding-top: 0px;
        display: table;
    }
    
.res-demo-label img {
    width: 70px;
}
.res-demo-label {
    position: absolute;
    top: 0px;
    right: 0px;
}
.tag-live-demo {
    font-size: 10px;
    padding: 10px 10px 31px 15px;
}
}

@media screen and (max-width: 991px) { 
    .demo-content-section {
        width: calc(100% - 250px);
        padding: 20px 10px 20px 10px;
    }
    .form-section {
        width: 250px; 
        padding: 20px;
    }
    .demo-content-section h3 {
        font-size: 22px;
    }
    .demo-content-section p {
        font-size: 15px;
    }
    .demo-content-section h4 {
        font-size: 17px;
    }
    .demo-content-section li {
        font-size: 15px;
    }
    .livedemo-maincard-title br{
        display: none;
    }
    .live-demo-banner h1 {
        line-height: 38px;
        font-size: 32px;
    }
    .live-demo-cat{
        padding-bottom: 185px;
    }
    .livedemo-featured-cards{
        margin-top: 40px;
    }
    .live-demo-cards [class*=col-md-]:last-child .livedemo-tax-child-cards{
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 767px) { 
    .live-demos-banner-v1 .breadcrumb-parent{
        margin-bottom: 20px;
        padding-top: 0px;
    }
    .page-template-template-single-live-demo .form-section{
        margin-bottom: 20px;
        border-radius: 20px !important;
    }
    .page-template-template-single-live-demo .footer-top-bg{
        margin-top: 0 !important;
    }
    .single-live-demo-label{
        padding: 6px 15px 0px 40px;
    }
    .form-section {
        width:100%;
        margin-top: 0px;
    }
    .live-demos-top-banner {
        margin-top: 0px !important;
    }
    .demo-content-section {
        width:100%;
        padding: 10px;
    }
    .demo-row{
        margin-top: 25px;
    }
    .banner-content {
        padding: 50px 20px;
    }
    .live-demo-banner {
        background-position: left;
    }
    .live-demos-banner-main{
        padding-bottom: 30px;
    }
    .livedemo-maincard-title{
        margin: 15px 0 15px 0;
        font-size: 22px;
        min-height: 60px;
    }
    .live-demos-banner-v1{
        padding-bottom: 30px;
    }
    .live-demos-banner-v1 .section-head__title{
        margin-bottom: 20px;
        text-align: center;
    }
    .tag-live-demo{
        font-size: 10px;
    }
    .live-demo-cards{
        margin-top: 75px;
    }
    .live-demo-cat{
        margin-bottom: 60px;
        padding-bottom: 0px !important;
        padding: 30px 15px 30px 15px;
    }
    .live-demos-top-banner{
        padding-left: 0px;
    }
    .livedemos-main-bottom-img{
        position: relative;
    }
    .live-demos-top-banner img{
        width: 120px;
    }
    .live-demos-top-banner h1{
        font-size: 24px;
        padding-left:0px;
    }
    .single-live-timer {
        margin-left: 0px;
    }
    .usecase-title {
        margin-left:0px;
    }
    .live-demos-top-banner p br{
        display: none;
    }
    .livedemo-tax-child-cards{
        margin-bottom: 60px !important;
        padding: 30px 15px 20px 15px;
    }
    .live-demos-top-banner p{
        font-size: 14px;
    }
    .livedemo-tax-child-cards .livedemo-tax-child-head{
        font-size: 14px;
    }
    .livedemo-featured-card-right{
        position: relative;
        max-width: 100%;
        margin-left: 0;
    }
    .livedemo-featured-cards{
        margin-top: 25px;
    }
    .livedemo-featured-card{
        padding: 30px 20px;
    }
    .livedemo-featured-card .livedemo-tax-child-head{
        font-size: 18px !important;
    }
    .tag-live-demo-t{
        font-size: 7px;
        padding: 4px 6px;
    }
    .breadcrumb-parent {
        display: table;
        float: left;
        margin-top: 10px;
        top: 0px !important;
        margin-bottom: 20px;
    }
    .live-demos-banner-v1:after {
        content: "";
        height: 56px;
        /* background: url(../img/live-demos/left-arrow.svg); */
        position: absolute;
        width: 100%;
        background-repeat: no-repeat;
        top: 30%;
        background-size: 100%;
        z-index: -1;
    }

    .live-demos-banner-v1:before {
        content: "";
        height: 100px;
        /* background: url(../img/resources-bg-v1.jpg); */
        position: absolute;
        width: 100%;
        right: 0;
        background-repeat: no-repeat;
        top: 28.4em;
        background-size: contain;
        z-index: -1;
    }
    .single-live-demo .btn-primary-one{
        margin-bottom: 20px;
    }
    .single-live-demo .mr-btn-30{
        margin-right: 0 !important;
    }
    ul.social-links{
        margin-bottom: 0;
    }
    .form-section{
        margin-bottom: 40px;
    }
     
}
@media screen and (max-width: 575px) {
    .live-demos-cat-ctas .mr-btn-15{
        margin-bottom: 20px;
    }
    .breadcrumb-parent ol{
        float: left;
    }
}