@charset "utf-8";

/*=============== Font-Mulish(primary-font) ==================*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@font-face {
    font-family: "NotoSans", sans-serif;
    src: url(../fonts/NotoSans.ttf);
}

:root {
    --primary: #fe5104;
    --secondary: #006ae1;
    --white: #fff;
    --black: #000;
    --black-dark: #292929;
    --black-light: #8c8686;
    --gren: #00b91d;
    --primaryfont-family: "Poppins", sans-serif;
    --secondaryfont-family: "NotoSans", sans-serif;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    /* transition: 500ms ease-in-out; */
}

html,
body {
    font-family: var(--primaryfont-family);
    line-height: 1.4;
    font-size: 1rem;
    color: var(--black-dark);
    overflow-x: hidden;
    padding-right: 0 !important;
}

/* body.modal-open {
  padding-right: 0 !important;
} */

a {
    text-decoration: none;
    padding: 0;
    margin: 0;
    transition: 500ms ease-in-out;
}

a:focus {
    text-decoration: none;
    list-style: none;
    outline: none;
    border: none;
}

a:hover {
    text-decoration: none;
    color: var(--primary);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    /* margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 300; */
}
.p-wom {
    margin: 0;
    font-size: 1rem;
}
ul,
li {
    padding: 0;
    list-style: none;
    text-decoration: none;
    margin: 0;
}

img {
    max-width: 100%;
    width: auto;
}

button {
    text-decoration: none;
    border: none;
    list-style: none;
    outline: none;
    padding: 0;
}

button:focus {
    text-decoration: none;
    list-style: none;
    outline: none;
    box-shadow: inherit !important;
}

/*=============== Dynamic class start ==================*/
.primaryfont-family {
    font-family: var(--primaryfont-family);
}

.secondary-family {
    font-family: var(--secondaryfont-family);
}

.txt-primary {
    color: var(--primary);
}

.bg-primary {
    background-color: var(--primary) !important;
}

.txt-secondary {
    color: var(--secondary);
}

.bg-secondary {
    background-color: var(--secondary);
}

.txt-gren {
    color: var(--gren);
}

.txt-blue {
    color: #034ea2;
}

.txt-white {
    color: var(--white);
}

.bg-white {
    background-color: var(--white);
}

.txt-black {
    color: var(--black);
}

.bg-black {
    background-color: var(--black);
}

.txt-dark {
    color: var(--black-dark);
}

.bg-dark {
    background-color: var(--black-dark);
}

.txt-light {
    color: var(--black-light);
}

.bg-light {
    background-color: var(--black-light);
}

.font-size-12 {
    font-size: 12px;
}

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

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

.font-size-15 {
    font-size: 15px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-17 {
    font-size: 17px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-36 {
    font-size: 36px;
}

.fw-semi-bold {
    font-weight: 600;
}

.container {
    max-width: 1600px;
}

.cursor-pointer {
    cursor: pointer;
}

.line-height-0 {
    line-height: 0;
}

.addBorder {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.addBorder::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/title_border.svg) no-repeat center;
    width: 100%;
    height: 1px;
}

/*=============== Dynamic class End ==================*/

/*=============== Input number filed plugin customize Start ==================*/
.iti__arrow {
    border-top: 4px solid var(--primary);
}

.iti__selected-flag {
    padding: 0 8px;
    border-right: 1px solid #ced4da;
}

.iti__country {
    font-size: 10px;
}

.iti__country-list {
    width: 350px;
}

/*=============== Input number filed plugin customize End ==================*/

/*=============== Select2 dropdwon filed plugin customize End ==================*/
.select2-container .select2-selection--single {
    height: 40px;
    display: flex;
    align-items: center;
    border-color: #ced4da;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 300;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 40px;
    right: 5px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: var(--primary) transparent transparent transparent;
}

.select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: transparent transparent var(--primary) transparent;
    border-width: 0 4px 5px 4px;
}

/*=============== Select2 dropdwon filed plugin customize End ==================*/

/*=============== Header Start ==================*/
.mobi-hdr {
    display: none;
}

.header {
    padding: 12px 0 10px;
}

.header .secBox {
    margin-left: 56px;
}

.header .form-control {
    background: #353535;
    border: 1px solid #585858;
    border-radius: 4px;
    font-size: 14px;
    color: #ffffff8a;
    font-weight: 300;
    min-height: 42px;
    min-width: 700px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header .form-control:focus {
    border-color: var(--primary);
    box-shadow: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header .form-control::-webkit-input-placeholder {
    color: #ffffff8a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header .form-control:-ms-input-placeholder {
    color: #ffffff8a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header .form-control::placeholder {
    color: #ffffff8a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.checkBtn {
    border-radius: 4px;
    padding: 6px 9px;
}

.checkBtn:hover {
    color: var(--white);
}

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

.navigation {
    padding: 27px 0 0px;
}

.navigation ul li a {
    color: var(--white);
    font-size: 15px;
    font-weight: 600;
    position: relative;
}

.navigation ul li a.active::after {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--primary);
    border-radius: 100%;
    width: 6px;
    height: 6px;
}

.navigation ul li a:hover {
    color: var(--primary);
}

.before-login-header ul li a {
    color: var(--white);
    font-size: 15px;
    font-weight: 600;
    position: relative;
    margin-left: 40px;
}

.mobileMenuHdr {
    display: none;
}

#mobileMenuHdr {
    display: none;
}

.m-versionMenu {
    display: none;
}

/* .navigation ul li a.active {
  color: var(--primary);
} */

.before-login-header ul li a.active::after {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--primary);
    border-radius: 100%;
    width: 6px;
    height: 6px;
}

.before-login-header ul li a:hover {
    color: var(--primary);
}

.before-login-header .openSecbar {
    position: absolute;
    width: 80%;
    top: -100%;
    right: 0;
    height: 100%;
    background: var(--black);
    transition: all 400ms ease-in-out;
}

.before-login-header .openSecbar .form-control {
    background: #353535;
    border: 1px solid #585858;
    border-radius: 4px;
    font-size: 14px;
    color: #ffffff8a;
    font-weight: 300;
    min-height: 42px;
    min-width: 700px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.before-login-header .openSecbar .form-control:focus {
    border-color: var(--primary);
    box-shadow: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.before-login-header .openSecbar .form-control::-webkit-input-placeholder {
    color: #ffffff8a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.before-login-header .openSecbar .form-control:-ms-input-placeholder {
    color: #ffffff8a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.before-login-header .openSecbar .form-control::placeholder {
    color: #ffffff8a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menuSideBar {
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0%;
    top: -100%;
    z-index: 0;
    background: rgba(0, 0, 0, 0.97);
    backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    padding: 10px;
    transition: all 500ms ease-in-out;
    opacity: 0;
}

#navigat li a {
    color: var(--white);
    font-size: 15px;
    font-weight: 600;
    position: relative;
    margin-left: 40px;
}
.store-hover:hover {
    cursor: pointer;
}
/*=============== Header End ==================*/

/*=============== Banner Start ==================*/
.banner {
    margin-top: 60px;
}

.banner .desc {
    background: linear-gradient(
        180deg,
        #fff1e4 0%,
        rgba(255, 246, 238, 0) 100%
    );
    border-radius: 20px;
    padding-left: 84px;
}

.banner .text {
    width: 50%;
}

.banner h1 {
    font-size: 64px;
    line-height: 80px;
    font-weight: bold;
    margin-bottom: 15px;
}

.banner a {
    display: inline-block;
    border-radius: 4px;
    background: var(--primary);
    font-size: 18px;
    color: var(--white);
    font-weight: bold;
    padding: 12px 33px;
    margin-top: 50px;
}

/*=============== Banner End ==================*/

/*=============== Repair Start ==================*/
.repair {
    margin: 20px 0 30px;
}

.repair .box {
    background: linear-gradient(
        180deg,
        #e4ecff 0%,
        rgba(255, 246, 238, 0) 100%
    );
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    width: 24%;
    padding: 50px 0;
    position: relative;
    z-index: 1;
    transition: all 500ms ease-in-out;
    cursor: pointer;
}

.repair .imgBlock {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.repair .imgBlock::before {
    content: "";
    position: absolute;
    top: auto;
    left: auto;
    background: url(../images/Check-Blue.png) no-repeat center;
    z-index: 2;
    width: 41px;
    height: 41px;
    opacity: 0;
    transition: all 400ms ease-in-out;
}

.repair .box:hover .imgBlock::before {
    opacity: 1;
}

.repair .box::before {
    content: "";
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    width: 212px;
    height: 212px;
    background: linear-gradient(136.09deg, #ff8c46 17.73%, #f85d5f 89.71%);
    border-radius: 100%;
    z-index: -1;
    margin: auto;
}

.repair .box:nth-child(2) {
    background: linear-gradient(
        180deg,
        #e7e4ff 0%,
        rgba(255, 246, 238, 0) 100%
    );
}

.repair .box:nth-child(3) {
    background: linear-gradient(
        180deg,
        #e7e7e7 0%,
        rgba(255, 246, 238, 0) 100%
    );
}

.repair .box h3 {
    margin-top: 40px;
    font-size: 18px;
    font-weight: 300;
    color: #292929;
    transition: all 200ms ease-in-out;
}

.repair .box:hover h3 {
    font-weight: bold;
}

.repairSelected h3 {
    font-weight: bold !important;
}

.repairSelected .imgBlock::before {
    opacity: 1;
}
.width-25 {
    width: 24.5% !important;
}

/*=============== Repair End ==================*/
.blogs {
    padding: 50px;
}
.blogs .heading {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
}
.properties {
    padding: 100px;
    background-color: #ededed;
}
.properties .card-img-top {
    width: 25%;
    margin: 25px;
}
.properties .heading {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 32px;
    /* identical to box height */

    text-align: center;

    color: #292929;
}
/*=============== Brand Start ==================*/
.bubbles-img {
    position: absolute;
    width: 270px;
    height: 177px;
    right: 0px;
    top: 160px;

    /* background: #FFFFFF; */
    /* box-shadow: -20px 24px 56px rgba(0, 0, 0, 0.12); */
    border-radius: 12px;
    /* background: url(../images/rectangle-white.png) no-repeat center; */
}
.background-white-img {
    position: absolute;
    width: 270px;
    height: 177px;
    left: 570px;
    top: 400px;

    background: #ffffff;
    box-shadow: -20px 24px 56px rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    /* background: url(../images/rectangle-white.png) no-repeat center; */
}
.google-app {
    padding: 20px;
}

.brand .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.brand .box {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: column;
    width: 25%;
    position: relative;
    padding: 35px 0;
    min-height: 206px;
    transition: all 300ms ease-in-out;
    cursor: pointer;
}

.brand .box:hover h2 {
    font-weight: 600;
}

.brand .box:nth-child(1):hover path {
    fill: black;
}

.brand .box:nth-child(1):before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/brand_border.svg) no-repeat center;
    width: 1px;
    height: 100%;
}

.brand .box:nth-child(1)::after {
    content: "";
    position: absolute;
    right: 0%;
    bottom: 0%;
    background: url(../images/brand_border2.svg) no-repeat center;
    width: 100%;
    height: 1px;
}

.brand .box:nth-child(2):hover path {
    fill: #034ea2;
}

.brand .box:nth-child(2):before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/brand_border.svg) no-repeat center;
    width: 1px;
    height: 100%;
}

.brand .box:nth-child(2)::after {
    content: "";
    position: absolute;
    right: 0%;
    bottom: 0%;
    border-bottom: 1px solid #000;
    width: 100%;
    height: 1px;
}

.brand .box:nth-child(3):hover path {
    fill: #ce0e2d;
}

.brand .box:nth-child(3):before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/brand_border.svg) no-repeat center;
    width: 1px;
    height: 100%;
}

.brand .box:nth-child(3)::after {
    content: "";
    position: absolute;
    right: 0%;
    bottom: 0%;
    border-bottom: 1px solid #000;
    width: 100%;
    height: 1px;
}

.brand .box:nth-child(4):hover path {
    fill: #f50514;
}

.brand .box:nth-child(4)::after {
    content: "";
    position: absolute;
    right: 0%;
    bottom: 0%;
    background: url(../images/brand_border2_right.svg) no-repeat center;
    width: 100%;
    height: 1px;
}

.brand .box:nth-child(5):hover path {
    fill: #888b8d;
}

.brand .box:nth-child(5):before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-right: 1px solid #000;
    width: 1px;
    height: 100%;
}
.brand .box:nth-child(5)::after {
    content: "";
    position: absolute;
    right: 0%;
    bottom: 0%;
    background: url(../images/brand_border2.svg) no-repeat center;
    width: 100%;
    height: 1px;
}
.brand .box:nth-child(9):before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/brand_border_bottom.svg) no-repeat center;
    width: 1px;
    height: 100%;
}

.brand .box:nth-child(6):hover path {
    fill: black;
}

.brand .box:nth-child(6):before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-right: 1px solid #000;
    width: 1px;
    height: 100%;
}
.brand .box:nth-child(6)::after {
    content: "";
    position: absolute;
    right: 0%;
    bottom: 0%;
    border-bottom: 1px solid #000;
    width: 100%;
    height: 1px;
}
.brand .box:nth-child(7)::after {
    content: "";
    position: absolute;
    right: 0%;
    bottom: 0%;
    border-bottom: 1px solid #000;
    width: 100%;
    height: 1px;
}
.brand .box:nth-child(8)::after {
    content: "";
    position: absolute;
    right: 0%;
    bottom: 0%;
    background: url(../images/brand_border2_right.svg) no-repeat center;
    width: 100%;
    height: 1px;
}
.brand .box:nth-child(10):before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/brand_border_bottom.svg) no-repeat center;
    width: 1px;
    height: 100%;
}

.brand .box:nth-child(7):hover path {
    fill: #1c4598;
}

.brand .box:nth-child(7):before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-right: 1px solid #000;
    width: 1px;
    height: 100%;
}

.brand .box:nth-child(8):hover path {
    fill: black;
}

.brandSelected h2 {
    font-weight: 600;
}

.brandSelected.box:nth-child(1) path {
    fill: black;
}

.brandSelected.box:nth-child(2) path {
    fill: #034ea2;
}

.brandSelected.box:nth-child(3) path {
    fill: #ce0e2d;
}
/*=============== Brand End ==================*/

/*=============== Boday Title All Start ==================*/

.titleBlock .topBlock {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.titleBlock .topBlock::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/title_border.svg) no-repeat center;
    width: 100%;
    height: 1px;
}

.titleBlock h3 {
    font-size: 24px;
    font-weight: 600;
    color: var(--black-dark);
    margin-bottom: 3px;
}

.titleBlock button {
    background: transparent;
    font-size: 18px;
    color: var(--primary);
}

.titleBlock h4 {
    font-size: 36px;
    font-weight: 600;
    color: var(--black-dark);
}

.titleBlock .form-control {
    min-width: 245px;
    min-height: 42px;
    border-color: #c3c1c1;
    font-size: 14px;
    font-weight: 300;
    padding-left: 42px;
    border-radius: 4px;
}

.titleBlock .form-control:focus {
    box-shadow: inherit;
    border-color: var(--primary);
}

.titleBlock .search_Icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 14px;
    display: block;
    line-height: 0;
}

.addBorderLeft {
    position: relative;
}

.addBorderLeft::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/titleBlockborder.svg) no-repeat center;
    width: 1px;
    height: 100%;
}

/*=============== Boday Title All End ==================*/

/*=============== Select Phone Start ==================*/
.selectPhone {
    margin-top: 90px;
}

.mobileShowBlock {
    margin-top: 100px;
}

.mobileShowBlock .box {
    width: 25%;
    margin-bottom: 90px;
}

.mobileShowBlock .imgBlock {
    width: 160px;
    height: 212px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobileShowBlock .imgBlock img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/*=============== Select Phone End ==================*/

/*=============== Our Service Start ==================*/
.ourServiceBody {
    margin-top: 50px;
    margin-bottom: 70px;
}

.ourService h6 {
    font-size: 36px;
    font-weight: 600;
    color: var(--black-dark);
}

/*=============== Our Service End ==================*/

/*=============== Service select Button start ==================*/
.ourServiceBody .selectBtn {
    background: transparent;
    border: 1px solid #bcb7b7;
    border-radius: 12px;
    padding: 4px 4px 4px 20px;
    width: 100%;
    font-size: 18px;
    color: var(--black-dark);
    display: flex;
    align-items: center;
    justify-content: start;
    transition: all 100ms ease-in-out;
    margin-bottom: 25px;
    text-align: left;
    min-height: 72px;
}

/* .ourServiceBody .selectBtn:hover {
  border-color: var(--primary);
  border-width: 1px;
  border-left-width: 7px;
}

.ourServiceBody .selectBtn:focus {
  border-color: var(--primary);
  border-width: 1px;
  border-left-width: 7px;
} */

.selectedService .selectBtn {
    border-color: var(--primary);
    border-width: 1px;
    border-left-width: 7px;
}

/*=============== Service select Button start ==================*/

/*=============== Service Price start ==================*/
.servicePrice {
    margin-bottom: 70px;
}

.servicePrice h2 {
    font-size: 23px;
    color: var(--black-dark);
    font-weight: 600;
    margin-bottom: 35px;
    height: 75px;
}

.servicePrice h2 span {
    display: inline-block;
    font-size: 18px;
    color: #757575;
    margin-top: 7px;
    border-radius: 44px;
}

.servicePrice h6 {
    font-size: 60px;
    color: var(--black);
    font-weight: bold;
    margin-bottom: 30px;
}

.servicePrice .lt_price li {
    font-size: 13px;
    color: #8d8d8d;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    display: block;
}

.servicePrice .rt_price li {
    color: var(--black-dark);
}

.servicePrice .lt_price li span {
    width: 14px;
    margin-right: 5px;
}

.BoxPrice {
    width: 48%;
    padding: 20px 0;
    height: 670px;
}

.BoxPrice a {
    border-radius: 4px;
    color: var(--primary);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 12px 0;
    background: #fe51043b;
    transition: all 300ms ease-in-out;
}

.BoxPrice a:hover {
    color: var(--black-dark) !important;
}

.servicePrice .rt_Box a {
    margin-top: 20px;
}

.servicePrice .rt_Box {
    position: relative;
    padding-left: 30px;
    margin-left: 30px;
}

.servicePrice .rt_Box::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: url(../images/price__Y_boreder.svg) no-repeat center;
}

/*=============== Service Price End ==================*/

/*=============== Service Booking Start ==================*/
.bookingService {
    margin-bottom: 70px;
}

.bookingService .bookingBtn {
    border-radius: 4px;
    background: var(--primary);
    color: var(--white);
    font-size: 18px;
    font-weight: bold;
    width: 270px;
    min-height: 48px;
    text-align: center;
    margin: 0 auto;
}

.bookingService .priceSection {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #bcb7b7;
}

.bookingService h6 {
    font-size: 20px;
    font-weight: bold;
    text-align: right;
}
.bold-center.ourService h6 {
    font-size: 36px !important;
    font-weight: 600 !important;
    text-align: center !important;
}
.bookingService h6 span {
    font-weight: 300;
}

/*=============== Service Booking End ==================*/

/*=============== Service Select Start ==================*/
.service-scroll {
    max-height: 500px !important;
    overflow: auto !important;
}
.get-original:hover {
    cursor: pointer;
}

.problem-type h6 {
    font-size: 60px !important;
    text-align: left !important;
}

.selectService .nav-tabs {
    border-bottom: inherit;
}

.selectService .nav-tabs .nav-link {
    border: 1px solid #bcb7b7;
    border-radius: 12px;
    min-width: 250px;
    min-height: 60px;
    text-align: left;
    font-size: 18px;
    margin-right: 20px;
    color: var(--black-dark);
    margin-top: 15px;
}

.underTab .nav-link {
    min-width: auto !important;
    min-height: 50px !important;
    font-size: 14px !important;
    border-radius: 0px !important;
    border: inherit !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 25px !important;
}

.underTab .nav-link .addImgBg {
    position: relative;
    z-index: 1;
    align-items: center;
    display: flex;
    justify-content: center;
}

.underTab .nav-link.active .addImgBg::before {
    content: "";
    position: absolute;
    top: auto;
    right: auto;
    width: 100px;
    height: 100px;
    background: #fff0ea;
    border-radius: 100%;
    z-index: -1;
}

.underTab .nav-item:last-child .nav-link {
    margin-right: 0 !important;
}

.underTab .nav-link.active path,
.underTab .nav-link.active rect {
    stroke: var(--primary);
}

.underTab .nav-link.active circle {
    stroke: var(--primary);
    fill: var(--primary);
}

.underTab .nav-link.active {
    color: var(--primary);
}

.selectService .nav-tabs .nav-link.active {
    border: 1px solid var(--primary);
    border-left-width: 7px;
}

.selectService .nav-tabs .nav-link:hover {
    border: 1px solid var(--primary);
    border-left-width: 7px;
}

.selectService .tab-content h2 {
    font-size: 24px;
    font-weight: 600;
}

.selectService label {
    font-size: 14px;
    margin-bottom: 8px;
}

.selectService .form-control {
    font-size: 16px;
    min-height: 40px;
    border-radius: 4px;
    font-weight: 300;
    margin-bottom: 20px;
}

.selectService .form-control:focus {
    border-color: var(--primary);
    box-shadow: inherit;
}

/* Chrome, Safari, Edge, Opera */
.selectService input::-webkit-outer-spin-button,
.selectService input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.selectService input[type="number"] {
    -moz-appearance: textfield;
}

.selectService .selectAbout {
    margin-bottom: 10px;
}

.selectService .select2-container .select2-selection--single {
    height: 40px;
    display: flex;
    align-items: center;
}

.selectService
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    padding-left: 12px;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 300;
}

.selectService
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 40px;
}

.selectService
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: var(--primary) transparent transparent transparent;
}

.selectService
    .select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: transparent transparent var(--primary) transparent;
    border-width: 0 4px 5px 4px;
}

.selectService textarea.form-control {
    min-height: 100px;
    resize: none;
}

.selectService .checkBox {
    font-size: 14px;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
}

.selectService .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.selectService .form-group label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #ced4da;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
        inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 9px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 3px;
}

.bg-hover:hover {
    border: 2px solid #fe5104;
    border-radius: 4px;
    background-color: rgb(237 225 237);
}

.bg-hover.active {
    border: 2px solid #fe5104;
    border-radius: 4px;
    background-color: rgb(237 225 237);
}

.selectService .form-group input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 8px;
    width: 6px;
    height: 10px;
    border: solid var(--primary);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.selectService .SubBtn {
    font-size: 18px;
    background: var(--primary);
    border-radius: 4px;
    color: var(--white);
    width: 270px;
    height: 40px;
    text-align: center;
    font-weight: bold;
}

.selectService .cancelBtn {
    font-size: 18px;
    background: var(--primary);
    border-radius: 4px;
    color: var(--black-dark);
    width: 200px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    background: #fe51043b;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
}

.selectService .table {
    border-color: inherit;
    border-style: hidden;
    border-width: 0;
    position: relative;
}

.border-bottom {
    border-bottom: 2px solid #8c8686 !important;
    padding: 10px 0px;
}

.selectService .table thead {
    border-color: inherit;
    border-style: hidden;
    border-width: 0;
    position: relative;
}

.selectService .table tbody {
    border-color: inherit;
    border-style: hidden;
    border-width: 0;
}

.selectService .table tbody td {
    padding: 0.8rem 0.5rem;
}

.selectService .table thead::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/title_border.svg) no-repeat center;
    width: 100%;
    height: 1px;
}

.selectService .selectTimeBtn {
    background: transparent;
    border: 1px solid #bcb7b7;
    border-radius: 6px;
    padding: 4px 0 4px 20px;
    width: 190px;
    font-size: 16px;
    color: var(--black-dark);
    transition: all 200ms ease-in-out;
    text-align: center;
    min-height: 50px;
    border-left-width: 7px;
}

.selectService .selectTimeBtn:hover {
    border-color: var(--primary);
    border-width: 1px;
    border-left-width: 7px;
    color: var(--primary);
}

.selectService .selectTimeBtn:focus {
    border-color: var(--primary);
    border-width: 1px;
    border-left-width: 7px;
    color: var(--primary);
}

.selectService button:disabled,
button[disabled] {
    border: 1px solid #dad7d7;
    color: #dad7d7;
}

.selectService button:disabled:hover,
button[disabled]:hover {
    border: 1px solid #dad7d7;
    color: #dad7d7;
}

.selectService .submitBtn {
    border-radius: 4px;
    background: var(--primary);
    color: var(--white);
    font-size: 18px;
    font-weight: bold;
    width: 270px;
    min-height: 48px;
    text-align: center;
}

.openDetilsBlock {
    background: linear-gradient(
        180deg,
        #fff1e4 0%,
        rgba(255, 246, 238, 0) 100%
    );
    border-radius: 20px;
    padding: 20px;
    margin-top: 0px;
    max-width: 1260px;
    margin: auto;
    /* pointer-events: none; */
}

.walkModal {
    background: var(--white);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    overflow: hidden;
    height: 0px;
    transition: all 300ms ease-in-out;
    display: flex;
}

/*=============== Service Select End ==================*/

/*=============== About Start ==================*/
.about {
    padding: 150px 0;
    /* position: relative; */
}

.about h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
}

.about p {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 25px;
}

.about .imgPosition {
    position: absolute;
    bottom: -80px;
    left: 80px;
}

/*=============== About End ==================*/

/*=============== Why Choose Start ==================*/
.WhyChoose {
    padding: 100px 0;
    background: linear-gradient(115.34deg, #4b4b4b 24.18%, #000000 97.87%);
}

.WhyChoose h2 {
    font-size: 36px;
    font-weight: 600;
    color: var(--white);
    margin-bottom: 30px;
}

.WhyChoose p {
    font-size: 18px;
    color: var(--white);
    margin-bottom: 30px;
}

.WhyChoose h3 {
    font-size: 24px;
    font-weight: 600;
    color: var(--white);
    padding: 20px 0 8px;
}

.WhyChoose .boxColum {
    width: 33%;
    padding: 35px 30px 35px 0;
    margin-left: 30px;
}

.WhyChoose .addRightBorder {
    position: relative;
}

.WhyChoose .addRightBorder::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/whyChoose_border_right.svg) no-repeat center;
    width: 1px;
    height: 100%;
}

.WhyChoose .addNewBorder::after {
    background: url(../images/whyChoose_border_right_new.svg) no-repeat center;
}

.WhyChoose .boxSection p {
    margin-bottom: 0px;
}

.WhyChoose .addBottommBorder {
    position: relative;
}

.WhyChoose .addBottommBorder::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: url(../images/whyChoose_border_bottom.svg) no-repeat center;
}

/*=============== Why Choose End ==================*/

/*===============  Get in Touch Start ==================*/
.Get-in-Touch {
    padding: 150px 0;
}

.Get-in-Touch h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
}

.Get-in-Touch .contactInfo {
    border-right: 1px solid #000000;
    width: 25%;
    font-family: var(--secondaryfont-family);
    font-size: 18px;
    font-weight: 300;
}

.Get-in-Touch .contact_Form {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 50px;
    margin-top: 75px;
}

.contact_Form label {
    font-size: 14px;
    margin-bottom: 8px;
}

.contact_Form .form-control {
    font-size: 16px;
    min-height: 44px;
    border-radius: 4px;
    font-weight: 300;
    margin-bottom: 30px;
}

.contact_Form .form-control:focus {
    border-color: var(--primary);
    box-shadow: inherit;
}

.contact_Form .select2-container .select2-selection--single {
    height: 44px;
    margin-top: 2px;
}

.contact_Form
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 44px;
}

.contact_Form textarea.form-control {
    min-height: 100px;
    resize: none;
}

.contact_Form .SubBtn {
    background: var(--primary);
    border-radius: 4px;
    color: var(--white);
    width: 270px;
    height: 40px;
    text-align: center;
    font-weight: bold;
}

.add-clour-from {
    background: linear-gradient(
        180deg,
        #fff1e4 0%,
        rgba(255, 246, 238, 0) 100%
    ) !important;
}

/*=============== Get in Touch End ==================*/

/*=============== Footer Start ==================*/

.footer .fotterLinkSection {
    padding: 30px 0 10px;
    margin: 30px 0 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer .fotterLinkSection::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/title_border.svg) no-repeat center;
    width: 100%;
    height: 1px;
}

.footer .fotterLinkSection::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/title_border.svg) no-repeat center;
    width: 100%;
    height: 1px;
}

.footer .fotterLinkSection h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.footer .fotterLinkSection ul {
    margin-right: 20px;
}

.footer .fotterLinkSection ul li a {
    font-size: 18px;
    color: var(--black-dark);
    transition: all 300ms ease-in-out;
    margin-bottom: 14px;
    display: block;
}

.footer .fotterLinkSection ul li a:hover {
    color: var(--primary);
}

.footer .rt_media_block li {
    margin-right: 40px;
}

.footer .rt_media_block li:last-child {
    margin-right: 0px;
}

.footer .rt_media_block li a {
    transition: all 300ms ease-in-out;
}

.footer .rt_media_block li a:hover path {
    fill: var(--primary) !important;
}

/*=============== Footer End ==================*/

/*=============== SELL PAGE CSS START ==================*/

/*== Sell Banner Start ==*/
.sellBanner {
    padding: 50px 0 30px;
}

.sellBanner .container {
    position: relative;
}

.sellBanner .desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 85px;
    width: 35%;
}

.sellBanner h2 {
    font-size: 64px;
    font-weight: bold;
    line-height: 80px;
    color: var(--black);
    margin-bottom: 35px;
}

.sellBanner span {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: var(--black-dark);
    margin-top: 7px;
}

.sellBanner .form-control {
    width: 350px;
    min-height: 42px;
    font-size: 14px;
    padding-left: 40px;
    border-color: var(--primary);
    border-width: 2px;
}

.sellBanner .secIcon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    line-height: 0;
}

.sellBanner .form-control:focus {
    box-shadow: inherit;
}

.sellBanner .secBtn {
    border-radius: 4px;
    background: var(--primary);
    font-size: 18px;
    color: var(--white);
    font-weight: bold;
    padding: 12px 33px;
    margin-top: 25px;
}

.sellBanner .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 2px;
    border-radius: 0;
    margin: 0 5px 0 0;
    transition: all 500ms ease-in-out;
    display: block;
}

.sellBanner .owl-theme .owl-dots .owl-dot.active span,
.sellBanner .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--primary);
    width: 36px;
}

.sellBanner .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0px;
}

/*== Sell Banner End ==*/

/*== Brand Mobile Start ==*/
.brandMobile {
    padding-bottom: 50px;
}

.brandMobile .box {
    background: linear-gradient(
        180deg,
        #e4ecff 0%,
        rgba(255, 246, 238, 0) 100%
    );
    border-radius: 20px;
    padding: 25px 10px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.brandMobile .bgAdd_2 {
    background: linear-gradient(
        180deg,
        #e7e4ff 0%,
        rgba(255, 246, 238, 0) 100%
    );
}

.brandMobile .bgAdd_3 {
    background: linear-gradient(
        180deg,
        #ffe4e4 0%,
        rgba(255, 246, 238, 0) 100%
    );
}

.brandMobile .ImgBlock {
    width: 250px;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 35px;
}

.brandMobile .ImgBlock img {
    width: 100%;
    object-fit: contain;
    height: 230px;
    /* object-position: top; */
}

.brandMobile .brandLogo {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*== Brand Mobile End ==*/

/*== Select Phone Start ==*/
.select_Brand_Phone {
    margin-bottom: 80px;
}

.select_Brand_Phone .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
}

.select_Brand_Phone .box .ImgDiv {
    width: 160px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.select_Brand_Phone .box .ImgDiv img {
    width: 100%;
    object-fit: contain;
    height: 210px;
}

.select_Brand_Phone .box button {
    background: transparent;
    border: 1px solid #c5c5c5;
    font-size: 14px;
    border-radius: 4px;
    padding: 2px 5px;
    transition: all 300ms ease-in-out;
    margin: 0 4px;
}

.select_Brand_Phone .box button:focus,
.select_Brand_Phone .box button:hover {
    border-color: var(--primary);
    background: var(--primary);
    color: var(--white);
}

/*== Select Phone End ==*/

/*== Select Condition Start ==*/
.mobileCondition_block .topBlock {
    display: flex;
    align-items: flex-end;
}

.mobileCondition_block .topBlock h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 6px;
}

.mobileCondition_block .topBlock .selectStoreg {
    border: 1px solid var(--primary);
    background: var(--primary);
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    padding-left: 5px;
    margin-bottom: 30px;
}

.mobileCondition_block .topBlock .selectStoreg:focus-visible {
    border-color: var(--primary);
}

.mobileCondition_block .nav-tabs {
    border-bottom: inherit;
}

.mobileCondition_block .nav-tabs .nav-link {
    margin: 0;
    border: inherit;
    border-radius: 0;
    padding: 0;
    margin-right: 12px;
}

.mobileCondition_block .nav-tabs .nav-link .setIcon {
    border: 1px solid #ced4da;
    width: 55px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-bottom: 6px;
}

.mobileCondition_block .nav-tabs .nav-link h3 {
    font-size: 12px;
    font-weight: 400;
    color: var(--black-dark);
}

.mobileCondition_block .nav-tabs .nav-link.active .setIcon,
.mobileCondition_block .nav-tabs .nav-link:hover .setIcon {
    border: 1px solid var(--primary);
}

.mobileCondition_block .nav-tabs .nav-link.active h3 {
    font-weight: 600;
}

.mobileCondition_block .selectProduct {
    width: 160px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right: 30px;
}

.mobileCondition_block .selectProduct img {
    width: 100%;
    object-fit: contain;
    height: 210px;
}

.mobileCondition_block .tab-content .nav-tabs {
    justify-content: space-between;
    flex-wrap: nowrap;
}

.mobileCondition_block .tab-content .nav-tabs .nav-item {
    width: 100%;
    margin-right: 20px;
}

.mobileCondition_block .tab-content .nav-tabs .nav-link {
    border: 1px solid #ced4da;
    border-radius: 12px;
    width: 100%;
    padding: 5px 20px;
    min-height: 60px;
    display: flex;
    align-items: center;
    text-align: left;
}

.mobileCondition_block .tab-content .nav-tabs .nav-link.active {
    border-color: var(--primary);
}

.mobileCondition_block .tab-content .nav-tabs .nav-link h4 {
    font-size: 18px;
    font-weight: 400;
    padding-left: 20px;
    color: var(--black-dark);
}

.mobileCondition_block .tab-content .nav-tabs .nav-link.active h4 {
    font-weight: 600;
}

.mobileCondition_block .tab-content .nav-tabs .nav-link span {
    width: 20px;
    height: 20px;
    border: 2px solid #ced4da;
    border-radius: 100%;
    position: relative;
    flex-shrink: 0;
}

.mobileCondition_block .tab-content .nav-tabs .nav-link span::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 6px;
    height: 10px;
    border: solid var(--primary);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
}

.mobileCondition_block .tab-content .nav-tabs .nav-link.active span {
    border-color: var(--primary);
}

.mobileCondition_block .tab-content .nav-tabs .nav-link.active span::after {
    opacity: 1;
}

.mobileCondition_block .tab-content h6.price_txt {
    font-size: 64px;
    font-weight: bold;
    margin-bottom: 10px;
}

.mobileCondition_block .tab-content .sellBtn {
    border-radius: 4px;
    background: var(--primary);
    font-size: 18px;
    color: var(--white);
    font-weight: bold;
    padding: 12px 33px;
    min-width: 250px;
    min-height: 48px;
}

/*== Select Condition End ==*/

/*== Sell Contact-info Start ==*/
.sell_Contact_info {
    padding: 100px 0;
}

/*== Sell Contact-info End ==*/

/*=============== SELL PAGE CSS END ==================*/

/*=============== BUY PAGE + BUY PRODUCT PAGE CSS sTART ==================*/
/*== Buy Banner page Start ==*/
.buyBanner {
    margin-top: 55px;
}

.buyBanner .container {
    position: relative;
}

.buyBanner .desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: flex;
    align-items: center;
}

.buyBanner .desc .txtBlock {
    margin-left: 50px;
}

.buyBanner .desc .imgFix img {
    width: 100%;
    object-fit: contain;
}

.buyBanner .desc h2 {
    font-size: 64px;
    line-height: 96px;
    font-weight: bold;
}

.buyBanner .form-control {
    width: 350px;
    min-height: 42px;
    font-size: 14px;
    padding-left: 40px;
    border-color: var(--primary);
    border-width: 2px;
}

.buyBanner .secIcon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    line-height: 0;
}

.buyBanner .buyNow {
    border-radius: 4px;
    background: var(--primary);
    font-size: 18px;
    color: var(--white);
    font-weight: bold;
    padding: 12px 33px;
}

/*== Buy Banner page End ==*/

/*== Buy Product page Start ==*/
.buyPageProduct {
    padding: 40px 0;
}

.productCategory {
    background: #f5f5f5;
    padding: 30px;
    border-radius: 10px;
    height: 100%;
}

.productCategory .form-control {
    min-width: 245px;
    min-height: 36px;
    border-color: #999;
    font-size: 14px;
    font-weight: 300;
    padding-left: 42px;
    border-radius: 4px;
}

.productCategory .search_Icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 14px;
    display: block;
    line-height: 0;
}

.productCategory ul {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.productCategory ul::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/productCategory_bottom_border.svg) no-repeat
        center;
    width: 100%;
    height: 1px;
}

.productCategory ul.lastUL::after {
    display: none;
}

.productCategory ul li a {
    font-size: 14px;
    color: var(--black-dark);
    display: block;
    margin-bottom: 14px;
    position: relative;
    transition: all 200ms ease-in-out;
}

.productCategory ul li a:hover {
    color: var(--primary);
}

.productCategory ul li:last-child a {
    margin-bottom: 0;
}

.productCategory ul li a::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: var(--primary);
    display: none;
}

.productCategory ul li.active a {
    padding-left: 13px;
    font-weight: 600;
}

.productCategory ul li.active a::after {
    display: block;
}

.productBox .img_box {
    width: 160px;
    height: 210px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.productBox .img_box img {
    width: 100%;
    height: 210px;
    object-fit: contain;
}

.laptopImg .img_box {
    width: 200px;
    height: 185px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.laptopImg .img_box img {
    width: 100%;
    height: 185px;
    object-fit: contain;
}

.productBox {
    margin-bottom: 60px;
    overflow: hidden;
}

.productBox .text-center {
    width: 100%;
}

.productBox h3 {
    white-space: nowrap;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
}

.productBox h4 {
    font-size: 21px;
    font-weight: 600;
    margin: 8px 0;
}

.productBox .det {
    font-size: 14px;
    font-weight: 600;
    background: transparent;
    border: 1px solid var(--primary);
    border-radius: 4px;
    padding: 7px 11px;
    display: inline-block;
    color: var(--black-dark);
}

.productBox .det:hover {
    background: var(--primary);
    color: var(--white);
}

.productBox h5 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 16px;
}

/*== Buy Product page End ==*/

/*== Page to page URL Start ==*/
.pageURL {
    margin-top: 15px;
    margin-bottom: 50px;
}

.pageURL ul {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.pageURL ul::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/title_border.svg) no-repeat center;
    width: 100%;
    height: 1px;
}

.pageURL ul li a {
    font-size: 14px;
    color: var(--black-dark);
    position: relative;
    margin-right: 12px;
    padding-right: 20px;
}

.pageURL ul li a::after {
    content: ">";
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--primary);
}

.pageURL ul li:last-child a {
    font-weight: 600;
    cursor: default;
}

.pageURL ul li:last-child a::after {
    display: none;
}

/*== Page to page URL End ==*/

/*== Your Select Product Start ==*/
/* .yourSelectProduct{} */

.bigImgPro {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 330px;
    height: 450px;
    overflow: hidden;
    margin: 0 0 50px;
}

.bigImgPro img {
    width: 100%;
    height: 450px;
    object-fit: contain;
}

.xzoom-thumbs {
    display: flex;
    align-items: center;
    justify-content: center;
}

.xzoom-thumbs .smallImgBottom {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #bcb7b7;
    border-radius: 12px;
    margin: 0 5px;
    padding: 5px;
}

.xzoom-thumbs .smallImgBottom img {
    width: 100%;
    height: 70px;
    object-fit: contain;
}

.yourSelectProduct .lt-Side h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
}

.yourSelectProduct .lt-Side label {
    font-size: 18px;
    margin-bottom: 8px;
}

.yourSelectProduct .lt-Side button {
    background: transparent;
    border: 1px solid #c5c5c5;
    font-size: 18px;
    border-radius: 4px;
    min-width: 40px;
    height: 40px;
    padding: 6px;
    transition: all 300ms ease-in-out;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.yourSelectProduct .lt-Side button:focus,
.yourSelectProduct .lt-Side button:hover {
    border-color: var(--primary);
}

.yourSelectProduct .lt-Side button span {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #e3f8df;
    display: block;
}

.yourSelectProduct .lt-Side li:nth-child(2) button span {
    background: #000;
}

.yourSelectProduct .lt-Side li:nth-child(3) button span {
    background: #034ea2;
}

.yourSelectProduct .lt-Side li:nth-child(4) button span {
    background: #908e8e;
}

.yourSelectProduct .lt-Side .netWorkSelect button {
    border: inherit;
    background: transparent;
    width: auto;
    height: auto;
    font-size: 12px;
    margin-right: 0;
}

.yourSelectProduct .lt-Side .netWorkSelect button:hover span,
.yourSelectProduct .lt-Side .netWorkSelect button:focus span {
    border-color: var(--primary);
}

.yourSelectProduct .lt-Side .netWorkSelect button span {
    border: 1px solid #ced4da;
    width: 55px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-bottom: 6px;
    background: transparent;
}

.yourSelectProduct .boxAddcart {
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    padding: 10px 30px 20px 30px;
}

.yourSelectProduct .boxAddcart h2 {
    font-size: 64px;
    font-weight: bold;
}

.yourSelectProduct .boxAddcart h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.yourSelectProduct .cartBtn {
    font-weight: bold;
    font-size: 18px;
    color: var(--white);
    background: var(--primary);
    text-align: center;
    display: block;
    border-radius: 4px;
    width: 100%;
    padding: 7px;
    margin-bottom: 10px;
}

.yourSelectProduct .wiseListBtn {
    font-weight: bold;
    font-size: 18px;
    color: var(--primary);
    background: #fe51043d;
    text-align: center;
    display: block;
    border-radius: 4px;
    width: 100%;
    padding: 7px;
}

.yourSelectProduct .nav-tabs {
    background: #f5f5f5;
    border-bottom: inherit;
    padding: 8px;
}

.yourSelectProduct .nav-tabs .nav-link {
    border: inherit;
    padding: 0;
    font-size: 18px;
    font-weight: 300;
    color: var(--black-dark);
    background: var(--white);
    padding: 7px 30px;
    background: transparent;
    border-right: 1px solid #d2c9c9;
    border-radius: 0;
}

.yourSelectProduct .nav-item:nth-child(4) .nav-link {
    border-right: 0px solid #000;
}

.yourSelectProduct .nav-tabs .nav-link.active {
    border-radius: 4px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
    font-weight: 400;
    border-right: 0px solid #000;
    border-radius: 4px;
}

.yourSelectProduct .tab-content h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #bebebe;
}

.yourSelectProduct .tab-content .SpecificationDits {
    padding-top: 30px;
    margin-top: 30px;
    position: relative;
}

.yourSelectProduct .tab-content .SpecificationDits::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/title_border.svg) no-repeat center;
    width: 100%;
    height: 1px;
}

.yourSelectProduct .tab-content .Warranty-h2 {
    font-size: 36px;
    color: var(--black-dark);
    margin-bottom: 20px;
}

.yourSelectProduct .tab-content .Warranty-ul {
    padding-left: 20px;
}

.yourSelectProduct .tab-content .Warranty-ul li {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    list-style: auto;
}

.yourSelectProduct .tab-content .reviewBtn {
    display: inline-block;
    border-radius: 4px;
    background: var(--primary);
    font-size: 18px;
    color: var(--white);
    font-weight: 600;
    padding: 10px 80px;
    margin-bottom: 25px;
}

.yourSelectProduct .totalReview h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}

.yourSelectProduct .boxReivew {
    display: flex;
    margin-bottom: 30px;
}

.yourSelectProduct .boxReivew .proficeBox {
    width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    border-radius: 4px;
    background: var(--primary);
    font-size: 32px;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    margin-right: 30px;
}

.yourSelectProduct .AllReviews {
    font-weight: bold;
    font-size: 18px;
    color: var(--primary);
    background: #fe51043d;
    text-align: center;
    border-radius: 4px;
    padding: 11px 30px;
    margin-right: 15px;
}

.yourSelectProduct .Review {
    font-weight: bold;
    font-size: 18px;
    color: var(--white);
    background: var(--primary);
    text-align: center;
    border-radius: 4px;
    padding: 11px 40px;
}

.reviewModal .modal-content {
    border: inherit;
    border-radius: 0;
}

.reviewModal .modal-footer {
    border: inherit;
}

.reviewModal .modal-header {
    border: inherit;
    align-items: start;
}

.reviewModal .modal-title {
    font-size: 26px;
    font-weight: 600;
}

.reviewModal .modal-header button:focus {
    box-shadow: inherit;
}

.reviewModal .form-control {
    border: inherit;
    border-radius: 0;
    height: 140px;
    resize: none;
    background: #f1f1f1;
    font-size: 16px;
}

.reviewModal .form-control:focus {
    box-shadow: inherit;
}

.reviewModal .modal-footer .sub {
    font-weight: 500;
    font-size: 16px;
    color: var(--white);
    background: var(--primary);
    text-align: center;
    border-radius: 4px;
    padding: 7px 20px;
}

.reviewModal .stars {
    cursor: pointer;
    display: flex;
    width: 36%;
}

.reviewModal .star {
    margin-right: 10px;
}

.stars:hover .star polygon {
    fill: var(--primary) !important;
}

.stars .star polygon {
    fill: #d8d8d8;
}

.stars .star:hover ~ .star polygon {
    fill: #d8d8d8 !important;
}

.stars[data-stars] .star polygon {
    fill: var(--primary);
}

.stars[data-stars="1"] .star:nth-child(1) ~ .star polygon {
    fill: #d8d8d8;
}

.stars[data-stars="2"] .star:nth-child(2) ~ .star polygon {
    fill: #d8d8d8;
}

.stars[data-stars="3"] .star:nth-child(3) ~ .star polygon {
    fill: #d8d8d8;
}

.stars[data-stars="4"] .star:nth-child(4) ~ .star polygon {
    fill: #d8d8d8;
}

.stars[data-stars="5"] .star:nth-child(5) ~ .star polygon {
    fill: #d8d8d8;
}

/*== Your Select Product End ==*/

/*== Frequently bought Start ==*/

.FrequentlyBought {
    position: relative;
    padding-top: 20px;
    margin-top: 60px;
}

.FrequentlyBought::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/title_border.svg) no-repeat center;
    width: 100%;
    height: 1px;
}

.FrequentlyBought h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 50px;
}

.FrequentlyBought ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 150px;
    position: relative;
    margin-right: 50px;
}

.FrequentlyBought ul li img {
    width: 100%;
    height: 150px;
    object-fit: contain;
}

.FrequentlyBought ul li::before {
    content: "+";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30%;
    font-size: 30px;
    font-weight: 600;
}

.FrequentlyBought ul li:last-child:before {
    display: none;
}

.FrequentlyBought .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.FrequentlyBought .checkBox {
    font-size: 14px;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
}

.FrequentlyBought .form-group label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #ced4da;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%),
        inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 9px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 3px;
}

.FrequentlyBought .form-group input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 8px;
    width: 6px;
    height: 10px;
    border: solid var(--primary);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.FrequentlyBought .addCartbtn {
    display: inline-block;
    border-radius: 4px;
    background: var(--primary);
    font-size: 18px;
    color: var(--white);
    font-weight: bold;
    padding: 12px 33px;
}

/*== Frequently bought End ==*/

/*== Related Products Start ==*/

.relatedProducts {
    position: relative;
    padding-top: 20px;
    margin-top: 60px;
    margin-bottom: 80px;
}

.relatedProducts::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/title_border.svg) no-repeat center;
    width: 100%;
    height: 1px;
}

.borderHide::after {
    display: none;
}

.relatedProducts h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 50px;
}

.relatedProducts .owl-theme .owl-nav {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.relatedProducts .owl-carousel .owl-nav button.owl-prev,
.relatedProducts .owl-carousel .owl-nav button.owl-next {
    font-size: 50px;
    font-weight: 100;
    line-height: 36px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    background: #cacaca26;
    color: #928e8ebf;
    border-radius: 100%;
}

.relatedProducts .owl-carousel .owl-nav button.owl-prev {
    margin-left: -10px;
}

.relatedProducts .owl-carousel .owl-nav button.owl-next {
    margin-right: -10px;
}

/*== Related Products End ==*/

/*=============== BUY PAGE + BUY PRODUCT PAGE CSS END ==================*/

/*=============== Add Cart Modal Start ==================*/
.Modal_Addcart {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    background: #00000061;
    transition: all 400ms ease-in-out;
    visibility: hidden;
}

.Modal_Addcart_details {
    width: 800px;
    height: 100%;
    background: var(--white);
    position: absolute;
    top: 0;
    right: -100%;
    transition: all 600ms ease-in-out;
    padding: 25px 35px;
    overflow-y: scroll;
}

.Modal_Addcart_details .cardImg {
    width: 75px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.Modal_Addcart_details .cardImg img {
    width: 100%;
    height: 100px;
    object-fit: contain;
}

.Modal_Addcart_details .cartView {
    border-radius: 4px;
    color: var(--primary);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 12px 33px;
    background: #fe51043b;
}

.Modal_Addcart_details .cartCheckout {
    border-radius: 4px;
    background: var(--primary);
    font-size: 18px;
    color: var(--white);
    font-weight: bold;
    padding: 12px 33px;
}

.Modal_Addcart_details .discoverBlock {
    position: relative;
    padding: 20px 0;
    margin: 30px 0 10px;
}

.Modal_Addcart_details .discoverBlock::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/title_border.svg) no-repeat center;
    width: 100%;
    height: 1px;
}

.Modal_Addcart_details .discoverBlock::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/title_border.svg) no-repeat center;
    width: 100%;
    height: 1px;
}

.Modal_Addcart_details .disProduct {
    margin-bottom: 30px;
}

.Modal_Addcart_details .disImg {
    width: 110px;
    height: 150px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Modal_Addcart_details .disImg img {
    height: 150px;
    width: 100%;
    object-fit: contain;
}

.Modal_Addcart_details .disBtn {
    font-size: 14px;
    font-weight: 600;
    background: transparent;
    border: 1px solid var(--primary);
    border-radius: 4px;
    padding: 7px 11px;
    display: inline-block;
    color: var(--black-dark);
    transition: 500ms ease-in-out;
}

.Modal_Addcart_details .disBtn:hover {
    background: var(--primary);
    color: var(--white);
}

/*=============== Add Cart Modal CSS End ==================*/

/*=============== Accesories page Start ==================*/

/*== ProducrCat Start ==*/

.accesoriesProducrCat {
    padding: 30px 0;
}

.accesoriesProducrCat ul li.active a {
    color: var(--primary);
}

.accesoriesProducrCat ul li.active a path {
    stroke: var(--primary);
}

.accesoriesProducrCat ul li a:hover {
    color: var(--primary);
}

.accesoriesProducrCat ul li a:hover path {
    stroke: var(--primary);
}

.accesoriesProducrCat ul li a:hover circle {
    stroke: var(--primary);
}

.accesoriesProducrCat .owl-carousel .owl-stage {
    display: flex;
    align-items: flex-end;
}

.accesoriesProducrCat .owl-carousel .owl-nav button.owl-prev,
.accesoriesProducrCat .owl-carousel .owl-nav button.owl-next {
    font-size: 30px;
    font-weight: 200;
    line-height: 20px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    border: 2px solid var(--primary);
    color: var(--primary);
    border-radius: 100%;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
}

.accesoriesProducrCat .owl-carousel .owl-nav button.owl-prev {
    margin-left: -10px;
}

.accesoriesProducrCat .owl-carousel .owl-nav button.owl-next {
    right: -10px;
}

/*== ProducrCat End ==*/

/*=============== Accesories page End ==================*/

/*=============== Cart page Start ==================*/

.cart_Block {
    margin-top: 25px;
}

.cart_Block .rt_box {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 20px;
}

.cart_Block .rt_box input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.cart_Block .rt_box .checkBox {
    font-size: 14px;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
}

.cart_Block .rt_box label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #ced4da;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%),
        inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 9px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 3px;
}

.cart_Block .rt_box input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 8px;
    width: 6px;
    height: 10px;
    border: solid var(--primary);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.cart_Block .rt_box .select2-container {
    width: 100% !important;
}

.cart_Block .rt_box button {
    display: block;
    border-radius: 4px;
    background: var(--primary);
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    min-height: 48px;
    text-align: center;
    margin-top: 30px;
}

.cart_Block .table thead {
    border-color: inherit;
    border-style: hidden;
    border-width: 0;
    position: relative;
    background: #f5f5f5;
}

.cart_Block .table tbody {
    border-color: inherit;
    border-style: hidden;
    border-width: 0;
}

.cart_Block .table tbody td {
    padding-top: 20px;
}

.cart_Block .cartSelectImg {
    width: 90px;
    height: 122px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.cart_Block .cartSelectImg img {
    height: 122px;
    width: 100%;
    object-fit: contain;
}

.AccesoriesproductBox {
    width: 100% !important;
    height: 345px !important;
}

.AccesoriesproductBox img {
    height: 345px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.plus-minus-input .input-group-field::-ms-inner-spin-button,
.plus-minus-input .input-group-field ::-ms-outer-spin-button {
    appearance: none;
}

.cart_Block .input-group-field {
    width: 30px;
    border: inherit;
    text-align: center;
    margin: 0 !important;
}

.cart_Block .button {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid #aaa;
}

.cart_Block .input-group {
    width: 150px;
}

/*=============== Cart page End ==================*/

/*=============== Order Confirmed Page Start ==================*/
.orderConfirmed {
    margin-top: 50px;
}

.orderConfirmed .container {
    background: linear-gradient(
        180deg,
        #fff1e4 0%,
        rgba(255, 246, 238, 0) 100%
    );
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    padding-top: 100px;
    padding-bottom: 0px;
    align-items: center;
}

.orderConfirmed button {
    display: inline-block;
    border-radius: 4px;
    background: var(--primary);
    font-size: 18px;
    color: var(--white);
    font-weight: bold;
    padding: 12px 73px;
}

/*=============== My Account Start ==================*/
.MYaccount_page {
    margin-bottom: 100px;
}

.myacNav {
    padding: 30px;
    background: #f5f5f5;
    border-radius: 8px;
    height: 100%;
}

.myacNav li span {
    margin-right: 12px;
    width: 28px;
}

.myacNav li {
    margin-bottom: 30px;
}

.myacNav li a {
    font-size: 18px;
    color: var(--black-dark);
    transition: all 300ms ease-in-out;
}

.myacNav li a:hover {
    color: var(--primary);
}

.myacNav li a.active {
    color: var(--primary);
}

.myacNav li a:hover path {
    stroke: var(--primary);
}

.myacNav li a.active path {
    stroke: var(--primary);
}

.myacTop_block {
    padding: 12px 20px;
    background: #f5f5f5;
    border-radius: 8px;
    margin-bottom: 30px;
}

.myacTop_block .invoice {
    border: inherit;
    font-weight: 600;
    color: var(--primary);
    font-size: 18px;
    background: transparent;
}

.MYaccount_page .itemBox {
    padding-left: 20px;
    position: relative;
    padding-bottom: 21px;
    margin-bottom: 20px;
}

.MYaccount_page .itemBox::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/title_border.svg) no-repeat center;
    width: 100%;
    height: 1px;
}

.MYaccount_page .border-hide::before {
    display: none;
}

.MYaccount_page .itemBox .proImg_Box {
    width: 90px;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.MYaccount_page .itemBox .proImg_Box img {
    height: 125px;
    object-fit: contain;
    width: 100%;
}

.MYaccount_page .itemBox .btn_1 {
    background: var(--primary);
    color: var(--white);
    min-width: 200px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 4px;
    padding: 9px 5px;
}

.MYaccount_page .itemBox .btn_2 {
    background: #fe51043b;
    color: var(--primary);
    margin: 15px 0;
    min-width: 200px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 4px;
    padding: 9px 5px;
}

.MYaccount_page .btn_3 {
    background: #fff;
    color: var(--primary);
    border: 1px solid var(--primary);
    min-width: 200px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 4px;
    padding: 9px 5px;
}

.MYaccount_page .table thead {
    border-color: inherit;
    border-style: hidden;
    border-width: 0;
    position: relative;
    background: #f5f5f5;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    color: var(--black-dark);
}

.MYaccount_page .table td {
    padding: 0.9rem 0.5rem;
}

.MYaccount_page .wishlist_btn path:hover {
    fill: var(--primary);
}

.MYaccount_page .wishlist_btn:focus path {
    fill: var(--primary);
}

.MYaccount_page .formAddress .form-control {
    font-size: 16px;
    height: 40px;
    border-radius: 4px;
    font-weight: 300;
}

.MYaccount_page .form-control:focus {
    border-color: var(--primary);
    box-shadow: inherit;
}

.MYaccount_page .formAddress .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.MYaccount_page .formAddress .checkBox {
    font-size: 14px;
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    position: relative;
    align-items: center;
}

.MYaccount_page .formAddress .form-group label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #ced4da;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%),
        inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 9px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 3px;
}

.MYaccount_page .formAddress .form-group input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 8px;
    width: 6px;
    height: 10px;
    border: solid var(--primary);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.MYaccount_page .doneBtn {
    border-radius: 4px;
    background: var(--primary);
    font-size: 18px;
    color: var(--white);
    font-weight: bold;
    padding: 12px 33px;
    width: 200px;
}

.MYaccount_page .boxSelectaddress {
    border: 1px solid #ced4da;
    border-radius: 8px;
    padding: 20px;
    min-height: 225px;
}

.toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0;
    cursor: pointer;
    color: var(--primary);
}

.returnModal {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    background: #00000061;
    transition: all 400ms ease-in-out;
    visibility: hidden;
}

.returnModal_details {
    width: 800px;
    height: 100%;
    background: var(--white);
    position: absolute;
    top: 0;
    right: -100%;
    transition: all 600ms ease-in-out;
    padding: 25px 35px;
    overflow-y: scroll;
}

.returnModal .cardImg {
    width: 75px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.returnModal textarea.form-control {
    resize: none;
    min-height: 120px;
    font-size: 14px;
}

.returnModal textarea.frame35 {
    min-height: 80px;
}

.returnModal .frame35Opt .select2-selection {
    border-color: #333 !important;
}

.returnModal input[type="file"].fileChoose::-ms-browse {
    border: 1px solid var(--primary);
    border-radius: 3px;
    padding: 9px 22px;
    background-color: transparent;
    transition: 1s;
    color: var(--primary);
    font-size: 14px;
}

.returnModal input[type="file"].fileChoose::-webkit-file-upload-button {
    border: 1px solid var(--primary);
    border-radius: 3px;
    padding: 9px 22px;
    background-color: transparent;
    transition: 1s;
    color: var(--primary);
    font-size: 14px;
}

.returnModal input[type="file"].fileChoose::file-selector-button {
    border: 1px solid var(--primary);
    border-radius: 3px;
    padding: 9px 22px;
    background-color: transparent;
    transition: 1s;
    color: var(--primary);
    font-size: 14px;
}

.returnModal input[type="file"].fileChoose::-ms-browse:hover {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: var(--white);
}

.returnModal input[type="file"].fileChoose::-webkit-file-upload-button:hover {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: var(--white);
}

.returnModal input[type="file"].fileChoose::file-selector-button:hover {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: var(--white);
}

.returnModal .replaceSelect {
    border: 1px solid #333;
    border-radius: 3px;
    width: 180px;
    overflow: hidden;
}

.returnModal .replaceSelect input.radio:empty {
    margin-left: -999px;
    display: none;
}

.returnModal .replaceSelect input.radio:empty ~ label {
    position: relative;
    display: flex;
    text-indent: 2.3em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    color: var(--black-dark);
    padding: 6px 0;
}

.returnModal .replaceSelect .border-rightAdd {
    border-right: 1px solid #000;
}

.returnModal .replaceSelect input.radio:empty ~ label:before {
    position: absolute;
    display: block;
    top: 6px;
    bottom: 0;
    left: 0;
    content: "";
}

.returnModal .replaceSelect input.radio:hover:not(:checked) ~ label:before {
    content: "\2714";
    text-indent: 0.8em;
    color: var(--primary);
}

.returnModal .replaceSelect input.radio:hover:not(:checked) ~ label {
    color: var(--primary);
}

.returnModal .replaceSelect input.radio:checked ~ label:before {
    content: "\2714";
    text-indent: 0.8em;
    color: var(--primary);
}

.returnModal .replaceSelect input.radio:checked ~ label {
    color: var(--primary);
    font-weight: 600;
}

.returnModal .form-control {
    height: 42px;
    font-size: 14px;
    font-weight: 300;
    border-color: #333;
    font-weight: 400;
}

.returnModal .uploadImg {
    width: 57px;
    height: 56px;
    overflow: hidden;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.fileContainer input[type="file"] {
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    cursor: pointer;
}

.returnModal .btnRq {
    background: var(--primary);
    color: var(--white);
    min-width: 200px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 4px;
    padding: 11px 5px;
}

/*=============== My Account End ==================*/

/*=============== Brand__LogoSlider End ==================*/
.Brand__LogoSlider .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 300ms ease-in-out;
    cursor: pointer;
}

.Brand__LogoSlider .owl-stage {
    display: flex;
    align-items: flex-end;
}

.Brand__LogoSlider .Apple:hover path {
    fill: black;
}

.Brand__LogoSlider .Samsung:hover path {
    fill: #034ea2;
}

.Brand__LogoSlider .Huawei:hover path {
    fill: #ce0e2d;
}

.Brand__LogoSlider .One-Plus:hover path {
    fill: #f50514;
}

.Brand__LogoSlider .Google-Pixel:hover path {
    fill: #737373;
}

.Brand__LogoSlider .Motorola:hover path {
    fill: black;
}

.Brand__LogoSlider .Nokia:hover path {
    fill: #1c4598;
}

.Brand__LogoSlider .Sony:hover path {
    fill: black;
}

.Brand__LogoSlider .owl-carousel .owl-nav button.owl-prev,
.Brand__LogoSlider .owl-carousel .owl-nav button.owl-next {
    font-size: 30px;
    font-weight: 200;
    line-height: 20px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    border: 2px solid var(--primary);
    color: var(--primary);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.Brand__LogoSlider .owl-carousel .owl-nav button.owl-prev {
    margin-left: -10px;
}

.Brand__LogoSlider .owl-carousel .owl-nav button.owl-next {
    right: -10px;
}

.Brand__LogoSlider .box:hover h2 {
    font-weight: 600;
}

/*=============== Brand__LogoSlider End ==================*/

/*=============== Unlock Page Start ==================*/
.unlockPage .boxDesc {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 30px;
}

.unlockPage .nav-tabs {
    border: inherit;
}

.unlockPage .nav-tabs .nav-link {
    background: transparent;
    border-color: transparent;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: var(--black-dark);
    padding: 0;
    margin-bottom: 30px;
}

.unlockPage .nav-tabs .nav-item:last-child .nav-link {
    margin-bottom: 0;
}

.unlockPage .nav-tabs .nav-link.active {
    color: var(--primary);
}

.unlockPage .nav-tabs .nav-link.active path {
    stroke: var(--primary);
}

.unlockPage .nav-tabs .nav-link:hover path {
    stroke: var(--primary);
}

.unlockPage .nav-tabs .nav-link:hover {
    color: var(--primary);
}

.unlockPage .boxDevice {
    display: flex;
    align-items: center;
    border: 1px solid #c3c1c1;
    border-radius: 12px;
    padding: 20px 25px;
    transition: all 300ms ease-in-out;
    cursor: pointer;
    margin-bottom: 20px;
}

.unlockPage .boxDevice:hover {
    border-color: var(--primary);
}

.unlockPage .boxDevice .imgBlock {
    width: 55px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right: 30px;
}

.unlockPage .boxDevice .imgBlock img {
    height: 75px;
    width: 100%;
    object-fit: contain;
}

.unlockPage .boxDevice h2 {
    font-size: 18px;
    font-weight: 400;
}

.unlockPage .active {
    border-color: var(--primary);
}

.unlockPage .boxDevice.active h2 {
    font-weight: 600;
}

.unlockPage .boxDesc input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.unlockPage .boxDesc .checkBox {
    font-size: 14px;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
}

.unlockPage .boxDesc label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #ced4da;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%),
        inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 9px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 3px;
}

.unlockPage .boxDesc input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 8px;
    width: 6px;
    height: 10px;
    border: solid var(--primary);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.unlockPage .ProceedTo {
    border-radius: 4px;
    background: var(--primary);
    font-size: 18px;
    color: var(--white);
    font-weight: bold;
    padding: 12px 5px;
    width: 100%;
    text-align: center;
}

.unlockPage .setIcon {
    border: 1px solid #ced4da;
    width: 55px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-bottom: 6px;
    cursor: pointer;
    transition: 400ms all ease-in-out;
}

.unlockPage .setIcon.active {
    border-color: var(--primary);
}

.unlockPage .setIcon:hover {
    border-color: var(--primary);
}

.unlockPage .form-control {
    height: 44px;
    font-size: 14px;
    font-weight: 300;
}

.unlockPage .form-control:focus {
    box-shadow: inherit;
    border-color: var(--primary);
}

.unlockPage .smallInput {
    width: 44px;
    background: #f5f5f5;
}

.unlockPage textarea {
    resize: none;
    min-height: 149px;
}

.unlockPage .table thead {
    border-color: inherit;
    border-style: hidden;
    border-width: 0;
    position: relative;
    background: #f5f5f5;
    padding: 0 30px;
}

.unlockPage .table tbody {
    border-color: inherit;
    border-style: hidden;
    border-width: 0;
}

.unlockPage .table tbody td {
    padding: 20px 8px;
}

/*=============== Unlock Page End ==================*/

/*=============== Deals page Start ==================*/
.dealsPage .offerSec .desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50px;
}

.dealsPage .offerSec .desc h2 {
    font-size: 64px;
    font-weight: 700;
}

.dealsPage .productBox {
    margin-bottom: 0px;
}

.dealsPage .discountBox {
    position: absolute;
    top: 3%;
    left: 3%;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    overflow: hidden;
    text-align: center;
    background: linear-gradient(136.09deg, #ff8c46 17.73%, #f85d5f 89.71%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.dealsPage .discountBox h2 {
    font-size: 14px;
    color: var(--white);
    font-weight: 600;
    line-height: 16px;
}

/*=============== Deals page End ==================*/

/*=============== Repair-statusPage Start ==================*/
.repair-statusPage {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 30px;
}

.repair-statusPage .rtBox {
    border: 1px solid #858585;
    width: 400px;
    border-radius: 8px;
    background: #dddddd;
    overflow: hidden;
}

.repair-statusPage .rtBox p {
    border-bottom: 1px solid #858585;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 12px;
}

.repair-statusPage .rtBox p span {
    background: var(--white);
    width: 110px;
    padding: 8px 12px;
    font-weight: 600;
    min-height: 38px;
}

.repair-statusPage .table-responsive {
    border: 1px solid #858585;
    border-radius: 8px;
}

.repair-statusPage .table {
    margin-bottom: 0;
}

.repair-statusPage .table thead {
    position: relative;
    font-size: 16px;
    font-weight: 600;
}

.repair-statusPage .table tbody {
    border-color: #858585;
    border-style: solid;
    border: inherit;
    border-bottom: transparent;
    font-size: 16px;
}

.repair-statusPage .table tbody .prog {
    background: #1ca0f2;
    border-radius: 4px;
    color: var(--white);
    text-transform: uppercase;
    padding: 5px 9px;
    font-weight: bold;
}

.repair-statusPage .table thead td {
    padding-left: 20px;
    padding-right: 20px;
}

.repair-statusPage .table tbody td {
    padding: 20px;
}

/*=============== Repair-statusPage End ==================*/

/*=============== Track My Order Page Start ==================*/
.trackMyOrder .orderDits {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 13px 20px;
}

.trackMyOrder .invoice {
    border: inherit;
    font-weight: 600;
    color: var(--primary);
    font-size: 18px;
    background: transparent;
}

.trackMyOrder .imgDit {
    width: 122px;
    height: 122px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trackMyOrder .imgDit img {
    width: 100%;
    height: 122px;
    object-fit: contain;
}

.trackMyOrder .progressBarItem {
    margin-right: 70px;
}

.trackMyOrder .progressBarItem span {
    border-radius: 100%;
    width: 24px;
    height: 24px;
    border: 1px solid var(--primary);
    position: relative;
    z-index: 1;
    background: var(--white);
}

.trackMyOrder .progressBarItem span::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -160px;
    transform: translateY(-50%);
    width: 150px;
    height: 1px;
    border-top: 1px dotted var(--primary);
    z-index: -1;
}

.trackMyOrder .progressBarItem span::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 8px;
    width: 6px;
    height: 10px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.trackMyOrder .progressBarItem.barHide span::before {
    display: none;
}

.trackMyOrder .progressBarItem.active span {
    background: var(--primary);
}

.trackMyOrder .progressBarItem.active span::before {
    border-top: 1px solid var(--primary);
}

.trackMyOrder .progressBarItem.active h2 {
    font-weight: 600;
}

.trackMyOrder .progressBarItem.active h3 {
    font-weight: 600;
}

/*=============== Track My Order Page End ==================*/

/* ====================== login-modal- css start =============== */
.loginModal .modal-dialog-centered {
    max-width: 755px;
    border-radius: 8px;
}

.loginModal .form-control {
    min-height: 44px;
    outline: none;
    border: 1px solid #adadad;
    border-radius: 4px;
}

.loginModal .form-control:focus {
    box-shadow: inherit;
    border-color: var(--primary);
}

.loginModal .btnLogin {
    display: inline-block;
    border-radius: 4px;
    background: var(--primary);
    font-size: 18px;
    color: var(--white);
    font-weight: bold;
    padding: 12px 40px;
}

.loginModal .login-google-btn {
    display: flex;
    align-items: center;
    border-radius: 4px;
    background: var(--primary);
    font-size: 18px;
    color: var(--white);
    font-weight: 600;
    padding: 9px 20px;
    width: 100%;
    justify-content: center;
    margin-top: 30px;
}

.loginModal .fbbg {
    background: #1877f2;
    margin-top: 60px;
}

.loginModal .adLeft_border {
    position: relative;
    margin-left: 45px;
    padding-left: 45px;
}

.loginModal .adLeft_border::before {
    content: "";
    position: absolute;
    left: 0;
    top: 25%;
    border-left: 1px solid #e5e2e2;
    height: 120px;
    width: 1px;
}

.loginModal .adLeft_border::after {
    content: "OR";
    position: absolute;
    left: -18px;
    top: 49%;
    border: 1px solid #e5e2e2;
    height: 36px;
    width: 36px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
}

.registerModal .modal-dialog-centered {
    max-width: 680px;
}

.loginModal .footerBtn {
    position: relative;
    margin-top: 50px;
    padding-top: 50px;
}

.loginModal .footerBtn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    border-top: 1px solid #e5e2e2;
    height: 1px;
    width: 90%;
    margin: 0 auto;
}

.loginModal .footerBtn::after {
    content: "OR";
    position: absolute;
    left: 0;
    right: 0;
    top: -20%;
    border: 1px solid #e5e2e2;
    height: 36px;
    width: 36px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    margin: 0 auto;
}

.forgotPasswordModal .modal-dialog-centered {
    max-width: 430px;
}

/* ====================== login-modal- css End =============== */

/* ====================== About Page Home css Start =============== */
.aboutHomePage {
    margin: 120px 0;
}

.aboutHomePage h2 {
    font-size: 64px;
}

.process-we-follow h1 {
    font-size: 64px;
    font-weight: 700;
    padding-bottom: 12px;
}

.process-we-follow h5 {
    font-size: 16px;
    font-weight: 600;
    padding-top: 24px;
    padding-bottom: 8px;
}

.process-we-follow p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    opacity: 0.5;
}

.we-promise h1 {
    font-size: 64px;
    font-weight: 700;
}

.we-promise button {
    background: var(--primary);
    padding: 10px 24px;
    font-weight: 700;
    font-size: 18px;
    color: var(--white);
    border-radius: 4px;
    margin-top: 52px;
}

.Our-most-recent-reviews {
    background: linear-gradient(115.34deg, #4b4b4b 24.18%, #000000 97.87%);
    padding-bottom: 140px;
    padding-top: 120px;
}

.Our-most-recent-reviews .reviews-box {
    background: var(--black);
    border-radius: 16px;
    margin-top: 76px;
}

.Our-most-recent-reviews .reviews-box h5 {
    color: #999897;
}

.Our-most-recent-reviews .reviews-popfile {
    width: 64px;
    height: 64px;
    overflow: hidden;
    flex-shrink: 0;
}

.Our-most-recent-reviews .reviews-popfile img {
    width: 100%;
    object-fit: contain;
    height: 64px;
}

.why-mrfix-section {
    background: #ededed;
    padding: 100px 0 100px 0;
    margin-top: 150px;
}

.why-mrfix-section .service-icon {
    width: 48px;
    text-align: center;
}

.pick-service-location iframe {
    border-radius: 16px;
}

.pick-service-location .textalighnSet {
    min-height: 250px;
}

.pick-service-location .titelTxt {
    position: relative;
    padding-left: 40px;
}

.pick-service-location .titelTxt::before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: var(--primary);
    position: absolute;
    top: 9px;
    left: 0;
}

/* ======================  About Page Home css End =============== */

/* ==================== frame-35 start ===================== */
.current-openings button {
    padding: 8px 30px;
    color: var(--primary);
    border: 1px solid #fe5104;
    border-radius: 4px;
    background: none;
    font-weight: 400;
    font-size: 14px;
}

/* ==================== frame-35 end ===================== */

/* ==================== frame-34 start ===================== */
.our-brance {
    background: linear-gradient(115.34deg, #4b4b4b 24.18%, #000000 97.87%);
}

.our-brance button {
    padding: 8px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: var(--primary);
    background: none;
    border-radius: 4px;
    border: 1px solid var(--primary);
    margin-top: 50px;
    transition: all 300ms ease-in-out;
}

.our-brance button:hover {
    background: var(--primary);
    color: var(--white);
}

/* ==================== frame-34 end ===================== */

/* ==================== Frame-41 Start ===================== */
.brandsAdds .box {
    background: linear-gradient(
        106.13deg,
        rgba(30, 92, 221, 0.4) 10.11%,
        rgba(205, 191, 216, 0.43595) 51.45%
    );
    border-radius: 16px;
    padding: 30px;
    width: 510px;
}

.brandsAdds .bgAdd2 {
    background: linear-gradient(134.56deg, #fec258 14.71%, #f2c1ae 74.81%);
}

.brandsAdds .bgAdd3 {
    background: linear-gradient(123.64deg, #d5f0ff 14.46%, #e5ffe4 84.45%);
}

.brandsAdds .box button {
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
    border-radius: 4px;
    background: var(--primary);
    padding: 8px 20px;
}

.brandsAdds .imgbox {
    flex-shrink: 0;
}

.fastShipping {
    background: #ededed;
    border-radius: 20px;
    padding: 45px;
}

.sellAllBrands {
    background: linear-gradient(
        110.71deg,
        rgba(30, 92, 221, 0.4) -10.78%,
        rgba(205, 191, 216, 0.43595) 50.74%
    );
    padding: 70px 0;
}

.aboutMrfix_About {
    background: linear-gradient(242.59deg, #4b4b4b 33.84%, #000000 70.02%);
    padding: 80px 0;
}

.aboutMrfix_About button {
    font-size: 14px;
    color: var(--primary);
    border: 1px solid var(--primary);
    border-radius: 4px;
    padding: 7px 17px;
    background: transparent;
}

.aboutMrfix_About .box {
    background: var(--black);
    padding: 24px;
    border-radius: 16px;
    min-width: 30%;
}

/* ==================== Frame-41 End ===================== */

/*=============== Responsive Start ==================*/

@media (max-width: 767px) {
    .brand .box {
        margin-bottom: 0px !important;
        padding: 10px !important;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    .brand .box:hover path {
        fill: black;
    }

    /* .brand .box:nth-of-type(odd)::before {
        border-right: 1px solid #000;
        background: url(../images/brand_border.svg) no-repeat center !important; 
    }

    .brand .box:nth-of-type(odd)::after {
        background: url(../images/brand_border2.svg) no-repeat center !important;
    }
    .brand .box:nth-of-type(even):hover path {
        fill: black;
    }

    .brand .box:nth-of-type(even)::before {
        background: url(../images/brand_border.svg) no-repeat center !important;
    }

    .brand .box:nth-of-type(even)::after {
        background: url(../images/brand_border2.svg) no-repeat center !important;
    }*/
}

@media (max-width: 1768px) {
}

@media (max-width: 1680px) {
}

@media (max-width: 1600px) {
    .BoxPrice {
        width: 47%;
    }

    .container {
        max-width: 100%;
    }

    .header .form-control {
        min-width: 100%;
        max-width: 100%;
    }

    .sellBanner .desc {
        width: 55%;
    }

    .brandsAdds .box {
        width: 33%;
    }

    .brandsAdds .imgbox {
        flex-shrink: 1;
    }
}

@media (max-width: 1440px) {
    .buyBanner .desc img {
        width: 35%;
    }

    .yourSelectProduct .boxAddcart h2 {
        font-size: 50px;
    }
}

@media (max-width: 1366px) {
    .selectService .iti__country-list {
        width: 250px;
    }

    .selectService .selectTimeBtn {
        font-size: 13px;
    }
}

@media (max-width: 1280px) {
    .trackMyOrder .itemDitsBar {
        justify-content: center !important;
        margin: 70px 0 !important;
    }

    .trackMyOrder .rtSideBar {
        margin-top: 50px;
    }
}

@media (max-width: 1200px) {
    .container {
        padding: 0 8px;
    }

    .header {
        display: none;
    }

    .dsk-botm-hdr {
        display: none;
    }

    .mobi-hdr {
        display: block;
    }

    .logo-mobi {
        width: 70px;
    }

    .mobi-hdr .form-control {
        background: #353535;
        border: 1px solid var(--primary);
        border-radius: 3px;
        font-size: 13px;
        color: #fff;
        font-weight: 300;
        min-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .form-control:focus {
        box-shadow: inherit;
    }

    .mobi-hdr .form-control::-webkit-input-placeholder {
        color: #ffffff8a;
    }

    .mobi-hdr .form-control:-ms-input-placeholder {
        color: #ffffff8a;
    }

    .mobi-hdr .form-control::placeholder {
        color: #ffffff8a;
    }

    .menuSideBar {
        width: 100%;
        height: 100%;
        position: fixed;
        right: -100%;
        top: 48px;
        opacity: 1;
        z-index: 9999;
        background: rgba(0, 0, 0, 0.97);
        backdrop-filter: blur(4px);
        -moz-backdrop-filter: blur(4px);
        padding: 10px;
        transition: all 300ms ease-in-out;
    }

    .menuSideBar .mobiCart {
        position: relative;
    }

    .menuSideBar .cartItem {
        position: absolute;
        top: 0;
        right: -7px;
        border-radius: 100%;
        background: var(--primary);
        width: 16px;
        height: 16px;
        color: var(--white);
        font-size: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
    }

    .mobi_navigation ul li {
        margin-bottom: 20px;
    }

    .mobi_navigation ul li:last-child {
        margin-bottom: 0px;
    }

    .mobi_navigation ul li a {
        color: var(--white);
        font-size: 15px;
        font-weight: 400;
        padding-left: 8px;
        position: relative;
    }

    .mobi_navigation ul li a.active::after {
        content: "";
        position: absolute;
        left: -10px;
        top: 50%;
        transform: translateY(-50%);
        background: var(--primary);
        border-radius: 100%;
        width: 6px;
        height: 6px;
    }

    .banner {
        margin-top: 15px;
    }

    .banner .container {
        padding: 0;
    }

    .banner .desc {
        flex-wrap: wrap;
        padding: 0;
    }

    .banner h1 {
        font-size: 40px;
        line-height: 60px;
        padding-top: 20px;
    }

    .banner .text {
        width: 100%;
        padding: 0 15px;
    }

    .banner a {
        margin-top: 25px;
        font-size: 14px;
        padding: 10px 30px;
    }

    .openDetilsBlock {
        width: 100%;
        overflow-y: auto;
    }

    .walkModal {
        overflow-y: auto;
    }

    .about .imgPosition {
        bottom: 0px;
    }

    .productBox h5 {
        font-size: 30px;
    }

    .yourSelectProduct .boxAddcart h2 {
        font-size: 40px;
    }

    .yourSelectProduct .boxAddcart img {
        width: 75%;
        float: right;
    }

    .yourSelectProduct .tab-content .Warranty-h2 {
        font-size: 25px;
    }

    .yourSelectProduct .tab-content p {
        font-size: 15px;
    }

    .yourSelectProduct .tab-content .Warranty-ul li {
        font-size: 13px;
        font-weight: normal;
        margin-bottom: 8px;
        list-style: auto;
        font-style: italic;
        color: #000;
    }

    .yourSelectProduct .tab-content h3 {
        font-size: 15px;
    }

    .yourSelectProduct .tab-content h3 span {
        font-size: 15px;
    }

    .yourSelectProduct .tab-content p {
        font-size: 13px;
        line-height: 20px;
        margin: 0 !important;
    }

    .FrequentlyBought h2 {
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 40px;
    }

    .productBox h4 {
        font-size: 18px;
        font-weight: 600;
        margin: 8px 0;
    }

    .cart_Block h2 {
        font-size: 20px;
    }

    .rt_box h2 {
        font-size: 15px;
    }

    .rt_box h3 {
        font-size: 20px;
    }

    .our-brance ul li {
        width: 14%;
    }

    .our-brance ul li h5 {
        font-size: 12px;
        margin: 10px 0 !important;
    }

    .our-brance ul li h6 {
        font-size: 14px;
    }

    .welcome-to-mrfix p {
        font-size: 15px;
        text-align: justify;
        line-height: 25px;
    }
}

@media (max-width: 1024px) {
    .mobileMenuHdr {
        display: block;
    }

    #mobileMenuHdr {
        display: block;
    }

    .before-login-header .mobiUL {
        display: none !important;
    }

    .m-versionMenu {
        display: block;
        position: fixed;
        right: -100%;
        top: 0;
        width: 400px;
        height: 100%;
        background: var(--black);
        padding: 20px 30px;
        transition: all 500ms ease-in-out;
    }

    .m-versionMenu .form-control {
        background: #353535;
        border: 1px solid #585858;
        border-radius: 4px;
        font-size: 14px;
        color: #ffffff8a;
        font-weight: 300;
        height: 36px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .m-versionMenu .form-control:focus {
        border-color: var(--primary);
        box-shadow: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .m-versionMenu ul li a {
        color: var(--white);
        font-size: 15px;
        font-weight: 500;
        position: relative;
        margin-bottom: 20px;
        display: block;
    }

    .about {
        padding: 50px 0;
        position: relative;
    }

    .about .imgPosition {
        position: inherit;
        left: 0;
        margin-right: 15px;
    }

    .about .col-lg-7 {
        align-items: center;
        justify-content: space-between;
    }

    .Get-in-Touch {
        padding: 50px 0;
    }

    .Get-in-Touch .contactInfo {
        border: inherit;
        width: 50%;
    }

    .titleBlock h4 {
        font-size: 30px;
    }

    .accesoriesProducrCat li {
        margin-right: 70px;
        margin-bottom: 30px;
    }

    .productBox h4 {
        font-size: 18px;
    }

    .yourSelectProduct .lt-Side h2 {
        font-size: 27px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .yourSelectProduct .boxAddcart h2 {
        font-size: 30px;
    }

    .yourSelectProduct .boxAddcart h3 {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .yourSelectProduct .boxAddcart h4 {
        font-size: 12px;
    }

    .yourSelectProduct .boxAddcart img {
        width: 70%;
        float: right;
        margin: 0 -10px 0 0;
    }

    .yourSelectProduct a {
        font-size: 12px;
    }

    .yourSelectProduct .nav-tabs .nav-link {
        font-size: 15px;
        padding: 7px 15px;
    }

    .yourSelectProduct .tab-content p {
        font-size: 12px;
        line-height: 20px;
        margin: 9px 0 !important;
    }

    .yourSelectProduct .tab-content h3 span {
        font-size: 12px;
    }

    .yourSelectProduct .tab-content h2 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 20px;
        color: #a4a4a4c4;
    }

    .yourSelectProduct .tab-content .reviewBtn {
        padding: 10px 50px;
    }

    .yourSelectProduct .tab-content .Warranty-h2 {
        font-size: 20px;
    }

    ul.d-flex li span svg {
        width: 20px;
    }

    .discoverBlock h2 {
        font-size: 20px;
    }

    .FrequentlyBought h2 {
        font-size: 25px;
    }

    .FrequentlyBought .addCartbtn {
        font-size: 15px;
        color: var(--white);
        font-weight: bold;
        padding: 8px 25px;
    }

    .productBox h4 {
        font-size: 15px;
    }

    .productBox h3 {
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 auto;
        font-size: 15px;
    }

    .yourSelectProduct .cartBtn {
        font-weight: bold;
        font-size: 15px;
    }

    .yourSelectProduct .wiseListBtn {
        font-weight: bold;
        font-size: 15px;
    }

    .relatedProducts h2 {
        font-size: 25px;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .sellBanner {
        padding: 10px 0 30px;
    }

    .sellBanner h2 {
        font-size: 45px;
        font-weight: bold;
        line-height: 65px;
        margin-bottom: 20px;
    }

    .sellBanner .secBtn {
        border-radius: 4px;
        background: var(--primary);
        font-size: 15px;
        color: var(--white);
        font-weight: bold;
        padding: 10px 30px;
        margin-top: 20px;
    }

    .brandMobile .box {
        border-radius: 20px;
        padding: 5px 10px;
    }

    .brandMobile .ImgBlock {
        width: 220px;
        height: 200px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .brandMobile .box h3 {
        font-size: 15px;
    }

    .select_Brand_Phone .box button {
        background: transparent;
        border: 1px solid #c5c5c585;
        font-size: 11px;
        border-radius: 4px;
        padding: 10px;
        transition: all 300ms ease-in-out;
        margin: 0;
    }

    .titleBlock h4 {
        font-size: 25px;
    }

    .mobileCondition_block .topBlock h2 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .productCategory .form-control {
        min-width: 180px;
        min-height: 35px;
    }

    .unlockPage .nav-tabs .nav-link {
        font-size: 15px;
    }

    .unlockPage .boxDevice h2 {
        font-size: 15px;
    }

    .unlockPage .boxDesc {
        background: #f5f5f5;
        border-radius: 8px;
        padding: 10px;
    }

    #RefundStatus h4 {
        font-size: 14px;
    }

    .unlockPage .table tbody td {
        padding: 20px 8px;
        font-size: 12px;
    }

    .AccesoriesproductBox {
        width: 100% !important;
        height: 260px !important;
    }

    .AccesoriesproductBox img {
        height: 260px !important;
    }

    .dealsPage .productBox {
        margin-bottom: 50px;
    }

    .MYaccount_page h3 {
        font-size: 15px;
    }

    .myacTop_block .invoice {
        font-size: 15px;
    }

    .MYaccount_page .itemBox .btn_1 {
        font-size: 13px;
        font-weight: bold;
        border-radius: 4px;
        padding: 8px 5px;
    }

    .MYaccount_page .itemBox .btn_2 {
        font-size: 13px;
        font-weight: bold;
        border-radius: 4px;
        padding: 8px 5px;
    }

    .MYaccount_page .itemBox .btn_3 {
        font-size: 13px;
        font-weight: bold;
        border-radius: 4px;
        padding: 8px 5px;
    }

    .MYaccount_page .formAddress .form-control {
        font-size: 13px;
    }

    .boxSelectaddress h2 {
        font-size: 13px;
    }

    .boxSelectaddress p {
        font-size: 12px;
        line-height: 25px;
    }

    .cart_Block .table tbody td h2 {
        font-size: 14px;
    }

    .cart_Block .table tbody td {
        padding-top: 20px;
        font-size: 12px;
    }

    .aboutHomePage h2 {
        font-size: 50px;
    }

    .about-mrfix p {
        font-size: 15px;
        line-height: 25px;
        text-align: justify;
    }

    .sellBanner h2 {
        font-size: 40px;
    }

    .our-brance ul li h5 {
        font-size: 11px;
        margin: 9px 0 !important;
    }

    .welcome-to-mrfix h3 {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .bookingService h6 {
        margin-bottom: 20px;
    }

    .WhyChoose {
        padding: 30px 0 0;
    }

    .WhyChoose .addBottommBorder {
        flex-wrap: wrap;
    }

    .WhyChoose .addBottommBorder::before {
        display: none;
    }

    .WhyChoose .boxColum {
        width: 100%;
        padding: 0;
        margin-left: 0;
        margin-bottom: 50px;
    }

    .WhyChoose .addRightBorder::after {
        display: none;
    }

    .WhyChoose .m-view_brek {
        flex-wrap: wrap;
    }

    .accesoriesProducrCat li {
        margin-right: 50px;
        margin-bottom: 30px;
        margin-left: 30px;
    }

    .productBox h3 {
        white-space: nowrap;
        width: 90%;
        font-size: 15px;
    }

    .productBox h4 {
        font-size: 18px;
    }

    .productBox .det {
        font-size: 13px;
    }

    .productBox {
        margin-bottom: 40px;
        overflow: hidden;
    }

    .yourSelectProduct .lt-Side h2 {
        font-size: 20px;
    }

    .yourSelectProduct .lt-Side .netWorkSelect button span {
        border: 1px solid #ced4da;
        width: 40px;
    }

    .yourSelectProduct .tab-content p {
        font-size: 12px;
        line-height: 20px;
        margin: 2px 0 !important;
    }

    .yourSelectProduct .Review {
        font-weight: bold;
        font-size: 15px;
        padding: 10px 25px;
        line-height: 20px;
    }

    .yourSelectProduct .AllReviews {
        font-weight: bold;
        font-size: 15px;
        padding: 10px 25px;
        line-height: 20px;
    }

    .boxReivew h4 {
        font-size: 15px;
    }

    .boxReivew h4 span {
        font-size: 13px;
    }

    .Modal_Addcart_details .cartCheckout {
        font-weight: bold;
        font-size: 15px;
        padding: 10px 25px;
        line-height: 20px;
    }

    .Modal_Addcart_details .cartView {
        font-weight: bold;
        font-size: 15px;
        padding: 10px 25px;
        line-height: 20px;
    }

    .select_Brand_Phone .box {
        margin-top: 50px;
    }

    .productCategory .form-control {
        min-width: 150px;
    }

    .productBox h4 {
        font-size: 14px;
    }

    .unlockPage .boxDevice .imgBlock {
        margin-right: 15px;
    }

    .unlockPage .boxDevice h2 {
        font-size: 13px;
    }

    .sellBanner .desc {
        width: 55%;
        left: 50px;
    }

    .MYaccount_page .btn_3 {
        background: #fff;
        color: var(--primary);
        border: 1px solid var(--primary);
        min-width: 150px;
        font-size: 14px;
        font-weight: bold;
        border-radius: 4px;
        padding: 8px 5px;
    }

    .cart_Block .table tbody td {
        text-align: left;
    }

    .Modal_Addcart_details {
        width: 100% !important;
    }

    .returnModal_details {
        width: 100% !important;
    }

    .we-promise h1 {
        font-size: 55px;
        font-weight: 700;
    }

    .we-promise h2 {
        font-size: 18px;
    }

    .pick-service-location ul li {
        font-size: 14px;
    }

    .pick-service-location .titelTxt {
        position: relative;
        padding-left: 40px;
        font-size: 18px;
    }
}

@media (max-width: 801px) {
    .banner h1 {
        font-size: 30px;
        line-height: 40px;
        padding-top: 20px;
    }

    .banner .text {
        width: 100%;
        text-align: center;
    }

    /* .brand .box::after {
    display: none;
  }

  .brand .box::before {
    display: none;
  } */

    .selectPhone {
        margin-top: 30px;
    }

    .titleBlock h4 {
        font-size: 22px;
    }

    .mobileShowBlock {
        margin-top: 30px;
    }

    .mobileShowBlock .box {
        width: 33%;
    }

    .underTab .nav-item {
        width: 33%;
    }

    .underTab .nav-link {
        width: 100%;
        margin-right: 0 !important;
    }

    .selectService .select2-container .select2-selection--single {
        margin-bottom: 20px;
    }

    .accesoriesProducrCat li {
        margin-right: 10px;
        margin-bottom: 25px;
        margin-left: 30px;
    }

    .titleBlock h4 {
        font-size: 25px;
    }

    .AccesoriesproductBox {
        width: 100% !important;
        height: 220px !important;
    }

    .productBox h4 {
        font-size: 15px;
    }

    .bigImgPro {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 300px;
        height: 420px;
        overflow: hidden;
        margin: 0 0 30px;
    }

    .xzoom-thumbs .smallImgBottom {
        width: 60px;
        height: 70px;
        cursor: pointer;
    }

    .yourSelectProduct .lt-Side button {
        background: transparent;
        border: 1px solid #c5c5c5;
        font-size: 14px;
        border-radius: 4px;
        min-width: 30px;
    }

    .yourSelectProduct .lt-Side .netWorkSelect button {
        font-size: 9px;
    }

    .yourSelectProduct .boxAddcart img {
        width: 70%;
        float: right;
        margin: 0 -15px 0 0;
    }

    .FrequentlyBought h2 {
        font-size: 20px;
    }

    .yourSelectProduct .boxAddcart h2 {
        font-size: 25px;
    }

    .sellBanner h2 {
        font-size: 29px;
        font-weight: bold;
        line-height: 45px;
        margin-bottom: 10px;
    }

    .sellBanner span {
        display: block;
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
    }

    .brandMobile .box {
        border-radius: 20px;
        padding: 5px 10px;
        overflow: hidden;
    }

    .brandMobile .ImgBlock {
        width: 180px;
        height: 160px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .select_Brand_Phone .box button {
        background: transparent;
        border: 1px solid #c5c5c585;
        font-size: 10px;
        border-radius: 4px;
        padding: 5px;
    }

    .select_Brand_Phone .box h2 {
        font-size: 14px;
    }

    .titleBlock h4 {
        font-size: 20px;
    }

    .addBorderLeft h5 {
        font-size: 15px;
    }

    .titleBlock button {
        background: transparent;
        font-size: 13px;
    }

    .titleBlock h3 {
        font-size: 20px;
    }

    .selectService .form-control {
        font-size: 13px;
        line-height: 15px;
        border: 1px solid #ced4da6b;
        padding: 5px;
    }

    .selectService label {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .selectService
        .select2-container
        .select2-selection--single
        .select2-selection__rendered {
        font-size: 13px;
        line-height: 15px;
        border: none;
        padding: 5px;
        width: 100%;
        outline: none;
    }

    .selectService .checkBox {
        font-size: 10px;
    }

    .productCategory {
        background: #f5f5f5;
        padding: 10px;
    }

    .unlockPage .boxDevice {
        padding: 0 10px;
    }

    #RefundStatus h4 {
        font-size: 12px;
    }

    .unlockPage .boxDesc h2 {
        font-size: 16px;
    }

    .unlockPage .boxDesc h3 {
        font-size: 25px;
    }

    .unlockPage .boxDesc .checkBox {
        font-size: 9px;
    }

    .unlockPage .ProceedTo {
        font-size: 11px;
        font-weight: bold;
        padding: 8px 5px;
    }

    .boxDesc p {
        font-size: 10px;
    }

    .dealsPage .offerSec .desc h2 {
        font-size: 35px;
        font-weight: 700;
    }

    .dealsPage .offerSec .desc h3 {
        font-size: 25px;
        font-weight: 700;
    }

    .repair-statusPage .table tbody td {
        padding: 5px;
        font-size: 10px;
    }

    .repair-statusPage .table thead td {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
    }

    .trackMyOrder p {
        font-size: 15px;
        line-height: 25px;
        text-align: justify;
    }

    .trackMyOrder h2 {
        font-size: 15px;
    }

    .myacNav li span {
        margin-right: 12px;
        width: 20px;
    }

    .myacNav li span svg {
        width: 15px;
    }

    .myacNav li a {
        font-size: 11px;
        color: var(--black-dark);
        transition: all 300ms ease-in-out;
    }

    .MYaccount_page h4 {
        font-size: 12px;
    }

    .proDetils button {
        font-size: 11px;
    }

    .returnModal_details {
        width: 750px;
    }

    .MYaccount_page .formAddress label {
        font-size: 11px;
    }

    .cart_Block .table tbody td h2 {
        font-size: 12px;
    }

    .Modal_Addcart_details {
        width: 100% !important;
    }

    .returnModal_details {
        width: 100% !important;
    }

    .process-we-follow h1 {
        font-size: 50px;
    }

    .welcome-to-mrfix h3 {
        font-size: 15px;
    }

    .welcome-to-mrfix h1 {
        font-size: 33px;
    }

    .laptopImg .img_box img {
        width: 80%;
        height: 185px;
        object-fit: contain;
    }

    .fastShipping h2 {
        font-size: 15px;
    }

    .fastShipping p {
        font-size: 13px;
    }

    .brandsAdds .box {
        width: 100%;
    }

    .aboutMrfix_About .box {
        margin-top: 15px;
    }

    .sellBanner .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 300px;
    }

    .sellAllBrands ul li {
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .MYaccount_page h2 {
        font-size: 13px;
    }

    .MYaccount_page th {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .we-promise button {
        margin: 30px 0;
    }
    .repair .box {
        width: 100%;
    }
    /* boxes for small screen start */
    .brand .box:nth-child(1n):hover path {
        fill: black;
    }

    .brand .box:nth-child(1n):before {
        /* content: "";
  position: absolute;
  right: 0;
  bottom: 0; */
        background: url(../images/brand_border.svg) no-repeat center !important;
        /* width: 1px;
  height: 100%; */
    }

    .brand .box:nth-child(1n)::after {
        content: "";
        position: absolute;
        right: 0%;
        bottom: 0%;
        background: url(../images/brand_border2.svg) no-repeat center !important;
        width: 100%;
        height: 1px;
    }

    /*boxes for small screen end*/

    .brand .container {
        justify-content: space-evenly;
    }

    .brand .box {
        width: 50%;
        padding: 0 40px 20px 0;
        min-height: 120px;
        margin-bottom: 10px;
    }

    .servicePrice h6 {
        font-size: 40px;
    }

    .selectService .mobi_topCat {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .selectService .mobileBrekUi {
        margin-top: 15px;
        flex-direction: column;
        align-items: flex-start !important;
        margin-left: 0 !important;
    }

    .selectService .mobileBrekUi .addBorderLeft {
        padding-left: 0 !important;
        margin-left: 0 !important;
        margin-top: 15px;
    }

    .selectService .mobileBrekUi .addBorderLeft::before {
        display: none;
    }

    .accesoriesProducrCat li {
        margin-right: 5px;
        margin-bottom: 25px;
        margin-left: 20px;
    }

    .AccesoriesproductBox img {
        height: 210px !important;
    }

    .buyBanner {
        margin-top: 5px;
    }

    .buyBanner .desc img {
        width: 30%;
    }

    .buyBanner .desc .txtBlock {
        margin-left: 10px;
    }

    .buyBanner .desc h2 {
        font-size: 20px;
        line-height: 35px;
    }

    .buyBanner .form-control {
        width: 250px;
        min-height: 32px;
        font-size: 14px;
        padding-left: 40px;
        border-color: var(--primary);
        border-width: 1px;
    }

    .buyBanner .desc p {
        font-size: 14px;
    }

    .buyBanner .buyNow {
        font-size: 15px;
        padding: 8px 30px;
    }

    .buyPageProduct {
        padding: 0;
    }

    .productBox h5 {
        font-size: 25px;
    }

    .yourSelectProduct .lt-Side h2 {
        font-size: 18px;
    }

    .yourSelectProduct .boxAddcart h4 {
        font-size: 12px;
    }

    .yourSelectProduct a {
        font-size: 10px;
    }

    .yourSelectProduct .tab-content .reviewBtn {
        padding: 10px 30px;
    }

    .sellBanner h2 {
        font-size: 28px;
        font-weight: bold;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .brandMobile .ImgBlock {
        width: 160px;
        height: 140px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .mobileCondition_block .tab-content .nav-tabs .nav-link h4 {
        font-size: 10px;
        font-weight: 400;
        padding-left: 10px;
    }

    .mobileCondition_block .tab-content .nav-tabs .nav-link {
        border: 1px solid #ced4da;
        border-radius: 12px;
        width: 100%;
        padding: 8px;
    }

    .mobileCondition_block li {
        font-size: 13px;
        margin: 0 0 6px 0 !important;
    }

    .mobileCondition_block .tab-content h6.price_txt {
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .mobileCondition_block .tab-content .sellBtn {
        font-size: 15px;
        font-weight: bold;
        padding: 10px 20px;
        min-width: 200px;
        min-height: 48px;
    }

    .productBox h4 {
        font-size: 13px;
    }

    .sellBanner h2 {
        font-size: 25px;
    }

    .unlockPage .nav-tabs .nav-link {
        font-size: 12px;
    }

    .unlockPage .boxDevice .imgBlock img {
        height: 60px;
        width: 100%;
        object-fit: contain;
    }

    .unlockPage .boxDesc h2 {
        font-size: 10px;
    }

    .unlockPage .boxDesc h3 {
        font-size: 16px;
    }

    .unlockPage .boxDesc label::before {
        border: 1px solid #ced4da;
        padding: 8px;
        cursor: pointer;
        margin-right: 5px;
        border-radius: 3px;
    }

    .unlockPage .boxDesc .checkBox {
        font-size: 10px;
    }

    .unlockPage .ProceedTo {
        font-size: 8px;
        font-weight: bold;
        padding: 7px 3px;
    }

    .unlockPage .form-control {
        height: 30px;
        font-size: 10px;
        font-weight: 300;
    }

    .unlockPage .table tbody td {
        padding: 15px 5px;
        font-size: 10px;
    }

    #RefundStatus h4 {
        font-size: 10px;
    }

    .myacTop_block .invoice {
        font-size: 13px;
    }

    .MYaccount_page .boxSelectaddress {
        border: 1px solid #ced4da;
        border-radius: 8px;
        padding: 10px;
        min-height: 225px;
    }

    .boxSelectaddress button {
        font-size: 10px;
    }

    .MYaccount_page .formAddress .form-control {
        font-size: 10px;
        text-align: left;
    }

    .cart_Block .table tbody td h2 {
        font-size: 11px;
    }

    .cart_Block .table tbody td h3 {
        font-size: 11px;
    }

    .cart_Block .rt_box button {
        font-size: 13px;
        font-weight: 600;
        width: 100%;
        min-height: 45px;
    }

    .rt_box h3 {
        font-size: 15px;
    }

    .Modal_Addcart_details {
        width: 100% !important;
    }

    .returnModal_details {
        width: 100% !important;
    }

    .why-mrfix-section h2 {
        font-size: 16px;
    }

    .we-promise h1 {
        font-size: 40px;
        font-weight: 700;
    }

    .Our-most-recent-reviews .reviews-popfile {
        width: 40px;
        height: 64px;
    }

    .our-brance ul li {
        width: 25%;
    }

    .welcome-to-mrfix p {
        font-size: 12px;
        text-align: justify;
        line-height: 21px;
    }

    .welcome-to-mrfix h1 {
        font-size: 25px;
    }

    .current-openings h1 {
        font-size: 25px;
    }
}

@media (max-width: 600px) {
    .mobileShowBlock .box {
        width: 50%;
    }

    .BoxPrice {
        width: 100%;
    }

    .BoxPrice {
        width: 100%;
    }

    .servicePrice .rt_Box {
        padding-left: 0px;
        margin-left: 0px;
    }

    .servicePrice .rt_Box::after {
        display: none;
    }

    .underTab .nav-item {
        width: 50%;
    }

    .Get-in-Touch .contact_Form {
        padding: 20px;
        margin-top: 20px;
    }

    .footer .rt_media_block {
        width: 100%;
    }

    .footer .rt_media_block svg {
        width: 25px;
    }

    .footer .fotterLinkSection h2 {
        font-size: 20px;
    }

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

    .Get-in-Touch .contactInfo h3 {
        font-size: 14px;
    }

    .accesoriesProducrCat li {
        margin-right: 20px;
        margin-bottom: 25px;
        margin-left: 5px;
    }

    .titleBlock h4 {
        font-size: 20px;
    }

    .productCategory {
        padding: 10px 8px 0 10px;
    }

    .productCategory h2 {
        font-size: 15px;
    }

    .productCategory ul li a {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .buyBanner .desc img {
        width: 25%;
    }

    .buyBanner .desc p {
        font-size: 12px;
    }

    .bigImgPro {
        width: 200px;
        height: 300px;
    }

    .xzoom-thumbs .smallImgBottom {
        width: 50px;
        height: 60px;
        cursor: pointer;
    }

    .yourSelectProduct .lt-Side h2 {
        font-size: 13px;
    }

    .yourSelectProduct .lt-Side label {
        font-size: 13px;
        margin-bottom: 8px;
    }

    .yourSelectProduct .lt-Side button {
        background: transparent;
        border: 1px solid #c5c5c5;
        font-size: 14px;
        border-radius: 4px;
        min-width: 30px;
        margin: 0 0 0 5px;
    }

    .yourSelectProduct .boxAddcart {
        border: 1px solid #c5c5c561;
        border-radius: 4px;
        padding: 10px;
    }

    .yourSelectProduct .boxAddcart h2 {
        font-size: 20px;
    }

    .yourSelectProduct .boxAddcart h3 {
        font-size: 12px;
        margin-bottom: 20px;
    }

    .yourSelectProduct .cartBtn {
        font-weight: bold;
        font-size: 12px;
    }

    .yourSelectProduct .wiseListBtn {
        font-weight: bold;
        font-size: 11px;
    }

    .yourSelectProduct .boxAddcart img {
        width: 100%;
        float: left;
        margin: 0 -22px 0 0;
    }

    .yourSelectProduct .nav-tabs .nav-link {
        font-size: 12px;
        padding: 7px 10px;
    }

    .yourSelectProduct .tab-content .Warranty-h2 {
        font-size: 15px;
    }

    .yourSelectProduct .tab-content p {
        font-size: 10px;
        line-height: 15px;
        margin: 2px 0 !important;
        text-align: justify;
    }

    .yourSelectProduct .AllReviews {
        font-weight: bold;
        font-size: 12px;
    }

    .yourSelectProduct .Review {
        font-weight: bold;
        font-size: 12px;
    }

    .reviewModal .modal-title {
        font-size: 20px;
        font-weight: 600;
    }

    .Modal_Addcart_details {
        width: 550px;
        padding: 15px;
        overflow-y: scroll;
    }

    .Modal_Addcart_details .disProduct h3 {
        font-size: 14px;
    }

    .Modal_Addcart_details .disProduct h4 {
        font-size: 14px;
    }

    .sellBanner .desc {
        width: 60%;
        overflow: hidden;
        left: 25px;
    }

    .sellBanner h2 {
        font-size: 17px;
        font-weight: bold;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .sellBanner span {
        display: block;
        font-size: 13px;
        font-weight: 400;
        line-height: 22px;
    }

    .sellBanner .form-control {
        width: 280px;
        min-height: 40px;
        font-size: 12px;
        padding-left: 40px;
        border-color: var(--primary);
        border-width: 1px;
    }

    .sellBanner .secBtn {
        border-radius: 4px;
        background: var(--primary);
        font-size: 13px;
        color: var(--white);
        font-weight: bold;
        padding: 8px 25px;
        margin-top: 10px;
    }

    .brandMobile .ImgBlock {
        width: 125px;
        height: 110px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .brandMobile .brandLogo {
        min-height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 10px 0 !important;
    }

    .brandMobile .brandLogo svg {
        width: 100%;
        height: 40px;
    }

    .brandMobile .box h3 {
        font-size: 12px;
    }

    .select_Brand_Phone .box .ImgDiv img {
        width: 100%;
        object-fit: contain;
        height: 170px;
    }

    .select_Brand_Phone .box .ImgDiv {
        width: 160px;
        height: 180px;
    }

    .select_Brand_Phone .box h2 {
        font-size: 11px;
    }

    .addBorderLeft h5 {
        font-size: 12px;
    }

    .titleBlock button {
        background: transparent;
        font-size: 10px;
    }

    .mobileCondition_block .tab-content p {
        font-size: 14px;
        line-height: 30px;
        text-align: justify;
    }

    .selectService label {
        font-size: 12px;
        margin: 20px 0 4px 3px;
    }

    .productCategory .form-control {
        min-width: 100px;
    }

    .productCategory ul li.active a {
        padding-left: 10px;
        font-weight: 600;
    }

    .unlockPage .boxDesc .checkBox {
        font-size: 8px;
    }

    .dealsPage .offerSec .desc h2 {
        font-size: 25px;
        font-weight: 700;
    }

    .dealsPage .offerSec .desc h3 {
        font-size: 15px;
    }

    .repair-statusPage {
        background: #f5f5f5;
        border-radius: 20px;
        padding: 15px;
    }

    .repair-statusPage h2 {
        font-size: 18px;
        margin: 0 0 10px !important;
    }

    .repair-statusPage h3 {
        font-size: 14px;
    }

    .repair-statusPage .table tbody td {
        padding: 20px 5px;
        font-size: 11px;
    }

    .trackMyOrder h2 {
        font-size: 13px;
    }

    .trackMyOrder h3 {
        font-size: 14px;
    }

    .trackMyOrder .invoice {
        font-size: 15px;
    }

    .trackMyOrder .progressBarItem.active h3 {
        font-weight: 600;
        font-size: 10px;
    }

    .trackMyOrder .progressBarItem.active h2 {
        font-weight: 600;
        font-size: 10px;
    }

    .trackMyOrder h2 {
        font-size: 10px;
    }

    .trackMyOrder .progressBarItem span::before {
        right: -140px;
    }

    .trackMyOrder p {
        font-size: 12px;
        line-height: 21px;
        text-align: justify;
    }

    .myacNav {
        padding: 10px;
    }

    .myacNav li span {
        margin-right: 0px;
        width: 20px;
    }

    .MYaccount_page h4 {
        font-size: 10px;
    }

    .myacTop_block .invoice {
        font-size: 11px;
    }

    .proDetils button span svg {
        width: 10px;
    }

    .proDetils button {
        font-size: 8px;
    }

    .MYaccount_page .itemBox {
        padding-left: 0px;
    }

    .returnModal_details {
        width: 560px;
    }

    .MYaccount_page .itemBox .proImg_Box {
        width: 80px;
        height: 125px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        margin: 0 5px 0 0 !important;
    }

    .boxSelectaddress p {
        font-size: 10px;
        line-height: 20px;
    }

    .MYaccount_page .doneBtn {
        border-radius: 4px;
        background: var(--primary);
        font-size: 14px;
        color: var(--white);
        font-weight: bold;
        padding: 10px 33px;
        width: 130px;
    }

    .cart_Block .table thead tr td {
        border-color: inherit;
        border-style: hidden;
        border-width: 0;
        position: relative;
        background: #f5f5f5;
        text-align: left;
    }

    .Modal_Addcart_details {
        width: 100% !important;
    }

    .returnModal_details {
        width: 100% !important;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 6px;
        color: #5a5a5a;
        font-size: 12px;
        font-weight: 300;
    }

    .cart_Block .rt_box .checkBox {
        font-size: 11px;
    }

    .rt_box h2 {
        font-size: 10px;
    }

    .cart_Block .rt_box button {
        font-size: 10px;
        font-weight: 600;
        width: 100%;
        min-height: 35px;
    }

    .aboutHomePage h2 {
        font-size: 30px;
    }

    .aboutHomePage h3 {
        font-size: 13px;
    }

    .about-mrfix h5 {
        font-size: 11px;
    }

    .why-mrfix-section h2 {
        font-size: 12px;
    }

    .why-mrfix-section p {
        font-size: 11px;
    }

    .aboutMrfix_About p {
        font-size: 16px;
        line-height: 28px;
        text-align: justify;
    }

    .fastShipping {
        background: #ededed;
        border-radius: 20px;
        padding: 20px;
    }

    .sellBanner .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 220px;
    }

    .MYaccount_page th,
    td {
        min-width: 100px;
    }
}

@media (max-width: 575px) {
    .titleBlock h4 {
        margin-bottom: 10px;
    }

    .titleBlock .form-control {
        min-width: 100%;
    }

    .ourService h6 {
        font-size: 24px;
    }

    .accesoriesProducrCat li {
        margin-right: 10px;
        margin-bottom: 25px;
        margin-left: 9px;
    }

    .titleBlock h4 {
        font-size: 17px;
    }

    .yourSelectProduct .lt-Side {
        width: 80%;
        margin: 30px auto 30px;
    }

    .yourSelectProduct .lt-Side h2 {
        font-size: 20px;
    }

    .yourSelectProduct .lt-Side label {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .yourSelectProduct .lt-Side button span {
        width: 30px;
        height: 30px;
    }

    .yourSelectProduct .lt-Side button {
        background: transparent;
        border: 1px solid #c5c5c5;
        font-size: 15px;
        border-radius: 4px;
        min-width: 50px;
        margin: 0 0 0 5px;
    }

    .yourSelectProduct .lt-Side .netWorkSelect button {
        font-size: 12px;
    }

    .yourSelectProduct .boxAddcart h2 {
        font-size: 25px;
    }

    .yourSelectProduct .boxAddcart h3 {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .yourSelectProduct .boxAddcart h4 {
        font-size: 17px;
    }

    .yourSelectProduct .cartBtn {
        font-weight: bold;
        font-size: 12px;
        width: 30%;
    }

    .yourSelectProduct .wiseListBtn {
        font-weight: bold;
        font-size: 11px;
        width: 30%;
    }

    .yourSelectProduct a {
        font-size: 15px;
    }

    .yourSelectProduct .boxAddcart img {
        width: 100%;
        float: right;
        margin: 0 0 0 0;
    }

    .yourSelectProduct .tab-content h3 {
        font-size: 20px;
    }

    .yourSelectProduct .tab-content p {
        font-size: 14px;
        line-height: 25px;
    }

    .yourSelectProduct .nav-tabs .nav-link {
        font-size: 15px;
        padding: 7px 15px;
    }

    .yourSelectProduct .tab-content h3 span {
        font-size: 15px;
    }

    .yourSelectProduct .tab-content h3 {
        font-size: 16px;
        line-height: 27px;
    }

    .yourSelectProduct .tab-content .reviewBtn {
        padding: 8px 15px;
        font-size: 14px;
    }

    .yourSelectProduct .boxAddcart {
        border: 1px solid #c5c5c561;
        border-radius: 4px;
        padding: 40px;
    }

    .brandMobile .brandLogo svg {
        width: 50%;
        height: 30px;
    }

    .brandMobile .box h3 {
        font-size: 14px;
        margin: 0 0 40px;
    }

    .select_Brand_Phone .box button {
        background: transparent;
        border: 1px solid #c5c5c585;
        font-size: 12px;
        border-radius: 4px;
        padding: 10px;
    }

    .select_Brand_Phone .box h2 {
        font-size: 15px;
    }

    .productCategory .form-control {
        min-width: 100px;
        font-size: 12px;
        font-weight: 300;
        padding-left: 32px;
    }

    .unlockPage .setIcon {
        border: 1px solid #ced4da;
        width: 35px;
        height: 35px;
    }

    .unlockPage .nav-tabs li span {
        margin-right: 0 !important;
    }

    .unlockPage .nav-tabs li span svg {
        width: 20px;
    }

    .unlockPage .setIcon {
        border: 1px solid #ced4da;
        width: 25px;
        height: 30px;
        margin: 0 0 0 -5px;
    }

    .unlockPage .setIcon img {
        width: 65%;
    }

    .unlockPage .table tbody td {
        padding: 10px 5px;
        font-size: 9px;
    }

    .dealsPage .offerSec .desc h2 {
        font-size: 15px;
        font-weight: 700;
    }

    .dealsPage .offerSec .desc h3 {
        font-size: 12px;
        margin: 6px 0 !important;
    }

    .dealsPage .offerSec .desc p {
        font-size: 10px;
    }

    .productBox h3 {
        white-space: nowrap;
        width: 100%;
        font-size: 13px;
    }

    .trackMyOrder h3 {
        font-size: 11px;
    }

    .myacNav li {
        margin-bottom: 15px;
    }

    .MYaccount_page .itemBox .btn_1 {
        font-size: 12px;
        font-weight: bold;
        border-radius: 4px;
        padding: 6px 5px;
        width: 100px;
        background: var(--primary);
        color: var(--white);
        min-width: 100px;
    }

    .MYaccount_page .itemBox .btn_2 {
        font-size: 12px;
        font-weight: bold;
        border-radius: 4px;
        padding: 6px 5px;
        width: 100px;
        background: var(--primary);
        color: var(--white);
        min-width: 100px;
    }

    .MYaccount_page .itemBox .btn_3 {
        font-size: 12px;
        font-weight: bold;
        border-radius: 4px;
        padding: 6px 5px;
        width: 100px;
        background: var(--primary);
        color: var(--white);
        min-width: 100px;
    }

    .boxSelectaddress p {
        font-size: 16px;
        line-height: 30px;
    }

    .boxSelectaddress button {
        font-size: 15px;
    }

    .MYaccount_page .formAddress label {
        font-size: 14px;
    }

    .Modal_Addcart_details {
        width: 100% !important;
    }

    .returnModal_details {
        width: 100% !important;
    }

    .rt_box h2 {
        font-size: 15px;
    }

    .rt_box h3 {
        font-size: 20px;
    }

    .process-we-follow h1 {
        font-size: 30px;
    }

    .welcome-to-mrfix h3 {
        font-size: 20px;
    }

    .welcome-to-mrfix p {
        font-size: 15px;
        text-align: justify;
        line-height: 26px;
        margin: 0 0 20px;
    }

    .brandsAdds h3 {
        font-size: 15px;
    }

    .fastShipping h2 {
        font-size: 13px;
    }

    .aboutMrfix_About h2 {
        font-size: 28px;
    }

    .MYaccount_page h3 {
        margin-top: 10px;
    }

    .MYaccount_page .boxSelectaddress {
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .trackMyOrder .progressBarItem {
        margin-right: 30px;
    }

    .trackMyOrder .progressBarItem span::before {
        right: -73px;
        width: 70px;
    }

    .brand .box {
        width: 50%;
    }

    .underTab .nav-item {
        width: 100%;
    }

    .footer .rt_media_block {
        justify-content: space-between;
    }

    .buyBanner .desc h2 {
        font-size: 16px;
        line-height: 30px;
    }

    .buyBanner .desc img {
        width: 20%;
    }

    .buyBanner .form-control {
        width: 220px;
        min-height: 20px;
        font-size: 11px;
        padding-left: 40px;
    }

    .buyBanner .desc p {
        font-size: 11px;
        margin: 10px 0 !important;
    }

    .buyBanner .buyNow {
        font-size: 10px;
        padding: 6px 25px;
    }

    .yourSelectProduct .tab-content p {
        font-size: 12px;
        line-height: 20px;
    }

    .Modal_Addcart_details {
        width: 430px;
        padding: 10px;
        overflow-y: scroll;
    }

    .Modal_Addcart_details .cardImg {
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        margin: 0 !important;
    }

    .Modal_Addcart_details h2 {
        font-size: 15px;
    }

    .Modal_Addcart_details h3 {
        font-size: 14px;
    }

    .Modal_Addcart_details h4 {
        font-size: 14px;
    }

    .Modal_Addcart_details .cartView {
        font-weight: bold;
        font-size: 12px;
        padding: 10px 20px;
        line-height: 20px;
    }

    .Modal_Addcart_details .cartCheckout {
        font-weight: bold;
        font-size: 12px;
        padding: 10px 20px;
        line-height: 20px;
    }

    .sellBanner h2 {
        font-size: 13px;
        font-weight: bold;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .sellBanner span {
        display: block;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    .sellBanner .form-control {
        width: 250px;
        min-height: 30px;
        font-size: 12px;
    }

    .titleBlock h4 {
        font-size: 14px;
    }

    .select_Brand_Phone .box button {
        font-size: 11px;
        border-radius: 4px;
        padding: 8px;
    }

    .mobileCondition_block .selectProduct {
        width: 80px;
        height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        margin-right: 20px;
    }

    .mobileCondition_block .topBlock .selectStoreg {
        font-size: 14px;
        color: #fff;
        border-radius: 4px;
        padding-left: 4px;
        margin-bottom: 10px;
    }

    .sell_Contact_info {
        padding: 50px 0;
    }

    .mobileCondition_block li {
        font-size: 11px;
        margin: 0 0 6px 0 !important;
    }

    .mobileCondition_block .tab-content h6.price_txt {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .mobileCondition_block .tab-content .sellBtn {
        font-size: 13px;
        font-weight: bold;
        padding: 10px 20px;
        min-width: 150px;
        min-height: 38px;
    }

    .unlockPage h3 {
        font-size: 10px;
    }

    .unlockPage .boxDesc .checkBox {
        font-size: 6px;
    }

    .titleBlock h6 {
        font-size: 16px;
    }

    .repair-statusPage .rtBox p {
        border-bottom: 1px solid #858585;
        font-size: 12px;
    }

    .repair-statusPage .table tbody td {
        padding: 15px 4px;
        font-size: 10px;
    }

    .trackMyOrder .invoice {
        font-size: 12px;
    }

    .trackMyOrder .progressBarItem.active h2 {
        font-weight: 600;
        font-size: 8px;
    }

    .trackMyOrder .progressBarItem h3 {
        font-size: 7px;
    }

    .trackMyOrder .progressBarItem.active h3 {
        font-weight: 600;
        font-size: 7px;
    }

    .returnModal_details {
        width: 430px;
    }

    .Modal_Addcart_details {
        width: 100% !important;
    }

    .returnModal_details {
        width: 100% !important;
    }

    .cart_Block .table tbody td h2 {
        font-size: 10px;
    }

    .orderConfirmed h2 {
        font-size: 18px;
    }

    /* .aboutHomePage .d-flex .text-center {
    width: 14%;
  } */

    .Get-in-Touch .contactInfo h3 {
        font-size: 13px;
    }

    .our-brance ul li {
        width: 30%;
    }

    .returnModal h2 {
        font-size: 17px;
    }

    .current-openings h2 {
        font-size: 16px;
    }
    .productCategory h2 {
        font-size: 12px;
    }
}

@media (max-width: 420px) {
    .m-versionMenu {
        width: 100%;
    }

    .accesoriesProducrCat li {
        margin: 10px;
    }

    .productCategory {
        padding: 25px;
    }

    .productBox {
        margin-bottom: 40px !important;
        overflow: hidden;
    }

    .yourSelectProduct .wiseListBtn {
        font-weight: bold;
        font-size: 13px;
        width: 50%;
    }

    .yourSelectProduct .cartBtn {
        font-weight: bold;
        font-size: 13px;
        width: 50%;
    }

    .yourSelectProduct .nav-tabs .nav-link {
        font-size: 13px;
        padding: 7px 12px;
    }

    .Modal_Addcart_details {
        width: 370px;
        padding: 10px;
        overflow-y: scroll;
    }

    .Modal_Addcart_details .cartView {
        font-weight: bold;
        font-size: 10px;
        padding: 5px 10px;
        line-height: 15px;
    }

    .Modal_Addcart_details .cartCheckout {
        font-weight: bold;
        font-size: 10px;
        padding: 5px 10px;
        line-height: 15px;
    }

    .sellBanner .desc {
        left: 10px;
    }

    .sellBanner span {
        display: block;
        font-size: 11px;
        font-weight: 400;
        line-height: 10px;
    }

    .sellBanner .form-control {
        width: 230px;
        min-height: 30px;
        font-size: 11px;
    }

    .sellBanner .secBtn {
        border-radius: 4px;
        background: var(--primary);
        font-size: 12px;
        color: var(--white);
        font-weight: bold;
        padding: 5px 20px;
        margin-top: 8px;
    }

    .mobileCondition_block .nav-tabs .nav-link {
        margin: 0;
        border: inherit;
        border-radius: 0;
        padding: 0;
    }

    .productCategory {
        padding: 10px;
    }

    .productCategory .search_Icon {
        left: 8px;
    }

    .productCategory .form-control {
        min-width: 100px;
        font-size: 10px;
        font-weight: 300;
        padding-left: 25px;
    }

    .unlockPage .boxDesc {
        background: #f5f5f5;
        border-radius: 8px;
        padding: 5px;
    }

    .unlockPage .nav-tabs .nav-link {
        font-size: 9px;
    }

    .unlockPage .nav-tabs li span svg {
        width: 15px;
    }

    .titleBlock h6 {
        font-size: 12px;
    }

    .unlockPage .boxDevice h2 {
        font-size: 10px;
        margin: 0 !important;
    }

    .unlockPage .boxDevice h4 {
        font-size: 11px;
        margin: 5px 0 20px;
    }

    .sellBanner span {
        display: block;
        font-size: 11px;
        font-weight: 400;
        line-height: 15px;
    }

    .unlockPage .boxDesc .checkBox {
        font-size: 11px;
    }

    .unlockPage .boxDesc h2 {
        font-size: 15px;
    }

    .unlockPage .setIcon {
        border: 1px solid #ced4da;
        width: 40px;
        height: 30px;
        margin: 0;
        text-align: center;
    }

    .dealsPage .offerSec .desc {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
    }

    .dealsPage .offerSec .desc h2 {
        font-size: 14px;
        font-weight: 700;
    }

    .dealsPage .offerSec .desc h3 {
        font-size: 10px;
        margin: 5px 0 !important;
    }

    .dealsPage .offerSec .desc p {
        font-size: 8px;
    }

    .repair-statusPage h3 {
        font-size: 10px;
    }

    .repair-statusPage h2 {
        font-size: 14px;
        margin: 0 0 15px !important;
    }

    .repair-statusPage .table tbody .prog {
        background: none;
        border-radius: 4px;
        color: #267fdf;
        text-transform: uppercase;
        padding: 0;
        font-weight: bold;
        font-size: 11px;
        text-align: center;
    }

    .repair-statusPage .table tbody td {
        padding: 15px 4px;
        font-size: 10px;
        text-align: center;
    }

    .repair-statusPage .table thead {
        position: relative;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
    }

    .repair-statusPage .table thead td {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 10px;
    }

    .trackMyOrder .progressBarItem span::before {
        top: 50%;
        right: -110px;
        width: 120px;
    }

    .trackMyOrder h2 {
        font-size: 8px;
    }

    .trackMyOrder .invoice {
        font-size: 10px;
    }

    .trackMyOrder .progressBarItem {
        margin-right: 30px;
    }

    .trackMyOrder .progressBarItem span::before {
        top: 50%;
        right: -80px;
        width: 90px;
    }

    h2.raj-text {
        font-size: 11px !important;
        line-height: 20px;
    }

    .MYaccount_page .itemBox .btn_1 {
        font-size: 9px;
        font-weight: bold;
        border-radius: 4px;
        padding: 6px 5px;
        width: 70px;
        background: var(--primary);
        color: var(--white);
        min-width: 70px;
    }

    .MYaccount_page .itemBox .btn_2 {
        font-size: 9px;
        font-weight: bold;
        border-radius: 4px;
        padding: 6px 5px;
        width: 70px;
        background: var(--primary);
        color: var(--white);
        min-width: 70px;
    }

    .MYaccount_page .itemBox .btn_3 {
        font-size: 9px;
        font-weight: bold;
        border-radius: 4px;
        padding: 6px 5px;
        width: 70px;
        background: var(--primary);
        color: var(--white);
        min-width: 70px;
    }

    .returnModal_details {
        width: 410px;
    }

    /*.sellBanner img { height: 300px; width: 100%; object-fit: cover; }*/
    .accesoriesProducrCat li {
        margin: 5px;
    }

    .Modal_Addcart_details {
        width: 100% !important;
    }

    .returnModal_details {
        width: 100% !important;
    }

    .cart_Block .table tbody td h3 {
        font-size: 9px;
    }

    .cart_Block .cartSelectImg {
        width: 80px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        margin: 0 10px 0 0 !important;
    }

    .aboutHomePage h2 {
        font-size: 20px;
    }

    .pick-service-location ul li {
        font-size: 12px;
    }

    .Get-in-Touch .contactInfo h3 {
        font-size: 15px;
    }

    .current-openings h5 {
        font-size: 15px;
    }

    .Get-in-Touch h2 {
        font-size: 25px;
    }

    .Get-in-Touch p {
        font-size: 14px;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 220px;
    }
}

@media (max-width: 375px) {
    .accesoriesProducrCat li a {
        font-size: 11px;
    }

    .titleBlock h4 {
        font-size: 14px;
    }

    .productCategory {
        padding: 30px;
    }

    .AccesoriesproductBox {
        width: 100% !important;
        height: 230px !important;
    }

    .buyBanner .form-control {
        width: 180px;
    }

    .buyBanner .desc h2 {
        font-size: 14px;
        line-height: 20px;
    }

    .buyBanner .desc p {
        font-size: 9px;
        margin: 10px 0 !important;
    }

    .yourSelectProduct .lt-Side {
        width: 90%;
    }

    .yourSelectProduct .boxAddcart {
        border: 1px solid #c5c5c561;
        border-radius: 4px;
        padding: 20px;
    }

    .reviewModal .stars {
        cursor: pointer;
        display: flex;
        width: 50%;
    }

    .reviewModal .star {
        margin-right: 0;
    }

    .FrequentlyBought .checkBox {
        font-size: 12px;
        margin-bottom: 0;
    }

    .relatedProducts h2 {
        font-size: 20px;
    }

    .yourSelectProduct .boxAddcart img {
        width: 70%;
        float: right;
        margin: 0 0 0 0;
    }

    .boxReivew h4 span {
        font-size: 10px;
    }

    .boxReivew h4 {
        font-size: 12px;
        font-weight: bold !important;
    }

    .yourSelectProduct .tab-content p {
        font-size: 10px;
        line-height: 15px;
    }

    .sellBanner h2 {
        font-size: 11px;
        font-weight: bold;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .sellBanner span {
        display: block;
        font-size: 9px;
        font-weight: 400;
        line-height: 10px;
    }

    .sellBanner .form-control {
        width: 200px;
        min-height: 30px;
        font-size: 11px;
    }

    .sellBanner .secBtn {
        font-size: 10px;
        padding: 5px 20px;
        margin-top: 5px;
    }

    .titleBlock h4 {
        font-size: 20px;
    }

    .mobileCondition_block .topBlock h2 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .mobileCondition_block .topBlock h3 {
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .mobileCondition_block .nav-tabs .nav-link .setIcon {
        border: 1px solid #ced4da;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        margin-bottom: 5px;
    }

    .mobileCondition_block li {
        font-size: 10px;
        margin: 0 0 6px 0 !important;
    }

    .addBorderLeft h5 {
        font-size: 9px;
        margin: 0 !important;
    }

    .titleBlock button {
        background: transparent;
        font-size: 7px;
    }

    .titleBlock h4 {
        font-size: 16px;
    }

    .productCategory {
        padding: 10px;
    }

    .productCategory .search_Icon {
        left: 8px;
    }

    .productCategory .form-control {
        min-width: 100px;
        font-size: 10px;
        font-weight: 300;
        padding-left: 25px;
    }

    .unlockPage .setIcon img {
        width: 50%;
    }

    .unlockPage .setIcon {
        border: 1px solid #ced4da;
        width: 25px;
        height: 30px;
        margin: 0 0 0 -12px;
        text-align: center;
    }

    .unlockPage h4 {
        font-size: 10px;
    }

    .unlockPage .setIcon {
        border: 1px solid #ced4da;
        width: 40px;
        height: 30px;
        margin: 0;
        text-align: center;
    }

    .productCategory h2 {
        font-size: 12px;
    }

    .dealsPage .offerSec .desc h2 {
        font-size: 12px;
        font-weight: 700;
    }

    .dealsPage .offerSec .desc h3 {
        font-size: 9px;
        margin: 5px 0 !important;
    }

    .dealsPage .offerSec .desc p {
        font-size: 8px;
    }

    .repair-statusPage h2 {
        font-size: 15px;
        margin: 0 10px 15px 0 !important;
    }

    .trackMyOrder h3 {
        font-size: 10px;
        margin: 0 5px 0 0 !important;
    }

    .raj-text h2 {
        font-size: 11px;
        line-height: 20px;
    }

    .proDetils button {
        font-size: 5px;
    }

    .proDetils button span svg {
        width: 6px;
    }

    .MYaccount_page h4 {
        font-size: 8px;
    }

    .returnModal_details {
        width: 315px;
    }

    .returnModal p {
        text-align: justify;
        font-size: 10px;
        line-height: 20px;
    }

    .boxSelectaddress h2 {
        font-size: 15px;
    }

    .MYaccount_page .formAddress label {
        font-size: 11px;
    }

    .cart_Block .table tbody td {
        padding-top: 20px;
        font-size: 10px;
    }

    .footer .rt_media_block li {
        margin-right: 10px;
    }

    .footer .rt_media_block svg {
        width: 20px;
    }

    .our-brance ul li {
        width: 49%;
    }

    .current-openings h5 {
        font-size: 13px;
    }
}

@media (max-width: 320px) {
    .accesoriesProducrCat li {
        margin: 10px;
    }

    .accesoriesProducrCat li a {
        font-size: 9px;
    }

    .buyBanner .desc h2 {
        font-size: 13px;
        line-height: 20px;
    }

    .buyBanner .form-control {
        width: 170px;
        min-height: 20px;
        font-size: 11px;
        padding: 3px 0 4px 40px;
    }

    .yourSelectProduct .lt-Side h2 {
        font-size: 16px;
    }

    .yourSelectProduct .lt-Side label {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .yourSelectProduct .nav-tabs .nav-link {
        font-size: 10px;
        padding: 7px 11px;
    }

    .FrequentlyBought h2 {
        font-size: 15px;
    }

    .FrequentlyBought .checkBox {
        font-size: 10px;
    }

    .Modal_Addcart_details {
        width: 300px;
        padding: 10px;
        overflow-y: scroll;
    }

    .Modal_Addcart_details h4 {
        font-size: 12px;
    }

    .sellBanner h2 {
        font-size: 9px;
        font-weight: bold;
        line-height: 10px;
        margin-bottom: 5px;
    }

    .sellBanner span {
        display: block;
        font-size: 8px;
        font-weight: 400;
        line-height: 10px;
    }

    .sellBanner .form-control {
        width: 180px;
        min-height: 20px;
        font-size: 10px;
    }

    .brandMobile .box h3 {
        font-size: 11px;
        margin: 0 0 40px;
    }

    .titleBlock h4 {
        font-size: 15px;
    }

    .titleBlock h3 {
        font-size: 12px;
    }

    .addBorderLeft {
        position: relative;
        padding: 0 0 0 5px !important;
        margin: 0 0 0 5px !important;
    }

    .addBorderLeft h5 {
        font-size: 7px;
        margin: 0 !important;
    }

    .selectService .checkBox {
        font-size: 9px;
    }

    .titleBlock img {
        width: 70%;
    }

    .current-openings h5 {
        font-size: 10px;
    }

    .titleBlock .ms-4 {
        margin: 0 !important;
    }

    .mobileCondition_block .nav-tabs .nav-link .setIcon {
        border: 1px solid #ced4da;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        margin-bottom: 5px;
        padding: 0;
    }

    .mobileCondition_block .tab-content .nav-tabs .nav-link {
        border: 1px solid #ced4da;
        border-radius: 12px;
        width: 100%;
        padding: 0;
    }

    .mobileCondition_block .nav-tabs .nav-link h3 {
        font-size: 9px;
        font-weight: 400;
        color: var(--black-dark);
    }

    .productBox h4 {
        font-size: 11px;
    }

    .productBox h3 {
        white-space: nowrap;
        width: 100%;
        font-size: 13px;
    }

    .unlockPage .nav-tabs .nav-link {
        font-size: 7px;
    }

    .titleBlock .form-control {
        min-width: 130px;
        min-height: 42px;
        border-color: #c3c1c1;
        padding-left: 30px;
        border-radius: 4px;
    }

    .titleBlock .search_Icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 8px;
        display: block;
        line-height: 0;
    }

    .unlockPage .d-flex {
        margin: 0 !important;
    }

    .dealsPage .offerSec .desc h2 {
        font-size: 10px;
        font-weight: 700;
    }

    .dealsPage .offerSec .desc h3 {
        font-size: 8px;
        margin: 4px 0 !important;
    }

    .dealsPage .offerSec .desc p {
        font-size: 7px;
    }

    .repair-statusPage .rtBox p {
        border-bottom: 1px solid #858585;
        font-size: 10px;
        width: 210px;
    }

    .repair-statusPage .table tbody td {
        padding: 10px 2px;
        font-size: 8px;
        text-align: center;
    }

    .trackMyOrder h2 {
        font-size: 6px;
    }

    .raj-text h2 {
        font-size: 11px;
        line-height: 20px;
    }

    .trackMyOrder .progressBarItem {
        margin-right: 20px;
    }

    .boxSelectaddress p {
        font-size: 14px;
        line-height: 25px;
    }

    .pick-service-location ul li {
        font-size: 7px;
    }

    .footer .rt_media_block li {
        margin-right: 10px;
    }

    .footer .rt_media_block svg {
        width: 20px;
    }
}

/*=============== Responsive End ==================*/