* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-family:arial, "Helvetica Neue", Helvetica, sans-serif;
}

.site-wrap{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
}
.prow::after{
   content:"";
   display:block;
   clear:both;
}
body{
	
	overflow-x:hidden;
	background-color:#F0F1F3;
	font-family:sans-serif;

}	
.container {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
}
.logo-text {
    display:none;
}
#card img {
    width:100%;
    height:320px;
    object-fit:cover;
}

.product-top img {
    width:100%;
    height:400px;
    object-fit:cover;
}
body{
	
	
	background-color:#f1f3f4;
	font-family:sans-serif;
	
}
.seo-box{
  background:#fff;
  border:1px solid #eee;
  padding:14px 16px;
  margin:10px 0 20px 0;
  border-radius:8px;
  font-size:14px;
  line-height:1.7;
}
.seo-box details summary{
  cursor:pointer;
  font-weight:600;
}
.seo-box details p

{ margin-top:10px; }
.sr-only-h1{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}
.seo-intro{
  padding:15px 20px;
  margin:20px 10px;
  background:#fff;
  border:1px solid #eee;
  border-radius:6px;
  font-size:14px;
  line-height:1.7;
}

.abc {
	
  text-overflow: ellipsis;
  
  overflow: hidden;
  max-height: 2.8em;
  line-height:2.1em;
}


.cart:hover {
	
	border:1px solid #f8692a;
	
	
}
.cart {
	
	border:1px solid#869189; 
	width:40px; 
	height:45px; 
	position:absolute;
	transition:0.3s
	
}
.pro {
    width:18%;
    margin:1%;
    float:left;
}

.pro img {
    width: 100% !important;
    height: auto !important;
    max-height: 180px;
    object-fit: contain;
}

.pro_link {
    min-height: auto !important;
    height: auto !important;
}
.topcats{
	display:none;
	
	
}
.prow {
	
  width:100%;
    overflow:hidden;
	
	
}
.c_img img {
	
	opacity:0;
	margin-top:-320px;
	transition:0.3s;
}

.pro:hover .c_img img {
	
	opacity: 1;
	
}
.prog:hover .c_img img {
	
	opacity: 1;
	
}
.abc {
	
	font-size:16px;
	color:#212121;
	white-space:normal;
	line-height:18px;
	font-family:Arial;
	    margin-top:20px;
}

.bt {
	
	opacity:1;
	transition: 0.3s;
	margin-top:-2px;
}
.pro:hover .bt{
	
	opacity:1
}
.pro_link {
	color:black;

  overflow: hidden;
}
.pro_link:hover {
	
	color:#f75433;
	text-decoration:none;
}
.disc {
	display:none;
	
	
}
.logoman img {
	
	width:100%;
	height:140px;
	
	
	
}
.catspro
{
	border:1px solid #eaeaea;
	width:180px;
	height:180px;
    box-sizing:border-box;
	z-index:auto;
	position:static;
    
	 background:white;
	
}
.catspro img {
	
	border-style: none;
	width:160px;
	height:160px;
	background:white;
}




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

    #card img {
        height:auto !important;
        max-height:220px !important;
        object-fit:contain !important;
    }

   

    .pro{
        width:48%;
        margin:1%;
    }

    .site-wrap{
        padding:0 10px;
    }


.pro_link {
    font-size:14px;
    display:block;
    min-height:40px;
}

.bt {
    margin-top:8px;
}



.prow {
    margin-left:0;
}


.dis {
	display:none;
	
	
}
.disc {
	display:inline-block;
	
	
	
}
.logoman img {
	
	width:98%;
	height:1%;
	
	
}
.catspro
{
	display:none;
}
.catspro img {
	
	display:none;
	
	
}

}
	

/*------------------------- nav-bar------------------*/
.top-nav-bar {
	
	height:57px;
	top:0;
	position:sticky;
 background:#0f6b3e;
    border-bottom:3px solid #d4af37;
	margin-bottom:20px;

	z-index:2;
	
}
.logo img {
	
	height:40px;
	margin: 5px 10px;
	width:220px;
	
}
.form-control {
    margin-top:9px;
    margin-left:30px;
    border:1px solid #c0392b !important;
    box-shadow:none;
    height:42px !important;
    border-radius:4px 0 0 4px !important;
}
.input-group-text {
     background:#d4af37 !important;
    border:1px solid #d4af37 !important;
    margin:9px 0 0 0 !important;
    height:42px !important;
    width:50px !important;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:0 4px 4px 0 !important;
    cursor:pointer;
}

.search-box {
	display:inline-flex;
	width:60%;
	
	
}

.search-boxes {
	display:inline-flex;
	width:100%;
	
	
}
.fa-search {
	color:#fff;
	

}
.manu-bar {
	width:40%;
	height:57px;
	float:right;
	
}
.manu-bar ul {
	
	display:inline-flex;
	float:right;
	
}
.manu-bar ul li {
    border-left:1px solid #fff;
    list-style:none;
    padding:8px 20px;
    text-align:center;
     background:#0f6b3e;
    cursor:pointer;
    height:57px;
    line-height:40px;
}
.manu-bar ul li a  {
	
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	
}
.manu-bar ul li:hover{
    background:#145c32;
}

.fa-shopping-basket {
	
	margin-right:5px;
}



#card:hover .bt{
	
	opacity:1
}
@media only screen and (max-width:768px){

.top-nav-bar{
    height:auto;
    position:relative;
}

.logo img{
    width:90px !important;
    height:auto !important;
}


.form-control{
    margin-left:0 !important;
    height:42px !important;
}
.input-group-text{
    width:55px !important;
    height:42px !important;
    padding:0 !important;
    margin:9px 0 0 0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
}
.manu-bar{
    width:100% !important;
    height:auto !important;
}

.manu-bar ul{
    width:100%;
    display:flex;
    padding:0;
    margin:0;
}

.manu-bar ul li{
    width:25%;
    padding:10px 2px;
    font-size:12px;
}
.fa-search{
    font-size:22px !important;
}
}
/*------------------------end nav-bar-------------------*/

.navbar-brand {
	
	width:100%;
	background:#c0392b; 
	color:white;
	font-weight:bold;
	text-align:center
}
/*---------------Side Menu-------------*/

/*---------------Side Menu-------------*/


.side-menu {
	height:360px;
    width:220px;
    font-size:14px;
    float:left;
    z-index:2;
    background-color:#ddd;
    border:1px solid gray;
	

	
}

.side-menu ul {

	margin-left:10px;
	
}
.side-menu ul li {
	border-bottom:1px solid white;
	list-style:none;
	font-weight:bold;
	margin-top:10px;
	cursor:pointer;
	padding:5px;
	
}
.side-menu ul li:hover {
	
	color:#c0392b;
}
.side-menu ul li ul {
	
	display:none;
	z-index:10;
	top:77px;
	
}
.side-menu ul li:hover ul {
	display:block;
	height:370Px;
	margin-left:14%;
	padding:0 50px 10px 10px;
	position:fixed;
	background:#ececec;
	
	
}
.fa-angle-right {
	margin-top:4px;
	margin-right:8px;
	float:right;
	
}
#menu-btn,#close-btn {
	
	font-size:30px;
	margin-right:8px;
	color:#c0392b;
display:none; }
	
.side-menu ul li a {
	margin-left:10px;
	color:#30323a;
	
}
.side-menu ul a:hover {
	
	text-decoration:none;
	color:#f8694a;
} 



 .category {
opacity:0;
	transition: 0.3s;
	
	
 }


 .navbar-header:hover .category {
	 
opacity:1	 
	 
 }

/*---------------Side Menu for sub categories-------------*/


	
	

#menu-btn,#close-btn {
	
	font-size:30px;
	margin-right:8px;
	color:#c0392b;
	display:none;
	
}

@media only screen and (max-width:980px) {
.side-menu {

        width:34%;
		z-index:20;
		top:133px;
		position:fixed;
		font-size:12px;
		display:none;

}
	
	.side-menu ul li ul {
		
		top:133px;
		
	}
	.side-menu ul li:hover ul {
		
		margin-left:31%;
	}
	#menu-btn {
		
		display:block;
	}
	.navbar-brand {
	font-size:12px;
	width:100%;
	background:#c0392b; 
	color:white;
	font-weight:bold;
	text-align:center
}
}

/*----------------------end side-menu-------*/
/*--------------slider-------------*/

.slider {
    width:calc(100% - 220px);
    margin-left:221px;
    padding:0;
    overflow:hidden;
}
.slider img {
    width:100%;
    height:360px;
    display:block;
    object-fit:cover;
}
.carousel {
	
	box-shadow:1px 1px 4px 1px rgba(0,0,0,0.5);
}
.carousel-indicators {
	
	z-index:1 !important;
	
	
}
@media only screen and (max-width:980px) {
 .slider {
        width:100% !important;
        margin-left:0 !important;
        padding:0 !important;
    }

    .slider img {
        width:100% !important;
        height:200px !important;
        object-fit:cover;
    
	}
}

/*------------------featured categoris------------------*/


.featured-categories {
	margin: 50px 0;
	
	
}
.featured-categories img {
	
	width:100%;
	padding:20px 0;
	transition:1s;
	cursor:pointer;
    height:250px;

}
.featured-categories img:hover {
	
	transform: scale (1.1);
	
	
}
/*------------------on sale------------------*/
.title-box {
	
background:#c0392b;
color:#fff;
width:182px;
padding:4px 10px;
height:40px;
margin-bottom:-18px;
font-size:20px;

	

}
.title-box h2 {
	font-size:24px;
	
		
}
@media only screen and (max-width:980px) {
	
	
	.title-box {
	display:none;
}
.title-box h2 {
	display:none;
	
	
		
}
	
	
}

.title-box::after {
	content:'';
	border-top:40px solid #c0392b;
	border-right:50px solid transparent;
	position:absolute;
	display:flex;
	margin-top:-4px;
	margin-left:170px;
	
	
}
/*------------------product top------------------*/

.product-top img {
    width:100%;
    height:auto !important;
    max-height:220px;
    object-fit:contain;
}
.overly-right {
	display:block;
	opacity:0;
	position:absolute;
	top:10%;
	margin-left:0;
	width:70px;	
	
}
.overly-right .fa {
	cursor:pointer;
	background-color:#fff;
	color:#000;
	height:35px;
	width:35px;
	font-size:20px;
	padding:7px;
	margin-top:5%;
	margin-bottom:5%;
	
	
}
.overly-right .btn-secondary {
	
	background:none !important;
	border:none !important;
	box-shadow:none !important;

	
}
.product-top:hover .overly-right {
	
	opacity:1;
	margin-left:5%;
	transition:0.5s;
		
}
h3 {
	
	font-size:18px;
	
	
	
	
}
.product-bottom h5 {
	
	font-size:15px;
	padding-bottom:10px;
	
	
}


.top h3 {
	
	
	letter-spacing:1px;
      border:1px solid #F75433;
	width:145px;
	font-size:20px;
	padding:5px;
	height:40px;
	color:white;
	background:#c0392b;
	margin-right:80px;
	margin-bottom:-10px;
}
.top h4 {
	
	
	letter-spacing:1px;
      border:1px solid #F75433;
	width:145px;
	font-size:20px;
	padding:5px;
	height:40px;
	color:white;
	background:#c0392b;
	margin-left:800px;
	
}

/*--------------featured website-------------*/

.website-features {
	margin: 60px 0;
	
	
}

.website-features img {
	
		width:20%;
}

.feature-text {
	margin-top:10px;
	float:right;
	width:80%;
	padding-left:20px;
	

}

.feature-box {
	
	padding-top:20px;
}
/*--------------featured website end-------------*/


/*--------------footer-------------*/


.footer {
	margin-top:50px;
	background:#000;
	color:#fff;
	margin-left:40px;
	margin-right:40px;
	
	
}

.footer h1 {
	font-size:15px;
	margin:25px 0;
	margin-left:40px;
	margin-right:40px;
	
	
}

.footer p {
	margin-left:40px;
	font-size:12px;
	margin-right:40px;
	
}
.copyright{
	margin-bottom:-80px;
	text-align:center;
	font-size:15px;
	padding-bottom:20px;
	
	
}

.fa-heart-o {
	color:red;
	font-size:15px;
	
	
	
}
.footer hr {
margin-top:10px;
background-color:#ccc;
	
	
	
}
.footer-image img {
	
	
	width:150px;
}
.footer .row .fa {
		padding-right:20px;
		font-size:15px;
	
	
}


.InputBox {
	
	max-width:600px;
	height:36px;
	background-color:#fff;
	display:-webkit-flex;
	display: -ms-flex;
	display:flex;
	flex-grow: 1;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	margin-top:8px;
		margin-left:50px;
	
	
	
}
.InputBox input {
	
	width:100%;
	border:none;
	outline:none;
	padding:8px 0 8px 15px;

	
}

 .SearchIcon {
	
	
	display:-webkit-flex;
	display:-ms-flex;
	display:flex;
	justify-content:center;
	-ms-align-items:center;
	align-items:center;
	padding:0 15px;
	cursor:pointer;
	
	
	
	
	
}

.SearchResult{
	
	 display:absolute;
	top:36px;
	width:100%;
	left:0;
	background-color:#fff;
	border-top:1px solid #ccc;
    -webkit-box-shadow:2px 3px 4px rgba(0,0,0,0.4);
	box-shadow: 2px 3px 4px rgba(0,0,0,0.4);
	height: fit-content;
	margin-left:-475px;
	margin-top:38px;

	
}


.SearchResult li {
	
	list-style:none;
	padding-left:20px;
	display:webkit-flex;
	display:-ms-flex;
	display:flex;
	-ms-align-items:center;
	align-items:center;
	font-size:14px;
}

 .SearchResult li a{
	
	list-style:none;
	padding-left:20px;
	text-decoration:none;
	color:#696262;
	padding:10px 15px;
	width:100%;
	display:block;
    font-size:14px;
}


.SearchResult li .fa-search {
	
	color:red;
}



@media only screen and (max-width:980px) {
	.InputBox{
		max-width:50%;
		
		margin-right:20px;
		
	}
	
	.SearchIcon {
	
	
	display:none;
	}
	
}



/*--------------footer end----*/@media only screen and (max-width:768px){    border-bottom:3px solid #d4af37;
#search{
    display:none;
}

#search.show-search{
    display:block !important;
    position:absolute;
    top:55px;
    left:0;
    width:100%;
    z-index:999;
    background:#fff;
}

}