@media screen and (max-width: 1460px) {
.containerFooter {width: 1200px;}
.container {width: 1000px;}
.divMenuPopup {margin-left: 50px;}
.divForgotPassword {float: none; display: block;text-align: left; margin-top: 45px;}
.divSignInButton {margin-top: 8px;}
/*.divSlick {max-height: 380px;}
.slick-slide {max-height: 380px;}*/
}

@media screen and (min-width: 1366px) {
}

@media screen and (max-width: 1200px) {
    .divDesktopMenu {padding-left: 0px; padding-right: 130px; height: 50px; font-size: 14px; padding-top: 15px;}
    .divWebsiteHeaderWithMenu .divHeaderLanguage {height: 50px; padding-top: 15px; padding: 15px; width: 110px;}
    .divProject {width: calc(25% - 3px);}
}

@media screen and (max-width: 1000px) {
    .divProject {width: calc(50% - 3px);}
    .divDesktopMenu {display: none;}
    .divDesktopHeaderLogo {display: none;}
    .divWebsiteHeaderWithMenu .divHeaderLanguageArea {position: relative; background: rgb(0,37,65);}
    .divWebsiteHeaderWithMenu .divHeaderLanguage {position: relative; padding-top: 15px; height: auto; width: auto; top: 0px;}
    .divStoreItemPhoto {width: 100%;}
    .divStoreItemDetail {width: 100%; padding-left: 0px;}
    .divStoreItemName {font-size: 20px;}
    .divStoreItemDateTime {font-size: 15px;}
    .divStoreVoucherCode {font-size: 15px;}
    .divStoreVoucherCode .data {font-size: 17px; font-weight: bold;}
    #mySidenav {display: block;}
    .imgHomeDesktopLogo {margin-bottom: 8px;}
    .divDesktopHomeName {margin-left: 10px; font-size: 13px;}
    .divDesktopHomeLogoutBtn {margin:5px; margin-top: 5px; padding: 10px; box-sizing: border-box; width: calc(100% - 10px);}
    .divHomeProfile {display: none;}
    .divHomeDataArea {width: 100%;}
    .divMobileToggleIcon{display: block;}
    .divHeaderLanguage {margin-right: 0px;}
    .divLoginArea {width: 90%; padding: 18px 30px; }
    .divChartBoxOuter {display: block;}
    .chartLeft, .chartRight {width: 100%;}
    .chartLeft {margin-right: 0px;}
    .chartRight {margin-left: 0px;}
    .rowRight {text-align: left;}

    .divPointCaption {line-height: 12px;}
    .divCoreValueBox {width: calc(49% - 30px); padding: 0px 15px; }
    .divForgotPassword {float: none;}
    .divGalleryArrowDown, .divGalleryArrowTop {display: none;}
    .headerBalance {font-size: 11px; margin-left: 10px; line-height: 14px; margin-top: 0px;}
    .headerBalance1 { margin-top: 3px;}
    .headerBalance2 {}
    .headerBalance3 {margin-bottom: 8px;}
    .DataCaption {width: 128px;}
    .divPointOuterArea {-webkit-flex-wrap: wrap; flex-wrap: wrap; padding-top: 8px;}
    .divPointArea {width: 33.3%; font-size: 12px; padding: 10px 4px;}
    .divPointArea:nth-of-type(4 ) {border-left: 0px;}
    .divPointValue {font-size: 13px;}
    .divFilterArea {display: block; margin-top: 3px;}
    .divFilterCaption {width: 40px; display: inline-block;}

    .treeGenealogy li .geoItem {font-size: 11px; line-height: 13px;}
    .geoItem .package {font-size: 9px; line-height: 11px;}

    .divTableRow {display: block;}
    .divTableCaption {width: 100%; border-right: 0px; font-size: 11px; line-height: 12px; padding-bottom: 3px;}
    .divTableData {width: 100%; padding-top: 0px;}
    /* GRID TABLE*/
    /*.k-grid tr td {font-size: 10px;}
    div.k-grid-header, div.k-grid-footer {padding-right: 0px !important;}*/

    /* HOME PAGE */
    .btnFooterEmailSubmit {margin: auto; margin-bottom: 10px;}
    #idTextSearchMobile {color: #ddd;}
    .divFeaturesBoxHide {display: none !important;}
    .imgSearchIconOut, .closeSearchButton {height: 18px; width: 18px; }
    .stickyParent + .ContentBody {padding-top: 55px;}
    .divPageTitle {font-size: 15px;}    
    .divQuestionAnswer {padding-right: 10px; box-sizing: border-box;}
    .divPageData {width: 100%; padding: 0px 10px; box-sizing: border-box; }
    #windowMessage {padding: 5px 8px;}
    #divWindowMessageExit {top: 0px; right: 0px;}
    .headerPromotion {font-size: 9px; line-height: 14px;}
    .containerFooter {width: 100%;}
    .container {width: 100%;}
    .divheaderCurrencies {display: none;}
    .divHeaderAccount span, .divHeaderCart span {display: none;}
    .sticky .imgHeaderLogo {height: 23px;}
    .divFooter1, .divFooter2, .divFooter3, .divFooter4 {width: 100%;}
    .stickyMenu .containerFlex {display: initial;}
    .containerFooter.containerFlex {display: initial;}
    .divFooter4 .containerFlex {display: initial;}
    .imgFooterPayment {display: none;}
    .divMenuOuter {display: none;}
    .divMobileMenu {display: inline-block; margin-left: 13px; font-size: 18px;}
    .divheaderLogo {width: 100%;}
    .divheaderSearch {width: auto; margin-left: 10px;}
    .imgSearchIconOut {margin-top: 0px; margin-left: 8px;}
    .divHeaderCart {margin-right: 13px;}
    .divheaderInfo {float: right;width: 120px;}
    .slick-prev:before, .slick-next:before {font-size: 20px;}
    .slick-dots {bottom: 5px; right: 10px;}
    .slick-dots li button:before {font-size: 5px;}
    .slick-dots li {height: 5px; width: 5px;}
    .divHomeImageLink .containerFlex, .divHomeImageLink.containerFlex {display: initial;}
    .div50 {width: 100%;}
    .footerHelpCatpion {font-size: 23px; margin-bottom: 5px;}
    .footerHelpCatpion2 {font-size: 10px;margin-top: 5px; margin-bottom: 10px;}
    .divFooterHelpOuter .containerFlex {display: initial; }
    .divFooterHelp {width: 80%; border-right: none; border-bottom: 1px solid #49176d; display: block; margin: auto;}
    .divFooterHelp:last-child {border-bottom: none;}
    .divHomeColumnFirst, .divHomeColumnSecond {margin-top: 5px;}
    .divHomeColumnSecond .div50 {margin-top: 5px;}
    .divFeaturesBox {height: auto; box-sizing: border-box; width: 100%; display: inline-block;}
    .imgHomeImageLink {height: 100%; box-sizing: border-box;}
    .imgHomeImageLinkDouble {height: 100%;}
    .divFitting {margin: 5px 10px; display: none;}
    .divFeature.containerFlex {display: inline-block; margin: 5px 10px; box-sizing: border-box; display: none;}
    .divFeature .div33 {display: inline-block; width: 100%; box-sizing: border-box;}
    .divInstaLeft {margin-left: 10px;}
    .divInstaRight {margin-right: 10px;}
    .marginRight15 {margin-right: 0px;}
    .divFooterSocial {display: inline-block; width: 40px; height: 40px; margin: 0px 5px;}
    .divFooterSocial img {object-fit: contain; width: 100%; height: 100%;}
    .divFooterCopyrightOuter {background: #49176d;}
    .divFooterCopyright {color: white; }
    footer a {color: white;}
    footer {padding-top: 0px;}
    .divFooter4 {text-align: center; color: #49176d;}
    .divFooter4 .newsfeedCaption {display: none;}
    .divFooter3 {margin-bottom: 15px;}
    .divFooter1, .divFooter2, .divFooter3 {background: #49176d; padding: 10px 20px; border-bottom: 1px solid #ccc; box-sizing: border-box;}
    .divFooter1 a, .divFooter2 a, .divFooter3 a {color: #ccc;}
    .divFooter1 .divFooterHeader, .divFooter2 .divFooterHeader, .divFooter3 .divFooterHeader {color: white;}
    footer a:hover {color: white;}
    .divFooterChild {display: none;}
    .imgHeaderLogo {width: 250px; object-fit: contain;}
    .dviSignInArea.containerFlex {display: inline-block; width: 100%; box-sizing: border-box;}
    .divSignInTitle {position: absolute; left: 0px; right:0px; font-size: 20px; padding: 5px 0px; width: 100vw; background: #a86dd2; color: white;}
    .divSignIn {width: 100%; box-sizing: border-box; border-right:0px; margin-top: 0px; }
    .divSignInOuter {padding: 0px 30px; box-sizing: border-box; position: relative; }
    .divSignInEmailCaption {padding-top: 45px;}
    .divKeepSignIn, .divForgotPassword {font-size: 10px;}
    .divSignInRegister {width: 100%; box-sizing: border-box; padding: 0px 30px;}
    .divSignInRegisterCaption {width: 100%; box-sizing: border-box; padding: 0px 10px; padding-top: 50px;}
    .divSignInRegisterButton {width: 100%; box-sizing: border-box; display: inline-block; margin: 0px; margin-top: 20px;}
    .divRegsiterOuter {width: 100%; box-sizing: border-box; padding: 0px 10px; }
    .divRegsiterOuter fieldset {padding: 20px 10px;}

} 

/* iPad Portrait */
@media screen and (max-width: 1200px) {
.containerFooter {width: 95%;}
.container {width: 90%;}
.divMenuPopup {margin-left: 0px; width: 90%;}
.divFooterSocial img {height: 35px; width: 35px; object-fit: contain;}
.divFeaturesBox:after {display: none;}
}

@media screen and (max-width: 1200px) {
    .divMenuMainLayer{min-width: 90px;}
}

@media screen and (max-width: 950px) {
    .divCollectionGroupArea {width: 25%;}
}

@media screen and (max-width: 860px) {
    .divMenuMainLayer{min-width: 80px;}
}

@media screen and (max-width: 800px) {
.containerFooter {width: 100%;}
.container {width: 100%;}
.divFeaturesBox {height: auto;}
.divMobileMenuArea .menu {font-size: 16px; line-height: 30px;}
.divMenuSocial {width: 45px; height: 45px;}
}

@media screen and (max-width: 580px) {
    .divProjectArea {margin-left: 10px; margin-right: 10px;}
    .divProject {width: 100%; margin-bottom: 20px;}
    .divProject img {height: auto;}
    .divCoreValueBox {width: calc(100% - 30px); padding: 0px 15px; }
    .divCollectionGroupArea {width: 33%;}
}

@media screen and (max-width: 500px) {
    .divCollectionGroupArea {width: 100%;}
    .divMyOrderDateTime {display: none;}
 .divFeaturesBox {height: auto;}
 .divMobileMenuArea .menu {font-size: 12px; line-height: 18px;}
 .divMenuSocial {width: 30px; height: 30px;}
}