ol.carousel-indicators {
    position: absolute;
    bottom: 5px;
    margin: 0;
    left: 0;
    right: 0;
    width: auto;
 }
 
 ol.carousel-indicators li,
 ol.carousel-indicators li.active {
    width: 1rem;
    height: 1rem;
    margin: 0;
    border-radius: 50%;
    border: 0;
    background: transparent;
 }
 
 ol.carousel-indicators li {
    background: rgba(255,255,255,0.39);
    margin-left: .5rem;
    margin-right: .5rem;
 }
 
 ol.carousel-indicators li.active {
    background: white;
 }




/* body{
    overflow-x: hidden;
} */

html, body {
    overflow-x: hidden!important;
} 

.navbar { margin : 0 !important; }



.navtext{
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


 .pad{
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 40px;
}  


nav{
    height: 130px;
    background-color: rgb(37, 37, 37);
    z-index: 10;
} 





.tog{
    background-color:rgb(37, 37, 37);
}

 @media only screen and (max-width: 1000px) {
     .pad{
         padding-left: 0px;
         padding-right: 0px;
         padding-top: 0px;
     }
    }


@media only screen and (max-width: 720px) {
    .phone{
        position: absolute;
        right: 0px;
        }
       }


.info{
    color: white;
    position: absolute;
    top: 10px;
    right: 250px;
}

.info2{
    color: white;
    position: absolute;
    top: 10px;
    right: 55px;
    font-size: 10px;
   
}

.info3{
        color: white;
        position: absolute;
        bottom: -30px;
        left: 15px;
        font-size: 10px;
}

.infopd{
    padding-top: 30px;
}

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

    .info2{
        color: white;
        position: absolute;
        opacity: 0;
        right: 55px;
       
    }
    .info3{
        color: white;
        position: absolute;
        bottom: -20px;
        left: 15px;
        font-size: 10px;
        top: 100px;      
}

.quick-links{
    padding-top: 90px;
}

}

.phone{
    color: white;
    position: absolute;
    top: 10px;
    right: 70px;
}

.message{
    color: rgb(0, 162, 255);
}

.line{
    width: 100%;
    height: 3px solid #00aeef;
}

/* box in slider */

/* .bg-img-box{
    background-color: rgba(37, 37, 37,0.8);
    width: 50%;
    float: right;
    padding: 40px;
    position: absolute;
    top: 150px;
    right: 10px;
} */
.slider-box{
    font-size: 45px !important;
}
.slider-box-hashtag{
    font-size: 22px !important;
}
.click-to-view{
    width: 200px !important;
}
@media only screen and (max-width: 1000px) {
    .bg-img-box{
        background-color: rgba(37, 37, 37,0.8);
        width: 100%;
        float: right;
        padding: 10px;
        position: absolute;
        top: 140px;
        right: 0px;
    }
    .slider-box{
        font-size: 30px !important;
    }
    .slider-box-hashtag{
        font-size: 15px !important;
    }
    .click-to-view{
        width: 105px !important;
    }

    .info{
        color: white;
        position: absolute;
        top: 10px;
        right: 200px;
    }
    
    
    .phone{
        color: white;
        position: absolute;
        top: 10px;
        right: 40px;
    }
  }

.icons-bg-color{
    background-color: rgba(37, 37, 37);
}

.icons-text{
    color: white;
    font-size: 15px;
}

.index-about-us-styling{
    margin-top: 50px;
    margin-bottom: 100px;
}

.index-about-us{
    color: #00aeef;
    font-size: 45px;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
}

.index-about-us-text{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    color: black;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* 2nd slider section in blue background */
.slider-blue-bg{
    background-image: url("../images/Image_47.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* product section */
.product-categories{
    color: #00aeef;
    font-size: 45px;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* Top selling products */
.top-selling-bg-img{
    background-image: url("../images/Image_17.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.top-selling-bg-color{
    background-color: rgba(44, 123, 150,0.7);
    width: 70%;
    margin-left: 10%;
    margin-left: auto;
    margin-right: auto;
}
.top-selling-text{
    padding: 50px;
}

.border-width{
    width: auto !important;
}

@media only screen and (max-width: 600px) {
    .border-width{
        width: 60% !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

/* .top-selling-product-img{
    width: 400px !important;
    margin-top: 5%;
}

@media only screen and (max-width: 1200px) {
    .top-selling-product-img{
        width: 300px !important;
    }
    
  }
  @media only screen and (max-height: 1400px) and (min-height: 700px) {
    .top-selling-product-img{
        margin-top: 20%;
    }
    
  } */

/* sizes section */
.sizes-bg-img{
    background-image: url("../images/Image_62@2x.png");
    background-size: cover !important;
    background-repeat: no-repeat;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* .sizes-glove-img{
    padding: 100px;
}
.sizes-glove-img img{
    width: 500px;
} */

.hadn-width-measure{
    background-color: red;
    color: white;
    font-size: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
    margin-bottom: -25px;
    text-align: center;
    padding: 5px;
    margin-top: 30px;
}

.table-US{
    width: 45%; 
    margin-top: 15px;
    float: left;
    /* margin-left: 60px */
}

.table-EU{
    width: 45%; 
    float: right;
}

.finger-table-US{
    width: 45%; 
    margin-top: 20px;
    float: left;
    /* margin-left: 60px */
}

.finger-table-EU{
    width: 45%; 
    margin-top: 5px;
    float: right;
}

.table-heading{
    background-color: rgb(0, 0, 0, 0.6);
    text-align: center;
    color: white;
}

.table-heading th{
    font-size: 18px;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    padding: 10px;
}

.table-content{
    background-color: white;
    color: black;
    text-align: center;
}

.table-content td{
    padding: 5px;
    padding-left: 30px;
    font-size: 15px;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
    padding-top: 0px;
    text-align: left !important;
}

.second-table-row{
    margin-top: 220px;
}
.finger-length-measurement{
    background-color: red;
    color: white;
    font-size: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
    text-align: center;
    padding: 5px;
    margin-bottom: -30px;
}

@media only screen and (max-width: 1000px) and (min-width: 250px) {
    /* .sizes-glove-img{
        padding: 50px;
    }
    .sizes-glove-img img{
        width: 250px;
    } */
    .hadn-width-measure{
        margin-top: 10px;
    }
    .table-US{
        width: 100%; 
        margin-top: 15px;
        float: left;
    }
    
    .table-EU{
        width: 100%; 
        float: right;
        margin-top: 10px;
    }
    .second-table-row{
        margin-top: 450px;
    }
    
    .finger-table-US{
        width: 100%; 
        margin-top: 20px;
        float: left;
    }
    .finger-table-EU{
        width: 100%; 
        margin-top: 10px;
        float: left;
        margin-bottom: 50px;
    }
  }

  @media only screen and (max-width: 1200px) and (min-width: 1010px) {
    .sizes-glove-img{
        margin-top: 200px;
        padding: 10px;
    }
    .sizes-glove-img img{
        width: 500px;
    }
    .hadn-width-measure{
        margin-top: 10px;
    }
    .table-US{
        width: 100%; 
        margin-top: 15px;
        float: left;
    }
    
    .table-EU{
        width: 100%; 
        float: right;
        margin-top: 10px;
    }
    .second-table-row{
        margin-top: 450px;
    }
    
    .finger-table-US{
        width: 100%; 
        margin-top: 20px;
        float: left;
    }
    .finger-table-EU{
        width: 100%; 
        margin-top: 10px;
        float: left;
        margin-bottom: 50px;
    }
  }

  /* Health and safety policy */

  .section-width{
    margin-top: 80px !important;
    margin-bottom: 50px !important;
}


 .health-and-safety-heading{
    font-size: 30px;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 } 

 .helth-safety-text-padding{
     padding: 50px;
 }

  @media only screen and (max-width: 800px){
    .product-categories{
        font-size: 28px;
    }
    .health-and-safety-heading{
        font-size: 25px;     
     } 
     .helth-safety-text-padding{
        padding: 0px;
    }
}
  

/* yousuf css */
.new{
    padding-bottom: 100px;
}

/* ----------Footer------------ */
.foot{
    background-color: rgb(37, 37, 37);
    height: 300px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.line{    
    width: 100%;
    background-color: rgb(0, 162, 255)!important;
    height: 2px;
}
.padtop{
    padding-top: 30px;
}


.fb-logo , .insta-logo{
    color: rgb(0, 162, 255) !important; 
}

.categories-padding{
    margin-top: 60px;

}
  @media only screen and (max-width: 800px){
      .categories-padding{
          margin-top: -19px!important;
          column-gap: 0px;
      }
    }

.links{
    position: center;
    color: white;
    font-size: 16px;
    top: 2px;
    font-family: 'Times New Roman', Times, serif;
    text-transform: uppercase;
    border-bottom: 4px solid rgb(0, 162, 255);
    width: 59%;

}
   
.listed{
    color: rgb(0, 162, 255);
    padding-top: 10px;
    text: white;
}

a{ color: white!important;
    font-size: 11px;}



.end{
    background-color:rgb(31, 31, 31);
    font-weight: 400;
    color: white;
}



.logopad{
    margin-left: 10px;
}

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

    .foot{
        height: 800px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }



    }


@media only screen and (max-width: 540px){
    .logo{
        color: rgb(0, 162, 255);
        float: right;
        margin-top: -20px;
    }
}

@media only screen and (max-width: 400px){
    .logo{
        color: rgb(0, 162, 255);
        float: right;
        right: 0px;
        margin-top: -20px;
    }
}


.bt{
    padding-bottom: 50px;
}

.dd a:hover{
    color: black !important;
}
.dd {
    color: black!important;
    background-color: rgb(0, 162, 255)!important;
}

.dd a{
    font-weight: 600 !important;
    font-family: 'Times New Roman', Times, serif!important;
}



/* multi item slider */
.col-md-3{
  display: inline-block;
}
.arrow-indicators-bg{
    background-color: rgb(0, 162, 255) !important;
 }


}




.extrapad{
    padding-top:100px;
}