*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}


.navbar
{
    background-color: #000000;
}

.navbar .navbar-nav .nav-item .nav-link
{
    color: whitesmoke;
    font-size: 17px;
}
.navbar .navbar-nav .nav-item .nav-link:hover
{
    color: red;
    background-color: whitesmoke;
}

.navbar-toggler{

    background-color: white;
    position: relative;
    top: -100px;
}






.carousel-indicators li{

    width: 20px;
    height: 20px;
position: relative;
top:10px;
margin-bottom: 50px;
    background-color: #28972E;
    opacity: 0.2;
    border-radius: 50%;
    margin-bottom: 50px;
  }
  .carousel-control-prev
  .carousel-control-prev-icon,
  .carousel-control-next
  .carousel-control-next-icon {
background-color: rgb(0, 0, 0);
border-radius: 5px;



}


.carousel-inner img {
    width: 100%;
    height: 100%;
  }

  .products-info .container

  {
   border-radius: 10px;
   
  
  }
  .products-info .container img

  {
   border-radius: 10px;
   
  
  }
  .products-info .container .item:hover

{
 border-radius: 10px;
 border: #28972E 1px solid;

}

.product .urls ul li
{

  background-color: black;
}

.product:nth-child(1):after
{
content: "";
background-color: rgb(122, 121, 113);
position: absolute;
width: 1px;
top: 10px;
bottom: 10px;
right: 0;
}
.product:nth-child(2):after
{
content: "";
background-color: rgb(122, 121, 113);
position: absolute;
width: 1px;
top: 10px;
bottom: 10px;
right: 0;
}
.product:nth-child(1)
{ 

  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.product:nth-child(3)
{ 

  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.cont::after{
content: "";
width: 6px;
background-color: #69BF5F;
position: absolute;
top: 30%;

bottom: 15%;
right: 0;
}
.cont a
{

  color: black;
  transition: 0.1s all ease-in-out;
  
}
.cont a:hover
{

  color: red;
  text-decoration: none;
  transition: 0.1s all ease-in-out;
}

footer{
 
  background-color: black;
  color: whitesmoke;
 

}

footer .container ul li{
  display: inline-block;
  padding: 3px;
 

}
footer .container ul li a{
color: whitesmoke;
transition: 0.2s ease-in-out all;

 
}
footer .container ul li a:hover{
  color: red;
  text-decoration: none;
  transition: 0.2s ease-in-out all;

   
  }
.socialUrls div
{
  display: inline-block;
  padding: 5px;

  
}
.socialUrls div i
{
  color: #28972E;

  transition: 0.5s ease-in-out all;
  font-size: 25px;

}
.socialUrls div i:hover
{
  color: aliceblue;
  transition: 0.5s ease-in-out all;

}

footer .container ul li::after{

  content: " |";
  color: whitesmoke;
 

}
.products-info .container
{
  position: relative;
  top: -50px;
  left: 0;
}



.myNav .container-fluid .navbar-nav .nav-item  .information
{
  opacity: 0;
  background-color: whitesmoke;
  
  width: 100%;
  position: absolute;
  top:10%0;
  left: 0px;

}
.myNav .container-fluid .navbar-nav .nav-item:hover .information
{
  
  opacity: 1;
  z-index: 999999999999999999;
  
} 


.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 100px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  
}

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

    .carousel-inner img {
        width: 100%;
        height: 280px;
      }
      .carousel-caption
      {
          font-size: 10px;
          display: none;
      }


  }
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) and (max-width: 768px){
    

    .carousel-inner img {
        width: 100%;
        height: 270px;
      }  
      .carousel-caption
      {
          font-size: 13px;
      }
      



  }
  
  @media only screen and (max-width: 768px)
  {
    .product:nth-child(1)
      { 
      
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
      }
      
      .product:nth-child(3)
      { 
      
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
      }
    
  }


  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) and (max-width: 980px) {
    

    .carousel-inner img {
        width: 100%;
        height: 250px;
      }  
        .carousel-caption
    {
        font-size: 13px;
    }
    .navbar .navbar-nav .nav-item .nav-link
    {
padding: 5px 5px    }

.products-info .container

{
width: 70%;

}

  }
  


  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 980px)  and (max-width: 1200px)
  {


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

    .products-info .container

    {
    width: 60%;
    
    }

  } 
  @media only screen and (min-width: 980px) and (max-width: 1150px)
  
  {
    .navbar .navbar-nav .nav-item .nav-link
{
    font-size: 15px;
}

    .products-info .container

    {
    width: 60%;
    
    }


  }

  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
    
    .navbar .navbar-nav .nav-item .nav-link
    {
padding: 10px 20px    }

.products-info .container

{
width: 60%;

}
  }