@font-face {
    font-family: 'Ruluko-Regular';
    src: url('../fonts/Ruluko-Regular.ttf');
}
.img-1::before     
{
position: absolute;
content: "";
height: 2px;
background-color: #242424;
width: 4%;
margin-top: 11px;
left: 44%;
}
.img-1::after{
	position: absolute;
content: "";
height: 2px;
background-color: #242424;
width: 4%;
margin-top: 11px;
right: 44%;
}
.about-section{
	padding-top: 20px;
}
.about-section h2{
	font-family: Ruluko-Regular;
font-size: 40px;
font-weight: bold;
}
.about-section p{
	font-family: Ruluko-Regular;
font-size: 17px;
padding: 20px;
line-height: 28px;
color: #353131;
}
.about-section b{
	font-style: italic;
    font-family: Ruluko-Regular;
    color: #a60000;
    font-size: 20px;
}
.product-section h2{
	font-family: Ruluko-Regular;
font-size: 40px;
font-weight: bold;
}
.product-section a{
	text-transform: uppercase;
	    font-size: 18px;
	     box-shadow: 0px 0px 20px 0px rgba(56, 56, 56, 0.2);
}
.product-section a:hover{
	    color: #fff;
    background-color: #fa2f0d;
    text-decoration: none;
}
.productbox {
   position: relative;
overflow: hidden;
margin-bottom: 15px;
background-color: #f8f8f8;
width: 253px;
    height: 330px;
text-transform: uppercase;
border: 1px solid #ddd;
text-align: center;
margin-top: 20px;
    box-shadow: 0px 0px 20px 0px rgba(56, 56, 56, 0.2);
}
.box-gallery{
  height: auto;
  border: 2px solid #a97064;
}
.product-inner{
	    background-color: #f5f5f5;
}
.gallery-section h2{
	font-family: Ruluko-Regular;
font-size: 40px;
font-weight: bold;
}
.footer-copyright p{
	font-size: 18px;
}
.footer-copyright a{
	color: #fff !important;
}
.product-section{
	padding-bottom: 20px;
}
.view-btn{
	color: rebeccapurple;
    border: 1px solid rebeccapurple;
    padding: 10px;
    margin-bottom: 20px;
    font-family: Ruluko-Regular;
    font-size: 20px;
}
@media screen and (max-width: 450px) {
   .productbox{
   	width: 100%;
   	height: auto;
   	margin-bottom: 0px;
   }
   .header-logo img{
   	width: 100%;
   }
}
@media screen and (min-width: 768px) and (max-width: 1024px){
.productbox{
    width: 100%;
        height: 287px;
}
}
@media screen and (min-width: 1024px){
#header .header-nav-main nav > ul > li > a {
	padding-left: 42px;
}
.header-logo img{
   	width: 100%;
   }
}