/*your custom css goes here*/


.top_header_main {
  background-color: #1d1d1d;
  height: 2.5rem;
}

.header_top_content {
  margin-right: 3rem;
}
.header_top_content .shipping {
  color: #6c747a;
  font-size: 17px;
  font-weight: 500;
}


.mail_text_content .mail_text, .mail_text_content .address_text, .address_text_content .mail_text, .address_text_content .address_text {
    font-size: 0.875rem;
    font-weight: 500;
}

.mail_text_content p, .address_text_content p {
    color: #ffffff;
}


.dropbtn {
  padding: 16px;
  font-size: 16px;
  border: none;
}



.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
  right:-10px;
}

.dropdown-content .uparrow {
    position:absolute;
    top:0;
    left:100;
    
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f5d1d1;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}


/*========================intro box=================================*/
.intro-box {

   width: 70%;
   padding: 0 10px;
   padding-top: 0px;
   margin: 0 auto;
   display: flex;
   justify-content: center;
   align-items: center;
    position: absolute;
    left: 15%;
    top: 290px;
}

.icon i{
   padding-top: 0px;
   vertival-align:middle;
}

.card-shadow {
   width: 100%;
   max-width: 300px;
   min-width: 45px;
   height: 45px;
   background-color: #ffffff;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.24);
   border: 1px solid rgba(7, 7, 7, 0.12);
   font-size: 10px;   
   transition: all 0.3s ease;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   cursor: pointer;
   transition: all 0.3s ease;
}


.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 22px; vertical-align: middle; }
.material-icons.md-48 { font-size: 48px; }

.card-shadow .title {
   width: 100%;
   margin: 0;
   text-align: center;
   color: #000;
   font-size: 12px;
   vertical-align: super;
}


.card-shadow:hover {
   height: 57px;
   
}

.round-shadow-box{
    border-radius: 10px!important;
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 17%) !important;
}

 .slider_height{
     height:315px;
     width:100%;
 }
 

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
 .slider_height {
   height:150px !important;
   width:100% !important;
    background-position: 50% 50%;
  }
}