@import url(https://pro.fontawesome.com/releases/v5.10.0/css/all.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, ul, li, p, a{
padding: 0px;
margin:0px;
list-style: none;
text-decoration: none!important;
}
/**{
   font-family: "Poppins", Arial, sans-serif;
}*/
body{
  background: #fff
}
.header{
  padding: 10px;
}
.logo{
	text-align: left;
}
.logo img{
	max-width:120px;
	text-align: center;
	margin: auto;
	width: 100%;
}
.top-heading{
  margin-top: 40px;
  text-align: center;
}
.top-heading h2{
  margin: 0;
    font-weight: 300;
    font-size: 26px;
    color: #303F5C;
}
.top-heading h2 span {
    display: inline-block;
    color: #39464f;
}
/*menu*/
.icon-menu{
  text-align: right;
  margin-top:40px;
}

/*promo*/
.promo{
  border: 1px solid #ddd;
  border-right: none;
  border-left: none;
  padding: 10px
  
}
.promo .icon{
  display: inline-block;
  padding: 10px 25px;
}
.promo .icon h2{
  font-size: 17px;
}
/* Banner Slider */

#banner {
  margin-bottom: 25px;
}

#banner-slider {
  overflow: hidden;
}

#banner-slider figure {
  display: block;
  position: relative;
  width: 400%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 15s bannerslidy infinite;
}

#banner-slider figure img {
  width: 25%;
  float: left;
  border: none;
}

/** 3 (4) Slides **/

@keyframes bannerslidy {
  0% {
    left: 0%;
  }
  25% {
    left: 0%;
  }
  30% {
    left: -100%;
  }
  60% {
    left: -100%;
  }
  65% {
    left: -200%;
  }
  95% {
    left: -200%;
  }
  100% {
    left: -300%;
  }
}
.sku{
  margin: 15px 0px
}
.condition{
  margin-bottom: 15px;
}
/*middle*/
.middle{
  background: #fff;
  padding: 20px
}
.product-aria{
  margin-top: 20px;
}
.product-detail{
  background-color: #f8f8f8;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border: 1px solid #ddd;
    border-bottom: 5px solid #303F5C;
}
.feedback{
 margin-top: 20px;
}
.feedback ul li{
  display: inline-block;
}
.feedback ul li i{
  color: #303F5C;
}
.buy-now-btns{
  text-align: center;
  margin-top: 20px;
}
.buy-now-btns ul li{
  display: inline-block;
  max-width: 215px;
}
.buy-now-btns ul li a{
  padding: 10px 25px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    transition: all 0.4s;
  background: #303F5C;
  text-align: center;
  display:block;
}
.product-img{
  border: 1px solid #eee;
    padding: 20px;
    text-align: center;
}
.product-img img{
  width: 100%;
  max-width: 450px;
  margin: auto;
}
.feature ul li:before{
font-family: 'FontAwesome';
content: "\f0da";
  padding-right: 7px;
}
.description-content ul li:before{
font-family: 'FontAwesome';
content: "\f0da";
  padding-right: 7px;
}
.condition-info ul{
  padding-left: 20px;
}
.condition-info h2{
  font-size: 15px;
  padding-top: 15px;
}
.condition-info h2 img{
  width: 40px;
}

/*description tab*/
.description-heading h4{
  padding: 10px;
  text-transform: uppercase;
  background: #000;
  color: #fff;
  margin: 10px 0px;
  font-size: 18px;
}
.description-detail{
padding: 10px;
  border:1px solid #ddd;
}
.mb{
  display: none;
}
.description{
  text-align: center;
}
.description input{
  display: none;
}
.description label{
    background: #f5f5f5;
    padding: 10px;
    font-weight: bold;
    color: #000;
    max-width: 150px;
    width: 100%;
    position: relative;
    border: 1px solid #ddd;
    transition: .3s;
    margin:2px 0px;
}
.description input:checked + label,.description label:hover{
  background: #303F5C;
  color: #fff;
}

.description-content{
  text-align: left;
  display: none;
background: #fff;
  padding: 10px;
  border:1px solid #ddd;
}
.description-content img{
  max-width: 300px;
  width: 100%;
  margin: auto;
  margin-bottom: 15px;
}
#description-tab1:checked ~ .description-content1,
#description-tab2:checked ~ .description-content2,
#description-tab3:checked ~ .description-content3,
#description-tab4:checked ~ .description-content4,
#description-tab5:checked ~ .description-content5,
#description-tab6:checked ~ .description-content6{
  display: block;
}
/*d-tab end*/
/*promo 2*/
.promo-2{
  margin: 20px 0;
 border: 1px solid #ddd;
    background: #f5f5f5;
    padding:10px;
}
.promo-2 td:nth-child(1){
  margin-right: 10px;
  display: block;
}
.promo-2 h4{
  font-size: 17px;
}
.promo-2 img{
  max-width: 80px;
  width: 100%;
  background: #303f5c;
  border-radius: 50px;
}
.categories{
  text-align: center;
}
.col-cate{
  display: inline-block;
  vertical-align: top;
  max-width: 240px;
  margin:5px;

  border:1px solid #ddd;
}
.cate-img img{
  width: 100%;
}
.cate-title h4{
  background: #303f5c;
    padding:7px;
    font-size: 18px;;
    color: #fff;
    width: 100%;
    position: relative;
}
/*Tabs*/

/*tabs end*/
.footer{
  background: #303f5c;  
  text-align:center;
}
.store-links ul{
    padding:0px;
}
.store-links ul li{
    list-style:none;
    display:inline-block;
}
.store-links ul li a{
    display:block;
    color:#fff;
    padding:10px 20px;
}
.footer p{
text-align: center;
border-top:2px solid #fff;
color: #fff;
font-weight: bold;
padding: 10px;
margin:0px;

}
@media only screen and (max-width: 1199px) {
.promo .icon{
  padding: 10px;
}
.buy-now-btns ul li a{
  margin: 10px 0px
}
.description label{

max-width: 135px;
}
}
@media only screen and (max-width: 992px) {
.icon-menu,.promo,.mx{
  display: none;
}
.mb{
  display: block;
  
}
.description label{
  max-width: 100%;
}

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

  .logo{
   text-align: center;
  }
 .promo-2-box table{
width: 100%;
  }
  .promo-2-box table td{
    border-bottom: 1px solid #ddd;
    padding: 5px;
  }
}