@charset "utf-8";
@media only screen and (min-width:1925px) {
    .sectionBlock {
        margin: 0px;
    }
    .blockWrapper {
        max-width: 100%;
    }
    .sectionBlock .mediaImage img {
        max-width: inherit;
        width: 100%;
    }
    .sectionBlock {
        margin: 0;
    }
}
@media only screen and (max-width:1750px) {
    /*.verticleSectionContainer .verticalSectionCenter{
  	padding: 0px 21%!important;
}*/
    .sponsorCarouselContainer{
        padding: 0px 21%!important;
    }
    .backgroundImages .desktopImage{
        height:100%;
        width:auto;
    }
    .verticle3Col .verticalSectionCenter{
        width:auto!important;
        padding:0px!important;
    }
}

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

    .verticleSectionContainer .verticalSectionCenter{
        /*padding: 0px 15%!important;*/
        padding: 0px 0%!important;
    }
    .sponsorCarouselContainer {
        padding: 0px 15%!important;

    }
    .verticle3Col .verticleSectionContainer .verticalSectionCenter{
        width:auto!important;
        padding:0px!important;
    }

    .mainNavigation .nav-block .nav-area>li:last-child ul li .drop-detailed {
        right:100%;
        left:auto;
    }
    .mainNavigation .nav-block .nav-area>li:first-child ul li .drop-detailed {
        left:100%;
        right:auto;
    }
    .openVerticalRotator{
        top: 1%;
    }
}
@media only screen and (max-width:1440px) {

    .saph-wrapper {

        max-width: 1320px !important;
    }
    .saph-wrapper .saph-leftBlock {
        width: 73.667% !important;
        padding-right: 2%;
    }
    .saph-wrapper .saph-rightBlock {
        width: 26.26% !important;
    }
    .saph-wrapper.saph-videoOnly {
        max-width: 940px !important;
    }
    .multiColStackCarContainer .articleBox .videoInline .videoAllContainer{
        min-height:100px;
    }
}
@media only screen and (max-width:1280px) {


    .saph-wrapper .saph-leftBlock {
        width: 70% !important;
        padding-right: 2%;
    }
    .saph-wrapper .saph-rightBlock {
        width: 30% !important;

    }
    .verticalRotatorContainer .columnHeroremove{
        height: 150px;
        margin-bottom:7px;
        margin-top:7px;
    }
    .singleVerRotatorContent .singleVerRotatorImage img {
        width: 97.5%;
        /*max-height: 155px;*/
        max-height: 168px;
    }

    .verticalRotatorContainer .widget-prev{
        top:-7px;
        width:100px;
    }

    .verticalRotatorContainer .widget-next{
        width:100px;
        top:5px;
    }
    .verticalRotatorContainer .widget-next .fa{
        line-height:20px;
    }
    .verticalRotatorContainer .widget-prev .fa{
        line-height:20px;
    }
    .customHeaderAR .header-holder {
        padding-left:15px;
        padding-right:15px;
    }

    .verticleSectionContainer .verticalSectionCenter {
        padding: 0 !important;
    }

    .verticalRotatorContainer .slick-list {
        min-height: 322px !important;
    }

    .sponsorCarouselContainer {
        padding: 0 12% !important;
    }

    .sponsorCarouselContainer {
        padding: 0 12% !important;
    }

    .blockWrapper {
        max-width: 1280px;
        margin: 0 auto;
    }
    .mediaImage .mediaDesktop {
        /*display: none;*/
    }
    .mediaImage .mediaTablet {
        display: block!important;
    }
    .mediaImage .mediaMobile {
        /*display: none;*/
    }
    .backgroundImages .desktopImage{
        display: none;
    }
    .backgroundImages .tabletImage{
        display: block;
        height:100%;
        width:auto;
    }
    .backgroundImages .mobileImage{
        display: none;
    }
    .bannerAd {
        display: none;
    }


}



@media only screen and (max-width:1220px) {
    .videoInline .videoaLeftContainer .mainplayercontainerVideo{
        width: 100%;
    }

    .verticleSectionContainer .verticle3Col .customTextBlock>div {
        padding: 0px!important;
        max-width: 350px;
    }

    .verticle3Col .positionClass .Heading2, .verticle3Col .customTextBlock .Heading2{
        font-size: 40px;
        line-height: 46px;
    }

    .verticle3Col .positionClass .Heading1, .verticle3Col .customTextBlock .Heading1{
        font-size: 50px;
        line-height: 56px;
    }

    .nav-area>li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)).has-drop .drop-detailed {
        right:100%;
        left:auto;
    }
}

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

    ul.saph-peerGoup li {
        width: 33.3%;
    }

}

@media only screen and (max-width:1150px) {
    .verticleSectionContainer .verticle3Col .customTextBlock{
        padding: 35px 0px;
    }
    .verticleSectionContainer .verticle3Col .customTextBlock>div {
        max-width: 300px;
    }

    .verticle3Col .positionClass .Heading1, .verticle3Col .customTextBlock .Heading1 {
        font-size: 44px;
        line-height: 50px;
    }

    .verticle3Col .positionClass .Heading2, .verticle3Col .customTextBlock .Heading2 {
        font-size: 34px;
        line-height: 40px;
    }

    .mainNavigation .nav-block .topNavListAR .nav-area>li {
        padding: 0 2% 0 0;
    }

    .verticleSectionContainer .verticalSectionCenter{
        padding: 0!important;
        width:auto!important;
    }
    .sponsorCarouselContainer {
        padding: 0 !important;

    }
    .mainNavigation {
        font-size: 13px;
    }

    .favorites_main {
        float: left;
        width: 50%;
    }
    .megaMenu.fullNav .mainNavigation .nav-block .nav-area>li {
        padding: 0 2% 0 0;
    }
}

@media only screen and (max-width:1100px) {
    .sponsorLargeContainer .slick-next {
        right: 0!important;

    }
    .sponsorLargeContainer .slick-prev {
        left: 0!important;
    }
    .customAccordionStyle2 .accordianBlock .expandTitle {
        /*padding-left: 15px;*/
    }
    .customAccordionStyle2 .columnHero ul li {
        display: table-row;
        padding: 0px;
        padding-left: 15px;
        float: left;
    }

    .customAccordionStyle2 .columnHero ul li .icon {
        padding-left: 0px;
    }

}


@media only screen and (max-width:1024px) {
    .radioValues .radioOptions {
        width: 100%;
        float: left;
    }
    .socialMediaBlock iframe{
        width:1024px;

    }
    .socialMediaCenterBlock iframe{
        width:950px;
    }
    .positionClass .Heading1, .customTextBlock .Heading1 {
        font-size: 50px;
        line-height: 56px;
    }

    .positionClass .Heading2, .customTextBlock .Heading2 {
        font-size: 44px;
        line-height: 50px;

    }
    .headerCountDown{
        width: 100%;
        margin-left: 7%;
    }
}
@media only screen and (max-width:1023px) {

    .socialMediaBlock iframe{
        width:100%;

    }
    .socialMediaCenterBlock iframe{
        width:100%;
    }

}
@media only screen and (min-width:1001px) {
    .mainNavigation .nav-area.js-slide-hidden {
        display: block !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
    }
    .countryselector #country-flayout .countryselector-regions .col-creator .countryselector-col .countryselector-content.js-slide-hidden {
        left: auto !important;
        position: static !important;
        top: auto !important;
        visibility: visible;
    }
    .countryselector #country-flayout .countryselector-regions .col-creator .countryselector-col .countryselector-content.js-slide-hidden .nav-select {
        display: none;
    }
}
@media only screen and (max-width:1000px) {
    #headerTop .logoBlock {
        margin-right: 5px;
    }

    .saph-wrapper {
        height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 25px 15px 100px;
        scrollbar-color: #A8A8A8 #666;
        scrollbar-width: thin;
    }

    /* scroll width */
    .saph-wrapper::-webkit-scrollbar {
        width: 0px;
    }
    /* scroll Track */
    .saph-wrapper::-webkit-scrollbar-track {
        background: #5A5A5A;
        border-radius: 4px
    }
    /* scroll Handle */
    .saph-wrapper::-webkit-scrollbar-thumb {
        background: #909090;
        border-radius: 4px
    }

    .saph-wrapper .saph-leftBlock {
        width: 100% !important;
        padding-right: 0px;
    }

    .saph-wrapper .saph-leftBlock .saph-videoBlock {
        /*position: sticky;*/
        top: 0px;
        z-index: 9;
    }
    .saph-wrapper .saph-rightBlock {
        width: 100% !important;
    }
    .saph-wrapper .saph-leftBlock .centerBlock {
        max-width: 960px;
        margin: 0px 0px;
    }
    .saph-leftBlock .positionClass p, .saph-leftBlock .customTextBlock p {
        font-size: 12px;
        line-height: 18px;
    }
    .headerCountDown{
        display:none;
    }
    .customfaqAcc .expandTitle a {
        display: inline;
    }
    .customAccordionStyle2 .customAccordionInner, .customAccordionStyle2 .expandTitle {
        padding: 0px 15px;
    }


    .aribafooterLinks .hideFooterRightLogoMob {
        display: none!important;
    }
    .verticalRotatorContainer{
        display:none;
    }
    .megaMenu.fullNav .mainNavigation .nav-block .nav-area>li {
        padding: 0;
    }
    .mainNavigation .has-drop a.mobnoclick em {
        cursor:default!important
    }
    .mainNavigation .has-drop a.mobnoclick {
        cursor:default!important
    }
    .navShowonDesktop{display:none!important;}
    .navHideonDesktop{display:block!important;}

    .verticle3Col .positionClass .Heading1, .verticle3Col .customTextBlock .Heading1 {
        font-size: 33px;
        line-height: 39px;
    }

    .verticle3Col .positionClass .Heading2, .verticle3Col .customTextBlock .Heading2 {
        font-size: 30px;
        line-height: 36px;
    }

    .verticleSectionContainer .verticle3Col .countdown th{
        font-size:15px!important;
        padding:0px 3px;
    }
    .verticleSectionContainer .verticle3Col .countdown td{
        font-size:20px!important;
        min-width:60px;
    }
    .aribafooterLinks .aribaFooterLogo img {
        width: 72px;
    }

    .customHeaderAR .login-details ul {
        margin-top: 0;
    }
    .customHeaderAR .contact-module .opener{
        margin-top:12px;
    }
    .customHeaderAR .mainNavigation .nav-block .nav-area>li {
        height: auto;
    }
    .customHeaderAR .header-holder{
        padding:26px 20px;
    }
    .customHeaderAR .linkButton {
        margin-top: 7px!important;
    }
    .customHeaderAR .login-details li#LoginText {
        margin-top: 8px;
    }
    .customHeaderAR .mainNavigation a.nav-opener{
        margin-top:16px;
    }

    .aribafooterLinks #footer{
        padding-bottom:20px;
    }
    .aribafooterLinks .aribaFooterLogo {
        text-align: center;
        display: block;
    }

    .login-details li.searchIcon{
        display:none;
    }

    .mainNavigation .topNavListAR .nav-area span.no-icon-lock{
        padding-left: 0;
    }
    .mainNavigation .topNavListAR .drop-area ul li {
        background-color: #000000!important;
    }

    .mainNavigation .topNavListAR .nav-area {
        background-color: #000!important;
        height:100%;
        /*min-height: 2500px;*/
    }
    .mainNavigation .topNavListAR .nav-block .nav-area > li{
        border-bottom:none!important;
    }
    .mainNavigation .topNavListAR li a{
        color:#fff!important;
        background-image: none!important;
    }
    .mainNavigation .topNavListAR .drop-area ul{
        width:100%!important;
    }
    .mainNavigation .topNavListAR .nav-block .nav-area > li.active > a{
        color:#222!important;
    }

    .mainNavigation .topNavListAR .nav-imagesAR{
        display:none;
    }

    .mainNavigation .nav-block .topNavListAR .nav-area > li.active {
        background: #000;
    }

    .mainNavigation .nav-block .topNavListAR .nav-area > li.active > a{
        color:#fff!important;
    }

    .mainNavigation .topNavListAR .drop-wrapper {
        padding: 0p!important;
        margin-bottom: 0;
        width: 96%;
        margin-left: 4%;
    }

    .hideRightLogoMob{
        display:none!important;
    }

    .sponsorCarouselContainer{
        width:346px;
    }
    .verticalRotatorContainer .centerBlock{
        margin: 0;
    }

    .footerRightLogo {
        top: 10px;
    }
    .periscopeContainer {
        padding: 15px 20px;
        max-width: 960px;
        margin: 0 auto;
    }
    .testRTE.section {
        padding: 0 5%;
        width: 90%;
    }
    .billboardNew.section {
        padding: 0 5%;
        width: 90%;
    }
    .billboard.section {
        padding: 0 5%;
        width: 90%;
    }
    .header-holder .logo {
        order: 1;
        display: flex;
        align-items: center;
    }

    .logoRight {
        float: none;
        width: auto;
        margin: 0 0 0 5px;
        padding: 0;
    }
    .logoRight ul.boldLink li {
        font-size: 13px;
    }

    .logoRight ul.smallLink {
        float: left;
    }
    section.socialLinksGroup .nav li:last-child {
        margin-right: 5px;
    }

    .custom-search {
        display: block;
        padding: 10px 15px 10px 20px!important;
    }

    section.footer .menu .link {
        float: none;
    }
    .scroller .sliderDetail .desBlock {
        width: 50%!important;
    }
    .contact-module .contact-set .call {
        display: none;
    }
    .contact-module .contact-set.singlecontact .col {
        width: 100%;
    }
    .contact-module .contact-set.doublecontact .col {
        width: 100%;
    }
    .contact-module .contact-set.doublecontact .col:first-child {
        border: 0 !important;
    }
    .singlecontact .col p, .doublecontact .col p {
        text-align: left;
    }
    .refreshBlock .sectionBlock {
        margin: 0 -230px;
    }
    #page {
        overflow: visible;
    }
    .icon-arrow-down {
        position: absolute;
        z-index: 9;
        float: right;
        right: 0;
        top: 0;
        width: 45px;
        height: 40px;
    }
    .icon-arrow-down a {
        display: block;
        width: 45px;
        height: 40px;
    }
    .close-icon {
        display: none;
    }
    .askQue {
    }
    .askQue h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .askQue h2 {
        font-size: 20px;
        line-height: 25px;
    }

    .mainNavigation {
        width: auto;
        margin: 0;
        padding: 0;
        font-size: 13px;
        line-height: 18px;
    }
    .megaMenu.fullNav .mainNavigation {
        width: 27px!important;
    }
    .login-details {
        float: right;
        font-size: 12px;
        position: static;
        right: 0;
        top: 0;
    }

    .login-details ul {
        margin: 0;
    }

    .login-details ul li {
        margin: 0 0 0 10px;
        padding: 0;
    }

    .login-details ul li img {
        margin-left: 0;
    }

    .login-details .hideItem {
        display: none !important;
    }

    .mainNavigation a.nav-opener img {
        height: 18px
    }

    .mainNavigation a.nav-opener {
        display: block;
        margin: 0 0 0 10px;
    }

    .mainNavigation a.nav-opener i {
        font-size: 30px;
        color: #000;
    }

    .mainNavigation a.nav-opener:hover {
        color: #3c3c3c;
    }
    .mainNavigation a.nav-opener .text {
        display: none;
    }
    .mainNavigation a.nav-opener [class^="icon-"]:before {
        line-height: 42px;
    }
    .mainNavigation a.nav-opener:hover [class^="icon-"]:before {
        color: #ccc;
    }
    .mainNavigation .slide-icon {
        display: block;
        padding: 10px 0;
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 44px;
        background: #000;
    }
    .mainNavigation .slide-icon [class^="icon-"]:before {
        color: #fff;
    }
    .mainNavigation .slide-icon:hover [class^="icon-"]:before {
        color: #ccc;
    }
    .mainNavigation .nav-block {
        display: none;
        overflow: hidden;
        position: absolute;
        top: 0;
        right:0;
        width: 276px;
        margin:0 -276px 0 0;
        z-index: 999;
    }

    .nav-block.active {
        left: calc(100% + 20px) !important;
        width: 276px !important;
    }

    header.customHeaderAR .mainNavigation .nav-block{
        background-color: #000;
        height:2500px;

    }
    .mainNavigation .nav-block .popup {
        display: block;
        left: 0;
    }
    .mainNavigation .nav-block .popup .popup-content {
        padding: 11px 10px 10px;
    }
    .mainNavigation .nav-block .nav-area {
        background: #f2f2f2;
        margin-top: 0;
    }

    .mainNavigation .nav-block .nav-area li:hover > a em {
        text-decoration: none;
    }
    .mainNavigation .nav-block .nav-area > li {
        float: none;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #ddd;
    }
    .mainNavigation .topNavListAR .nav-area > li{
        float:left!important;
        border-bottom: none;
        border-top: none!important;
    }
    .mainNavigation .nav-block .nav-area > li:first-child {
        border-top: 1px solid #ddd;
    }

    .mainNavigation .nav-block .nav-area > li > a {
        display: block;
        float: none;
        padding: 11px 11px 11px 20px;
        font-style: normal;
        font-size: 13px;
        line-height: 18px;
    }
    .mainNavigation .nav-block .nav-area > li > a:hover {
        color:#000;
    }
    .mainNavigation .nav-block .nav-area > li.has-drop > a {
        box-sizing: border-box;
        padding-right: 32px;
    }

    .mainNavigation .nav-block .nav-area > li.has-drop > a [class^="icon-"]:before {
        right: 15px;
    }
    /*.mainNavigation .nav-block .nav-area > li.active {*/
    /*    */
    /*}*/
    .mainNavigation .nav-block .nav-area > li.active > a {
        color: #fff;
        background-color: var(--blue);
    }

    .mainNavigation .nav-block .nav-area > li.active > a:before {
        transform: translateY(-50%) rotate(180deg);
    }

    .mainNavigation .nav-block .nav-area > li.has-drop > a:before {
        right: 15px;
    }

    .mainNavigation .drop-area {
        position: static;
        width: auto !important;
        padding: 0;
        left:15%;
    }
    .mainNavigation .drop-area .drop-slide-wrapper {
        height: auto !important;
        position: static !important;
        width: auto !important;
    }
    .mainNavigation .drop-area .drop-wrapper .drop-holder {
        border: 0;
        height: auto !important;
    }
    .mainNavigation .drop-area .drop-wrapper .drop-holder ul {
        padding: 0;
        border: 0;
    }
    .mainNavigation .drop-area .drop-wrapper .drop-holder ul li {
        font-size: 11px;
        line-height: 16px;
        padding: 0;
    }
    .mainNavigation .drop-area .drop-wrapper .drop-holder ul li > a {
        display: block;
        padding: 10px 11px 10px 20px;
        font-size: 13px;
        line-height: 16px;
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        /*border-top: 1px solid #ebebeb;*/
    }
    .mainNavigation .drop-area .drop-wrapper .drop-holder ul li > a:hover {
        color:#000
    }
    .mainNavigation .drop-area .drop-wrapper .drop-holder ul li > a.opener {
        padding: 10px 34px;
    }
    .mainNavigation .drop-area .drop-wrapper .drop-holder ul li.has-drop > a {
        padding-right: 37px;
        background: url(../../images/nav-down.png) no-repeat 96% center;
        background-size: 24px;
    }
    .mainNavigation .drop-area .drop-wrapper .drop-holder ul li.has-drop.active > a {
        background: url(../../images/nav-up.png) no-repeat 96% center;
        background-size: 24px;
    }

    .mainNavigation .drop-area .drop-wrapper .drop-holder ul li.has-drop > a [class^="icon-"]:before {
        right: 15px;
    }
    .mainNavigation .drop-area .drop-wrapper .drop-holder ul > li.has-drop > a > .icon-arrow-down:before {
        display: block;
        color: #000;
    }
    .mainNavigation .drop-area .drop-wrapper .drop-holder ul > li.has-drop > a > .icon-arrow-right:before {
        display: none;
    }
    .mainNavigation .drop-area .drop-detailed {
        position: static;
        width: auto !important;
    }
    .mainNavigation .drop-area .drop-detailed > .drop-holder {
        border: 0;
        height: auto !important;
    }
    .mainNavigation .drop-area .drop-detailed > .drop-holder .drop-title {
        padding: 10px 20px;
        display: none;
    }
    .mainNavigation .drop-area .drop-detailed > .drop-holder .drop-set {
        padding: 0;
    }
    .mainNavigation .drop-area .drop-detailed > .drop-holder .drop-col {
        float: none;
        width: auto;
        margin: 0;
        padding: 0px;
    }
    .mainNavigation .drop-area .drop-detailed > .drop-holder .drop-col > ul > li.open-close > a {
        color: #000;
        padding: 9px 10px 9px 20px;
    }
    .mainNavigation .drop-area .drop-detailed > .drop-holder .drop-col > ul > li.open-close > a > .icon-arrow-down:before {
        display: none;
    }
    .mainNavigation .drop-area .drop-detailed > .drop-holder .drop-col > ul > li.open-close > a.opener:hover em {
        text-decoration: none;
    }
    .mainNavigation .drop-area .drop-detailed > .drop-holder ul .open-close .slide ul {
        padding: 0 0 0 14px;
        margin: 0;
    }
    .mainNavigation .drop-area .drop-detailed > .drop-holder ul li a {
        color: #008fd3;
        padding: 8px 5px 8px 25px;
        font-size: 11px;
        border:0px;
    }
    .mainNavigation .drop-area .drop-detailed > .drop-holder ul li a:hover {
        color: #008fd3;
    }
    .mainNavigation .nav-block .nav-area > li > a {
        color: #222;
    }
    .countryselector #country-flayout .country-flayout-body {
        width: 240px;
        padding: 15px;
        text-align: left;
    }
    .countryselector #country-flayout h2.countryselector-title {
        font-size: 16px;
        line-height: 1.1875;
        margin: 0 0 5px;
    }
    .countryselector #country-flayout .countryselector-regions {
        margin: 0;
    }
    .countryselector #country-flayout .countryselector-regions .col-creator {
        display: block;
    }
    .countryselector #country-flayout .countryselector-regions .col-creator .countryselector-col {
        padding: 7px 0 7px;
        border-top: 1px solid #ddd;
        background: url(../../images/nav-arrow-down-icon.png) no-repeat right 10px;
        background-size: 13px;
    }
    .countryselector #country-flayout .countryselector-regions .col-creator .countryselector-col h3 {
        font: 16px/1.1875 BentonSans, Arial, Helvetica, sans-serif;
        margin: 0 0 -9px;
    }
    .countryselector #country-flayout .countryselector-regions .col-creator .countryselector-col h3 {
        margin: 0 0 3px;
        cursor: pointer;
        font-size: 15px;
        line-height: 1.2;
    }
    .countryselector #country-flayout .countryselector-regions .col-creator .countryselector-col h3:hover {
        text-decoration: underline;
    }
    .countryselector #country-flayout .countryselector-regions .col-creator .countryselector-col .countryselector-content {
        max-width: none;
    }
    .countryselector #country-flayout .countryselector-regions .col-creator .countryselector-col .countryselector-content .nav-select {
        width: 100%;
        margin-bottom: 5px;
        display: block;
    }
    .countryselector #country-flayout .countryselector-regions .col-creator .countryselector-col .countryselector-content ul {
        display: none;
    }
    section.quickLinks ul {
        text-align: left;
        border-width: 0;
        margin: 0;
    }
    section.socialLinksGroup {
        text-align: center;
        max-width: 300px;
        margin: 0 auto;
    }
    section.socialLinksGroup .headline {
        display: block;
        text-align: center;
    }
    section.socialLinksGroup .headline {
        margin-bottom: 5px;
        margin-top: 10px;
    }
    section.socialLinksGroup .contentBlocks > li .linkContent {
        border-width: 1px 0;
        bottom: 45px;
    }
    .countryselector {
        position: relative;
    }
    .centerBlock {
        max-width: 960px;
        margin: 0px 20px;
    }
    .heroContent .pageShowcase {
        max-width: 960px;
        margin: 0px 20px;
        width: auto;
    }
    .commonHero .s4hanaBlock {
        max-width: 960px;
        margin: 0px 20px;
        width: auto;
    }
    .blackContainer {
        width: 96%;
        padding: 20px 2%;
    }
    .wrapper-dropdown-1 {
        background: url(../../images/nav-arrow-icon.png) no-repeat right 25px;
    }

    .customVideoList .videoInline .videoaLeftContainer .mainplayercontainerVideo {
        width: 100%;
        margin: 0;
    }


    .multiSocialBlock {
        position: relative;
        float: left;
        width: 100%;
    }
    .socialLinksWrap ul li.shareIcon {
        float: none;
        position: relative;
        top: 2px;
        display: inline-block;
    }
    .socialLinksWrap ul li.shareIcon {
        display: block;
        padding-left:0px;
    }
    .socialLinksWrap ul li.shareIcon>div {
        width: 95px;
        margin: auto;
        padding: 15px 0 0px 10px;
    }
    .custom3ColBillboard {
        width: auto;
        margin: 0px 20px;
    }
    .nestedAccordinBlock .centerBlock {
        margin: 0px!important;
    }
}
@media only screen and (max-width:950px) {
    .socialMediaCenterBlock iframe{
        width:900px;
    }
    .mediaContentBlock {
        padding: 40px 0 0;
    }
    .customerStoryColumn h1 {
        font-size: 40px;
        line-height: 40px;
    }
    .billboardblock .sectionBlock {
        margin: 0 -250px;
    }


    /*.sapLogo {
float: left;
padding-top: 8px;
margin-top: 0;
text-decoration: none;
width: 50%;
}
.asugLogo {
float: left;
padding-top: 2px;
margin-top: 0;
text-decoration: none;
border-left: solid 2px #908f91;
width: 40%;
}
.sapLogo img, .asugLogo img {
max-width:100%;
}
*/
    .sidebarBlock ul.innertab li {
        padding: 0px 0 0 8px;
        font-size: 12px;
    }
}
@media only screen and (max-width:900px) {

    .verticleSectionContainer .verticalSectionCenter {
        padding: 0px 0%!important;
    }

    .custom_embed_video .liveCompImage .playerImg {
        width: 100%;
        height: 103px;
    }
    .accordianBlock.nestedAccordinBlock .accordianBlock .nestedinrtab .pClass {
        width: 85%;
    }
    .accordianBlock.nestedAccordinBlock .accordianBlock .nestedinrtab .innertab .pClass {
        width: 80%;
    }
    .nestedinrtab .pClass {
        width: 85%;
    }
    .ppl_comments .content {
        float: left;
        width: 80%;
        padding-left: 1%;
    }
    .vepRightBlock {
        float:right;
        width:70%;
    }


    .run_better .contentRow .rightSide {
        width:55%
    }
    .xCasetwoColumn h1 {
        font-size: 35px;
        line-height: 35px;
    }
    .customerStoryColumn .columnDetail {
        font-size: 15px;
        color: #fff;
        float: left;
        width: 100%;
        line-height: 20px;
        padding: 0px 0px 7px;
        font-family: "BentonSansBook", Arial, Helvetica, sans-serif;
        font-weight: normal;
    }
    .blockAskque {
        max-width: 900px;
        margin: 0 auto;
    }
    .viewExperts .viewExpertsImage {
        padding-bottom: 25px;
    }
    .askQue {
        max-width: 370px;
        margin: auto;
        padding: 20px 0px 0;
        min-height: 375px;
        text-align: center;
    }
    .casestudyBlock {
        padding: 55px 20px 55px 0px;
    }
    .twoColumnBox .columnPad {
        width: 84%;
        padding: 6% 6% 20px 10%;
    }
    .activeBenefit {
        position: relative;
        width: 0px;
        text-align: center;
        display: block;
        margin: auto;
        margin-top: -35px;
    }
    .activeBenefit span {
        position: absolute;
        width: 90px;
        left: -45px;
        top: 50px;
    }
    .run_better .contentRow .thelanguage .area_content {
        padding-left: 45px;
        float: left;
        width: 65%;
    }
    #main-del .live_container .lead_cust .blocks {
        width: 45%;
    }

    .verticleSectionContainer .countdown th{
        font-size:18px!important;
    }
    .verticleSectionContainer .countdown td{
        font-size:24px!important;
    }
    .countdown th{
        font-size:26px!important;
    }
    .countdown td{
        font-size:32px!important;
    }

}
@media only screen and (max-width:800px) {
    .saph-wrapper {
        max-width: 640px !important;
        padding: 10px 15px 10px;
    }

    .saph-leftBlock .saph-heading1 {
        font-size: 18px;
        line-height: 22px;
        padding: 10px 0 10px 0;
    }
    .saph-wrapper .saph-topHead .saph-Title {
        padding: 5px 0px 15px;
        font-size: 26px;
        line-height: 28px;
    }

    .regiframeBox {
        height: calc(100vh - 72px);
        width: 100%;
        overflow-y: scroll;
        background: #fff;
    }
    .regPopBox .regIframe {
        width: 100%;
        float: left;
        border: 0px;
        box-sizing: border-box;
        height: 1200px !important;
        overflow: scroll !important;
        background: #fff;
    }
    .regPopBox .regPopHeader {
        padding: 32px 10px 22px 25px;

    }
    .saph-wrapper.saph-videoOnly {
        max-width: 640px !important;
    }

    .customVideoList .customTextBlockHeader .positionClass {
        padding: 0px!important;
    }
    .customSingleSmallCTA .positionClass {
        display: table;
    }

    .livevideostream  .customLiveVideoStream{
        display: table;
        width: 100%;
    }
    .multiImageCTA .multiSpeakerContainer .positionClass{
        display: inline-block;
        margin: 0px!important;
    }

    .marginNone .positionClass, .marginSmall .positionClass, .marginMedium .positionClass, .marginLarge .positionClass{
        padding: 0px 0px!important;
        margin: 0px!important;
    }
    .twoColumnBox .rightColumn .customTextBlock{
        padding: 0px 0px;
    }
    .twoColumnBox .leftColumn .customTextBlock{
        padding: 0px 0px;
    }
    .billboardNew .positionLeft{
        margin: auto;
        margin-left:0px;
        width:auto;
    }

    .billboardNew .positionCenter{
        margin:auto;
        width:auto;

    }
    .billboardNew .positionRight{
        margin: auto;
        margin-right: 0px;
        width:auto;

    }
    .verticleSectionContainer .verticle3Col .countdown th{
        font-size:15px!important;
        padding:0px 3px;
    }
    .sponsorLargeContainer .positionClass {
        margin: 0px auto!important;
        padding: 0px 0%!important;
    }
    .verticleSectionContainer .verticle3Col .countdown td{
        font-size:18px!important;
        min-width:52px;
    }


    .custom3ColBillboard .billboardOverlayContent {
        margin:0px;
        width: auto;
        padding: 20px 4%;
        float: left;
    }
    .custom3ColBillboard .speakerHeroBlock {
        width: auto;
        padding: 0;
        margin: 20px 10px;
    }
    .custom3ColBillboard.multiSpeakerContainer .speakerHeroBlock .articleBox {
        width: 100%;
        padding: 20px 0px;
    }
    .billboardwithimage.section .positionClass {
        display: block !important;
    }
    .custom3ColBillboard.multiSpeakerContainer .speakerHeroBlock {
        display: none;
    }
    .commonHeroRelative .custom3ColBillboard.multiSpeakerContainer .speakerHeroBlock {
        display: block;
    }
    .customSpeakerContainer.custom3ColBillboard.multiSpeakerContainer {
        display: block;
        float: left;
        position: relative;
        z-index: 100;
    }
    .customSpeakerContainer.custom3ColBillboard.multiSpeakerContainer .speakerHeroBlock {
        display: block;
    }
    .listingSection .vepVideoBlock .savePlaylist {
        font-size: 12px!important;
    }
    .speakerArea {
        width: 45%;
    }
    .multiSpeakerContainer .speakerHeroBlock .columnHero {
        padding: 0px 10px;
    }
    .positionClass .Heading1, .customTextBlock .Heading1 {
        font-size: 45px;
        line-height: 49px;
    }
    .positionClass .Heading2, .customTextBlock .Heading2{
        font-size: 42px;
        line-height: 48px;
    }
    .positionClass h4, .customTextBlock h4 {
        font-size: 23px;
        line-height: 26px;
    }
    .videoInline .videoaLeftContainer .mainplayercontainerVideo {
        width: 100%;
    }

    .live_player .right .heading_main {
        font-size: 12px;
    }
    .viewExperts .viewExpertsImage {
        padding-bottom: 80px;
    }
    .touchOnly {
        display: block !important;
    }
    .desktopOnly {
        display: none !important;
    }
    .videoBlock h1 {
        font-size: 45px;
        line-height: 47px;
    }
    .s4hanaBlock h1 {
        font-size: 45px;
        line-height: 50px;
    }
    .s4hanaBlock h2 {
        font-size: 40px;
        line-height: 45px;
    }
    .columnHeroImage img {
        max-height: 230px;
        max-width: 230px;
    }
    .agenda_main .agendaLeftBlock {
        width: 100%;
        float: left;
        padding-bottom: 10px;
    }
    .agenda_main .agendaRightBlock {
        width: 100%;
        float: left;
        padding: 10px 0;
    }

    .verticleSectionContainer .positionClass{
        display:block;
        margin: 0 !important;
        width: auto !important;
    }

    .logoBlock span {display:none;}
    .socialMediaCenterBlock iframe{
        width:750px;
    }

    .customAccordionStyle2 .positionClass {
        margin: 0px auto!important;
        padding: 0px 0%!important;
        display: block!important;
    }
    .customfaqAcc .positionClass {
        margin: 0px auto!important;
        padding: 0px 0%!important;
    }

}

@media only screen and (device-width: 768px) and (orientation:portrait) {
    section#SHOWFLOOR_DISPLAY .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    /* For general iPad layouts */
    #TB_window {
        zoom: 90%;
    }
    .regularPopup.well {
        zoom: 86%;
    }
    .socialMediaBlock iframe{
        width:768px;
    }
    .socialMediaCenterBlock iframe{
        width:728px;
    }
    .customscriptblock #showflooriframe {
        height: 900px !important;
        margin-top: -2px;
    }

}

@media only screen and (min-width:1010px) and (max-width:1024px) {
    .customscriptblock #showflooriframe {
        height: 963px !important;
    }
}



@media only screen and (max-width:768px) {
    .customHorizAccordionBlock .columnHero ul li .time {
        display: none;
    }

    .customHorizAccordionBlock .columnHero ul li .icon {
        /* float: right; */
        /* min-width: 45px; */
        /* right: 5px; */
        /* position: absolute; */
        /* top: 25px; */
        /* text-align: right; */
        padding-left:0px;
    }

    span.fa.fa-spotlight {
        background: url(../../images/spotlight-icon2-new.jpg) no-repeat;
        background-size: 30px;
        width: 30px;
        height: 30px;
        margin-right: 0px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    .accordianBlock .customHorizAccordionBlock .inrtab .customhorizTextBlock {

        margin: 0px !important;
        padding: 0px 10px !important;
    }
    .customHorizAccordionBlock .columnHero ul li .item {
        float:none;
        margin-left:50px;
        width:auto;
    }

    .customAccordionStyle2 .columnHero ul{
        left: 0px;
    }
    .sponsorLargeContainer .slick-dots {
        left: 0px;
    }

    .customAccordionStyle2 .columnHero ul li {
        display: flex;
        padding:0px;
        width:100%;
    }
    .customAccordionStyle2 .columnHero ul li .item{
        padding:26px 0px;
        border-bottom: none;
        width: 90%;
        padding-right:10%;
        padding-left:15px;
    }

    .customAccordionStyle2 .columnHero ul li .time{
        display:none;
    }
    .customAccordionStyle2 .columnHero ul li .icon {
        float: right;
        min-width: 45px;
        right: 0;
        position: absolute;
        top: 32px;
    }
    .verticleSectionContainer .verticle3Col .customTextBlock>div {
        max-width: 100%;
    }
    .verticle3Col .backgroundImages .tabletImage{
        width: 100%;
    }

    .verticalSectionParsys {
        position: absolute;
        top: 0px;
        top: 40px;
        /* width: 85%; */
        width: 57%;
        text-align: center;
        left: 50%;
        transform: translatex(-50%);
        -ms-transform: translatex(-50%);
        -webkit-transform: translatex(-50%);
        -moz-transform: translatex(-50%);
        -o-transform: translatex(-50%);

    }


    .verticalRotatorContainer{
        display:none;
    }
    .verticalRotatorContainer{
        /*width:50%;*/
        height: 50%;
    }
    .verticleSectionContainer .verticle1Col{
        width:100%;
    }
    .verticleSectionContainer .verticle2Col{
        width:100%;
    }
    .verticleSectionContainer .verticle3Col{
        width:100%;
    }
    .verticleSectionContainer .verticle4Col{
        width:100%;
    }
    .openVerticalRotator.verticalRotatorMiddle{
        top: calc(17%);
    }

    .positionClass {
        margin: 30px auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}

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

    .bannerSpace .bannerDesk {
        display:none;
    }

    .bannerSpace .bannerMob {
        display:block;
    }

    .saph-wrapper .saph-topHead .customTextBlock {
        padding: 0;
    }
    .saph-wrapper {
        padding: 5px 15px;
    }
    .saph-wrapper .saph-topHead .saph-Title {

        font-size: 22px;
        line-height: 26px;
    }

    ul.saph-peerGoup li {
        width: 50%;
    }
    .saph-leftBlock .saph-heading1 {
        width: 66%;
        padding-bottom: 5px;
        font-size: 18px;
        line-height: 22px;
    }
    .saph-leftBlock div.saph-socialLink {
        width: 34%;
        padding-bottom: 10px;
    }
    .customLiveExpComp .videoaRightTabs .videoaRightContainer.saph-rightBlock {
        width: calc(100% + 40px) !important;
        padding: 0px !important;
        left: 20px !important;
    }

    .customHorizAccordionBlock .customHorizAccord .inrtab  {
        max-width: calc(100vw - 40px);
        min-width: calc(100vw - 40px);
        border-right:0px;
    }

    .imageMapCustom .mediaDesktop {display: none;}
    .imageMapCustom .mediaTablet {display: none;}
    .imageMapCustom .mediaMobile {display: block;}
    .customscriptblock #showflooriframe {
        height: 1000px!important;
        overflow: auto;
    }
    .positionClass p, .customTextBlock p {
        word-break: break-word;
    }
    .customVideoList .videoInline{
        width:100%;
        padding: 0px;
    }
    .customVideoList .videoInline .videoaLeftContainer {
        width: 100%;
        max-width: 100%;
        padding-bottom: 0;
        min-height: 168px;
        float: none;
    }
    .customVideoList .videoPlaylistContainer {
        width: 100%;
    }
    .customVideoList .videoPlaylistContainer.videoPlaylistCont{
        left:0px;
        height:350px!important;
    }

    .multiColStackCarContainer .multiStackCar1Col .articleBox{
        width:100%;
    }

    .multiColStackCarContainer .articleBox .columnHeroImage img{
        width:100%;
    }
    .multiColStackCarContainer .videoInline .videoAllContainer img{
        width:100%!important;
    }
    .multiColStackCarContainer .multiStackCar3Col .columnHero, .multiColStackCarContainer .multiStackCar2Col .columnHero, .multiColStackCarContainer .multiStackCar1Col .columnHero {
        max-width: 767px!important;
    }


    .multiColStackCarContainer .videoInline{
        width:100%;
        padding:0px;
    }
    .multiColStackCarContainer .multiStackCar2Col .articleBox, .multiColStackCarContainer .multiStackCar3Col .articleBox {
        width: 100%;
    }
    .multiColStackCarContainer .videoInline .videoAllContainer{
        min-height: auto;
    }
    .multiColStackCarContainer .columnHeroImage {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .speakerOverlayContent {
        margin: 30px 10px;
    }

    .billboardNew .positionLeft{
        margin-right: auto;
        margin-left:0;
        width:auto;
    }
    .billboardNew .positionCenter{
        margin-left: auto;
        margin-right: auto;
        width:auto;
    }
    .billboardNew .positionRight{
        margin-left: auto;
        margin-right: 0;
        width:auto;

    }

    .marginMedium{
        padding-top: 15px!important;
        padding-bottom: 15px!important;
    }
    .marginLarge{
        padding-top: 30px!important;
        padding-bottom: 30px!important;
    }
    /*.textBlock .marginDefault{
   padding-top: 60px!important;
   padding-bottom: 60px!important;
}*/
    .sponsorLargeContainer .articleBox{
        float:none;
        margin-left:auto;
        margin-right:auto;
    }
    .customHeaderAR .login-details .headerRightLogo .deskLogo{
        max-height: 48px;
    }
    .customHeaderAR .login-details .headerRightLogo {
        margin-top: -2px;
    }

    .customHeaderAR .login-details .headerRightLogo .mobLogo{
        max-height:48px;
    }
    .verticleSectionContainer .verticleCols .customTextBlock .hrAlignLeft hr {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    hr.hrCustomMargin {
        margin-bottom: 12px;
        margin-top: 12px;
    }

    .customAccordionStyle2 .customAccordionInner, .customAccordionStyle2 .expandTitle {
        padding: 0px 15px;
    }

    .singlepersiatntheader.customSectionAR {
        padding-top: 74px!important;
    }

    .customHeaderAR .header-holder .logo a img {
        max-height: 48px;
    }
    .customHeaderAR .header-holder {
        padding: 13px 15px;
        height:48px;
    }

    .verticleSectionContainer .verticleCols p {
        min-height: 70px;
    }

    .hideRightLogoMob{
        display:none!important;
    }
    .aribafooterLinks .hideFooterRightLogoMob{
        display:none!important;
    }
    .aribafooterLinks .footerDisclaimerContainer br {
        display: block!important;
    }
    .aribafooterLinks .footerDisclaimerContainer{
        line-height:20px;
    }
    .aribafooterLinks .aribaFooterLogo{
        text-align: center;
        display: block;
    }
    .aribafooterLinks .footerHeading{
        line-height:45px;
    }
    .aribafooterLinks .footerNavigation li{
        padding: 8px 0px 9px;
        width: 100%;
        text-align: center;
        display: block;
        font-family: "BentonSans", Arial, Helvetica, sans-serif !important;
        border-right: 0px solid #757575;
        font-weight: 700;
    }
    .verticleSectionContainer .positionClass{
        padding: 0px!important;
    }
    .sponsorCarouselEnable{
        max-width: 350px;
    }
    .verticleSectionContainer .verticleCols .Heading1{
        font-size: 56px;
        line-height: 60px;
    }
    .verticleSectionContainer .verticleCols .Heading2{
        font-size: 46px;
        line-height: 50px;
    }
    .verticleSectionContainer .verticleCols .Heading4{
        font-size: 24px;
        line-height: 30px;
    }
    .verticalRotatorContainer{
        display:none;
    }
    .verticalRotatorContainer .columnHeroremove{
        min-height: auto;
        margin-bottom: 6px;
        margin-top: 6px;
    }
    .sponsorCarouselContainer {
        padding: 0px 0%!important;
        width: 100%;
    }
    .sponsorCarouselContainer .speakerHeroBlock .articleBox{
        width:45%;
    }
    .sponsorCarouselContainer .slick-next{
        right: -20px!important;
    }

    .sponsorCarouselContainer .slick-prev {
        left: -20px!important;
    }

    .positionClass .Title100, .customTextBlock .Title100, .customHeading .Title100 {
        font-size:50px;
    }
    .verticleSectionContainer hr{width:100px;}
    .positionClass .Title72, .customTextBlock .Title72, .customHeading .Title72{
        font-size:30px;
        line-height:37px;
    }
    .sponsorCarouselContainer .speakerHeroBlock .articleBox{
        width: 32%;
        padding: 0px 0px;
        display: -webkit-inline-box;
    }
    .backgroundImages .tabletImage{
        display:none;
    }
    .backgroundImages .mobileImage{
        display: block;
    }

    .openVerticalRotator.verticalRotatorMiddle{
        /*display:none;*/
    }
    .verticalSectionParsys{
        top: 3%;
        width:100%;
    }
    .closeVerticalRotator.verticalRotatorMiddle{
        /*display:block;*/
    }
    .verticalRotatorContainer{
        /*width: 85%;*/
        width:280px;
        height: 50%;
    }
    .verticalRotatorContainer.in{
        right: -332px;
    }
    .verticleSectionContainer .verticalSectionCenter{
        padding: 0px 18%!important;
        width:auto!important;
    }

    .singleVerRotatorContent .singleVerRotatorText{
        padding-top: 10px!important;
        padding-left: 10px!important;
        padding-right: 10px!important;
        padding-bottom: 10px!important;
    }

    .jwplayer .customendcta .customEndData .customtextMob { padding:0px !important; }

    .jwplayer .customendcta .customEndData .Heading1, .jwplayer .customendcta .customEndData h1 {
        font-size: 26px;
        line-height: 30px;
        padding: 2px 0;
    }


    .jwplayer .customendcta .customEndData .Heading2, .jwplayer .customendcta .customEndData h2 {
        font-size: 24px;
        line-height: 28px;
        padding: 2px 0;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading2, html.ch-font .jwplayer .customendcta .customEndData h2 {
        line-height: 26px;
    }

    .jwplayer .customendcta .customEndData .Heading3, .jwplayer .customendcta .customEndData h3 {
        font-size: 22px;
        line-height: 26px;
        padding: 2px 0;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading3, html.ch-font .jwplayer .customendcta .customEndData h3 {

        line-height: 24px;
    }

    .jwplayer .customendcta .customEndData .Heading4, .jwplayer .customendcta .customEndData h4 {
        font-size: 20px;
        line-height: 24px;
        padding: 2px 0;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading4, html.ch-font .jwplayer .customendcta .customEndData h4 {

        line-height: 22px;
    }

    .jwplayer .customendcta .customEndData .Heading5, .jwplayer .customendcta .customEndData h5 {
        font-size: 18px;
        line-height: 22px;
        padding: 2px 0;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading5, html.ch-font .jwplayer .customendcta .customEndData h5 {

        line-height: 20px;
    }

    .jwplayer .customendcta .customEndData .Heading6, .jwplayer .customendcta .customEndData h6 {
        font-size: 16px;
        line-height: 20px;
        padding: 2px 0;
    }
    html.ch-font .jwplayer .customendcta .customEndData .Heading6, html.ch-font .jwplayer .customendcta .customEndData h6 {

        line-height: 18px;
    }

    /*******************************************/


    .jwplayer .customendcta .customEndData p {
        font-size: 14px;
        font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
        line-height: 18px;
        font-weight:normal;
        padding: 3px 0;
    }
    html.ch-font .jwplayer .customendcta .customEndData p {
        font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", STXihei, "华文细黑", SimSun, "宋体", BentonSansRegular, Arial, Helvetica, sans-serif;
        line-height: 16px;
    }
    html.ar-font .jwplayer .customendcta .customEndData p {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:normal;
    }

    .embedVideoMob {
        margin: auto;
    }

    .socialMediaBlock iframe {
        width: 100%;
    }

    .socialMediaCenterBlock iframe {
        width: 100%;
    }

    .footerRightLogo {
        top: -6px;
    }

    .liquidColumnBlock .commonBrick > div {
        border-right: 0;
        border-left: 0;
    }

    .liquidColumnBlock.bricks4Column .commonBrick .imageComp {
        margin: 0 20px;
    }

    .liquidColumnBlock.bricks4Column .commonBrick {width:100%; float:left;  border-top: 1px solid #fff !important;
        border-bottom: 1px solid #fff !important; }

    .liquidColumnBlock.bricks3Column .commonBrick {width:100%; float:left;  border-top: 1px solid #fff !important;
        border-bottom: 1px solid #fff !important; }

    .liquidColumnBlock.bricks2Column .commonBrick {width:100%; float:left;  border-top: 0 !important;
        border-bottom: 0 !important; }


    .liquidColumnBlock .commonBrick {
        display: block;
        vertical-align: middle;
        position: relative;
        overflow: hidden;
        float: left;
        width: 100%;
        border: 0 !important;
        border-top: 1px solid #fff !important;
        border-bottom: 1px solid #fff !important;
    }

    .liquidColumnBlock .commonBrick .brickContent .brickCell>div {
        width: 100%;
        display: block;
    }

    .multiSpeakerContainer.customeICSComp .speakerHeroBlock {
        float: left;
        width: 100%;
        padding: 0;
    }

    .customAccTable {
        width: 99.7%;
        margin: 20px 0;
        padding: 0;
        border: 1px solid #dedede;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .customAccTable table {
        width: 930px;
        border: 0;
        border-collapse: collapse;
        font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
    }

    .accordianBlock.nestedAccordinBlock .accordianBlock .nestedinrtab .innertab .customAccTable {
        width: 91%;
        margin: 20px 8%;
        padding: 0;
    }

    .accordianBlock.nestedAccordinBlock .accordianBlock .nestedinrtab {
        float: left;
        width: 93% !important;
        margin: 0 !important;
        padding: 0 0 0 7% !important;
    }

    .accordianBlock.nestedAccordinBlock .accordianBlock .nestedinrtab .customAccTable .pClass {
        padding: 20px 23px;
    }

    .imageComp.parbase.section img {
        margin: auto;
    }

    .wellResponsive {
        box-sizing: border-box;
        width: 80% !important;
    }

    .listingSection .vepVideoBlock .savePlaylist {
        font-size: 13px !important;
    }

    .periscopeContainer {
        padding: 15px 0;
    }

    .sidebarBlock ul.innertab li {
        padding: 0 10px;
        font-size: 13px;
    }

    #bottomPaging a.viewMore {
        float: left;
        margin-top: 10px;
        font-weight: bold;
    }

    .twoColumnBox .leftColumn .customPeriscope {
        float: left;
        padding: 15px 20px 0 0;
    }

    .twoColumnBox .rightColumn .customPeriscope {
        float: left;
        padding: 15px 20px 0 0;
    }

    .accordianBlock .expandTitle {
        padding: 10px 0;
    }

    .accordianBlock .expandTitle span {
        font-size: 14px;
    }

    .accordianBlock .innertab h3 {
        padding: 10px 10px 0 50px;
        font-size: 18px;
        line-height: 1.27777777;
    }

    .priceTableHeading {
        font-size: 26px;
        line-height: 30px;
    }

    .desktop {
        display: none;
    }
    .mobile {
        display: block;
        width: 98%;
        margin: 0px auto;
    }
    .mobile table {
        width: 100%;
        color: #444;
        border: 1px Solid #ccc;
        margin-bottom: 10px;
    }
    .mobile table tr td {
        vertical-align: middle;
        padding: 8px 3px;
        height: 44px;
        font-size: 14px;
        line-height: 1.57;
        border: solid #f4f4f4;
        border-width: 0px 20px 0px 0px;
        background-color: #f4f4f4;
        background-image: url(../../images/bg-sep.png);
        background-position: 0 100%;
        background-repeat: repeat-x;
        width:50%;
        word-break: break-word;
    }
    .mobile table tr:first-child td {
        background-color: #008fd3;
        border-right: 0px solid #f4f4f4;
        border-left: 0px solid #f4f4f4;
        font-weight:bold;
        color:#fff;
        text-align:center;
    }
    .mobile table tr td:first-child {
        text-align:left;
        padding-left: 10px;
        padding-right: 10px;
    }
    .mobile table tr th {
        vertical-align: middle;
        padding: 8px 15px;
        text-align: center;
        height: 44px;
        font-size: 14px;
        line-height: 1.57;
        border: 1px solid #f4f4f4;
        color: #fff;
        background-color: #008fd3;
        background-image: url(../../images/bg-sep.png);
        background-position: 0 100%;
        background-repeat: repeat-x;
        width: 50%;
    }
    .megaMenu.fullNav .mainNavigation .nav-block .nav-area>li {
        padding:0px;
    }
    .sectionBlock {
        min-height:300px;
    }
    .CQSectionPrimary .sectionBlock {
        min-height:400px;
    }
    .scrollDiv {
        height: 760px;
    }
    .multiSocialBlock {
        float: none;
        position: static;
    }
    .dateMobile {
        display:block;
    }
    .dateDesktop {
        display:none;
    }
    .dateToggle {
        display:block;
    }

    .myInfoSubmitOverlay {
        padding:30px 10px;
        font-size:13px;
    }
    #annoucementnotice .left {
        padding: 15px 0px 15px 0px !important;
        width: 100%;
        font-size: 13px;
        line-height: 18px;
        font-family: BentonSansRegular, Arial, Helvetica, sans-serif;
        background: none;
        background-size: 40px;
    }
    #annoucementnotice .left a {
        font-size: 12px;
    }
    .videoInline .videoaLeftContainer {
        float: left;
        width: 100%;
        padding-bottom:10px;
    }
    .videoInline .videoaRightContainer {
        float: right;
        width: 100%;
        height: 100%;
        position: relative;
        text-align:center;
    }
    .videoInline {

        width: 300px;
        margin: auto;
        float:none;
        padding: 40px 0px;
        position: relative;
    }


    .live_sponcer_main {
        width: 99%;
        float: left;
        border: 1px #E5E4E5 solid;
    }
    .live_player .right {
        width: 100%;
        float: right;
    }
    .live_player .left {
        width: 100%;
    }
    #main-del .live_container .VideoPopUp {
        width: 100%;
    }
    .regDownload .LinkReadmore {
        width: 100%;
        float: left;
        text-align: center;
    }
    .my-profile .access-form .twocolumns .column {
        width: 100%;
        float: left;
        padding: 0;
    }
    .my-profile .linkButton {
        margin-top:15px;
    }
    .access-form input[type="password"], .access-form input[type="text"] {
        background:#fff;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        border:solid 1px #ccc;
    }
    .access-form select {
        background:#fff;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        border:solid 1px #ccc;
    }
    #pnlSocialBlockOneDX {
        display: none;
    }
    section.socialLinksGroup ul, section.socialLinksGroup li {
        float: none;
        /*display:inline-block; */
    }
    .run_better {
        border-top: solid 1px #ccc;
        margin-top: 5px;
    }
    .run_better .contentRow .leftSide {
        width: 100%;
        margin: 0px;
    }
    .agenda_main .expand {
        display: none;
    }
    .run_better .contentRow .rightSide {
        padding: 0px;
        width:95%;
    }
    .run_better .contentRow .thelanguage .left {
        width: 100%;
    }
    .run_better .contentRow .left ul {
        border-top: 1px solid #CCC;
        margin: 0px;
        padding: 0;
        width: 100%;
    }
    .run_better .contentRow .left ul li {
        float: left;
        border: none;
        width: auto;
        padding: 5px 2px;
    }
    .run_better .contentRow .left ul li a {
        background: transparent;
        text-align: center;
    }
    .run_better .contentRow .left ul li a:hover {
        background: transparent;
        text-align: center;
    }
    .run_better .contentRow .left ul li a strong {
        display: none !important;
    }
    .no-image {
        display: inline;
    }
    .run_better_heading {
        display: none;
    }
    .run_better .contentRow .area_content p {
        display: none;
        padding-bottom: 0px;
    }
    .run_better .contentRow .area_content .favorites_main {
        display: none;
    }
    .expand-outer {
        display: none;
    }
    .scroller .sliderDetail .desBlock {
        width: 62%!important;
    }
    .speakerBlock tr td {
        padding: 2px 3px 10px;
    }
    .xCaseLeftBlock .twoColumnBox .leftColumn {
        width: 100%;
        padding-right: 0%;
        padding-bottom: 25px;
    }
    .xCaseLeftBlock .twoColumnBox .rightColumn {
        width: 100%;
    }
    .centerbtn {
        margin-left: 0px !important;
    }
    .orBtn {
        text-align: center;
        padding: 0% 6% 5% 0%;
        float: left;
    }
    .askBg .sectionBlock {
        min-height: 725px;
    }
    .s4hanaBlock .hanaDes {
        font-size: 19px;
        line-height: 26px;
        padding: 5px 0 0;
    }
    .videoBlock h1 {
        font-size: 25px;
        line-height: 35px;
    }
    .s4hanaBlock h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .s4hanaBlock h2 {
        font-size: 30px;
        width: 100%;
        padding: 0px;
        line-height: 35px;
    }
    .videoBlock .playButton img {
        width: 60px;
    }
    .askBg {
        background: #333;
    }
    .sectionShowcaseBlock {
        margin: 0px;
        max-height: 330px;
        background: none;
    }
    .refreshBlock .sectionShowcaseBlock {
        margin: 0px;
        max-height: 440px;
    }
    .sectionBlock {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }
    .refreshBlock .sectionBlock {
        margin: 0 auto;
    }
    .billboardblock .sectionBlock {
        margin: 0 auto;
    }
    .mediaContentBlock {
        padding: 100px 0 0;
    }
    .customerStoryColumn h1 {
        font-size: 38px;
        line-height: 40px;
    }
    .customerStoryColumn h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .customerStoryColumn h3 {
        font-size: 10px;
        line-height: 15px;
    }
    .customerStoryColumn h4 {
        font-size: 24px;
        line-height: 28px;
    }
    .customerStoryColumn .columnDetail {
        font-size: 18px;
        line-height: 24px;
    }
    .blockWrapper {
        width: 100%;
        margin: 0 auto;
    }
    .customerStoryColumn {
        width: 100%;
        float: right;
        position: relative;
    }
    .mediaImage {
        background: none;
    }
    .mediaImage .mediaDesktop {
        /*display: none;*/
    }
    .mediaImage .mediaTablet {
        /*display: none;*/
    }
    .mediaImage .mediaMobile {
        /*display: block;*/
    }
    .backgroundImages .desktopImage{
        display: none;
    }
    .backgroundImages .tabletImage{
        display: none;
    }
    .backgroundImages .mobileImage{
        display: block;
    }
    .verticleSectionContainer .verticle3Col{
        width:100%;
    }
    .line-separator {
        height: 80px;
    }
    .width48 {
        width: 100% !important;
    }
    .width58 {
        width: 100% !important;
    }
    .width38 {
        width: 100% !important;
    }
    .queBlock {
        padding: 60px 0 220px;
    }
    .s4hanaBlock {
        padding: 60px 0;
    }
    .testimonialBlock {
        padding: 60px 0;
    }
    .innerPage .testimonialBlock {
        padding: 50px 0;
    }
    .queBlock h1 {
        font-size: 28px;
        line-height: 30px;
    }
    .queBlock h2 {
        font-size: 16px;
        line-height: 20px;
    }
    .blackContainer {
        width: 92%;
        padding: 15px 4%;
    }
    .selectQue h2 {
        font-size: 20px;
        line-height: 22px;
    }
    .wrapper-dropdown-3 {
        font-size: 13px;
        padding: 10px 18% 10px 2%;
        width: 80%;
    }
    .wrapper-dropdown-3 .dropdown li {
        font-size: 13px;
        padding: 2px 10px;
    }
    .promoTitle {
        font-size: 30px;
        line-height: 35px;
        padding: 30px 0px 0px;
    }
    .askBlock {
        float: left;
        width: 100%;
        padding: 15px 0 0;
        text-align: center;
        min-height: 100px;
        background-position: left top !important;
        background-size: 70% !important;
    }
    .askQue {
        width: 100%;
        float: left;
        background: #333333;
        padding: 20px 40px 35px;
        margin: 0px -40px;
        max-width: 100%;
        position: relative;
        margin-top: 55%;
        min-height: 150px;
    }
    .askQue .LinkBtn {
        padding: 10px 0px 0;
    }
    .askQue h1 {
        font-size: 25px;
        color: #fff;
        float: left;
        width: 86%;
        padding: 10px 7%;
        line-height: 35px;
        margin-bottom: 5px;
        font-family: "BentonSansBold", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .askQue h2 {
        font-size: 19px;
        color: #a6a6a6;
        line-height: 26px;
    }
    .askTextField {
        width: 100%;
        border: 2px solid #a6a6a6;
        border-bottom: 2px solid #fff;
        padding: 7px 0;
        margin: 20px 0px;
        float: left;
    }
    .askTextField span {
        font-size: 19px;
        color: #a6a6a6;
        line-height: 25px;
    }
    .askTextField input[type=text] {
        font-size: 19px;
        color: #a6a6a6;
        line-height: 25px;
        height: 25px;
    }
    .selectQue .jcf-select .jcf-select-opener:before {
        left: 65%;
    }
    .testimonialBlock h1 {
        font-size: 14px;
        line-height: 22px;
    }
    .testimonialBlock h2 {
        font-size: 19px;
        line-height: 26px;
        padding: 55px 0px 30px;
        margin-top: 10px;
        color: #000;
    }
    .testimonialBlock h3 {
        font-size: 12px;
        line-height: 20px;
    }
    .regDownload .leftArea {
        float: right;
        width: 100%;
        padding: 50px 0px 10px;
        text-align: center;
    }
    .regDownload .leftArea .LinkBtn {
        text-align: center;
    }
    .regDownload .rightArea {
        float: left;
        width: 100%;
        text-align: center;
    }
    .pageShowcase h1 {
        font-size: 16px;
        line-height: 18px;
    }
    .pageShowcase {
        padding: 65px 0px;
    }
    .pageShowcase h2 {
        font-size: 30px;
        line-height: 35px;
        padding: 0px;
    }
    .pageShowcase h3 {
        font-size: 18px;
        line-height: 22px;
    }
    .pageShowcase .showcaseLink a {
        font-size: 14px;
        line-height: 20px;
    }
    .pageShowcase .showcaseLink {
        margin-top: 0px;
    }
    .prvBenefit a {
        font-size: 14px;
        padding: 10px 15px;
    }
    .nextBenefit a {
        padding: 10px 15px;
        font-size: 14px;
    }
    .showcaseTable {
        padding: 0px 0 100px;
        max-width: 1240px;
        margin: auto;
        float: left;
        width: 100%;
    }
    .contentBlock h1 {
        font-size: 25px;
        line-height: 30px;
    }
    .contentBlock .benefitDes {
        font-size: 19px;
        line-height: 26px;
    }
    .articleBox {
        width: 100%;
        float: left;
        padding: 30px 0px 0 0;
        text-align: center;
    }
    .articleBox .articleImage {
        padding: 10px 0;
    }
    .galleryBox {
        width: 44%;
        float: left;
        padding: 5px 3%;
        text-align: center;
        min-height: 150px;
    }
    .caseImage {
        float: right;
        width: 100%;
        position: relative;
    }
    .casestudyBlock {
        float: left;
        width: 90%;
        padding: 55px 5%;
    }
    .owl-carousel {
        padding: 50px 0;
    }
    .owl-theme .owl-controls .owl-buttons div.owl-prev {
        background: url(../../images/left-arrow-orng.png) no-repeat center center;
        background-size: 23px;
        left: -30px;
    }
    .owl-theme .owl-controls .owl-buttons div.owl-next {
        background: url(../../images/right-arrow-orng.png) no-repeat center center;
        background-size: 23px;
        right: -30px;
    }
    .twoColumnBox {
        display: block;
        padding: 30px 0;
    }
    .twoColumnBox .leftColumn {
        float: left;
        width: 100%;
    }
    .twoColumnBox .rightColumn {
        float: right;
        width: 100%;
    }
    .twoColumnBox .caseDetail {
        width: 100%;
        padding: 5% 0%;
    }
    .twoColumnBox .columnPad {
        width: 100%;
        padding: 30px 0px 35px 0px;
    }
    .twoColumnBox .contentBlock .benefitDes {
        padding: 0px 0px 50px;
        width: 100%;
    }
    .twoColumnBox .columnBg {
        background: #f4f4f4;
        min-height: 100px;
        padding: 0px 20px;
        width: auto;
    }
    .twoColumnBox h2 {
        font-size: 22px;
        line-height: 24px;
    }
    .twoColumnBox h3 {
        font-size: 13px;
        line-height: 18px;
    }
    .twoColumnBox .columnDes {
        font-size: 19px;
        line-height: 26px;
    }
    .twoColumnBox .caseDetail h1 {
        padding: 0px 0 10px;
    }
    .twoColumnBox .caseDetail {
        width: 100%;
        padding: 60px 0% 0;
    }
    .twoColumnBox .caseDetail h3 {
        font-size: 13px;
        line-height: 20px;
        padding: 0px;
    }
    .xCaseLeftBlock .columnDes {
        font-size: 20px;
        line-height: 24px;
    }
    .xCasetwoColumn h1 {
        font-size: 28px;
        line-height: 28px;
    }
    .xCaseShowcase {
        padding: 60px 0;
        width: 100%;
        text-align: center;
    }
    .xCaseShowcase h1 {
        font-size: 30px;
        color: #000;
        text-align: center;
        line-height: 30px;
    }
    .xCaseShowcase h2 {
        font-size: 18px;
        color: #000;
        line-height: 23px;
        text-align: center;
    }
    .xCaseShowcase h3 {
        font-size: 10px;
        color: #000;
        float: left;
        text-align: center;
    }
    .xCaseLeftBlock {
        float: left;
        width: 100%;
        padding-top: 50px;
    }
    .xCaseRightBlock {
        float: left;
        width: 100%;
        padding-top: 50px;
    }
    .xCaseLeftBlock .xCasetwoColumn .leftCase {
        width: 100%;
        padding: 0px;
    }
    .xCaseLeftBlock .xCasetwoColumn .rightCase {
        width: 100%;
        padding: 20px 0 0 0;
    }
    .viewExperts {
        width: 100%;
        padding: 10px 0% 10px;
        float: left;
    }
    .caseRightText h1, .caseRightText h3, .caseRightText .columnDetail {
        padding-left: 0px;
    }
    .viewExperts .viewExpertsImage {
        padding-bottom: 40px;
    }
    /*************************************** Customer Logos ******************************************************************/

    ul.customerLogo {
        border-bottom: solid 0px #CCC;
    }
    ul.customerLogo li {
        float: left;
        width: 100%;
        text-align: left;
        padding: 50px 0%;
        border-right: 0px;
        min-height: 10px;
        border-bottom: solid 1px #CCC;
    }
    ul.customerLogo li a {
        text-align:center;
    }
    article.customerDetail .LinkReadmore a {
        text-align: left;
    }
    ul.customerLogo.evenRow li:first-child {
        border-top: solid 0px #CCC;
    }
    ul.customerLogo li:last-child {
        border-right: 0px;
        border-bottom: 0px;
    }
    ul.customerLogo li img {
        position: relative;
        margin: auto;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
    }
    ul.customerLogo span.close-icon {
        float: right;
        position:relative;
        top:-30px;
        display:block;
        height:0px;
        right:0px;
    }
    .customerDetail {
        width: 80%;
        padding: 30px 0 0 35px!important;
        margin: 30px 0 0 0!important;
        font-size: 16px;
        line-height: 26px;
        position: relative;
        top: 20px;
        background:url(../../../../../content/dam/digitalhub/cec/images/quote-icon-customer.png) no-repeat left top;
    }
    .customerDetail p {
        width:80%;
    }
    .customerDetail .close-icon {
        display:none;
    }
    ul.customerLogo span.arrow-icon-up {
        display:none!important;
    }
    ul.customerLogo span.arrow-icon-down {
        display:none!important;
    }
    .threeCustomerBlock .customerRow .customerRowLogo div {
        position: relative;
        height: 100%;
    }
    .threeCustomerBlock {
        padding:0px;
    }
    .threeCustomerBlock .customerRow {
        width: 100%;
        float:left;
        /*border-bottom:solid 1px #CCC;*/
        display: -webkit-block;
        display: -ms-block;
        display: -webkit-block;
        display: block;
        flex-direction: row;
        padding: 50px 0%;
    }
    .threeCustomerBlock .customerRow:last-child {
        border-bottom: solid 0px #CCC;
        padding-bottom: 80px;
        margin-bottom: 80px;
    }
    .threeCustomerBlock .customerRow .customerRowLogo {
        width: 100%;
        margin-right: 0;
        float:left;
        border-right: solid 0px #CCC;
        position:relative;
        text-align:center;
    }
    .threeCustomerBlock .customerRow .customerRowLogo img {
        position: relative;
        margin: auto;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
    }
    .threeCustomerBlock .customerRow .customerRowDetail {
        width:80%!important;
        float: left;
        padding: 30px 0 0 35px!important;
        margin: 30px 0 0;
        font-size:16px;
        line-height:26px;
        color:#1d1d1d;
        font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
        font-weight:normal;
        display:none;
    }
    .threeCustomerBlock .customerRow .customerRowDetail .close-icon {
        float: right;
        position: relative;
        top: -50px;
        display:block;
    }
    .threeCustomerBlock .customerRow span.close-icon {
        float: right;
        position: relative;
        top: -35px;
        width: 100%;
        text-align: right;
        height: 0;
        display:block;
    }
    .threeCustomerBlock .customerRow span.close-icon a {
        display:block;
    }

    /*********************************************** For footer***************/
    .countryselector {
        float: none;
        padding: 0;
        position: static;
    }
    .countryselector .icon-arrow-up {
        display: none;
    }
    .countryselector .countryselector-btn #countryselector-action {
        width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
    }
    .countryselector .countryselector-btn #countryselector-action img {
        display: none;
    }
    .countryselector .countryselector-btn {
        display: table;
        margin: 0 auto;
        float: none;
    }
    .countryselector #country-flayout {
        width: 100%;
        left: 0;
        border-width: 1px 0;
    }
    .countryselector #country-flayout .country-flayout-body {
        width: auto;
        text-align: left;
    }
    section.quickLinks .header {
        color: #000;
        text-align: left;
    }
    section.quickLinks .header .icon-arrow-down {
        display: inline;
    }
    section.quickLinks .header .icon-arrow-up {
        display: none;
    }
    section.quickLinks ul {
        position: static;
        background: 0;
        border: 0;
        padding: 0;
        margin: 12px auto;
        box-shadow: none;
        width: 100% !important;
    }
    section.quickLinks ul li {
        border: 0;
        display: inline-block;
        width: 32%;
        padding: 0;
        margin: 0;
        text-align: left;
    }
    section.quickLinks ul li a {
        padding: 10px 0 0 10px;
        color: #008fd3;
    }
    section.socialLinksGroup {
        max-width: none;
        padding-bottom: 10px;
    }
    section.socialLinksGroup .nav {
        margin-bottom: 18px;
        position: relative;
    }
    section.socialLinksGroup .contentBlocks {
        display: block;
    }
    section.socialLinksGroup .contentBlocks li {
        position: static;
        transform: none;
    }
    section.socialLinksGroup .contentBlocks li .linkContent {
        background: 0;
        border: 0;
        min-height: 170px;
        width: auto;
        padding: 30px 20px;
        margin: 0 auto;
        text-align: left;
    }
    section.socialLinksGroup .contentBlocks li .linkContent .icon {
        float: left;
        height: 60px;
    }
    section.socialLinksGroup .contentBlocks li .linkContent .description {
        margin: 0 30px 30px 80px;
        padding: 10px 0 0 0;
    }
    section.socialLinksGroup .contentBlocks li .linkContent .description:after {
        content: "";
        display: block;
        clear: both;
    }
    section.socialLinksGroup .contentBlocks li .linkContent .followShareWrap {
        margin-top: 30px;
    }
    .copyrightSAP {
        display: none;
    }
    .mainNavigation .nav-block {
        width:276px;
    }
    .contact-module .contact-set .col {
        padding: 15px 20px 15px 68px;
    }
    .contact-module .popup .popup-content {
        padding: 0 15px 0 19px;
    }
    .contact-module .contact-title {
        margin: 0;
        padding: 11px 0 13px;
        font-size: 20px;
        line-height: 25px;
    }
    .queBlock h2 {
        color: #fff;
    }
    .benefitMob {
        padding: 55px 0 0;
        height: 185px;
    }
    .heroContent .pageShowcase {
        padding: 50px 0 0;
    }
    .commonHero .pageShowcase {
        padding: 10px 0;
    }
    .commonHero .s4hanaBlock {
        padding: 25px 20px;
    }
    .full-width .columnHeroImage {
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .full-width {
        max-width: 100%;
        float: left;
        padding: 25px 0px 40px 0%;
    }
    .full-width-contant {
        width: 96%;
        padding-top: 0px;
    }
    .full-width-contant .LinkBtn {
        text-align: center;
    }
    .full-width h2 {
        text-align: center;
    }
    .full-width p {
        text-align: center;
    }
    .idc-padd {
        padding: 3% 0 55px !important;
    }
    .socialLinksGroup .contBlock {
        height: 200px;
        padding: 10px 20px;
        text-align: left;
    }
    .socialLinksGroup .contBlock span img {
        margin-bottom: 8px;
        float: left;
        margin-right: 20px;
        margin-top: 8px;
    }
    section.socialLinksGroup .nav {
        position: static;
    }
    .joinFacebook, .joinTwitter, .joinYouTube, .joinInstagram, .joinInstagram2, .joinLinkedIn, .joinGoogle, .Slideshare, .shareEmail, .xingshare, .weiboshare, .flickrshare, .flickrshare2, .joinFacebook2, .joinTwitter2, .joinYouTube2, .joinLinkedIn2, .joinGoogle2, .Slideshare2, .shareEmail2, .xingshare2, .weiboshare2 {
        right: 0px;
        padding: 0px;
        width: 100% !important;
        position: static;
        box-shadow: 0px 0px 0px #e9e9e9;
        background: #e9e9e9;
        border: 0px solid #ccc;
    }


    /***************** Session Detail **************/
    .sponsorContainer .leftBlock {
        width: 100%;
        float: left;
    }
    .sponsorContainer .rightBlock {
        width: 100%;
        float: left;
    }
    .overlayContainer .leftBlock {
        width: 100%;
        float: left;
    }
    .overlayContainer .rightBlock {
        width: 100%;
        float: right;
    }
    .overlayContainer .rightBlock .sessionAds {
        display: none!important;
    }
    .relContent {
        float: left;
        width: 100%;
        background: #fff;
        padding: 10px 0%;
        border-right: solid 0px #dedede;
        border-bottom: solid 1px #dedede;
    }
    .relMaterial {
        float: left;
        width: 100%;
        padding: 10px 0%;
    }
    .speakerArea {
        width: 45%;
    }
    .vepWrapper .sessionTitle {
        font-size: 18px;
        line-height: 20px;
    }
    .vepLeftBlock {
        width: 265px;
        background: #fff;
        box-shadow: 2px 4px 12px #999;
        padding: 20px 0px 0;
        position: absolute;
        z-index: 99;
        left: 0px;
        top: 47px;
        margin-left: -20px;
        left:-290px;
    }
    .vepLeftBlock .searchBlockLeft {
        width: 90%;
        float: left;
        padding: 0px 5%;
    }
    .vepRightBlock {
        width: 100%;
    }
    .vepVideoBlock {
        width: 100%;
        padding: 20px 0px;
    }
    .run_better .contentRow .leftSide span {
        margin-top: 0;
        float: right;
        font-size: 13px;
    }

    /******************** Sponsor Listing Page CSS ***************************/


    .listingContainer .listingLeft {
        width:100%;
        float:left;
    }
    .listingContainer .listingRight {
        width:100%;
        float:left;
        padding-top:15px;
        padding-bottom:15px;
    }
    .header-holder #searchDiv.popup-content {
        width: 100%;
    }
    .header-holder #searchDiv.popup-content .search-field {
        margin: 15px 10px;
    }
    .playListTable td:first-child {
        width:70%;
    }
    .eventListing .calendarHeading {
        font-size:15px;
        padding: 10px 2%;
        width: 96%;
    }
    .sponsorpagecontent .spoContentLeft {
        float: left;
        line-height: 18px;
        width: 100%;
    }
    .sponsorpagecontent .spoContentRight {
        float: right;
        width: 100%;
        padding-top:30px;
    }
    .popup_agenda {
        text-align: center;
        width: 90%!important;
        padding: 40px 5%!important;
    }
    .popup_agenda .calander_outer {
        float: left;
        margin:20px 0px!important;
        line-height: 25px;
        text-align: center;
        width: 24%;
    }
    .EventAlert {
        max-width: 100%;
    }
    .commonHero.billBoardRelative {
        position: relative;
    }
    .billboardOverlay {
        padding:0px;
    }
    .billboardOverlayContent {
        padding: 30px 5%;
        background: rgba(255, 255, 255, 0.93);
        width: 90%;
        margin-top: 0;
        margin-left: 0;
        float: left;
    }
    .billboardOverlay .billboardOverlayHeading {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 35px;
    }
    .billboardOverlay p {
        line-height: 20px;
        font-size: 13px;
    }
    .composeTweet a {
        padding: 6px 2%;
        width:95%;
        margin: 10px 0 0px;
        float:left;
    }
    table.resultPaging {
        float: right;
        width:auto;
    }
    table.resultPaging tr td {
        float: left;
        width: 100%;
        padding: 10px 0;
        display:none;
    }
    table.resultPaging tr td:first-child {
        display: block;
    }
    .multiSpeakerContainer .speakerHeroBlock .articleBox {
        width: 100%;
        padding: 0px 0px;
        margin-top: 10px;
    }
    .multiSpeakerContainer .speakerHeroBlock .articleBox.stack4cols {
        width: 100%;
        padding: 20px 0px;
    }
    .customStack .multiColHeading {
        font-size: 26px;
        color: #000;
        line-height: 30px;
    }
    .multiSpeakerContainer .multiColHeading {
        font-size: 26px;
        color: #000;
        line-height: 30px;
    }
    .positionClass h1, .customTextBlock h1 {
        font-size: 22px;
        line-height: 26px;
    }
    .positionClass h2, .customTextBlock h2 {
        font-size: 20px;
        line-height: 24px;
    }
    .positionClass h3, .customTextBlock h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .positionClass h4, .customTextBlock h4 {
        font-size: 16px;
        line-height: 22px;
    }
    .positionClass h5, .customTextBlock h5 {
        font-size: 15px;
        line-height: 20px;
    }
    .positionClass h6, .customTextBlock h6 {
        font-size: 13px;
        line-height: 18px;
    }
    .customTextBlock ul li, .customTextBlock ol li {
        width:94%;
        margin-left: 6%;
    }
    .twoColumnBox .centerBlock {
        margin:0px;
    }
    .twoColumnBox .positionClass {
        float: left;
        margin: 0px!important;
    }


    /*********************************************************/

    .positionClass .Title100, .customTextBlock .Title100 {
        font-size: 30px;
        line-height: 36px;
    }
    .positionClass .Title70, .customTextBlock .Title70 {
        font-size: 25px;
        line-height: 30px;
    }
    .positionClass .Heading1, .customTextBlock .Heading1 {
        font-size: 22px;
        line-height: 26px;
    }
    .positionClass .Heading2, .customTextBlock .Heading2 {
        font-size: 20px;
        line-height: 24px;
    }
    .positionClass .Heading3, .customTextBlock .Heading3 {
        font-size: 18px;
        line-height: 24px;
    }
    .positionClass .Heading4, .customTextBlock .Heading4 {
        font-size: 16px;
        line-height: 22px;
    }
    .positionClass .Heading5, .customTextBlock .Heading5 {
        font-size: 15px;
        line-height: 20px;
    }
    .positionClass .Heading6, .customTextBlock .Heading6 {
        font-size: 13px;
        line-height: 18px;
    }
    .customColumnLinks ul.customQuickLinks.columnOne li {
        width:100%;
        float:left;
        padding:15px 0%;
        list-style:none;
    }
    .customColumnLinks ul.customQuickLinks.columnTwo li {
        width:100%;
        float:left;
        padding:15px 0%;
        list-style:none;
    }
    .customColumnLinks ul.customQuickLinks.columnThree li {
        width:100%;
        float:left;
        padding:15px 0%;
        list-style:none;
    }
    .customColumnLinks ul.customQuickLinks.columnFour li {
        width:100%;
        float:left;
        padding:15px 0%;
        list-style:none;
    }
    .customColumnLinks ul.customQuickLinks {
        text-align:center;
    }
    #header .linkButton {
        font-size: 11px;
    }
    .customColumnLinks .quickLinksHeading {
        height: 100%!important;
    }
    .customTextBlock {
        padding: 30px 0px;
        width: 100%;
        padding-right:0%;
    }
    .twoColumnBox .leftColumn .customTextBlock {
        /*padding: 30px 0px;*/
        padding: 0px 0px;
        width: 100%;
        padding-right: 0;
        display:block;
    }
    .twoColumnBox .rightColumn .customTextBlock {
        /*padding: 30px 0px;*/
        padding: 0px 0px!important;
        width: 100%;
        padding-right: 0;
    }




    /******************/

    .eventSchedule {
        min-height: 100%;
        display: block;
        float: left;
        padding-bottom: 30px;
    }
    .eventSchedule .eventColumn .dayMonth .borderLine {
        display:none;
    }
    .eventSchedule .eventColumn {
        padding-bottom:10px!important;
        position:relative;
        width:100%!important;
        float:left;
    }
    .eventSchedule .eventColumn .dayMonth span {
        width: auto;
        float: none;
        padding-right:3px;
        font-size:15px;
        text-transform:uppercase;
    }
    .eventSchedule .eventColumn .dayMonth {
        font-size:15px;
        cursor: pointer;
        background:url(http://contentb.sapvirtualevents.com/404.html) no-repeat right center;
    }
    .eventSchedule .eventColumn .dayMonth span:after {
        content: ",";
    }
    .eventSchedule .sponsoredBy {
        background:transparent!important;
        position:relative;
        bottom:0px;
        margin:0px;
        padding: 10px 0px;
        font-size:11px;
    }
    .eventSchedule .eventColumn .eventBlock {
        width: 100%;
        float: left;
        min-height: 100%;
        padding-top: 25px;
        padding-bottom:2px;
    }
    .eventSchedule .eventColumn .eventScheduleAdjust>div:first-child {
        border-top: 1px solid #313131;
        margin-top: 20px;
    }
    .eventSchedule .eventColumn {
        background:#222;
        padding: 12px 5%!important;
        position: relative;
        width: 90%!important;
        float: left;
        margin-bottom: 2px!important;
    }
    .eventScheduleAdjust {
        padding: 0px!important;
        margin: 0px!important;
        width: 100%!important;
        float: left!important;
    }
    /*.sapLogo {padding-right: 6%;}


.asugLogo {padding-left: 6%;}
*/

    .logoBlock span {display:none;}
    .custom_embed_video .liveCompImage .playerImg {
        width: 100%;
        height: 135px;
    }

    .scalableView .playButton-new {
        left: -4px!important;
        top: -7px!important;
        width: 55px;
        height: 55px;
    }
    .sapphire-play-video:before {

        margin: 16px auto 16px 18px;

    }

    .customRegTwocolumns .customRegLeftColumn .removeSpaceRegRight .xCaseRightBlock{padding-top: 10px; padding-bottom:20px;}
    .customRegTwocolumns .customRegLeftColumn .removeSpaceRegRight .xCaseLeftBlock{padding-top: 20px;}
    .customRegTwocolumns .customRegLeftColumn .removeSpaceRegRight .xCaseRightBlock .centerBlock {margin: 0px;}

    #DynamicList .mobileFilter .iconFilter{display:none;}
    #SponsorsList .listingContainer .listingRight .savePlaylist {float: left !important;margin: 5px 0px 0px !important;}
    #detailexhibitor .listingContainer.listsponsors{width:100% !important;}
    #detailexhibitor .listingContainer.listsponsors .add_playlist_action {left: 3% !important;right: auto !important;}
    #divMyPlayList1 .playListTable tr td {padding: 25px 0px;}
    #divMyPlayList1 .playListTable td:first-child {width: 67% !important;    padding-right: 5px;}
    #divMyPlayList1 .myPlayList ul.iconItems li {padding: 5px;width: auto;}
    .countdown th{font-size: 22px!important;}
    .countdown td{font-size: 22px!important;}

}



@media only screen and (max-width:600px) {
    .saph-tabListing li {
        font-size: 14px;
        padding: 8px 6px;
    }
    .verticleSectionContainer .countdown th{
        font-size:18px!important;
    }
    .speakerOverlayContent{
        min-width:auto;
    }
    .verticleSectionContainer .countdown td{
        font-size:24px!important;
    }
    .countdown th{
        font-size:12px!important;
    }
    .countdown td{
        font-size:16px!important;
    }
    .accordianBlock.nestedAccordinBlock .accordianBlock .nestedinrtab .pClass {
        width: auto;
    }
    .accordianBlock.nestedAccordinBlock .accordianBlock .nestedinrtab .innertab .pClass {
        width: auto;
    }
    .nestedinrtab .pClass {
        width: auto;
    }
    .testRTE.section .positionClass .billboardOverlayContent {
        margin: 0px;
        width: auto;
        padding: 20px;
    }
    .billboardNew.section .positionClass .billboardOverlayContent {
        margin: 0px;
        width: auto;
        padding: 20px;
    }
    .billboard.section .positionClass .billboardOverlayContent {
        margin: 0px;
        width: auto;
        padding: 20px;
    }
    .pClass.AccBlockLeft {
        float: left;
        width: auto;
        padding: 30px 8%;
    }
    .customfaqAcc .pClass.AccBlockLeft {
        padding: 0px 0px;
    }
    .customfaqAcc .pClass.AccBlockRight {
        padding: 0px 0px;
    }
    .pClass.AccBlockLeft img {
        float:none;
        margin: 20px 0px;
        width: 100%;
    }
    .pClass.AccBlockRight {
        float: left;
        width: auto;
        padding: 30px 8%;
    }
    .pClass.AccBlockRight img {
        float:none;
        margin: 20px 0px;
        width: 100%;
    }
    .aribaexpCollDesc .pClass.AccBlockRight img {margin-left: 0px;}
    .popup_agenda h3 {
        padding-bottom:20px;
    }

    .askBg .sectionBlock {
        min-height: 670px;
    }
    section.hero .hero-block .content-holder {
        top: 6%;
        height: 94%;
    }
    div#player1_1_wrapper {
        margin: auto;
    }
    .selectQue h2 {
        font-size: 15px;
        line-height: 18px;
    }
    .selectQue .jcf-select {
        padding: 5px 0px;
    }
    .selectQue .jcf-select .jcf-select-text {
        font-size: 13px;
    }
    .wrapper-dropdown-1 {
        background: url(../../images/nav-arrow-icon.png) no-repeat right 16px;
    }
    .caseStudyBox {
        width: 100%;
        color: #222;
        padding: 45px 0% 0 0;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        border-bottom: solid 1px #ddd;
        min-height: 190px;
    }
    .myPlayList ul.iconItems li {
        width:100%;
        padding-right:0px;
    }
    .playListTable td:first-child {
        width:80%;
    }
    .mobLogo {
        display: block;

    }
    .deskLogo {
        display: none;
    }
    .sitename {
        display: block;
    }
    .videoInline .videoaRightContainer .LinkReadmore {
        text-align: center;
    }
    .multiColHeading {
        font-size: 30px;
        padding:30px 0px 0px;
        line-height: 35px;
    }
    div.jwdisplayIcon .jwicon {
        background-size: 35px!important;
    }
    .CQSectionCarosuel .slick-slider .refreshBlock .CQSectionComp section.hero {
        height: 100%;
        min-height: 300px;
    }
    .CQSectionCarosuel .slick-slider .refreshBlock .CQSectionComp section.CQSectionPrimary.hero {
        height: 100%;
        min-height:400px;
    }
    .sponsorship-container .logo-container .logo-outer {
        width:45%;
    }
    .sponsorship-container .logo-container .logo-outer img {
        max-width:95%;
    }
    #announcement {
        width:80%;
        top:140px;
    }

    ul.blogResultsList li .avatar {

        max-width: 40px;
        max-height: 40px;
        /*margin-right: 10px;*/
        float: left;
    }
    ul.blogResultsList li .wrap {
        padding-left: 50px;
    }
    .partnerstatementpopup{
        width:80%;
        height: fit-content;
    }

    .customHorizAccordionBlock .customHorizAccord .inrtab  {
        max-width: calc(100vw - 40px);
        min-width: calc(100vw - 40px);
        border-right:0px;
    }

}

@media only screen and (max-width:600px) and (orientation : landscape) {
    html.active-panel body .contact-module .popup, html.active-panel .contact-module .popup {
        overflow: auto;
    }
    .active-panel {
        overflow: hidden;
    }
    .verticleSectionContainer .verticleCols .Heading2{
        font-size:44px;
    }
}
@media only screen and (max-width:530px) {
    .verticleSectionContainer .verticalSectionCenter{
        padding: 0px 0%!important;
        width:100%!important;
    }
    .multiSpeakerContainer.customeICSComp .speakerHeroBlock .articleBox {
        width: 97%;
        float: left;
        padding: 45px 1.5% 0 1.5%;
        text-align: center;
    }

    div#divSocialNetwork .tweeter_api, div#divSocialNetwork .facebook_api, div#divSocialNetwork .linked_api, div#divSocialNetwork .share-googleplus, div#divSocialNetwork .Email_api {
        width: 100%;
    }
    .well_RD {
        width:auto;
        max-width:450px;
    }
}

@media only screen and (max-width: 500px) {
    ul.saph-peerGoup li {
        width: 100%;
        min-height: 65px;
    }

    .positionClass .Title100, .customTextBlock .Title100, .customHeading .Title100 {
        font-size: 40px;
    }

    .positionClass .Title72, .customTextBlock .Title72, .customHeading .Title72 {
        font-size: 30px;
    }

    #announcement {
        width: 75%;
    }

    .askBg .sectionBlock {
        min-height: 630px;
    }

    .LinkBtn {
        padding: 25px 0 0;
    }

    .agenda_main .agendaRightBlock .linkButton {
        margin: 0;
        padding: 3px 2px 3px;
        font-size: 12px;
        text-decoration: none;
    }

    .header-holder .logo a img {
        top: 0;
        bottom: 0;
        max-width: 200px;
        max-height: 36px;
        margin: auto;
    }

    .header-holder .logo span.sitename {
        left: 5px;
    }
    header .container {
        padding: 0 10px;
    }

    .header-holder .logo {
        position: relative;
        height: 100%;
    }

    .contact-module .popup,
    .nav-block.active {
        left: calc(100% + 10px) !important;
    }

    #main-del .live_container .lead_cust .blocks {
        float: left;
        width: 90%;
    }

    .ppl_comments .user_img {
        width: 10%;
    }

    .ppl_comments .content {
        float: left;
        width: 85%;
        padding-left: 3%;
    }

    .logoRight ul.smallLink {
        display: none;
    }

    .fademodal_close {
        right: 10px;
        top: 5px;
    }

    .partnerstatementpopup {
        width: 70%;
        height: fit-content;
    }
}

@media only screen and (max-width: 480px) {
    .customHorizAccordionBlock .customHorizAccord .inrtab  {
        max-width: calc(100vw - 40px);
        min-width: calc(100vw - 40px);
    }

    .customHeaderAR .header-holder {
        /* padding: 13px 15px;
    height: 48px;*/
        padding:9px 15px;
        height: 43px;
    }
    .singlepersiatntheader.customSectionAR {
        padding-top: 61px!important;
    }

    .customHeaderAR .anchor_SingleHeader {
        display: block;
        height: 59px;
        margin-top: -77px;
        visibility: hidden;
    }
    .customHeaderAR .header-holder .logo a img {
        max-height: 43px;
    }

    .verticleSectionContainer .verticleCols p {
        min-height: 70px;
    }


    .verticleSectionContainer .verticleCols .Heading1{
        font-size: 50px;
        line-height: 1.1;
    }
    .verticleSectionContainer .verticleCols .Heading2{
        font-size: 38px;
        line-height: 1;
    }
    .verticleSectionContainer .verticleCols .Heading4{
        font-size: 24px;
        line-height: 30px;
    }
    .customHeaderAR .login-details .headerRightLogo .mobLogo {
        max-height: 43px;
    }
    .customSmallCTA3Column .columnHero{
        margin-right:0;
    }
    .billboardNew.section .positionClass .billboardOverlayContent {
        padding:20px 10px;
    }
}

@media only screen and (max-width: 400px) {
    .login-details ul li {
        margin-left: 4px;
    }

    .header-holder .logo {
        margin-right: 2px;
    }

    .mainNavigation a.nav-opener {
        margin-left: 4px;
    }

    .customAccordionStyle2 .columnHero ul li .item{
        width: 81%;
        padding-right: 19%;
    }

    .verticleSectionContainer .verticleCols .customTextBlock .linkButton{
        padding: 9px 12px;
        font-size: 16px;
    }
    #announcement {
        width:70%;
    }
    span.placeholdertext {
        font-size: 13px;
    }
    .sponsorship-container .logo-container .logo-outer {
        width: 96%;
    }
    .queBlock {
        padding: 45px 0 220px;
        width: 94%;
    }
    .section2 .form-container-block .termsPanel .guideFieldNode .guideFieldDescription .innerContainer {
        height: 120px;
    }
    .blackContainer {
        width: 90%;
        padding: 15px 5%;
    }
    .viewExperts {
        width: 100%;
        padding: 10px 0% 40px;
        float: left;
    }
    .viewExperts .viewExpertsImage {
        padding-bottom: 10px;
        width: 100%;
    }
    .viewExperts .viewExpertsImage img {
        width: 35%;
    }
    .speakerArea {
        width: 95%;
    }
    /*.videoListing .vepVideoBlock {
float: left;
width: 62%;
}*/
    .login-details li.searchIcon {
        display: none;
    }
    div#tweetlogin {
        width: 100%;
        margin-bottom: 10px;
    }
    .agenda_main .agendaRightBlock .linkButton {
        width: 115px;
    }
    .videoInline {
        width: 230px;
    }

    .galleryBox {
        width: 100%;
        float: left;
        padding: 15px 3%;
        text-align: center;
        min-height: auto;
    }
    .galleryBox .articleImage img {
        max-width: 100%;
        max-height: 100%;
        width: 60%;
    }
    .partnerstatementpopup{
        width:70%;
        height: fit-content;
    }
    .customHorizAccordionBlock .customHorizAccord .inrtab {
        max-width: calc(100vw - 40px);
        min-width: calc(100vw - 40px);
    }
}
@media only screen and (max-width: 330px) {
    .headerRightLogo img {
        max-width: 150px;
        max-height: 30px;
    }
    .customHorizAccordionBlock .leftArrow {
        left: -17px;
    }
    .customHorizAccordionBlock .rightArrow {
        right: -17px;
    }
    .multiColStackCarContainer .slick-prev{
        left: -10px;
    }
    .multiColStackCarContainer .slick-next{
        right: -10px;
    }

    .login-details {
        padding-right: 5px;
    }

    .header-holder .logo span.sitename {
        left: 2px;
        font-size: 11px;
    }
    .login-details ul li {
        margin: 0;
    }
    #header .linkButton {
        font-size: 11px;
        padding: 6px 4px;
    }

    .mainNavigation {
        margin-left: 0;
    }

    .customAccordionStyle2 .columnHero ul li .item {
        width: 79%;
        padding-right: 21%;
    }

    .wayInBlock {
        /*width:310px!important;*/
        /*margin-left:-24px;*/
    }
    .wayInBlock iframe {
        display:block;
        float:left;
        width:310px!important;
    }
    .backgroundImages .mobileImage{
        width: 120%;
    }
    .verticalRotatorContainer{
        width:210px;
    }
    .verticalRotatorContainer.in{
        right: -262px;
    }
    .centerBlock {
        margin: 0px 10px;
    }
    .verticleSectionContainer .verticleCols .Heading1 {
        font-size: 36px;
    }
    .verticleSectionContainer .verticleCols .Heading2 {
        font-size: 30px;
    }
    .verticleSectionContainer .sponsorCarouselContainer .speakerHeroBlock .articleBox{
        margin: 12px 5px 0px 5px;
    }
    .countdown td{
        min-width:66px;
    }
    .partnerstatementpopup{
        width:70%;
        height: fit-content;
    }
    .customHorizAccordionBlock .customHorizAccord .inrtab {
        max-width: calc(100vw - 20px);
        min-width: calc(100vw - 20px);
    }
}


@media screen and (min-width: 768px) and (max-width: 1000px) {
    .customscriptblock #showflooriframe {
        height: 1000px;
        overflow: auto;
    }

    .sapphire-play-video {
        width: 40px;
        height: 40px;
        top: 6px;
        left: 6px;
    }
    .sapphire-play-video:before {
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 18px solid #ffffff;
        margin: 8px auto 12px 12px;
    }

    .scalableView .vepVideoBlock .videoImg:hover .sapphire-play-video {
        border: 3px solid #ffb400;
        width: 48px;
        height: 48px;
        top: 1px;
        left: 1px;
    }

    .scalableView .vepVideoBlock .videoImg:hover .sapphire-play-video:before {
        border-left: 26px solid #ffb400;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        margin: 9px auto 10px 13px;
    }


    .sessionShareContainer .jwPlayerBlock .jwPlayerContainer .socialShareItem ul li {
        width: 33%!important;

    }
    .sessionShareContainer .jwPlayerBlock .jwPlayerContainer .socialShareItem {

        max-width: 75px!important;
        width: 75px!important;
    }

}
@media screen and (min-width: 1301px) and (max-width: 1420px) {

    .jwPlayerBlock .jwPlayerContainer .socialShareItem ul li {
        margin-bottom: 1px!important;
        margin-top: 0px!important;
    }
}
/***Agenda Style Start ****/

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

    .static-agenda-wrapper .select-wrap {    width: 27vw;    margin-right: 10px;}
}

@media only screen and (min-width: 769px){

    .dropdown {display: none;}
    .loginContainer .dropdown {
        display: block;
    }
}

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

    /* .static-agenda-wrapper .agendaContainer {padding-left: 50px;} */
    .static-agenda-wrapper .rd-main-outer {margin: 30px 15px 20px;}
    .static-agenda-wrapper .dropdown1 {float: left;width: 100%;}
    .static-agenda-wrapper .select-wrap {width: 45%;margin-right: 10px;    margin-bottom: 10px;}

    .static-agenda-wrapper .agendaTab-conatainer {
        margin: 20px 10px;
    }
    .static-agenda-wrapper ul.tabs.agendaTab-conatainer li {
        margin-right: 5px;
        font-size: 12px;
    }

    .timeSlot:nth-child(4n+1) {
        font-weight: bold;
        font-size: 11px;
    }
    .static-agenda-wrapper .timeslotOuter {left:10px;}



    /* .static-agenda-wrapper .agendaTab-conatainer { */
    /* width: auto; */
    /* box-shadow: 0 4px 4px 0 rgba(0,0,0,.2); */
    /* margin: 0px 10px; */
    /* } */



    /* .static-agenda-wrapper ul.tabs.agendaTab-conatainer li { */
    /* display: block; */
    /* margin-right: 0px; */
    /* color: #727272; */
    /* cursor: pointer; */
    /* padding: 7px; */
    /* font-size: 14px; */
    /* } */
    /* .static-agenda-wrapper ul.tabs.agendaTab-conatainer li.current { */
    /* border-bottom: 0px; */
    /* background: #EAEAEA !important; */
    /* color: #727272; */
    /* } */


    #TB_iframeContent {
        max-width: 100%;
    }
    #TB_window {
        left: 50%;
        top: 40%;
        left: 50%!important;
        width: 320px;
        max-height: 70vh;
        margin-top:35px !important;
        transform: translate(-50%, -50%);
        overflow-x: hidden;
        overflow-y:auto;
        z-index:999 !important;
    }
    #TB_iframeContent {
        width: 100% !important;
    }

    .columnDetail > div {
        text-align: center !important;
    }
}

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

    .static-agenda-wrapper .tb-row {
        flex: 1;
        max-width: calc(100vw - 76px);
        min-width: calc(100vw - 76px);
    }

    /**login popup**/
    #TB_window:not(*:root) {
        top: 50%;
        left: 50% !important;
        width: 320px;
        max-height: 70vh;
        margin-top:35px !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        /* overflow: hidden; */
        overflow-x: hidden;
        overflow-y: auto;

    }

    #TB_iframeContent {
        max-width: 320px;
    }
    #TB_window {
        top: 50%;
        left: 50%!important;
        width: 320px;
        max-height: 70vh;
        margin-top:35px !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        overflow: hidden;
    }
    #TB_iframeContent {
        width: 100% !important;
    }
    /**popup end **/

}
/***Agenda Style End ****/

/*========================*/
/** Video With Tab sidebar start */
@media only screen and (min-width:768px) {
    .customLiveExpComp .tabwithVideo {margin-top: -41px;}
    .customLiveExpComp .videoaRightTabs .videoaRightContainer {padding-left: 2px;}
    .customLiveExpComp .videoaRightTabs .videoaRightContainer table {border-spacing: unset;}
    .customLiveExpComp .tabwithVideo .tab-content img {    max-width: none; }
}
@media only screen and (min-width:1200px) {
    .customLiveExpComp .centerBlock {max-width: 1030px;}
    .customLiveExpComp .customVideoList .centerBlock {max-width: 1200px;}
}
@media only screen and (min-width:1290px) {
    .customLiveExpComp .customVideoList .centerBlock {max-width: 1290px;}
    .customLiveExpComp .customVideoListNew .videoaLeftContainer{width: 640px!important;max-width: 100%;}
    .customLiveExpComp .customVideoListNew .videoPlaylistContainer{float: left;width:307px;}
    .customLiveExpComp .customVideoListNew .videoaRightContainer {width: 337px;height: 100%;position: relative;right: 0;top: 0px;padding-left: 4px;vertical-align: middle;
        float:left;display:block;}
}
@media only screen and (max-width:1199px) {
    .customLiveExpComp .tabwithVideo img.vdo-attendee {display: block !important;}
    .customLiveExpComp .tabwithVideo .create-group, .tabwithVideo .remove-group{display:none !important;}
    .customLiveExpComp .tabwithVideo img.vdo-groupchat {display: none !important;}
}
@media only screen and (max-width:1000px) {
    .customLiveExpComp .videoInline .videoaLeftContainer .mainplayercontainerVideo{width:100%}
    .customLiveExpComp .videoInline{width:100%}
}

@media only screen and (max-width:991px) {
    .customLiveExpComp .customVideoListNew .videoaLeftContainer{width: 100%!important;}
    .customLiveExpComp .customVideoListNew .videoPlaylistContainer{width: 100%!important;}
    .customLiveExpComp .customVideoListNew .videoaRightContainer {width: 100%!important;}
    .customLiveExpComp .customVideoListNew .tabwithVideo {margin-top: 0px;}
}
@media only screen and (max-width:767px) {
    .customLiveExpComp .videoaRightTabs .videoaLeftContainer {width: 100% !important;}
    .customLiveExpComp .videoaRightTabs .videoaRightContainer {width: 100% !important;padding: 0px !important;}
    .customLiveExpComp .tabwithVideo .tab-content .centerBlock {margin: 0px !important;}
    .customLiveExpComp .customVideoHeading{font-size: 18px;line-height: 20px;}
    .customLiveExpComp .customVideoDescription{padding:6px 0px}
}
/** Video With Tab sidebar End */
/*=======*/
/** Video with left channel and right Widgets - Start **/
@media only screen and (min-width:1310px) {
    .leftChannelWidget .centerBlock {max-width: 1309px;}
    .leftChannelWidget .live_player .left {width: 681.59px;float: left;}
    .leftChannelWidget #ttcontainer {width: 278.40px;float: left; }
    .leftChannelWidget .videoaRightContainer {float: right;width: 349px;margin-top: -45px;background: #fff;}
    .leftChannelWidget .vepWrapper .sessionTitle {padding-left: 278.40px; padding-right: 349px; box-sizing: border-box;}
    .leftChannelWidget .playerParent .theatreMode {left: -35.5%;}
}
@media screen and (max-width: 1309px) and (min-width: 1200px) {
    .leftChannelWidget .centerBlock {max-width: 1140px;}
    .leftChannelWidget .live_player .left {width: 60%;float: left;}
    .leftChannelWidget #ttcontainer {width: 20%;float: left;}
    .leftChannelWidget .videoaRightContainer {float: right;width: 20%; margin-top: -45px;background: #fff;}
    .leftChannelWidget .vepWrapper .sessionTitle {padding-left: 20%;padding-right: 20%;}
}
@media only screen and (max-width:1199px) {
    .leftChannelWidget .centerBlock {max-width: 960px;}
    .leftChannelWidget .live_player .left {width: 50%;float: left;}
    .leftChannelWidget #ttcontainer {width: 25%;float: left;}
    .leftChannelWidget .videoaRightContainer {float: right;width: 25%; margin-top: -45px;background: #fff;}
    .leftChannelWidget .vepWrapper .sessionTitle {padding-left: 25%;padding-right: 25%;}
}
@media only screen and (max-width:991px) {
    .leftChannelWidget .live_player .left {width: 100%;float: left;padding-left: 0px;}
    .leftChannelWidget #ttcontainer {width: 100%;float: left; position: relative; left: 0px;top: 0px;}
    .leftChannelWidget .videoaRightContainer {float: right;width: 100%; margin-top: 0px;background: #fff;}
    .leftChannelWidget .live_player .left .playerParent {max-height: 100%;height: auto;}
    .leftChannelWidget .live_player .left .playerParent #mainplayercontainer {height: 100% !important;}
    .leftChannelWidget .vepWrapper .sessionTitle {padding-left: 0;padding-right: 0;}
}
@media only screen and (max-width:767px) {
    .leftChannelWidget .live_player .right .scroller {height: auto;max-height: 270px; padding:0px}
    .leftChannelWidget .live_player .right .scroller .sliderDetail {padding: 10px 3% 10px;margin-bottom: 0px;}
    .leftChannelWidget .live_player .right .live_sponcer_main {margin-bottom: 4px;}
    .leftChannelWidget .heading_main.mobileVideoNow {display: none;}
}

/** Video with left channel and right Widgets - End **/
/*=======*/


/***Agenda Style End ****/
/*** Video 960 ***/
@media only screen and (max-width: 1000px) {
    .videoInline.customVideoInlineLarge .mainplayercontainerVideo {
        width: 100% !important;
        max-width: 960px;
    }
}
@media only screen and (max-width: 767px){
    .videoInline.customVideoInlineLarge {width: 100% !important;}
    .videoInline.customVideoInlineLargeWithText {width: 100% !important;}
    .videoInline.customVideoInlineLargeWithText .mainplayercontainerVideo {width: 100% !important;}
    .videoInline.customVideoInlineLargeWithText .linkButton {float: left;}
}
/*=======*/

@media only screen and (max-height: 420px) {
    .speakerOverlayContent {
        margin: 30px 10px 10px;
        padding: 50px 20px 20px;
    }

    .speakerOverlayContent .positionClass {
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media only screen and (max-width: 480px) {
    #header #toSeriesDetailsBtn {
        width: 106px;
        line-height: 12px;
        margin-top: -2px;
        padding: 6px 5px;
    }
}