h1{font-size:28px;padding:5px;}
h2{font-size:26px;padding:5px;}
h3{font-size:24px; padding:5px;}
h4{font-size:22px; padding:5px;text-transform: uppercase;}
h5{font-size:18px; padding:5px;margin:5px 0px;}
h6{font-size:16px; padding:5px;}
.btn-eskay{

}
.btn-eskay{
  color: #fff;
  background-color:rgb(0,69,126);
  border-color:rgb(0,69,120);
}
.navbar{
	padding:0px 15px;
}
.navbar .navbar-brand{
	padding:5px 0px;
}
.navbar-toggler i{
	color:#fff;
}
.btn-eskay:hover{
  color: #fff;
  background-color:rgb(0,45,100);
  border-color:rgb(0,60,126);
}
.btn-eskay:focus, .btn-broucher.focus {
  box-shadow: 0 0 0 0.2rem rgba(0,69,120, 0.5);
}
a{color:gray;}
a:hover{color: #ddd;text-decoration:none;}
#headnavbar{background-color:rgb(0,69,126);color:#fff; max-width: 1400px; margin:auto;display: block; }

ul li a{color:#fff; font-size:16px;}
ul li a:hover{color:#ddd;transition:.3s;}
ul li .dropdown-menu a{
	font-size: 14px;
}
#headnavbar .nav-link {
  display: block;
  font-size: 16px;
  line-height: 16px;
  padding:17px 15px;
}
#submenuProduct{background-color:rgb(0,69,126);margin-top:0px; opacity:.9;}
#submenuProduct a{color:#fff;margin-top:0px;}
#submenuProduct a:hover{background-color:#efefef;color:rgb(0,69,126); transition:.5s;}
#submenuAbout{background-color:rgb(0,69,126); margin-top: 0px;  opacity:.9;}
#submenuAbout a{color:#efefef;margin-top:0px;}
#submenuAbout a:hover{background-color:#fff;color:rgb(0,69,126); transition:.5s;}
#logoimg{height:70px; width:140px;padding:0px;}

#max{max-width:1400px;margin:auto;display: block;}
.content{width:80%;margin:auto;display: block;}
#breadcrumbNav{width:15%; margin:auto;display: block; position:relative; top:-20px;}
#breadcrumbNav li, #breadcrumbNav li a{font-size:13px;}
.breadcrumb{
	display:flex;
	justify-content: center;
	align-items: center;
}
.cataloge{width:100px;height:80px; position:fixed; top:60px; z-index: 9999;}

#mySlider{max-width:1400px;margin:auto;display: block;}
.p-cat{
	margin-top:15px;overflow: hidden;padding:15px;
}

.review-form{
	background:rgba(95,137,162, .5);
	padding:20px;
}
#gear-shaving ul{
	list-style-type: square;
}
#gear-shaving ul li{
	margin-top:10px;
	line-height: 25px;
}

.review-form input{
	margin-top:10px;
}
.contact-us table td{
	font-size: 14px;
}
.contact-us table td strong{
	font-weight: 600;
	padding:10px 0px;
}
#footer-row{
  color:#ddd;	
}
#footer-row h5{
	font-weight: 500;
	border-bottom: 1px solid rgb(95,137,162);
	padding-bottom: 15px;
	letter-spacing: .3px;
	font-size: 16px;
	margin-bottom: 20px;
	color:#fff;
	position: relative;
}
#footer-row h5:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left:15px;
	width:30px;
	height:4px;
	background:#000;
	transform: translateY(50%);
}
#footer-row h6{
	font-weight: 500;
	color:#fff;
}

#footer button:hover{cursor:pointer;}
#footer-row ul li a{
	font-size:14px;
	display: block;
	padding:5px 15px;
}
#footer-row table td{
	font-size: 14px;
	padding-bottom: 5px;
}
#footer-row table th{
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 5px;
}
#footer-row table{
	margin-top:5px;
}
#footer-row table a{
	color: #ddd;
	transition: .3s;
}
#footer-row table a:hover{
	color: #aaa;
}

.scale-anm {
  transform: scale(1);
}
.tile { 
    
    transform: scale(0);
    
    transition: all 350ms ease;
}

#map{height:450px;}

.float{
	position:fixed;
	width:50px;
	height:50px;
	bottom:30%;
	left:10px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:40px;
	line-height: 50px;
	box-shadow: 2px 2px 3px #999;
	z-index:100;
	opacity: .8;
}

.float:hover{opacity: 1; color:#fff;}


@media screen and (max-width:1200px) and (min-width: 992px){
	
	.content{width:85%;margin:auto;display: block;}	
	#breadcrumbNav{width:20%; margin:auto;display: block; position:relative; top:-20px;}

	#map{height:400px;}
	#footer-row ul li a{
		font-size:14px;
	}
}

@media screen and (max-width:991px) and (min-width: 768px){
	#collapsibleNavbar{
		position:absolute;
		right:0;
		top:58px;
		background:rgb(0,69,126);
		min-width:300px;
		text-align: left;
	}
	#collapsibleNavbar ul li a{
		padding:5px 10px;
	}
	#collapsibleNavbar ul li{
		border-bottom: 1px solid #e0e0e0;
	}
	#collapsibleNavbar ul li:last-child{
		border:none;
	}
	#collapsibleNavbar ul li div a{
		font-size: 14px;
	}
	#collapsibleNavbar ul li div{
		margin:0px 10px;
	}
	.content{width:90%;margin:auto;display: block;}
	#breadcrumbNav{width:25%; margin:auto;display: block; position:relative; top:-20px;}
	#map{height:350px;}
	#footer-row ul li a{
		font-size:14px;
	}
}

@media screen and (max-width:767px) and (min-width: 570px){
	#collapsibleNavbar{
		position:absolute;
		right:0;
		top:58px;
		background:rgb(0,69,126);
		min-width:300px;
		text-align: left;
	}
	#collapsibleNavbar ul li a{
		padding:5px 10px;
		font-size:16px;
	}
	#collapsibleNavbar ul li{
		border-bottom: 1px solid #e0e0e0;
	}
	#collapsibleNavbar ul li:last-child{
		border:none;
	}
	#collapsibleNavbar ul li div a{
		font-size: 14px;
	}
	#collapsibleNavbar ul li div{
		margin:0px 10px;
	}
	.content{width:90%;margin:auto;display: block;}
	#breadcrumbNav{width:32%; margin:auto;display: block; position:relative; top:-20px;}
	#map{height:300px;}
	
	#footer-row ul li a{
		font-size:14px;
	}

}







@media screen and ( max-width: 575px){
	.navbar-brand{
		max-width: 200px;
	}
	#collapsibleNavbar{
		position:absolute;
		right:0;
		top:100%;
		background:rgb(0,69,126);
		min-width:250px;
		text-align: left;
	}
	#collapsibleNavbar ul li a{
		padding:5px 10px;
		font-size: 16px;
	}
	#collapsibleNavbar ul li{
		border-bottom: 1px solid #e0e0e0;
	}
	#collapsibleNavbar ul li:last-child{
		border:none;
	}
	#collapsibleNavbar ul li div a{
		font-size: 14px;
	}
	#collapsibleNavbar ul li div{
		margin:0px 10px;
	}
	h1{font-size:24px;padding:5px;}
	h2{font-size:22px;padding:5px;}
	h3{font-size:20px; padding:5px;}
	h4{font-size:18px; padding:5px;}
	h5{font-size:16px; padding:5px;margin:5px 0px;}
	h6{font-size:14px; padding:5px;}
	p{font-size:14px;}

	.content{width:100%;margin:auto;display: block;}

	
	#logoimg{height:60px; width:100px;padding:0px;}
	.cataloge{width:80px;height:80px; position:fixed; top:50px; z-index: 9999;}
	#topContact{padding:5px 10px;}
	#footer-row{ margin-top: 20px;}
	#breadcrumbNav{width:50%; margin:auto;display: block; position:relative; top:-20px;}
	#map{height:300px;}
	#footer-row ul li a{
		font-size:14px;
	}
	.float{
		position:fixed;
		width:35px;
		height:35px;
		bottom:30%;
		display: flex;justify-content: center;
		align-items: center;
		font-size: 25px;
		line-height: 25px;
	}
}