@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600;1,700&family=Crete+Round:ital@0;1&family=Great+Vibes&family=Hurricane&family=Josefin+Sans:ital,wght@0,400;0,500;0,600;0,700;1,500;1,700&family=Lobster&family=Lobster+Two:ital,wght@0,700;1,700&family=Merriweather+Sans:wght@600&family=Monoton&family=Pacifico&family=Patua+One&family=Playball&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Playfair+Display:ital,wght@1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:wght@400;500;600;700&family=Redressed&family=Roboto+Serif:opsz,wght@8..144,600;8..144,700&family=Roboto+Slab:wght@400;500;800&family=Roboto:wght@400;500;700;900&family=Rowdies:wght@300&family=Tiro+Devanagari+Marathi&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600;1,700&family=Crete+Round:ital@0;1&family=Great+Vibes&family=Hurricane&family=Josefin+Sans:ital,wght@0,400;0,500;0,600;0,700;1,500;1,700&family=Lato&family=Lobster&family=Lobster+Two:ital,wght@0,700;1,700&family=Merriweather+Sans:wght@600&family=Monoton&family=Open+Sans:wght@700&family=Pacifico&family=Patua+One&family=Playball&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Playfair+Display:ital,wght@1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:wght@400;500;600;700&family=Redressed&family=Roboto+Serif:opsz,wght@8..144,600;8..144,700&family=Roboto+Slab:wght@400;500;800&family=Roboto:wght@400;500;700;900&family=Rowdies:wght@300&family=Tiro+Devanagari+Marathi&display=swap');
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family: 'Poppins', sans-serif;
    font-family: 'Redressed', cursive;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Serif', serif;
    font-family: 'Roboto Slab', serif;
    font-family: 'Rowdies', cursive;
}
:root {
    --bs-gutter-x: 0!important; /* Set horizontal gutter to 0 */
    --bs-gutter-y: 0 !important;
  }
.container{
    scrollbar-gutter: 0!important;
}  
.container-fluid{
    scrollbar-gutter: 0!important;
}
html,body{
    overflow-x:hidden;
    width:100vw;
    max-width:100vw;
    /* min-height:100%;it will affect the backtotopbtn */
    width:100%;
    /* height:100%; it will affect the backtotopbtn*/
    scroll-behavior: smooth;
    padding-left:0!important;
    padding-right:0!important;
    scroll-padding-top:115px;
    padding-top:50px;
}
body{
    background:whitesmoke;
} 
.navbar{
    top:0;
    left:0;
    right:0;
}
.navbar{
    width:100%;
    height:100px;
    background-color: rgb(255, 230, 0);
}
.navbar .w-100 {
    width: 100%; /* Ensure full width */
    background-color: rgb(255, 230, 0);
   top:0;
   left:0;
   right:0;
    height:auto;
    display:flex;
    padding:0 30px;
    /* padding:0 20px; Background color for the navbar and menu */
  }
  .navbar-collapse {
    background-color: rgb(255, 230, 0); /* Background color for dropdown */
  }
  .navbar-nav .nav-link {
    color: rgb(255, 255, 255); /* Ensure good visibility of the text */
  }
  
  .navbar-nav .nav-link:hover {
    color: darkblue; /* Optional hover effect */
  }
  
.back-to-top-circle{
    position:fixed;
    z-index:2000000;
    bottom:20px;
    right:20px;
    width:50px;
    height:50px;
    border-radius:50%;
    color:rgb(255, 255, 255);
    border:none;
    outline:none;
    background:#0d00fa;
    text-align:center;
    visibility:visible;
    opacity:0;
    cursor:pointer;
    transition: all 0.6s ease-in-out;
}

.back-to-top-circle:hover{
    background:#ff3700;
       transform: translateY(-9px);
       color:#ffffff;
}

.shows{
    opacity:1;
}
.main{
    background:rgb(93, 255, 142);
    display:flex;
    flex-flow:column nowrap;
}
.nav-item .nav-link .active{
    color:rgb(0, 0, 0);
}
.nav-item .nav-link{
    color:rgb(255, 255, 255);
}
.nav-item .nav-link:hover{
    color:orangered;
    background:none;
}
.navbar{
    background: rgb(255, 230, 0);
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100px;
}
.w-100 a{
    text-decoration:none;
    display:inline-block;
}
.w-100 a h1{
    font-size:23px;
    font-weight:900;
    text-align:center;
    text-transform:capitalize;
    font-family:'Lobster', cursive;
    letter-spacing:1.2px;
    color:transparent;
    background-image:url("./watch-images/heading-bg-img.png");
    background-repeat:repeat-x;
        -webkit-background-clip: text;
        -webkit-text-fill-color:transparent;
        font-family:'Lobster', cursive;
        animation:animates 3s ease-in-out; 
        animation:animate 3s linear infinite; 
}
@keyframes animate{
     0%{
         background-position:left 0px top 3px;
     }
     40%{
        background-position: left 800px top 3px;
    }     
} 
@keyframes animates{
    0%{
        opacity:0;
    }
}
.product-main-first{
    display:flex;
    flex-flow:column nowrap;
    width:70%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    justify-content:center;
    padding:0 3rem;
    align-items:center;
    position:relative;
    margin-top:50px;
}
.product-main-first .product-first-image{
    position:relative;
    width:320px;
    height:320px; 
    /* 230 h, 280 w */
}
.product-main-first .product-first-image img{
    position:absolute;
    width:100%;
    height:100%;max-width:100%;display:block;
    background-size:cover;
    background-position: center;
}
.product-main-first .product-first-content{
    display:flex;
    flex-flow:column nowrap;
    margin-top:30px;
}
.product-main-first .product-first-content h1{
    font-family:'poppins',sans-serif;
    font-size:30px;
    font-weight:800;
    text-transform:capitalize;
    text-align:center;
    margin-top:15px;
    color:rgb(255, 30, 0);
}
.product-main-first .product-first-content h2{
    font-family:'poppins',sans-serif;
    font-size:24px;
    font-weight:600;
    text-transform:uppercase;
    text-align:center;
    margin-top:15px;
    color:rgb(122, 92, 255);
    text-decoration: underline;
    text-decoration-thickness: 3px;
}
.product-main-first .product-first-content p{
    font-size:16px;
    font-weight:500;
    padding-left:15px;
    padding-right:15px;
    margin-top:15px;
    line-height:1.8;
    color:rgb(31, 31, 31);
}
/**product second cards**/
.product-main-second{
    display:flex;
    flex-flow:column wrap;
    width:87%;
    height:auto;
   margin:50px auto 0px auto;
   padding-bottom:30px;
    position:relative;
    align-items:center;
    justify-content:center;
}
.product-main-second .product-main-second-card-1{
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
    position:relative;
    width:275px;
    height:380px;
    background:yellow;
    border-radius:20px;
    overflow:hidden;
    margin-top:0px;
    box-shadow:15px 15px 30px rgba(0,0,0,.25);
}
.product-main-second .product-main-second-card-1::before{
    content:'';
    position:absolute;
    top:-45%;
    width:100%;
    height:100%;
    background:#ff0062;
    transform:skewY(-375deg);
    transition:before 0.5s linear;
}
.product-main-second .product-main-second-card-1:hover::before{
    transform:skewY(390deg);
    top:-65%;
}       
.product-main-second .product-main-second-card-1 .image{
    position:relative;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:1;
    padding:10px 0px 30px;
}
.product-main-second .product-main-second-card-1 .image img{
    max-width:100%;
    transition:0.5s ease-in-out;
}
.product-main-second .product-main-second-card-1:hover .image img{
    width:100px;
    height:100px;
    transition:0.5s linear;
    transform:translateX(60px); 
    margin-top:15px;  
}
.product-main-second .product-main-second-card-1 .content{
    position:relative;
    padding:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    z-index:1;
}
.product-main-second .product-main-second-card-1 .content h2{
    color:#01443b;
    font-weight:900;
    font-size:22px;
    text-transform:uppercase;
    letter-spacing:1.1px;
    transition:1s;
    margin-top:10px;
    font-family: 'poppins', sans-serif;
}
.product-main-second .product-main-second-card-1 .content h3{
    color:#01443b;
    font-weight:900;
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:1.1px;
    transition:1s;
    margin-top:10px;
    font-family: 'poppins', sans-serif;
}
.product-main-second .product-main-second-card-1:hover .content h3{
    color:#ff0090;
    font-weight:900;
    margin-top:5px;
}
.product-main-second .product-main-second-card-1 .content .color{
    font-size:16px;
    font-weight:500;
    color:#ff004c;
    text-transform:capitalize;
    font-family:'poppins',sans-serif;
    letter-spacing:.2px;
    margin-top:5px;
    transition:1s;
}
.product-main-second .product-main-second-card-1:hover .content .color{
    color:#000042;
    font-size:16px;
    font-weight:500;
    font-family:'poppins',sans-serif;
}
.product-main-second .product-main-second-card-1 .content .colors{
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
}
.product-main-second .product-main-second-card-1:hover .content .colors
{
    top:0;
    opacity:1;
}
.product-main-second .product-main-second-card-1:hover .content .colors h4{
    color:#630707;
}
.product-main-second .product-main-second-card-1 .content .colors h4{
   font-size:14px;
   font-weight:500;
   font-family:'poppins','sans-serif';
   color:#630707;
   margin-top:5px;
   text-transform:capitalize;
}
.product-main-second .product-main-second-card-1 .content .colors h4 span{
    font-size:16px;
    font-weight:700;
    letter-spacing:1.2px;
    text-transform:uppercase;
    color:rgb(255, 35, 101);
}
.product-main-second .product-main-second-card-1 .content .price{
   font-size:20px;
   color:#00944f;
   font-weight:900;
   text-transform:uppercase;
   letter-spacing:1px;
   margin-top:6px;
   font-family:'poppins',sans-serif;
   opacity:1;
}
.product-main-second .product-main-second-card-1 .content .buy{
   display:inline-block;
   padding:10px 20px;
   text-align:center;
   margin-top:20px 0px 15px;
   color:yellow;
   font-size:14px;
   font-weight:700;
   text-decoration:none;
   background:#ff0090;
   border-radius:15px;
   text-transform:uppercase;
   letter-spacing:1.1px;
   transition:0.5s;
   opacity:0;    
}
.product-main-second .product-main-second-card-1:hover .content .buy{
   opacity:1;
}    
.product-main-second .product-main-second-card-2{
    display:flex;
    flex-flow:column nowrap;
    position:relative;
    width:275px;
    height:380px;
    background:rgb(245, 245, 244);
    border-radius:20px;
    overflow:hidden;
    margin-top:30px;
    box-shadow:15px 15px 30px rgba(0,0,0,.25);
}
.product-main-second .product-main-second-card-2 .image{
    width:100%;
    height:53%;
    background:rgb(61, 204, 4);
    padding:25px;
}
.product-main-second .product-main-second-card-2 .image img{
    width:100%;
    height:100%;
    display:block;
    background-position:center;
    background-size:cover;
    animation:animatee 5s linear infinite;
}
@keyframes animatee{
    0%{
    transform:rotateY(180deg);
    }
    100%{
    transform:rotateY(-180deg);
    }
    }
.product-main-second .product-main-second-card-2 .content{
    display:flex;
    flex-flow:column nowrap;
    margin:5px 15px;
}
.product-main-second .product-main-second-card-2 .content .brand-price{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
}
.product-main-second .product-main-second-card-2 .content .brand-price h2{
    font-size:14px;
    font-weight:700;
    color:rgb(194, 194, 194);
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-family:'poppins',sans-serif;
}
.product-main-second .product-main-second-card-2 .content .brand-price h3{
    font-weight:900;
    font-size:22px;
    color:rgb(0, 134, 0);
}
.product-main-second .product-main-second-card-2 .content h3{
    font-size:20px;
    font-weight:900;
    color:red;
    text-transform:capitalize;
    letter-spacing:1.1px;
    margin-top:5px;  
}
.product-main-second .product-main-second-card-2 .content h4{
    font-weight:700;
    font-size:16px;
    text-transform:uppercase;
    color:rgb(87, 87, 87);
    margin-top:5px;
    letter-spacing:1.1px;
}
.product-main-second .product-main-second-card-2 .content h4 span{
    font-weight:900;
    color:green;
    margin-left:10px;
    letter-spacing:1.1px;
}
.product-main-second .product-main-second-card-2 .content .btn{
    display:inline-block;
    font-weight:700;
    font-family:'poppins',sans-serif;
    font-size:16px;
    margin-left:auto;margin-right:auto;margin-top:10px;
    color:rgb(0, 0, 0);
    background:rgb(158, 241, 49);
    text-align:center;
    text-transform:capitalize;
    padding:8px 15px;
    border-radius:10px;
    letter-spacing:1.1px;
    margin-bottom:10px;
}
.product-main-second .product-main-second-card-3{
    display:flex;
    flex-flow:column nowrap;
    position:relative;
    width:275px;
    height:380px;
    background:linear-gradient(180deg,#8fd0fc 0%,#2e5af8 52.08%,#3300ff 100%);
    border-radius:20px;
    overflow:hidden;
    margin-top:30px;
    box-shadow:15px 15px 30px rgba(0,0,0,.25);
}
.product-main-second .product-main-second-card-3 img{
   display:block;
   margin-left:auto;
   margin-right:auto;
   margin-top:auto;
   margin-bottom:auto;
}
.product-main-second .product-main-second-card-3:hover img{
    opacity:45%;
}
.product-main-second .product-main-second-card-3 .card-details{
    display:flex;
    flex-flow:column nowrap;
    position:absolute;
    padding:20px;
    left:0;
    bottom:-400px;
    width:100%;
    height:100%;
    background:linear-gradient(90deg,rgba(143,0,255,0.7) 0%,rgba(91,0,255,0.7) 48.44%, rgba(36,0,255,0.7) 100%);
    box-shadow:inset -4px -4px 20px rgba(255,255,255,0.35), inset 4px 4px 20px rgba(255,255,255,0.35);
    transition:0.3s ease-in-out;
}
.product-main-second .product-main-second-card-3 .card-details .details h1{
    font-size:26px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1.2px;
    text-align:center;
    padding:25px;
    color:rgb(0, 255, 251);
    font-family:'poppins',sans-serif;
}
.product-main-second .product-main-second-card-3 .card-details .details p{
    font-size:18px;
    padding-left:15px;
    padding-right:15px;
    font-weight:700;
    text-align:center;
    font-family:'poppins',sans-serif;
    color:#cccccc;
}
.product-main-second .product-main-second-card-3 .card-details .details h2{
    font-size:20px;
    font-weight:900;
    letter-spacing:1.2px;
    color:rgb(0,255,251);
    font-family:'poppins',sans-serif;
    text-align:center;
}
.product-main-second .product-main-second-card-3 .card-details .details h2 span{
    font-size:22px;
    font-family:'poppins',sans-serif;
    font-weight:bold;
}
.product-main-second .product-main-second-card-3 .card-details .buy{
    text-align:center;
    font-family:'poppins',sans-serif;
    font-size:14px;
    font-weight:700;
    letter-spacing:1.2px;
    margin-left:auto;
    margin-right:auto;
    padding:10px 15px;
    text-transform:uppercase;
    border-radius:8px;
    text-decoration:none;
    margin-top:15px;
    background:yellow;
    color:black;
}
.product-main-second .product-main-second-card-3 .card-details .buy:hover{
    background:rgb(255, 98, 124);
    color:white;
}
.product-main-second .product-main-second-card-3 .card-title{
    position:absolute;
    left:0;
    text-align:center;
    bottom:0;
    width:100%;
    height:13%;
    text-transform:uppercase;
    transition:0.3s ease-in-out;
    background:transparent;
}
.product-main-second .product-main-second-card-3 .card-title h3{
    font-size:22px;
    font-weight:bold;
    color:whitesmoke;
    font-family:'poppins',sans-serif;
    letter-spacing:1.2px;
}
.product-main-second .product-main-second-card-3:hover .card-title{
    bottom:-70px;
}
.product-main-second .product-main-second-card-3:hover .card-details{
    bottom:0;
}
/**chain stone watches**/
.chain-stone{
    width:87%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:100px;
    display:flex;
    flex-flow:column nowrap;
}
.chain-stone h1{
    font-size:22px;
    font-weight:900;
    font-family:'poppins',sans-serif;
    color:rgb(253, 15, 154);
    text-align:center;
    text-transform:capitalize;
    margin-top:10px;
}
.chain-stone .chain-stone-content{
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
}
.chain-stone .chain-stone-content .image{
    width:260px;
    height:260px;
}
.chain-stone .chain-stone-content .content{
    display:flex;
    flex-flow:column nowrap;
}
.chain-stone .chain-stone-content .content h3{
    font-size:18px;
    font-weight:900;
    letter-spacing:1.3px;
    text-transform:uppercase;
    color:teal;
    line-height:30px;
    text-align:center;
    margin-top:15px;
    font-family:'poppins',sans-serif;
}
.chain-stone .chain-stone-content .content p{
    font-size:18px;
    font-weight:500;
    margin:15px 12px;
    color:rgb(104, 104, 104);
}
.chain-stone .chain-stone-product{
    display:flex;
    flex-flow:column wrap;
    margin-top:20px;
}
.chain-stone .chain-stone-product .chain-stone-card-1{
   display:flex;
   flex-flow:column nowrap;
   width:250px;
   height:280px;
   border-radius:10px;
   background:rgb(250, 240, 187);
   margin-left:auto;
   margin-right:auto;
   position:relative;
}
.chain-stone .chain-stone-product .chain-stone-card-1 .image-heart{
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-between;
    align-items:start;
    margin-top:20px;
    padding-left:20px;padding-right:20px;
}
.chain-stone .chain-stone-product .chain-stone-card-1 .image{
    width:100%;
    height:85%;
    position:relative;
}
.chain-stone .chain-stone-product .chain-stone-card-1 .image img{
    width:100%;
    height:100%;
    padding:20px 0px;
    background-size:cover;
}
.chain-stone .chain-stone-product .chain-stone-card-1 .title{
    display:flex;
    height:15%;
    flex-flow:row nowrap;
    padding-left:10px;
    padding-right:10px;
    justify-content:space-between;
    align-items:baseline;
    background:rgb(255, 229, 81);
    border-radius:0px 0px 10px 10px;
}
.chain-stone .chain-stone-product .chain-stone-card-1 .title h2{
    text-transform:uppercase;
    color:rgb(255, 93, 43);
    font-size:16px;
    font-weight:700;
    font-family:'poppins',sans-serif;
    letter-spacing:1.1px;
}
.chain-stone .chain-stone-product .chain-stone-card-1 .title h1{
    text-transform:uppercase;
    color:rgb(0, 89, 255);
    font-size:18px;
    font-weight:700;
    font-family:'poppins',sans-serif;
    letter-spacing:1.1px;
}
.chain-stone .chain-stone-product .chain-stone-card-2{
    display:flex;
    flex-flow:column nowrap;
    width:250px;
    height:280px;
    border-radius:10px;
    background:rgb(226, 226, 226);
    margin-left:auto;
    margin-right:auto;
    position:relative;
    margin-top:35px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-2 .image-heart{
     display:flex;
     flex-flow:row nowrap;
     justify-content:space-between;
     align-items:start;
     margin-top:20px;
     padding-left:20px;padding-right:20px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-2 .image{
     width:100%;
     height:85%;
     position:relative;
 }
 .chain-stone .chain-stone-product .chain-stone-card-2 .image img{
     width:100%;
     height:100%;
     padding:20px 0px;
     background-size:cover;
 }
 .chain-stone .chain-stone-product .chain-stone-card-2 .title{
     display:flex;
     height:15%;
     flex-flow:row nowrap;
     padding-left:10px;
     padding-right:10px;
     justify-content:space-between;
     align-items:baseline;
     background:silver;
     border-radius:0px 0px 10px 10px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-2 .title h2{
     text-transform:uppercase;
     color:rgb(0, 0, 0);
     font-size:16px;
     font-weight:700;
     font-family:'poppins',sans-serif;
     letter-spacing:1.1px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-2 .title h1{
     text-transform:uppercase;
     color:rgb(255, 255, 255);
     font-size:18px;
     font-weight:700;
     font-family:'poppins',sans-serif;
     letter-spacing:1.1px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-3{
    display:flex;
    flex-flow:column nowrap;
    width:250px;
    height:280px;
    border-radius:10px;
    background:rgb(243, 172, 172);
    margin-left:auto;
    margin-right:auto;
    position:relative;
    margin-top:35px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-3 .image-heart{
     display:flex;
     flex-flow:row nowrap;
     justify-content:space-between;
     align-items:start;
     margin-top:20px;
     padding-left:20px;padding-right:20px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-3 .image{
     width:100%;
     height:85%;
     position:relative;
 }
 .chain-stone .chain-stone-product .chain-stone-card-3 .image img{
     width:100%;
     height:100%;
     padding:20px 0px;
     background-size:cover;
 }
 .chain-stone .chain-stone-product .chain-stone-card-3 .title{
     display:flex;
     height:15%;
     flex-flow:row nowrap;
     padding-left:10px;
     padding-right:10px;
     justify-content:space-between;
     align-items:baseline; 
     border-radius:0px 0px 10px 10px;
     background:rgb(184, 101, 101);
 }
 .chain-stone .chain-stone-product .chain-stone-card-3 .title h2{
     text-transform:uppercase;
     color:rgb(255, 255, 255);
     font-size:16px;
     font-weight:700;
     font-family:'poppins',sans-serif;
     letter-spacing:1.1px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-3 .title h1{
     text-transform:uppercase;
     color:rgb(168, 255, 197);
     font-size:18px;
     font-weight:700;
     font-family:'poppins',sans-serif;
     letter-spacing:1.1px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-4{
    display:flex;
    flex-flow:column nowrap;
    width:250px;
    height:280px;
    border-radius:10px;
    background:rgb(255, 226, 232);
    margin-left:auto;
    margin-right:auto;
    position:relative;
    margin-top:35px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-4 .image-heart{
     display:flex;
     flex-flow:row nowrap;
     justify-content:space-between;
     align-items:start;
     margin-top:20px;
     padding-left:20px;padding-right:20px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-4 .image{
     width:100%;
     height:85%;
     position:relative;
 }
 .chain-stone .chain-stone-product .chain-stone-card-4 .image img{
     width:100%;
     height:100%;
     background-size:cover;
     padding:20px 0px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-4 .title{
     display:flex;
     height:15%;
     flex-flow:row nowrap;
     padding-left:10px;
     padding-right:10px;
     justify-content:space-between;
     align-items:baseline;
     background:rgb(255, 174, 192);
     border-radius:0px 0px 10px 10px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-4 .title h2{
     text-transform:uppercase;
     color:white;
     font-size:16px;
     font-weight:700;
     font-family:'poppins',sans-serif;
     letter-spacing:1.1px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-4 .title h1{
     text-transform:uppercase;
     color:rgb(189, 91, 0);
     font-size:18px;
     font-weight:700;
     font-family:'poppins',sans-serif;
     letter-spacing:1.1px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-5{
    display:flex;
    flex-flow:column nowrap;
    width:250px;
    height:280px;
    border-radius:10px;
    background:rgb(165, 165, 165);
    margin-left:auto;
    margin-right:auto;
    position:relative;
    margin-top:35px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-5 .image-heart{
     display:flex;
     flex-flow:row nowrap;
     justify-content:space-between;
     align-items:start;
     margin-top:20px;
     padding-left:20px;padding-right:20px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-5 .image{
     width:100%;
     height:85%;
     position:relative;
 }
 .chain-stone .chain-stone-product .chain-stone-card-5 .image img{
     width:100%;
     height:100%;
     background-size:cover;
     padding:20px 0px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-5 .title{
     display:flex;
     height:15%;
     flex-flow:row nowrap;
     padding-left:10px;
     padding-right:10px;
     justify-content:space-between;
     align-items:baseline;
     background:rgb(223, 223, 223);
     border-radius:0px 0px 10px 10px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-5 .title h2{
     text-transform:uppercase;
     color:rgb(0, 0, 0);
     font-size:16px;
     font-weight:700;
     font-family:'poppins',sans-serif;
     letter-spacing:1.1px;
 }
 .chain-stone .chain-stone-product .chain-stone-card-5 .title h1{
     text-transform:uppercase;
     color:rgb(73, 72, 72);
     font-size:16px;
     font-weight:700;
     font-family:'poppins',sans-serif;
     letter-spacing:1.1px;
 }
 /**band watches**/
 .band-watch{
    width:90%;
    height:auto;
    margin:80px auto;
    display:flex;
    flex-flow:column nowrap;
    position:relative;
 }
 .band-watch .band-main-content{
    width:97%;
    margin:20px auto 0px;
    height:auto;
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
 }
 .band-watch .band-main-content .band-image{
    width:280px;
    height:230px;
 }
 .band-watch .band-main-content .band-image img{
    width:100%;
    height:100%; max-width:100%;height:auto;
    display:block;
    background-size:cover;
 }
 .band-watch .band-main-content .band-content{
    display:flex;
    flex-flow:column nowrap;
    margin:20px auto;
 }
 .band-watch .band-main-content .band-content h1{
    text-align:center;
    font-size:20px;
    font-weight:700;
    color:rgb(223, 94, 8);
    text-transform:uppercase;
    letter-spacing:1.2px;
    margin-top:10px;
 }
 .band-watch .band-main-content .band-content p{
    font-size:18px;
    font-weight:500;
    color:rgb(110, 110, 110);
    margin-top:15px;
    text-align:center;
 }
 .band-watch .band-watch-cards{
    width:95%;
    height:auto;
    margin:10px auto;
    display:flex;
    flex-flow:column nowrap;
 }
 .band-watch .band-watch-cards .band-card-1{
    width:270px;
    height:360px;
    border-radius:10px;
    display:flex;
    flex-flow:column nowrap;
    margin:120px auto 0px;
    position:relative;
    background:rgb(161,3,3);
 }
 .band-watch .band-watch-cards .band-card-1 .image{
    align-items:center;
    margin-left:auto;
    margin-right:auto;
    width:205px;
    height:205px;
    transform: translateY(-100px);
 }
 .band-watch .band-watch-cards .band-card-1 .image img{
    width:100%;max-width:100%;
    height:100%;height:auto;
    display:block;
    background-size:cover;
 }
 .band-watch .band-watch-cards .band-card-1 .content{
    position:absolute;
    top:115px;
    display:flex;flex-flow:column nowrap;
 }
 .band-watch .band-watch-cards .band-card-1 .content h2{
    color:rgb(255,238,0);
    font-size:20px;
    font-weight:500;
    text-align:center;
    text-transform:capitalize;
    margin-top:10px;
 }
 .band-watch .band-watch-cards .band-card-1 .content h1{
    color:white;
    font-size:20px;
    font-weight:500;
    text-align:center;
    text-transform:uppercase;
    margin-top:10px;
 }
 .band-watch .band-watch-cards .band-card-1 .content p{
    color:rgb(18,209,216);
    font-size:16px;
    font-weight:500;
    margin-top:10px;
    margin-left:10px;
 }
 .band-watch .band-watch-cards .band-card-1 .content .btns{
    font-size:14px;
    font-weight:500;
    color:rgb(0, 0, 0);
    background:rgb(255, 184, 184);outline:none;
    border:none;border-radius:20px;
    text-decoration:none;
    font-family:'poppins',sans-serif;
    text-transform:uppercase;
    letter-spacing:1.1px;
    padding:8px;text-align:center;
    display:inline-block;
    margin-left:50px;
    margin-right:50px;
 }
 .band-watch .band-watch-cards .band-card-2{
    width:270px;
    height:360px;
    border-radius:10px;
    display:flex;
    flex-flow:column nowrap;
    margin:130px auto 0px;
    position:relative;
    background:rgb(2,119,119);
 }
 .band-watch .band-watch-cards .band-card-2 .image{
    align-items:center;
    margin-left:auto;
    margin-right:auto;
    width:205px;
    height:205px;
    transform: translateY(-100px);
 }
 .band-watch .band-watch-cards .band-card-2 .image img{
    width:100%;max-width:100%;
    height:100%;
    display:block;
    background-size:cover;
    background-position:center;
    
 }
 .band-watch .band-watch-cards .band-card-2 .content{
    position:absolute;
    top:115px;
    display:flex;flex-flow:column nowrap;
 }
 .band-watch .band-watch-cards .band-card-2 .content h2{
    color:rgb(255,67,98);
    font-size:20px;
    font-weight:500;
    text-align:center;
    text-transform:capitalize;
    margin-top:10px;
 }
 .band-watch .band-watch-cards .band-card-2 .content h1{
    color:white;
    font-size:20px;
    font-weight:500;
    text-align:center;
    text-transform:uppercase;
    margin-top:10px;
 }
 .band-watch .band-watch-cards .band-card-2 .content p{
    color:rgb(250,137,152);
    font-size:16px;
    font-weight:500;
    margin-top:10px;
    margin-left:10px;
 }
 .band-watch .band-watch-cards .band-card-2 .content .btns{
    font-size:14px;
    font-weight:700;
    color:rgb(24, 24, 24);
    background:rgb(23, 243, 225);outline:none;
    border:none;border-radius:20px;
    text-decoration:none;
    font-family:'poppins',sans-serif;
    text-transform:uppercase;
    letter-spacing:1.1px;
    padding:8px;text-align:center;
    display:inline-block;
    margin-left:50px;
    margin-right:50px;
 }
 /**sport strap watches**/
 .sport-strap-watch{
    width:94%;
    margin:60px auto;
    display:flex;
    flex-flow:column nowrap;
 }
 .sport-strap-watch .strap-left{
    border-radius:15px;
    display:flex;
    border:none;
    flex-flow:row nowrap;
    width:270px;
    height:290px;
    position:relative;
    margin:20px auto 0px;
    background:rgb(77, 25, 45);
 }
 .sport-strap-watch .strap-left .image{
    width:130px;
    height:130px;
    margin-top:80px;
    transform: translateX(-25px);
 }
 .sport-strap-watch .strap-left .content{
    display:flex;
    flex-flow:column nowrap;
    margin-left:-10px;
 }
 .sport-strap-watch .strap-left .content h1{
    color:white;
    text-align:center;
    text-transform:capitalize;
    font-size:22px;
    font-weight:700;
    letter-spacing:1.1px;
    margin-top:15px;
 }
 .sport-strap-watch .strap-left .content h2{
    margin-left:10px;
    color:rgb(255,0,55);
    font-size:20px;
    margin-top:10px;
    font-weight:500;
    text-transform:capitalize;
    letter-spacing:1.2px;
 }
 .sport-strap-watch .strap-left .content p{
    font-size:14px;
    font-weight:500;
    letter-spacing:1px;
    color:white;
    margin:5px 10px 5px;
 }
 .sport-strap-watch .strap-left .content p span{
    display:none;
 }
 .sport-strap-watch .strap-left .content h4{
    text-transform:uppercase;
    font-size:16px;
    font-weight:500;
    margin-left:10px;
    margin-top:10px;
    letter-spacing:1.1px;
    color:rgb(255,94,0);
 }
 .sport-strap-watch .strap-left .content h5{
    text-transform:uppercase;
    font-size:16px;
    font-weight:500;
    margin-left:10px;
    letter-spacing:1.1px;
    color:rgb(2,217,255);
    margin-top:5px;
 }
 .sport-strap-watch .strap-left .content .strap-colors{
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-around;
    margin:10px;
 }
 .sport-strap-watch .strap-left .content .strap-colors span{
    width:10px;
    height:10px;
    border-radius:15px;
    background:white;
 }
 .sport-strap-watch .strap-left .content .strap-colors span:nth-child(1){
    background:black;
 }
 .sport-strap-watch .strap-left .content .strap-colors span:nth-child(2){
    background:rgb(70,69,69);
 }
 .sport-strap-watch .strap-left .content .strap-colors span:nth-child(3){
    background:rgb(255,182,225);
 }
 .sport-strap-watch .strap-left .content .strap-colors span:nth-child(4){
    background:rgb(255,197,159);
 }
 .sport-strap-watch .strap-left .content .strap-colors span:nth-child(5){
    background:rgb(158,197,255);
 }
 .sport-strap-watch .strap-left .content .strap-colors span:nth-child(6){
    background:rgb(255, 255, 255);
 }
 .sport-strap-watch .strap-main-content{
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
    justify-content:center;
    margin-top:30px;
 }
 .sport-strap-watch .strap-main-content img{
    display:block;
 }
 .sport-strap-watch .strap-main-content h1{
    text-transform:uppercase;
    color:rgb(0, 192, 74);
    margin-top:15px;
    letter-spacing:1.1px;
    font-size:22px;
    font-weight:bold;
 }
 .sport-strap-watch .strap-right{
    border-radius:15px;
    display:flex;
    border:none;
    flex-flow:row nowrap;
    width:270px;
    height:290px;
    position:relative;
    margin:40px auto 20px;
    background:rgb(1, 30, 39);
 }
 .sport-strap-watch .strap-right .image{
    width:120px;
    height:120px;
    margin-top:80px;
    position:relative;
    transform: translateX(165px);
 }
 .sport-strap-watch .strap-right .image img{
    width:100%;
    height:100%;
    position:absolute;
 }
 .sport-strap-watch .strap-right .content{
    display:flex;
    flex-flow:column nowrap;
    margin:12px 0px;
    padding-left:10px;
    position:absolute;
    width:165px;
 }
 .sport-strap-watch .strap-right .content h1{
    color:white;
    text-align:center;
    text-transform:capitalize;
    font-size:22px;
    font-weight:700;
    letter-spacing:1.2px;
    margin-top:15px;
 }
 .sport-strap-watch .strap-right .content h2{
    color:rgb(1,255,221);
    font-size:20px;
    margin-top:10px;
    font-weight:500;
    text-transform:capitalize;
    letter-spacing:1.2px;
 }
 .sport-strap-watch .strap-right .content p{
    font-size:14px;
    font-weight:500;
    letter-spacing:1px;
    color:white;
    margin:5px 0px;
 }
 .sport-strap-watch .strap-right .content p span{
    display:none;
 }
 .sport-strap-watch .strap-right .content h4{
    text-transform:uppercase;
    font-size:16px;
    font-weight:500;
    margin-top:10px;
    letter-spacing:1.1px;
    color:rgb(255,0,0);
 }
 .sport-strap-watch .strap-right .content h5{
    text-transform:uppercase;
    font-size:16px;
    font-weight:500;
    letter-spacing:1.1px;
    color:rgb(90,163,247);
 }
 .sport-strap-watch .strap-right .content .strap-colors{
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-around;
    margin-top:10px;
 }
 .sport-strap-watch .strap-right .content .strap-colors span{
    width:10px;
    height:10px;
    border-radius:15px;
    background:white;
 }
 .strap-right .content .strap-colors span:nth-child(1){
    background:rgb(255,0,0);
 }
 .strap-right .content .strap-colors span:nth-child(2){
    background:rgb(38, 250, 222);
 }
 .strap-right .content .strap-colors span:nth-child(3){
    background:rgb(7, 32, 102);
 }
 .strap-right .content .strap-colors span:nth-child(4){
    background:rgb(53,1,53);
 }
 /**footer**/
 footer{
    display:flex;
    flex-flow:column wrap;
    margin-top:130px;
    justify-content:space-around;
    align-content:space-between;
    padding:20px 15px;
    width:100%;
    height:auto;
    background:rgb(255, 96, 56);
}
footer .watch-footer-content{
    display:flex;
    flex-flow:column nowrap;
    align-content:space-between;
    padding-bottom:16px;
    border-bottom:2px dashed white;
}
footer .watch-footer-content h3{
    font-size:18px;
    font-weight:700;
    color:rgb(0, 0, 175);
    text-transform:uppercase;
    letter-spacing:1.1px;
    font-family:'poppins',sans-serif;
    margin-top:15px;
}
footer .watch-footer-content p span{
    color:rgb(74, 255, 74);
    font-weight:bold;
}
footer .watch-footer-content p{
    font-size:14px;
    font-weight:400;
    color:white;
    letter-spacing:1.2px;
    margin-top:15px;
}
footer .watch-footer-content .btn{
    font-size:14px;
    font-weight:700;
    letter-spacing:1.2px;
    font-family:'poppins',sans-serif;
    background:rgb(0, 0, 122);
    margin-top:15px;
}
footer .watch-footer-navbar{
    display:block;
    margin-top:20px;
    border-bottom:2px dashed white;
    padding-bottom:12px;
}
footer .watch-footer-navbar a{
    display:block;
    text-decoration:none;
    color:white;
    text-transform:capitalize;
    font-family:'poppins',sans-serif;
    font-size:16px;
    font-weight:700;
    letter-spacing:1px;
    padding:8px;
    transition: all 0.5s linear;
}
footer .watch-footer-navbar a:hover{
    border-bottom:2px solid rgb(255, 251, 0);
    width:30%;
}
footer .watch-footer-socialmedia{
    display:flex;
    flex-flow:column nowrap;
    margin-top:20px;
    border-bottom:2px dashed white;
    padding-bottom:14px;
}
footer .watch-footer-socialmedia h4{
    color:rgb(95, 253, 22);
    text-transform:uppercase;
    letter-spacing:1.1px;
    font-family:'poppins',sans-serif;
    font-size:16px;
    font-weight:700;
}
footer .watch-footer-socialmedia .social-icons{
    display:flex;
    justify-content:space-around;
    margin-top:12px;
}
footer .watch-footer-contactaddress{
    display:flex;
    flex-flow:column nowrap;
    margin-top:20px;
}
footer .watch-footer-contactaddress h4{
    color:rgb(250, 172, 4);
    text-transform:uppercase;
    letter-spacing:1.1px;
    font-family:'poppins',sans-serif;
    font-size:16px;
    font-weight:700;
}
footer .watch-footer-contactaddress .address{
    display:flex;
    flex-flow:column nowrap;
    margin-top:13px;
    margin-left:14px;
}
footer .watch-footer-contactaddress .address address{
    color:whitesmoke;
}
footer .watch-footer-contactaddress .address li{
    list-style-type:none;
}
footer .watch-footer-contactaddress .address .email{
    display:flex;
    flex-flow:row nowrap;
    margin-top:12px;
    align-items:center;
}
footer .watch-footer-contactaddress .address .email li a{
    text-decoration:none;
    color:white;
}
footer .watch-footer-contactaddress .address .web{
    display:flex;
    flex-flow:row nowrap;
    margin-top:12px;
    align-items:center;
}
footer .watch-footer-contactaddress .address .web li a{
    text-decoration:none;
    color:rgb(12, 0, 117);
}

footer .watch-footer-contactaddress .address .phone{
    display:flex;
    flex-flow:row nowrap;
    margin-top:14px;
}
footer .watch-footer-contactaddress .address .phone li a{
    text-decoration:none;
    color:white;
}
/**media query**/
@media screen and (max-width:991px){
    .navbar .w-100 {
        background-color: rgb(255, 230, 0);
        justify-content:space-between;/* Your navbar background color */
        padding:0 15px;
      }
      
      .navbar-collapse {
        background-color: rgb(255, 230, 0); /* Same as navbar for consistency */
        position: absolute;/* Position it below the navbar */
        width: 100%; /* Full width */
        z-index: 1000;
        left:0;
        right:0; /* Ensure it appears above other content */
        margin-top:45px;
        padding:20px 30px;
      }
      
      .navbar-nav {
        flex-direction: column; /* Stack items vertically */
      }
      
      .nav-item {
        width: 100%; /* Make nav items full width */
      }
      
      .nav-link {
        padding: 15px; /* Adjust padding for better spacing */
        text-align: center; /* Center the text if desired */
      }
      
}
/** small device from 400px**/
@media screen and (min-width:400px){
    .sport-strap-watch .strap-left{
        width:310px;
    }
    .sport-strap-watch .strap-left .image{
        width:150px;
        height:150px;
        transform:translateX(-30px);
    }
    .sport-strap-watch .strap-left .content{
        margin-left:-15px;
    }
    .sport-strap-watch .strap-right{
        width:310px;
    }
    .sport-strap-watch .strap-right .image{
        width:140px;
        height:140px;
        transform:translateX(195px);
    } 
    .sport-strap-watch .strap-right .content{
        width:180px;
        padding-left:25px;
    }
}
 /**small device**/
 @media screen and (min-width:576px){
    footer{
        margin-left:auto;
        margin-right:auto;
        display:block;
        padding-left:30px;
        padding-right:30px;
    }
    footer .watch-footer-content .btn{
        width:80%;
    }
    footer .watch-footer-navbar a:hover{
       transform: translateX(0px);
    }
}
/**medium device**/
@media screen and (min-width:768px){
    footer .first{
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-around;
    padding:0 35px;
}
footer .first .watch-footer-content{
    width:50%;
}
footer .watch-footer-content .btn{
    width:100%;
}
footer .first .watch-footer-navbar{
    margin-top:0px;
    width:50%;
    text-align:center;
}
footer .watch-footer-socialmedia{
    text-align:center;
}
footer .watch-footer-contactaddress{
    text-align:center;
}
.product-main-first{
    width:100%;
    position:relative;
    height:auto;
    display:flex;
    align-items:center;
    flex-flow:row nowrap;
    justify-content:space-around;
    padding:50px 5px;
    margin-top:0px;
}
.product-main-first .product-first-image{
    max-width:40%;
    max-height:300px;
    margin-top:0;
}
.product-main-first .product-first-content{
    margin-top:0;
    max-width:50%;
}
.product-main-second{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-around;
    align-items:center;
    width:95%;
    padding-bottom:30px;
}
.product-main-second .product-main-second-card-1{
    margin-top:25px;
}
.chain-stone{
    width:95%;
    margin-top:100px;
    padding-bottom:30px;
    position:relative;
}
.chain-stone h1{
    margin-top:30px;
}
.chain-stone .chain-stone-content{
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:space-around;
    padding:30px 20px;
    width:100%;
}
.chain-stone .chain-stone-content .image{
    width:250px;
    height:300px;
}
.chain-stone .chain-stone-content .image img{
    width:100%;
    height:100%;
}
.chain-stone .chain-stone-content .content{
    max-width:430px;
}
.chain-stone .chain-stone-product{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-around;
    align-items:center;
    width:96%;
    margin-left:auto;
    margin-right:auto;
}
.chain-stone .chain-stone-product .chain-stone-card-1{
    position:relative;
    margin-top:35px;
}
.chain-stone .chain-stone-product
.chain-stone-card-1 .title{
    display:flex;
    height:15%;
    align-items:center;
}
.chain-stone .chain-stone-product .chain-stone-card-1 .title h1{
    font-size:16px;
    font-weight:700;
}
.chain-stone .chain-stone-product .chain-stone-card-1 .title h2{
    font-size:16px;
    font-weight:700;
}
.chain-stone .chain-stone-product
.chain-stone-card-2 .title{
    display:flex;
    height:15%;
    align-items:center;
}
.chain-stone .chain-stone-product .chain-stone-card-2 .title h1{
    font-size:16px;
    font-weight:700;
}
.chain-stone .chain-stone-product .chain-stone-card-2 .title h2{
    font-size:16px;
    font-weight:700;
}
.chain-stone .chain-stone-product
.chain-stone-card-3 .title{
    display:flex;
    height:15%;
    align-items:center;
}
.chain-stone .chain-stone-product .chain-stone-card-3 .title h1{
    font-size:16px;
    font-weight:700;
}
.chain-stone .chain-stone-product .chain-stone-card-3 .title h2{
    font-size:16px;
    font-weight:700;
}
.chain-stone .chain-stone-product
.chain-stone-card-4 .title{
    display:flex;
    height:15%;
    align-items:center;
}
.chain-stone .chain-stone-product .chain-stone-card-4 .title h2{
    font-size:16px;
    font-weight:700;
}
.chain-stone .chain-stone-product .chain-stone-card-4 .title h1{
    font-size:16px;
    font-weight:700;
}
.chain-stone .chain-stone-product
.chain-stone-card-5 .title{
    display:flex;
    height:15%;
    align-items:center;
}
.chain-stone .chain-stone-product .chain-stone-card-5 .title h1{
    font-size:16px;
    font-weight:700;
}
.chain-stone .chain-stone-product .chain-stone-card-5 .title h2{
    font-size:16px;
    font-weight:700;
}
.band-watch{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:center;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    width:95%;
    position:relative;
}
.band-watch .band-main-content{
    width:35%;
    height:500px;
    margin-left:auto;
}
.band-watch .band-watch-cards{
    width:65%;
    height:auto;
    display:flex;
    flex-flow:row wrap;
    justify-content:space-around;
    margin:0;
}
.band-watch .band-watch-cards .band-card-2{
    margin-top:120px;
}
.sport-strap-watch{
    margin-top:90px;
    border-radius:20px;
    box-shadow:5px 5px 20px black;
     margin-bottom:100px;
     width:97%;
}
.sport-strap-watch .strap-left{
    width:500px;
    height:300px;
}
.sport-strap-watch .strap-left .image{
    width:270px;
    height:200px;
    transform: translateX(-60px);
    margin-top:50px;
}
.sport-strap-watch .strap-left .image img{
    width:100%;
    height:100%;
}
.sport-strap-watch .strap-left .content{
    margin-top:25px;
    margin-right:25px;
}
.sport-strap-watch .strap-main-content img{
  width:380px;
  height:380px;
}
.sport-strap-watch .strap-right{
    width:500px;
    height:300px;
}
.sport-strap-watch .strap-right .image{
    width:250px;
    height:180px;
    transform: translateX(300px);
    margin-top:50px;
}
.sport-strap-watch .strap-right .image img{
    width:100%;
    height:100%;
}
.sport-strap-watch .strap-right .content{
    width:250px;
    margin-top:25px;
    margin-left:30px;
}
}
/**large device**/
@media screen and (min-width:992px){
    .product-main-first{
        width:90%;
    }
    .chain-stone .chain-stone-content .content{
        max-width:500px;
    }
    .chain-stone{
        width:85%;
    }
    .chain-stone .chain-stone-product .chain-stone-card-1{
        display:flex;
        flex-flow:column nowrap;
    }
    .chain-stone .chain-stone-product .chain-stone-card-1 .title{
        display:flex;
        text-align:center;
    }
    .chain-stone .chain-stone-content .image{
        width:270px;
        height:250px;
    }
    .chain-stone .chain-stone-content .image img{
        width:100%;
        height:100%;
    }
    .chain-stone h1{
        margin-top:0px;
    }
    footer {
        display:flex;
        flex-flow:row nowrap;
        padding-left:40px;
        left:0;
    }
    footer .first{
        padding:0px 0px;
        width:50%;
        position:relative;
        border:none;
    }
    .watch-footer-navbar{
        margin-top:10;
    }
    .watch-footer-navbar{
        width:20%;
    }
    footer .first .watch-footer-content{
        border-bottom:none;
    }
    footer .first .watch-footer-navbar{
        border-bottom:none;
    }
    .watch-footer-content{
        width:25%;
    }
    footer .watch-footer-socialmedia{
        border-bottom:none;
        text-align:start;
        width:25%;
        margin:0px;
        padding-top:12px;
    }
    footer .watch-footer-socialmedia h4{
        margin-left:15px;
    }
    footer .watch-footer-contactaddress{
        border-bottom:none;
        width:25%;
        margin:0px;
        padding-top:12px;
        margin-right:20px;
    }
    footer .watch-footer-contactaddress address{
        padding:10px 15px;
    }
    .band-watch{
        margin:150px auto 100px auto;
        
    }
}
/**large 1024px**/
@media screen and (min-width:1024px){
    .chain-stone .chain-stone-content{
        width:85%;
        margin-left:auto;
        margin-right:auto;
    }
    .chain-stone .chain-stone-content .image{
        width:300px;
        height:280px;
    }
    .chain-stone .chain-stone-content .content{
        max-width:500px;
    }
    .chain-stone .chain-stone-content .image img{
        width:100%;
        height:100%;
    }
    .chain-stone h1{
        margin-top:0px;
    }
    .chain-stone .chain-stone-product{
        width:97%;
        margin-left:auto;
        margin-right:auto;
    }
    .sport-strap-watch{
        display:flex;
        flex-flow:row wrap;
    }
    .sport-strap-watch .strap-left{
        width:290px;
        height:290px;
    }
    .sport-strap-watch .strap-left .image{
        width:180px;
        height:180px;
        transform: translateX(-25px);
        margin-top:60px;
    }
    .sport-strap-watch .strap-left .image img{
        width:100%;
        height:100%;
        background-size:cover;
    }
    .sport-strap-watch .strap-left .content{
       margin-left:10px;
       margin-top:5px;
    }
    .sport-strap-watch .strap-main-content img{
      width:200px;
      height:250px;
    }
    .sport-strap-watch .strap-right{
        width:290px;
        height:290px;
        margin-top:20px;
    }
    .sport-strap-watch .strap-right .image{
        width:120px;
        height:120px;
        transform: translateX(200px);
        margin-top:80px;
    }
    .sport-strap-watch .strap-right .image img{
        width:100%;
        height:100%;
    }
    .sport-strap-watch .strap-right .content{
        width:165px;
        margin:12px 15px;
        padding-left:10px;
    }
}
@media screen and (min-width:1200px){
    .band-watch{
        margin-top:30px;
        padding-bottom:0px;
    }
    .chain-stone{
        width:96%;
    }
    .chain-stone .chain-stone-product{
        width:100%;
        margin-top:0px;
    }
    .chain-stone .chain-stone-product .chain-stone-card-1{
        width:210px;
        height:240px;
        display:flex;
        flex-flow:column nowrap;
    }
    .chain-stone .chain-stone-product .chain-stone-card-2{
        width:210px;
        height:240px;
        display:flex;
        flex-flow:column nowrap;
    }
    .chain-stone .chain-stone-product .chain-stone-card-3{
        width:210px;
        height:240px;
        display:flex;
        flex-flow:column nowrap;
    }
    .chain-stone .chain-stone-product .chain-stone-card-4{
        width:210px;
        height:240px;
        display:flex;
        flex-flow:column nowrap;
    }
    .chain-stone .chain-stone-product .chain-stone-card-5{
        width:210px;
        height:240px;
        display:flex;
        flex-flow:column nowrap;
    }
    .chain-stone .chain-stone-product .chain-stone-card-1 .title h2{
        font-size:12px;
        font-weight:700;
    }
    .chain-stone .chain-stone-product .chain-stone-card-2 .title h2{
        font-size:12px;
        font-weight:700;
    }
    .chain-stone .chain-stone-product .chain-stone-card-3 .title h2{
        font-size:12px;
        font-weight:700;
    }
    .chain-stone .chain-stone-product .chain-stone-card-4 .title h2{
        font-size:12px;
        font-weight:700;
    }
    .chain-stone .chain-stone-product .chain-stone-card-5 .title h2{
        font-size:12px;
        font-weight:700;
    }
}
@media screen and (max-width:767px){
    .product-main-first{
        width:100%;
        padding:0;
        margin-top:0;
    }
    .product-main-first .product-first-content{
        padding:0 25px;
        margin-top:0px;
    }
    .product-main-first .product-first-content h1{
        font-size:24px;
        font-weight:700;
    }
    .product-main-first .product-first-content h2{
        font-size:20px;
        font-weight:600;
        line-height:1.8;
    }
    .product-main-first .product-first-content p{
        font-size:16px;
        font-weight:500;
    }
}