@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 backtotop btn */
    width:100%;
    /* height:100%;  it will affect the backtotop btn*/
    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 */
  }
  
  .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:rgb(0, 30, 255);
    background:none;
}
.back-to-top-circle{
    position:fixed;
    z-index:2000000;
    bottom:20px;
    right:20px;
    visibility:visible;
    width:50px;
    height:50px;
    border-radius:50%;
    color:rgb(255, 255, 255);
    border:none;
    outline:none;
    background:#0d00fa;
    text-align:center;
    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{
    display:flex;
    flex-flow:column nowrap;
}
/* .nav-item .nav-link .active{
    color:green;
}
.nav-item .nav-link{
    color:rgb(255, 255, 255);
}
.nav-item .nav-link:hover{
    color:blue;
    background:none;
} */
.main .navbar{
    background: rgb(255, 230, 0);
    top:0;
    position:fixed;
    left:0;
    /* right:0;
    height:100px;
    width:100%; */
}
.w-100 a{
    text-decoration:none;
    display:inline-block;
}
.w-100 a h1{
    font-size:23px;
    font-weight:900;
    text-transform:capitalize;
    font-family:'Lobster', cursive;
    letter-spacing:1.2px;
    text-align:center;
    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;
    }
}
/**brand-main**/
.brand-main-first{
    display:flex;
    flex-flow:column nowrap;
    width:100vw;
    align-items:center;
    position:relative;
    margin-top:0;
}
.brand-main-first .brand-first-content{
    display:flex;
    flex-flow:column nowrap;
    padding-top:100px;padding-bottom:120px;
    border-radius:0px 0px 15px 15px;
    background:url('./watch-images/bg-watch.png');
    background-position:center;
    background-size:cover;
}
.brand-main-first .brand-first-content h1{
    font-size:24px;
    font-weight:900;
    text-transform:capitalize;
    text-align:center;
    letter-spacing:1.2px;
    margin-top:15px;
    color:rgb(100, 0, 79);
}
.brand-main-first .brand-first-content h2{
    font-family:'poppins',sans-serif;
    font-size:18px;
    letter-spacing:1.2px;
    line-height:30px;
    font-weight:700;
    text-transform:uppercase;
    text-align:center;
    margin:15px 15px 0px;
    color:rgb(255, 191, 165);
    text-decoration: underline;
    text-decoration-thickness: 3px;
}
.brand-main-first .brand-first-content p{
    font-size:16px;
    font-weight:500;
    padding:20px 15px;
    text-align:justify;
    color:rgb(255, 255, 255);
}
.brand-main-first .brand-first-image{
    position:relative;
    width:280px;
    height:230px;
    transform: translateY(-100px);
    display:flex;
    align-items:center;
}
.brand-main-first .brand-first-image img{
    position:absolute;
    width:100%;
    height:100%;max-width:100%;height:auto;display:block;
    background-size:cover;
    background-position: center;
}
.brand-main-second{
    width:97%;
    height:auto;
    margin:20px auto;
    display:flex;
    flex-flow:column nowrap;
    padding:15px 0px;
    justify-content:center;
    align-items:center;
}
.brand-main-second .brand-second-card-1{
    width:290px;
    height:250px;
    border:none;
    display:flex;
    flex-flow:row nowrap;
    position:relative;
    background:linear-gradient(135deg,#491f8f,#d41e31);
    box-shadow:0px 15px 50px 10px rgba(0,0,0,0.4);
    border-radius:20px;
}
.brand-main-second .brand-second-card-1 .content{
    display:flex;
    flex-flow:column nowrap;
    margin-left:15px;
}
.brand-main-second .brand-second-card-1 .content h1{
    font-size:20px;
    font-weight:700;
    margin-top:25px;
    letter-spacing:1.2px;
    text-transform:uppercase;
    color:white;
    font-family:'poppins',sans-serif;
}
.brand-main-second .brand-second-card-1 .content h2{
    font-size:18px;
    font-weight:700;
    font-family:'poppins',sans-serif;
    letter-spacing:1.2px;
    text-transform:capitalize;
    color:rgb(231,215,215);
}
.brand-main-second .brand-second-card-1 .content p{
    font-size:16px;
    font-weight:500;
    margin-top:5px;
    font-family:'poppins',sans-serif;
    color:rgb(184,184,184);
}
.brand-main-second .brand-second-card-1 .content h3{
    font-size:20px;
    font-weight:900;
    color:white;
    font-family:'poppins',sans-serif;
}
.brand-main-second .brand-second-card-1 .image{
    width:110px;
    height:200px;
    transform: translateY(-100px);
}
.brand-main-second .brand-second-card-1 .image img{
    margin-left:-30px;
}
.brand-second-card-1 .image .buy{
    display:inline-block;
    border-radius:10px;
    padding:10px 10px;
    text-decoration:none;
    background:yellow;
    color:rgb(66,1,52);
    transform: translateY(-10px);
    font-family:'poppins',sans-serif;
    letter-spacing:1.2px;
    font-size:14px;
    font-weight:700;
    text-transform:capitalize;
}
.brand-main-second .brand-second-card-2{
    position:relative;
    width:250px;
    height:270px;
    border-radius:0px 20px 0px 20px;
    box-shadow:0 15px 10px rgba(0,0,0,0.25);
    background:#ffd6d6;
    cursor:pointer;
    margin-left:auto;margin-right:auto;
    margin-top:150px;
}
.brand-main-second .brand-second-card-2 img{
    width:220px;
    position:relative;
    height:260px;
    filter:drop-shadow(10px 10px 10px rgba(0,0,0,0.5));
    background-size:100% 100%;
    margin-top:-120px;  
    margin-left:10px;
}
.brand-main-second .brand-second-card-2 h1{
    text-transform:uppercase;
    font-size:16px;
    font-weight: bold;
    margin-top:10px;
    color:rgb(252, 82, 82);
    font-family:'poppins', sans-serif;
    text-align: center;
}
.brand-main-second .brand-second-card-2 .card-body{
    position:absolute;
    height:56%;
    left:58%;
    transform: translateX(-48%);
    width:240px;
    top:75%;
    padding:20px 12px 20px 12px;
    border-radius:0 30px 0 30px;
    background:#fc8282;
    font-family:'poppins','sans-serif';
    font-size: 12px;
    font-weight:700;
    box-shadow:0 10px 10px rgba(0,0,0,0.5);
    color:rgb(255, 255, 255);
}
.brand-main-second .brand-second-card-2 .card-body .price{
    position:absolute;
    top:100%;
    right:0;
    padding:5px 30px;
    border-radius:0 0 10px 10px;
    box-shadow:0 10px 10px rgba(0,0,0,0.5);
    background:rgb(0, 0, 0);
    color:rgb(255, 255, 255);
    font-size: 15px;
    font-family:'poppins',sans-serif;
    font-weight:700;
}
.brand-main-second .brand-second-card-3{
    width:280px;
    margin-right:auto;
    margin-left:auto;
    height:auto;
    border:none;
    border-radius:10px;
    background:rgb(17,17,17);
    box-shadow:0px 15px 50px 10px rgba(0,0,0,0.4);
    display:flex;
    flex-flow:column nowrap;
    margin-top:170px;
}
.brand-main-second .brand-second-card-3 .image{
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:10px 10px 50% 50%;
    background:rgb(170, 2, 2);
}
.brand-main-second .brand-second-card-3 .content{
   display:flex;
   flex-flow:column nowrap;
   align-items:center;
}
.brand-main-second .brand-second-card-3 .content h1{
    text-transform:capitalize;
    font-family:'poppins',sans-serif;
    color:white;
    font-size:22px;
    font-weight:900;
    letter-spacing:1.2px;
    margin-top:15px;
}
.brand-main-second .brand-second-card-3 .content h2{
    color:rgb(35,247,7);
    letter-spacing:1.1px;
    font-size:20px;
    font-weight:700;
    font-family:'poppins',sans-serif;
    text-transform:capitalize;
    margin-top:10px;
}
.brand-main-second .brand-second-card-3 .content p{
    font-size:16px;
    font-weight:500;
    color:rgb(221,218,218);
    margin:10px 25px;
    font-family:'poppins',sans-serif;
}
.brand-main-second .brand-second-card-3 .content p span{
    color:yellow;
    text-transform:capitalize;
    letter-spacing:1.2px;
}
.brand-main-second .brand-second-card-3 .content h3{
   color:rgb(255,108,218);
   text-transform:uppercase;
   font-size:16px;
   font-weight:500;
   font-family:'poppins',sans-serif;
   letter-spacing:1.1px;
   margin-top:10px;
}
.brand-second-card-3 .content .buys{
    display:inline-block;
    border-radius:15px;
    padding:8px 10px;
    text-decoration:none;
    background:yellow;
    color:rgb(207,14,14);
    font-family:'poppins',sans-serif;
    letter-spacing:1.2px;
    font-size:16px;
    font-weight:700;
    text-transform:capitalize;
    margin:10px 0px 20px;
}
/**magnetic watch**/
.magnetic-main-content{
    border-radius:15px;
   margin:120px auto 0px auto;
    width:80%;
    height:590px;
    position:relative;
    display:flex;
    flex-flow:column nowrap;
}
.magnetic-main-content .magnetic-image{
    width:100%;
    height:50%;
    border-radius:15px;
    position:relative;
}
.magnetic-main-content .magnetic-image img{
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
}
.magnetic-main-content .magnetic-content{
    display:flex;
    flex-flow:column nowrap;
    border-radius:0px 0px 15px 15px;
    padding-top:10px;
    width:100%;
    height:50%;
    background:linear-gradient(25deg,rgb(0, 0, 190),rgb(255, 196, 1),rgb(0,0,190));
}
.magnetic-main-content .magnetic-content h1{
    font-size:22px;
    font-weight:900;
    color:rgb(156, 0, 0);
    margin-top:10px;
    text-transform:capitalize;
    text-align:center;
    letter-spacing:1.2px;
}
.magnetic-main-content .magnetic-content h2{
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.2px;
    text-align:center;
    margin-top:10px;
    color:rgb(118, 0, 173);
}
.magnetic-main-content .magnetic-content p{
    font-size:16px;
    font-weight:500;
    color:white;
    margin:10px 12px 20px 12px;
}
.magnetic-watch-cards{
    display:flex;
    flex-flow:column nowrap;
    width:90%;
    height:auto;
    margin:100px auto 0px auto;
}
.magnetic-watch-cards .magnetic-card-1{
    width:280px;
    height:400px;
    border-radius:5px 5px 0px 0px;
    border-bottom:5px solid rgb(58,1,75);
    display:flex;
    flex-flow:column nowrap;
    margin:20px auto 0px auto;
    background: rgb(248,200,248);
}
.magnetic-watch-cards .magnetic-card-1 img{
    display:block;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
}
.magnetic-watch-cards .magnetic-card-1 .content{
    display:flex;
    flex-flow:column nowrap;
}
.magnetic-watch-cards .magnetic-card-1 .content h1{
    font-size:20px;
    font-weight:900;
    color:rgb(58,1,75);
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-family:'poppins',sans-serif;
    text-align:center;
    margin-top:20px;
}
.magnetic-watch-cards .magnetic-card-1 .content ul li{
    font-size:14px;
    font-weight:500;
    font-family:'poppins',sans-serif;
    color:rgb(66, 66, 66);
    text-transform:capitalize;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
}
.magnetic-watch-cards .magnetic-card-1 .content h2{
    font-size:18px;
    font-weight:bold;
    color:rgb(95,2,104);
    font-family:'poppins',sans-serif;
    margin-top:5px;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1.2px;
}
.magnetic-watch-cards .magnetic-card-2{
    width:280px;
    height:400px;
    border-radius:5px 5px 0px 0px;
    border-bottom:5px solid rgb(1,73,7);
    display:flex;
    flex-flow:column nowrap;
    margin:30px auto 0px auto;
    background: rgb(212,255,192);
}
.magnetic-watch-cards .magnetic-card-2 img{
    display:block;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
}
.magnetic-watch-cards .magnetic-card-2 .content{
    display:flex;
    flex-flow:column nowrap;
}
.magnetic-watch-cards .magnetic-card-2 .content h1{
    font-size:20px;
    font-weight:900;
    color:rgb(1,73,7);
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-family:'poppins',sans-serif;
    text-align:center;
    margin-top:20px;
}
.magnetic-watch-cards .magnetic-card-2 .content ul li{
    font-size:14px;
    font-weight:500;
    font-family:'poppins',sans-serif;
    color:rgb(80,80,80);
    text-transform:capitalize;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
}
.magnetic-watch-cards .magnetic-card-2 .content h2{
    font-size:18px;
    font-weight:bold;
    color:rgb(1,73,7);
    font-family:'poppins',sans-serif;
    margin-top:5px;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1.2px;
}
.magnetic-watch-cards .magnetic-card-3{
    width:280px;
    height:400px;
    border-radius:5px 5px 0px 0px;
    border-bottom:5px solid rgb(255,81,0);
    display:flex;
    flex-flow:column nowrap;
    margin:30px auto 0px auto;
    background: rgb(250,184,167);
}
.magnetic-watch-cards .magnetic-card-3 img{
    display:block;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
}
.magnetic-watch-cards .magnetic-card-3 .content{
    display:flex;
    flex-flow:column nowrap;
}
.magnetic-watch-cards .magnetic-card-3 .content h1{
    font-size:20px;
    font-weight:900;
    color:rgb(255,81,0);
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-family:'poppins',sans-serif;
    text-align:center;
    margin-top:20px;
}
.magnetic-watch-cards .magnetic-card-3 .content ul li{
    font-size:14px;
    font-weight:500;
    font-family:'poppins',sans-serif;
    color:rgb(66,66,66);
    text-transform:capitalize;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
}
.magnetic-watch-cards .magnetic-card-3 .content h2{
    font-size:18px;
    font-weight:bold;
    color:rgb(255,81,0);
    font-family:'poppins',sans-serif;
    margin-top:5px;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1.2px;
}
/**smart-watch**/
.smart-watch{
    display:flex;
    flex-flow:column nowrap;
    width:85%;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:70px;
}
.smart-watch-main-content{
    width:100%;
    height:550px;
    display:flex;
    flex-flow:column nowrap;
    margin:10px auto 0px auto;
}
.smart-watch-main-content img{
    margin:25px auto 0px auto;
    max-width:100%;
    height:auto;
    display:block;
}
.smart-watch-main-content .content{
    display:flex;
    flex-flow:column nowrap;
}
.smart-watch-main-content .content h1{
    text-align:center;
    margin-top:15px;
    text-transform:uppercase;
    letter-spacing:1.3px;
    font-size:22px;
    font-weight:700;
    color:rgb(255, 31, 68);
}
.smart-watch-main-content .content p{
    margin:10px 15px 0px 15px;
    text-align:justify;
    font-size:14px;
    font-weight:500;
    color:rgb(109, 109, 109);
}
.smart-watch-main-content .content .explore{
    display:inline-block;
    font-size:14px;
    font-weight:500;
    padding:10px 15px;
    text-transform:uppercase;
    letter-spacing:1.1px;
    background:rgb(0, 63, 46);
    color:white;
    margin:20px auto 25px auto;
    text-decoration:none;
    border-radius:12px;
    font-family:'poppins',sans-serif;
}
.smart-watch-cards{
    width:95%;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
    height:auto;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-flow:column nowrap;
}
.smart-watch-cards .smart-watch-card-1{
    width:280px;
    height:500px;
    border-radius:30px;
    background:rgb(224,23,50);
    box-shadow:0px 15px 30px rgba(0,0,0,0.4);
    display:flex;
    flex-flow:column nowrap;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 0px;
}
.smart-watch-cards .smart-watch-card-1 .images{
    width:240px;
    height:240px;
    display:flex;
    flex-flow:row nowrap;
    margin-left:auto;
    margin-right:auto;
}
.smart-watch-cards .smart-watch-card-1 .images img:nth-child(1){
    width:100%;
    height:100%;
    display:block;
    background-size:cover;
}
.smart-watch-cards .smart-watch-card-1 .images img:nth-child(2){
    display:none;
}
.smart-watch-cards .smart-watch-card-1 .images img:nth-child(3){
    display:none;
}
.smart-watch-cards .smart-watch-card-1 .content{
    display:flex;
    flex-flow:column nowrap;  
}
.smart-watch-cards .smart-watch-card-1 .content h1{
    font-size:18px;
    font-weight:900;
    font-family:'poppins',sans-serif;
    color:rgb(94,0,36);
    text-align:center;
    text-transform:uppercase;
    margin-top:10px;
}
.smart-watch-cards .smart-watch-card-1 .content p{
    font-size:14px;
    font-weight:500;
    color:rgb(255,255,255);
    margin:10px 10px 0px 10px;
    text-align:justify;
    font-family:'poppins',sans-serif;
}
.smart-watch-cards .smart-watch-card-1 .content p span{
    display:none;
}
.smart-watch-cards .smart-watch-card-1 .content h2{
    font-weight:900;
    font-size:18px;
    font-family:'poppins',sans-serif;
    color:rgb(94,0,36);
    text-transform:uppercase;
    letter-spacing:1.2px;
    margin:15px auto 0px 15px;
}
.smart-watch-cards .smart-watch-card-1 .content h4{
    font-family:'poppins',sans-serif;
    font-weight:500;
    font-size:12px;
    color:rgb(224,224,224);
    text-transform:capitalize;
    margin:15px 0px 0px 15px;
    letter-spacing:1.1px;
}
.smart-watch-cards .smart-watch-card-1 .content .smartwatch{
    display:inline-block;
    font-size:12px;
    font-weight:500;
    font-family:'poppins',sans-serif;
    color:white;
    background:rgb(0, 0, 0);
    padding:10px 15px;
    border-radius:12px;
    text-transform:uppercase;
    letter-spacing:1.1px;
    text-decoration:none;
    margin-left:auto;
    margin-right:auto;
    margin-top:27px;
}
.smart-watch-cards .smart-watch-card-2{
    width:280px;
    height:500px;
    border-radius:30px;
    background:rgb(1,110,77);
    box-shadow:0px 15px 30px rgba(0,0,0,0.4);
    display:flex;
    flex-flow:column nowrap;
    margin:60px auto 0px auto;
}
.smart-watch-cards .smart-watch-card-2 img{
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.smart-watch-cards .smart-watch-card-2 .content{
    display:flex;
    flex-flow:column nowrap;  
}
.smart-watch-cards .smart-watch-card-2 .content h1{
    font-size:18px;
    font-weight:900;
    font-family:'poppins',sans-serif;
    color:rgb(0,194,0);
    text-align:center;
    text-transform:uppercase;
    margin-top:10px;
}
.smart-watch-cards .smart-watch-card-2 .content p{
    font-size:14px;
    font-weight:500;
    color:rgb(255,255,255);
    margin:10px 10px 0px 10px;
    text-align:justify;
    font-family:'poppins',sans-serif;
}
.smart-watch-cards .smart-watch-card-2 .content h2{
    font-weight:900;
    font-size:18px;
    font-family:'poppins',sans-serif;
    color:rgb(0,194,0);
    text-transform:uppercase;
    letter-spacing:1.2px;
    margin:15px auto 0px 15px;
}
.smart-watch-cards .smart-watch-card-2 .content h4{
    font-family:'poppins',sans-serif;
    font-weight:500;
    font-size:12px;
    color:rgb(226,226,226);
    text-transform:capitalize;
    margin:15px 0px 0px 15px;
    letter-spacing:1.1px;
}
.smart-watch-cards .smart-watch-card-2 .content .smartwatch{
    display:inline-block;
    font-size:12px;
    font-weight:500;
    font-family:'poppins',sans-serif;
    color:white;
    background:rgb(255,0,76);
    padding:10px 15px;
    border-radius:15px;
    text-transform:uppercase;
    letter-spacing:1.1px;
    text-decoration:none;
    margin-left:auto;
    margin-right:auto;
    margin-top:25px;
}
/**waterproof watches**/
.waterproof-watch{
    display:flex;
    flex-flow:column nowrap;
    width:100%;
    height:500px;
   background:linear-gradient(rgb(236,58,87),rgb(194,0,194));
    margin:150px auto;
    position:relative;
    border-radius:8px;
}
.waterproof-watch::before{
    position:absolute;
    left:0;
    bottom:0;
    content:'';
    background:url('./watch-images/wave.png');
    background-size:cover;
    z-index:1;
    width:100%;
    height:100%;
    display:none;
}
.waterproof-watch .first-image{
    transform:translateY(-65px);
    align-items:center;
    display:flex;
    justify-content:space-between;
    padding:0px 20px;
}
.waterproof-watch .content{
   display:flex;
   flex-flow:column nowrap;
   margin-left:20px;
   margin-right:20px;
   margin-top:-25px;
}
.waterproof-watch .content h1{
    text-align:center;
    font-size:22px;
    font-weight:900;
    color:rgb(250,113,136);
    text-transform:capitalize;
    font-family:'poppins',sans-serif;
    letter-spacing:1.2px;
}
.waterproof-watch .content h2{
    color:rgb(2,255,255);
    font-size:26px;
    font-weight:bold;
    letter-spacing:1.1px;
    margin-top:12px;
    font-family:'poppins',sans-serif;
    text-align:center;
    text-transform:uppercase;
}
.waterproof-watch .content p{
    font-family:'poppins',sans-serif;
    font-size:14px;
    font-weight:500;
    color:white;
    text-align:justify;
    margin-top:12px;
}
.waterproof-watch .content h4{
    letter-spacing:1.2px;
    font-size:14px;
    font-weight:700;
    color:rgb(119, 119, 119);
    text-transform:capitalize;
}
.waterproof-watch .content .technology-names{
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-between;
    margin-top:15px;
}
.waterproof-watch .content .technology-names img{
    text-align:center;
}
.waterproof-watch .content .technology-names .camera-pic{
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
}
.waterproof-watch .content .technology-names .chat-pic{
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
}
.waterproof-watch .content .technology-names .music-pic{
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
}
.waterproof-watch .content .technology-names .calling-pic{
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
}
.waterproof-watch .content .technology-names .bluetooth-pic{
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
}
.waterproof-watch .content .technology-names .resistent-pic{
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
}
.waterproof-watch .content .technology-names .chat-pic h3{
    color:rgb(0,255,0);
    font-size:12px;
    font-weight:400;
    text-transform:uppercase;
    font-family:'poppins',sans-serif;
}
.waterproof-watch .content .technology-names .camera-pic h3{
    color:rgb(0,255,0);
    font-size:12px;
    font-weight:400;
    text-transform:uppercase;
    font-family:'poppins',sans-serif;
}
.waterproof-watch .content .technology-names .music-pic h3{
    color:rgb(0,255,0);
    font-size:12px;
    font-weight:400;
    text-transform:uppercase;
    font-family:'poppins',sans-serif;
}
.waterproof-watch .content .technology-names .calling-pic h3{
    color:rgb(0,255,0);
    font-size:12px;
    font-weight:400;
    text-transform:uppercase;
    font-family:'poppins',sans-serif;
}
.waterproof-watch .content .technology-names .bluetooth-pic h3{
    color:rgb(0,255,0);
    font-size:12px;
    font-weight:400;
    text-transform:uppercase;
    font-family:'poppins',sans-serif;
}
.waterproof-watch .content .technology-names .resistent-pic h3{
    color:rgb(0,255,0);
    font-size:12px;
    font-weight:400;
    text-transform:uppercase;
    font-family:'poppins',sans-serif;
}
.waterproof-watch .second-image{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:30px;
}
/**footer**/
footer{
    display:flex;
    flex-flow:column wrap;
    margin-top:20px;
    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**/
 @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);
    }
    .magnetic-main-content .magnetic-content p{
       padding:0px 30px 0 30px;
       text-align:justify;
    }
}
@media screen and (min-width:576px){
    .waterproof-watch{
        width:100vw;
        height:400px;
    }
    .waterproof-watch .content{
        padding:0px 7%;
    }
    .waterproof-watch .second-image{
        width:120px;
        height:100px;
        margin-left:auto;
        margin-right:auto;
        transform: translateY(0px);
    }
}
/**medium device**/
@media screen and (min-width:768px){
    .waterproof-watch{
        width:90%;
        margin-left:auto;
        margin-right:auto;
        border-radius:8px;
        display:flex;
        flex-flow:row nowrap;
        height:300px;
        padding:0 2%;
      }
      .waterproof-watch::before{
        position:absolute;
        left:0;
        bottom:0;
        content:'';
        background:url('./watch-images/wave.png');
        background-size:cover;
        z-index:1;
        width:100%;
        height:100%;
        display:block;
    }
    .waterproof-watch .first-image{
        transform: translateY(0px);
        z-index:1000;
        width:25%;
    }
    .waterproof-watch .first-image img:nth-child(1){
        width:120px;
        height:120px;
    }
    .waterproof-watch .first-image img:nth-child(2){
        width:120px;
        height:120px;
    }
    .waterproof-watch .content{
        z-index:1000;
        margin-top:auto;
        margin-bottom:auto;
        width:55%;
        margin-left:50px;
    }
    .waterproof-watch .content p{
        color:rgb(189, 189, 189);
    }
    .waterproof-watch .content p span{
        display:none;
    }
    .waterproof-watch .second-image{
       margin-top:auto;
       z-index:1000;
       width:17%;
    }
    .smart-watch{
        width:90%;
        display:flex;
        flex-flow:column nowrap;
        align-items:center;
        justify-content:space-around;
    }
    .smart-watch .smart-watch-main-content{
        width:60%;
    }
    .smart-watch .smart-watch-cards{
        width:95%;
        margin-left:0;
        margin-right:0;
        display:flex;
        flex-flow:row nowrap;
        justify-content:center;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2{
        margin-top:20px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1{
        height:390px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .images{
        width:180px;
        height:170px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .content p span{
        display:none;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .content .smartwatch{
        margin-top:20px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2{
        height:390px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 img{
        width:180px;
        height:160px;
        margin-top:15px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 .content p span{
        display:none;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 .content .smartwatch{
        margin-top:20px;
    }
   /*  .smart-watch .smart-watch-cards .smart-watch-card-1{
        width:390px;
        height:408px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .content p{
       text-align:justify;
       padding-left:15px;
       padding-right:15px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .images{
        width:220px;
        height:220px;
        display:flex;
        padding-left:10px;padding-right:10px;
        justify-content:space-around;
        align-items:center;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .images img:nth-child(2){
        display:block;
        width:120px;
        height:120px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .content .smartwatch{
        margin-top:5px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2{
        width:390px;
        height:280px;
        display:flex;
        flex-flow:row nowrap;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 img{
        width:160px;
        height:160px;
        display:flex;
        margin-top:auto;
        margin-bottom:auto;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 .content{
        padding:10px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 .content .smartwatch{
        margin-top:10px;
    } */
    .magnetic-main-content{
        width:95%;
        display:flex;
        flex-flow:row nowrap;
        height:280px;
        position:relative;
        margin-top:100px;
    }
    .magnetic-main-content .magnetic-image{
        width:45%;
        height:100%;
    }
    .magnetic-main-content .magnetic-content{
        border-bottom-left-radius: 0px;
        height:100%;
        width:55%;
    }
    .magnetic-watch-cards{
        display:flex;
        flex-flow:row wrap;
        margin-top:80px;
    }
    .magnetic-watch-cards .magnetic-card-2{
        margin-top:20px;
    }
    .magnetic-watch-cards .magnetic-card-3{
        margin-top:20px;
    }
    .brand-main-first{
        width:100vw;
        position:relative;
        height:500px;
        display:flex;
        flex-flow:row nowrap;
        align-items:center;
        justify-content:space-between;
        padding:130px 50px;
        background:url('./watch-images/bg-watch.png');
        background-position:center;
        background-size:cover;
        /* margin-top:50px; */
    }
    .brand-main-first .brand-first-content{
        width:50%;
        border-radius:20px;
        height:auto;
        background:rgb(255,255,255,0.2);
        padding:0;
    }
    .brand-main-first .brand-first-content p{
        text-align:justify;
    }
    .brand-main-first .brand-first-content h1{
        color:rgb(255, 238, 0);
    }
    .brand-main-first .brand-first-image{
        width:240px;
        height:240px;
        display:flex;
        align-items:center;
        justify-content:center;
        transform: translateY(0);
    }
    .brand-main-first .brand-first-image img{
        width:100%;
        height:100%;
        background-size:cover;
        background-position:center;
    }
    .brand-main-second{
        margin-top:50px;
        display:flex;
        flex-flow:row wrap;
        width:94%;
        align-items:center;
        justify-content:space-around;
        padding:0 50px;
    }
    .brand-main-second .brand-second-card-2{
      margin-top:100px;
      margin-right:0;
    }
    .brand-main-second .brand-second-card-2 .card-body{
       transform: translateX(-43%);
    }
    .brand-main-second .brand-second-card-3{
        width:370px;
        height:310px;
        display:flex;
        flex-flow:row nowrap;
    }
    .brand-main-second .brand-second-card-3 .image{
        border-radius:0px 50% 50% 0px;
    }
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;
}
}
/**medium device 820px**/
@media screen and (min-width:820px){
    .brand-main-first .brand-first-content{
        width:460px;
    }
    .brand-main-first .brand-first-image{
        width:255px;
        height:255px;
    }
    .brand-main-first{
        padding-left:40px;
        padding-right:45px;
    }
    .smart-watch .smart-watch-cards{
        width:85%;
    }
}   
/**large device**/
@media screen and (min-width:992px){
    .waterproof-watch{
        width:90%;
        margin-left:auto;
        margin-right:auto;
        border-radius:8px;
        display:flex;
        flex-flow:row nowrap;
        height:350px;
        padding:0 3%;
      }
      .waterproof-watch::before{
        position:absolute;
        left:0;
        bottom:0;
        content:'';
        background:url('./watch-images/wave.png');
        background-size:cover;
        z-index:1;
        width:100%;
        height:100%;
        display:block;
    }
    .waterproof-watch .first-image{
        transform: translateY(0px);
        z-index:1000;
        width:25%;
    }
    .waterproof-watch .first-image img:nth-child(1){
        width:130px;
        height:140px;
    }
    .waterproof-watch .first-image img:nth-child(2){
        width:120px;
        height:130px;
    }
    .waterproof-watch .content{
        z-index:1000;
        margin-top:auto;
        margin-bottom:auto;
        width:55%;
        margin-left:50px;
    }
    .waterproof-watch .content p{
        color:rgb(199, 199, 199);
    }
    .waterproof-watch .content p span{
        display:inline-block;
    }
    .waterproof-watch .second-image{
       margin-top:auto;
       z-index:1000;
       width:17%;
    }
    .smart-watch{
        display:flex;
        flex-flow:row nowrap;
        justify-content:center;
        width:97%;
        margin-left:auto;
        margin-right:auto;
    }
    .smart-watch .smart-watch-main-content{
        width:320px;
        height:500px;
    }
    .smart-watch .smart-watch-cards{
        width:70%;
        margin-left:0;
        margin-right:0;
    }
   /*  .smart-watch .smart-watch-cards .smart-watch-card-1{
        width:550px;
        height:360px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .content p{
       text-align:justify;
       padding-left:15px;
       padding-right:15px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .content p span{
        display:inline-block;
        white-space:nowrap;
    }.smart-watch .smart-watch-cards .smart-watch-card-1 .content .smartwatch{
        margin-top:0px;
    }*/
    .smart-watch .smart-watch-cards .smart-watch-card-1 .images{
        width:180px;
        height:180px;
        display:flex;
        padding-left:10px;padding-right:10px;
        justify-content:space-around;
        align-items:center;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .images img:nth-child(2){
        display:block;
        width:95px;
        height:95px;
    }
    /* .smart-watch .smart-watch-cards .smart-watch-card-1 .images img:nth-child(3){
        display:block;
        width:80px;
        height:80px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2{
        width:550px;
        height:280px;
        display:flex;
        flex-flow:row nowrap;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 img{
        width:185px;
        height:185px;
        display:flex;
        margin-top:auto;
        margin-bottom:auto;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 .content .smartwatch{
        margin-top:25px;
    } */
    .magnetic-main-content{
       width:88%;
       height:300px;
    }
    .magnetic-main-content .magnetic-content{
       padding:20px 40px 20px 40px;
    }
    .brand-main-first .brand-first-content{
        width:500px;
    }
    .brand-main-first .brand-first-image{
        width:300px;
        height:300px;
    }
    .brand-main-first{
        padding-left:70px;
        padding-right:70px;
    }
    .brand-main-second{
        width:100%;
        height:auto;
        justify-content:space-around;
        padding:0 20px 70px 20px;
        display:flex;
        flex-flow:row nowrap;
        margin-top:50px;
    }
    .brand-main-second .brand-second-card-3{
        width:280px;
       height:400px;
       border:none;
       border-radius:10px;
       background:rgb(17,17,17);
       box-shadow:0px 15px 50px 10px rgba(0,0,0,0.4);
       display:flex;
       flex-flow:column nowrap;
       margin-top:50px;
       margin-right:20px;
    }
    .brand-main-second .brand-second-card-3 .image{
        text-align:center;
        display:flex;
        justify-content:center;
        align-items:center;
        border-radius:10px 10px 50% 50%;
        background:rgb(170, 2, 2);
    }
    .brand-main-second .brand-second-card-3 .content{
       display:flex;
       flex-flow:column nowrap;
       align-items:center;
    }
    .brand-main-second .brand-second-card-3 .content h1{
        text-transform:capitalize;
        font-family:'poppins',sans-serif;
        color:white;
        font-size:18px;
        font-weight:900;
        letter-spacing:1.2px;
        margin-top:15px;
    }
    .brand-main-second .brand-second-card-3 .content h2{
        color:rgb(35,247,7);
        letter-spacing:1.1px;
        font-size:16px;
        font-weight:700;
        font-family:'poppins',sans-serif;
        text-transform:capitalize;
        margin-top:10px;
    }
    .brand-main-second .brand-second-card-3 .content p{
        font-size:14px;
        font-weight:500;
        color:rgb(221,218,218);
        margin:10px 25px;
        font-family:'poppins',sans-serif;
    }
    .brand-main-second .brand-second-card-3 .content p span{
        color:yellow;
        text-transform:capitalize;
        letter-spacing:1.2px;
    }
    .brand-main-second .brand-second-card-3 .content h3{
       color:rgb(255,108,218);
       text-transform:uppercase;
       font-size:14px;
       font-weight:500;
       font-family:'poppins',sans-serif;
       letter-spacing:1.1px;
       margin-top:10px;
    }
    .brand-second-card-3 .content .buys{
        display:inline-block;
        border-radius:15px;
        padding:5px 10px;
        text-decoration:none;
        background:yellow;
        color:rgb(207,14,14);
        font-family:'poppins',sans-serif;
        letter-spacing:1.2px;
        font-size:12px;
        font-weight:700;
        text-transform:capitalize;
        margin:10px 0px 20px;
    }
    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;
    }
}
/**large device:1024px**/
@media screen and (min-width:1024px){
    .magnetic-main-content{
        width:85%;
        margin-top:80px;
    }
    .magnetic-main-content .magnetic-image{
        width:45%;
        height:100%;
    }
    .magnetic-main-content .magnetic-content{
        width:55%;
        height:100%;
    }
    .brand-main-second .brand-second-card-3{
        width:360px;
        height:290px;
        display:flex;
        flex-flow:row nowrap;
        margin-right:10px;
    }
    .brand-main-second .brand-second-card-3 .image{
        border-radius:0px 50% 50% 0px;
    }
}
/**large device:1200px**/
@media screen and (min-width:1200px){
    .waterproof-watch{
        width:96%;
        margin-right: auto;
        margin-left: auto;
    }
    .waterproof-watch .second-image{
        margin-bottom:auto;
    }
    .smart-watch{
        width:96%;
        margin-left:auto;
        margin-right:auto;
    }
    .smart-watch .smart-watch-main-content{
        width:290px;
        height:520px;
    }
    .smart-watch .smart-watch-cards{
        width:74%;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2{
        width:420px;
        height:390px;
        position:relative;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 img{
        width:200px;
        height:220px;
        transform: translateY(-70px);
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 .content{
        margin-top:-50px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 .content p{
        text-align:justify;
        padding-left:10px;
        padding-right:10px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 .content p span{
        display:inline-block;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1{
        width:400px;
        height:390px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .content p{
        text-align:justify;
        padding-left:10px;
        padding-right:10px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .content .smartwatch{
        margin-top:10px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .images img:nth-child(3){
        width:70px;
        height:70px;
        display:block;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .images img:nth-child(2){
        width:130px;
        height:120px;
        display:block;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1 .images img:nth-child(1){
        width:200px;
        height:190px;
        display:block;
    }
    .magnetic-watch-cards{
        width:78%;
    }
    .magnetic-main-content{
        width:80%;
        margin-top:50px;
    }
    .brand-main-first .brand-first-content{
        width:600px;
        padding-left:25px;
        padding-right:25px;
    }
    .brand-main-first .brand-first-image{
        width:350px;
        height:350px;
    }
    .brand-main-first{
        padding-left:100px;
        padding-right:100px;
    }
    .brand-main-second .brand-second-card-3{
        width:375px;
        height:280px;
        display:flex;
        flex-flow:row nowrap;
        margin-top:0px;
}
.brand-main-second .brand-second-card-1{
    width:350px;
    height:270px;
}
.brand-main-second .brand-second-card-1 .image{
    width: 150px;
    height: 220px;
    transform: translateY(-90px);
}
.brand-main-second .brand-second-card-1 .image img{
    margin-left:10px;
}
.brand-main-second .brand-second-card-1 .content{
    margin-left:20px;
    padding:20px 0px 20px 0px;
}
.brand-main-second .brand-second-card-1 .content h1{
    margin-top:30px;
    font-size:18px;
}
.brand-main-second .brand-second-card-1 .content h2{
    font-size:18px;
}
.brand-main-second .brand-second-card-1 .content p{
    font-size:16px;
}
.brand-main-second .brand-second-card-1 .image .buy{
   font-size:14px;
   padding:8px 10px;
   transform:translateX(18px);
   margin-top:-25px;
}
.brand-main-second{
    width:95%;
    height:550px;
}
}
/**extra large** 1300px**/
@media screen and (min-width:1300px){
    .brand-main-first .brand-first-content{
        width:600px;
        padding-left:25px;
        padding-right:25px;
    }
    .brand-main-first .brand-first-image{
        width:350px;
        height:350px;
    }
    .brand-main-first{
        padding-left:160px;
        padding-right:160px;
    }
    .smart-watch{
        width:98%;
        margin-right:auto;
        margin-left:auto;
        display:flex;
        flex-flow:row nowrap;
        padding-left:20px;
        justify-content:center;
        align-items:flex-start;
    }
    .smart-watch .smart-watch-main-content{
        width:290px;
        height:520px;
        margin-top:0px;
        margin-left:0px;
    }
    .smart-watch .smart-watch-cards{
        display:flex;
        flex-flow:row nowrap;
        justify-content:center;
        width:80%;
        margin-left:20px;
        margin-top:auto;
        margin-bottom:auto;
        align-items:center;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-1{
        width:420px;
        height:360px;
        margin-top:0px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2{
        width:490px;
        height:185px;
        display:flex;
        flex-flow:row nowrap;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 .content{
        margin-top:0px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 .content h1{
        margin-top:15px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 .content h4{
        display:none;
    } 
    .smart-watch .smart-watch-cards .smart-watch-card-2 .content .smartwatch{
        margin-top:10px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 img{
        width:230px;
        height:275px;
    }
    .smart-watch .smart-watch-cards .smart-watch-card-2 .content p span{
        display:none;
    }
}
@media screen and (max-width:767px){
    .brand-main-first .brand-first-content h2{
        line-height:1.8;
    }
    .brand-main-first .brand-first-content p{
       padding-left:30px;
       padding-right:30px;
       padding-top:30px;
    }
    .brand-main-first .brand-first-content{
        padding:50px 0 120px 0;
    }
}