/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .readMore_sec1_Img1.sapMImg {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2%;
        margin-bottom: 3%;
        height: auto;
        width: auto;
        max-width: 90%;
    }

    /*.extScenario-descriptionText-light1:before {
        color: rgb(159, 167, 175);
        content: "•";
        padding: 0px 13px 0px 10px;
    }*/
    /* .extScenario-descriptionText-light1 {
        display: list-item;
        list-style-type: square;
    }
    .extScenario_descriptionText-light {
        display: list-item;
        list-style-type: square;
    }*/
    .pageMainTitle-white {
        font-size: 28px !important;
        width: 92% !important;
        margin-left: auto;
        margin-right: auto;
        display: block !important;
    }

    .homePage_titledescriptionText {
        font-size: 16px !important;
        width: 100%;
        padding-left: 18px;
        padding-right: 18px;
    }

    .pageSubTitle-dark.sapMText {
        font-size: 25px !important;
    }

    .hBoxForCarousel {
        display: inline-block;
    }

    .linkNavigate.sapMLnk,
    .linkNavigate_snap.sapMLnk {
        color: #fff !important;
        text-align: start;
        width: 26%;
        font-size: 11px;
    }

    .linkNavigate_snap1.sapMLnk {
        width: 24%;
        text-align: start;
        font-size: 11px;
    }

    .homepage_contactusIcon.sapUiIcon {
        margin-right: 0rem !important;
        text-align: end;
        width: 10%;
        font-size: 10px;
    }

    .homepage_contactusIconSnap.sapUiIcon {
        margin-right: 0rem !important;
        text-align: end;
        width: 11%;
        font-size: 10px;
    }

    .sapLogoImg.sapMImg {
        /*width: 60% !important;*/
        /*margin-left: 1rem !important;*/
        width: 60% !important;
        height: 100%;
        margin-left: 0.5rem !important;
        margin-top: 1.8rem;
    }

    .sapLogoImgSnap.sapMImg {
        width: 55% !important;
        margin-top: 12px !important;
        margin-bottom: 5px !important;
        margin-left: 18px !important;
    }

    .infoblock_sapLogoImgsnap.sapMImg {
        width: 55% !important;
        margin-top: 12px !important;
        margin-bottom: 5px !important;
        margin-left: 18px !important;
    }

    .infoblock_sapLogoImg.sapMImg {
        width: 55% !important;
        margin-left: 1rem !important;
        margin-top: .2rem !important;
    }

    .readMore_toolHeader.sapTntToolHeader.sapMTB {
        /*display: contents;*/
        display: inline-flex !important;
    }

    .spacerSectionVerySmallColoured.sapUiHLayout {
        height: 2px !important;
    }

    .readMore_toolHeader.sapTntToolHeader.sapMTB {
        max-width: 100% !important;
    }

    .mainHeaderExpandInfoBlocks.sapTntToolHeader.sapMTB {
        display: inline-table;
        max-width: 95%;
    }

    div[id $="infoblockSpacer1"] {
        display: none;
    }

    div[id $="infoblockSpacer3"] {
        display: none;
    }

    div[id $="infoblockSpacer4"] {
        display: none;
    }

    div[id$="infoblockSpacerSnap1"] {
        display: none;
    }

    div[id$="infoblockSpacerSnap3"] {
        display: none;
    }

    div[id$="infoblockSpacerSnap4"] {
        display: none;
    }

    div[id$="homepageSpacer1"] {
        display: none;
    }

    div[id$="homepageSpacer3"] {
        display: none;
    }

    div[id$="homepageSpacer4"] {
        display: none;
    }

    div[id$="homepageSpacerSnap1"] {
        display: none;
    }

    div[id$="homepageSpacerSnap3"] {
        display: none;
    }

    div[id$="homepageSpacerSnap4"] {
        display: none;
    }

    div[id$="readmoreSpacer3"] {
        display: none;
    }

    div[id$="readmoreSpacer1"] {
        display: none;
    }

    div[id$="readmoreSpacer4"] {
        display: none;
    }

    div[id$="scenarioSpacer3"] {
        display: none;
    }

    .readMore_subBlockHeading1.sapMTitle,
    .readMore_subBlockHeading2.sapMTitle {
        font-size: 22px;
        white-space: pre-line !important;
        margin-bottom: 30px !important;
    }

    .readMore_buttonWithBorder.sapMBtnBase {
        margin-bottom: 30px;
    }

    .readMore_buttonWithBorder1.sapMBtnBase {
        margin-bottom: 30px;
    }

    .readMore_headerButtonLyt.sapUiHLayout {
        display: contents;
    }

    .readMore_headerButtonLyt1.sapUiHLayout {
        display: contents;
    }

    .sapUxAPHierarchicalSelectUpperCase .sapMSltLabel {
        text-transform: none !important;
        font-family: "72-Light", Arial, sans-serif;
    }

    .readMore_titledescriptionText.sapMText {
        width: 90% !important;
        margin-left: auto;
        margin-right: auto;
        display: block !important;
    }

    .otherPagesOuterHeaderLyt {
        padding-bottom: 0px;
        /*padding-top: 4px;*/
        padding-top: 20px;
    }

    .spacerSectionVerySmallColoured.sapUiHLayout {
        padding-bottom: 0px;
    }

    .formLayout_details .sapUiFormM .sapUiFormContainerTitle>.sapUiFormTitle {
        width: 100%;
        padding-right: 0px;
    }

    .sapUxAPBlockContainerPhone {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    div[id$="resourcesSpacer1"],
    div[id$="resourcesSpacer2"],
    div[id$="resourcesSpacer3"],
    div[id$="resourcesSpacer4"],
    div[id$="resourcesSpacer5"],
    div[id$="resourcesSpacer6"] {
        display: none !important;
    }

    .extScenario_oddLayout {
        margin-bottom: 0px !important;
    }

    .eachLinkVlt.sapUiVlt {
        padding-left: 0px !important;
    }

    .sap-phone .sapMDialogSection {
        height: auto !important;
    }

    .centerAlignImg {
        max-width: 78% !important;
    }

    .footerBlocks {
        text-align: left !important;
    }
}

@media (max-width: 700px) {
    .headerSection_fioriDesign.sapUiVlt {
        /*For browser which do not support linear gradient*/
        background-image: url(/files/ExtensibilityExplorer/Images/Background/fiori-flower.svg);
        background-size: 90%;
        background-repeat: no-repeat;
        background-position-x: 52%;
        background-position-y: 0%;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 700px) {
    .headerSection_fioriDesign.sapUiVlt {
        /*For browser which do not support linear gradient*/
        background-image: url(/files/ExtensibilityExplorer/Images/Background/fiori-flower.svg);
        background-size: 56%;
        background-repeat: no-repeat;
        background-position-x: 52%;
        background-position-y: 0%;
        width: 100%;
        display: flex;
    }

    .eachLinkVlt.sapUiVlt {
        padding-left: 0px !important;
    }
}


/*Css for Internet Explorer*/

@media screen\0 {
    .sapFDynamicPageHeaderContent {
        display: flex;
    }

    .sapFDynamicPageTitleSnapped {
        display: flex;
    }

    .sapFDynamicPageContent {
        height: 110%;
    }
}

@media (max-width: 700px) {
    .hBoxForCarousel {
        display: block;
        margin-top: auto;
        margin-bottom: auto;
    }

    .tileTextBox {
        width: 75% !important;
    }
}


/*CSS by Shivani*/

@media (max-width: 700px) and (pointer:coarse) and (hover: none) {
    .headerButtons.sapContrast.sapMBtnInner {
        /*background-color: #2a4964;*/
        /*border: 1px solid #2a4964;*/
    }

    .guidePageHeaderSpacer {
        display: none !important;
    }

    .choosePattern {
        width: 90% !important;
    }

    .guidePageTableWidth {
        margin-left: 5% !important;
    }

    .patternsTable {
        display: block !important;
    }

    .guidePageTableWidth {
        width: 100% !important;
    }

    .guidePageTableColumns {
        width: 90% !important;
        margin-left: 5% !important;
    }

    .guidePageInfoLabel {
        display: none !important;
    }

    .snapHeaderSpacer {
        display: none !important;
    }

    /*.homepage_expandHeaderOuterLyt{*/
    /*	    height: 50px !important;*/
    /*}*/
    .readMore_conceptLayout .sapUiHLayoutChildWrapper {
        width: 100%;
    }

    /*Read more page*/
    .readMore_conceptLayout .sapUiHLayoutChildWrapper {
        display: inline;
    }

    .readMore_sec_Img2.sapMImg {
        max-width: 80%;
        margin-top: -10px;
        margin-bottom: -29px;
    }

    .readMore_sec_Img3.sapMImg {
        max-width: 80%;
    }

    .readMore_conceptImg.sapMImg {
        max-width: 100% !important;
    }

    .readMore_buttonWidth {
        width: 282px !important;
    }

    .searchListOnMobile {
        display: none !important;
    }

    .mainContent {
        width: 85% !important;
    }

    .extensionsListTable {
        width: 90% !important;
    }

    .extTablePadding {
        margin-top: 16px !important;
    }

    .extGuideTextTitle.sapMTitle.sapMTitleNoWrap {
        white-space: normal !important;
    }

    .selectedPattern {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .processStepsHeadingToolbar {
        padding: 0px !important;
        margin-left: 5% !important;
    }

    .guideSectionDescForInfoSrc {
        padding: 0px !important;
        margin-left: 5% !important;
    }

    .processStepsLayout {
        padding: 0px !important;
        margin: 0% !important;
    }

    .guideSectionLayout {
        padding: 0px !important;
        margin-left: 5% !important;
    }

    .disclaimerTextClass {
        padding: 0px !important;
        margin-left: 5% !important;
        width: 92% !important;
    }

    .disclaimerClass {
        padding: 0px !important;
        margin-left: 5% !important;
    }

    .infoblock_sapLogoImg {
        /*margin-left: 4%!important;*/
        margin-top: -10px !important;
    }

    .infoblock_sapLogoImg .sapMBarChild {
        margin-left: 4% !important;
    }
}

@media (max-width:700px) and (min-width:350px) and (pointer:coarse) and (hover: none) {
    .guidePageFooterButtons {
        width: 89.5% !important;
    }

    .homepage_expandHeaderOuterLyt .sapUiHLayoutChildWrapper {
        display: contents !important;
    }

    .scroll {
        overflow-y: scroll !important;
        /*display: block !important;*/
        height: 120px !important;
        padding: 0px !important;
        width: 95% !important;
    }

    .scroll .listStyle {
        padding: 0rem !important;
        margin-left: 1rem !important;
        height: 40px !important;
        border: none !important;
    }

    .scroll .sapMCb {
        width: 50px;
        height: 50px;
        margin-right: 8px !important;
    }

    .searchfilterToolbar {
        margin-left: 0.4rem !important;
    }

    .FilterClass {
        margin-left: 1rem !important;
    }

    .flexBoxForTiles {
        /*width:93% !important;*/
        justify-content: center !important;
    }

    .spacerSectionMediumDesc {
        display: none !important;
    }

    .pageMainTitle-white {
        margin-top: 28px !Important;
    }

    .UpdateHeader {
        font-size: 22px !important
    }

    .UpdateHeaderTitle {
        font-size: 19px !important;
    }
}

@media (max-width: 400px) and (pointer:coarse) and (hover: none) {
    .guidePageFooterButtons {
        display: contents !important;
    }

    .guidePagePatternDesc {
        width: 90% !important;
    }

    .guidePageNameColWidth {
        max-width: 100% !important;
    }

    .scroll {
        overflow-y: scroll !important;
        /*display: block !important;*/
        height: 120px !important;
        padding: 0px !important;
        width: 90% !important;
    }

    .scroll .listStyle {
        padding: 0rem !important;
        margin-left: 1rem !important;
        height: 40px !important;
        border: none !important;
    }

    .scroll .sapMCb {
        width: 50px;
        height: 50px;
        margin-right: 8px !important;
    }

    .searchfilterToolbar {
        margin-left: 0.4rem !important;
    }

    .FilterClass {
        margin-left: 1rem !important;
    }

    .flexBoxForTiles {
        /*width:93% !important;*/
        justify-content: center !important;
    }

    .homepage_expandHeaderOuterLyt .sapUiHLayoutChildWrapper {
        display: flex !important;
    }

    /*.infoblock_sapLogoImg {*/
    /*    margin-left: 10px !important;*/
    /*    margin-top: -10px !important;*/
    /*}*/
    .panelForFilter .sapMPanelContent {
        /*display:contents !important;*/
        padding: 0px !important;
        font-size: 0.8rem !important;
    }

    .processStepsLayout .OneByOne {
        width: 15rem !important;
    }

    /*.processStepsMainLayout .sapMTileSmallPhone{*/
    /*	height:15.5rem !important;*/
    /*}*/
    .scenarioTile>.sapMGTContent {
        height: 17rem !important;
    }

    .scenarioTile.sapMGT.OneByOne {
        width: 17rem !important;
    }
}

@media (min-width:700px) and (max-width:1024px) and (pointer:coarse) and (hover: none) {
    .mainHeaderExpand {
        /*margin-left: 5% !important;*/
    }

    .mainHeaderSnap {
        /*margin-left: 5% !important;*/
    }

    .homepageSpacer2 {
        width: 10% !important;
    }

    .homepageSpacerSnap2 {
        width: 10% !important;
    }

    [id*="overflowButton"] {}

    .readMore_buttonWidth {
        width: 282px !important;
    }

    .readMore_sec1_Img1.sapMImg {
        max-width: 70% !important;
    }

    .readMore_sec_Img2.sapMImg {
        max-width: 70% !important;
    }

    .readMore_sec_Img3.sapMImg {
        max-width: 70% !important;
    }

    .readMore_conceptLayout .sapUiHLayoutChildWrapper {
        width: 100%;
    }

    .readMore_conceptLayout .sapUiHLayoutChildWrapper {
        display: inline;
    }

    .readMore_toolHeader {
        margin-left: 2% !important;
    }

    .scroll {
        overflow-y: scroll !important;
        display: block !important;
        height: 250px !important;
    }

    .headerButtons .sapMBtnInner {}

    .tileTextBox {
        margin-left: 0px !important;
    }

    div[id$="homepageSpacer4"] {
        width: 20rem !important;
    }

    div[id$="homepageSpacerSnap4"] {
        width: 20rem !important;
    }
}

@media (min-width:1024px) and (pointer:coarse) and (hover: none) {
    div[id$="homepageSpacer4"] {
        width: 28rem !important;
    }

    div[id$="homepageSpacerSnap4"] {
        width: 28rem !important;
    }
}

@media (min-width:1024px) and (max-width:1070px) and (pointer:coarse) and (hover: none) {
    .mainHeaderExpand {
        /*margin-left: 2% !important;*/
    }

    .mainHeaderSnap {
        margin-left: 5% !important;
    }

    .homepageSpacer2 {
        width: 10% !important;
    }

    .homepageSpacerSnap2 {
        width: 10% !important;
    }
}

@media (min-width:320px) and (max-width:1024px) and (pointer:coarse) and (hover: none) {
    .homePageHeaderMobile {
        border: none !important;
    }

    .homePageSnapHeaderMobile {
        border: none !important;
    }

    [id*="overflowButton"] {
        font-size: 1rem !important;
    }

    .logonPrefernces {
        width: 310px !important;
        margin-right: 0rem !important;
    }

    .preferencesURL {
        display: contents !important;
    }

    .extScenario-resources-light {
        white-space: normal !important;
    }

    /*TO change the menu button icon*/
    [id^='__toolbar'][id$='-overflowButton-img'].sapUiIcon::before {
        content: "";
    }

    /*Menu button icon color in snap and expanded header*/
    .mainHeaderSnap.sapContrast:not(.sapMBtnDisabled) .sapMBtnTransparent>.sapMBtnIcon {
        color: #346186;
    }

    .mainHeaderExpand.sapContrast:not(.sapMBtnDisabled) .sapMBtnTransparent>.sapMBtnIcon {
        color: #fefefe !important;
    }

    /*Favorites Dropdown*/
    .FavoriteMobile {
        padding-left: 1rem;
    }

    .scenarioCountMobile {
        margin-top: 2.5rem !important;
        margin-left: 1.0rem !important;
        margin-bottom: 1rem !important;
    }

    .multiBoxMobile {
        margin-left: 1rem !important;
    }
}

@media (max-width:480px) and (pointer:coarse) and (hover: none) {
    .popOverRelatedScenarios {
        min-width: 18.25rem !important;
    }

    .popOverRelatedScenarios .sapMPopoverCont {
        min-width: 354px !important
    }
}

.featureWidthMobile {
    width: 96%;
}

.updateHeadingMobile.sapMTextMaxWidth {
    max-width: 100% !important;
}

.updateHeadingMobile {
    margin-bottom: 1rem;
}

.UpdateIconFeatureMobile {
    color: #346187;
    font-size: 52px;
    padding-bottom: 1rem;
}

.VlayoutHeightMobile {
    width: 96% !important;
}

.UpdatedScenarioLinksMobile {
    width: 86% !important;
    margin-top: 0.5rem;
}

.UpdateIconFeatureMobile {
    margin-left: 0.3rem;
    font-size: 19px;
    font-family: "72-Regular";
    font-weight: 400;
    color: #666666;
    margin-bottom: 1rem !important;
}

.UpdateSubTitle {
    margin-bottom: 0.8rem;
}


/*To resolve additional overflow button issue in mobile devices*/

@media (pointer:coarse) and (hover: none) {
    [id^='__header'][id$='-overflowButton'] {
        visibility: hidden;
        width: 0px;
        height: 0px;
        margin: 0px 0px !important;
    }

    .homepage_expandHeaderOuterLyt {
        display: flex !important;
        height: 34px !Important;
    }

    .homepage_snapheaderOuterLyt .sapUiHLayoutChildWrapper {
        display: flex !important;
    }

    .homepage_expandHeaderOuterLyt .sapUiHLayoutChildWrapper {
        height: 1rem !Important;
    }
}


/*For  landscape orientation in mobile devices*/

@media (pointer:coarse) and (hover: none) and (orientation: landscape) and (width:667px) and (height:375px) {
    .homepage_sapLogoImg.sapMImg {
        width: 40% !important;
    }

    div[id$="homepageSpacer5"] {
        width: 10rem !important;
    }

    .sapLogoImgSnap.sapMImg {
        width: 40% !important;
    }

    div[id$="homepageSpacerSnap5"] {
        width: 10rem !important;
    }
}


/*Edge fixes and IE fixes*/
_:-ms-lang(x),
.sapMLIBSelectS,
.sapMLIBSelectM {
    width: 5rem !important;
}