.navbar{
    margin-left: auto;
    margin-right: auto;
    width: 20%;
}

.h2-products{
	font-size: 30px;
	margin-top: 5%;
	color: #a56456;
}
.h2-productsar{
	margin-top: 5%;
	color: #a56456;
	text-align: right;
	font-size: 30px;

}

.product-des{
	margin-top: 5%; 
	text-align: justify;
    text-justify: inter-word;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 22px;
}
.product-desar{
	margin-top: 5%;
	text-align: justify;
 	text-justify: inter-word; 
 	margin-left: 5%; 
 	margin-right: 5%;
 	font-size: 22px;

}


.product-pricedes{
	text-align: center; 
	font-size: 30px;
    color: #a56456;
}



.arrowinarabic{
	margin-top: 5%; margin-left: 300pc;
}
.pop-image{
	margin-top: 10%; float: right!important;
}
.btn{
	width: 60px;
}
.div-btn{
	float: left;
	margin-top: 4%;
	margin-left: 1%;
}
.div-btnar{
	float: right;
	margin-top: 4%;
	margin-left: 1%;
}

.product-namear{
	text-align: right;
	padding-right: 35px;
}


.col-6{
	margin-top: 15px;
}

.test{
	color: red;
}

.img-fluidcat{
	opacity: 0.3;
}

.img-fluidcat:hover{
	opacity: 0.8;
}


.textcat{
    position: absolute;
    left: 5%;
    text-align: center;
    font-weight: bold;
    bottom: 0%;
}

.texthomearabic{
	 position: absolute;
    left: 5%;
    text-align: center;
    font-weight: bold;
    bottom: 0%;

}

.textcatar{
    position: absolute;
    right: 10%;
    text-align: center;
    font-weight: bold;
    bottom: 0%;
}
.product-price{
	text-align: right;
	/*padding-left: 10px;*/
}

.anchor{
	color: black;
}

.anchor:hover{
	color: white;
}

/* For mobile phones: */
@media only screen and (max-width: 600px) 
{

	.h2-productsar{
		font-size: 22px;
	}
	.product-desar{
		font-size: 16px;
	}

	.h2-products{
		font-size: 22px;
	}
	.product-des{
		font-size: 16px;
	}
	.product-pricedes{
		font-size: 22px;
	}

	.textcat{
		font-size:14px;
		left: 10%;

	}
	.textcatar{
		font-size: 18px;
	}
	.navbar{
		width: 35%;
	}
	.prebtn{
		width: 20%;

	}
	.btn{
		width: 50px;
	}
	.div-btn{
		margin-top: 6%;
	}
   .product-name{
   	font-size:12px;
   	font-weight: 700;

   }
      .product-price{
   	font-size:12px;

   }
   .product-namear{
	padding-right: 0px;
	}
	    .img-fluid{
            height: 122.469px;
            object-fit: cover;
            width: 184px;
        }
        .thumbnail-image{
            height: 236px;
            object-fit: cover;
            width: 330px;

        }


}

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

  /* For tablets: */
.product-price{
	/*text-align: right;*/
	padding-right: 35px;
}

}
@media only screen and (min-width: 768px) {
  /* For desktop: */
.product-price{
	/*text-align: right;*/
	padding-right: 35px;
}
}