body{
	clear: both;
	font-family: georgia;
}

.container-fluid{
	width:96.5%;
}
.active{
	background: #ffc107;
	color: #031c7d;
}
/****** LOGO  ******/
.logo{
	padding: 50px 0 0 0;
}

/*left-side-bar css*/
.left-side-bar{
	display: block;
	margin: 10px;
	padding: 7px;
}


/**** lang bar ****/
.lang_bar li{
    list-style:none;
    display:inline;
}

.lang_bar li img{
    height:30px;
    border-radius:6px;
    margin-left: 15px;
}

/****** banner css ******/
.banner li{
	list-style: none;
	display: inline;
	border-right:1px solid #eee;
}

.banner li img{
	width: 170px;
}

/*social css*/

.social li{
	list-style: none;
	float: left;
	padding: 4px;
	font-size: 22px;
	cursor:pointer;
}

.social a i{
    font-size:36px;
}
/**** Search css ****/
.srch-btn{
	background: #031c7d;
	color: whitesmoke;
}

.search-inp{
	width: 85%;
	padding: 5px;
}

.bg{
	background: #031c7d;
	width: 100%;
}

.p0{
	padding: 0;
	line-height: 0;
}

.m0{
	margin: 0;
}
/**** Header menu ****/

.header-menu{
	background-color: #031c7d;
    margin: 0 auto;
}

.menu-li{
	width: 21%;
	text-align: center;
}

.menu-li:hover{
	background: #ffc107;
	color: #031c7d;
}

.hm{
    width:100%;
}

.hm li a{
		margin: 20px;
		color: #fff;
}

.hamburger-menu{
	color: whitesmoke;
}

/***** Content css *****/

/***** Right-side-bar css *****/
.product{
	text-align: center;
	background: #031c7d;
	padding: 7px;
	color: #eee;
}
.products a{
	text-decoration: none;
	color: #000;
}

.products{
	width: 100%;
}

.products li {
	list-style: none;
}

.products li:hover{
	background: #ffc107;
	transition: 1s;
	color: #fff;
}

/**** images and detail css ****/
.prod-img{
	text-align: center;
}
/**** product details css ****/
.product-name a{
	text-decoration: none;
	color: #000;
}

.product-name a:hover{
	color: #bda87f;
}

/**** footer css ****/
.footer-menu{
	background: #031c7d;
	width: 100%;
}
/*.footer-menu li{
	list-style: none;
	display: inline;
	padding: 15px;
	margin: 45px;
	vertical-align: center;
	line-height: 50px;
}*/

.footer-menu a{
	text-decoration: none;
	color: whitesmoke;
}

.footer-search{
	display: none;
}

/***** Contact page css *****/

.contact-detail{
	background: #c1c1c1c9;
}

.contact-detail ul li{
	list-style: none;
	line-height: 40px;
}

/**** write us ****/
.write-us input{
	line-height: 30px;
	margin-top: 10px;
}

.write-us textarea{
	margin-top: 10px;
}

.btn-send{
	float: right;
}

/**** aobut css ****/
.about{
	margin: 50px 0 0 0;
}

/***** Catalog page css *****/
.catalog{
	width: 100%;
	height: 40px;
	background: #031c7d	
}



/****** product detail page css *******/

.prodName{
	background: #031c7d;
	color: white;
	padding: 8px;
}

.prodName span{
	margin-left: 7px;
}

.productImage{
	width: 70%;
	height: 250px;
	margin: 15px auto;
	display: block;
}

.sizeSection{
	margin-top: 15px;
	background: whitesmoke;
}


.imagesSection{
	margin-top: 15px;
	background: whitesmoke;
}

.imagesSection li{
	list-style: none;
	display: inline;
}

.imagesSection li img{
	width: 25%;
	height: 90px;
}




/******* media screen *********/
@media screen and (max-width: 600px) {
	/**** banner hide-show ***/
  .left-side-bar{
  	display: none;
  }


  .header-search{
  	display: none;
  }

  /**** footer search ****/
  .footer-search{
  	display: block;
  }
}