@media(min-width: 375px) {
    .od-section-widget-item {
        width: 25%;
        float: left;
    }


}

@media(max-width: 375px) {
    .box {
        height: auto !important;
        padding-bottom: 90px !important;
    }

    .ipp-input-field {
        min-width: 324px !important;
    }
    .od-biodatas-content {
        flex: 0 0 100%;
        padding: 30px 10px 45px !important;
        position: relative;
        min-height: calc(100vh - 90px);
    }

}



@media (max-width: 450px) {
    .box {
        height: auto;
        padding-bottom: 80px !important;
    }
}

@media (min-width: 321px) and (max-width: 375px) {
   /* .ipp-input-field {
        min-width: 354px !important;
    }*/
}

@media (max-width: 950px) and (min-width: 450px) {
    .box {
        text-align: center;
        height: 180px;
    }
}

@media(min-width: 1101px) {
    .how-works-box {
      text-align: center;
      position: relative;
      border-radius: 50%;
      height: 250px;
      padding: 60px 30px;
      margin: 70px auto 0;
      width: 250px;
      z-index: 1;
      /* background: #fff0f0 none repeat scroll 0 0; */
      background: linear-gradient(155.6deg, #FEF5F9 7.47%, #FFFFFF 85.51%);
    }



    .box-1 img {
        position: absolute;
        top: -39px;
        right: -45%;
        width: 150px;
    }
    .box-2 img {
      position: absolute;
        top: -39px;
        right: -45%;
      width: 150px;
    }
    .box-15 img {
      position: absolute;
        top: -39px;
        right: -45%;
      width: 150px;
    }
    .box-25 img {
      position: absolute;
        top: -39px;
        right: -45%;
      width: 150px;
    }

    .mb-style-2 blockquote:before {
        border-left: 8px solid rgba(235, 150, 108, 0.1);
         height: 375px; 
        left: -58px;
         width: 335px; 
    }


}


@media (min-width: 767px) and (max-width: 992px) {

    .mb-attribution {
        text-align: right;
        position: absolute;
         right: 0px; 
    }
}


@media (min-width: 992px) and (max-width: 1100px) {
    .how-works-box {
        height: 225px;
        padding: 32px 27px;
        width: 225px;
    }



    .box-1 img {
        position: absolute;
        top: -39px;
        right: -35%;
        width: 150px;
    }
    .box-2 img {
      position: absolute;
        top: -39px;
        right: -35%;
      width: 150px;
    }
    .box-15 img {
      position: absolute;
        top: -39px;
        right: -35%;
      width: 150px;
    }
    .box-25 img {
      position: absolute;
        top: -39px;
        right: -35%;
      width: 150px;
    }

 
.mb-attribution {
    text-align: right;
    position: absolute;
    /*right: -90px;*/
}



}

@media (min-width: 401px) and (max-width: 767px) {
    .od-section-widget-item {
        width: 50%;
        float: left;
    }


    .od-section-widget-item-content {
        margin: 10px 10px;
        height: 270px;
        /* margin-bottom: 20px; */
    }
    .od-section-widget-item-content img {
        height: 100px;
    }

.how-works-box {
    position: relative !important;
    height: 250px;
    width: 250px;
    padding: 35px 40px;
}

.works-box-text>p {
    font-weight: 500;
    font-size: 13px;
}

.works-box-arrow:after {
    position: absolute;
    content: "";
    background-image: url("/public/frontend/images/arrow_top.png");
    width: 50px;
    height: 76px;
    bottom: -72px;
    left: 103px;
    z-index: 99;
}



 }

@media (min-width: 1366px) {
    .card.card-custom {
        width: 960px;
    }
}


@media (min-width: 320px) and (max-width: 400px) {
    .od-section-widget-item {
        width: 50%;
        float: left;
    }


    .od-section-widget-item-content {
        margin: 10px 10px;
        height: 270px;
        /* margin-bottom: 20px; */
    }

.how-works-box {
    position: relative !important;
    height: 250px;
    width: 250px;
    padding: 35px 40px;
}
.works-box-text>p {
    font-weight: 500;
    font-size: 13px;
}
    

 }

@media screen and (max-width: 319px) {
    .od-section-widget-item {
        width: 50%;
        float: left;
    }


    .od-section-widget-item-content {
        margin: 10px 10px;
        height: 230px;
        /* margin-bottom: 20px; */
    }


    .how-works-box {
        position: relative !important;
        height: 200px;
        width: 200px;
    }
    .works-box-text>h4 {
        font-weight: 600;
        font-size: 15px;
    }
    .how-works-box {
        padding: 44px 20px;
    }

    .works-box-text>p {
        font-weight: 500;
        font-size: 12px;
    }

    .works-box-arrow:after {
        position: absolute;
        content: "";
        background-image: url("/public/frontend/images/arrow_top.png");
        width: 50px;
        height: 76px;
        bottom: -72px;
        left: 76px;
        z-index: 99;
    }


 }



@media (min-width: 375px) and (max-width: 768px) {
    

 }



@media(max-width: 575px) {
    .od-container {
        padding-right:0px;
        padding-left: 0px
    }
    .frontpage>form>fieldset {
        width: 500px !important;
    }

    .how-works-box>img{
        display: none;
    }
}

@media(min-width: 1024px) {
    .odd-content {
        flex:1 1 calc(100% - 328px)
    }
}

@media(min-width: 601px) and (max-width: 1023px) {

    .odd-sidebar {
        width: 320px;
        position: relative;
        transition: all .29s ease-in 0s;
        z-index: 9;
        background: #fff;
        position: absolute;
        /* min-height: 100%; */
        transform: translateX(-320px);
        height: 100%;
    }

    .odd-content {
        flex: 1 1 calc(100% - 320px);
    }
}


@media(min-width: 600px) {
    .row {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }    

 
    .nav-search-inner {
        height: 850px;
        overflow: hidden;
        overflow-y: scroll;
        /* height: 1200px; */
        overflow-x: auto;
        scrollbar-width: thin;
    }

}

@media(max-width: 601px) {
    .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }   
    .database-card {
        box-shadow: 2px 2px 6px 2px #a2dce0;
    }
    .col-xl-12, .col-lg-12, .col-md-12, .col-sm-12, .col-xs-12{
        padding: 0px !important;
    }
    .user-filter-side {
        width: 100% !important;
    }

    .odd-sidebar {
        width: 86%;
        position: relative;
        transition: all .29s ease-in 0s;
        z-index: 99;
        background: #fff;
        position: fixed;
        /* min-height: 100%; */
        transform: translateX(-100%);
        top: 0;
        height: 100%;
    }

    .odd-sidebar-inner {
        height: 660px;
        overflow-y: scroll;
    }


    nav.odd-nav {
        height: 90%;
    }
    
    .od-tab-content2.od-search-content-container {
        height: 100%;
    }
    
    .od-search-content-container>h4 {
        text-align: center;
    }
    .nav-search-inner {
        height: 93%;
        overflow: hidden;
        overflow-y: scroll;
        /* height: 1200px; */
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .ipp-dashboard-page-heading>h1 {
        font-size: 19px !important;
    }
    #biodata-infobuy-tab {
        font-size: 15px;
    }
    
    #connectionbuy-tab {
        font-size: 15px;
    }




}


@media(min-width: 576px) {
    .od-col-xs-1 {
        width:8.3333%
    }

    .od-col-xs-2 {
        width: 16.6666%
    }

    .od-col-xs-3 {
        width: 25%
    }

    .od-col-xs-4 {
        width: 33.3333%
    }

    .od-col-xs-5 {
        width: 41.6666%
    }

    .od-col-xs-6 {
        width: 50%
    }

    .od-col-xs-7 {
        width: 58.3333%
    }

    .od-col-xs-8 {
        width: 66.6666%
    }

    .od-col-xs-9 {
        width: 75%
    }

    .od-col-xs-10 {
        width: 83.3333%
    }

    .od-col-xs-11 {
        width: 91.6666%
    }

    .od-col-xs-12 {
        width: 100%
    }


    .main {
        position: inherit;
        top: 8px;
        /* left: 0; */
        /* display: block; */
    }

  

    .main {
        position: static;
        top: -88px;
        left: 0;
    }
 
   
 
    .od-section-widget-item-content {
        margin: 15px 10px;
        /*height: 230px;*/
    }


}




@media(min-width: 320px) {
    .od-col-xs-1 {
        width:8.3333%
    }

    .od-col-xs-2 {
        width: 16.6666%
    }

    .od-col-xs-3 {
        width: 25%
    }

    .od-col-xs-4 {
        width: 33.3333%
    }

    .od-col-xs-5 {
        width: 41.6666%
    }

    .od-col-xs-6 {
        width: 50%
    }

    .od-col-xs-7 {
        width: 58.3333%
    }

    .od-col-xs-8 {
        width: 66.6666%
    }

    .od-col-xs-9 {
        width: 75%
    }

    .od-col-xs-10 {
        width: 83.3333%
    }

    .od-col-xs-11 {
        width: 91.6666%
    }

    .od-col-xs-12 {
        width: 100%
    }


    .main {
        position: inherit;
        top: 8px;
        /* left: 0; */
        /* display: block; */
    }

  

    .main {
        position: static;
        top: -88px;
        left: 0;
    }
 
    .how-works-box {
        position: relative !important;
        /*height: 250px;
        width: 250px;*/
    }

    .od-section-widget-item-content {
        margin: 15px 10px;
    }



}





@media(min-width: 767.9px) {
    .od-col-sm-1 {
        width:8.3333%
    }

    .od-col-sm-2 {
        width: 16.6666%
    }

    .od-col-sm-3 {
        width: 25%
    }

    .od-col-sm-4 {
        width: 33.3333%
    }

    .od-col-sm-5 {
        width: 41.6666%
    }

    .od-col-sm-6 {
        width: 50%
    }

    .od-col-sm-7 {
        width: 58.3333%
    }

    .od-col-sm-8 {
        width: 66.6666%
    }

    .od-col-sm-9 {
        width: 75%
    }

    .od-col-sm-10 {
        width: 83.3333%
    }

    .od-col-sm-11 {
        width: 91.6666%
    }

    .od-col-sm-12 {
        width: 100%
    }

    .mb-attribution {
        text-align: right;
        position: absolute;
       
    }

    .change-pass-heading {
        width: 23%;
        float: left;
    }
    .change-pass-content {
        width: 70%;
        float: left;
    }

    .odd-delete>h2 {
        display: inline-block;
        width: 23%;
        float: left;
    }

    .odd-delete-content {
        float: left;
        text-align: -webkit-center;
        width: 70%;
    }




}

@media(min-width: 1024.9px) {
    .sidebar-trigger {
        display: none;
    }
    .od-col-md-1 {
        width:8.3333%
    }

    .od-col-md-2 {
        width: 16.6666%
    }

    .od-col-md-3 {
        width: 25%
    }

    .od-col-md-4 {
        width: 33.3333%
    }

    .od-col-md-5 {
        width: 41.6666%
    }

    .od-col-md-6 {
        width: 50%
    }

    .od-col-md-7 {
        width: 58.3333%
    }

    .od-col-md-8 {
        width: 66.6666%
    }

    .od-col-md-9 {
        width: 75%
    }

    .od-col-md-10 {
        width: 83.3333%
    }

    .od-col-md-11 {
        width: 91.6666%
    }

    .od-col-md-12 {
        width: 100%
    }

.works-box-text>h4 {
    font-weight: 600;
    font-size: 18px;
}
.works-box-text>p {
    font-weight: 500;
    font-size: 14px;
}
 


}


@media(min-width: 992px) {
    .od-container {
        width:960px
    }
    .frontpage>form>fieldset {
        width: 992px !important;
    }

    .mb-attribution {
        right: 80px;
    }

    .mb-style-2 blockquote:before {
        height: 348px;
        width: 305px;
        top: 30px !important;
    }
 
    .mb-wrap {
      margin: 20px 20px 0px 20px;
      padding: 20px 20px 0px 20px;
      position : relative;
      width : 280px;
    } 

    .mb-style-2 blockquote p {
     
      font-size : 21px; 
      line-height : 46px;  
    } 

     .mb-author {
          font-size : 12px; 
        }

     .mb-style-2 blockquote p {
      font-size : 19px; 
      line-height : 36px; 
    } 

    .od-section-widget-item-content {
         padding: 15px 0px; 
    }


    .site-heading {
         padding: 14px 0; 
    }

    .main {
        position: absolute;
        top: -88px;
        left: 0;
    }

    .how-works-box>img {
        display: block;
    }




}

@media(max-width: 1400px) and (min-width: 1200px) {

    .odbcebc-button>button {
        border-radius: 10px;
        padding: 8px 13px;
    }


}

@media(max-width: 1200px) and (min-width: 1023px) {
    .odbcebc-content .odbcebc-button a.od-button {
        max-width: 140px;
    }

    

}


@media(max-width: 1023px) {
    .dashboard-connections{
        display: block !important;
    }


    
}

@media(min-width: 1024px) {
    .dashboard-connections{
        display: none !important;
    }
    .sidebar-trigger-sticky{
        display: none;
    }


     
}

.all-biodata {
    /* display: flex !important; */
    margin: 28px 0px 0px 0px;
    line-height: 36px;
    float: left;
    /* color: #fff !important; */
    /* background-color: #17a2b8 !important; */
    /* border-color: #17a2b8 !important; */
    /* width: 100%; */
    text-decoration: underline !important;
    font-size: 15px !important;
    padding-left: 0px !important;
}


@media(min-width: 1200px) {
    .od-container {
        width:1140px
    }
    .frontpage>form>fieldset {
        width: 1150px !important;
    }

    .od-section h2 {
        font-size: 2rem;
    }
    .od-section-widget-item-content img {
        height: 60px;
    }
    span.od-count {
        font-size: 29px;
    }
    .od-section-widget-item-content h4 {
        font-size: 14px;
    }

    .od-section-widget-item-content {
        /* margin: 15px; */
        width: 90%;
    }

    .mb-style-2 blockquote:before {
        left: -71px;
        width: 360px;
    }
    .mb-wrap {
        width: 270px;
    }

    .works-box-text>h4 {
        font-size: 19px;
    }
    .works-box-text>p {
        font-size: 14px;
    }


    .main {
        position: absolute;
        top: -88px;
        left: 0;
    }


}

@media(min-width: 1400px) {
    .od-container {
        width:1320px
    }
    .main {
        position: absolute;
        top: -88px;
        left: 0;
    }

 



}

.od-container2 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


@media(min-width: 575px) {



}


@media(min-width: 767.9px) {
    .od-page-content {
        padding:0px 70px
    }
}

@media(min-width: 1024.9px) {
    .od-page-content {
        padding:0px 120px
    }
 
    .od-faq-item-list-content {
        max-width:767px;
        margin: 0 auto
    }
}
@media(max-width: 1024.9px) {
    .boxmodal.cyan {
        margin-left:0px !important;
    }
    .boxmodal.blue  {
        margin-right:0px !important;
    }
}


@media(min-width: 767.9px) {
    #od_toasts {
        padding:0px 20px
    }
 
    .od-buttoncustom {
        display: block !important;
        border: none;
        background: #34869a;
        color: white !important;
    }
    .ipp-homebiodatas1{
        display: none;
    !important }

    .ipp-homebiodatas2{
        display: block;
    }



}

@media(max-width: 425px) {
 .txt-13{
    font-size: 13px !important;
 }

  .txt-14{
    font-size: 14px !important;
 }
  .txt-15{
    font-size: 15px !important;
 }

    .site-heading>h1 {
        font-size: 20px !important;
    }

    .site-heading>h2 {
        font-size: 19px !important;
    }

.support-table {
    overflow-x: auto;
    margin-top: 10px;
}
.supprtbtn {
    float: right;
    display: inline-block;
    padding: 6px 8px;
    border: navajowhite;
    border-radius: 3px;
    font-size: 13px;
}
.pakg-purchase-description {
    padding: 5px;
}
     .ebogcitem>label {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        display: block;
        text-align: center;
    }
    #biodata-infobuy-tab {
        font-size: 13px;
    }
    .table td p, .table td a, .table-sm td, .table-sm th {
        font-size: 13px !important;
    }
    #connectionbuy-tab {
        font-size: 13px !important;
    }
    .ebogc-item-in {
        width: 100%;
    }
    .table thead th {
        font-size: 12px !important;
    }

.odd-create-ticket-container {
    padding: 0px 0px;
}

.jomadin-button{
    width: 38% !important;
    border-radius: 0;
    height: 40px !important;
    line-height: 40px !important;
    margin-top: 20px !important;
}




.od-row-ovijog {
    width: 100%;
    display: block !important;
    flex-wrap: wrap;
}




.odd-content-title h1 {
    font-size: 16px !important;
    margin-bottom: 10px;
    /*text-align: center;*/
    border-bottom: 1px solid #c0ebeb;
    padding-bottom: 8px;
}

    .padding0px {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #biodataContentArea {
        /* display: block; */
        margin: 0 auto;
        width: 100%;
    }
    .odbc-each-biodata-card {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .home-ipp-sec2{
        margin-top: 30px;
    }
    .py-10{
        padding: 0px 20px;
    }
    .od-mob-filter-text{
        width: 35% !important;
    }
    #biodataid_search {
        padding: 6px !important;
    }

}


@media(min-width: 426px) {
 .od-top-bg-content.home-ipp-sec2{
    margin-bottom: 40px !important;
 }
     .ebogcitem>label {
        max-width: 30% !important;
        flex: 0 0 30% !important;
        display: flex;
        text-align: center;
    }

    .ebogc-item-in {
        width: 70%;
    }

    .pakg-purchase-description {
        padding: 30px;
    }

}



@media(max-width: 320px) {
    .od-container {
        padding-right:0px;
        padding-left: 0px
    }
    .frontpage>form>fieldset {
        width: 500px !important;
    }

    .how-works-box>img{
        display: none;
    }

    .od-section-widget-item {
        width: 50%;
        float: left;
        height: 249px;
    }
   
    .left-panel {
        pointer-events: all;
        padding: 1rem 13% 1rem 13%;
    }


        #biodata-infobuy-tab {
        font-size: 13px;
    }
    .table td p, .table td a, .table-sm td, .table-sm th {
        font-size: 13px !important;
    }
    #connectionbuy-tab {
        font-size: 13px !important;
    }
    .ebogc-item-in {
        width: 100%;
    }
    .table thead th {
        font-size: 10px !important;
    }

}

@media(max-width: 768px) {
    .od-modal-content-main {
        padding:25px 15px 35px;
        width: calc(100% - 30px)
    }


    .mb-style-2 blockquote:before {
        height: 319px;
        width: 311px;
    }
    .accordion-body {
        padding: 0px !important;
    }

}


@media(max-width: 767.9px) {
    .promotional-modal .promotional-modal-content__main {
        padding:35px 20px 40px
    }
    fieldset>.card-body {
        margin-bottom: 30px;
    }


    .change-pass-heading {
        width: 100%;
        float: left;
    }
    .change-pass-content {
        width: 100%;
        float: left;
    }

    .odd-delete>h2 {
        display: inline-block;
        width: 100%;
        float: left;
    }
    .odd-delete-content {
        float: left;
        text-align: -webkit-center;
        width: 100%;
    }

    .od-buttoncustom{
        width: 240px !important;
        margin: 30px auto;
        display: block !important;
        border: none;
        background: #34869a;
        color: white !important;
    }

    .ipp-homebiodatas1{
        display: block;
    }

    .ipp-homebiodatas2{
        display: none;
    }

    .promotional-modal .promotional-modal-content h2 {
        font-size:1.7rem
    }


    .ipp-home-search-cards{
          display:flex;
          flex-direction: column-reverse;
    }

    .promotional-modal .promotional-modal-content p {
        font-size:1.05rem
    }

    .promotional-modal .promotional-close {
        padding:12px 20px;
        font-size: 1.15rem;
        max-width: 250px
    }

.od-home-hadith-sec {
    margin: 0px 15px 40px 15px!important;
}

.od-search-fields.od-search-fields-btns2 {
    position: absolute;
    width: 100%;
    background: #fff;
    left: 0;
    z-index: 3;
    bottom: 0;
    margin: 0;
    padding: 0px 20px 20px 20px;
    box-shadow: 0px -2px 20px -15px #d5d5d5;
    display: block;
}


    .site-heading-top>h2 {
        /* color: #fff; */
        /* background: #0042B8; */
        font-size: 22px;
        margin-top: 55px;
        text-align: center;
        padding-bottom: 8px;
    }


    .od-home-top-bg {
        position: relative;
        background-image: url(../images/mobile-bg.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .od-biodatas-sidebar.filter-open {
        bottom:0;
        transition: all .29s ease-in 0s;
        position: fixed
    }

    .od-biodatas-sidebar.filter-open .od-tab>input[type=radio]:checked~label~.od-tab-content {
        display: block
    }

    .od-tabs .od-tab-content .od-search-fields .od-button {
        margin:15px 10px 0px 10px
    }

    .od-search-fields-btns button.od-button[type=reset] {
        margin-right:30px
    }


    .odbc-title-group {
        order:2;
        margin: 20px 0 0
    }

    .od-search-filters.fixedTop {
        position:fixed;
        width: 100%;
        top: 0;
        left: 0;
        padding: 20px;
        background: #fff;
        box-shadow: 0 1px 6px rgba(57,73,76,.35);
        z-index: 99
    }
    .odd-content .od-bio-create {
        margin:40px 10px 20px
    }
    .od-section-widget-item-content h3 {
        font-size: 22px;
        color: #34869a;
    }
    .site-heading>h1 {
        font-size: 23px;
    }

    .site-heading>h2 {
        font-size: 21px;
    }

    .odd-content .od-acceptance .od-bio-create a {
        width:280px
    }
    .odd-biodata-nav ul {
        margin:0 0 5px;
        border-bottom: 1px solid #d5d5d5;
        padding: 0 0 15px
    }

    .odd-biodata-nav li span {
        font-size:.7rem
    }
    .odd-biodata-content .form-content .oddb-title {
        display:none
    }
    .od-process-to-pay {
        margin:20px auto 30px
    }

 .multi_step_form #msform #progressbar li:after {
        content: '';
        width: 100%;
        height: 6px;
        background: #eaf0f4;
        position: absolute;
        left: -50%;
        top: 10px;
        z-index: -1;
    }
    .multi_step_form #msform #progressbar li:before {
        content: "";
        font: normal normal normal 16px/22px Ionicons;
        width: 21px;
        height: 21px;
        line-height: 22px;
        display: block;
        background: #eaf0f4;
        border-radius: 50%;
        margin: 0 auto 10px auto;
    }
    .multi_step_form #msform #progressbar li {
        list-style-type: none;
        color: #99a2a8;
        font-size: 9px;
        width: calc(100%/10);
        float: left;
        position: relative;
        font: 400 8px/1 "Roboto", sans-serif;
    }
    .od-payment-selection-container form {
        margin:0
    }
    .od-payment-selection-container .od-order-summary {
        margin:0 0 30px
    }

    .od-payment-box-container {
        margin:0 0 30px
    }
    .support-page .ticket-sorting {
        justify-content:center
    }
    ul.notifications-list li {
        padding:16px 11px 13px 30px
    }

    ul.notifications-list li:before {
        top: 22px;
        left: 12px
    }
    ul.notifications-list .notification-body {
        flex-direction:column
    }

    ul.notifications-list .notification-body .notification-timestamp {
        flex:0 0 auto
    }
    ul.notifications-list .notification-body a {
        margin:10px 0 0
    }
    ul.notifications-list a.close-notification {
        font-size:7px;
        width: 17px;
        height: 17px;
        line-height: 17px
    }

    .odd-content-inner.each-bio-container {
        background:#faf9fb;
        padding: 50px 10px;
        margin: 0px
    }

    .ebogc-item.ebogc-multi-line-text-area label {
        max-width:100%;
        flex: 0 0 100%;
        border-right: 0px solid #d5d5d5
    }

    .ebogc-item.ebogc-multi-line-text-area p {
        max-width: 100%;
        flex: 0 0 100%
    }

    .ebogc-item.multiText label {
        max-width:100%;
        flex: 0 0 100%;
        border-right: 0px solid #d5d5d5;
        border-bottom: .6px solid #d5d5d5
    }

    .ebogc-item.multiText p {
        padding: 8px 15px 15px;
        max-width: 100%;
        flex: 0 0 100%
    }
   .od-process-to-pay{
        margin:20px auto 30px
    }

    .multi_step_form #msform #progressbar li:after {
        content: '';
        width: 100%;
        height: 2px;
        background: #eaf0f4;
        position: absolute;
        left: -50%;
        top: 10px;
        z-index: -1;
    }
    .multi_step_form #msform #progressbar li:before {
        content: "";
        font: normal normal normal 16px/22px Ionicons;
        width: 21px;
        height: 21px;
        line-height: 22px;
        display: block;
        background: #eaf0f4;
        border-radius: 50%;
        margin: 0 auto 10px auto;
        float: left;
    }
    .multi_step_form #msform #progressbar li {
        list-style-type: none;
        color: #99a2a8;
        font-size: 9px;
        width: calc(100%/10);
        float: left;
        position: relative;
        font: 400 8px/1 "Roboto", sans-serif;
    }

 
    .multi_step_form #msform #progressbar li {
        position: relative;
    }

    .multi_step_form #msform #progressbar>li>span {
        writing-mode: tb-rl;
        transform: rotate(200deg);
        position: absolute;
        bottom: 34px;
        left: 34px;
        height: 125px;
        text-align: left;
    }
    .multi_step_form #msform {
        padding: 0 10px !important;
    }
    fieldset>.card-body {
        padding: 0 !important;
    }

    .od-payment-selection-container form{
        margin:0
    }

    .od-payment-selection-container .od-order-summary{
        margin:0 0 30px
    }

    .od-payment-box-container{
        margin:0 0 30px
    }
    .support-page .ticket-sorting{
        justify-content:center
    }
    ul.notifications-list li{
        padding:16px 11px 13px 30px
    }
    ul.notifications-list li:before{
        top:22px;
        left:12px
    }
    ul.notifications-list .notification-body{
        flex-direction:column
    }
    ul.notifications-list .notification-body a{
        margin:10px 0 0
    }

    ul.notifications-list a.close-notification{
        font-size:7px;
        width:17px;
        height:17px;
        line-height:17px
    }

    .odd-content-inner.each-bio-container{
        background:#faf9fb;
        padding:50px 10px;
        margin:0px
    }

.ebogc-item.ebogc-multi-line-text-area label {
    max-width: 100%;
    flex: 0 0 100%;
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #f3eded;
    background: #f9f7f7;
}
    .ebogc-item.ebogc-multi-line-text-area p{
        max-width:100%;
        flex:0 0 100%
    }










}