/*menu css starts here*/

.nav-container {
    float: left;
    width: 100%;
    height: 38px;
    box-shadow: 0px 5px 10px 0px var(--box-shadow-color-seven);
    background-color: var(--white-color);
}

.nav-container .block-cart {
    float: right;
    margin: 0;
    padding: 0;
    width: auto;
    position: relative;
    z-index: 999;
}

.nav-container .block-cart:hover .block-content {
    display: block!important;
}

.nav-container .block-cart #cart-button {
    line-height: 44px;
    font-size: 14px;
    color: var(--grey-color-tone-one);
    font-weight: 400;
    padding: 0 0 0 48px;
    position: relative;
    display: block;
    background: url(../images/sprites/mobilesentrix.png) 0px -666px no-repeat;
    margin-top: -12px;
    border: 1px solid var(--grey-color-tone-seven);
    border-bottom: 0;
    background-color: var(--grey-color-tone-eight);
    border-radius: 0px 4px 0 0;
}

.nav-container .block-cart:hover #cart-button, .nav-container .block-cart.hovercart #cart-button {
    background: url(../images/sprites/mobilesentrix.png) 0px -701px no-repeat var(--secondary-color);
    color: var(--white-color);
    background-size: 50px;
}

.nav-container .block-cart #cart-button:hover {
    background: url(../images/sprites/mobilesentrix.png) 0px -717px no-repeat var(--secondary-color);
    color: var(--white-color);
    border-color: var(--secondary-color);
}

.nav-container .block-cart #cart-button #qua {
    padding-right: 31px;
    background: url(../images/sprites/mobilesentrix.png) right -1726px no-repeat;
}

.nav-container .block-cart:hover #cart-button #qua, .nav-container .block-cart.hovercart #cart-button #qua {
    background: url(../images/sprites/mobilesentrix.png) right -1775px no-repeat;
}

.nav-container .block-cart #cart-button:hover #qua {
    background: url(../images/sprites/mobilesentrix.png) right -1775px no-repeat;
}

.ms-menucontainer #nav {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ms-menucontainer #nav .li-hover {
    z-index: 200;
}

.ms-menucontainer #nav .li-hover ul.sub {
    left: 0;
    top: 41px;
    background: var(--dark-color);
    padding: 3px;
    border: 1px solid var(--secondary-color);
    white-space: nowrap;
    width: 110px;
    height: auto;
    z-index: 300;
}

.ms-menucontainer #nav .li-hover ul.sub li {
    display: block;
    height: 30px;
    position: relative;
    float: left;
    width: 110px;
    font-weight: 400;
}

.ms-menucontainer #nav .li-hover ul.sub li a {
    display: block;
    font-size: 15px;
    height: 30px;
    width: 110px;
    line-height: 30px;
    text-indent: 5px;
    color: var(--white-color);
    text-decoration: none;
}

.ms-menucontainer #nav .li-hover ul.sub li a:hover {
    background: var(--secondary-color);
    color: var(--dark-color);
}

.sticky {
    position: fixed;
    z-index: 200;
    max-width: 100%;
    transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
}

.ms-menucontainer #nav li.nav-3:hover ul.level0, .ms-menucontainer #nav li.nav-4:hover ul.level0, .ms-menucontainer #nav li.nav-5:hover ul.level0 {
    left: 0;
}

.ms-menucontainer #nav>li {
    position: static;
    min-height: 42px;
}

.ms-menucontainer #nav>li:not(:first-child) {
    padding-left: 2.1%;
}

.ms-menucontainer #nav>li>a {
    color: var(--grey-color-tone-three);
    font-size: 13px;
    display: inline-block;
    position: relative;
    font-weight: 500;
    padding: 11px 0px;
}

.ms-menucontainer #nav>li>ul.level0 {
    background-color: var(--white-color);
    content: "";
    position: absolute;
    width: calc(1300px + 40px);
    top: 36px;
    left: 50%;
    transform: translatex(-50%);
    transition: opacity .3s ease-in, visibility .3s ease-in;
    -webkit-transition: opacity .3s ease-in, visibility .3s ease-in;
    z-index: 990;
    padding: 18px 0;
    border-top: 5px solid var(--white-color);
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 0px 5px 1px var(--box-shadow-color-seven);
    display: none;
    opacity: 0;
    visibility: hidden;
    height: 700px;
    overflow: auto;
}

.ms-menucontainer #nav .li-hover ul.level0 {
    display: block;
    visibility: visible;
    opacity: 1;
}

.ms-menucontainer #nav>li>ul.level0>li {
    float: left;
    width: 195px;
    padding: 0;
    border: 0;
}

.ms-menucontainer #nav>li.refurbish>ul.level0>li:nth-child(3) {
    padding: 0;
    width: 215px;
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li>a {
    font-size: 14px;
    font-weight: 500 !important;
    text-transform: capitalize;
    float: left;
    color: var(--dark-color);
    width: 194px;
    padding: 3px 15px !important;
}

.ms-menucontainer #nav>li:not(.brands-menu)>ul.level0>li>a, .ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.inheight_cat>a, .ms-menucontainer #nav>li.apple ul.submenu li.screw-bx-m.ls-li a {
    font-size: 13px;
    color: var(--dark-color);
    background-color: var(--grey-color-tone-eight);
    padding: 4px 10px;
    border-radius: 20px;
    margin: 0 0 10px 0;
    clear: both;
    font-weight: 600 !important;
    min-width: 120px;
    display: inline-block;
}

.ms-menucontainer #nav>li:not(.brands-menu)>ul.level0>li>a:hover, .ms-menucontainer #nav>li.apple ul.submenu li.screw-bx-m.ls-li a:hover, .ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.inheight_cat>a {
    letter-spacing: 0;
    background-color: var(--grey-color-tone-eight);
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.inheight_cat>a {
    color: var(--secondary-color);
    border-top: 1px dashed var(--grey-color-tone-five);
    padding: 11px 0 5px 0;
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.inheight_cat {
    position: relative;
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.inheight_cat span.spouge-label {
    position: absolute;
    font-size: 9px;
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.inheight_cat.brand-cat span.spouge-label {
    left: 55px;
    right: auto;
    top: 6px;
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu li.titaniam-armor-img {
    position: relative;
    font-size: 9px;
    top: 7px;
    text-align: center;
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu li.titaniam-armor-img span.spouge-label {
    right: 0;
    top: -20px;
}

.ms-menucontainer #nav>li>ul.level0>li:last-child {
    border-right: 0;
}

ul.submenu {
    float: left;
    width: 100%;
}

ul.submenu li a {
    font-size: 11px;
    line-height: 17px;
    font-weight: 400;
    color: var(--grey-color-tone-three);
    letter-spacing: -0.1px;
    margin: 0;
    padding: 3px 10px;
    border-bottom: 1px solid transparent;
    display: block;
    border-radius: 20px;
    padding-right: 10px;
    position: relative;
}

ul.submenu li a.repairlink {
    color: var(--primary-color);
}

ul.submenu li a.repairlink::after {
    content: '*';
    color: var(--primary-color);
}

.ms-menucontainer #nav>li>ul.level0>ul>span.moto-alert {
    position: relative;
    bottom: 15px;
    left: 30px;
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 400;
    display: block;
    clear: both;
    padding-top: 15px;
    margin-bottom: -18px;
}

.ms-menucontainer #nav>li>ul.level0.sub-menu>li>a {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: var(--grey-color-tone-two);
    letter-spacing: -0.2px;
    text-transform: inherit;
}

.ms-menucontainer #nav ul.submenu li a:hover {
    color: var(--primary-color);
    font-weight: 600;
    text-decoration: none !important;
    background-color: var(--menu-bg-light-color);
}

.ms-menucontainer #nav ul.level0>li>a:hover {
    color: var(--dark-color);
}

ul.submenu li.all-cat a {
    color: var(--dark-color);
    font-weight: 400;
}

.ms-menucontainer #nav>li>ul.level0.sub-menu>li.all-cat>a {
    color: var(--primary-color);
}

.ms-menucontainer #nav .li-hover>a {
    background-color: var(--white-color);
    color: var(--primary-color);
    border-radius: 5px 5px 0 0;
}

.ms-menucontainer #nav>li>ul.level0.sub-menu>li {
    width: 100%;
    border-right: 0;
}

.ms-menucontainer #nav>li.batteries>ul.level0 {
    width: 210px;
}

.ms-menucontainer #nav>li.distributer-stock>ul.level0 {
    width: 180px;
    margin-left: -22px;
}

.ms-menucontainer #nav>li.apple>ul.level0>li {
    min-height: 470px;
}

.ms-menucontainer #nav>li.samsung>ul.level0>li {
    min-height: 689px;
    padding: 0;
}

.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(3) {
    width: 217px;
    padding: 0;
    margin-left: 15px;
}

.ms-menucontainer #nav>li.Huawei>ul.level0 {
    width: 1300px;
    left: -291px;
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(2) {
    width: 260px;
    padding-left: 35px;
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(5) {
    width: 220px;
    padding-right: 0;
    padding-left: 0;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-google strong.dropdown-submenu-title {
    position: relative;
    left: 12px;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0>li.aicon-essentials>ul>li.no-aero>a>span.new-spouse {
    background-color: var(--menu-light-primary-color);
    display: none;
}

.ms-menucontainer #nav>li.spinners2>ul.level0 {
    width: 515px;
    left: -260px;
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:first-child {
    width: 185px;
    padding-right: 0;
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(2) {
    width: 260px !important;
    padding-left: 45px;
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(5) {
    width: 260px;
    padding: 0;
    border-right: 0;
    padding-left: 40px;
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:last-child {
    width: 160px;
    min-height: 125px;
}

.ms-menucontainer #nav>li.Lg>ul.level0>li {
    width: 140px;
    padding: 0;
    min-height: 478px;
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:first-child>ul.submenu:nth-child(3) {
    width: 50%;
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:first-child>ul.submenu:nth-child(4) {
    width: 50%;
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(3) {
    width: 235px;
    padding-left: 30px;
}

.ms-menucontainer #nav>li.Huawei>ul.level0>li {
    width: 182px;
    padding: 0;
    min-height: 452px;
}

.ms-menucontainer #nav>li.Huawei>ul.level0>li:nth-child(2) {
    width: 205px;
    padding-left: 45px;
}

.ms-menucontainer #nav>li.Huawei>ul.level0>li:nth-child(3) {
    width: 205px;
    padding-left: 30px;
}

.ms-menucontainer #nav>li.game-console>ul.level0>li {
    width: 210px;
    padding: 0;
    min-height: 406px;
}

.ms-menucontainer #nav>li.game-console>ul.level0>li:first-child {
    width: 192px;
}

.ms-menucontainer #nav>li.game-console>ul.level0>li:nth-child(2) {
    margin-left: 45px;
}

.ms-menucontainer #nav>li.game-console>ul.level0 li.dp-menu .dp-menu-drop {
    right: -148px;
    width: 160px;
    top: 119px;
    height: calc(100% - 119px);
    padding-top: 10px;
}

.ms-menucontainer #nav>li.Huawei>ul.level0>li:nth-child(4) {
    width: 185px;
}

.ms-menucontainer #nav>li.Huawei>ul.level0>li:nth-child(5) {
    width: 180px;
    padding: 0;
}

ul.dp-menu-drop.for-iphone .m-overflows {
    max-height: 530px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li {
    min-height: 478px;
}

.ms-menucontainer #nav>li.refurbish>ul.level0>li:nth-child(4) {
    width: 222px;
}

.ms-menucontainer #nav>li.refurbish>ul.level0>li:nth-child(5) {
    width: 220px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:first-child {
    width: 180px;
    padding: 0;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(2) {
    width: 250px;
    padding-left: 45px;
    padding-right: 0;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(4)>ul.submenu:nth-child(2) {
    width: 100%;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(4)>ul.submenu:nth-child(3) {
    width: 116px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5) {
    width: 175px;
    margin-left: 30px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(4) {
    width: 245px;
    padding: 0;
    padding-left: 30px;
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li {
    min-height: 478px;
    padding: 0;
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li:first-child {
    width: 110px;
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(2) {
    width: var(--menu-four-width);
    padding-left: 45px;
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(3) {
    width: 250px;
    padding-left: 30px;
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li:last-child {
    width: 200px;
    min-height: 125px;
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(4) {
    width: 215px;
    padding-left: 40px;
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(5) {
    width: 185px;
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(4) {
    width: 200px;
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(6) {
    width: 210px;
    padding-left: 0px;
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(7) {
    width: 170px;
    padding-right: 0;
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(3) {
    width: 230px;
    padding-left: 45px;
    padding-right: 0;
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(4) {
    width: 250px;
    padding-left: 30px;
}

body .ms-menucontainer #nav>li.samsung>ul.level0>li {
    min-height: 510px;
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(6) {
    border-right: 0;
    width: 250px;
    padding-left: 45px;
}

.ms-menucontainer #nav>li.spinners2>ul.level0>li {
    width: 100%;
}

.ms-menucontainer #nav>li.spinners2>ul.level0>li>ul.submenu:nth-child(2) {
    width: 37%;
}

.ms-menucontainer #nav>li.spinners2>ul.level0>li>ul.submenu:nth-child(3) {
    width: 63%;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(3) {
    width: 200px;
}

.nav-container.sticky {
    border-bottom: 3px solid var(--primary-color);
    height: 48px;
}

.sticky ul.ms-menucontainer #nav {
    margin-top: 12px;
}

.nav-container.sticky .block-cart #cart-button {
    margin-top: 0;
}

.nav-container.sticky .block-cart .block-content {
    top: 45px;
}

.ms-menucontainer #nav>li.Lg>ul.level0>li>p.all-cat {
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 3px 0;
}

.ms-menucontainer #nav>li.Lg>ul.level0>li>p.all-cat>a {
    color: var(--primary-color);
}

.ms-menucontainer #nav>li.Lg>ul.level0>li>a {
    width: auto;
}

.ms-menucontainer #nav>li.Lg>ul.level0>li>p.all-cat>a, .htc-both>p.all-cat>a {
    color: var(--primary-color);
}

ul.submenu>li>strong {
    font-size: 15px;
    color: var(--dark-color);
    font-weight: 600;
    padding-left: 8px;
}

ul.submenu>li>a>strong {
    font-size: 12px;
    font-weight: 600;
    color: var(--grey-color-tone-two);
}

/*h changes*/

.ms-menucontainer #nav .main-menu-head {
    width: 100%;
    float: left;
    border-bottom: 1px solid var(--dark-color);
    margin-bottom: 20px;
    min-height: 97px;
    padding-right: 10px;
}

.ms-menucontainer #nav .menu-search-part {
    display: block;
    float: left;
    padding-top: 22px;
    padding-left: 58px;
}

.ms-menucontainer #nav .menu-image-part {
    display: block;
    float: right;
    padding-left: 5px;
    width: 260px;
    background-image: url(../images/back-in-stock.svg);
    height: 87px;
    background-repeat: no-repeat;
}

.ms-menucontainer #nav .serch-box-new {
    position: relative;
}

.ms-menucontainer #nav .serch-box-new>button {
    width: 34px;
    height: 34px;
    background-color: var(--menu-search-btn-bg);
    position: absolute;
    border: 0;
    border-radius: 50%;
    background-image: var(--menu-search-btn-img);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
}

.ms-menucontainer #nav .serch-box-new>button.subtract-btn {
    background-color: var(--grey-color-tone-six);
    border: 0;
    position: absolute;
    right: 0px;
    background-image: url(../images/subtract-btn-1.svg);
    background-size: 18px;
    background-position: 6px 8px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.ms-menucontainer #nav .serch-box-new img.white-search-icn {
    padding: 2px;
}

.ms-menucontainer #nav .serch-box-new input.search-txt-box {
    z-index: -1;
    border-radius: 50px;
    border: 0;
    background-color: var(--grey-color-tone-six);
    width: 438px;
    height: 34px;
    color: var(--dark-color);
    font-size: 14px;
    padding-left: var(--padding-menu-left);
}

.ms-menucontainer #nav .menu-image-part img.back-in-stock-img {
    float: right;
    margin-right: 100px;
}

.ms-menucontainer #nav ul.submenu li a.hidden {
    opacity: 0.3;
}

/*h changes end*/

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.brand-cat {
    position: relative;
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu>li.brand-cat span {
    top: 6px;
    right: 75px;
}

.ms-menucontainer #nav>li>ul.level0>li>ul.submenu li.titaniam-armor-img span {
    top: -16px;
}

/*--Menu Changes for the Apple--*/

.ms-menucontainer #nav>li.apple>ul.level0>li:first-child {
    width: 167px;
}

.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(4) {
    width: var(--menu-two-width);
    margin-left: 15px;
}

/*-- End Apple Menu --*/

.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(5) {
    width: 175px;
}

.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(6) {
    width: 180px;
}

.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(8) {
    border-right: 0;
    width: 180px;
    margin-left: 15px;
}

.ms-menucontainer #nav>li.lgmenu>ul.level0 .dp-menu .dp-menu-drop>li {
    min-height: auto;
    padding: 0;
}

.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu .dp-menu-drop>li {
    float: left;
    width: 183px;
    clear: none;
    min-height: 573px;
}

.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu .dp-menu-drop>li.w-border {
    width: 165px;
}

.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu .dp-menu-drop {
    right: -350px;
    width: 350px;
    padding: 15px 0;
    top: 119px;
    height: 564px;
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:first-child {
    width: 190px;
}

.ms-menucontainer #nav>li.Lg>ul.level0 .dp-menu .dp-menu-drop {
    right: -182px;
    width: 190px;
    padding: 15px 0;
    top: 119px;
    height: calc(100% - 119px);
}

.ms-menucontainer #nav>li.lgmenu>ul.level0 .dp-menu .dp-menu-drop {
    right: -127px;
    width: 175px;
    padding: 15px 0;
    top: 119px;
    height: calc(100% - 119px);
}

.ms-menucontainer #nav>li.refurbish>ul.level0 .dp-menu .dp-menu-drop {
    right: -130px;
    width: 160px;
    padding: 5px 0;
    top: 119px;
    height: 83.9%;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-samsunge, .ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone {
    right: -330px;
    width: 350px;
    padding: 10px 0px;
    top: 119px;
    height: calc(100% - 119px);
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-samsunge>li {
    float: left;
    width: 180px;
    clear: none;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-samsunge>li:nth-child(1) {
    width: 174px;
    padding: 0;
    border-right: 1px dashed var(--grey-color-tone-five);
    height: calc(100% - -10px);
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-samsunge>li:nth-child(2) {
    width: 174px;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-samsunge>li:nth-child(2), .ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone>li:nth-child(2) {
    padding-left: 0px;
    padding-right: 0px;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone>li:nth-child(1) {
    width: 190px;
    border-right: 1px dashed var(--grey-color-tone-five);
    min-height: 429px;
    padding-right: 0;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone>li:nth-child(2) {
    width: 180px;
    border-right: 1px dashed var(--grey-color-tone-five);
    float: left;
    height: calc(100% - 13px);
}

.dropdown-submenu-title {
    color: var(--dark-color);
    padding-left: 7px;
}

.dropdown-submenu-product-title {
    font-weight: 500;
}

.dropdown-submenu-title.set-strong {
    font-size: 13px;
    color: var(--dark-color);
    font-weight: 500;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-google {
    right: -139px;
    width: 160px;
    padding: 15px 0;
    top: 119px;
    height: calc(100% - 119px);
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-ipad {
    right: -308px;
    width: 330px;
    padding: 15px 0;
    top: 110px;
    height: calc(100% - 110px);
}

.refurbish .dp-menu-drop ul.submenu li:nth-child(1) a {
    padding-top: 10px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop {
    right: -160px;
    width: 190px;
    padding: 10px 0;
    top: 119px;
    height: calc(100% - 119px);
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.samsunge .dp-menu-drop {
    width: 370px;
    right: -360px;
    padding: 0;
}

.dp-menu-drop:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 3px 3px 10px var(--box-shadow-color-nine);
    z-index: -1;
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(6) {
    padding-right: 0;
    padding-left: 0;
    width: 200px;
}

body .ms-menucontainer #nav>li.refurbish>ul.level0>li {
    width: 180px;
    min-height: 550px;
}

.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear2 .dp-menu-drop, .ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear3 .dp-menu-drop {
    width: 200px;
    right: -178px;
    height: 580px;
}

.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear4 .dp-menu-drop, .ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear5 .dp-menu-drop {
    width: 215px;
    right: -192px;
    height: 580px;
}

.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear2 .dp-menu-drop>li, .ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear3 .dp-menu-drop>li, .ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear4 .dp-menu-drop>li, .ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear5 .dp-menu-drop>li {
    min-height: 0;
    width: 100%;
}

.m-overflows {
    float: left;
    width: 100%;
    max-height: 505px;
    overflow: auto;
    margin-bottom: 15px;
}

ul.submenu>li.mdrop-menu>ul.mdrop-menu-inner>li>div.m-overflows {
    width: auto;
    padding-right: 20px;
    max-height: 520px;
}

.aicon-othermodel ul.submenu>li.mdrop-menu>ul.mdrop-menu-inner>li>div.m-overflows {
    width: 15%;
}

.aicon-othermodel ul.submenu>li.mdrop-menu>ul.mdrop-menu-inner>li>div.m-overflows.only-wide {
    width: 23%;
}

/*--Scroll Bar Design-- */

.ms-menucontainer #nav>li>ul.level0::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px var(--box-shadow-color-three);
    background-color: var(--grey-color-tone-seven);
    border-radius: 20px;
}

.ms-menucontainer #nav>li>ul.level0::-webkit-scrollbar {
    width: 16px;
    background-color: #F3F3F3;
}

.ms-menucontainer #nav>li>ul.level0::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--menu-bg-light-color);
    box-shadow: 0px 4px 4px 0px #00000040;
}

.m-overflows::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px var(--box-shadow-color-three);
    background-color: var(--grey-color-tone-seven);
    border-radius: 20px;
}

.m-overflows::-webkit-scrollbar {
    width: 2px;
    background-color: var(--grey-color-tone-three);
}

.m-overflows::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--dark-color);
    background-image: -webkit-linear-gradient(top, var(--dark-color) 0%, var(--dark-color) 50%, var(--dark-color) 51%, var(--dark-color) 100%);
}

.dp-menu>a>i.arrow {
    width: 6px;
    height: 6px;
    border-top: 4px solid transparent;
    border-left: 8px solid var(--grey-color-tone-two);
    border-bottom: 4px solid transparent;
    float: right;
    margin: 5px 10px 0 10px;
    transform: rotate(360deg);
}

.dp-menu:hover>a {
    font-weight: 700;
    background-color: transparent;
    color: var(--primary-color);
}

.dp-menu:hover>a>i.arrow {
    border-color: transparent var(--primary-color);
}

body .ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(2) {
    width: var(--menu-one-width);
    padding: 0;
    margin-left: 35px;
}

.b-component img {
    max-width: 150px;
}

.ms-menucontainer #nav>li.refurbish>ul.level0>li:nth-child(6) {
    width: 190px;
    padding: 0;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(6) {
    width: 230px;
    padding-right: 10px;
    padding-left: 30px;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-google>li {
    padding: 0;
    min-height: 419px;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-ipad>li {
    padding: 0;
    float: left;
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop>li {
    padding: 0;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.samsunge .dp-menu-drop>li {
    float: left;
    padding: 0;
    width: 158px;
    min-height: 550px;
}

.ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.tseries-m .dp-menu-drop>li.m-overflows {
    width: 310px;
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(5)>a, .ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(6)>a, .ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(6)>a, .ms-menucontainer #nav>li.refurbish>ul.level0>li:nth-child(6)>a {
    padding-left: 7px;
}

ul.submenu>li.dp-menu>a {
    margin: 0;
    padding: 4px 10px;
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(5) ul.submenu>li:not(.dp-menu)>a, .ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(6) ul.submenu>li:not(.dp-menu)>a {
    padding-left: 10px;
}

.ms-menucontainer #nav ul.submenu>li.dp-menu>a:hover {
    color: var(--primary-color);
    background-color: var(--dark-color);
    border-color: var(--dark-color);
    font-weight: 600;
}

.ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(6)>a {
    padding-left: 9px;
}

.ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(5) .dp-menu-drop ul.submenu>li:not(.dp-menu)>a, .ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(6) .dp-menu-drop ul.submenu>li:not(.dp-menu)>a {
    margin: 0;
    padding: 3px 15px;
    border-bottom: 1px solid transparent;
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop>li>ul.submenu>li>a, .ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear2 .dp-menu-drop>li>a, .ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear3 .dp-menu-drop>li>a, .ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear4 .dp-menu-drop>li>a, .ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear5 .dp-menu-drop>li>a, .ms-menucontainer #nav>li.Lg>ul.level0 .dp-menu .dp-menu-drop>li>ul>li>a, .ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-google>li>ul.submenu>li>a, .ms-menucontainer #nav>li.refurbish>ul.level0 .dp-menu .dp-menu-drop>li>ul.submenu>li>a {
    margin: 0;
    padding: 3px 15px;
    border-bottom: 1px solid transparent;
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop>li>ul.submenu>li>a:hover, .ms-menucontainer #nav>li.Huawei>ul.level0 li.dp-menu .dp-menu-drop>li>ul.submenu>li>a:hover, .ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear2 .dp-menu-drop>li>a:hover, .ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear3 .dp-menu-drop>li>a:hover, .ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear4 .dp-menu-drop>li>a:hover, .ms-menucontainer #nav>li.samsung>ul.level0 .dp-menu.smclear5 .dp-menu-drop>li>a:hover, .ms-menucontainer #nav>li.Lg>ul.level0 .dp-menu .dp-menu-drop>li>ul>li>a:hover, .ms-menucontainer #nav>li.samsung>ul.level0>li:nth-child(5) .dp-menu-drop ul.submenu>li:not(.dp-menu)>a:hover, .ms-menucontainer #nav>li.lgmenu>ul.level0>li:nth-child(6) .dp-menu-drop ul.submenu>li:not(.dp-menu)>a:hover {
    background-color: var(--grey-color-tone-seven);
    color: var(--primary-color);
    font-weight: 400;
    border-color: var(--grey-color-tone-five);
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone>strong, .ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-ipad>strong {
    text-align: center;
    width: 100%;
    float: left;
}

.ms-menucontainer #nav>li.Huawei>ul.level0 li.dp-menu .dp-menu-drop>li>ul.submenu>li>a, .ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone>li:nth-child(2)>ul>li>a, .ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-ipad>li:nth-child(2)>ul.submenu>li>a, .ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-samsunge>li>ul.submenu>li>a {
    margin: 0;
    padding: 3px 15px;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone>li:nth-child(3) {
    float: left;
    width: 170px;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-ipad>li:nth-child(2) {
    width: 180px;
    border-right: 1px dashed var(--grey-color-tone-five);
    height: calc(100% - 10px);
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-ipad>li:nth-child(3) {
    width: 150px;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-samsunge>li>strong {
    padding-left: 13px;
}

.w-border {
    border-left: 1px dashed var(--grey-color-tone-five);
}

.ms-menucontainer #nav>li.Huawei>ul.level0 li.dp-menu .dp-menu-drop {
    right: -154px;
    width: 180px;
    top: 119px;
    height: calc(100% - 119px);
    padding-top: 15px;
}

.ms-menucontainer #nav>li.Huawei>ul.level0>li:nth-child(5)>a {
    padding-left: 10px;
}

.ms-menucontainer #nav>li.Huawei>ul.level0>li:nth-child(5)>ul.submenu>li:not(.dp-menu)>a {
    padding-left: 10px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>a {
    padding-left: 10px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.samsunge .dp-menu-drop>li:nth-child(2) {
    width: 210px;
    border-left: 1px dashed var(--grey-color-tone-five);
}

.margin-t {
    padding: 5px 0px 0 0px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.samsunge .dp-menu-drop>li>strong {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-top: 8px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0 li.sep-border {
    border: 0.5px dashed var(--grey-color-tone-five);
    height: 0;
    margin: 10px 0;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .dp-menu .dp-menu-drop.for-iphone ul.submenu li.screw-bx-m a:hover {
    border-bottom: transparent !important;
    background-color: transparent !important;
    cursor: pointer;
    color: var(--secondary-color);
}

ul.submenu li.screw-bx-m a {
    color: var(--dark-color) !important;
}

.ms-menucontainer #nav>li.lgmenu>ul.level0 .compatibility-list {
    width: 100%;
    float: left;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.mackbook .dp-menu-drop {
    width: 332px;
    right: -332px;
    padding: 10px 0;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.mackbook .dp-menu-drop>li {
    padding: 0;
    float: left;
    width: 182px;
    min-height: 550px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.mackbook .dp-menu-drop>li:nth-child(2) {
    width: 150px;
    border-left: 1px dashed var(--grey-color-tone-five);
}

.ms-menucontainer #nav>li.borad-components>ul.level0>li:nth-child(5)>ul>li.dp-menu.mackbook .dp-menu-drop>li>strong {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-top: 8px;
}

.ms-menucontainer #nav>li.samsung>ul.level0 .m-overflows {
    max-height: 505px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu.samsunge .dp-menu-drop>li:first-child>ul.submenu>li>a {
    padding: 3px 5px 3px 15px;
}

/*-- Apollo Menu Changes --*/

.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(6), .ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(7) {
    min-height: 400px;
}

.ms-menucontainer #nav>li.mac-enable>ul.level0:after {
    content: "";
    width: 330px;
    height: 115px;
    right: 4px;
    position: absolute;
    background-repeat: no-repeat;
    bottom: 65px;
    background-size: 320px;
    display: none;
}

.ms-menucontainer #nav>li.mac-enable.apmenu-s1>ul.level0:after, .ms-menucontainer #nav>li.mac-enable.apmenu-s2>ul.level0:after, .ms-menucontainer #nav>li.mac-enable.apmenu-s3>ul.level0:after, .ms-menucontainer #nav>li.mac-enable.apmenu-s4>ul.level0:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
}

.ms-menucontainer #nav>li.mac-enable.apmenu-s1>ul.level0:after {
    background-image: url(../images/appllo/apmenu-s1.png?ver=1.0);
    width: 415px;
    right: -42px;
}

.ms-menucontainer #nav>li.mac-enable.apmenu-s2>ul.level0:after {
    background-image: url(../images/appllo/apmenu-s2.png?ver=1.0);
    width: 415px;
    right: -42px;
}

.ms-menucontainer #nav>li.mac-enable.apmenu-s3>ul.level0:after {
    background-image: url(../images/appllo/apmenu-s3.png?ver=1.0);
    width: 415px;
    right: -42px;
}

.ms-menucontainer #nav>li.mac-enable.apmenu-s4>ul.level0:after {
    background-image: url(../images/appllo/apmenu-s4.png?ver=1.0);
    width: 415px;
    right: -42px;
}

.ms-menucontainer #nav>li.game-console>ul.level0>li>ul>li>strong.dropdown-submenu-title {
    padding: 2px 12px;
    display: block;
}

.menu-inherit>li.game-console>ul.level0>li>ul>li>strong.dropdown-submenu-title {
    padding-left: 20px;
}

.ms-menucontainer #nav>li.game-console>ul.level0>li>ul>li>a {
    padding: 3px 12px;
}

.menu-inherit>li>ul>li>ul>li.dp-menu.w-img {
    display: none;
}

.ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(7) {
    width: 150px;
    border-right: 0;
}

.dp-menu .dp-menu-drop {
    display: none;
    position: absolute;
    top: -51px;
    border-top: 5px solid var(--white-color);
    background-color: var(--white-color);
    box-shadow: 2px 1px 5px 0px var(--box-shadow-color-ten);
}

.dp-menu .dp-menu-drop.for-col-2 {
    top: 110px;
    left: 466px;
    height: 590px;
    width: 200px;
    z-index: 1;
    border: 0;
}

/*--Brands Menu--*/

.ms-menucontainer #nav>li.brands-menu>ul.level0 {
    width: 1300px;
    left: -559px;
    height: 800px;
    padding-bottom: 0;
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li.br-title>a {
    margin-bottom: 5px;
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li {
    border-right: 0;
    text-align: left;
    position: static;
    min-height: inherit;
    padding: 0;
    float: none;
    margin-top: 90px;
    padding-left: 45px;
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li>ul.Blevel2 {
    width: 1057px;
    position: absolute;
    left: 238px;
    top: 115px;
    border-left: 1px dashed var(--grey-color-tone-two);
    float: left;
    padding-left: 0px;
    background-color: var(--white-color);
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li>ul.Blevel2>li>a>img {
    width: 1060px;
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>.compatible_model {
    position: absolute;
    bottom: 10px;
    padding-left: 55px;
    width: 100%;
    margin-top: -50px;
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li:not(.br-title)>a {
    text-transform: initial;
    color: var(--grey-color-tone-three);
    font-size: 13px;
    line-height: 20px;
    border-bottom: 1px solid var(--white-color);
    border-radius: 20px;
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li:nth-child(2)>ul.Blevel2>li, .ms-menucontainer #nav>li.brands-menu>ul.level0>li.bhover:hover ul.Blevel2>li {
    display: block;
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li>ul.Blevel2>li {
    float: left;
    width: 100%;
    text-align: center;
    display: none;
    padding: 0px 0px 50px 0px;
    min-height: 595px;
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li>ul.Blevel2>li>a {
    display: block;
    width: auto;
    margin: 0 auto;
    float: none;
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li.bhover:hover>a {
    background-color: transparent;
    color: var(--primary-color);
}

#menu>ul>li.bbrands>ul>li>a {
    font-weight: 500;
}

.ms-menucontainer #nav>li.brands-menu>a {
    position: relative;
}

.ms-menucontainer #nav>li.brands-menu>a span.new-spouse {
    position: absolute;
    top: -16px !important;
    right: 0;
}

.ms-menucontainer #nav>li.brands-menu>a span.new-spouse:before {
    display: none;
    top: 11px;
    left: 17px;
    transform: rotate(-90deg);
}

.ms-menucontainer #nav>li.refurbish>ul.level0>li {
    min-height: 300px;
    width: 140px;
}

.ms-menucontainer #nav>li.refurbish>ul.level0>li:nth-child(2) {
    width: 250px;
    padding-left: 45px;
}

.ms-menucontainer #nav>li.samsung>ul.level0>.compatible_model {
    min-height: 80px;
    float: left;
    width: 40%;
    margin-top: -50px;
    margin-left: 40%;
}

.ms-menucontainer #nav>li.Lg>ul.level0>.compatible_model {
    min-height: 80px;
    float: right;
    width: 32%;
    margin-top: -50px;
}

.ms-menucontainer #nav>li.lgmenu>ul.level0>.compatible_model {
    min-height: 80px;
    float: right;
    width: 36%;
    margin-top: -50px;
}

.ms-menucontainer #nav>li.Huawei>ul.level0>.compatible_model {
    min-height: 80px;
    float: right;
    width: 41%;
    margin-top: -50px;
}

.ms-menucontainer #nav>li.other-parts>ul.level0>.compatible_model {
    min-height: 80px;
    float: right;
    width: 36%;
    margin-top: -50px;
}

.ms-menucontainer #nav>li.game-console>ul.level0>.compatible_model {
    width: 42%;
    margin-top: -50px;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0>.compatible_model {
    width: 65%;
    margin-top: -50px;
}

.ms-menucontainer #nav>li.refurbish>ul.level0>.compatible_model {
    min-height: 80px;
    float: right;
    width: 36%;
    margin-top: -50px;
    margin-right: 28%;
}

.ms-menucontainer #nav>li.borad-components>ul.level0>.compatible_model {
    min-height: 80px;
    float: right;
    width: 42%;
    margin-top: -50px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .m-overflows {
    max-height: 520px;
}

.ms-menucontainer span.new-label {
    background-color: var(--dark-color);
}

.ms-menucontainer span.new-label.new1-label {
    background-color: var(--primary-color) !important;
    top: -16px !important;
}

#nav>li.game-console>a span.new-spouse:before {
    display: none;
}

.ms-menucontainer span.new-label:before {
    border-color: transparent var(--dark-color) transparent transparent;
    display: none;
}

.ms-menucontainer ul.submenu li.screw-bx-m a {
    border: 0;
}

.ms-menucontainer .compatible_model {
    float: right;
    width: 450px;
    line-height: normal;
    transition: all .3s ease-in;
    margin-top: -11px;
    text-transform: uppercase;
    padding: 0;
    background-color: transparent;
    text-align: left;
    margin-left: 10px;
    height: 107px;
    overflow: hidden;
}

.ms-menucontainer .compatibility-list {
    width: 100%;
    padding: 5px;
    background-color: var(--grey-color-tone-eight);
    border-radius: 7px;
    min-height: 80px;
    float: left;
    max-width: 100%;
}

.ms-menucontainer .compatible_model>h5 {
    display: block;
    font-size: 13px;
    line-height: 19px;
    color: var(--grey-color-tone-three);
    padding: 5px;
    font-weight: 600;
    position: relative;
    margin-right: 8px;
    text-align: revert;
    float: left;
    background-color: transparent;
    width: 100%;
    text-transform: capitalize;
}

.ms-menucontainer .compatibility-list>span {
    font-size: 11px;
    transition: all .3s ease-in;
    line-height: normal;
    vertical-align: middle;
    width: auto;
    visibility: visible;
    opacity: 1;
    background: var(--white-color);
    margin: 2px 2px 0 2px;
    display: inline-block;
    border-radius: 3px;
    padding: 1px 4px;
    border: 1px solid var(--grey-color-tone-six);
    color: var(--grey-color-tone-two);
    font-weight: 600;
    box-shadow: 1px 1px 1px var(--box-shadow-color-nine);
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop.for-samsungg {
    width: 360px;
    right: -329px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop.for-samsungg>li {
    width: 180px;
    float: left;
    border-right: 0.5px dashed var(--grey-color-tone-five);
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop.for-macbook {
    width: 360px;
    right: -329px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .dp-menu .dp-menu-drop.for-macbook>li {
    width: 180px;
    float: left;
    border-right: 0.5px dashed var(--grey-color-tone-five);
}

.ms-menucontainer #nav .main-menu-head .menu-image-part {
    width: 280px;
    height: 96px;
    background-image: url(../images/back-to-stock-1.svg);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    display: none !important;
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>a:before,
.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>a:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 9px solid var(--grey-color-tone-nine);
    border-bottom: 5px solid transparent;
    right: 10px;
    top: 6px;
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu:hover>a:before,
.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu:hover>a:before {
    border-left: 9px solid var(--dark-color);
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>a,
.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>a {
    position: relative;
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: var(--white-color);
    top: 120px;
    opacity: 0;
    visibility: hidden;
    padding: 20px;
    height: 100%;
    z-index: 1;
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>ul.mdrop-menu-inner {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: var(--white-color);
    top: 0;
    opacity: 0;
    visibility: hidden;
    padding: 20px;
    height: 100%;
    z-index: 1;
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner.mdrop-menu-inner-open,
.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>ul.mdrop-menu-inner.mdrop-menu-inner-open {
    visibility: visible;
    opacity: 1;
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul .mback-btn,
.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>ul  .mback-btn {
    float: left;
    font-size: 13px;
    background-image: url(../images/sprites/ep_arrow-left.svg);
    background-repeat: no-repeat;
    font-weight: 500;
    padding-left: 15px;
    background-position: 2px 6px;
    margin-left: 30px;
    margin-right: 50px;
    min-width: 60px;
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>ul,
.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>ul {
    float: left;
    width: auto;
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>ul>li.dp.title>a,
.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>ul>li.dp.title>a {
    font-size: 13px;
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>ul.submenu>li.dp-title>a,
.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>ul.submenu>li.dp-title>a {
    font-size: 13px;
    color: var(--dark-color);
    font-weight: 500;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .aicon-tempdglass .submenu .mdrop-menu .mdrop-menu-inner .dropdown-submenu-title {
    padding-left: 162px;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .aicon-tempdglass .submenu .mdrop-menu .mdrop-menu-inner .dropdown-submenu-title-2 {
    padding-left: 7px;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .aicon-tempdglass .submenu .mdrop-menu .mdrop-menu-inner .submenu {
    padding-left: 20px;
    width: 200px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .aicon-bothers .submenu .mdrop-menu .mdrop-menu-inner .submenu .dropdown-submenu-title>.dropdown-submenu-title {
    padding-left: 0;
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>.m-overflows ul.submenu>li.dp-title>a {
    font-size: 13px;
    color: var(--dark-color);
    font-weight: 500;
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner>li>ul.submenu-for-col2 {
    margin-top: 24px;
    min-width: 160px;
}

.ms-menucontainer #nav>li.tools-accessories>ul.level0 .aicon-tempdglass .submenu .mdrop-menu .mdrop-menu-inner ul.submenu-for-col3 {
    margin-top: 42px;
    min-width: 60px;
}

.ms-menucontainer #nav>li.borad-components>ul.level0 .aicon-bothers .submenu .mdrop-menu .mdrop-menu-inner>li>ul.submenu {
    min-width: 170px;
}

ul.submenu li a.seach-match-menu, .ms-menucontainer #nav ul.submenu li.seach-match-menu a {
    color: var(--dark-color);
    font-weight: 600;
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li:not(.br-title)>a.seach-match-menu {
    color: var(--dark-color);
    font-weight: 600 !important;
}

.ms-menucontainer #nav ul.submenu li a.seach-match-menu:hover, .ms-menucontainer #nav ul.submenu li a.seach-match-menu-hover, .ms-menucontainer #nav ul.submenu li.seach-match-menu a:hover {
    color: var(--white-color);
    font-weight: 600;
    box-shadow: 0px 0.810469px 11.4924px var(--box-shadow-color-four);
    border-radius: 4px;
    background-color: var(--primary-color) !important;
    border: 0;
    width: 100%;
}

.ms-menucontainer #nav ul.submenu li.seach-match-menu a.mback-btn:hover {
    color: var(--primary-color) !important;
    width: 0;
    background-color: var(--white-color) !important;
    box-shadow: none;
    font-weight: 600 !important;
    border-radius: 0;
    border: 0;
}

.ms-menucontainer #nav ul.submenu li.dp-title a:hover {
    background-color: transparent !important;
    box-shadow: none;
    letter-spacing: 0;
}

.ms-menucontainer #nav ul.level0>li>a.seach-match-menu:hover {
    color: var(--white-color) !important;
    font-weight: 600 !important;
    box-shadow: 0px 0.810469px 11.4924px var(--box-shadow-color-four) !important;
    border-radius: 4px;
    background-color: var(--primary-color) !important;
    border: 0;
    width: 110% !important;
}

a.seach-notmatch-menu, .ms-menucontainer #nav ul.submenu li.seach-notmatch-menu a {
    font-weight: 400;
    color: var(--box-shadow-color-one) !important;
    pointer-events: none;
    appearance: none;
}

.seach-notmatch-menu>span.new-label, .ms-menucontainer li.seach-notmatch-menu span.new-label {
    background-color: var(--box-shadow-color-three);
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu.seach-notmatch-menu>a>i.arrow:before {
    border-left: 10px solid var(--box-shadow-color-three);
}

#nav>li:hover ul.level0 {
    top: 36px;
    visibility: visible;
    opacity: 1;
    display: none;
}

#nav>li>ul.level0>li {
    float: left;
    width: 150px;
    border-right: 1px dashed var(--grey-color-tone-five);
    padding: 0;
}

#nav>li.refurbish>ul.level0>li:nth-child(3) {
    padding: 0;
    width: 165px;
}

#nav>li>ul.level0>li>ul.submenu>li.inheight_cat>a {
    color: var(--secondary-color);
    border-top: 1px dashed var(--grey-color-tone-five);
    padding: 11px 0 5px 0;
}

#nav>li>ul.level0>li>ul.submenu>li.inheight_cat {
    position: relative;
}

#nav>li>ul.level0>li>ul.submenu>li.inheight_cat span.spouge-label {
    position: absolute;
    font-size: 9px;
}

#nav>li>ul.level0>li>ul.submenu>li.inheight_cat.brand-cat span.spouge-label {
    left: 55px;
    right: auto;
    top: 6px;
}

#nav>li>ul.level0>li>ul.submenu li.titaniam-armor-img {
    position: relative;
    font-size: 9px;
}

#nav>li>ul.level0>li>ul.submenu li.titaniam-armor-img span.spouge-label {
    right: 0;
    top: -20px;
}

#nav>li>ul.level0>li:last-child {
    border-right: 0;
}

#nav>li:hover>a {
    background-color: transparent;
    color: var(--dark-color);
    border-radius: 0;
}

/*responsive*/

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li {
    min-height: 564px;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(5), .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(9) {
    width: 90px !important;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(5)>ul.submenu>li, .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(9)>ul.submenu>li {
    padding-left: 20px;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(9)>ul.submenu>li {
    padding-left: 30px;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(5)>ul.submenu>li {
    padding-top: 210px;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(6), .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(7), .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(8), .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(10), .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(11) {
    width: 140px !important;
    margin: 25px 0;
    padding: 25px 0;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(3)>ul.submenu>li>a.lightcon-1 {
    display: inline-block;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(3)>ul.submenu>li>a.lightcon-1>span.only-for-first-light {
    margin-top: -1px;
    display: inline-block;
}

ul.Packaging-sub>li {
    width: 150px !important;
}

ul.Packaging-sub>li.sub-img-class {
    margin-top: 30px;
    margin-bottom: 10px;
    min-height: 100px;
}

ul.Packaging-sub>li.sub-img-class-2 {
    margin-top: 50px;
    margin-bottom: 10px;
    min-height: 105px;
}

ul.Packaging-sub>li.casper-ext-img {
    float: right;
    margin-top: 500px;
}

ul.device-sub {
    margin-left: 25px !important;
}

ul.device-sub>li {
    min-width: 100px !important;
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner.s-b-model.mdrop-menu-inner-open li ul.device-sub li {
    min-width: 100px !important;
    width: auto !important;
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul.mdrop-menu-inner.s-b-model.mdrop-menu-inner-open li ul.device-sub li .m-overflows {
    width: 170px;
    max-height: 318px;
}

ul.device-sub>li.sub-img-class {
    margin-top: 30px;
    margin-bottom: 10px;
    min-height: 100px;
}

ul.device-sub>li.sub-img-class-2 {
    margin-top: 50px;
    margin-bottom: 10px;
    min-height: 105px;
}

ul.device-sub>li.casper-ext-img {
    float: right;
    margin-top: 500px;
}

ul.mdrop-menu-inner>li>ul.submenu.device-sub>.m-overflows {
    max-height: 318px;
    width: 170px;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul.submenu>li>a:hover {
    box-shadow: 0px 1px 8px var(--box-shadow-color-six);
    border-radius: 13px;
    letter-spacing: -0.3px;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul.submenu>li>a.seach-match-menu:hover {
    box-shadow: 0px 1px 8px var(--box-shadow-color-six);
    background-color: transparent !important;
    color: var(--primary-color);
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul.submenu>li>a.seach-notmatch-menu:hover {
    box-shadow: none;
    background-color: transparent;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories ul.submenu li.seach-match-menu a:hover {
    background-color: transparent!important;
    box-shadow: none;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories ul.submenu li.seach-match-menu a.for-width-aero {
    width: auto;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories ul.submenu li.seach-match-menu a.for-width-aero:hover {
    color: var(--primary-color);
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories ul.submenu.Packaging-sub li a.seach-match-menu:hover, .ms-menucontainer #nav>li.tools-accessories.layout-accesories ul.submenu.device-sub li a.seach-match-menu:hover {
    background-color: var(--primary-color) !important;
    color: var(--white-color);
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(6)>ul.submenu>li.mdrop-menu>a.for-width-aero, .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:nth-child(7)>ul.submenu>li.mdrop-menu>a.for-width-aero {
    width: 120px;
}

span.just-temp-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--dark-color);
    display: none;
}

.ms-menucontainer #nav .main-menu-head>.new-img-class {
    width: 300px;
    height: 95px;
    float: right;
    display: block;
    position: relative;
    margin-right: 30px;
}

.ms-menucontainer #nav .main-menu-head>.new-img-class>.compatibility-img-new {
    max-width: 100%;
    max-height: 100%;
    display: block;
    right: 0;
    position: absolute;
    bottom: 0;
}

.ms-menucontainer #nav>li.layout-accesories>a>.new-spouse {
    top: -15px !important;
    right: 0;
    position: absolute;
}

.ms-menucontainer #nav>li.apple ul.submenu li.screw-bx-m.ls-li a {
    margin-top: 10px;
}

.ms-menucontainer #nav>li>ul.level0>li>ul>li.mdrop-menu>ul .mback-btn:hover,
.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul>li.mdrop-menu>ul .mback-btn:hover {
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    font-weight: 600;
}

.ms-menucontainer #nav>li.brands-menu>ul.level0>li:not(.br-title)>a:hover {
    font-weight: 600;
    letter-spacing: -0.3px;
    text-decoration: none !important;
    background-color: var(--menu-bg-light-color);
}

.main-menu-head .compatible_model>h5:before {
    display: none;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul.lg-menu-li>li {
    width: 183px;
}

/* Top menu compatibility code */

.compatible_model {
    float: left;
    width: 100%;
    line-height: normal;
    transition: all 0.3s ease-in;
    margin-top: 5px;
    background-color: var(--grey-color-tone-six);
    text-transform: uppercase;
    padding: 0;
}

.compatibility-list {
    display: inline-block;
    max-width: 85%;
    padding: 3px 0;
}

.compatible_model>h5 {
    display: block;
    font-size: 13px;
    line-height: 19px;
    width: 120px;
    color: var(--white-color);
    padding: 5px;
    font-weight: 500;
    position: relative;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 8px;
    text-align: center;
    float: left;
}

.compatible_model>h5:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent var(--default-color) transparent transparent;
    position: absolute;
    right: -5px;
    transform: rotate(180deg);
    top: 10px;
}

.compatibility-list>span {
    font-size: 11.5px;
    transition: all .3s ease-in;
    line-height: normal;
    vertical-align: middle;
    width: auto;
    visibility: visible;
    opacity: 1;
    background: var(--white-color);
    margin: 2px 1px 0 1px;
    display: inline-block;
    border-radius: 3px;
    padding: 2px 4px;
    border: 1px solid var(--grey-color-tone-seven);
    color: var(--dark-color);
    font-weight: 400;
}

.compatibility-list>span.ease-in {
    visibility: visible;
    opacity: 1;
}

/* Top menu compatibility code */

/*--Otherparts--*/

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li {
    position: static;
    width: 100%;
    padding-left: 30px;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>a {
    float: left;
    width: 210px;
    background-color: transparent;
    margin: 0;
    font-weight: 400 !important;
    padding: 5px 30px;
    background-position: 8px 7px;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul {
    float: left;
    position: absolute;
    height: calc(100% - 117px);
    top: 117px;
    border-left: 1px solid var(--grey-color-tone-two);
    padding: 28px 10px;
    z-index: 1;
    display: none;
    width: calc(100% - 260px);
    left: 260px;
}

.ms-menucontainer #nav>li.other-parts>ul.level0>li.sview-allmenu, .ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul>li {
    float: left;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul>li {
    width: 20%;
    min-height: 220px;
    padding: 0px 10px;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 -2px;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul>li>ul>li>a {
    font-size: 12px;
    color: var(--dark-color);
    line-height: 16px;
    font-weight: 400;
    letter-spacing: -0.3px;
    margin: 0;
    padding: 3px 8px;
    border-bottom: 1px solid transparent;
    border-radius: 20px;
    padding-right: 10px;
    display: block;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul>li>ul>li.sview-title>a {
    font-size: 13px;
    color: var(--dark-color);
    background-color: var(--grey-color-tone-eight);
    padding: 4px 8px;
    border-radius: 20px;
    margin: 0px 0 5px 0;
    clear: both;
    font-weight: 600 !important;
    min-width: 120px;
    display: inline-block;
    cursor: initial;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul>li>ul>li.sview-seebtn>a {
    font-weight: 600;
    text-decoration: underline;
    display: inline-block;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul>li>ul>li.sview-seebtn {
    margin-bottom: 20px;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul>li>ul>li.sview-seebtn>a:hover {
    letter-spacing: -0.3px;
    text-decoration: none !important;
    background-color: var(--menu-bg-light-color);
    color: var(--primary-color);
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul>li>ul>li>a:hover {
    color: var(--primary-color);
    text-decoration: none !important;
    background-color: var(--menu-bg-light-color);
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul {
    display: block;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li:hover>ul {
    display: block;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul.sview-inul {
    background-color: var(--white-color);
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>a {
    font-size: 13px;
    color: var(--dark-color);
    background-color: var(--grey-color-tone-eight);
    padding: 4px 10px;
    border-radius: 20px;
    margin: 0 0 10px 0;
    clear: both;
    font-weight: 600 !important;
    min-width: 120px;
    display: inline-block;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>a:hover, .ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.mnu-pintab>a {
    background-color: var(--menu-bg-light-color);
    color: var(--primary-color);
    background-image: var(--menu-stick-pin);
    background-repeat: no-repeat;
    background-size: 20px;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.mnu-pintab>a {
    position: relative;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.mnu-pintab>a:after {
    content: "";
    background-image: var(--menu-stick-pin);
    width: 14px;
    height: 13px;
    position: absolute;
    right: 11px;
    background-position: 0 -51px;
    top: 7px;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu.ul-menudisabled>li:not(.mnu-pintab) {
    opacity: 0.2;
    pointer-events: none;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.mnu-pintab ul.sview-inul {
    display: block;
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li {
    width: 100%;
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li .recent-data > a {
    margin-left: 22px;
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul {
    padding-right: 10px;
    width: calc(100% - 260px);
    left: 260px;
}

.sview-inul .rc-product-block {
    width: 100%;
    padding-top: 20px;
    float: left;
}

.sview-inul .rc-product-block>li {
    padding: 10px;
    float: left;
    width: 25%;
    min-height: 240px;
}

.sview-inul .rc-product-block>li>a {
    display: block;
    text-align: center;
}

.sview-inul .rc-product-block>li>a>img {
    display: block;
    margin: 0 auto;
    width: 140px;
}

.sview-inul .rc-product-block>li>a>span {
    color: var(--dark-color);
    font-weight: 400;
    display: block;
    line-height: 16px;
    margin-top: 10px;
    padding: 1px 8px;
    font-size: 13px;
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>a {
    width: 210px;
    padding: 5px 30px;
    line-height: 20px;
    margin: 0 0 6px 0;
}

.sview-inul .sview-5col>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: auto;
    max-height: 495px;
}

.sview-inul .sview-5col>ul>li {
    min-height: 80px;
    max-width: 100%;
    width: 20%;
    padding: 3% 1% 0 1%;
    text-align: center;
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li.hide-name>ul>li>a>strong {
    display: none;
}

.sview-inul .sview-5col>ul>li>a {
    text-align: center;
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>ul.sview-ulimg>li>a:hover {
    background-color: transparent;
}

.sview-inul .sview-5col.box-wtext-padd0>ul>li>a>img {
    vertical-align: super;
}

.sview-inul .sview-5col.box-wtext-padd0>ul>li>a>strong {
    text-align: center;
    display: block;
    padding: 10px;
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>ul.sview-ulimg>li>a:hover>strong {
    background-color: var(--menu-bg-light-color);
    border-radius: 24px;
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>a, .ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>div>a {
    font-size: 13px;
    color: var(--dark-color);
    background-color: var(--grey-color-tone-eight);
    padding: 4px 10px;
    border-radius: 20px;
    margin: 0 0 4px 0;
    clear: both;
    font-weight: 600 !important;
    min-width: 120px;
    display: inline-block;
    text-align: center;
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li.screwbox-col>.sview-ulimg {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li.screwbox-col>.sview-ulimg>li>a>strong {
    display: block;
    padding: 6px 5px;
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li.screwbox-col>.sview-ulimg>li {
    text-align: center;
    flex: 0 0 16.666%;
    padding: 10px 0px;
}

.sview-inul .rc-product-block>li>a:hover {
    letter-spacing: 0px !important;
}

.slayouts-menu .recent-loader {
    position: absolute;
    height: 100%;
    background-color: var(--loader-transparent-color);
    z-index: 11;
    width: calc(100% - 260px);
    right: 0;
    margin-top: -20px;
}

.recent-loader-new {
    position: absolute;
    height: 100%;
    background-color: var(--loader-transparent-color);
    z-index: 11;
    width: calc(100% - 260px);
    right: 0;
    background-image: url(../images/opc-ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center 40%;
}

.sview-inul .rc-product-block>li.mrec-links {
    text-align: center;
    float: right;
}

.sview-inul .rc-product-block>li.mrec-links>a {
    font-size: 14px;
    color: var(--dark-color);
    background-color: var(--grey-color-tone-eight);
    padding: 10px;
    border-radius: 20px;
    margin: 0 0 4px 0;
    clear: both;
    font-weight: 600 !important;
    min-width: 170px;
    display: inline-block;
    position: relative;
    top: -16px;
}

.sview-inul .rc-product-block>li.mrec-links>img {
    margin-top: 2.5rem;
    position: relative;
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li {
    padding: 0px 10px;
    width: 20%;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.seach-notmatch-menu>a {
    opacity: 0.3;
    pointer-events: none;
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul {
    max-height: 690px;
    overflow: auto;
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul::-webkit-scrollbar {
    width: 2px;
    background-color: var(--dark-color);
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul>li.sview-row>ul::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--dark-color);
    background-image: -webkit-linear-gradient(top, var(--dark-color) 0, var(--dark-color) 50%, var(--dark-color) 51%, var(--dark-color) 100%);
}

.sview-inul .sview-5col>ul::-webkit-scrollbar {
    width: 2px;
    background-color: var(--dark-color);
}

.sview-inul .sview-5col>ul::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--dark-color);
    background-image: -webkit-linear-gradient(top, var(--dark-color) 0, var(--dark-color) 50%, var(--dark-color) 51%, var(--dark-color) 100%);
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li>ul>li>ul>li>a.seach-match-menu {
    font-weight: 600;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu.ul-menudisabled>li.mnu-pintab>ul {
    display: block;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu.ul-menudisabled>li:not(.mnu-pintab)>ul {
    display: none;
}

.ms-menucontainer #nav>li.other-parts>ul.level0>li.sview-allmenu.ulfirst-hide>ul {
    display: none;
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>ul>li.seach-match-menu>a:hover>strong, .ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>ul>li>a.seach-match-menu-hover>strong, .ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>ul>li>a.seach-match-menu:hover>strong {
    color: var(--white-color);
    font-weight: 600;
    box-shadow: 0px 0.810469px 11.4924px var(--box-shadow-color-four);
    border-radius: 4px;
    background-color: var(--primary-color) !important;
    border: 0;
    width: 100%;
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul>li>ul>li.seach-match-menu>a:hover, .ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul>li>ul>li>a.seach-match-menu-hover, .ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul>li>ul>li>a.seach-match-menu:hover {
    color: var(--white-color);
    font-weight: 600;
    box-shadow: 0px 0.810469px 11.4924px var(--box-shadow-color-four);
    border-radius: 4px;
    background-color: var(--primary-color) !important;
    border: 0;
    width: 100%;
}

.hamburgermenu {
    width: 100%;
    position: fixed;
    height: 100%;
    background-color: var(--white-color);
    z-index: -20;
    transition: all 0.3s ease-in;
    transform: translate(0px, -100%);
    opacity: 0;
    min-height: 573px;
    visibility: hidden;
}

/*.*/

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three {
    width: 25%;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-six {
    width: 50%;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0.5rem 1.5rem 3.5rem;
    align-items: flex-start;
    justify-content: flex-start;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-six>ul {
    border-left: 1px solid var(--grey-color-tone-five);
    border-right: 1px solid var(--grey-color-tone-five);
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul>li {
    width: 50%;
    min-height: 60px;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-six>ul>li {
    width: 25%;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul>li.ai-block-img, .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-six>ul>li.ai-block-img {
    width: 100%;
    display: flex;
    align-items: center;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul.submenu>li.ai-block-img>a:hover {
    background-color: transparent;
    box-shadow: 0 0 0 transparent;
    border-radius: 0;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul>li>a {
    padding: 10px;
    font-size: 11px;
    color: var(--dark-color);
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul>li>a>span {
    display: block;
    position: relative;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-six>ul>li.ai-block-img>a {
    margin: 0 auto;
    max-width: fit-content;
    width: auto;
}

.ace-box-m {
    min-height: 123px;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-six>ul>li.ai-block-img>a>img {
    max-width: 158px;
    margin: 4px 0 9px 0;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li:last-child>ul>li.ai-block-img>a {
    width: 100%;
    max-width: 100%;
    margin-left: 10px;
}

.nlabel-f, .nlabel-sale, .nlabel-hot {
    position: relative;
}

.nlabel-f:after, .nlabel-sale:after, .nlabel-hot:after, .nlabel-coming-soon:after {
    color: var(--white-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    border-radius: 4px;
    margin-left: 4px;
    display: inline-block;
    padding: 3px 5px;
    vertical-align: middle;
}

.nlabel-f:after {
    content: "new";
    background-color: #4EB35B;
}

.nlabel-sale:after {
    content: "sale";
    background-color: #FF956B;
}

.nlabel-coming-soon:after {
    content: "Coming Soon";
    background-color: #FF956B;
    max-width: 49px;
    text-align: center;
}

.nlabel-hot:after {
    content: "hot";
    background-color: #F10600;
    background-image: url(../images/hoticon.svg);
    padding: 3px 5px 3px 14px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

ul.submenu li a.ft-weight600 {
    font-weight: 600;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-six>ul>li>a:before {
    bottom: 25px;
    top: inherit;
}

.accessories-tabs-nav a.seach-notmatch-menu {
    pointer-events: auto;
}

.ms-menucontainer #nav>li.tools-accessories2>ul.level0.slayouts-menu>li>ul>li>a {
    margin-left: 22px;
}

/**/
.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul.sview-tools-and-accesories {
    height: calc(100% - 117px);
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul.sview-tools-and-accesories>li {
    width: 20%;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul.sview-tools-and-accesories>li>ul>.sview-title>a {
    width: 96%;
    text-align: left;
    padding: 5px 14px;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu>li.sview-allmenu>ul.sview-tools-and-accesories>li>ul>li:not(.sview-title) {
    padding: 0 8px;
}

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

    .ms-menucontainer #nav {
        justify-content: space-between;
    }

    .ms-menucontainer #nav>li:not(:first-child) {
        padding-left: 0;
    }

}

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

    .ms-menucontainer #nav>li>ul.level0 {
        width: 100%;
    }

}

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

    .ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(8) {
        width: 180px;
        padding-top: 15px;
    }

    .ms-menucontainer #nav>li.Lg>ul.level0>li:nth-child(6) {
        min-height: 255px;
    }

}

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

    .ms-menucontainer #nav>li.apple>ul.level0>li:nth-child(8) {
        margin-left: 35px;
    }

}

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

    .ms-header .ms-menucontainer {
        display: none;
    }

    #nav {
        z-index: 9;
    }

}

@media screen and (max-height:768px) {

    .ms-menucontainer #nav>li.other-parts>ul.level0 {
        max-height: 700px;
        overflow: auto;
    }

}

/* MM Accessories  CSS start */
.new-accesories ul.submenu li a {
    color: #000;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories.new-accesories>ul.level0>li {
    border-right: 1px solid #9A9A9A;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul.accessories-tabs-nav {
    padding: 35px 20px 35px 30px;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li {
    display: block;
    width: 100%;
    min-height: auto;
    margin-bottom: 15px;
    border: 1px solid transparent;
}

.ms-menucontainer #nav>li>ul.level0 .accessories-tabs-nav li a {
    display: block;
    padding: 10px 15px;
    color: #000;
    font-size: 11px;
    font-weight: 400;
    background-color: #FBFBFB;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-image: url(../images/recently-add.svg);
    border-radius: 10px;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li.console-li a {
    background-image: url(../images/console-accesories.svg);
    background-color: #FBF9FF;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li.gc-harddrives>a {
    background-image: url(../images/memory.svg);
    background-color: #F3F9FF;
    background-position: 15px 4px;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li.gc-macbookskins>a {
    background-image: url(../images/mac-skins.svg);
    background-color: #FFF3EB;
    background-position: 8px 7px;
}

.accessories-content > div.accessories-console ul.submenu>li>a {
    width: 100%;
}

.accessories-sub-detail.accessories-console ul li.no-aero {
    display: flex;
    max-width: 210px;
}

.accessories-sub-detail.accessories-console ul.submenu {
    margin-top: 10px;
}

.ms-menucontainer #nav>li>ul.level0 .accessories-tabs-nav li.Casper-li a {
    background-image: url(../images/casper.svg);
    background-color: #FFF8F8;
    background-position: bottom left 30px;
}

.ms-menucontainer #nav>li>ul.level0 .accessories-tabs-nav li.oem-li a {
    background-image: url(../images/oem.svg);
    background-color: #F9FEFF;
    background-position: bottom left 30px;
}

.ms-menucontainer #nav>li>ul.level0 .accessories-tabs-nav li.amp-li a {
    background-image: url(../images/ampcentrix.svg);
    background-color: #FFF8E0;
    background-position: bottom left 30px;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li.active a {
    font-weight: 600;
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color);
    overflow: hidden;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li a {
    padding: 17px 10px;
    padding-left: 60px;
    height: 51px;
    align-items: center;
    display: flex;
    border-radius: 10px;
    border: 1px solid transparent;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li a span {
    padding-left: 50px;
}

.accessories-content > div:not(:first-child) {
    display: none;
}

.accessories-content {
    padding: 40px 50px;
    float: left;
    width: 100%;
}

.ms-menucontainer #nav>li>ul.level0 .ace-col-nine {
    width: 75%;
    float: left;
}

.ms-menucontainer #nav>li>ul.level0 .ace-col-three {
    width: 25%;
    float: left;
}

.acc-top-img {
    margin-bottom: 40px;
}

.acc-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.accessories-sub-detail ul li.no-aero,.accessories-sub-detail ul li.mdrop-menu {
    display: table;
    margin-bottom: 10px;
}

.ms-menucontainer #nav .layout-accesories .main-menu-head {
    margin-bottom: 0;
}

.submenu.recent-all {
    margin-top: 30px;
}

.submenu.recent-all li {
    display: inline-block;
    width: 25%;
}

.submenu.recent-all li .ace-box-m {
    text-align: center;
}

button.rounded-btn span {
    border-radius: 100px;
    padding: 6px 30px;
    border: 1px solid var(--primary-color);
    font-weight: 600;
    font-size: 14px;
}

.full-img-sec {
    width: 100%;
    display: block;
}

.submenu.half-menu {
    width: 50%;
}

.accessories-sub-detail.active .tab-display {
    display: block;
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu-inner {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: var(--white-color);
    top: 117px;
    opacity: 0;
    visibility: hidden;
    padding: 20px;
    height: 100%;
    z-index: 1;
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu>ul.mdrop-menu-inner.mdrop-menu-inner-open {
    visibility: visible;
    opacity: 1;
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu>a:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 9px solid var(--grey-color-tone-nine);
    border-bottom: 5px solid transparent;
    right: 10px;
    bottom: 6px;
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu>a {
    padding-right: 35px;
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu .mdrop-menu-inner li ul.right-sub-menu li ul {
    float: left;
    width: auto;
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu .mback-btn {
    float: left;
    font-size: 13px;
    background-image: url(../images/sprites/ep_arrow-left.svg);
    background-repeat: no-repeat;
    font-weight: 500;
    padding-left: 15px;
    background-position: 2px 6px;
    margin-left: 30px;
    margin-right: 50px;
    min-width: 60px;
    transition: all 0.6s;
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu .mback-btn:hover {
    background-color: transparent;
    font-weight: 600;
    color: var(--dark-color);
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu ul.mdrop-menu-inner li a.dp-title {
    font-size: 12px;
    color: var(--dark-color);
    font-weight: 600;
    border-radius: 0;
    display: inline-block;
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu ul.mdrop-menu-inner li a.dp-title::before {
    content: "";
    background-color: #EBEBEB;
    position: absolute;
    bottom: -3px;
    height: 1px;
    width: 242px;
    left: -25px;
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu ul.mdrop-menu-inner li a.dp-title:hover {
    background-color: transparent;
}

.right-sub-menu {
    width: calc(100% - 130px);
    display: block;
    float: right;
}

.right-sub-menu.shop-model {
    width: 100%;
    margin-top: 0;
}

.right-sub-menu.shop-model ul.device-sub {
    margin-left: 30px !important;
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu ul.mdrop-menu-inner li .right-sub-menu.shop-model .dp-title::before {
    content: none;
}

.right-sub-menu.shop-model ul.device-sub.back-left-margin {
    margin-left: 0 !important;
}

ul.submenu li a.ft-weight700 {
    font-weight: 700;
}

.ms-menucontainer #nav ul.submenu.half-menu .right-sub-menu .submenu.device-sub li.dp-title a {
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--dark-color);
    letter-spacing: 0;
}

.ms-menucontainer #nav ul.submenu.half-menu .right-sub-menu .submenu.device-sub li.dp-title a:hover {
    font-weight: 700;
}

.img-text-flex {
    display: flex;
    align-items: center;
}

.basic-screen-img {
    padding-left: 10px;
}

.ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-two {
    width: 260px;
}

.ms-menucontainer #nav>li>ul.level0 .ace-col-ten {
    width: calc(100% - 260px);
}

.top-bar-submenu {
    padding: 10px 70px 0 70px;
    background-color: #FFF8F8;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu-inner.topbar-subproduct.mdrop-menu-inner-open {
    padding: 0;
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu-inner.topbar-subproduct.mdrop-menu-inner-open>li {
    padding: 20px 20px 0 20px;
}

.left-submenu-img {
    display: flex;
    align-items: center;
    gap: 20px;
}

.new-recent-layout ul li a {
    transition: all 0.6s ease-in-out;
}

.sview-inul .rc-product-block>li>a>figure {
    background: transparent;
    padding: 0;
    margin: 0;
}

.sview-inul .rc-product-block>li>a>figure img {
    max-width: 150px;
    padding: 10px 25px;
    border-radius: 20px;
}

.new-recent-layout ul li a:hover figure img {
    background: var(--light-white-color);
}

.new-recent-layout ul li a:hover figure img.recent-img-bg {
    mix-blend-mode: multiply;
}

.sview-inul .new-recent-layout .rc-product-block>li {
    padding: 5px 15px;
    min-height: auto;
}

.sview-inul .new-recent-layout .rc-product-block>li>a>span {
    border-radius: 10px;
    padding: 10px 15px;
    margin-top: 5px;
}

.sview-inul .new-recent-layout .rc-product-block>li:hover span {
    color: var(--primary-color);
    font-weight: 600;
}

.sview-inul .new-recent-layout .rc-product-block {
    padding-top: 0;
}

.image-hide-box {
    position: relative;
}

.image-hide-box img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.img-box-m {
    opacity: 0;
}

.curly-font {
    color: var(--primary-color);
    font-size: 20px;
    font-weight: normal;
    padding-left: 8px;
    font-family: 'Buffalo';
    position: relative;
    top: 6px;
    opacity: 0;
}

.seach-match-menu .curly-font {
    color: #FFF;
}

.ms-menucontainer #nav ul.submenu.hover-show-img li a:hover .curly-font {
    opacity: 1;
}

.right-submenu-img img {
    mix-blend-mode: multiply;
}

.sview-inul .rc-product-block>li.mrec-links.accesories-mrec-link a {
    top: -3px;
}

.level0 .right-sub-menu .m-overflows {
    max-height: 400px;
}

.ms-menucontainer #nav>li>ul.level0 .submenu.half-menu .mdrop-menu ul.mdrop-menu-inner.casper-packaging li a.dp-title::before {
    left: -10px;
}

.bottom-retail {
    margin: 10px 0 15px 0;
}

/* Responsive Start */
.ms-menucontainer #nav>li.mac-enable>ul.level0.slayouts-menu>li>ul {
    width: calc(100% - 260px);
    left: 260px;
}

.ms-menucontainer #nav>li.mac-enable>ul.level0.slayouts-menu>li>a {
    width: 210px;
    padding: 5px 33px;
    margin: 2px 0px;
    background-position: 8px 7px;
}

.ms-menucontainer #nav>li.mac-enable>ul.level0.slayouts-menu>li.mnu-pintab>a:after {
    right: 10px;
    top: 8px;
}

.ms-menucontainer #nav>li.nl-samsung>ul.level0.slayouts-menu>li>ul,
.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li>ul {
    width: calc(100% - 260px);
    left: 260px;
    height: calc(100% - 0px);
}

.ms-menucontainer #nav>li.nl-samsung>ul.level0.slayouts-menu>li>a {
    width: 210px;
}

.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li.mnu-pintab>a:after {
    right: 10px;
    top: 8px;
}

.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li>a {
    width: 210px;
    padding: 5px 30px;
    margin: 0 0 5px 0;
}

.ms-menucontainer #nav>li.mac-enable>ul.level0.slayouts-menu>li>ul.sview-inul>li + li,
.ms-menucontainer #nav>li.nl-samsung>ul.level0.slayouts-menu>li>ul.sview-inul>li + li,
.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li>ul.sview-inul>li + li {
    margin-top: 36px;
}

.ms-menucontainer #nav>li.nl-samsung>ul.level0.slayouts-menu>li.sview-allmenu>ul>li {
    min-height: 205px;
}

.ms-menucontainer #nav>li>ul.level0.slayouts-menu.ul-menudisabled>li>ul.lg-menu-li>li {
    width: 16.6666%;
}

/**/
.ms-menucontainer #nav>li.mac-enable>ul.level0>li[aria-labelledby="ipad"]>ul.sview-inul>li+li {
    margin-top: 0;
}

.ms-menucontainer #nav>li.mac-enable>ul.level0>li[aria-labelledby="ipad"]>ul.sview-inul>li {
    width: auto;
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li>ul.sview-inul.lg-menu-li>li {
    width: 16%;
}

.ms-menucontainer #nav>li.cs-otherparts>ul.level0.slayouts-menu>li>ul {
    height: calc(100% + 360px);
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="realme"]>ul.sview-inul>li,
.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="xiaomi"]>ul.sview-inul>li {
    width: 16.5%;
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="realme"]>ul.sview-inul>li:last-child,
.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="Honor"]>ul.sview-inul>li:last-child,
.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="microsoft"]>ul.sview-inul>li:last-child,
.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="oppo"]>ul.sview-inul>li:last-child,
.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="xiaomi"]>ul.sview-inul>li:last-child {
    margin-top: 20px;
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="huawei"]>ul.sview-inul>li {
    width: 16.5%;
}

.ms-menucontainer #nav>li.other-parts>ul.level0.slayouts-menu>li[aria-labelledby="zte"]>ul.sview-inul>li {
    width: 22%;
}

.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motoedge-series"]>ul.sview-inul>li,
.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motorazr-series"]>ul.sview-inul>li {
    width: 30%;
}

.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motog-series"]>ul.sview-inul>li,
.ms-menucontainer #nav>li.nl-refurbishing>ul.level0.slayouts-menu>li[aria-labelledby="biwatch-series"]>ul.sview-inul>li,
.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motoe-series"]>ul.sview-inul>li,
.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motoone-series"]>ul.sview-inul>li,
.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="motoz-series"]>ul.sview-inul>li,
.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="pixel-series"]>ul.sview-inul>li,
.ms-menucontainer #nav>li.nl-motorola>ul.level0.slayouts-menu>li[aria-labelledby="pixel-tablet"]>ul.sview-inul>li,
.ms-menucontainer #nav>li.other-parts.nl-gpixel>ul.level0>li.sview-allmenu>ul>li,
.ms-menucontainer #nav>li.nl-refurbishing>ul.level0.slayouts-menu>li>ul>li {
    width: auto;
}

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

    .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li>ul.accessories-tabs-nav {
        padding: 35px 10px;
    }

    .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li.ace-col-three>ul.accessories-tabs-nav>li a {
        font-size: 10px;
    }

    .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li .accessories-content {
        padding: 40px 25px;
    }

    .ms-menucontainer #nav>li.tools-accessories.layout-accesories>ul.level0>li .accessories-content .sview-inul .new-recent-layout .rc-product-block>li {
        padding: 5px 10px;
    }

    .new-accesories ul.Packaging-sub > li {
        width: 145px !important;
    }

    .ms-menucontainer .compatible_model {
        width: 400px;
    }

    .ms-menucontainer #nav .serch-box-new input.search-txt-box {
        width: 350px;
    }

    .ms-menucontainer #nav .main-menu-head>.new-img-class {
        width: 250px;
    }

}

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

    .sview-inul .rc-product-block>li.mrec-links {
        width: 100%;
        min-height: 0;
    }

    .sview-inul .rc-product-block>li.mrec-links>img {
        display: none;
    }

    .sview-inul .rc-product-block>li.mrec-links>a {
        top: 0;
    }

    .accessories-sub-detail {
        position: relative;
        margin-bottom: 15px;
        padding: 0 30px;
    }

    .acc-top,.img-box-m,.acc-top-img {
        display: none;
    }

    .accessories-sub-detail::before {
        content: attr(data-title);
        font-size: 14px;
        color: var(--dark-color);
    }

    .accessories-sub-detail::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 8px;
        border-color: transparent transparent transparent var(--grey-color-tone-five);
        position: absolute;
        right: 35px;
        bottom: 4px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
    }

    .accessories-sub-detail.active::after {
        transform: rotate( 90deg);
        border-color: transparent transparent transparent var(--dark-color);
    }

    .tab-display {
        display: none;
    }

    .accessories-content > div:not(:first-child) {
        display: block;
    }

    .accessories-content {
        padding: 0;
    }

    .submenu.half-menu {
        width: 100%;
    }

    ul.submenu li a {
        font-size: 14px;
    }

    .accessories-tabs-nav {
        display: none !important;
    }

    .accessories-sub-detail:last-child {
        margin-bottom: 0;
    }

    .accessories-sub-detail.active .tab-display {
        margin-top: 15px;
        position: relative;
        z-index: 99;
    }

    .level0 .submenu.half-menu .mdrop-menu .mdrop-menu-inner li a.mback-btn {
        display: none;
    }

    .top-bar-submenu {
        display: none;
    }

    .right-sub-menu {
        width: 100%;
    }

    .right-sub-menu.shop-model ul.device-sub {
        margin-left: 0 !important;
    }

    .mobile-nav .accessories-content .m-overflows {
        overflow: inherit;
        max-height: inherit;
        margin-bottom: 0;
    }

    .accessories-sub-detail ul li.no-aero, .accessories-sub-detail ul li.mdrop-menu {
        width: 100%;
        margin: 0;
    }

    .level0 .submenu.half-menu .mdrop-menu>a {
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .level0 .submenu.half-menu .submenu.Packaging-sub {
        margin-bottom: 10px;
    }

    .level0 .submenu.half-menu .mdrop-menu-inner.topbar-subproduct li a.dp-title {
        display: none;
    }

    .recent-mobilenone-img {
        display: none;
    }

    .sview-inul .new-recent-layout .rc-product-block>li {
        padding: 0 0 5px 0;
        width: 100%;
        min-height: auto;
    }

    .sview-inul .new-recent-layout .rc-product-block {
        padding-top: 0;
    }

    .sview-inul .new-recent-layout .rc-product-block>li>a {
        display: flex;
        text-align: center;
        align-items: center;
    }

    .sview-inul .new-recent-layout .rc-product-block>li>a>span {
        padding: 0 5px 0 15px;
        margin-top: 0;
    }

    .sview-inul .rc-product-block>li>a>figure {
        padding: 0;
        margin: 0;
    }

    .sview-inul .rc-product-block>li>a>figure img {
        width: 50px;
        padding: 0;
    }

    .sview-inul .rc-product-block>li.mrec-links>a.recent-all {
        top: 0;
        margin-bottom: 20px;
    }

    .sview-inul .rc-product-block>li.mrec-links.accesories-mrec-link a {
        top: 0;
        text-align: center;
        margin: 0 auto;
        display: block;
        max-width: 100%;
        border-radius: 0;
    }

    .accessories-sub-detail ul li.no-aero a {
        padding: 7px 10px;
    }

    .main-menu-head>.new-img-class {
        display: none;
    }

    .accessories-sub-detail.accessories-console ul li.no-aero {
        max-width: 100%;
    }

    .accessories-sub-detail.accessories-console ul.submenu {
        margin-top: 0;
    }

}

/* MM Accessories CSS End */