.disno{

  display: none;

}


select option {
    
    /*background: rgba(0, 0, 0, 0.3);*/

    background: #fad900;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
   
}

select option:hover{


     background: #004a27;
}

.cart{


    position: absolute;
    top: 12px;
    right: 35px;
    font-size: 25px;
    cursor: pointer;
     color: #004a27
      -webkit-transition: color .2s; 
      transition: color .2s; 

       -webkit-transition: font-size .2s; 
      transition: font-size .2s; 




}

.cart:hover{

    
     

       color: #fff;
      



}

.brown
{
 background: brown; 
}
.red
{
  background: red;
}
.blue
{
  background: blue;
}
.black
{
  background: black;
}
.dif1 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  color: white;
  
  cursor: pointer;
}

#dif2 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  color: white;
  background: rgb(221, 126, 81);
  margin-left: 10px;
  cursor: pointer;
}

#dif3 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  color: white;
  background: rgb(175, 79, 122);
  margin-left: 10px;
  cursor: pointer;
}

#dif4 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  color: white;
  background: rgb(138, 166, 90);
  margin-left: 10px;
  cursor: pointer;
}


.clrtp{

  margin-top: 10px;
}




/* product deatails */


.navbar-default{


   background-color: #fad900;
   border-color: none;

}   










.thumbs {
   /* display: inline-block;*/
    vertical-align: top;
    padding-bottom: 30px;
}

.thumbs img {
    /* display: block;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

.main-img {
    display: inline-block;
}



/*.content-box{


  background-color: #fff;
  width: 80%;
  height: 400px;

}*/



.mag {
    width:100%;
    margin: 0 auto;
    float: none;
}
    
.mag img {
    max-width: 100%;
}
        
  

.magnify {
    position: relative;
    cursor: none
}

.magnify-large {
    position: absolute;
    display: none;
    width: 175px;
    height: 175px;

    -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
       -moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
             border-radius: 100%
}





.probg{

   
   width:100%;

   height: auto;


  /*  background: linear-gradient(to top right, #008cb9, #98d06d);*/
  

}


.content-box{

 width: 100%;
 height: auto;
padding: 50px;

 

}



.bgcontainer{

   

   /* background: linear-gradient(to bottom right, #004a27, #fad900);*/

    padding: 40px;


/* box-shadow: 3px 3px 3px 5px #00000014;*/


  /*box-shadow: 5px 8px 28px -12px rgba(0, 0, 0, 0.42);*/



}


.pagination>li>a, .pagination>li>span {

     background-color: transparent;
     border-radius: 50%;

     margin-left: 10px;
     color: #fff;

     -webkit-transition:background-color .5s;

}


.pagination>li>a:hover, .pagination>li>span:hover{

     

     background-color:#fad900;

     color: green;



}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span{


   border-radius: 50%;
  
}


.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span{

  border-radius: 50%;


}

.mdbg{

background-color: #004a27;
height: 100%;
box-shadow: -16px 0px 28px -5px #13131354;

}


.relcol{

  width: 90%;
  height: 270px;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 20px;
  padding: 10px;
    box-shadow:3px 6px 58px -15px rgba(0, 0, 0, 0.59);
    -webkit-transition:box-shadow 1s;
    transition:box-shadow 1s;

}

.itemdetails{


  margin-top: 10px;
  background-color: #e5e9ea;
  border-radius: 20px;
  padding: 10px;
}

.relcol{

  cursor: pointer;
}


.relcol:hover{


   box-shadow: 10px 20px 68px -5px rgba(0, 0, 0, 0.42);

}


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

      .relcol{

            height: 475px;

      }


}


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


     .restab{

      width: 200%;

     }


}





/* cart style */


/* cart style */