:root {
    --golderdradient: linear-gradient(to bottom right, #BC8E48, #d4ae73, #C39E65);
    --golden: #d4ae73;
    --subtitlefontsize: 20px;
}

.hide {
    display: none !important;
}

a {
    cursor: pointer;
}

.listpadding {
    padding: 0px 30px;
}

.butotns a {
    position: fixed;
    right: 0px;
    top: 300px;
    background-color: #f37021;
    color: var(--white);
    padding: 10px 15px;
    z-index: 999;
    text-align: center;
    line-height: 15px;
    border-radius: 3px 0 0 3px;
}

.top-header-bg {
    background: url(https://www.fibre2fashion.com/knowledge/Content/images/new-header-bgv1.jpg) no-repeat center center;
    padding-bottom: 50px;
    background-size: cover;
    position: relative;
}

.sustainibilitybreadcrums {
    color: var(--white);
    margin-top: 20px;
    text-transform: capitalize;
    bottom: 8px;
    margin-left: -6px;
}

    .sustainibilitybreadcrums a {
        color: var(--white);
    }

        .sustainibilitybreadcrums a:hover {
            color: var(--golden);
        }

.top-header-bg p {
    color: var(--white);
    font-size: var(--subtitlefontsize);
}

.companydetailsheader .top-header-bg {
    padding-bottom: 120px;
}

.floting-icons {
    position: absolute;
    max-width: 75px;
}

.one {
    top: 15%;
    left: 10%;
}

.two {
    right: 2%;
    top: 30%;
}

.title-key {
    color: var(--golden);
    margin: 20px 0 12px 0;
}

.latest-view-btn a.golden-btn {
    background: var(--golderdradient);
    border: 0;
    padding: 10px 20px;
    font-size: var(--titlefontsize);
    color: var(--white);
    margin-top: 20px;
}

.ondemand-webinars-title h2, .upcoming-webinar-title h2 {
    color: var(--primarycolor);
    margin-bottom: 20px;
}
.ondemand-title {
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}
.butotns a {
    background: var(--golderdradient);
    border: 0;
}

.golden-btn.listbtn:active {
    background-color: #fff;
    border-bottom: 0px;
    border: solid 2px #000;
    border-radius: 5px;
}

.orange-big {
    margin: 15px 0;
}

.webinarsearch {
    margin-bottom: 22px;
}

    .webinarsearch .input-container {
        border-radius: 6px;
        background: var(--white);
        border: 0;
        box-shadow: 0px 0px 7px #e5e5e5;
        padding: 8px 15px;
        display: inline-block;
        width: 99%;
    }

    .webinarsearch input.input-field, .webinarsearch input.input-field:focus, .webinarsearch input.input-field:active {
        border: 0;
        outline: 0;
        font-size: var(--smallfontsize);
        width: calc(100% - 25px);
    }

i.fa.fa-search.icon {
    font-size: var(--subtitlefontsize);
    color: #666;
}

.ondemand-webinars {
    background: #f6f6f6;
    padding-top: 20px;
}

.ondemand-webinars-inner-block {
    background: none;
    padding: 0;
    box-shadow: none;
    position: relative;
}

.ondemand-webinars-block {
    padding: 0px 15px;
}

    .ondemand-webinars-block img {
        border-radius: 15px;
        height: 210px;
        transition: .4s ease all;
    }

        .ondemand-webinars-block img:hover {
            box-shadow: var(--hoverboxshadow);
        }

.ondemand-webinars-watch {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 16%;
    left: 0px;
}

    .ondemand-webinars-watch a {
        border-radius: 50px;
        color: var(--golden);
        background: rgba(255, 255, 255, 0);
        border: 0;
        transition: 0.7s;
        display: none;
    }

        .ondemand-webinars-watch a:hover {
            border: solid 1px var(--golden);
            background: var(--golden) !important;
            color: var(--white) !important;
        }

.ondemand-webinars-inner-block:hover .ondemand-webinars-watch a {
    border: solid 1px var(--golden);
    background: var(--golden) !important;
    color: var(--white) !important;
}

.ondemand-webinars-watch a i.fa.fa-play-circle {
    font-size: 50px;
    color: var(--golden);
    vertical-align: middle;
}

.ondemand-webinars-watch a:hover i.fa.fa-play-circle, .ondemand-webinars-inner-block:hover a i.fa.fa-play-circle {
    color: var(--white);
}

.ondemand-webinars-inner-block:hover .ondemand-webinars-watch a.view-btn {
    border: solid 0px var(--golden);
    background: transparent !important;
    color: var(--primerycolor) !important;
}

.view-all-webinar a.view-btn {
    box-shadow: none;
}

.webinar-title {
    font-family: var(--boldfonts);
    height: auto;
    color: var(--primerycolor) !important;
    font-size: var(--subtitlefontsize);
    overflow: hidden;
    text-transform: uppercase !important;
    line-height: 1.4;
}

    .webinar-title a:hover {
        color: var(--golden);
    }

.sponsored {
    background: #5cb85c;
    transform: none;
    padding: 4px 8px !important;
    border-radius: 3px;
    position: inherit;
    display: inline-block;
    left: 0 !important;
    top: 0 !important;
    font-size: 10px;
    margin-right: 5px;
}

.ondemand-webinars-desc {
    min-height: 70px;
    var(--regularfontsize);
}

.ondemand-webinars-smalltxt {
    font-size: var(--smallfontsize);
    color: var(--sub-title-color);
}

#seeMore {
    border: 1px solid var(--golden);
    border-radius: 15px;
    padding: 8px 12px 4px 12px;
    width: auto;
    color: var(--golden);
    line-height: 1.4;
    margin-top: 0;
}

.tab.col-sm-7 {
    display: flex;
    flex-wrap: wrap;
}

.features {
    background: url(https://www.fibre2fashion.com/knowledge/Content/images/feature-bg.png) top center;
    background-size: cover;
    padding: 50px 20px;
    text-align: center;
    color: var(--white);
}

    .features p {
        font-size: var(--subtitlefontsize);
        margin-top: 10px;
        font-family: var(--boldfonts);
    }

        .features p span {
            font-size: var(--smallfontsize);
            font-family: var(--regularfonts);
        }

.icontags {
    padding: 50px;
}

a.tablinks {
    display: inline-block;
    width: 32.5%;
    padding: 20px 10px;
    border: 1px solid #ccc;
    margin: 0px -2px;
    text-align: center;
}

    a.tablinks:hover, a.tablinks.active {
        color: var(--primerycolor);
        background: #e5e5e5;
    }

.testimonials {
    overflow: hidden;
    position: relative;
    padding: 50px 0px;
}

.testimonials {
    background: var(--white);
}

.testimonial-img {
    border-radius: 100px;
    width: 53px;
    height: 53px;
    margin-right: 16px;
    display: none !important;
}

.name-title {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #a3a3a4;
}

    .name-title strong {
        display: inline-block;
        text-transform: uppercase;
    }

.message {
    padding: 25px 0px;
    line-height: 29px;
    font-size: var(--subtitlefontsize);
    font-style: italic;
    font-family: var(--boldfonts);
}

.one-slide, .testimonial, .message {
    border: none !important;
    outline: none !important;
}

.testimonials .slick-dots li button {
    background-color: var(--golden);
    height: 2px;
    width: 22px;
    padding: 2px;
    opacity: 0.5;
}

.testimonials .slick-dots li {
    height: 2px;
    width: 26px;
    padding: 2px;
}

    .testimonials .slick-dots li.slick-active button {
        opacity: 1;
    }

    .testimonials .slick-dots li button:before {
        height: 2px;
        width: 26px;
        padding: 2px;
        content: '' !important;
    }

.icon-overlay {
    position: absolute;
    opacity: 0.3;
    right: 10%;
    top: 0;
    height: auto;
    width: 100%;
    max-width: 400px;
}

.blockquote-footer {
    text-align: center;
    display: inline-block;
}

.carousel-controls .control {
    position: absolute;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid var(--white);
    z-index: 1;
}

.prev {
    left: -2.25rem;
}

.next {
    right: -2.25rem;
}

.card {
    margin-bottom: 0px;
}

.upcoming-webinar {
    margin-bottom: 40px;
}

    .upcoming-webinar .white-boxshadow {
        background-color: var(--white);
    }

    .upcoming-webinar hr {
        margin-bottom: 10px;
        margin-top: 10px;
        border-color: #d6d6d6 !important;
    }

.ondemand-webinars-block.mainblock img {
    height: auto;
}

    .ondemand-webinars-block.mainblock img.onscrollloading {
        height: 325px;
        width: 97%;
    }

.asked-questions {
    padding: 35px 0px;
}

    .asked-questions h2 {
        margin-bottom: 35px;
        margin-top: 0px;
    }

    .asked-questions .panel-default > .panel-heading {
        color: var(--primerycolor);
        background-color: var(--white);
        border-color: #e4e5e7;
        padding: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .asked-questions .panel-heading {
        margin-bottom: 0px;
    }

    .asked-questions .panel-group .panel + .panel {
        margin-top: 18px;
    }

    .asked-questions .panel-default > .panel-heading a {
        text-align: center;
        color: var(--primerycolor);
        text-transform: none;
    }

        .asked-questions .panel-default > .panel-heading a[aria-expanded="true"] {
            background-color: transparent !important;
            border: 0px;
        }

    .asked-questions .panel-default > .panel-heading {
        border: 0px !important;
    }

    .asked-questions .panel {
        border: 0px;
        box-shadow: none;
    }

    .asked-questions .panel-default > .panel-heading a:after {
        float: none !important;
        right: -10px;
    }

    .asked-questions .panel-default > .panel-heading a {
        display: block;
        padding: 18px 15px;
        font-size: var(--subtitlefontsize);
        color: var(--primerycolor);
    }

        .asked-questions .panel-default > .panel-heading a:after {
            content: "";
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            float: right;
            transition: transform .25s linear;
            -webkit-transition: -webkit-transform .25s linear;
        }

        .asked-questions .panel-default > .panel-heading a[aria-expanded="true"] {
            background-color: var(--primerycolor);
        }

            .asked-questions .panel-default > .panel-heading a[aria-expanded="true"]:after.collapsed {
                content: "\e080";
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
            }


            .asked-questions .panel-default > .panel-heading a[aria-expanded="true"]:after {
                content: "\e080";
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
            }

        .asked-questions .panel-default > .panel-heading a[aria-expanded="false"]:after {
            content: "\e080";
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .asked-questions .panel-body {
        padding: 20px;
    }

    .asked-questions ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

    .asked-questions .question {
        padding: 12px;
        background-color: #F0F0F0;
        font-family: var(--boldfonts);
        font-size: var(--regularcolor);
    }

    .asked-questions li {
        padding: 12px;
        font-size: var(--smallfontsize);
    }

/*css for comapny details page */
.featured-logo {
    display: inline-block;
    margin-top: -165px;
    margin-left: calc(50% - 120px);
    vertical-align: middle;
    border-bottom: 98px solid white;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    height: 0;
    width: 240px;
    position: relative;
}

    .featured-logo:before {
        content: ' ';
        right: -2px;
        top: -10px;
        position: absolute;
        background: white;
        border-radius: 30px 30px 0px 0px;
        width: 129px;
        height: 20px;
        display: block;
    }

    .featured-logo:after {
        content: ' ';
        left: -2px;
        top: -10px;
        position: absolute;
        background: white;
        border-radius: 30px 0 0 0;
        width: 129px;
        height: 20px;
        display: block;
    }

    .featured-logo img {
        position: absolute;
        margin: auto auto;
        top: 100px;
        left: 0;
        right: 0;
        bottom: 0;
    }

.mainblock h5.webinar-title {
    font-size: var(--titlefontsize);
    margin-bottom: 20px;
    height: auto
}

.mainblock .ondemand-webinars-watch {
    top: 40%;
    right: auto;
    text-align: center;
}

.mainblock .leftspace {
    padding-left: 18px;
}

.featured-webinars hr {
    border-color: #eaeaea !important;
    display: inline-block;
    width: 100%;
    margin-top: 0px;
}

.client-logo {
    text-align: center;
    padding: 100px 0px;
}

    .client-logo img {
        width: auto;
        height: auto;
        margin: auto;
        border: 0px;
        border-radius: 0px;
    }

.client-logo {
    height: 100%;
}

.view-all-webinar {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 25% !important;
    right: 0px;
    left: 0px;
    top: inherit !important;
}

    .view-all-webinar a.view-btn {
        border: 0px;
        border-radius: 0px;
        display: inline-block !important;
        color: var(--primerycolor);
        background-color: transparent;
        cursor: pointer;
        font-family: var(--boldfonts);
    }

    .view-all-webinar a:hover {
        background-color: transparent !important;
        color: var(--primerycolor) !important;
    }

    .view-all-webinar .round-arrow {
        width: 19px;
        height: 19px;
        border-radius: 100%;
        border: solid 1px var(--golden);
        vertical-align: middle;
        text-align: center;
        margin-left: 6px;
        line-height: 14px;
    }

.round-arrow {
    display: inline-block;
}

    .round-arrow .fa {
        line-height: 18px;
        font-size: 9px;
    }

.tooltip {
    position: relative;
    opacity: 1;
    z-index: 9;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 100%;
        color: var(--golden);
        text-align: left;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: -11%;
        left: 0%;
        background: #f6f6f6;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

.upcoming-webinar-register a.common-btn-orange {
    background-color: #519ace !important;
}

.upcoming-webinar-register {
    text-align: left;
    margin-top: 10px;
}

#InquireNowForm .modal-dialog {
    max-width: 600px;
    margin: 50px auto;
    border-radius: 10px;
    overflow: hidden;
}

.activebtn {
    color: var(--white);
    background-color: var(--primerycolor);
    border-color: var(--primerycolor);
}

.inactivebtn {
    color: var(--white);
    background-color: #808080;
    border-color: #808080;
}

    .activebtn:hover, .inactivebtn:hover {
        color: var(--white);
    }

#SpecialWebinarVideoModel .modal-content {
    margin-top: 20%
}

@media screen and (max-width: 768px) {
    .client-logo {
        height: 93%;
    }
}

@media screen and (max-width:767px) {
    .sustainibilitybreadcrums {
        display: none;
    }

    .client-logo {
        height: auto;
        padding: 30px 0px;
    }

    .view-all-webinar {
        text-align: center;
        width: 100%;
        position: initial;
        display: inline-block;
        margin-top: 18px;
    }

    iframe#WebinarVideoEnglish, iframe#WebinarVideoChine {
        width: 100%
    }

    .activebtn, .inactivebtn {
        padding: 5px;
        font-size: var(--regularfontsize);
        margin: 10px 3px;
        display: inline-block;
        float: left;
    }

    #SpecialWebinarVideoModel.modal.fade .modal-dialog, #WebinarVideoModel.modal.fade .modal-dialog {
        margin: 0 auto;
    }
}

.sustainable-chennal-mn-webinar {
    margin-top: 105px;
}

.norecord {
    font-size: var(--subtitlefontsize);
    padding: 20px;
}

a.golden-btn {
    font-size: 16px;
    padding: 6px 20px;
}

a.down.golden-btn {
    padding: 6px 15px;
}

a.golden-btn.activetab {
    background: var(--primerycolor);
    opacity: 1;
    border-radius: 0px;
    color: var(--white);
}

.tabmain {
    display: inline-block;
    border: solid 2px var(--primerycolor);
    border-radius: 5px;
}

.mobileshow {
    display: none;
}


.presenters {
    background-color: #f6f6f6;
    padding: 15px 0px;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
}

    .presenters h2 {
        font-size: var(--sectionheadingfontsize);
        color: var(--primerycolor);
        font-family: var(--boldfonts);
        margin-bottom: 20px;
    }

    .presenters p {
        font-size: 16px;
        color: var(--primerycolor);
    }

    .presenters .swiper-container {
        width: 100%;
        height: 100%;
        padding: 22px 0px;
    }

    .presenters .client-logo {
        width: 100%;
        padding: 0px 0px;
    }

    .presenters .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: var(--white);
        padding: 18px;
        width: 33%;
        border-radius: 20px;
        box-shadow: 8px 8px 9px 0px rgb(0 0 0 / 8%);
    }

    .presenters .swiper-slide-active, .swiper-slide-next {
        opacity: 1 !important;
    }

    .presenters .swiper-slide-visible {
        opacity: 0.7;
    }

    .presenters .swiper-container:hover {
        cursor: ew-resize;
    }

    .presenters .swiper-slide p {
        min-height: 170px;
    }

    .presenters .p-none {
        padding: 0px;
    }

    .presenters .client-img {
        width: 74px;
        height: 74px;
        border-radius: 100px;
        overflow: hidden;
        display: inline-block;
    }

        .presenters .client-img img {
            max-width: 100%;
        }

    .presenters .details {
        width: calc(80% - 74px);
        display: inline-block;
        text-align: left;
        padding-left: 15px;
        vertical-align: top;
        margin-top: 12px;
    }

    .presenters .client-details {
        text-align: center;
        width: 100%;
        margin: 15px 0px;
    }

    .presenters .details h2 {
        font-size: var(--regularfontsize);
        margin: 0px;
    }

    .presenters .details p {
        font-size: 12px;
        min-height: inherit;
    }

    .presenters .swiper-button-next, .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: auto;
        height: auto;
        margin-top: 0px;
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color,var(--swiper-theme-color));
        background-color: var(--golden);
        padding: 8px 14px;
        font-size: 12px;
    }

        .presenters .swiper-button-next:after, .presenters .swiper-button-prev:after {
            font-size: 18px;
            color: var(--white);
        }

    .presenters .swiper-button-prev, .presenters .swiper-container-rtl .swiper-button-next {
        left: -40px;
        right: 0px;
        top: 92%;
        width: 35px;
        margin: 0px auto;
    }

    .presenters .swiper-button-next, .presenters .swiper-container-rtl .swiper-button-prev {
        left: 0px;
        right: -40px;
        top: 92%;
        width: 35px;
        margin: 0px auto;
    }

    .presenters .swiper-container {
        padding: 22px 0px 50px 0px;
    }

@media screen and (max-width: 1199px) {
    .ondemand-webinars-block img {
        height: auto;
    }

    a.tablinks {
        padding: 20px 35px;
    }

    #accordion {
        height: auto;
    }

    .ondemand-webinars-block.mainblock img.onscrollloading {
        height: 350px;
        width: 97%;
    }

    .presenters p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 991px) {
    .ondemand-webinars-block.mainblock {
        width: 100% !important;
    }

        .ondemand-webinars-block.mainblock img.onscrollloading {
            height: 240px;
        }

    a.tablinks {
        padding: 10px;
    }

    .icontags {
        padding: 20px 0px;
    }

    .presenters {
        padding: 15px 0px 15px 20px;
    }
}

@media screen and (max-width: 768px) {
    .testimonials {
        max-height: 700px;
    }

    .icon-overlay {
        height: 300px;
        top: calc(50% - 150px);
    }

    .carousel-controls .control {
        width: 25px;
        height: 25px;
        top: inherit;
    }

    .title-key {
        margin: 40px 0 12px 0;
    }

    .top-header-bg {
        padding-bottom: 20px;
    }

    .col-xs-12.ondemand-webinars-block.mainblock {
        width: 100%;
    }

    .ondemand-webinars-block.mainblock img.onscrollloading {
        height: 220px;
    }

    a.tablinks {
        padding: 20px 15px;
    }

    .floting-icons {
        max-width: 55px;
    }

    .one {
        top: 10%;
        left: 5%;
    }

    .two {
        top: 25%;
    }

    .message {
        line-height: 1.4;
    }

    .sustainable-chennal-mn-webinar {
        margin-top: 0px !important;
    }

    .listpadding {
        padding: 0px 10px !important;
    }

    .mainblock .ondemand-webinars-inner-block {
        height: auto !important;
    }

    .golden-btn.listbtn, .golden-btn.listbtn:active {
        font-size: var(--regularfontsize);
        width: 50%;
    }

    .tabmain {
        width: 60%;
    }
}

@media screen and (max-width: 767px) {
    .footer-bottom {
        text-align: center;
        background-color: #353535;
        padding: 20px 0;
    }

    .footer-social {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .footer-social a {
            margin-left: 10px;
            transform: translatey(0px);
            transition: all 0.4s ease;
        }

            .footer-social a path {
                fill: var(--white);
            }

    .copy-right {
        margin-top: 5px;
        color: #ccc;
        font-size: var(--regularfontsize);
    }

    .asked-questions {
        padding: 35px 0px 0px 0px !important;
    }

    #InquireNowForm .modal-dialog {
        margin: 20px auto !important;
    }

    .latest-view-btn a.golden-btn {
        color: var(--white) !important;
    }

    a.tablinks {
        padding: 20px 50px;
    }

    div#feature1 {
        margin-top: 20px;
    }

    .mobileshow {
        display: block;
    }

    #SposoraWebinar {
        clear: both;
    }

    .ondemand-webinars-block.mainblock img.onscrollloading {
        height: auto;
    }

    .mainblock h5.webinar-title {
        height: auto;
    }

    .title-key {
        margin: 12px 0 12px 0 !important;
    }

    .latest-view-btn a.golden-btn {
        margin: 0px 0px 22px 0px;
    }

    .tabmain {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .webinarsearch {
        padding: 0px;
    }

    .ondemand-webinars-block {
        padding: 0px 10px;
    }

    .presenters {
        padding: 20px 0px;
    }

        .presenters h2 {
            margin-top: 0px;
            margin-bottom: 10px !important;
        }

        .presenters .swiper-slide {
            box-shadow: 0px 1px 17px 0px rgb(0 0 0 / 8%) !important;
        }

        .presenters .col-md-7.p-none {
            padding: 15px !important;
        }

        .presenters .details h2, .presenters .details p {
            text-align: left;
        }

    a.tablinks {
        padding: 10px 30px;
        font-size: 12px;
        width: 45% !important;
        margin-bottom: 9px;
    }

    .features .col-sm-3 {
        min-height: 100px !important;
        margin-bottom: 10px !important;
    }

    .presenters .swiper-container {
        padding-top: 0px !important;
    }

    .features .col-sm-3 {
        width: 49%;
        float: left;
    }

    #InquireNowForm .modal-header {
        background-color: #f7f8fa;
        padding: 15px;
    }
    #InquireNowForm span.text-danger.field-validation-error {
        font-size: 12px;
        position: absolute;
        margin-top: -21px;
    }
    .custom_inquiry_modal .modal-body .form-control{margin: 0px 0px 22px 0px;}
}

@media only screen and (max-width: 425px) {
    .ondemand-webinars-title h2, .upcoming-webinar-title h2 {
        margin-top: 0;
    }

    .ondemand-webinars {
        padding-top: 20px;
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
    }

    .top-header-bg {
        padding-bottom: 0;
    }

    .floting-icons {
        max-width: 45px;
    }

    .tab.col-sm-7 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        padding: 0;
    }

    .latest-view-btn a.golden-btn {
        padding: 5px 8px;
        font-size: var(--regularfontsize) !important;
    }
    /*.golden-btn.listbtn, .golden-btn.listbtn:active{width: 48%;}*/
    .golden-btn.listbtn#UpcommingTab {
        width: 98%;
        margin-top: 5px;
    }

    .webinarsearch .input-container {
        width: 99%;
        text-align: left;
        margin-top: 5px;
        display: block;
    }

    .webinar-title {
        height: auto;
        font-size: var(--regularfontsize);
        overflow: hidden;
    }

    .icontags {
        padding: 20px 0px;
    }

    .asked-questions .panel-default > .panel-heading {
        border-bottom: 1px solid #e5e5e5;
    }

    .tablinks img {
        max-width: 40px;
    }

    a.tablinks {
        padding: 10px;
        font-size: var(--smallfontsize);
    }

    .features {
        padding: 20px;
    }

        .features .col-sm-3 {
            width: 49%;
            float: left;
        }

        .features p {
            font-size: var(--regularfontsize);
        }

        .features .row {
            display: flex;
            flex-wrap: wrap;
        }

    .message {
        font-size: var(--regularfontsize);
        font-family: var(--regularfonts);
        padding: 15px 0px;
    }

    .testimonials h2 {
        margin-bottom: 0px;
    }

    .testimonials {
        padding: 20px 0px;
    }

    .name-title {
        display: block;
        text-align: center;
    }

    .icontags h3, .ondemand-webinars-title h2, .upcoming-webinar-title h2 {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .featured-webinars .col-xs-4 {
        width: 100%
    }

    .ondemand-webinars-watch {
        top: 20%;
    }

    .ondemand-webinars-block.mainblock img.onscrollloading {
        height: auto;
    }

    .featured-logo {
        margin-top: -130px;
        border-bottom: 70px solid white;
        margin-left: calc(50% - 110px);
        width: 220px;
    }

        .featured-logo img {
            top: 75px;
        }

    .footer_social div {
        width: 100%;
        margin: 0 auto;
        display: flex;
    }

        .footer_social div span {
            width: 17%;
            float: left;
            text-align: center;
        }
}

@media only screen and (max-width: 385px) {
    .features .col-sm-3 {
        min-height: 140px;
    }

    .features p {
        line-height: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .sustainable-chennal-mn-webinar {
        margin-top: -3px !important;
    }

    .one {
        top: 5%;
    }

    .two {
        top: 65%;
    }

    .icontags {
        padding: 20px 5px;
    }
    /*.features .col-sm-3{min-height: 130px;}*/
    .features img {
        max-width: 50px;
    }

    .testimonials {
        padding: 20px 0px;
    }

        .testimonials h2 {
            font-size: var(--titlefontsize);
            margin: 10px;
        }

    .message {
        padding: 0px 0px 10px 0;
    }

    .testimonial-carousel .slick-dots {
        bottom: 20px !important;
    }

    .asked-questions h2 {
        font-size: var(--subtitlefontsize);
        margin-bottom: 25px;
    }

    a.tablinks {
        padding: 10px 30px;
        font-size: 12px;
        width: 49%;
    }
}

@media only screen and (max-width: 320px) {

    a.tablinks {
        padding: 10px 20px;
    }
    /* .golden-btn.listbtn, .golden-btn.listbtn:active{padding: 5px;font-size: 12px !important;width: 100%; margin-top: -10px;}
	.golden-btn.listbtn#UpcommingTab { width: 100%; margin-top: -10px;} */

}

@media screen and (max-width:1024px) {
    .presenters .client-img {
        width: 50px;
        height: 50px;
    }

    .presenters .details {
        width: calc(100% - 56px);
        margin-top: 0px;
    }
}

@media screen and (max-width:992px) {
    /*.presenters .swiper-container{padding-left:18px;}*/
    .swiper-slide-next {
        opacity: 1 !important;
    }

    .presenters h2 br {
        display: none;
    }
}

@media screen and (max-width:560px) {
    .presenters h2 {
        font-size: 22px;
        text-align: center;
    }

    .presenters p {
        font-size: 14px;
        text-align: center;
    }
    /*.presenters .swiper-container { padding-left: 10px;}*/
    .swiper-slide {
        min-height: 400px;
    }
}
/*a#FeaturedwebinarTab {
    display: none;
}*/
.testimonial-carousel .slick-dots {
    position: relative;
    bottom: 0px !important;
}

.testimonial-carousel {
    margin-bottom: 0px;
}

@media (min-width:1441px) {
    .ondemand-webinars-block img {
        height: 270px;
    }
}