@font-face {
    font-family: "Futura PT";
    src: url("assets/fonts/FuturaPT-Light.woff") format("woff");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Futura PT";
    src: url("assets/fonts/FuturaPT-Book.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: "Futura PT";
    src: url("assets/fonts/FuturaPT-Medium.woff") format("woff");
    font-style: normal;
    font-weight: 700;
    font-display: block;
}

header.header1 .nav-item:hover .watches-list .col-lg-2.watch-cat a {
    width: 90%;
    margin: 0 auto 20px auto;
}
/* .watches-list.brands-list .col-lg-2 ul li:nth-last-child(2) {
    display: none;
} */
div#omega {
    display: none;
}
.bolg-detail {
    width: 70%;
    margin: 0 auto;
}
body {
    background: #000000;
    font-family: "Noto Serif", serif;
    color: #fff;
}

input {
    color: #fff;
}

a {
    text-decoration: none !important;
}
header.header1 .nav-item .watches-list {
    height: 90vh !important;
    overflow-y: scroll !important;
}
img {
    width: 100%;
    height: auto;
}

h2 {
    font-family: "PT Sans", sans-serif;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 50px !important;
    text-transform: uppercase;
    color: #FFFFFF !important;
}

.bolg-detail img {
    width: 100%;
    margin: 0 auto;
    display: block;
}
div#send .form-group.text-center.mt-40 {
    display: block !important;
    opacity: 1 !important;
}


div#tudor.rolex-retailer-clock .LinkEnabler.tudor {
    position: relative !important;
    background: url(https://ctpundole.com/ctview-assets/images/Tudor-plaque-240x120.webp);
    background-size: 100%;
    height: 80px !important;
    background-repeat: no-repeat !important;
}

div#tudor.rolex-retailer-clock iframe {
    display: none;
}

button#chat-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    border: none;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: transparent;
}

button#chat-btn img {
    margin-right: 10px;
    width: 40px;
}

.color.d-flex.color-scroll.dialc {
    height: auto ! IMPORTANT;
}

section.details.privacy.service ul.brand li {
    width: 25%;
    float: left;
}

section.details.privacy.service ul {
    display: inline-block;
    width: 100%;
}

section.details.privacy.service ul {
    margin: 0px;
}

.banner-slider .brand-banner-desktop,
.banner-slider .img-area.desktop {
    display: block;
}

.banner-slider .brand-banner-mobile,
.banner-slider .img-area.mobile {
    display: none;
}

/* .watches-list.brands-list .row .col-lg-2:nth-child(2) li:nth-child(4) a:after,
.watches-list.brands-list .row .col-lg-2:nth-child(2) li:nth-child(6) a:after,
.watches-list.brands-list .row .col-lg-2:nth-child(2) li:nth-child(7) a:after,
.watches-list.brands-list .row .col-lg-2:nth-child(2) li:nth-child(8) a:after,
.watches-list.brands-list .row .col-lg-2:nth-child(4) li:nth-child(6) a:after,
.watches-list.brands-list .row .col-lg-2:nth-child(5) li:nth-child(1) a:after,
*/
li.swiss a:after {
    background: url(https://ctpundole.com/ctview-assets/images/swiss.png);
    content: '.';
    left: 10px !important;
    top: 0px;
    z-index: 9999;
    padding: 0px 15px;
    margin-left: 10px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-color: transparent;
} 

.swiss {
    position: relative;
}

.modal-body {
    height: 400px;
    overflow-y: scroll;
}

section.banner.b-arrow {
    background: #1c1c1c;
}

/* width */
.modal ::-webkit-scrollbar {
    width: 6px;
    border-radius: 5px;
}

/* Track */
.modal ::-webkit-scrollbar-track {
    background: #a8a8a8;
    /* border-radius: 5px; */
}

/* Handle */
.modal ::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 5px;
}

/* Handle on hover */
.modal ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

header.header1 {
    background: #000000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    z-index: 5;
}

header.header1 .navbar-brand img {
    width: auto;
    height: 60px;
}

header.header1 .top-bar {
    background: #454545;
    padding: 5px 0;
}

header.header1 .top-bar span {
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}

header.header1 .navbar {
    padding: 0;
}

header.header1 ul.navbar-nav.mobile-view {
    display: none;
}

header.header1 .navbar-nav {
    gap: 10px;
    justify-content: center;
}

header.header1 button.close.collapsed {
    display: none;
}

header.header1 .nav-item a.nav-link {
    /* font-family: Noto Serif; */
    font-size: 16px !important;
    font-weight: normal !important;
    text-align: left !important;
    color: #FFFFFF !important;
    padding: 30px 10px !important;
}

header.header1 .nav-item a.nav-link:hover {
    color: #EC1D26;
    text-decoration: underline !important;
}

header.header1 .nav-item a.nav-link.active {
    color: #EC1D26;
    /* border-bottom: 1px solid #EC1D26; */
    /* text-decoration: underline !important; */
}

header.header1 .container-fluid {
    padding: 0 5%;
}

header.header1 .last-area .icons {
    width: 45%;
    justify-content: space-between;
    /* gap: 20px */
}

header.header1 .last-area .top-call {
    display: none;
}

header.header1 .last-area .rolex-logo {
    width: 45%;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: flex;
    justify-content: end;
    margin-top: 10px;
}

header.header1 .last-area .logo img {
    width: auto;
    height: 75px;
    margin-left: 0px;
}

header.header1 div#collapsibleNavbar {
    width: 45%;
}

header.header1 .last-area,
header.header1 .logo-area {
    width: 27.5%;
    margin: 0;
}

header.header1 .logo-area a.navbar-brand {
    margin: 0;
}

header.header1 .last-area .icons a {
    position: relative;
}

header.header1 .last-area .icons a span {
    position: absolute;
    right: -10px;
    top: -2px;
    font-size: 12px;
    color: #FFFFFF;
}

header.header1 .nav-item:hover .watches-list {
    display: block;
}

header.header1 .nav-item .watches-list {
    display: none;
    position: absolute;
    background: #1C1C1C;
    z-index: 999;
    width: 100%;
    height: auto;
    overflow-y: auto;
    left: 0;
    right: 0;
    margin: auto;
    padding: 20px 60px;
    transition: 5s ease-in-out;
}

header.header1 .nav-item .watches-list ul {
    padding: 0;
    list-style-type: none;
}

header.header1 .nav-item .watches-list span {
    font-size: 18px;
    line-height: 28px;
    /* color: #b1b1b1; */
    color: #EC1D26;
    display: block;
    margin: 0px 0 10px;
    text-transform: uppercase;
    height: 28px;
}

header.header1 .nav-item .watches-list.brands-list span {
    height: 50px;
}

header.header1 .nav-item .watches-list li {
    margin-bottom: 0px !important;
}

header.header1 .nav-item .watches-list li a {
    font-size: 15px !important;
    line-height: unset !important;
    color: #fff !important;
    text-transform: uppercase !important;
    word-spacing: 5px;
    margin-bottom: 15px;
    display: block;
}
header.header1 .nav-item .watches-list li a:hover {
    color: #EC1D26;
}

header.header1 .nav-item .watches-list .watch-cat a {
    display: block;
    margin-bottom: 25px;
}

header.header1 .nav-item .watches-list .watch-cat .img.logo {
    text-align: center;
    margin-bottom: 40px;
}

header.header1 .nav-item .watches-list .watch-cat .img.logo img {
    width: auto;
    height: 30px;
}

header.header1 .nav-item .watches-list .watch-cat .img.add img {
    width: 100px;
    height: auto;
}

header.header1 .nav-item .watches-list .watch-cat .text-center {
    background: #454545;
    padding: 8px;
}

header.header1 .nav-item .watches-list .watch-cat p {
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}

header.header1 .nav-item .watches-list .d-flex {
    gap: 100px;
}

#hcart {
    position: fixed;
    right: 0;
    top: 100px;
    background: #000;
    color: #fff;
    z-index: 6;
    width: 300px;
}

#hcart .title {
    padding: 15px;
    border-bottom: 1px solid #fff;
}

#hcart .title a {
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    font-weight: 500;
}

#hcart ul {
    list-style-type: none;
    padding: 15px;
    margin: 0;
    height: 200px;
}

#hcart ul li a {
    width: 80%;
}

#hcart ul li a .img {
    width: 40%;
}

#hcart ul li a p {
    font-size: 15px;
    line-height: 22px;
    color: #ffffffde;
    font-weight: normal;
    margin: 0;
}

#hcart ul li a b {
    display: block;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
}

#hcart ul li .remove-btn {
    width: 20%;
}

#hcart ul li .remove-btn button {
    border: none;
    background: transparent;
    color: #fff;
    padding: 0;
}

#hcart .sub {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 15px;
}

#hcart .sub span {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #999999;
}

#hcart .sub span b {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
}

#hcart .btn-area {
    border-top: 1px solid #fff;
    padding: 15px;
    gap: 20px;
}

#hcart .btn-area a {
    border-radius: 5;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 24px;
}

#hcart .btn-area a:first-child {
    background: rgba(238, 53, 60, 0.15);
    color: #ee353c;
}

#hcart .btn-area a:hover:first-child {
    background: rgba(238, 53, 60);
    color: #fff;
}

#hcart .btn-area a:last-child {
    background: rgba(238, 53, 60);
    color: #fff;
}

#hcart .btn-area a:hover:last-child {
    background: rgba(238, 53, 60, 0.15);
    color: #ee353c;
}


.banner,
section.details,
.order,
section.checkout,
.login,
.wishlist,
.compare,
.order-history,
.help,
.track {
    margin-top: 90px;
}

.banner .slick-prev:before,
.banner .slick-next:before {
    display: none;
}

.banner .slick-prev {
    left: 5%;
    z-index: 1;
}

.banner .slick-next {
    right: 5%;
    /* z-index: 5; */
}

.banner .slick-prev svg,
.banner .slick-next svg {
    fill: #fff;
}

.banner.b-arrow .slick-prev svg,
.banner.b-arrow .slick-next svg {
    fill: #000;
}

.banner .img-area {
    position: relative;
}

.banner .img-area.slick-slide img.img1,
.update .img-area img.img1,
.trendy .img-area img.img1 {
    display: block;
}

.trendy {

    background: #1c1c1c;
}

.banner .img-area.slick-slide img.img2,
.update .img-area img.img2,
.trendy .img-area img.img2 {
    display: none;
}

.banner .content {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20%;
    margin: auto;
    width: 32%;
    height: 30%;
}

.banner .content1 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 10%;
    text-align: center;
}

.banner .content1 span {
    /* font-family: "Roboto"; */
    font-size: 24px;
    font-weight: 400;
    line-height: 28.13px;
    letter-spacing: 0.45em;
    text-align: center;
    color: #000000CF;
    text-transform: uppercase;
}

.banner .content1.white span {
    color: #FFFFFFCF;
}

.banner .content h2 {
    margin-bottom: 50px;
}

.banner .content a {
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.38px;
    letter-spacing: 0.25em;
    text-align: center;
    text-transform: uppercase;
    border-radius: 30px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    text-decoration: none;
    padding: 10px 20px;
}

.banner .content a:hover {
    background: #EC1D26;
    border: 1px solid #EC1D26;
}

.fashion,
.help {
    padding: 50px 0;
    background: #1C1C1C;
}

.fashion h2 {
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 70px;
    letter-spacing: 0.15em;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 50px;
}

.fashion h2 img {
    width: auto;
    height: 65px;
}

.fashion .row {
    margin-left: 8%;
    margin-right: 0;
}

.fashion .row .col-lg-8 {
    padding-right: 0;
}

.fashion .collection {
    background: #313131;
    border-radius: 20px;
    padding: 50px;
    display: flex;
    align-items: center;
}

.fashion .collection span {
    /* font-family: Futura PT; */
    /* font-family: "PT Sans", sans-serif; */
    font-size: 35px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-align: left;
    color: #FFFFFF;
}

.fashion .collection p {
    /* font-family: Futura PT; */
    /* font-family: "PT Sans", sans-serif; */
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
    margin: 20px 0;
}

.fashion .collection a {
    display: inline-block;
    /* font-family: Futura PT; */
    /* font-family: "PT Sans", sans-serif; */
    font-size: 12px;
    font-weight: 500;
    line-height: 15.38px;
    letter-spacing: 0.25em;
    text-align: left;
    color: #FFFFFF;
    border: 1px solid #EC1D26;
    border-radius: 30px;
    text-decoration: none;
    padding: 10px 25px;
}

.fashion .collection a:hover {
    background: #EC1D26;
}

.fashion .slick-list {
    padding: 0 20% 0 0 !important;
}

.fashion .c-slider .c-item {
    background: #313131;
    position: relative;
    border-radius: 20px;
    margin: 0 10px;
}

.fashion .c-slider .c-item img {
    padding: 10px 30px 35px;
}

.fashion .c-slider .c-item .content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    padding-top:15px;
}

.fashion .c-slider .c-item .content p {
    display: none;
}

.fashion .c-slider .c-item .content span {
    /* font-family: Futura PT; */
    /* font-family: "PT Sans", sans-serif; */
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    display: block;
}

.fashion .c-slider .c-item:hover .content {
    background: #212121E5;
    border: 2px solid #EC1D26;
    height: 150px;
    text-align: center;
    border-radius: 20px;
}

.fashion .c-slider .c-item:hover .content span {
    display: block;
    margin: 20px 0;
}

.fashion .c-slider .c-item:hover .content p {
    background: #EC1D26;
    /* font-family: Futura PT; */
    /* font-family: "PT Sans", sans-serif; */
    font-size: 12px;
    font-weight: 500;
    line-height: 15.38px;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border: 1px solid #EC1D26;
    border-radius: 30px;
    text-decoration: none;
    padding: 10px 20px;
    display: inline-block;
    margin: 0 0 20px;
}

.fashion .c-slider .c-item:hover .content p:hover {
    background: transparent;
}

.update {
    position: relative;
}

.update .content {
    position: absolute;
    top: 0;
    right: 15%;
    bottom: 0;
    margin: auto;
    width: 30%;
    height: 40%;
}

.update .content span {
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.95px;
    letter-spacing: 0.25em;
    text-align: center;
    color: #FFFFFF;
}

.update .content p {
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
}

.update .content a {
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 15.38px;
    letter-spacing: 0.25em;
    text-align: center;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 15px;
}

.update .content a:hover {
    background: #EC1D26;
    border: 1px solid #EC1D26;
}

.hybrid {
    background: #1C1C1C;
    padding: 50px 0;
}

.hybrid .heading {
    text-align: center;
}

.hybrid span {
    /* font-family: Futura PT; */
    /* font-family: "PT Sans", sans-serif; */
    font-size: 14px;
    font-weight: 400;
    line-height: 17.95px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #FFFFFF;
}

.hybrid .custom-gift img {
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
}

.hybrid h2 {
    text-align: center;
}

.hybrid ul.nav {
    justify-content: center;
    width: 52%;
    margin: 0 auto 50px;
    border-color: #D9D9D9;
}

.hybrid ul.nav li.nav-item {
    width: 31%;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #D9D9D9;
    position: relative;
    margin-bottom: -15px;
}

.hybrid ul.nav li.nav-item .nav-link.active {
    background: #EC1D26;
    color: #FFFFFF;
    border: 1px solid #EC1D26;
}

.hybrid ul.nav li.nav-item .nav-link {
    width: 95%;
    padding: 10px 0px;
    color: #FFFFFF;
    margin: 5px auto 20px;
    border-radius: 70px;
}

.hybrid ul.nav li.nav-item .nav-link:hover {
    border: 1px solid #EC1D26;
}


.hybrid .nav-tabs .nav-link:focus {
    outline: none;
}

.hybrid .nav-tabs .nav-link:hover {
    border: none;
}

.hybrid .luxury-item {
    padding: 20px;
    position: relative;
}

.hybrid .luxury-item .img-area {
    height: 350px;
    background: #313131;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

.hybrid .luxury-item img {
    margin-bottom: 20px;
}

.hybrid .luxury-item span {
    display: block;
    text-align: center;
    /* font-family: Futura PT; */
    /* font-family: "PT Sans", sans-serif; */
    font-size: 16px;
    /* font-weight: 500; */
    font-weight: normal;
    line-height: 38.46px;
    letter-spacing: 0.12em;
    text-align: center;
    color: #FFFFFF;
    word-wrap: break-word;
}

.hybrid .luxury-item p {
    /* font-family: Futura PT; */
    /* font-family: "PT Sans", sans-serif; */
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    color: #FFFFFF;
}

.hybrid .luxury-item .info {
    display: none;
}

.hybrid .luxury-item:hover .content {
    border: 2px solid #EC1D26;
    background: #212121;
    padding: 20px 0;
    border-radius: 20px;
    position: absolute;
    bottom: -20%;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
}

.hybrid .luxury-item .info .color-area {
    text-align: center;
    margin-bottom: 10px;
}

.hybrid .luxury-item .info .d-flex {
    gap: 10px;
}

.hybrid .luxury-item .info .counter {
    display: flex;
    justify-content: space-around;
    width: 40%;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    /* font-family: Futura Md BT; */
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.78px;
    letter-spacing: 0.25em;
    text-align: center;
    color: #FFFFFF;
}

.hybrid .luxury-item .info .counter input {
    background: transparent;
    width: 30px;
    border: none;
    text-align: center;
    /* font-family: Futura Md BT; */
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.78px;
    letter-spacing: 0.25em;
    text-align: center;
    color: #FFFFFF;
}

.hybrid .luxury-item .info .cart-btn button {
    display: block;
    background: #EC1D26;
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    border: 1px solid #EC1D26;
    font-size: 12px;
    font-weight: 500;
    line-height: 15.38px;
    letter-spacing: 0.25em;
    text-align: center;
    color: #FFFFFF;
    border-radius: 50px;
    padding: 12px 25px;
    text-decoration: none;
}

.hybrid .luxury-item .info .counter span.minus {
    padding-left: 10px;
}

.hybrid .luxury-item .info .counter span.plus {
    padding-right: 10px;
}

.hybrid .luxury-item:hover .info {
    display: block;
}

.hybrid .luxury-item .content input#black {
    accent-color: #000;
}

.hybrid .luxury-item .content input#white {
    accent-color: #fff;
}

.hybrid .luxury-item .content input#gray {
    accent-color: #454545;
}

.hybrid .slick-prev:before,
.hybrid .slick-next:before {
    display: none;
}

.hybrid .slick-prev,
.hybrid .slick-next {
    width: 40px;
    height: 40px;
}

.hybrid .slick-next img {
    transform: rotate(-180deg);
}

.trendy {
    position: relative;
}

.trendy .content {
    position: absolute;
    top: 0;
    left: 6%;
    bottom: 0;
    margin: auto;
    width: 40%;
    height: 36%;
}

.trendy .content span {
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.95px;
    letter-spacing: 0.25em;
    text-align: center;
    color: #FFFFFF;
}

/* .trendy .content h2 {
    font-family: "PT Sans", sans-serif;
    font-size: 50px;
    font-weight: 450;
    line-height: 64.1px;
    letter-spacing: 0.15em;
    text-align: left;
    color: #FFFFFF;
} */

.trendy .content p {
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
}

.trendy .content a {
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 15.38px;
    letter-spacing: 0.25em;
    text-align: center;
    background: #EC1D26;
    color: #FFFFFF;
    border-radius: 30px;
    text-decoration: none;
    padding: 10px 20px;
    border: 1px solid #EC1D26;
}

.trendy .content a:hover {
    background: transparent;
    color: #EC1D26;
}

.brands {
    background: #1C1C1C;
    text-align: center;
    padding: 50px 0;
}

.brands .row {
    margin-left: 0;
    margin-right: 0;
}

.brands .row>* {
    padding-left: 0;
    padding-right: 0;
}

.brands span {
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.95px;
    letter-spacing: 0.25em;
    text-align: center;
    color: #FFFFFF;
}

.brands h2 {
    text-align: center;
    margin-bottom: 50px;
}

.brands a {
    display: block;
    overflow: hidden;
}

.brands img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.brands a:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.product {
    background: #000000;
    padding-bottom: 50px;
}

.product img {
    width: 100%;
    height: auto;
}

.product .slider-nav {
    width: 22%;
    margin-bottom: 0 !important;
}

/* .product .slider-nav .slick-slide {
    padding: 10px 0;
} */

.slider-nav img.slick-slide,
.slider-nav img.slider-item {
    border-radius: 20px;
    border: 1px solid #cccccc;
}

.slider-nav img.slick-slide.slick-current.slick-active,
.slider-nav img.slick-slide.slick-current.slick-active {
    border: 1px solid #EC1D26;
}

.product .slider-for {
    width: 100%;
    margin: 0 auto;
}

.product .rating span img {
    width: 20px;
    height: auto;
}

.product .p-data span {
    font-size: 14px;
    font-weight: 400;
    line-height: 17.95px;
    letter-spacing: 0.1em;
    text-align: left;
    color: #FFFFFF;
}

.product .p-data .modal .watch-price span {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    /* letter-spacing: 0.09em; */
    text-align: left;
    color: #fff;
}

/* .product .p-data h2 {
    font-family: "PT Sans", sans-serif;
    font-size: 50px;
    font-weight: 450;
    line-height: 70px;
    letter-spacing: 0.15em;
    text-align: left;
    color: #FFFFFF;
} */

.product .p-data .price span {
    /* font-family: Futura MdCn BT; */
    /* font-family: "PT Sans", sans-serif; */
    font-size: 25px;
    font-weight: 400;
    line-height: 29.94px;
    text-align: left;
    color: #FFFFFF;
}

.product .p-data p {
    /* font-family: Futura PT; */
    /* font-family: "PT Sans", sans-serif; */
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
}

.product .p-data .d-flex {
    margin: 20px 0;
    gap: 20px;
}

.product .counter {
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    display: flex;
    align-items: center;
}

.product .counter input {
    width: 30px;
    background: transparent;
    border: none;
    color: #FFFFFF;
    text-align: center;
}

.product .counter span {
    padding: 0 15px;
    cursor: pointer;
}

.product a {
    display: inline-block;
    background: #EC1D26;
    /* font-family: Futura PT; */
    /* font-family: "PT Sans", sans-serif; */
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.07em;
    text-align: left;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 40px;
    border: 1px solid #EC1D26;
    border-radius: 50px;
}

.product a:hover {
    background: transparent;
}

.product button.addcart-btn {
    display: inline-block;
    background: #EC1D26;
    /* font-family: Futura PT; */
    /* font-family: "PT Sans", sans-serif; */
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.07em;
    text-align: left;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 40px;
    border: 1px solid #EC1D26;
    border-radius: 50px;
}

.product button.addcart-btn:hover {
    background: transparent;
}

.product .buy a {
    display: block;
    width: 50%;
}

.dial {
    background: linear-gradient(0deg, #313131, #313131),
        linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    padding: 50px 0;
    text-align: center;
}


.dial span {
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.95px;
    letter-spacing: 0.25em;
    text-align: center;
    color: #FFFFFF;
}

.dial h2 {
    text-align: center;
    margin-bottom: 50px;
}

.dial .row>* {
    padding: 0 40px;
}

.dial a {
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #000;
    transition: ease-in-out 0.5s;
}

.dial a:hover {
    border: 2px solid #fff;
    padding: 10px;
}

.dial .explore-btn a {
    background: #EC1D26;
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 15.38px;
    letter-spacing: 0.25em;
    text-align: left;
    color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #EC1D26;
    margin-top: 50px;
    height: auto;
    width: auto;
}

.dial .explore-btn a:hover {
    background: transparent;
}

.luxury {
    background: #000000;
    padding: 50px 0;
}

.luxury span {
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.95px;
    letter-spacing: 0.25em;
    text-align: center;
    color: #FFFFFF;
}

/* .luxury h2 {
    font-family: "PT Sans", sans-serif;
    font-size: 50px;
    font-weight: 450;
    line-height: 64.1px;
    letter-spacing: 0.15em;
    text-align: left;
    color: #FFFFFF;
} */

.luxury p {
    /* font-family: Futura Lt BT; */
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: #FFFFFF;
}

.luxury a {
    background: #EC1D26;
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 15.38px;
    letter-spacing: 0.25em;
    text-align: left;
    color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #EC1D26;
    margin-top: 20px;
}

.luxury a:hover {
    background: transparent;
}

.luxury .speci.d-flex.flex-column {
    gap: 70px;
}

.luxury .speci .spe-item:nth-child(2),
.luxury .speci .spe-item:nth-child(3) {
    margin-left: 50px;
}

.luxury .speci .spe-item {
    background: linear-gradient(90deg, #BB9D7B 0%, rgba(187, 157, 123, 0) 73.77%);
    padding: 10px 40px;
    border-radius: 20px;
    width: 70%;
}

.luxury .speci .spe-item p {
    font-size: 16px;
    font-weight: 500;
    line-height: 20.51px;
    letter-spacing: 0.05em;
    text-align: left;
    margin: 0;
    color: #fff;
}

.services {
    background: linear-gradient(0deg, #313131, #313131),
        linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.services .row {
    padding: 50px 0;
}

.services .d-flex {
    gap: 25px;
}

.services span {
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.10em;
    text-align: left;
    color: #FFFFFF;
}


.services hr {
    border-color: #D9D9D933;
    margin: 0;
    opacity: 1;
}

footer {
    background: linear-gradient(0deg, #313131, #313131),
        linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    padding: 40px 0 0;
}

footer ul.contact-info {
    margin-top: 20px;
}

footer ul.contact-info li {
    position: relative;
    padding-left: 30px;
}

footer ul.contact-info li img {
    position: absolute;
    top: 10%;
    left: 0;
    width: 20px;
    height: 20px;
}

footer ul.social {
    gap: 20px;
    margin-top: 50px;
}

footer .logo img {
    width: auto;
    height: 50px;
}

footer ul {
    list-style-type: none;
    padding-left: 0;
}

footer ul li {
    /* font-family: Futura Lt BT; */
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
}

footer ul li span {
    /* font-family: Futura Lt BT; */
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
}

footer ul li a {
    /* font-family: Futura Lt BT; */
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
    text-decoration: none;
}

footer ul li a:hover {
    color: #EC1D26;
}

footer .link-area {
    margin-bottom: 40px;
}

footer hr {
    border-color: #D9D9D933;
    margin: 0;
    opacity: 1;
}

footer .bottom {
    padding: 15px 0;
}

footer .bottom .row {
    margin-left: 0;
    margin-right: 0;
}

footer .bottom .row>* {
    padding-left: 0;
    padding-right: 0;
}

footer .bottom span {
    /* font-family: Futura PT; */
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
}

footer .bottom ul.policy {
    gap: 30px;
    margin: 0;
}

/* product listing page css start */

.price-input {
    width: 100%;
    display: flex;
    margin: 30px 0 0px;
}

.price-input .field {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center;
    color: #fff;
}

.field input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 14px;
    border-radius: 5px;
    text-align: left;
    background: transparent;
    color: #fff;
    border: none;
    /* -moz-appearance: textfield; */
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.price-input .separator {
    width: 50px;
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.slider {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}

.slider .progress {
    height: 100%;
    left: 0%;
    right: 0%;
    position: absolute;
    border-radius: 5px;
    background: #EC1D26;
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    appearance: none;
    /* -webkit-appearance: none; */
    /* -moz-appearance: none; */
    cursor: pointer;
}

input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #EC1D26;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: #EC1D26;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

section.listing {
    background: #1C1C1C;
    padding: 50px 0;
}

section.listing.recently {
    background: #1c1c1cf7;
    padding: 50px 0;
}

section.listing h3 {
    /* font-family: Roboto; */
    font-size: 19px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
}

section.listing .filter {
    background: #454545;
    padding: 30px;
    border-radius: 20px;
}

section.listing .filter-btn,
section.listing .filter-close {
    display: none;
}

section.listing .filter .filter-item .g-radio .d-flex {
    flex-wrap: wrap;
}

section.listing .filter .filter-item .g-radio .d-flex div {
    width: 33%;
}

section.listing .filter .filter-item .g-radio input {
    accent-color: #EC1D26;
}

section.listing .filter .filter-item {
    margin-bottom: 30px;
}

section.listing .filter .filter-item span {
    /* font-family: "PT Sans", sans-serif; */
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.05em;
    /* text-align: center; */
    color: #FFFFFF;
    display: block;
    margin-bottom: 15px;
}

section.listing .filter .filter-item label {
    /* font-family: "PT Sans", sans-serif; */
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
}

section.listing .filter input {
    accent-color: #EC1D26;
}

section.listing .filter .filter-item button#apply-filters {
    background: #EC1D26;
    color: #fff;
    border: 1px solid #EC1D26;
    padding: 5px 10px;
}

section.listing .filter .filter-item button#clear-filters {
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 10px;
}

section.listing .filter .filter-item button {
    background: transparent;
    border: none;
    padding: 0;
}

section.listing .filter .filter-item button img {
    width: 15px;
    height: auto;
}

section.listing .filter .filter-item .d-flex {
    flex-wrap: wrap;
    gap: 15px 20px;
    justify-content: space-between;
}

section.listing .filter .filter-item .color.d-flex {
    width: 100%;
    overflow-x: hidden;
    padding-right: 10px;
    gap: 15px 10px;
    justify-content: flex-start;
}

section.listing .filter .filter-item .color.d-flex .color-item {
    width: 10%;

}


section.listing .filter .filter-item .color-scroll {
    height: 180px;
    overflow-y: scroll;
}

/* section.listing .filter .filter-item .color.d-flex, */
section.listing .filter div.filter-content {
    max-height: 180px;
    overflow-y: scroll;
}

/* width */
section.listing .filter .filter-item .color.d-flex::-webkit-scrollbar,
section.listing .filter div.filter-content::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px;
}

/* Track */
section.listing .filter .filter-item .color.d-flex::-webkit-scrollbar-track,
section.listing .filter div.filter-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 6px;
}

/* Handle */
section.listing .filter .filter-item .color.d-flex::-webkit-scrollbar-thumb,
section.listing .filter div.filter-content::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

/* Handle on hover */
section.listing .filter .filter-item .color.d-flex::-webkit-scrollbar-thumb:hover,
section.listing .filter div.filter-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/* section.listing .filter .filter-item .d-flex .d-flex.feature {
    gap: 15px 10px;
    justify-content: flex-start;
    padding-right: 10px;
} */

/* div#dial_shape_value .d-flex {
    gap: 15px 10px;
} */

/* div#dial_shape_value .d-flex .d-flex.feature {
    width: 45%;
} */


/* div#case_size_value .d-flex {
    gap: 15px 0;
}

div#country_of_origin_value .d-flex,
div#buckle_material_value .d-flex,
div#water_resistance_value .d-flex,
div#strap_material_value .d-flex {
    gap: 15px 20px;
} */

/* div#country_of_origin_value .d-flex .d-flex.feature,
div#water_resistance_value .d-flex .d-flex.feature,
div#movement_value .d-flex .d-flex.feature {
    gap: 15px 10px;
}

div#glass_material_value .d-flex .d-flex.feature,
div#buckle_material_value .d-flex .d-flex.feature,
div#functionality_value .d-flex .d-flex.feature,
div#strap_material_value .d-flex .d-flex.feature,
div#case_material_value .d-flex .d-flex.feature {
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 15px 10px;
} */


section.listing .filter .filter-item a img {
    width: 18px;
}

section.listing .filter .filter-item .filter-content .d-flex div {
    display: flex;
    align-items: baseline;
    width: 100%;
    gap: 10px;
    padding-right: 10px;
}


/* div#dial_shape_value .d-flex div,
div#movement_value .d-flex div,
div#glass_material_value .d-flex div,
div#water_resistance_value .d-flex div,
div#country_of_origin_value .d-flex div,
div#warranty_value .d-flex div,
div#display_type_value .d-flex div,
div#buckle_material_value .d-flex div,
div#functionality_value .d-flex div,
div#case_size_value .d-flex div,
div#strap_material_value .d-flex div,
div#case_material_value .d-flex div {
    display: flex;
    align-items: baseline;
    width: 100%;
    gap: 10px;
    padding-right: 10px;
} */

/* div#water_resistance_value .d-flex .d-flex.feature,
div#country_of_origin_value .d-flex .d-flex.feature,
div#warranty_value .d-flex .d-flex.feature,
div#display_type_value .d-flex .d-flex.feature,
div#buckle_material_value .d-flex .d-flex.feature,
div#functionality_value .d-flex .d-flex.feature,
div#case_size_value .d-flex .d-flex.feature,
div#strap_material_value .d-flex .d-flex.feature,
div#case_material_value .d-flex .d-flex.feature,
div#movement_value .d-flex .d-flex.feature,
div#glass_material_value .d-flex .d-flex.feature {
    width: 100%;
}

div#case_size_value .d-flex .d-flex.feature {
    gap: 15px 5px;
} */




/* section.listing .filter .filter-item .d-flex input {
    width: 5%;
} 

section.listing .filter .filter-item .d-flex label {
    width: 90%;
}  */

section.listing .dropdown label {
    width: 25%;
}

section.listing .dropdown__switch:checked+.dropdown__options-filter .dropdown__select {
    transform: scaleY(1);
}

section.listing .dropdown__switch:checked+.dropdown__options-filter .dropdown__filter:after {
    transform: rotate(-135deg);
}

section.listing .dropdown__select-option {
    width: 100%;
    cursor: pointer;
}

section.listing .dropdown__filter {
    position: relative;
    display: flex;
    padding: 10px 20px;
    color: #fff;
    background-color: #454545;
    border: 1px solid #454545;
    border-radius: 30px;
    font-size: 14px;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    transition: .3s;
    list-style-type: none;
    margin: 0 0 10px;
    z-index: 3;
}

section.listing .dropdown__filter::after {
    position: absolute;
    top: 45%;
    right: 20px;
    content: '';
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg) translateX(-45%);
    transition: .2s ease-in-out;
}

section.listing .dropdown__select {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 5px;
    overflow: hidden;
    transform: scaleY(0);
    transform-origin: top;
    font-weight: 300;
    transition: .2s ease-in-out;
    list-style-type: none;
    padding: 0;
}

section.listing .dropdown__select-option {
    padding: 10px 20px;
    background-color: #454545;
    border-bottom: 1px solid #454545;
    transition: .3s;

}

section.listing .dropdown__select-option:last-of-type {
    border-bottom: 0;
}

section.listing .dropdown__select-option:hover {
    background-color: #EC1D26;
}

section.listing .p-item:hover {
    background: #fff;
    /* border-radius: 10px; */
}

section.listing .p-item {
    padding: 20px;
    border: 1px solid #454545;
    border-radius: 20px;
    margin-bottom: 20px;
    background: #fff;
}

div#slideshow-items-container .slideshow-items {
    border-radius: 20px;
}

section.listing .p-item span {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    color: #000;
    text-transform: uppercase;
}

section.listing .p-item:hover span {
    color: #EC1D26;
}

section.listing .p-item .color {
    gap: 10px;
}

section.listing .p-item .color-item {
    position: relative;
}

section.listing .p-item .color-item .tooltiptext {
    visibility: hidden;
    width: 80px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0px 10px;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 0;
    margin-left: -32px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    text-transform: capitalize;
}

section.listing .p-item .color-item .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

section.listing .p-item .color-item:hover .tooltiptext {
    visibility: visible;
}


section.listing .p-item .color-item input {
    opacity: 0;
    display: none;
}

section.listing .p-item .color-item input:checked+label {
    border: 1px solid red;
}

section.listing .p-item .color-item label {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    cursor: pointer;
    box-shadow: 0px 0px 5px 1px lightgray;
}

section.listing .p-item .color-item label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

section.listing .p-item .color-item label.gray::before {
    background: gray;
}

section.listing .p-item .color-item label.blue::before {
    background: blue;
}

section.listing .p-item .color-item label#gray::before {
    background: gray;
}

section.listing .p-item .color-item label#blue::before {
    background: blue;
}

.filter-item .color.d-flex {
    gap: 0 20px;
}

.filter-item .color-item {
    position: relative;
}

.filter-item .color-item .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0px 10px;
    position: absolute;
    z-index: 1;
    bottom: 25px;
    left: 0;
    margin-left: -80px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    text-transform: capitalize;
}

.filter-item .color-item .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.filter-item .color-item:hover .tooltiptext {
    visibility: visible;
}

.filter-item .color-item input {
    opacity: 0;
    display: none;
}

.filter-item .color-item input:checked+label {
    border: 1px solid red;
}

.filter-item .color-item label {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    cursor: pointer;
}

.filter-item .color-item label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 15px;
    height: 15px;
    border-radius: 15px;
}

.filter-item .color-item label#gray::before,
.filter-item .color-item label#gray1::before {
    background: #545454;
}

.filter-item .color-item label#blue::before,
.filter-item .color-item label#blue1::before {
    background: #254AA5;
}

.filter-item .color-item label#brown::before,
.filter-item .color-item label#brown1::before {
    background: #A58363;
}

.filter-item .color-item label#white::before,
.filter-item .color-item label#white1::before {
    background: #fff;
}

.filter-item .color-item label#red::before,
.filter-item .color-item label#red1::before {
    background: #EC1D26;
}

.filter-item .color-item label#green::before,
.filter-item .color-item label#green1::before {
    background: #1FAF38;
}

.filter-item .color-item label#purple::before,
.filter-item .color-item label#purple1::before {
    background: #9747FF;
}

.filter-item .color-item label#yellow::before,
.filter-item .color-item label#yellow1::before {
    background: #EECD54;
}

section.listing .p-item .img {
    text-align: center;
    margin-bottom: 20px;
    background: #fff;
}

section.listing .p-item .img img {
    width: auto;
    height: 210px;
}

section.listing .p-item p {
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: #000;
    margin-bottom: 0;
    height: 25px;
    overflow: hidden;
}

section.listing .product-list.similar button {
    background: #FAE2E3;
    border-radius: 10px;
    padding: 8px 40px;
    /* font-family: "Roboto"; */
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    border: none;
    color: #000000;
    margin-top: 10px;
}

section.listing .p-item .d-flex {
    justify-content: space-between;
}

section.listing .p-item .price span {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
    color: #000;
}

section.listing .p-item .old-price span {
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    text-align: left;
    color: #FFFFFF;
    text-decoration: line-through;
}

section.listing .p-item .off span {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: #EC1D26;
}

section.listing .p-item .fev button {
    border: none;
    background: transparent;
    padding: 0;
}

section.listing ul.pagination {
    justify-content: center;
    margin-top: 30px;
    gap: 20px;
}

section.listing ul.pagination li a {
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #FFFFFF;
}

section.listing ul.pagination li.active a {
    background-color: #EC1D26;
    padding: 10px;
    border-radius: 5px;
}

/* product listing page css end */


/* product details page css start */

section.details {
    background: #1C1C1C;
    padding: 20px 0 0px;
}

.slideshow-items {
    width: 300px;
}

.slideshow-thumbnails {
    margin: 10px 0;
}

#slideshow-items-container {
    display: inline-block;
    position: relative;
}

#lens {
    background-color: rgba(233, 233, 233, 0.4);
}

#lens,
#result {
    position: absolute;
    display: none;
    z-index: 1;
}

.slideshow-items {
    display: none;
}

.slideshow-items.active {
    display: block;
}

/* .slideshow-thumbnails {
    opacity: 0.5;
}

.slideshow-thumbnails.active {
    opacity: 1;
} */

#lens,
.slideshow-items,
.slideshow-thumbnails,
#result {
    border: solid var(--light-grey-2) 1px;
}

#result {
    background: #454545;
}

section.details .slider-nav {
    width: 22%;
    margin: 0;
}

section.details .slider-nav .slider-item {
    padding: 10px 0;
}

section.details .slider-for {
    width: 100%;
}

section.details ol.breadcrumb {
    margin-bottom: 30px;
}

section.details .d-info,
section.details .p-data,
section.details .color-area {
    padding-left: 50px;
}

section.details .d-info span {
    /* font-family: Roboto; */
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0.09em;
    text-align: left;
    color: #fff;
}

section.details .d-info button {
    border: none;
    background: transparent;
    padding: 0;
}

section.details .d-info p {
    /* font-family: "Roboto"; */
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.09em;
    text-align: left;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 10px;
}

section.details .d-info p span {
    /* font-family: "Roboto"; */
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.09em;
    text-align: left;
    color: #fff;
    display: block;
}

section.details .p-data .price span {
    /* font-family: "Roboto"; */
    font-size: 28px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #fff;
}

section.details .p-data .old-price span {
    /* font-family: "Roboto"; */
    font-size: 21px;
    font-weight: 400;
    line-height: 24.61px;
    letter-spacing: 0.09em;
    text-align: left;
    color: #fff;
    text-decoration: line-through;
}

section.details .p-data .off span {
    /* font-family: "Roboto"; */
    font-size: 21px;
    font-weight: 400;
    line-height: 24.61px;
    letter-spacing: 0.09em;
    text-align: left;
    color: #ED1C24;
}

section.details .p-data .p-area .taxes span {
    /* font-family: "Roboto"; */
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.035em;
    text-align: left;
    color: #B1B1B1;
    display: block;
    /* margin: 10px 0 20px; */
    margin-left: 20px;
}

section.details .p-data .buy-link {
    gap: 20px;
}

section.details .p-data a {
    /* font-family: "Roboto"; */
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.035em;
    text-align: center;
    color: #494949;
    padding: 10px 25px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid transparent;
    background: #EDEDED;
    display: block;
    width: 50%;
}

section.details .p-data a:hover {
    border: 1px solid #fff;
    color: #fff;
}

section.details .p-data button.enquiry-btn {
    /* font-family: "Roboto"; */
    background: #EDEDED;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.035em;
    text-align: center;
    color: #494949;
    padding: 10px 25px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid transparent;
}

section.details .p-data button.enquiry-btn:hover {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
}

.modal {
    --bs-modal-bg: #454545;
    --bs-modal-margin: 0;
    --bs-modal-width: 600px !important;
}

.modal-dialog {
    --bs-modal-bg: #454545;
}

div#addtocart .modal-dialog {
    margin: 0 0 0 auto;
    height: 100%;
    --bs-modal-bg: #454545;
}

div#addtocart .modal-dialog .modal-content {
    height: 100%;
    border-radius: 0;
}

.modal h2 {
    text-align: center;
}

.modal hr {
    border-color: #D0D0D0;
    opacity: 1;
    /* border: 1px solid #D0D0D0 */
}

.modal form .form-group {
    margin-bottom: 20px;
}

div#search .modal-dialog {
    margin-top: 4% !important;
}

div#search form {
    width: 95%;
}

div#search button {
    width: 5%;
    padding: 10px;
    filter: invert(1);
}

div#search button.btn-close:focus {
    box-shadow: none;
}

div#search form .form-group {
    margin-bottom: 0;
    padding-left: 30px;
    position: relative;
}

.form-control:focus {
    box-shadow: none !important;
}

div#search form .form-group img.search-icon {
    position: absolute;
    width: 20px;
    height: 25px;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
}

div#search form .form-group .form-control {
    border: transparent;
}

div#search .modal-body {
    padding: 0;
    height: auto;
    overflow: hidden;
}

.modal form .form-control {
    background: transparent;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}

.modal form .form-control::placeholder {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    text-transform: capitalize;
}

.modal button.send-btn {
    display: block;
    background: #EDEDED;
    color: #000;
    font-size: 16px;
    line-height: 26px;
    padding: 8px 0;
    width: 60%;
    margin: 0 auto;
    text-transform: uppercase;
    border-radius: 30px;
    border: 1px solid #EDEDED;
}

.modal a.send-btn {
    display: block;
    background: #EDEDED;
    color: #000;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    padding: 8px 0;
    width: 100% !important;
    margin: 10px auto 0;
    text-transform: uppercase;
    border-radius: 30px;
    border: 1px solid #EDEDED;
}

.modal .proceed button.send-btn {
    width: 100%;
    margin-top: 10px;
}

.modal .modal-header .btn-close {
    filter: invert(1);
}

div#addtocart .row {
    position: relative;
    margin-bottom: 20px;
}

.modal h2 {
    font-size: 20px !important;
}

.modal .img-area {
    text-align: center;
    background: #fff;
}

.modal .img-area img {
    height: 100px;
    width: auto;
    margin: 0 auto;
}

.modal .watch-data span {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.035em;
    text-align: left;
    color: #fff;
}

.modal .watch-data p {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.035em;
    text-align: left;
    color: #fff;
    margin-bottom: 5px;
    margin-top: 0;
}

.modal .watch-data .wacth-id span {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.035em;
    text-align: left;
    color: #fff;
}

.modal .counter {
    border: 1px solid #C6C2C2;
    border-radius: 30px;
    display: flex;
    align-items: center;
    /* width: 40%; */
    padding: 5px 20px;
    /* margin-left: auto; */
}

.counter span {
    cursor: pointer;
}

.modal .counter span {
    color: #fff;
    padding: 0;
}

.modal .counter input {
    background: transparent;
    border: none;
    color: #fff;
    text-align: center;
    width: 80%;
}

.modal .watch-qty {
    text-align: center;
}

.modal .watch-price button {
    position: absolute;
    right: 20px;
    top: 0;
    border: none;
    background: transparent;
    padding: 0;
    filter: invert(1);
    width: 25px;
}

.modal .watch-price span {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    /* letter-spacing: 0.09em; */
    text-align: left;
    color: #fff;
}

.modal .proceed {
    width: 80%;
}

.modal .proceed p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

.modal .proceed span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.09px;
    letter-spacing: 0.085em;
    text-align: center;
    color: #fff;
}

section.details .p-data button.addcart-btn {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.035em;
    text-align: center;
    color: #494949;
    padding: 10px 25px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid #FAE2E3;
    background: #FAE2E3;
    width: 50%;

}

section.details .p-data a:hover {
    background: transparent;
}

section.details .p-data button.addcart-btn:hover {
    background: transparent;
    color: #FAE2E3;
}

section.details .p-data ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 30px;
    margin-bottom: 0;
}

section.details .p-data ul li img {
    height: auto;
    width: 40px;
    margin-right: 10px;
}

section.details .p-data ul li {
    /* font-family: "Roboto"; */
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    letter-spacing: 0.035em;
    text-align: left;
    color: #fff;
}

section.details .partner {
    background: #F5F5F5;
    border-radius: 10px;
    padding: 30px 25px;
}

section.details .partner ul {
    padding-left: 0;
    list-style-type: none;
    margin: 0;
}

section.details .partner ul li {
    /* font-family: "Roboto"; */
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    letter-spacing: 0.035em;
    text-align: left;
    margin-bottom: 15px;
    /* color: #fff; */
}

section.details .partner ul li span {
    /* font-family: "Roboto"; */
    font-size: 16px;
    font-weight: 500;
    line-height: 18.75px;
    letter-spacing: 0.035em;
    text-align: left;
    /* color: #fff; */
}

section.details .partner ul li:nth-child(4) {
    font-weight: 400;
    color: #525352;
    margin-bottom: 20px;
}

section.details .partner ul li span img {
    width: 15px;
    height: auto;
}

section.details .partner ul li:nth-child(5) span {
    /* font-family: "Roboto"; */
    font-size: 12px;
    font-weight: 400;
    line-height: 14.06px;
    letter-spacing: 0.035em;
    text-align: left;
    /* color: #fff; */
}

section.details .partner ul li .form-group {
    position: relative;
    border-bottom: 2px solid #ED1C24;
    padding: 10px 0;
    margin-bottom: 30px;
}

section.details .partner ul li .form-group input {
    border: none;
    background: transparent;
}

section.details .partner ul li .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    background: #D9D9D9;
    border-radius: 10px;
    padding: 8px 15px;
    border: none;
}

section.details .partner ul li:nth-child(6) {
    font-weight: 500;
    color: #BDBDBD;
}

section.details .partner ul li:last-child {
    /* font-family: "Roboto"; */
    font-size: 16px;
    font-weight: 500;
    line-height: 18.75px;
    letter-spacing: 0.035em;
    text-align: left;
    /* color: #fff; */
    margin-bottom: 0;
}

section.details p {
    /* font-family: "Roboto"; */
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #fff;
    margin-top: 20px;
}

section.details .nav-tabs {
    margin-top: 30px;
    border-bottom: 1px solid #BDBDBD;
    position: sticky;
    top: 90px;
    background: #1C1C1C;

}

button.addcart-btn.enquiry_now {
    margin-top: 20px;
}

section.details .nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 3px solid #EC1D26;
    /* border-color: #EC1D26; */
}


section.details .nav-tabs .nav-link {
    /* font-family: "Roboto"; */
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.08em;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
}

section.details .nav-tabs .nav-link:focus,
section.details .nav-tabs .nav-link:hover {
    border-color: transparent;
    border-bottom: 3px solid #EC1D26;
}

/* section.details div#home-tab-pane .row {
    padding: 30px 0;
} */


/* section.details div#specifications,
section.details div#more {
    background: #454545;
} */

section.details .tab-pane {
    padding: 20px 0 50px;
}

section.details div#specifications .row,
section.details div#more .row {
    gap: 30px 0;
}

section.details .tab-pane h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
}

section.details .tab-pane .d-flex .img-area {
    width: 28%;
}

section.details .tab-pane .d-flex .content {
    width: 72%;
    padding-left: 15px;
}

section.details div#brandfamily .img-area {
    width: 70%;
    text-align: center;
}

section.details div#brandfamily .img-area img {
    width: auto;
    height: 200px;
    /* border-radius: 50%; */
    background: #fff;
}

section.details div#brandfamily .content {
    width: 30%;
}

section.details div#brandfamily .content ul {
    list-style-type: none;
    /* padding: 0; */
    margin: 0;
}

section.details div#brandfamily .content ul li {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #fff;
    margin-bottom: 20px;
}

section.details div#brandfamily .content ul li span {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #fff;
    display: block;
}

section.details .warranty-text span {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #fff;
    display: block;
}

section.details .warranty-text .bottom span,
section.details .warranty-text .bottom p {
    text-align: center;
}

section.details .warranty-text p {
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    text-align: left;
    color: #fff;
    margin: 0 0 20px;
}

section.details .warranty-text .img {
    width: 70%;
    display: block;
    margin: -5% auto 0;
}

section.details .warranty-text .bottom {
    text-transform: uppercase;
}

section.details .warranty-text .bottom p {
    margin: 0;
}

section.details .d-flex .content p {
    /* font-family: Roboto; */
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
}

section.details .d-flex .content p span {
    /* font-family: Roboto; */
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #BDBDBD;
    display: block;
    text-transform: uppercase;
}

section.together {
    padding: 50px 0;
    background: #1E1E1E;
}

section.together h3 {
    /* font-family: Roboto; */
    font-size: 19px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #fff;
    margin-bottom: 30px;
}

section.together .t-item {
    text-align: center;
}

section.together span {
    /* font-family: "Roboto"; */
    font-size: 15px;
    font-weight: 400;
    line-height: 17.58px;
    letter-spacing: 0.06em;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
}

section.together p {
    /* font-family: Roboto; */
    font-size: 69px;
    font-weight: 500;
    line-height: 80.86px;
    letter-spacing: 0.08em;
    text-align: center;
    color: #BDBDBD;
}

section.together ul {
    padding-left: 0;
    list-style-type: none;
    margin: 0;
}

section.together ul li {
    /* font-family: Roboto; */
    font-size: 18px;
    font-weight: 400;
    line-height: 21.09px;
    letter-spacing: 0.06em;
    text-align: center;
    color: #fff;
    margin: 10px 0;
}

section.together ul li span {
    /* font-family: Roboto; */
    font-size: 18px;
    font-weight: 700;
    line-height: 21.09px;
    letter-spacing: 0.06em;
    text-align: center;
    color: #fff;
}

section.together ul li button {
    border-radius: 10px;
    padding: 10px 20px;
    /* font-family: Roboto; */
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.06em;
    text-align: center;
    color: #000;
    border: none;
    display: block;
    width: 60%;
    margin: 0 auto;
}

section.together ul li:nth-child(2) button {
    background: #FAE2E3;
}

section.together ul li:last-child button {
    background: #FFFFFF;
}

section.listing .table.table-black {
    --bs-table-bg: #000;
    --bs-table-color: #fff;
}

section.listing .table {
    margin-top: 30px;
    margin-bottom: 0;
}

section.listing .table td,
section.listing .table.table-black th {
    border-bottom-width: 0;
    padding: 10px 20px;
    height: 50px;
}

/* product details page css end */

/* about page css start */


#clockContainer {
    position: relative;
    margin: auto;
    height: 200px;
    width: 200px;
    background: url('../images/clock.png') no-repeat;
    background-size: 100%;
}

#hour,
#minute,
#second {
    position: absolute;
    background: #c8ac78;
    border-radius: 10px;
    transform-origin: bottom;
}

#clockContainer .circle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #c8ac78;
}

#hour {
    width: 1.8%;
    height: 25%;
    top: 25%;
    left: 48.85%;
    opacity: 0.8;
}

#minute {
    width: 1.6%;
    height: 30%;
    top: 19%;
    left: 48.9%;
    opacity: 0.8;
}

#second {
    width: 1%;
    height: 40%;
    top: 9%;
    left: 49.25%;
    opacity: 0.8;
}

.legacy {
    background: #000;
    padding-bottom: 50px;
}

.legacy .timeless {
    background: #F7EEDF;
    padding: 20px 0;
    text-align: center;
    position: relative;
    margin-bottom: 80px;
}

.legacy .timeless .d-flex {
    gap: 20%;
}

.legacy .timeless .img-area {
    position: absolute;
    left: 0;
    right: 0;
    width: 20%;
    top: -60px;
    bottom: 0;
    margin: auto;
}

.legacy .timeless span {
    font-size: 40px;
    font-weight: 400;
    line-height: 46.88px;
    letter-spacing: 0.1em;
    text-align: center;
    color: #ED1C24;
    text-transform: uppercase;
}

.legacy .first {
    width: 60%;
    margin: 0 auto;
}

.legacy p span {
    color: #ED1C24;
}

.legacy p {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    color: #fff;
}

section.timeline {
    position: relative;
    padding: 50px 0;
    background: #454545;
}

section.timeline .main {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    height: 100%;
    width: 40%;
    margin: 40px auto 0;
}

/* section.timeline .main img {
    width: 60%;
    display: block;
    margin: 20px auto 0;
} */

section.timeline .img {
    width: 50%;
    margin: 20px 40px 0 auto;
}

section.timeline .red-bg {
    position: relative;
    width: 45%;
}

section.timeline .red-bg p {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 75%;
    height: 70%;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
    color: #FFFFFF;
}

section.timeline .text {
    margin-top: 40px;
}

section.timeline .text.w-95 {
    margin-top: 0px;
}

section.timeline .text.w-95 p {
    width: 95%;
}

section.timeline .text p {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
    margin: 0;
    width: 91%;
}

section.timeline .col-lg-6.right {
    position: relative;
}

section.timeline .ver-bg {
    position: relative;
    left: 25%;
    width: 20%;
}

section.timeline .ver-bg p {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 90%;
    height: 60%;
    margin: auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    color: #fff;
    padding-right: 10px;
}

section.timeline .right-img {
    position: absolute;
    right: 5%;
    bottom: 0%;
    width: 40%;
}

section.timeline .col-lg-6.years,
section.timeline .col-lg-6.adomed {
    position: relative;
}

section.timeline .col-lg-6.years .ver1 {
    position: absolute;
    bottom: -50%;
}

section.timeline .col-lg-6.years .ver1 p {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 40%;
    width: 75%;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    color: #fff;
}

section.timeline .col-lg-6 .swiss {
    width: 45%;
    position: relative;
    margin-left: 20%;
}

section.timeline .col-lg-6 .swiss.full {
    width: 90%;
    position: relative;
    margin-left: 0;
}

section.timeline .col-lg-6 .img-full {
    width: 75%;
    margin: 0 auto 0 0;
}

section.timeline .col-lg-6 .img-full.w-85 {
    width: 85%;
}

section.timeline .col-lg-6 .swiss.right {
    width: 45%;
    margin-left: auto;
    position: relative;
}

section.timeline .col-lg-6 .swiss.right p {
    height: 70%;
    width: 70%;
    font-size: 18px;
}

section.timeline .col-lg-6 .swiss.right.w-4 {
    width: 40%;
    margin-top: 5%;
}

section.timeline .col-lg-6 .swiss.right.w-4 p {
    height: 60%;
    width: 60%;
}

section.timeline .col-lg-6 .swiss p {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 55%;
    width: 80%;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
    color: #fff;
}

section.timeline .col-lg-6.adomed .img1 {
    position: absolute;
    right: 0;
    bottom: -100px;
    width: 28%;
}

section.timeline .col-lg-6.great {
    position: relative;
}

section.timeline .img-center1 {
    position: absolute;
    left: 0;
    right: 0;
    top: -10%;
    width: 50%;
    margin: auto;
}

section.timeline .col-lg-6 .img-center {
    width: 50%;
    margin: 0 auto;
}

section.timeline .col-lg-6 .img-full span {
    font-size: 100px;
    font-weight: 600;
    line-height: 117.19px;
    text-align: left;
    color: #ED1C24;
}

.m-50 {
    margin: 50px 0 !important;
}

.m-t-3 {
    margin-top: -3% !important;
}

section.timeline .img-shop {
    width: 65%;
    margin-left: auto;
    margin-top: 40px;
}

section.timeline .para1 {
    position: absolute;
    top: 19%;
    width: 38%;
}

section.timeline p {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: #fff;
    margin: 0;
}

section.timeline .para2 {
    position: absolute;
    bottom: 30%;
    width: 18%;
}

section.timeline .para3 {
    position: absolute;
    bottom: 5%;
    width: 30%;
}

section.timeline .para3 span {
    font-size: 100px;
    font-weight: 600;
    line-height: 120px;
    text-align: left;
    color: #ED1C24;
}

/* about page css end */

/* login page css start */

.login {
    background: #1C1C1C;
    padding: 20px 0 50px;
    text-align: center;
}

.login span {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.085em;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
}

.login .title span img {
    width: 25%;
}

.login .login-form {
    width: 50%;
    margin: 20px auto 0;
    border: 2px solid #D6D6D6;
    padding: 30px 50px;
    border-radius: 10px;
}

.login .login-form .log-with {
    margin: 20px 0;
    gap: 20px;
}

.login .login-form .log-with .with {
    width: 35%;
}

.login .login-form .log-with .with a {
    border-radius: 40px;
    padding: 8px 20px;
    width: 100%;
    display: block;
}

.login .login-form .log-with .with a img {
    height: 25px;
    width: auto;
}

.login .login-form .log-with .with:first-child a {
    background: #FF4545;
}

.login .login-form .log-with .with:last-child a {
    background: #274CA7;
}

.login .login-form p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
}

.login .login-form .form-group {
    position: relative;
    margin-bottom: 20px;
}

.login .login-form form .form-group:first-child,
.login .login-form form .form-group:nth-child(2) {
    margin-bottom: 40px;
}

/* section.login.register .login-form form .form-group:first-child,
section.login.register .login-form form .form-group:nth-child(2) {
    margin-bottom: 40px;
} */

.login .login-form .form-group:last-child {
    margin-bottom: 0;
}

.login .login-form .form-group .img-area {
    position: absolute;
    top: 0%;
    bottom: 0;
    left: 8%;
    margin: auto;
    width: 4%;
    display: flex;
    align-items: center;
}

.login .login-form .form-group .right-border {
    position: absolute;
    top: 0%;
    bottom: 0;
    left: 17%;
    margin: auto;
    height: 50%;
    border-right: 2px solid #ED1C24;
}

.login .login-form .form-group input[type='text'],
.login .login-form .form-group input[type='email'],
.login .login-form .form-group input[type='password'] {
    width: 95%;
    border-radius: 60px;
    border: 3px solid #DDDDDD;
    background: transparent;
    padding: 15px 25px 15px 100px;
}

.login .login-form .form-group input::placeholder {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #E0E0E0;
}

.login .login-form .form-group span,
.login .login-form .form-group span a {
    letter-spacing: 0;
    color: #EC1D26;
}

.login .login-form .form-group p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    color: #8E8E8E;
    margin-top: 20px;
}

.login .login-form .form-group button {
    /* background: #494949; */
    background: #EC1D26;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.08em;
    text-align: center;
    color: #FFFFFF;
    padding: 8px 0;
    border-radius: 60px;
    text-transform: uppercase;
    border: none;
    width: 85%;
    margin: 0;
}

section.login.register .login-form form .form-group {
    position: relative;
    margin-bottom: 40px;
}

section.login.register .login-form form .form-group label.error {
    left: 0;
}

.login .login-form .form-group label.error {
    position: absolute;
    left: 20px;
    bottom: -30px;
    color: #ff0000;
    font-size: 15px;
}

.login .login-form .form-group button.guest {
    /* background: #B8B8B8; */
    background: #bc4242;
}

section.login.register h5 {
    font-size: 25px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.06em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

section.login.register .form-group span {
    color: #fff;
}

section.login.register span a {
    color: #EC1D26;
}

section.login.register .form-group {
    width: 90%;
    margin: 0 auto 20px;
}

section.login.register .form-group.password .eye-img {
    position: absolute;
    right: 4%;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 7%;
    height: 70%;
}

section.login.register .form-group .d-flex {
    gap: 20px;
}

section.login.register .form-group input[type='text'],
section.login.register .form-group input[type='email'],
section.login.register .form-group input[type='password'] {
    border-radius: 10px;
    padding: 10px 25px;
    width: 100%;
}

input[type='checkbox'],
input[type='radio'] {
    accent-color: #EC1D26;
}

section.login.register .form-group label {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    text-align: left;
    color: #fff;
}

/* login page css end */


/* my order page css start */

.order {
    background: #1C1C1C;
}

.order .row {
    margin: 0;
}

.order .row>* {
    padding: 60px !important;
}

.order .row .col-lg-6:last-child {
    background: #232323;
}

.order .summary span {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    /* letter-spacing: 0.22em; */
    text-align: left;
    text-transform: capitalize;
    color: #fff;
    display: block;
    margin-bottom: 30px;
}

.order .summary .o-item {
    padding: 20px 0;
    border-bottom: 1px solid #D9D9D9;

}

.order .summary .o-item span {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    /* letter-spacing: 0.16em; */
    text-align: center;
    color: #fff;
    display: inline-block;
    margin: 0;
}

.order .summary .o-item .img-area img {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    height: 150px;
    width: auto;
}

.order .summary .o-item .left p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    color: #dbdbdb;
}

.order .summary .o-item .right .counter {
    border: 1px solid #C6C2C2;
    border-radius: 30px;
    display: flex;
    align-items: center;
    width: 50%;
    padding: 5px 15px;
    margin-left: auto;
}

.order .summary .o-item .right .counter input {
    background: transparent;
    border: none;
    color: #fff;
    text-align: center;
    width: 80%;
}

.order .summary .g-20 {
    gap: 20px;
}

.order .summary .o-item button {
    background: #F2F2F2;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    color: #1E1E1E;
    padding: 5px 20px;
    border: 1px solid #F2F2F2;
    text-transform: capitalize;
    border-radius: 5px;
    width: 50%;
    height: 40px;
}

.order .summary .o-item .o-data {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.order .summary .o-item .o-data .d-flex {
    width: 100%;
    align-items: center;
}

.order .summary .o-item .o-data .d-flex .left {
    width: 50%;
}

.order .summary .o-item button:hover {
    background: transparent;
    color: #F2F2F2;
}

.order .summary .o-item .text-end {
    margin-top: 0px;
    width: 50%;
}

.order .summary .promo {
    border: 1px solid #DDD8D8;
    padding: 25px;
    border-radius: 5px;
    margin: 20px 0;
}

.order .summary .promo a {
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    text-align: left;
    color: #EC1D26;
    text-decoration: underline !important;
    text-transform: capitalize;
}

.order .summary .promo input {
    border-bottom: 2px solid #B9B9B9 !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #fff;
    width: 75%;
    background: transparent;
    border: none;
}

.order .summary .promo input::placeholder {
    color: #fff;
}

.order .summary .promo button {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.07em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: #EC1D26;
    border-radius: 5px;
    padding: 8px 0;
    width: 24%;
    border: none;
}

.order .summary .total span {
    margin-bottom: 0;
}

.order .summary .total .d-flex {
    margin-bottom: 20px;
}

.order .summary .total .grand.d-flex {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #E0E0E0;
}

.order .info .row>* {
    padding: 0px 10px !important;
}

.order .info .logo-area {
    width: 55%;
    margin: 0 auto;
}

.order .info .logo-area img {
    display: block;
    width: 80%;
    margin: 0 auto;
}

.order .info .contact-info {
    margin-top: 60px;
}

.order .info .contact-info span {
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #fff;
}

.order .info .contact-info .col-lg-6:nth-child(2) span {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #B6B6B6;
}

.order .info .contact-info .col-lg-6:nth-child(2) span a {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #B6B6B6;
    text-decoration: underline !important;
}

.order .info .contact-info .form-group {
    margin-top: 20px;
    position: relative;
}

.order .info .contact-info .img {
    position: absolute;
    right: 2%;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 55%;
}

.order .info .contact-info .img::before {
    content: '';
    position: absolute;
    left: -15px;
    height: 100%;
    width: 1%;
    background: #D9D9D9;
}

.order .info .contact-info .form-control {
    background: transparent;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #CDCDCD;
}



.order .info .contact-info .form-control::placeholder {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #CDCDCD;
}

.order .info .contact-info label {
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    color: #CDCDCD;
}

.order .info .contact-info label.error {
    color: #ff0000;
    font-weight: 500;
}

.order .info .contact-info .shipping-btn {
    margin-top: 50px;
}

.order .info .contact-info .shipping-btn button {
    background: #EC1D26;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    /* letter-spacing: 0.08em; */
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 40px;
    width: 60%;
    padding: 8px 0;
    border: none;
}

.order .info .contact-info .shipping-btn a {
    background: #EC1D26;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    /* letter-spacing: 0.08em; */
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 40px;
    display: inline-block;
    width: 60%;
    padding: 8px 0;
    border: none;
}

/* my order page css end */

/* wishlist page css start */

.wishlist {
    background: #1C1C1C;
    padding: 50px 0;
}

.wishlist h2 {
    text-align: center;
}

.wishlist label {
    color: #fff;
}

.wishlist-item {
    border: 1px solid #BDBDBD;
    border-radius: 5px;
}

.wishlist-item.out {
    opacity: 0.5;
    margin-bottom: 5px;
}

.wishlist-item .watch-img {
    position: relative;
    border-bottom: 1px solid #BDBDBD;
    padding: 20px 50px 30px;
    background: #fff;
    display: flex;
    align-items: center;
    height: 250px;
}

.wishlist-item .watch-img .delete {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15%;
}

.wishlist-item .watch-img .delete button {
    background: transparent;
    border: none;
    padding: 0;
}

.wishlist-item .content {
    padding: 20px;
}

.wishlist-item .content span {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #fff;
}

.wishlist-item .content p {
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    text-align: left;
    color: #fff;
    margin: 0;
}

.wishlist-item .content .d-flex {
    gap: 15px;
}

.wishlist-item .content .price span {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
    color: #fff;
}

.wishlist-item .content .old-price span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #fff;
    text-decoration: line-through;
}

.wishlist-item .content .off span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #EF0000;
}

.wishlist-item button {
    background: #494949;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.095em;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    padding: 10px 0;
    border: none;
    border-radius: 0 0 5px 5px;
}

/* wishlist page css end */


/* compare page css start */

.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #000 !important;
}


/* compare page css end */



/* order-history page css start */

.order-history {
    padding: 50px 0;
    background: #1C1C1C;
}

.order-history h2 {
    margin: 20px 0;
}

.order-history .o-placed {
    border-radius: 5px;
    border: 1px solid #BDBDBD;
    padding: 30px 50px;
    margin-top: 50px;
}

.order-history .o-placed .o-date span {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.10em;
    text-align: left;
    color: #fff;
}

.order-history .o-placed .o-date p {
    font-size: 24px;
    font-weight: 300;
    line-height: 28.13px;
    letter-spacing: 0.105em;
    text-align: left;
    color: #fff;
    margin: 0;
}

.order-history .o-placed .o-date a {
    display: block;
    width: 80%;
    background: transparent;
    border: 1px solid #BDBDBD;
    border-radius: 5px;
    font-size: 16px;
    /* font-weight: 500; */
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0.105em;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 0;
    margin: 15px 0 0;
}

.order-history .o-placed .o-date a:hover {
    background: #D9D9D9;
    color: #000;
}

.order-history .o-placed .o-date button {
    width: 80%;
    background: transparent;
    border: 1px solid #BDBDBD;
    border-radius: 5px;
    font-size: 16px;
    /* font-weight: 500; */
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0.105em;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 0;
    margin: 15px 0 0;
}

.order-history .o-placed .o-date button:hover {
    background: #D9D9D9;
    color: #000;
}

.order-history .o-placed .o-watch p {
    font-size: 20px;
    font-weight: 400;
    line-height: 23.44px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #fff;
}

.order-history .o-placed .o-watch p span {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #fff;
}

.order-history .o-placed .o-watch .row {
    margin-bottom: 20px;
}

.order-history .o-placed .o-watch .row:last-child {
    margin-bottom: 0px;
}

.order-history .o-placed .o-watch .o-w-content span {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    color: #fff;
}

.order-history .o-placed .o-watch .o-w-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #fff;
    margin-bottom: 5px;
}

.order-history .o-placed .o-watch .o-w-content .status span {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #ED1C24;
    text-transform: uppercase
}

.order-history .o-placed .o-watch .qty {
    border: 1px solid #BDBDBD;
    border-radius: 30px;
    text-align: center;
    padding: 5px;
}

.order-history .o-placed .o-watch .qty span {
    font-size: 15px;
    font-weight: 400;
    line-height: 17.58px;
    letter-spacing: 0.125em;
    text-align: center;
    color: #fff;
}

.order-history .o-placed .o-watch .price span {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff;
}

.order-history .o-placed .de-fe button {
    background: #D9D9D9;
    border: 1px solid #D9D9D9;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.105em;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    width: 85%;
    display: block;
    padding: 10px 0;
    margin: 20px 0 20px auto;
}

.order-history .o-placed .de-fe button:hover {
    background: transparent;
    color: #D9D9D9;
}

.order-history .o-placed .de-fe a {
    background: #D9D9D9;
    border: 1px solid #D9D9D9;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.105em;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    width: 85%;
    display: block;
    padding: 10px 0;
    margin: 20px 0 20px auto;
}

.order-history .o-placed .de-fe a:hover {
    background: transparent;
    color: #D9D9D9;
}


/* order-history page css end */

/* track order page css start */

.track {
    padding: 50px 0;
    background: #000000;
}

.track .my-order span {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.track .my-order .row {
    margin-top: 20px;
}

.track .my-order .row.esti>* {
    border: 2px solid #7d7d7d;
    padding: 15px 0;
}

.track .my-order .row.esti .col-lg-4 {
    border-radius: 10px 0 0 10px;
}

.track .my-order .row.esti .col-lg-3:last-child {
    border-radius: 0px 10px 10px 0px;
}

.track .my-order .row .estimated p {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
}

.track .my-order .row .estimated p span {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    color: #fff;
}

.track .order-status .row {
    border: 2px solid #7d7d7d;
    border-radius: 10px;
    margin-top: 40px;
}

.track .order-status .row>* {
    padding-left: 0;
    padding-right: 0;
}

.track .order-status p {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    color: #fff;
    margin: 0;
    border-bottom: 2px solid #7d7d7d;
    padding: 10px 0;
}

.track .order-status .track-item {
    padding: 40px 0;
    position: relative;
}

.track .order-status .track-item::before {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    height: 3px;
    width: calc(50% - 40px);
    background: #D9D9D9;
    top: 40%;
    z-index: 0;
}

.track .order-status .track-item::after {
    content: '';
    position: absolute;
    right: 0;
    display: block;
    height: 3px;
    width: calc(50% - 40px);
    background: #D9D9D9;
    top: 40%;
    z-index: 0;
}

.track .order-status .track-item.complete::before,
.track .order-status .track-item.complete::after {
    background: #ED1C24;
}

.track .order-status .track-item span {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    display: block;
    margin-top: 10px;
}

.track .order-status .track-item img {
    width: 80px;
    height: auto;
}

.track .order-status .track-item img.img1,
.track .order-status .track-item.complete img.img2 {
    display: none;
}

.track .order-status .track-item img.img2,
.track .order-status .track-item.complete img.img1 {
    display: inline-block;
}

.track .view a {
    background: #D9D9D9;
    font-size: 18px;
    font-weight: 500;
    line-height: 25.41px;
    letter-spacing: 0.07em;
    text-align: center;
    color: #494949;
    padding: 8px 0;
    display: block;
    width: 30%;
    text-transform: uppercase;
    margin: 20px auto;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
}

.track .view a:hover {
    background: transparent;
    color: #D9D9D9;
}

.track .again .watch {
    border: 2px solid #7d7d7d;
    border-radius: 10px;
}

.track .again .watch .img-area {
    border-right: 2px solid #7d7d7d;
}

.track .again .watch .content {
    padding-left: 30px;
}

.track .again .watch .content span {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #fff;
}

.track .again .watch .content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #fff;
    margin: 0;
}

.track .again .watch .content .price span {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    color: #fff;
}

.track .again a {
    background: #D9D9D9;
    font-size: 18px;
    font-weight: 500;
    line-height: 25.41px;
    letter-spacing: 0.07em;
    text-align: center;
    color: #494949;
    padding: 8px 0;
    display: block;
    text-transform: uppercase;
    width: 50%;
    margin: 20px auto;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
}

.track .again a:hover {
    background: transparent;
    color: #D9D9D9;
}

.track hr {
    margin: 50px 0;
    border-color: #7d7d7d;
    /* border: 2px solid  */
    opacity: 1;
}

/* track order page css end */

/* checkout page css start */

section.checkout {
    padding: 50px 0;
    background: #1C1C1C !important;
}

section.checkout .card {
    background-color: transparent;
    border: none;
}

section.checkout button.addcart-btn {
    background: #454545;
    color: #fff;
    padding: 30px 0;
    border: 1px solid #454545;
    border-radius: 5px;
    font-size: 18px;
    line-height: 25px;
    width: 60%;
}

section.checkout .form-card {
    padding: 30px 0;
}

section.checkout fieldset a {
    font-size: 16px;
    line-height: 25px;
    color: #EC1D26;
    float: inline-start;
    padding: 10px 0;
}

section.checkout .product-area h5 {
    font-size: 18px;
    line-height: 25px;
    text-align: left;
    font-weight: 600;
    color: #fff;
}

section.checkout .product-area span {
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    font-weight: 400;
    color: #fff;
}

section.checkout .product-area .p-type {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    padding: 10px 0;
    margin: 15px 0;
}

section.checkout .payment .form-group {
    text-align: left;
}

section.checkout .payment .form-group:first-child {
    margin-bottom: 30px;
}

section.checkout .payment .form-group span {
    display: block;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    color: #fff;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid gray;
}

section.checkout .payment textarea {
    background: transparent;
    border: 5px;
    border: 1px solid gray;
    color: #fff;
}

section.checkout .payment textarea::placeholder {
    color: #fff;
}

section.checkout .payment label img {
    height: 40px;
    background: #454545;
    padding: 5px;
    border-radius: 5px;
}

/* section.checkout .payment input[type="radio"] {
    opacity: 0;
} */

section.checkout .payment label {
    cursor: pointer;
}

section.checkout .payment input:checked+label {
    border-radius: 5px;
    border: 1px solid #EC1D26;
}


section.checkout .payment .summary .d-flex {
    border-bottom: 1px solid gray;
    margin: 10px;
    padding: 0 0 10px 0;
}

section.checkout .payment .summary h6 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
}

section.checkout .payment .summary span {
    font-size: 16px;
    line-height: 25px;
    font-size: 500;
    color: #fff;
}

section.checkout .payment .summary .p-item span {
    font-size: 16px;
    line-height: 25px;
    font-size: 400;
    color: #fff;
}



div#addaddress label {
    color: #fff;
}

/* checkout page css end */




li.breadcrumb-item a,
li.breadcrumb-item,
li.breadcrumb-item.active {
    /* font-family: "Roboto"; */
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    text-align: left;
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #fff !important;
}

section.details.privacy {
    padding: 50px 0;
}

section.details.privacy .title {
    margin-bottom: 40px;
}

section.details.privacy .title span {
    font-weight: 300;
}

section.details.privacy span {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    color: #fff;
}

section.details.privacy .cancel span {
    display: block;
    margin-bottom: 30px;
}

section.details.privacy h5 {
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    color: #fff;
}

section.details.privacy p a {
    color: #EC1D26;
}

section.details.privacy .site p {
    margin: 0 0 20px;
}

section.details.privacy .back-to {
    margin-top: 80px;
    text-align: center;
}

section.details.privacy .back-to a {
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #EC1D26;
    border-bottom: 2px solid #EC1D26;
    padding: 5px 10px;
}

section.details.privacy ul {
    margin-left: -2rem;
}

section.details.privacy li {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: #fff;
    margin-bottom: 10px;
}

section.details.privacy ol {
    margin: 50px 0;
}

section.details.privacy .cover span {
    display: block;
    margin-bottom: 15px;
}

section.details.privacy .contact-item {
    background: #454545;
    padding: 20px 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

section.details.privacy .contact-item img {
    display: block;
    margin: 0 auto 10px;
    width: 50px;
    height: auto;
}

section.details.privacy form .form-group {
    margin-bottom: 20px;
}

section.details.privacy form .form-control {
    background: transparent;
    border: 1px solid #454545;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}

section.details.privacy form .form-control::placeholder {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}

section.details.privacy form button {
    background: #EC1D26;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.08em;
    text-align: center;
    color: #FFFFFF;
    padding: 8px 0;
    border-radius: 60px;
    text-transform: uppercase;
    border: none;
    width: 85%;
}

.gifting {
    background: #454545;
    padding: 50px 0;
}

.gifting .gift-area .col-lg-2 {
    width: 20%;
    text-align: center;
}

.gifting .gift-area .gift img {
    width: 100px;
    height: auto;
}

.gifting .gift-area span {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    font-weight: 400;
}

.gifting .gift-area p {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}

.gifting .gift-area .content {
    margin-top: 40px;
}

.hybrid .cust-area a:hover span {
    color: #EC1D26;
}

section.details.privacy .left-area a.close,
section.details.privacy .right-area a.open1 {
    display: none;
}

section.details.privacy .left-area .top-area {
    background: #EC1D26;
    padding: 20px 0;
    border-radius: 10px 10px 0 0;
    text-align: center
}

section.details.privacy .left-area .top-area img {
    display: block;
    margin: 0 auto 20px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

section.details.privacy .left-area .top-area p {
    text-align: center;
    margin: 0px;
}

section.details.privacy .right-area .col-lg-4:first-child .avail {
    background-image: linear-gradient(315deg, #eb4786 0%, #b854a6 74%);
}

section.details.privacy .right-area .col-lg-4 .avail {
    background-image: linear-gradient(315deg, #875fc0 0%, #5346ba 74%);
    padding: 20px;
    border-radius: 10px;
}

section.details.privacy .right-area .col-lg-4 .avail span {
    font-size: 25px;
    line-height: 35px;
}

section.details.privacy .right-area .col-lg-4:last-child .avail {
    background-image: linear-gradient(315deg, #47c5f4 0%, #6791d9 74%);
}

section.details.privacy .tab-pane {
    padding: 0px 0 0px;
}

section.details.privacy .nav-tabs {
    margin-top: 0;
    margin-left: 0;
    border: 1px solid #454545;
    border-top: none;
    padding: 20px 20px;
}

section.details.privacy .nav-tabs li {
    margin-bottom: 15px;
}

section.details.privacy .nav-tabs .nav-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.08em;
    text-align: left;
    text-transform: capitalize;
    color: #fff;
    border: none;
    padding: 0px;
    width: 100%;
}

section.details.privacy .nav-tabs .nav-link img {
    width: 20px;
    height: auto;
    margin-right: 10px;
}

section.details.privacy .create button {
    border: 1px solid #454545;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #EC1D26;
    letter-spacing: 0.05em;
    width: 30%;
    padding: 15px 0;
}

section.details.privacy .create button img {
    width: 70px;
    height: auto;
    background: #454545;
    border-radius: 50%;
    padding: 15px;
}

section.details.privacy .tickets {
    margin-top: 20px;
    border: 1px solid #454545;
}

section.details.privacy .tickets h6 {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 500;
    padding: 20px;
    border-bottom: 1px solid #454545;
}

section.details.privacy .tickets .table-area {
    padding: 20px;
}

section.details.privacy .tickets .table>:not(caption)>*>* {
    background-color: transparent;
    color: #fff;
    padding: 10px;
    border-color: #454545;
}

section.details.privacy .tickets .table td span.pending {
    background: #ef486a;
    font-size: 14px;
    line-height: 22px;
    border-radius: 5px;
    padding: 5px 10px;
}

section.details.privacy .tickets .table th {
    font-weight: 500;
}

section.details.privacy .tickets .table td {
    font-weight: 400;
}

section.details.privacy .tickets .table td a {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #EC1D26;
}

#ticket .modal-header,
#ticket .modal-footer {
    border: none;
}

#ticket .modal-body {
    padding: 0 1rem;
}


#ticket .col-lg-12 {
    margin-bottom: 15px;
}

#ticket label {
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
}

#ticket button.btn {
    background: #EC1D26;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}

section.details.privacy .table-area form button {
    font-size: 16px;
    line-height: 26px;
}

section.details.privacy .table-area form button.verify {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    border: 1px solid #454545;
    background: #454545;
    border-radius: 5px;
}

section.details.privacy .table-area .row>* {
    margin-bottom: 15px;
}

.blog-item h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    height: 145px;
    overflow: hidden;
}

.blog-item i {
    font-size: 14px;
    line-height: 24px;
    /* font-weight: 500; */
    color: #fff;
    letter-spacing: 0.05em;
}

.blog-item .content {
    border: 1px solid #454545;
    padding: 15px;
}

.blog-item .content a.view {
    background: #EC1D26;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
}

.blog-item p {
    overflow: hidden;
    height: 100px;
    margin-top: 0;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #fff;
}

.blog-item.pick p {
    height: auto;
}

.hybrid .bolg-detail h2 {
    text-align: left;
    letter-spacing: 0.05em;
}

.hybrid .bolg-detail p {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #fff;
}

.hybrid .bolg-detail a {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #EC1D26;
    text-decoration: underline !important;
    text-transform: uppercase;
}

.hybrid hr {
    border-color: #454545;
    opacity: 1;
}

.hybrid .article-item h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #fff;
}

.hybrid .article-item p {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #fff;
}

.hybrid .article-item .content a.read {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #EC1D26;
    text-decoration: underline !important;
    text-transform: uppercase;
}

.latest {
    background: #454545;
    padding: 50px 0;
}

.stores p {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #fff;
}

.stores .store-item {
    border-radius: 10px;
    border: 1px solid #FFFFFFCF;
    padding: 20px;
    margin-bottom: 40px;
}

.stores .store-item p {
    font-size: 15px;
    height: 80px;
}

.stores h4 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #EC1D26;
}

.stores a {
    display: inline-block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #EC1D26;
    border: 1px solid #EC1D26;
    padding: 5px 10px;
    border-radius: 5px;
}

.stores a:hover {
    background: #EC1D26;
    color: #fff;
}

.help .nav-tabs {
    border-bottom: none;
    gap: 20px;
    margin-bottom: 40px;
}

.help ul li {
    width: 10%;
}

.help .nav-tabs .nav-item.show .nav-link,
.help .nav-tabs .nav-link.active {
    background-color: #454545;
}

.help .nav-tabs .nav-link {
    border: none;
    border-radius: 10px;
}

.help .nav-tabs .nav-link:focus,
.help .nav-tabs .nav-link:hover {
    /* background-color: #454545; */
    box-shadow: 0 0 0 2px rgb(100 100 100 / 25%);
}

.help .nav-tabs .nav-link:focus-visible {
    box-shadow: none;
}

.help h4 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #EC1D26;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.help span {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.help p,
.help li {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.05em;
}

.help .question {
    margin-bottom: 30px;
}


.mb-30 {
    margin-bottom: 30px;
}

.w-3 {
    width: 3%;
}

.w-25 {
    width: 25%;
}

.w-10 {
    width: 10%;
}

.w-20 {
    width: 20%;
}

.w-15 {
    width: 15%;
}

.pb-20 {
    padding-bottom: 20px;
}

section.details.privacy .tickets .table-area .d-flex.justify-content-between b {
    font-size: 15px;
}

section.details.privacy .tickets .table-area .d-flex span {
    font-size: 15px;
    font-weight: normal;
}

section.details.privacy .tickets .table-area .d-flex span.w-10:last-child,
section.details.privacy .tickets .table-area .d-flex span a {
    color: #EC1D26;
}

.order-history .o-placed h6 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
}


section.order-history .table-area b {
    font-size: 15px;
    color: #fff;
}

section.order-history .table-area .d-flex.pb-20 span {
    width: 50%;
}

section.order-history .table-area .d-flex span {
    font-size: 15px;
    font-weight: normal;
    color: #fff;
}

section.order-history .table-area .d-flex span.w-10:last-child,
section.order-history .table-area .d-flex span a {
    color: #EC1D26;
}

section.order-history .tickets .table-area .d-flex.justify-content-between.pb-20 span {
    text-align: end;
}






@media only screen and (min-width: 320px) and (max-width: 767px) {
    ul.navbar-nav.mobile-view div#menu2 .col-lg-0 {
        width: 50%;
        float: left;
    }
    ul.navbar-nav.mobile-view div#menu2 .col-lg-0:last-child li:first-child {
    display: none;
}
    /* .watches-list1#menu2 .col-lg-0:nth-last-child(1) ul li:first-child {
    display: none;
} */
    .bolg-detail {
        width: 100%;
        margin: 0 auto;
    }
    button#chat-btn {
        bottom: 15px;
        right: 0px;
    }

    ul.navbar-nav.mobile-view div#menu2 .col-lg-0 li {
        width: 100%;
    }

    ul.navbar-nav.mobile-view div#menu2 .col-lg-0 li a,
    #menu2.watches-list1 li a {
        padding: 0px 0px 0px 10px !important;
        text-transform: uppercase;
    }

    .banner-slider .brand-banner-desktop,
    .banner-slider .img-area.desktop {
        display: none;
    }

    .banner-slider .brand-banner-mobile,
    .banner-slider .img-area.mobile {
        display: block;
        height: auto !important;
    }

    section.details.privacy.service ul.brand li {
        width: 50%;
        float: left;
    }

    header.header1 .nav-item a.nav-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    header.header1 .nav-item a.nav-link,
    header.header1 .nav-item a {
        padding: 10px 0px 10px 10px !important;
    }

    header.header1 .nav-item a.logo {
        padding: 10px 0 0 20px;
    }

    h2 {
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .banner,
    section.details,
    .order,
    section.checkout,
    .login,
    .wishlist,
    .compare,
    .order-history,
    .help,
    .track {
        margin-top: 95px;
    }

    header.header1 button.close.collapsed {
        /* position: fixed !important; */
        z-index: 5;
    }

    header.header1 button.close.collapsed,
    header.header1 #menu1 a.close,
    header.header1 #menu2 a.close,
    header.header1 #menu3 a.close,
    header.header1 #menu4 a.close,
    header.header1 #discover a.close,
    header.header1 #shop a.close,
    header.header1 #categorey a.close,
    header.header1 #top a.close,
    header.header1 #luxury a.close,
    header.header1 #fashion a.close,
    header.header1 #smartwatch a.close,
    header.header1 #entry a.close,
    header.header1 #high a.close {
        position: absolute;
        top: 10px;
        right: 10px;
        display: inline-block;
        background: transparent;
        border: none;
        filter: invert(1);
        opacity: 1;
        padding: 0 !important;
        width: 30px;
    }

    /* header.header1 #discover a.close,
    header.header1 #shop a.close {
        filter: invert(1);
        padding: 0;
        margin: 0;
    } */


    header.header1 #shop a.back,
    header.header1 #discover a.back {
        padding: 0;
        margin: 0;
    }

    header.header1 #fashion a.back,
    header.header1 #smartwatch a.back,
    header.header1 #entry a.back,
    header.header1 #high a.back,
    header.header1 #luxury a.back,
    header.header1 #top a.back {
        position: absolute;
        top: 10px;
        left: 10px;
        display: inline-block;
        background: transparent;
        border: none;
        padding: 0;
        width: 30px;
    }


    header.header1 #shop a.back img,
    header.header1 #discover a.back img {
        width: 25px;
        height: auto;
    }

    header.header1 #menu1 a.close img,
    header.header1 #menu2 a.close img,
    header.header1 #menu3 a.close img,
    header.header1 #menu4 a.close img,
    header.header1 #discover a.close img,
    header.header1 #categorey a.close img,
    header.header1 #top a.close img,
    header.header1 #luxury a.close img,
    header.header1 #fashion a.close img,
    header.header1 #smartwatch a.close img,
    header.header1 #entry a.close img,
    header.header1 #high a.close img,
    header.header1 #shop a.close img {
        width: 35px;
        height: auto;
    }

    header.header1 #categorey .watch-cat {
        display: flex;
        justify-content: space-between;
        padding: 0px 20px 10px !important;
    }

    header.header1 #categorey .watch-cat a {
        width: 46%;
        padding: 0 !important;
    }

    /* header.header1 #menu2 a {
        padding: 0px 15px 0px !important;
    } */

    header.header1 #menu1 a {
        position: relative;
        display: block;
        padding: 0px 20px 10px 15px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: normal;
        line-height: 25px;
        letter-spacing: 0.5px;
        text-align: left;
        color: #FFFFFF;
    }

    /* header.header1 #menu1 a::before {
        content: '';
        position: absolute;
        left: 20px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 5px;
        height: 5px;
        background: #fff;
        border-radius: 50%;
    } */

    header.header1 #menu1 .watch {
        margin-top: 20px;
    }

    header.header1 #menu1 .watch a {
        display: block;
        margin-bottom: 0;
        padding: 10px 20px 10px 20px;
    }

    header.header1 #menu1 .watch a::before {
        display: none;
    }

    /* header.header1 #menu1 a, */

    header.header1 #menu2 a,
    header.header1 #menu3 a,
    header.header1 #menu4 a,
    header.header1 #discover a,
    header.header1 #shop a,
    header.header1 #top a,
    header.header1 #luxury a,
    header.header1 #fashion a,
    header.header1 #smartwatch a,
    header.header1 #entry a,
    header.header1 #high a,
    header.header1 #categorey .watch-cat a p {
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        text-align: left;
        color: #FFFFFF;
        padding: 5px 0px 0;
        margin-bottom: 15px;
    }

    header.header1 #menu4 a {
        padding: 0 0 0;
    }

    header.header1 #menu3 a {
        margin-bottom: 0;
        padding: 0;
    }

    header.header1 #menu1 span,
    header.header1 #menu2 span,
    header.header1 #menu3 span,
    header.header1 #menu4 span,
    header.header1 #discover span,
    header.header1 #top span,
    header.header1 #luxury span,
    header.header1 #fashion span,
    header.header1 #smartwatch span,
    header.header1 #entry span,
    header.header1 #high span,
    header.header1 #shop span {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 0.5px;
        text-align: left;
        color: #FFFFFF;
        font-weight: 600;
        display: block;
        margin-bottom: 20px;
    }

    header.header1 #discover span,
    header.header1 #shop span {
        padding-left: 10px;
    }

    header.header1 #menu3 span,
    header.header1 #menu1 span,
    header.header1 #menu2 span,
    header.header1 #menu4 span {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    header.header1 #menu3 .add-on span {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0;
        padding-left: 0;
    }

    header.header1 #menu3 .img.add img {
        width: auto;
        height: 80px;
    }

    header.header1 #menu4 .col-lg-2.watch-cat {
        width: 50%;
    }



    header.header1 #menu4 .row,
    header.header1 #menu3 .row {
        /* padding-left: 15px !important;
        padding-right: 15px !important; */
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    header.header1 button.close.collapsed .btn-close {
        padding: 0 10px !important;
        opacity: 1;
    }

    header.header1 .nav-item:hover .watches-list {
        display: none;
    }

    header.header1 {
        padding-top: 35px;
        height: 95px;
    }

    /* header.header1 #menu2, */

    header.header1 div#collapsibleNavbar,
    header.header1 #menu1,
    header.header1 #menu2,
    header.header1 #menu3,
    header.header1 #menu4,
    header.header1 #top,
    header.header1 #fashion,
    header.header1 #smartwatch,
    header.header1 #entry,
    header.header1 #high,
    header.header1 #luxury {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #000000;
        z-index: 9;
        padding-top: 20px;
        overflow: auto;
    }

    header.header1 #menu4 span,
    header.header1 #menu3 span,
    header.header1 #menu2 span,
    header.header1 #menu1 span {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    header.header1 #menu1 a {
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    header.header1 #menu4 a.back,
    header.header1 #menu3 a.back,
    header.header1 #menu2 a.back,
    header.header1 #menu1 a.back {
        width: 25px;
        padding: 0 !important;
        margin: 0;
    }

    header.header1 #menu1 a span {
        display: inline-block;
        margin: 0;
    }

    header.header1 #menu1 .row {
        margin: 0;
        padding: 0;
    }

    /* header.header1 #menu2, */
    header.header1 #discover,
    header.header1 #shop {
        background: #000000;
        padding: 0 20px;
    }

    header.header1 #discover a,
    header.header1 #shop a {
        font-weight: 300;
    }

    header.header1 #menu4::before,
    header.header1 #menu3::before,
    header.header1 #menu2::before,
    header.header1 #menu1::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 60px;
        background: #454545;
        z-index: -1;
    }

    header.header1 #discover .d-flex,
    header.header1 #fashion .d-flex,
    header.header1 #smartwatch .d-flex,
    header.header1 #entry .d-flex,
    header.header1 #high .d-flex,
    header.header1 #top .d-flex,
    header.header1 #luxury .d-flex,
    header.header1 #shop .d-flex {
        flex-wrap: wrap;
    }

    /* header.header1 #luxury a {
        width: 46%;
    } */

    header.header1 #luxury a img {
        width: 75%;
    }

    header.header1 #menu4 ul,
    header.header1 #menu3 ul {
        width: 100%;
        padding-left: 0px;
        padding-right: 0;
        list-style-type: none;
        color: #fff;
    }

    header.header1 #menu2 ul {
        width: 100%;
        padding-left: calc(var(--bs-gutter-x)* .5);
        padding-right: 0;
        list-style-type: none;
        padding-left: 0px !important;
    }

    header.header1 #discover ul,
    header.header1 #shop ul,
    header.header1 #fashion ul,
    header.header1 #smartwatch ul,
    header.header1 #entry ul,
    header.header1 #high ul,
    header.header1 #luxury ul,
    header.header1 #top ul {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        list-style-type: none;
    }

    header.header1 #menu3 ul li {
        padding: 5px 20px 5px 0;
    }

    header.header1 #menu3 .add-on {
        margin-bottom: 25px;
        width: 50%;
    }

    header.header1 #menu2 ul li,
    header.header1 #top ul li,
    header.header1 #luxury ul li,
    header.header1 #fashion ul li,
    header.header1 #smartwatch ul li,
    header.header1 #entry ul li,
    header.header1 #high ul li,
    header.header1 #discover ul li,
    header.header1 #shop ul li {
        display: inline-block;
        width: 48%;
    }

    /* header.header1 #menu1 {
        z-index: 10;
    } */

    ul.navbar-nav.desktop-view {
        display: none;
    }

    header.header1 ul.navbar-nav.mobile-view {
        display: flex;
        margin-top: 30%;
    }

    header.header1 ul.navbar-nav.mobile-view li:first-child {
        position: fixed;
        top: 0;
        width: 100%;
        height: 15%;
        background: #000;
        padding-top: 30px;
    }

    header.header1 ul.navbar-nav.mobile-view li ul li:first-child {
        position: unset;
        padding-top: 0px;
        height: auto;
    }

    header.header1 .container-fluid {
        justify-content: unset !important;
    }

    header.header1 .navbar {
        position: unset;
        padding-top: 5px;
    }

    header.header1 .last-area .icons {
        gap: 20px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 50%;
        height: 35px;
        background: #454545;
        justify-content: end;
        padding: 5px 20px 5px 0;
    }

    header.header1 .last-area .top-call {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 50%;
        height: 35px;
        background: #454545;
        justify-content: center;
        padding: 5px 0px 5px 10px;
        display: block;
    }

    header.header1 .last-area .top-call a {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #fff;
        font-size: 14px;
        padding: 1.5px 0px;
    }

    header.header1 .logo-area {
        width: auto;
    }

    header.header1 .last-area .top-call a img {
        width: 20px;
    }

    header.header1 .last-area .icons img {
        width: 15px;
    }

    header.header1 .last-area .logo img {
        height: 35px;
        margin-left: 0px;
    }

    header.header1 .navbar-toggler {
        padding: 0;
        border: none;
        width: 30px;
        height: 30px;
        margin-left: auto;
    }

    .navbar-toggler-icon {
        filter: invert(1);
        width: 25px !important;
        height: 25px !important;
    }

    header.header1 a.navbar-brand {
        margin-right: 0;
        width: 60%;
        padding: 5px 0 5px 0;
    }

    header.header1 .last-area {
        width: 0%;
    }

    header.header1 .last-area .rolex-logo {
        width: 100%;
        overflow: hidden;
        display: none;
    }

    header.header1 .top-bar {
        display: none;
    }

    header.header1 .navbar-brand img {
        height: 50px;
        width: auto;
        /* height: auto; */
    }

    /* .last-area.d-flex.align-items-center {
        display: none !important;
    } */

    .banner .slick-prev {
        left: 2%;
        z-index: 1;
    }

    .banner .slick-next {
        right: 2%;
    }

    .banner .content {
        bottom: 0;
        /* top: 0; */
        top: auto;
        left: 0;
        right: 0;
        /* right: 5%; */
        width: 60%;
        height: 20%;
        text-align: center;
    }

    .banner .content h2 {
        font-size: 16px !important;
        line-height: 25px !important;
        margin-bottom: 0px;
        text-align: center;
    }

    .banner .content a {
        /* display: none; */
        display: inline-block;
        font-size: 10px;
        line-height: 18px;
        padding: 5px 20px;
        letter-spacing: 1px;
        margin-top: 10px;
    }

    .fashion {
        padding: 30px 0 0;
    }

    .fashion h2 {
        margin-bottom: 20px;
        padding: 0 20px;
    }

    .fashion h2 br {
        display: none;
    }

    .fashion h2 img {
        height: 25px;
        display: none;
        margin: auto;
    }

    .fashion .row {
        margin-left: 0;
    }

    .fashion .collection {
        padding: 20px;
        margin-bottom: 20px;
    }

    .fashion .collection span {
        font-size: 20px;
        line-height: 30px;
    }

    .fashion .collection p {
        font-size: 15px;
        line-height: 25px;
    }

    .fashion .c-slider .c-item .content span {
        font-size: 18px;
        line-height: 35px;
    }

    .update .content {
        position: inherit;
        width: auto;
        background: #454545;
        padding: 20px;
    }

    .update .content a {
        display: inline-block;
    }

    .hybrid {
        padding: 30px 0 0;
    }

    .hybrid ul.nav {
        width: auto;
        border: none;
        margin: 0 auto 10px;
    }

    .hybrid ul.nav li.nav-item {
        width: auto;
        margin-bottom: 0px;
        border: none;
    }

    .hybrid ul.nav li.nav-item .nav-link {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        padding: 5px 20px;
        margin: 0px auto 5px;
    }

    .hybrid .luxury-item .content {
        border: 2px solid #EC1D26;
        background: #212121;
        padding: 20px 0;
        border-radius: 20px;
        position: absolute;
        /*bottom: -20%;*/ 
        bottom: -25%;
        left: 0;
        right: 0;
        text-align: center;
        width: 100%;
    }

    .hybrid .luxury-item {
        padding: 0 0px 20px;
        margin: 0 10px 100px;
    }

    .hybrid .luxury-item .img-area {
        height: 220px;
    }

    section.hybrid div#myTabContent .luxury-area .row {
        display: inline-block;
    }

    section.hybrid div#myTabContent .luxury-area .row .col-lg-3 {
        width: 50%;
        float: left;
        padding: 0px;
    }

    section.hybrid div#myTabContent .luxury-area .row .col-lg-3 img {
        width: 100%;
        height: auto;
    }

    .luxury-area .row .col-lg-3 .luxury-item span {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 10px;
        height: 20px;
        /*overflow: hidden;*/
        word-wrap: break-word;
    }

    .hybrid .luxury-item img {
        width: auto;
        height: 200px;
    }

    .hybrid .luxury-item span {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .hybrid .luxury-item p {
        font-size: 20px;
        line-height: 30px;
        margin: 0;
        margin-top: 25px;
    }

    .trendy .content {
        position: initial;
        width: 100%;
        height: auto;
        background: #000;
        padding: 10px;
    }

    .trendy .content p {
        font-size: 15px;
        line-height: 25px;
    }

    .trendy .content a {
        display: inline-block;
    }

    .brands {
        padding: 30px 0;
    }

    .brands h2 {
        margin-bottom: 20px;
    }

    .brands .col-lg-3:nth-child(2) a {
        /* display: none; */
        width: 32%;
    }

    .brands a {
        display: inline-block;
        overflow: hidden;
        width: 49%;
    }

    .brands .col-lg-3:last-child a {
        /* display: none; */
        width: 32%;
    }

    .product {
        padding-bottom: 30px;
    }

    .product a {
        padding: 5px 40px;
    }

    .product .buy a {
        width: 95%;
    }

    .product-img--main {
        height: 280px !important;
    }

    .product button.addcart-btn {
        padding: 5px 20px;
    }

    .dial {
        padding: 30px 0;
    }

    .dial h2 {
        margin-bottom: 20px;
    }

    .dial .row>* {
        padding: 15px;
    }

    .dial .col-lg-2 {
        width: 33%;
    }

    .dial a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 70px;
    }

    .dial .col-lg-2 img {
        width: 90%;
    }

    .dial .col-lg-12 {
        width: 100%;
    }

    .dial .explore-btn a {
        margin-top: 0;
    }

    .luxury {
        padding: 30px 0;
        position: relative;
    }

    .luxury a {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .luxury .img-area img {
        width: auto;
        height: 200px;
    }

    .luxury .speci.d-flex.flex-column {
        gap: 30px;
        position: absolute;
        bottom: 30px;
        right: 0;
        overflow: hidden;
    }

    .luxury .speci .spe-item {
        padding: 5px 25px;
        width: 100%;
    }

    .luxury .speci .spe-item p {
        font-size: 14px;
    }

    .services .row {
        padding: 30px 0;
        flex-wrap: wrap;
        width: 100%;
        overflow-x: scroll;
        gap:30px;
    }

    .services .col-lg-3 {
        width: 70%;
    }

    .services .d-flex {
        gap: 20px;
        justify-content: flex-start !important;
    }

    .services img {
        height: 35px;
    }

    .services span {
        font-size: 14px;
        line-height: 20px;
    }

    footer {
        padding: 30px 0 0;
    }

    footer .col-lg-9 .col-lg-3 {
        width: 50%;
    }

    footer .col-lg-9 .col-lg-2 {
        width: 50%;
    }

    footer .col-lg-9 .col-lg-2:first-child {
        display: none;
    }

    footer ul.social {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    footer ul li span {
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 15px;
    }

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

    footer .link-area {
        margin-bottom: 0px;
    }

    footer .bottom .row {
        flex-direction: column-reverse;
    }

    footer .bottom ul.policy {
        gap: 0 20px;
        margin: 0 0 20px;
        flex-wrap: wrap;
        justify-content: flex-start !important;
    }

    footer .bottom span {
        font-size: 14px;
        line-height: 25px;
    }

    .banner .img-area.slick-slide img {
        height: 120px;
        object-fit: fill;
    }

    /* .banner .img-area.slick-slide img.img1 {
        height: auto;
        object-fit: unset;
    } */

    .banner .img-area.slick-slide img.img1,
    .update .img-area img.img1,
    .trendy .img-area img.img1 {
        display: none;
    }

    .banner .img-area.slick-slide img.img2,
    .update .img-area img.img2,
    .trendy .img-area img.img2 {
        width: 100%;
        height: auto;
        display: block;
    }

    .banner .content1 {
        width: 60%;
        height: 60%;
    }

    .banner .content1 span {
        font-size: 14px;
        line-height: 20px;
    }

    section.listing {
        position: relative;
        padding: 30px 0;
    }

    section.listing .filter-btn {
        display: block;
    }

    section.listing .filter-btn button {
        border: none;
        background: transparent;
        margin-bottom: 25px;
        width: 22px;
        padding: 0;
    }

    section.listing .dropdown label {
        width: 100%;
    }

    #filter {
        position: fixed;
        /* left: -90%; */
        top: 0;
        z-index: 9;
        width: 90%;
        height: 100%;
        overflow-y: auto;
        transition: all .5s;
        padding: 40px 20px 20px;
    }

    section.listing .filter-close {
        display: block;
    }

    section.listing .filter-close button {
        position: absolute;
        right: 10px;
        top: 10px;
        border: none;
        background: transparent;
        padding: 0;
        width: 30px;
    }

    section.listing .filter-close button img {
        filter: invert(1);
    }

    .product-list .dropdown {
        position: absolute;
        right: 10px;
        top: 30px;
        width: 65%;
    }

    section.listing .dropdown__filter {
        padding: 7px 15px;
        border-radius: 20px;
        margin: 0 0 0px;
    }

    section.listing .product-list .col-lg-4 {
        width: 50%;
    }

    section.listing .p-item {
        padding: 15px;
    }

    section.listing .p-item .img img {

        width: 100%;
        height: 150px;
    }

    section.listing .p-item span {
        font-size: 16px;
        line-height: 25px;
    }

    section.listing .p-item .color-item:first-child {
        display: block;
    }

    section.listing .p-item .color-item {
        display: none;
    }

    section.listing .p-item p {
        font-size: 14px;
        line-height: 20px;
        height: 45px;
    }

    section.listing .p-item .price span {
        font-size: 15px;
        line-height: 25px;
    }

    section.listing .p-item .fev button {
        width: 18px;
    }

    section.listing.recently {
        padding: 30px 0 10px;
    }

    section.details {
        padding-bottom: 30px;
    }

    section.listing.recently .col-lg-3 {
        width: 50%;
    }

    section.details .d-info,
    section.details .p-data,
    section.details .color-area {
        padding-left: 0px;
    }

    section.details .product-img--main {
        height: 260px;
    }

    section.details .d-info span {
        font-size: 25px;
        line-height: 32px;
        letter-spacing: 0.05em;
    }

    section.details .d-info p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    section.details .d-info p span {
        font-size: 16px;
        line-height: 22px;
    }

    section.details .p-data .price span {
        font-size: 20px;
        line-height: 30px;
    }

    section.details .p-data .p-area .taxes span {
        font-size: 14px;
        line-height: 20px;
    }

    section.details p {
        margin-top: 10px;
    }

    section.details .p-data a,
    section.details .p-data button.addcart-btn {
        font-size: 14px;
        line-height: 22px;
        padding: 5px 0px;
        border-radius: 5px;
    }

    section.details .p-data ul {
        margin-top: 20px;
    }

    section.details .p-data ul li {
        font-size: 14px;
        line-height: 22px;
    }

    section.details .nav-tabs {
        position: inherit;
    }

    section.details .nav-tabs .nav-link {
        font-size: 14px;
        line-height: 25px;
        padding: 5px 10px;
    }

    section.details .tab-pane h3 {
        font-size: 18px;
        line-height: 25px;
    }

    section.details .tab-pane .col-lg-3 {
        width: 50%;
    }

    section.details .tab-pane .d-flex .img-area {
        width: auto;
    }

    section.details .tab-pane .col-lg-3 .d-flex {
        flex-wrap: wrap;
        justify-content: center;gap:10px;
    }
.content .d-flex.justify-content-between .price {
    height: 50px;
}
    section.details .tab-pane .d-flex .img-area img {
        height: 60px;
        width: auto;
        display: block;
        margin: 0 auto;
    }

    section.details .tab-pane .d-flex .content {
        width: 100%;
        padding: 0px;
    }

    section.details .d-flex .content p {
        text-align: center;
        font-size: 12px;
        line-height: 16px;
    }

    .brands .col-lg-3.omega {
        display: none;
    }

    section.details .d-flex .content p span {
        display: block;
        margin-right: 5px;
        font-size: 12px;
        line-height: 16px;text-align: center;
    }

    section.details div#brandfamily .d-flex {
        flex-wrap: nowrap;
    }

    section.details div#brandfamily .img-area {
        width: 100%;
    }

    section.details div#brandfamily .img-area img {
        width: 90%;
        height: auto;
        margin-bottom: 10px;
        float: left;
    }

    section.details div#brandfamily .content {
        width: 100%;
    }

    section.details div#brandfamily .content ul {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }

    section.details div#brandfamily .content ul li {
        width: 100%;
    }

    div#warranty .col-lg-3 {
        width: 100%;
    }

    section.details .warranty-text .img {
        width: 50%;
    }

    section.details .tab-pane:last-child {
        padding: 20px 0 0;
    }

    section.details .warranty-text .bottom {
        margin-bottom: 20px;
    }

    .modal h2 {
        font-size: 15px !important;
    }

    .modal .img-area img {
        height: 70px;
    }

    .modal .proceed p {
        margin-bottom: 15px;
    }



    .login .login-form {
        width: 100%;
        padding: 20px 20px;
    }

    .login span {
        font-size: 16px;
        line-height: 25px;
    }

    .login .login-form .log-with {
        gap: 0;
    }

    .login .login-form .log-with .with {
        width: 50%;
    }

    .login .login-form .log-with .with a {
        padding: 5px 20px;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .login .login-form .log-with .with a img {
        height: 20px;
        width: auto;
    }

    .login .login-form p {
        font-size: 16px;
        line-height: 25px;
    }

    .login .login-form .form-group input[type='text'] {
        width: 100%;
        border: 2px solid #DDDDDD;
        padding: 8px 5px 8px 40px;
        font-size: 14px;
        line-height: 25px;
    }

    .login .login-form .form-group .img-area {
        left: 6%;
    }

    .login .login-form .form-group .right-border {
        left: 14%;
        height: 55%;
    }

    .login .login-form .form-group input::placeholder {
        font-size: 14px;
        line-height: 25px;
    }

    .login .login-form .form-group p {
        font-size: 14px;
        line-height: 24px;
    }

    .login .login-form .form-group span a {
        display: block;
    }

    .login .login-form .form-group p br {
        display: none;
    }

    .login .login-form .form-group button {
        font-size: 15px;
        line-height: 24px;
        padding: 5px 0;
    }

    section.login.register h5 {
        font-size: 20px;
        line-height: 30px;
    }

    section.login.register .form-group {
        width: 100%;
        margin: 0 auto 20px;
    }

    section.login.register .form-group .d-flex {
        gap: 5px;
        flex-wrap: wrap;
    }

    section.login.register .form-group span {
        display: block;
        width: 100%;
        text-align: left;
    }

    section.login.register .form-group input[type='text'] {
        padding: 6px 15px;
    }

    section.login.register .login-form .form-group span a {
        display: inline-block;
    }

    section.login.register .form-group label {
        font-size: 14px;
        line-height: 25px;
        display: inline;
    }

    .legacy {
        padding-bottom: 20px;
    }

    .legacy .timeless .d-flex {
        gap: 100px;
        flex-wrap: wrap;
    }

    .legacy .timeless span {
        font-size: 18px;
        line-height: 25px;
    }

    .legacy .timeless .img-area {
        left: 5%;
        width: 80px;
        top: -20px;
    }

    .legacy .timeless {
        padding: 10px 0;
        margin-bottom: 40px;
    }

    #clockContainer {
        height: 80px;
        width: 80px;
    }

    .legacy .first {
        width: 100%;
    }

    .legacy p {
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
    }

    .wishlist {
        padding: 30px 0;
    }

    .wishlist .row>* {
        width: 50%;
    }

    .wishlist-item .watch-img {
        padding: 15px 15px;
    }

    .wishlist-item .content {
        padding: 15px;
    }

    .wishlist-item .content span {
        font-size: 18px;
        line-height: 28px;
    }

    .wishlist-item .watch-img .delete {
        width: 30%;
    }

    .wishlist-item .content p,
    .wishlist-item button {
        font-size: 14px;
        line-height: 25px;
    }

    .wishlist-item .content .price span {
        font-size: 16px;
        line-height: 22px;
    }

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

    section.details.privacy span {
        font-size: 16px;
        line-height: 24px;
    }

    section.details.privacy .title {
        margin-bottom: 20px;
    }

    section.details.privacy .cancel span {
        margin-bottom: 15px;
    }

    section.details p {
        font-size: 14px;
        line-height: 22px;
    }

    section.details.privacy .back-to {
        margin-top: 30px;
    }

    .help .nav-tabs {
        margin-bottom: 20px;
    }

    .help ul li {
        width: 15%;
    }

    .help .nav-tabs .nav-link {
        padding: 5px;
    }

    .help h4 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .help p,
    .help li {
        font-size: 14px;
        line-height: 24px;
    }

    .fashion,
    .help {
        padding: 30px 0 10px;
    }

    section.details.privacy {
        padding: 30px 0 10px;
    }

    section.details.privacy .row>* {
        width: 50%;
        margin-bottom: 30px;
    }

    .blog-item .content {
        padding: 10px;
    }

    .blog-item h4 {
        font-size: 14px;
        line-height: 22px;
    }

    .blog-item p {
        height: 90px;
        font-size: 14px;
        line-height: 22px;
    }

    .blog-item .content a.view {
        padding: 6px 15px;
        font-size: 15px;
        line-height: 22px;
    }

    .row.article-item .col-lg-3 {
        width: 30%;
    }

    .row.article-item .col-lg-9 {
        width: 70%;
    }

    .row.article-item {
        margin-bottom: 15px;
    }

    .hybrid .article-item h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .hybrid .article-item p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .hybrid .article-item .content a.read {
        font-size: 14px;
        line-height: 22px;
    }

    .latest .row>* {
        width: 50%;
        margin-bottom: 10px;
    }

    .blog-item.pick {
        margin-bottom: 30px;
    }

    .hybrid .bolg-detail p {
        font-size: 15px;
        line-height: 25px; 
    }

    section.details.privacy ol {
        margin: 20px 0;
        padding-left: 20px;
    }

    section.details.privacy ul {
        margin-left: 0;
    }

    section.hybrid.stores {
        padding: 30px 0;
    }

    .stores h4 {
        font-size: 15px;
        line-height: 24px;
    }

    .stores .store-item p {
        margin-bottom: 5px;
        height: auto;
    }

    .stores a {
        line-height: 20px;
        margin-top: 0;
    }

    .stores iframe {
        height: 300px;
    }

    .mt-5 {
        margin-top: 2rem !important;
    }

    .stores .store-item {
        padding: 15px;
        margin-bottom: 20px;
    }

    section.details.privacy .col-lg-12 {
        width: 100%;
    }

    section.details.privacy .col-lg-12 form .row>* {
        width: 100%;
        margin-bottom: 0;
    }

    section.details.privacy form button {
        font-size: 16px;
        line-height: 25px;
        padding: 5px 0;
        width: 60%;
    }

    .gifting {
        padding: 30px 0;
    }

    .gifting .gift-area .gift img {
        width: 80px;
    }

    .gifting .gift-area span {
        font-size: 15px;
        line-height: 23px;
    }

    .gifting .gift-area .col-lg-2 {
        width: 50%;
    }

    .gifting .gift-area .content {
        margin-top: 20px;
    }

    .row.cust-area {
        padding-bottom: 20px;
    }

    .row.cust-area .col-lg-2 {
        width: 50%;
        margin-bottom: 20px;
    }

    div#search .modal-dialog {
        margin-top: 15% !important;
    }

    div#addtocart .row .col-lg-3:first-child {
        width: 30%;
    }

    div#addtocart .row .col-lg-3 {
        width: 50%;
    }

    .modal .counter {
        width: 80%;
        margin: 0px auto 0;
        padding: 0 20px;
    }

    div#addtocart .modal-dialog .modal-content {
        height: auto;
    }

    div#addtocart .row {
        position: relative;
        margin-bottom: 20px;
    }

    .modal .watch-qty button {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0px;
    }

    .modal .watch-qty,
    .modal .watch-price {
        margin-top: 15px;
    }

    .modal a.send-btn {
        font-size: 15px;
        line-height: 25px;
        padding: 5px 0;
    }

    section.details.privacy .row .col-lg-7,
    section.details.privacy .row .col-lg-5 {
        width: 100%;
    }

    section.details.privacy .row .col-lg-5 .col-lg-6 {
        width: 100%;
    }

    section.details.privacy .row .col-lg-5 .col-lg-12,
    section.details.privacy .row .col-lg-5 .col-lg-6 {
        margin-bottom: 0;
    }

    section.details.privacy .col-lg-7 form .row>* {
        width: 100%;
        margin-bottom: 0;
    }

    .order-history {
        padding: 30px 0;
    }

    .order-history h2 {
        margin: 20px 0 0;
    }

    .order-history .o-placed {
        padding: 15px 20px;
        margin-top: 20px;
    }

    .order-history .o-placed .o-date span {
        font-size: 16px;
        line-height: 25px;
    }

    .order-history .o-placed .o-date p {
        font-size: 18px;
        line-height: 28px;
    }

    .order-history .o-placed .o-date button {
        width: 49%;
        font-size: 14px;
        padding: 5px 0;
    }

    .order-history .o-placed .o-watch p {
        font-size: 16px;
        line-height: 22px;
        margin-top: 10px;
    }

    .order-history .o-placed .o-watch p span {
        font-size: 18px;
        line-height: 25px;
    }

    .order-history .o-placed .o-watch .row>* {
        width: 50%;
    }

    .order-history .o-placed .o-watch .o-w-content span {
        font-size: 18px;
        line-height: 28px;
    }

    .order-history .o-placed .o-watch .o-w-content p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 5px;
    }

    .order-history .o-placed .o-watch .o-w-content .status span {
        font-size: 16px;
        line-height: 25px;
    }

    .order-history .o-placed .o-watch .qty {
        padding: 2px 5px;
        width: 80%;
        margin: 0 auto;
    }

    .order-history .o-placed .o-watch .qty span {
        font-size: 15px;
        line-height: 20px;
    }

    .order-history .o-placed .o-watch .price span {
        font-size: 16px;
        line-height: 25px;
    }

    .order-history .o-placed .de-fe a,
    .order-history .o-placed .de-fe button {
        font-size: 15px;
        line-height: 25px;
        width: 100%;
        padding: 5px 0;
        margin: 20px 0 0;
    }

    .track .my-order .row.esti .col-lg-4 {
        border-radius: 10px 10px 0 0px;
    }

    .track .my-order .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .track .my-order .row.esti>* {
        padding: 10px 10px;
    }

    .track .my-order .row .estimated p {
        font-size: 16px;
        line-height: 25px;
    }

    .track .my-order .row .estimated p span {
        font-size: 16px;
        line-height: 25px;
    }

    .track .my-order .row.esti .col-lg-3.estimated {
        width: 50%;
    }

    .track .my-order .row.esti .col-lg-3:nth-child(2) {
        border-radius: 0px 0px 0px 10px;
    }

    .track .my-order .row.esti .col-lg-3:last-child {
        border-radius: 0px 0px 10px 0px;
    }

    .track .my-order span {
        font-size: 16px;
        line-height: 25px;
    }

    .track .order-status .row .col-lg-3 {
        width: 25%;
    }

    .track .order-status .track-item img {
        width: 45px;
    }

    .track .order-status .track-item {
        padding: 20px 0;
    }

    .track .order-status .track-item::before {
        width: calc(50% - 22px);
        top: 35%;
    }

    .track .order-status .track-item::after {
        width: calc(50% - 22px);
        top: 35%;
    }

    .track .order-status .track-item span {
        font-size: 14px;
        line-height: 25px;
    }

    .track .view a {
        font-size: 15px;
        line-height: 24px;
        padding: 5px 0;
        width: 80%;
    }

    .track .again .watch .content {
        padding-left: 20px;
    }

    .track .again .watch .content span {
        font-size: 16px;
        line-height: 25px;
    }

    .track .again .watch .content p {
        font-size: 14px;
        line-height: 22px;
    }

    .track .again .watch .content .price span {
        font-size: 18px;
        line-height: 28px;
    }

    .track .again a {
        font-size: 16px;
        line-height: 25px;
        padding: 5px 0;
        width: 80%;
    }

    .track hr {
        margin: 20px 0 0;
    }

    .order .row>* {
        padding: 20px !important;
    }

    .order .summary span {
        margin-bottom: 0px;
    }

    .order .summary .g-20 {
        gap: 15px;
    }

    .order .summary .o-item .o-data .left {
        width: 60%;
    }

    .order .summary .o-item .o-data .right {
        width: 40%;
    }

    .order .summary .o-item .right .counter {
        width: 100%;
        padding: 0 10px;
    }

    .order .summary .o-item span {
        font-size: 16px;
        line-height: 25px;
    }

    .order .summary .o-item .left p {
        text-align: left;
        margin-bottom: 8px;
    }

    .order .summary .o-item button {
        font-size: 16px;
        line-height: 25px;
        padding: 0px 15px;
        margin-bottom: 10px;
    }

    .order .summary .o-item .text-end {
        margin-top: 0px;
    }

    .order .summary .promo {
        padding: 20px 15px;
    }

    .order .summary .promo .form-group {
        margin-top: 15px;
    }

    .order .summary .promo button {
        font-size: 15px;
        line-height: 25px;
        padding: 5px 0;
        width: 23%;
    }

    .order .summary .total .grand.d-flex {
        margin-top: 20px;
        padding-top: 20px;
    }

    .order .summary .total span {
        font-size: 16px;
        line-height: 25px;
    }

    .order .info .logo-area {
        width: 100%;
    }

    .order .info .logo-area img {
        width: 65%;
        margin: 0 auto;
    }

    li.breadcrumb-item a,
    li.breadcrumb-item,
    li.breadcrumb-item.active {
        font-size: 15px;
        line-height: 20px;
    }

    .order .info .contact-info {
        margin-top: 20px;
    }

    .order .info .contact-info span {
        font-size: 20px;
        line-height: 30px;
    }

    .order .info .contact-info .col-lg-6:nth-child(2) span {
        font-size: 16px;
        line-height: 25px;
    }

    .order .info .contact-info .form-control {
        font-size: 16px;
        line-height: 25px;
    }

    .order .info .contact-info .form-control::placeholder {
        font-size: 16px;
        line-height: 25px;
    }

    .order .info .contact-info .shipping-btn a {
        font-size: 16px;
        line-height: 28px;
        width: 100%;
        padding: 5px 0;
    }

    ul#first li .step,
    #progressbar li .step {
        width: 40px !important;
        height: 40px !important;
        margin: 0 auto 5px auto;
    }

    ul#first li .step img,
    #progressbar li .step img {
        height: 20px !important;
    }

    ul#first li,
    #progressbar li {
        float: none !important;
        width: 48% !important;
        display: inline-block;
        margin-bottom: 15px;
    }

    section.checkout {
        padding: 30px 0;
    }

    section.checkout .form-card {
        padding: 20px 0;
    }

    section.checkout button.addcart-btn {
        padding: 20px 0;
    }

    section.checkout fieldset a {
        float: none;
    }

    #msform .action-button {
        padding: 5px 5px !important;
        width: 100% !important;
    }

    section.details.privacy.dashboard {
        padding: 0px 0 10px;
    }

    section.details.privacy.dashboard .row>* {
        width: 100%;
    }

    section.details.privacy.dashboard .mb-5 {
        margin-bottom: 0rem !important;
    }


    section.details.privacy .left-area a.close,
    section.details.privacy .right-area a.open1 {
        display: inline-block;
    }

    section.details.privacy .right-area a.open1 {
        width: 20px;
        height: auto;
    }

    section.details.privacy #dashleft {
        position: fixed;
        top: 0;
        z-index: 9;
        width: 90%;
        height: 100%;
        overflow-y: auto;
        transition: all .5s;
        padding: 0px 0px 20px;
        background: #000;
    }

    section.details.privacy .left-area a.close {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
        filter: invert(1);
    }

    section.details.privacy .left-area .top-area {
        border-radius: 0;
    }

    section.details.privacy .nav-tabs {
        border: none;
    }

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .navbar-expand-sm .navbar-toggler {
        display: block !important;
        padding: 0;
    }

    .row.filter .col-md-6 {
        width: 100%;
    }

    header.header1 .nav-item .watches-list li a {
        font-size: 13px !important;
    }

    header.header1 .top-bar {
        display: none;
    }

    header.header1 .nav-item a.nav-link,
    header.header1 .nav-item a {
        padding: 10px 20px;
    }

    header.header1 .nav-item a.logo {
        padding: 10px 0 0 0px;
    }

    h2 {
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .banner,
    section.details,
    .order,
    section.checkout,
    .login,
    .wishlist,
    .compare,
    .order-history,
    .help,
    .track {
        margin-top: 120px;
    }

    .order-history {
        padding: 30px 0;
    }

    .order-history .o-placed .o-date button {
        font-size: 14px;
        padding: 6px 0;
    }

    .price-input {
        width: 100%;
    }

    header.header1 #menu1 span,
    header.header1 #menu2 span,
    header.header1 #menu3 span,
    header.header1 #menu4 span {
        display: flex !important;
        align-items: center;
        gap: 10px;
    }

    header.header1 #menu1 span,
    header.header1 #menu2 span,
    header.header1 #menu3 span,
    header.header1 #menu4 span,
    header.header1 #discover span,
    header.header1 #top span,
    header.header1 #luxury span,
    header.header1 #fashion span,
    header.header1 #smartwatch span,
    header.header1 #entry span,
    header.header1 #high span,
    header.header1 #shop span {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 0.5px;
        text-align: left;
        color: #FFFFFF;
        font-weight: 600;
        display: block;
        margin-bottom: 20px;
    }

    header.header1 #menu3 span,
    header.header1 #menu1 span,
    header.header1 #menu2 span,
    header.header1 #menu4 span {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    header.header1 #menu3 .add-on span {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0;
        padding-left: 0;
    }


    header.header1 button.close.collapsed,
    header.header1 #menu1 a.close,
    header.header1 #menu2 a.close,
    header.header1 #menu3 a.close,
    header.header1 #menu4 a.close,
    header.header1 #discover a.close,
    header.header1 #categorey a.close,
    header.header1 #top a.close,
    header.header1 #luxury a.close,
    header.header1 #fashion a.close,
    header.header1 #smartwatch a.close,
    header.header1 #entry a.close,
    header.header1 #high a.close,
    header.header1 #shop a.close {
        position: absolute;
        top: 10px;
        right: 10px;
        display: inline-block;
        background: transparent;
        border: none;
        filter: invert(1);
        opacity: 1;
        padding: 0 !important;
        width: 30px;
    }

    header.header1 #fashion a.back,
    header.header1 #smartwatch a.back,
    header.header1 #entry a.back,
    header.header1 #high a.back,
    header.header1 #luxury a.back,
    header.header1 #top a.back,
    header.header1 #shop a.back,
    header.header1 #discover a.back {
        position: absolute;
        top: 10px;
        left: 10px;
        display: inline-block;
        background: transparent;
        border: none;
        padding: 0;
        width: 30px;
    }


    header.header1 #shop a.back img,
    header.header1 #discover a.back img {
        width: 25px;
        height: auto;
    }

    header.header1 #menu1 a.close img,
    header.header1 #menu2 a.close img,
    header.header1 #menu3 a.close img,
    header.header1 #menu4 a.close img,
    header.header1 #discover a.close img,
    header.header1 #categorey a.close img,
    header.header1 #top a.close img,
    header.header1 #luxury a.close img,
    header.header1 #fashion a.close img,
    header.header1 #smartwatch a.close img,
    header.header1 #entry a.close img,
    header.header1 #high a.close img,
    header.header1 #shop a.close img {
        width: 35px;
        height: auto;
    }

    header.header1 #categorey .watch-cat {
        display: inline-flex;
        justify-content: space-between;
        padding: 0px 20px 10px !important;
        width: 48%;
    }

    header.header1 #categorey .watch-cat a {
        display: block;
        width: 46%;
        padding: 0 !important;
    }

    header.header1 #menu2 a {
        padding: 0px 20px 0px !important;
    }

    header.header1 #menu1 a {
        position: relative;
        display: flex;
        align-items: center;
        padding: 0px 20px 10px 20px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: normal;
        line-height: 25px;
        letter-spacing: 0.5px;
        text-align: left;
        color: #FFFFFF;
        gap: 30px;
    }

    header.header1 #menu1 a span {
        margin: 0;
        padding: 0;
    }

    header.header1 #menu4 span a,
    header.header1 #menu3 span a,
    header.header1 #menu2 span a,
    header.header1 #menu1 span a {
        padding: 0;
        margin: 0;
    }

    header.header1 #menu4 a.back img,
    header.header1 #menu3 a.back img,
    header.header1 #menu2 a.back img,
    header.header1 #menu1 a.back img {
        width: 20px;
    }

    /* header.header1 #menu1 a::before {
        content: '';
        position: absolute;
        left: 20px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 5px;
        height: 5px;
        background: #fff;
        border-radius: 50%;
    } */

    header.header1 #menu1 .watch {
        margin-top: 25px;
    }

    header.header1 #menu1 .watch a {
        margin-bottom: 0;
        padding: 10px 20px 10px 20px;
    }

    header.header1 #menu1 .watch a::before {
        display: none;
    }

    /* header.header1 #menu1 a, */

    header.header1 #menu2 a,
    header.header1 #menu3 a,
    header.header1 #menu4 a,
    header.header1 #discover a,
    header.header1 #shop a,
    header.header1 #top a,
    header.header1 #luxury a,
    header.header1 #fashion a,
    header.header1 #smartwatch a,
    header.header1 #entry a,
    header.header1 #high a,
    header.header1 #categorey .watch-cat a p {
        display: inline-block;
        font-size: 16px;
        font-weight: normal;
        line-height: 25px;
        letter-spacing: 0.5px;
        text-align: left;
        color: #FFFFFF;
        padding: 5px 0px 0;
        margin-bottom: 20px;
    }

    header.header1 #menu4 a {
        padding: 0 0 0;
    }

    header.header1 #menu3 a {
        margin-bottom: 0;
        padding: 0;
    }

    header.header1 #menu3 span,
    header.header1 #menu4 span,
    header.header1 #discover span,
    header.header1 #top span,
    header.header1 #luxury span,
    header.header1 #fashion span,
    header.header1 #smartwatch span,
    header.header1 #entry span,
    header.header1 #high span,
    header.header1 #shop span {
        font-size: 18px;
        /* font-weight: normal; */
        line-height: 28px;
        letter-spacing: 0.5px;
        text-align: left;
        color: #FFFFFF;
        font-weight: 600;
        display: block;
        margin-bottom: 20px;
    }

    header.header1 #menu4 span {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    /* header.header1 #menu3 span {
        margin-bottom: 0;
    } */

    header.header1 #menu3 .img.add img {
        width: auto;
        height: 100px;
        margin-top: 10px;
    }

    header.header1 #menu4 .col-lg-2.watch-cat {
        width: 33.33%;
    }

    header.header1 #menu4 .row,
    header.header1 #menu3 .row {
        /* padding-left: 15px !important;
        padding-right: 15px !important; */
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    header.header1 button.close.collapsed .btn-close {
        padding: 0 10px !important;
        opacity: 1;
    }

    header.header1 .nav-item:hover .watches-list {
        display: none;
    }

    header.header1 .navbar {
        padding-top: 35px;
    }

    header.header1 {
        height: 120px;
    }

    header.header1 div#collapsibleNavbar,
    header.header1 #menu1,
    header.header1 #menu2,
    header.header1 #menu3,
    header.header1 #menu4,
    header.header1 #top,
    header.header1 #fashion,
    header.header1 #smartwatch,
    header.header1 #entry,
    header.header1 #high,
    header.header1 #luxury {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #000000;
        z-index: 9;
        padding-top: 50px;
        overflow: auto;
    }


    header.header1 #discover,
    header.header1 #shop {
        padding: 0 35px;
    }

    header.header1 #discover .d-flex,
    header.header1 #fashion .d-flex,
    header.header1 #smartwatch .d-flex,
    header.header1 #entry .d-flex,
    header.header1 #high .d-flex,
    header.header1 #top .d-flex,
    header.header1 #luxury .d-flex,
    header.header1 #shop .d-flex {
        flex-wrap: wrap;
    }

    header.header1 #luxury a img {
        width: 75%;
    }

    header.header1 #menu4 ul,
    header.header1 #menu3 ul {
        width: 100%;
        padding-left: 0px;
        padding-right: 0;
        list-style-type: none;
        color: #fff;
    }


    header.header1 #menu2 ul,
    header.header1 #discover ul,
    header.header1 #shop ul,
    header.header1 #fashion ul,
    header.header1 #smartwatch ul,
    header.header1 #entry ul,
    header.header1 #high ul,
    header.header1 #luxury ul,
    header.header1 #top ul {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        list-style-type: none;
    }

    header.header1 #menu2 ul li {
        width: 24%;
        display: inline-block;
    }


    header.header1 #menu3 ul li {
        padding: 5px 20px 5px 0;
    }

    header.header1 #menu3 .add-on {
        width: 33.33%;
        margin-bottom: 25px;
    }

    header.header1 #top ul li,
    header.header1 #luxury ul li,
    header.header1 #fashion ul li,
    header.header1 #smartwatch ul li,
    header.header1 #entry ul li,
    header.header1 #high ul li,
    header.header1 #discover ul li,
    header.header1 #shop ul li {
        display: inline-block;
        width: 32%;
    }

    ul.navbar-nav.desktop-view {
        display: none;
    }

    header.header1 ul.navbar-nav.mobile-view {
        display: block;
        padding-left: 40px;
    }

    header.header1 .last-area .icons {
        gap: 20px;
        position: absolute;
        right: 0px;
        top: 0px;
        left: 0;
        width: 720px;
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
        padding-top: 5px;
        padding-bottom: 5px;
        background: #000;
        justify-content: end;
        margin: 0 auto;
    }

    header.header1 .last-area .logo img {
        height: 35px;
        margin-left: 0px;
    }

    header.header1 .navbar-toggler {
        padding: 0;
        border: none;
        width: 30px;
        height: 30px;
        margin-left: auto;
    }

    .navbar-toggler-icon {
        filter: invert(1);
        width: 25px !important;
        height: 25px !important;
    }

    header.header1 a.navbar-brand {
        margin-right: 0;
        width: 60%;
        padding: 5px 0 5px 0;
    }

    header.header1 .last-area .rolex-logo {
        width: 100%;
        overflow: hidden;
        /* display: none; */
    }

    .banner .content {
        right: 15%;
        margin: auto;
        width: 35%;
        height: 35%;
    }

    .banner .content h2 {
        margin-bottom: 30px;
    }

    .banner .content a {
        font-size: 12px;
        line-height: 22px;
        padding: 8px 20px;
    }

    .fashion h2 img {
        display: none;
    }

    .fashion .col-lg-4 {
        width: 40%;
    }

    .fashion .col-lg-8 {
        width: 60%;
    }

    .fashion .collection {
        padding: 15px;
    }

    .fashion .collection span {
        font-size: 22px;
        line-height: 35px;
    }

    .fashion .collection p {
        font-size: 14px;
        line-height: 25px;
        margin: 15px 0;
    }

    .fashion .row {
        margin-left: 5%;
    }

    .fashion .collection a {
        font-size: 12px;
        line-height: 20px;
        padding: 5px 25px;
    }

    .fashion .c-slider .c-item {
        padding-bottom: 40px;
    }

    .fashion .c-slider .c-item img {
        padding: 10px 10px 20px;
    }

    .fashion .c-slider .c-item .content span {
        font-size: 15px;
        line-height: 25px;
        letter-spacing: .5px;
    }

    .update .content {
        right: 5%;
        width: 40%;
        height: 60%;
    }

    .hybrid ul.nav {
        width: 80%;
        margin: 0 auto 30px;
    }

    .hybrid ul.nav li.nav-item .nav-link {
        padding: 5px 0px;
    }

    .hybrid .luxury-item {
        padding: 25px 25px 0;
    }

    .hybrid .luxury-item .img-area {
        height: 200px;
    }

    .hybrid .luxury-item span {
        line-height: 25px;
    }

    .hybrid .luxury-item p {
        font-size: 20px;
        line-height: 30px;
    }

    .hybrid .slick-prev,
    .hybrid .slick-next {
        width: 30px;
        height: 30px;
    }

    .trendy .content {
        height: 75%;
    }

    .trendy .content p {
        line-height: 25px;
    }

    .trendy .content a {
        padding: 6px 20px;
    }

    .brands h2 {
        margin-bottom: 30px;
    }

    .brands .col-lg-3 {
        width: 25%;
    }

    .product .col-lg-6 {
        width: 50%;
    }

    .product a,
    .product button.addcart-btn {
        padding: 5px 40px;
    }

    .dial h2 {
        margin-bottom: 30px;
    }

    .dial .row>* {
        padding: 0 10px;
    }

    .dial .col-lg-2 {
        width: 16.6%;
    }

    .dial a {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }

    .dial .explore-btn a {
        margin-top: 30px;
    }

    .luxury .col-lg-4 {
        width: 33.33%;
    }

    .luxury .speci.d-flex.flex-column {
        gap: 55px;
    }

    .luxury .speci .spe-item {
        width: 95%;
        padding: 8px 40px;
    }

    .luxury .speci .spe-item p {
        font-size: 15px;
        line-height: 20px;
    }

    .luxury .speci .spe-item:nth-child(2),
    .luxury .speci .spe-item:nth-child(3) {
        margin-left: 45px;
    }

    .services .col-lg-3 {
        width: 25%;
    }

    .services .d-flex {
        gap: 15px;
    }

    .services .img-area {
        width: 30%;
    }

    .services .content {
        width: 70%;
    }

    .services span {
        font-size: 14px;
        line-height: 22px;
    }

    footer .col-lg-3 {
        width: 30%;
    }

    footer .col-lg-9 {
        width: 65%;
    }

    footer .col-lg-4 {
        width: 38%;
    }

    footer .link-area {
        justify-content: space-between;
        margin-bottom: 20px;
    }

    footer .col-lg-9 .row {
        justify-content: flex-end;
    }

    footer ul.social {
        margin-top: 35px;
    }

    footer .bottom .col-lg-6 {
        width: 50%;
    }

    section.listing .dropdown label {
        width: 45%;
    }

    section.listing .dropdown__filter {
        padding: 6px 20px;
    }

    section.listing .col-lg-3 {
        width: 30%;
    }

    section.listing .col-lg-9 {
        width: 70%;
    }

    section.listing .col-lg-4 {
        width: 33.33%;
    }

    section.listing .filter .filter-item .g-radio .d-flex div {
        width: 50%;
    }

    section.listing .filter {
        padding: 15px;
    }

    section.listing .p-item {
        padding: 20px 10px;
    }

    section.listing .p-item .img img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    section.listing .p-item span {
        font-size: 16px;
        line-height: 25px;
    }

    section.listing .p-item p {
        font-size: 14px;
        line-height: 24px;
    }

    section.listing .p-item .price span {
        font-size: 15px;
        line-height: 25px;
    }

    section.listing .p-item .fev button img {
        width: 22px;
        height: auto;
    }

    section.details .col-lg-6 {
        width: 50%;
    }

    section.details .d-info,
    section.details .p-data,
    section.details .color-area {
        padding-left: 20px;
    }

    section.details .d-info span {
        font-size: 22px;
        line-height: 32px;
    }

    section.details .d-info p span {
        font-size: 16px;
        line-height: 25px;
    }

    section.details .d-info p {
        font-size: 14px;
        line-height: 24px;
    }

    section.details .p-data .price span {
        font-size: 18px;
        line-height: 30px;
    }

    section.details p {
        margin: 10px 0;
    }

    section.details .p-data a,
    section.details .p-data button.addcart-btn {
        font-size: 14px;
        line-height: 25px;
        padding: 5px 25px;
    }

    section.details .p-data ul {
        margin-top: 15px;
    }

    div#specifications h3 {
        margin-bottom: -15px;
    }

    section.details .nav-tabs {
        top: 120px;
    }

    section.details .tab-pane .col-lg-3 {
        width: 25%;
        margin-top: 35px;
    }

    section.details .tab-pane .col-lg-9 {
        width: 75%;
    }

    section.details .tab-pane .col-lg-3 .d-flex {
        gap: 8px;
    }

    section.details .d-flex .content p,
    section.details .d-flex .content p span {
        font-size: 13px;
        line-height: 22px;
    }

    .modal .col-lg-3 {
        width: 25%;
    }

    section.checkout .form-card .col-lg-7 {
        width: 60%;
    }

    section.checkout .form-card .col-lg-5 {
        width: 40%;
    }

    #progressbar li {
        width: 22% !important;
    }

    .login .login-form {
        width: 70%;
        padding: 25px 30px;
    }

    .login .login-form .log-with .with {
        width: 40%;
    }

    .login .login-form .log-with .with a {
        padding: 5px 20px;
    }

    .login .login-form p {
        font-size: 16px;
        font-weight: 400;
        line-height: 25px;
    }

    .login .login-form .form-group input[type='text'] {
        padding: 10px 25px 10px 100px;
    }

    .login .login-form .form-group input[type='text']::placeholder {
        font-size: 15px;
    }

    .login .login-form .form-group p {
        font-size: 16px;
        line-height: 25px;
        margin: 10px 0;
    }

    .login .login-form .form-group button {
        font-size: 16px;
        line-height: 25px;
        padding: 5px 0;
    }

    section.login.register .form-group label {
        font-size: 16px;
        line-height: 25px;
    }

    section.details.privacy .col-lg-7 {
        width: 60%;
    }

    section.details.privacy .col-lg-5 {
        width: 40%;
    }

    section.details.privacy .col-lg-5 .row .col-lg-6 {
        width: 100%;
    }

    section.details.privacy .contact-item {
        padding: 15px 10px;
    }

    section.details.privacy .contact-item img {
        width: 25px;
    }

    section.details.privacy span {
        font-size: 15px;
        line-height: 25px;
    }

    section.details.privacy form button {
        font-size: 16px;
        line-height: 25px;
        padding: 5px 0;
    }

    section.details.privacy form .col-lg-3 {
        width: 25%;
    }

    .gifting .gift-area .gift img {
        width: 80px;
        height: auto;
    }

    .gifting .gift-area span {
        font-size: 15px;
        line-height: 22px;
    }

    .hybrid .col-lg-2 {
        width: 33.33%;
        margin-top: 10px;
    }

    .legacy .timeless span {
        font-size: 30px;
        line-height: 40px;
    }

    .legacy .timeless {
        padding: 10px 0;
        margin-bottom: 60px;
    }

    #clockContainer {
        height: 150px;
        width: 150px;
    }

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

    .legacy .first {
        width: 100%;
    }

    section.hybrid.stores .col-lg-4 {
        width: 33.33%;
    }

    .stores .store-item {
        padding: 15px;
    }

    .stores h4 {
        font-size: 15px;
        line-height: 25px;
        height: 50px;
    }

    .stores .store-item p {
        font-size: 14px;
        line-height: 22px;
        height: 130px;
    }

    section.details.privacy ul {
        margin-left: -1rem;
    }

    section.details.privacy .col-lg-3 {
        width: 25%;
    }

    .blog-item .content a.view {
        padding: 5px 20px;
    }

    .order-history .o-placed {
        margin-top: 30px;
        padding: 25px 30px;
    }

    .order-history .o-placed .col-lg-3:first-child,
    .order-history .o-placed .col-lg-6 {
        width: 50%;
    }

    .o-watch .row>* {
        width: 50%;
    }

    .order-history .o-placed .de-fe {
        display: flex;
        justify-content: space-between;
    }

    .order-history .o-placed .de-fe a,
    .order-history .o-placed .de-fe button {
        width: 48%;
        display: inline-block;
        padding: 5px 0;
        margin: 20px 0 0;
    }

    .order-history .o-placed .o-watch .o-w-content p,
    .order-history .o-placed .o-date span {
        font-size: 16px;
        line-height: 25px;
        margin: 0;
    }

    .order-history .o-placed .o-watch .qty {
        border-radius: 10px;
    }

    .order-history .o-placed .o-date p {
        font-size: 20px;
        line-height: 28px;
    }

    .order-history .o-placed .o-watch .o-w-content span,
    .order-history .o-placed .o-watch p {
        font-size: 18px;
        line-height: 24px;
    }

    .wishlist .col-lg-3 {
        width: 33.33%;
    }

    section.details.privacy.dashboard .col-lg-3 {
        width: 30%;
    }

    section.details.privacy.dashboard .col-lg-9 {
        width: 70%;
    }

    section.details.privacy.dashboard .col-lg-9 .right-area .col-lg-4 {
        width: 33.33%;
    }

    section.details.privacy .right-area .col-lg-4 .avail {
        padding: 15px;
    }

    section.details.privacy .right-area .col-lg-4 .avail span {
        font-size: 20px;
        line-height: 30px;
    }

    section.details.privacy .nav-tabs {
        padding: 15px;
    }

    section.details.privacy .nav-tabs .nav-link {
        font-size: 15px;
        line-height: 30px;
    }

    section.listing.compare .product-list.similar .row:first-child .col-lg-3:first-child {
        display: none;
    }

    section.listing.compare {
        padding: 50px 0 0;
    }

    section.listing.compare .col-lg-3 {
        width: 33.33%;
    }

    section.listing.compare .col-lg-9 {
        width: 66%;
    }

    section.listing.compare .p-item .img img {
        height: 200px;
        width: auto;
    }

    section.listing .product-list.similar button {
        padding: 5px 40px;
    }

    section.details.privacy .create button {
        font-size: 16px;
        line-height: 28px;
        width: 35%;
    }

    section.details.privacy .create button img {
        width: 50px;
        padding: 10px;
    }

    section.details.privacy .table-area .col-lg-2 {
        width: 35%;
    }

    section.details.privacy.dashboard .col-lg-9 .right-area .table-area .col-lg-3 {
        width: 65%;
        margin-top: 0;
    }

    section.details.privacy.dashboard .col-lg-9 .right-area .table-area .col-lg-4,
    section.details.privacy .table-area .col-lg-10 {
        width: 65%;
    }

    section.details.privacy .tickets:last-child .table-area .col-lg-2:first-child {
        width: 100%;
    }

    section.details.privacy .tickets:last-child .table-area .col-lg-8 {
        width: 65%;
    }

    .order-history .o-placed .o-date p {
        font-size: 16px;
        line-height: 26px;
    }

    .order-history .o-placed .o-watch .price span {
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
    }

    .order .row>* {
        width: 50%;
        padding: 30px !important;
    }

    .order .info .logo-area .breadcrumb {
        justify-content: center;
    }

    .order .info .contact-info .col-lg-6:nth-child(2) span {
        text-align: center;
    }

    li.breadcrumb-item a,
    li.breadcrumb-item,
    li.breadcrumb-item.active {
        font-size: 13px;
        line-height: 18px;
    }

    .order .info .contact-info {
        margin-top: 30px;
    }

    .order .info .contact-info .row>* {
        width: 100%;
    }

    .order .info .contact-info .col-lg-6.text-end {
        text-align: center !important;
    }

    .order .info .contact-info span {
        font-size: 18px;
        line-height: 28px;
        display: block;
        text-align: center;
    }

    .order .info .logo-area img {
        width: 70%;
    }

    .order .info .contact-info label {
        font-size: 14px;
        line-height: 20px;
    }

    .order .info .logo-area {
        width: 75%;
        margin: 0 auto;
    }

    .order .info .contact-info .form-control {
        font-size: 15px;
        line-height: 25px;
    }

    .order .info .contact-info .form-control::placeholder {
        font-size: 15px;
        line-height: 25px;
    }

    .order .info .contact-info .shipping-btn a {
        font-size: 15px;
        line-height: 25px;
        width: 85%;
        padding: 5px 0;
    }

    .order .summary span {
        margin-bottom: 10px;
    }

    .order .summary .o-item {
        position: relative;
    }

    .order .summary .g-20 {
        gap: 15px;
    }

    .order .summary .o-item .img-area {
        width: 25%;
    }

    .order .summary .o-item .o-data {
        width: 75%;
    }

    .order .summary .o-item .right .counter {
        position: absolute;
        top: 20px;
        right: 0;
        width: 30%;
        padding: 0 20px;
    }

    .order .summary .o-item .o-data .d-flex.g-20 {
        gap: 0;
        justify-content: space-between;
    }

    .order .summary .o-item button {
        font-size: 15px;
        line-height: 20px;
        padding: 5px 20px;
        width: 48%;
    }

    .order .summary .o-item span {
        font-size: 16px;
        line-height: 25px;
    }

    .order .summary .promo {
        padding: 20px;
    }

    .order .summary .promo span {
        margin-bottom: 20px;
    }

    .order .summary .promo input {
        width: 74%;
    }

    .order .summary .promo button {
        font-size: 14px;
        line-height: 24px;
        padding: 5px 0;
    }

    .order .summary span {
        font-size: 16px;
        line-height: 25px;
    }

    .order .summary .total .d-flex {
        margin-bottom: 15px;
    }

    .order .summary .total .grand.d-flex {
        margin-top: 20px;
        padding-top: 20px;
    }

    #msform .action-button {
        width: 35% !important;
    }

    section.checkout button.addcart-btn {
        padding: 25px 0;
        width: 70%;
    }

    .modal a.send-btn {
        font-size: 15px;
        line-height: 25px;
        padding: 5px 0;
    }

}

@media only screen and (min-device-width : 992px) and (max-device-width : 1024px) {
    header.header1 .last-area .icons {
        width: 960px;
    }

    header.header1 .last-area {
        width: 18%;
    }

    footer .col-lg-2 {
        display: none;
    }

    .fashion .col-lg-4 {
        width: 30%;
    }

    .fashion .collection {
        padding: 20px;
    }

    .fashion .collection span {
        font-size: 25px;
        line-height: 35px;
    }

    .hybrid .luxury-item {
        padding: 25px 15px 0;
    }

    .hybrid .luxury-item img {
        width: 65%;
        margin: 0 auto 10px;
    }

    /* .hybrid .luxury-item .img-area {
        height: auto;
    } */

    .trendy .content {
        height: 50%;
    }

    section.listing .dropdown label {
        width: 35%;
    }

    .order-history .o-placed .col-lg-3 {
        width: 25% !important;
    }

    .order-history .o-placed .col-lg-6 {
        width: 50%;
    }

    .order-history .o-placed .de-fe {
        flex-wrap: wrap;
    }

    .order-history .o-placed .de-fe a,
    .order-history .o-placed .de-fe button {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
    }

    .o-watch .col-lg-2 {
        width: 16%;
    }

    .o-watch .col-lg-5 {
        width: 41%;
    }

    #progressbar li {
        width: 25% !important;
    }

    .price-input {
        width: 70%;
    }

}

.order .info .logo-area .breadcrumb {
    justify-content: center;
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) and (max-width: 1440px) {
    header.header1 .nav-item .watches-list li a {
        font-size: 13px !important;
    }

    .order .row>* {
        padding: 40px !important;
    }

    .order .summary .o-item button {
        font-size: 15px;
        line-height: 22px;
    }

    .order .info .contact-info .form-control {
        font-size: 15px;
        line-height: 25px;
    }

    .order .info .contact-info .form-control::placeholder {
        font-size: 15px;
        line-height: 25px;
    }

    .order .summary .promo button {
        font-size: 14px;
        line-height: 25px;
        padding: 5px 0;
    }

    .order .summary span,
    .order .summary .o-item span {
        font-size: 15px;
        line-height: 25px;
    }

    .order .info .contact-info .shipping-btn a {
        font-size: 15px;
        line-height: 25px;
        padding: 5px 0;
    }

    .order .summary .o-item .text-end {
        margin-top: 10px;
    }


    .order .info .contact-info span {
        font-size: 18px;
        line-height: 30px;
    }

    .order .summary .o-item .left p {
        text-align: left;
    }

    li.breadcrumb-item a,
    li.breadcrumb-item,
    li.breadcrumb-item.active {
        font-size: 13px;
    }

    .order .info .contact-info .col-lg-6:nth-child(2) span {
        font-size: 13px;
        line-height: 22px;
    }

    .order .info .contact-info .col-lg-6:nth-child(2) span a {
        font-size: 14px;
    }

    header.header1 .top-bar span {
        font-size: 10px;
        line-height: 22px;
        letter-spacing: 1px;
    }

    header.header1 .nav-item a.nav-link {
        font-size: 14px !important;
        line-height: 24px;
    }

    header.header1 .nav-item .watches-list span {
        font-size: 14px;
        line-height: 25px;
    }

    header.header1 .nav-item .watches-list li a {
        font-size: 12px !important;
        line-height: 22px;
        letter-spacing: 0.5px;
    }

    header.header1 .nav-item .watches-list li {
        margin-bottom: 0px !important;
    }

    header.header1 .nav-item .watches-list .d-flex {
        gap: 60px;
    }

    header.header1 .nav-item .watches-list .watch-cat p {
        font-size: 12px;
        line-height: 25px;
        letter-spacing: 0.5px;
    }

    header.header1 .last-area .icons img {
        width: auto;
        height: 18px;
    }

    header.header1 .nav-item .watches-list .watch-cat .img.our img {
        width: 100%;
        height: auto;
    }

    .fashion .row {
        margin-left: 4%;
    }

    .fashion .collection {
        padding: 30px;
    }

    .fashion .collection span {
        display: block;
        width: 40%;
        font-size: 32px;
        line-height: 50px;
    }

    .hybrid .luxury-item span {
        line-height: 25px;
    }

    .hybrid .luxury-item .info .cart-btn button {
        font-size: 12px;
        padding: 10px 20px;
        letter-spacing: 0.05em;
    }

    .hybrid .luxury-item .img-area {
        height: auto;
    }

    .hybrid .slick-prev,
    .hybrid .slick-next {
        top: 42%;
    }

    .hybrid .luxury-item p {
        font-size: 18px;
        line-height: 28px;
    }

    .trendy .content {
        height: 55%;
    }

    .product button.addcart-btn,
    .product .buy a {
        font-size: 12px;
        line-height: 22px;
        padding: 5px 30px;
    }

    .product .buy a {
        width: 55%;
    }

    .dial .row>* {
        padding: 0 0px;
    }

    .dial a {
        width: 150px;
        height: 150px;
    }

    .luxury .img-area img {
        width: 85%;
        height: auto;
    }

    .luxury .speci .spe-item p {
        font-size: 14px;
        line-height: 20px;
    }

    section.listing .filter {
        padding: 20px;
    }

    section.listing .filter .filter-item span {
        font-size: 15px;
        line-height: 22px;
    }

    section.listing .filter .filter-item label {
        font-size: 14px;
        line-height: 28px;
    }

    section.listing .dropdown__filter {
        padding: 8px 20px;
        font-size: 12px;
    }

    section.listing .dropdown__filter::after {
        top: 35%;
    }

    section.listing .p-item p {
        font-size: 12px;
        line-height: 22px;
    }

    section.listing .p-item .d-flex {
        align-items: center;
    }

    section.listing .p-item span {
        font-size: 16px;
        line-height: 32px;
    }

    section.listing .p-item .price span {
        font-size: 16px;
        line-height: 25px;
    }

    section.details .p-data a,
    section.details .p-data button.addcart-btn {
        font-size: 14px;
        line-height: 25px;
        padding: 4px 25px;
    }

    .order-history h2 {
        margin: 10px 0;
    }

    h2 {
        font-size: 25px !important;
        line-height: 40px !important;
    }

    .order-history .o-placed {
        padding: 25px 30px;
        margin-top: 30px;
    }

    .order-history .o-placed .o-date p {
        font-size: 18px;
        line-height: 28px;
    }

    .order-history .o-placed .o-date button {
        font-size: 14px;
        padding: 5px 0;
    }

    .order-history .o-placed .o-watch p {
        font-size: 18px;
        line-height: 24px;
    }

    .order-history .o-placed .o-watch .o-w-content span {
        font-size: 16px;
        line-height: 25px;
    }

    .order-history .o-placed .o-watch .o-w-content p {
        font-size: 14px;
        line-height: 24px;
    }

    .order-history .o-placed .o-watch .o-w-content .status span {
        font-size: 14px;
        line-height: 24px;
    }

    .order-history .o-placed .o-watch .price span {
        font-size: 16px;
        line-height: 25px;
    }

    .order-history .o-placed .de-fe a,
    .order-history .o-placed .de-fe button {
        font-size: 14px;
        line-height: 24px;
        padding: 5px 0;
    }

    section.details.privacy form label {
        font-size: 14px;
        line-height: 24px;
    }

    section.details.privacy form .form-control::placeholder,
    section.details.privacy form .form-control {
        font-size: 14px;
        line-height: 24px;
    }

    section.details.privacy .table-area form button {
        font-size: 14px;
        line-height: 24px;
        padding: 4px 20px;
        width: 100%;
    }

    section.details.privacy .nav-tabs .nav-link img {
        width: 16px;
        height: auto;
    }

    section.details.privacy .nav-tabs .nav-link {
        font-size: 14px;
    }

    .mb-5 {
        margin-bottom: 1rem !important;
    }

    .stores .store-item p {
        font-size: 13px;
        height: 75px;
    }

    .stores h4 {
        font-size: 15px;
        height: 30px;
    }

    .stores a {
        font-size: 14px;
        line-height: 20px;
        padding: 5px 20px;
    }

    .login .login-form {
        padding: 20px 25px;
    }

    .login .login-form .log-with .with a {
        padding: 4px 15px;
    }

    .login .login-form .log-with .with a img {
        height: 22px;
    }

    .login .login-form p {
        font-size: 16px;
        line-height: 25px;
    }

    section.login.register .form-group input[type='text'] {
        padding: 6px 25px;
    }

    .login .login-form .form-group input[type='text'],
    input[type='password'] {
        padding: 8px 25px 8px 70px;
        font-size: 15px;
        line-height: 24px;
    }

    .login .login-form .form-group input[type='text']::placeholder {
        font-size: 15px;
        line-height: 24px;
    }

    .login .login-form .form-group .img-area img {
        width: auto;
        height: 15px;
    }

    .login .login-form .form-group .right-border {
        left: 14%;
        height: 60%;
    }

    .login span {
        font-size: 15px;
        line-height: 25px;
    }

    .login .login-form .form-group p {
        font-size: 15px;
        line-height: 25px;
    }

    .login .login-form .form-group button {
        font-size: 15px;
        line-height: 30px;
        padding: 4px 0;
    }

    section.login.register .form-group label {
        font-size: 14px;
        line-height: 30px;
    }

    section.details.privacy form button {
        font-size: 15px;
        line-height: 30px;
        padding: 0 0;
    }

    .gifting .gift-area span {
        font-size: 13px;
        letter-spacing: .5px;
    }

    .gifting .gift-area p {
        font-size: 14px;
        line-height: 25px;
    }

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

    footer ul li span,
    footer ul li a,
    footer ul.contact-info li,
    footer .bottom span {
        font-size: 14px;
        line-height: 30px;
    }

    h2.modal-title {
        font-size: 16px !important;
        line-height: 25px !important;
    }

    .modal .watch-data span {
        font-size: 14px;
        line-height: 22px;
    }

    .modal .watch-data p {
        font-size: 13px;
        line-height: 22px;
    }

    .modal .counter {
        padding: 2px 15px;
    }

    .product .p-data .modal .watch-price span {
        font-size: 16px;
    }

    .modal a.send-btn {
        font-size: 14px;
        line-height: 24px;
        padding: 2px 0;
    }

    .modal .proceed span {
        font-size: 16px;
        line-height: 22px;
    }

    .modal .proceed p {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
    }

    section.details p {
        font-size: 14px;
        line-height: 24px;
    }

    section.details.privacy ul {
        margin-left: -1rem;
    }

    section.details.privacy li {
        font-size: 14px;
        line-height: 23px;
    }

    .blog-item .content a.view {
        font-size: 14px;
        line-height: 20px;
        padding: 5px 20px;
    }

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

    .stores p {
        font-size: 14px;
        line-height: 24px;
    }

    .hybrid .bolg-detail p {
        font-size: 14px;
        line-height: 24px;
    }

    .hybrid .article-item h4 {
        font-size: 17px;
        line-height: 25px;
    }

    .hybrid .article-item p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .hybrid .article-item .content a.read {
        font-size: 14px;
        line-height: 24px;
    }

    .blog-item h4 {
        font-size: 16px;
        line-height: 26px;
    }

    .blog-item p {
        font-size: 14px;
        line-height: 24px;
    }

    .help h4 {
        font-size: 18px;
        line-height: 28px;
    }

    .help p,
    .help li {
        font-size: 14px;
        line-height: 24px;
    }

    section.details.privacy span {
        font-size: 15px;
        line-height: 25px;
    }

    .wishlist-item .content span {
        font-size: 16px;
        line-height: 26px;
    }

    .wishlist-item .content p {
        font-size: 14px;
        line-height: 22px;
    }

    .wishlist-item .content .price span {
        font-size: 15px;
        line-height: 25px;
    }

    .wishlist-item button {
        font-size: 15px;
        line-height: 25px;
        padding: 5px 0;
    }

    .wishlist label {
        font-size: 14px;
        line-height: 24px;
    }

    .services span {
        font-size: 14px;
        line-height: 24px;
    }

    section.details.privacy .right-area .col-lg-4 .avail p {
        margin: 20px 0 0;
    }

    section.listing .product-list.similar button {
        font-size: 12px;
        line-height: 22px;
        padding: 5px 30px;
    }

    section.listing .p-item .img img {
       width: 100%;
        height: 200px;
    }

    section.details.privacy .tickets .table th,
    section.details.privacy .tickets .table td,
    section.listing .table td,
    section.listing .table.table-black th {
        font-size: 15px;
        line-height: 25px;
    }

    section.details.privacy .right-area .col-lg-4 .avail span {
        font-size: 20px;
        line-height: 30px;
    }

}

.showsearchdata ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 400px;
    overflow-y: scroll;
}

.showsearchdata .product-item {
    border: 1px solid #ddd;
    margin: 10px;
    padding: 10px;
    position: relative;
}

.showsearchdata .product-link {
    display: flex;
    text-decoration: none;
    color: inherit;
}

.showsearchdata .product-image {
    width: 50px;
    height: 50px;
    object-fit: cover;
    /* Ensures the image covers the box without distortion */
    margin-right: 10px;
}

.showsearchdata .product-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.showsearchdata .product-info h3 {
    margin: 0 0 5px;
    font-size: 1em;
    color: #fff;
}

.showsearchdata .product-info p {
    margin: 0;
    font-size: 0.9em;
    color: #fff;
}

#msform {
    text-align: center;
    position: relative;
}

#msform fieldset {
    background: #000;
    border: none;
    width: 100%;
    position: relative
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform .action-button {
    width: 30%;
    background: #EC1D26;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    float: right
}

#msform .action-button:hover,
#msform .action-button:focus {
    background-color: #ed343d;
}

/* 
#msform .action-button-previous {
    width: 100px;
    background: #454545;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #898989;
} */

.card {
    border: none;
    position: relative
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    padding: 0;
}

#progressbar .active {
    color: #EC1D26;
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar li .step {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li .step img {
    height: 30px;
    width: auto;
}

ul#first {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    padding: 0;
    display: inline;
}

ul#first .active {
    color: #EC1D26;
}

ul#first li {
    list-style-type: none;
    font-size: 15px;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400
}


ul#first li .step {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

ul#first li.active .step,
ul#progressbar li.active .step {
    background: #EC1D26;
}

ul#first li.active .step img,
ul#progressbar li.active .step img {
    filter: invert(1);
}

ul#first li .step img {
    height: 30px;
    width: auto;
}

section.order .shiping .payment label img {
    height: 40px;
    /* background: #454545;
    padding: 5px; */
    border-radius: 5px;
}

section.order .shiping .payment label {
    cursor: pointer;
}

section.order .shiping .payment input:checked+label {
    border-radius: 5px;
    border: 1px solid #EC1D26;
}

section.order .shiping .payment {
    margin-top: 20px;
    /* background: #454545;
    padding: 20px;
    border-radius: 5px; */
}

section.order .shiping .payment span {
    display: block;
    /* margin-bottom: 10px; */
}

section.order .shiping .payment .form-group {
    margin-top: 0;
    border: 1px solid #454545;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 15px;
}

section.order .shiping .payment .form-group label {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #CDCDCD;
}

section.order .shiping .payment label.gateway {
    position: relative;
    width: 100%;
    /* gap: 15px;  */
    /* margin-top: 0;
    border: 1px solid #454545;
    padding: 20px;
    border-radius: 5px; */
}

section.order .shiping .payment .form-group input {
    width: 3%;
}

section.order .shiping .payment .form-group div.text {
    width: 65%;
    padding-left: 10px;
    position: relative;
}

section.order .shiping .payment input:checked~label.gateway::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 1px solid #EC1D26;
    background: #454545;

}

section.order .shiping .payment div.pay-way {
    display: flex;
    width: 32%;
}

section.order .shiping .payment label img {
    width: 100%;
    height: auto;
    /* padding: 5px;  */
    border-radius: 5px;
}

section.order .shiping .payment label {
    cursor: pointer;
}

.discount-label.position-absolute {
    background-color: black;
    color: #fff;
    padding: 6px;
    font-size: 12px;
    border-right: solid;
    border-radius: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    section.services .row .col-lg-4 {
        width: 33%!important;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .hybrid .luxury-item .img-area {
        height: auto!important;
        margin-bottom: 20px!important;
        
    }
    .hybrid .luxury-item:hover .content 
    { 
        position: static;
    }
}