@charset "utf-8";
/* CSS Document */
a:focus{
	outline: 0px !important;
	outline-offset: -1080px;
}
body{
	background: url(image/body.jpg) no-repeat;
	background-size: cover;
	width: 100%;
	height: 751px;
	margin: 0px;
	padding: 0px;
	
}
.logo{
	float: left;
	padding: 40px 0px 0px 0px;
}
.menu{
	float: right;
	margin-top: 40px;
	
}
.menu .navbar-inverse{
	background: none;
	border: 0px !important;
}
.menu ul li a{
	color: #fff !important;
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	border: 2px solid transparent;
	padding: 8px 13px;
}
.menu ul li a:hover {
    border: 2px solid #5990cd;
    color: #5990cd !important;
    text-shadow: none !important;
}
li.dropdown:hover ul {
    display: block;
    position: absolute;
    width: 180px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.22);
    left: 0px;
    border: 2px solid #5990cd;
    z-index: 1;
}
li.dropdown ul {
    display: none;
}
li.dropdown ul li a {
    padding: 0px;
    line-height: 30px;
    border:none !important;
}
li.dropdown:hover ul li:hover {
    background: none;
}
li.dropdown:hover ul li {
    padding: 3px 15px;
    background: #5a90ce;
}
li.dropdown:hover ul li:hover a {
    color: #5a90ce !important;
    font-weight: 500;
    text-decoration: none;
}



.cat-1 a{
	float: left;
	width: 171px;
	height: 150px;
	background: url(image/surgical.png) no-repeat;
	position: relative;
	top: 76px;
}
.cat-1 a:hover{
	background-position: 0px -161px;
}
.cat-2 a{
	float: left;
	width: 171px;
	height: 150px;
	background: url(image/dental.png) no-repeat;
	position: relative;
	right: 39px;
	top: 2px;
}
.cat-2 a:hover{
	background-position: 0px -160px;
}
.cat-3 a{
	float: left;
	width: 171px;
	height: 150px;
	background: url(image/neuro.png) no-repeat;
	position: relative;
	right: 78px;
	top: 77px;
}
.cat-3 a:hover{
	background-position: 0px -160px;
}
.cat-4 a{
	float: left;
	width: 171px;
	height: 150px;
	background: url(image/orthopedic.png) no-repeat;
	position: relative;
	top: 2px;
	right: 117px;
}
.cat-4 a:hover{
	background-position: 0px -160px;
}
.cat-5 a{
	float: left;
	width: 171px;
	height: 150px;
	background: url(image/gynocology.png) no-repeat;
	position: relative;
	right: 156px;
	top: 77px;
}
.cat-5 a:hover{
	background-position: 0px -160px;
}
.cat-6 a{
	float: left;
	width: 171px;
	height: 150px;
	background: url(image/diagnostics.png) no-repeat;
	position: relative;
	right: 0px;
	top: -148px;
	left: 660px;
}
.cat-6 a:hover{
	background-position: 0px -160px;
}
.cat-7 a{
	float: left;
	width: 171px;
	height: 150px;
	background: url(image/single-use.png) no-repeat;
	position: relative;
	top: 78px;
	right: 171px;
}
.cat-7 a:hover{
	background-position: 0px -160px;
}
.cat-8 a{
	float: left;
	width: 171px;
	height: 150px;
	background: url(image/opthmology.png) no-repeat;
	position: relative;
	top: 4px;
	right: 211px;
}
.cat-8 a:hover{
	background-position: 0px -160px;
}
.cat-9 a{
	float: left;
	width: 171px;
	height: 150px;
	background: url(image/cardiovascular.png) no-repeat;
	position: relative;
	top: 79px;
	right: 249px;
}
.cat-9 a:hover{
	background-position: 0px -160px;
}
.cat-10 a{
	float: left;
	width: 171px;
	height: 150px;
	background: url(image/ent.png) no-repeat;
	position: relative;
	top: 4px;
	right: 288px;
}
.cat-10 a:hover{
	background-position: 0px -160px;
}
.cat-11 a{
	float: left;
	width: 171px;
	height: 150px;
	background: url(image/urology.png) no-repeat;
	position: relative;
	top: -70px;
	left: 59.7%;
}
.cat-11 a:hover{
	background-position: 0px -160px;
}
.cat-12 a{
	float: left;
	width: 171px;
	height: 150px;
	background: url(image/hollow.png) no-repeat;
	position: relative;
	top: -146px;
	left: 55.3%;
}
.cat-12 a:hover{
	background-position: 0px -160px;
}
.cat-13 a{
	float: left;
	width: 171px;
	height: 150px;
	background: url(image/tc.png) no-repeat;
	position: relative;
	top: 6px;
	left: 54px;
}
.cat-13 a:hover{
	background-position: 0px -160px;
}
@media (min-width: 768px){
.container {
   
}

}
@media (min-width: 992px){
.container {
    
}

}
@media only screen and (min-width:320px) and (max-width:767px){
	.logo img{
		width: 100%;
	}
	.navbar-toggle{
		background: #ed1c25;
	}
	.menu{
		width: 100%;
		margin-top: 10px;
	}
	.menu .navbar-inverse{
		width: 100%;
	}
	.navbar-nav{
		margin: 0px;
	}
	.menu ul li a{
		padding: 5px 10px;
	}
	
	.cat-1 a{
		left: 60px;
		top: 0px;
	}
	.cat-2 a{
		left: 60px;
		right: 0px;
		top: 5px;
	}
	.cat-3 a{
		left: 60px;
		top: 9px;
		right: 0px;
	}
	.cat-4 a{
		left: 60px;
		top: 13px;
		right: 0px;
	}
	.cat-5 a{
		right: 0;
		top: 17px;
		left: 60px;
	}
	.cat-6 a{
		right: 0px;
		top: 21px;
		left: 60px;
	}
	.cat-7 a{
			top: 25px;
			right: 0;
			left: 60px;
	}
	.cat-8 a{
		top: 29px;
		right: 0;
		left: 60px;
	}
	.cat-9 a{
		top: 33px;
		right: 0;
		left: 60px;
	}
	.cat-10 a{
		top: 37px;
		right: 0;
		left: 60px;
	}
	.cat-11 a{
		top: 41px;
		right: 0;
		left: 60px;
	}
	.cat-12 a{
		top: 45px;
		left: 60px;
	}
	.cat-13 a{
		top: 50px;
		left: 60px;
	}

}