*{
	font-size:18px;
	font-family:'Segoe UI',Tahoma;
	box-sizing:border-box;
	outline:none;
	text-decoration:none;
	margin:0;
	padding:0;
	color:#111;
	color:#0B3A78;
}
body{}
header,nav,content,footer{width:100%;display:block;position:relative;}
header{
	height:100vh;
	position:relative;
	background: linear-gradient( to right, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0.5) 100%), url('../images/science-lab2.jpeg');
	bbackground: linear-gradient( to right, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0.5) 100%), url('../images/science-lab1.jpg');
	bbackground: linear-gradient( to right, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0.5) 100%), url('../images/science-lab.jpeg');
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
}
nav{background:#fff;z-index:1000;box-shadow:2px 2px 4px rgba(0,0,0,0.3);}

.socnav{width: 100%;display:block;overflow:hidden;background:#3C78C7;height:50px;}

.topnav{width: 100%;overflow: hidden;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:20px;padding:10px 100px;}
.topnavbox{width: 100%;overflow:hidden;display:grid;grid-template-columns:1fr 7fr;grid-column-gap:7px;}
.topnavimg{width: 100%;display:block;overflow:hidden;padding-top:7px;}
.topnavimg img{width: 100%;max-width:25px;display:block;}
.topnavdets{width: 100%;display:block;overflow:hidden;}
.topnavdets b{display:block;font-size:14px;color:#0B3A78;}
.topnavdets span{display:block;font-size:14px;}

.botnav{display:block;height:60px;padding:0px 100px;position:relative;top:0;left:0;right:0;}
.botnavlogo{display:block;position:absolute;left:100px;top:10px;height:40px;}
.botnavlogo a{display:block;height:100%;}
.botnavlogo img{display:block;height:100%;}
.navlinks{width:600px;margin:auto;height:60px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-column-gap:7px;padding-top:10px;}
.navlinks li{width:100%;display:block;text-align:center;}
.navlinks li a{display:block;font-size:18px;padding:10px 5px;color:#111;}

.drop-content {display: none;position: absolute;background-color: #fff;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.drop-content a {float: none;color: black;padding: 12px 16px;display: block;text-align: left;}
.drop-content a:hover {background-color: #ddd;}
.dropdown:hover .drop-content {display: block;}

.actlinks{display:block;position:absolute;height:60px;top:10px;right:100px;}
.actlinks a{display:inline-block;float:left;margin-right:20px;margin-top:10px;}
.actlinks img{display:block;width:25px;}
.sitecart{position:relative;}
.sitecart span{position:absolute;top:-9px;right:-9px;padding:3px;font-size:12px;background:#3C78C7;color:#fff;border-radius:50%;}
.actlinks .dropbtn, .dropdown-content{display:none;}
.show {display: block;}

.search{position:absolute;width:100%;height:60px;background:rgba(0,0,0,0.8);left:0;right:0;top:0;text-align:center;display:none;}
.search input{min-width:270px;width:50%;margin-top:10px;background:transparent;border:none;border-bottom:2px solid #3C78C7;color:#fff;outline:none;padding:3px;}
.search button{width:60px;margin-top:10px;outline:none;padding:3px;font-weight:bold;}
.search a{font-size:36px;color:#eee;position:absolute;top:0px;right:10px;}
.search i{color:#eee;}

.intro{display:block;width:100%;}
.introcentered{width:50%;max-width:800px;position: absolute;left: 50%;top: 60%;transform: translate(-50%, -50%);text-align:center;}
.introcentered h1{font-size:62px;margin-bottom:10px;color:#fff;}
.introcentered p{font-size:28px;color:#fff;}

content{}

.about{display:none;width:100%;overflow:hidden;background:#3C78C7;padding:50px 100px;}
.about h2{font-size:32px;margin-bottom:30px;color:#333;text-align:center;}
.aboutgrid{width:100%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:20px;}
.aboutbox {width:100%;overflow:hidden;display:grid;grid-template-columns:1fr 5fr;grid-column-gap:10px;background:#fff;padding:7px;}
.aboutbox h3 {font-size:24px;margin-bottom:10px;color:#333;}
.aboutbox p {font-size:15px;margin-bottom:10px;color:#111;}
.aboutimg {width:100%;overflow:hidden;}
.aboutimg img {width:100%;margin-top:40px;}

.app-figure {width: 100%;position: relative;text-align: center;display:block;margin-bottom:40px;padding:20px 80px;background:#eee;}	
.app-figure h2{font-size:32px;text-align:left;margin-left:30px;margin-bottom:50px;color:#0B3A78;}	
#scroll-1 span a{overflow:hidden;color:transparent !important;}
.MagicScroll i{margin-right:9px;margin-bottom:9px;width:200px;height:230px;display:block;overflow:hidden;background:#eee;box-shadow: 0 4px 7px 0 rgba(0,0,0,0.2);}
.MagicScroll i:hover{}
.MagicScroll a{overflow:hidden;display:block;z-index:100;}
.MagicScroll img{max-width:100%;max-height:100%;}
.MagicScroll *{font-size:0px;}
.MagicScroll .itemdets {display:block;overflow:hidden;margin-top:4px;margin-right:4px;}
.MagicScroll .itemdets p{text-align:center;padding:7px;color:#111;font-size:15px;margin:3px 0px;}
.MagicScroll .auddets *{font-size:14px;padding:2px;display:block;overflow:hidden;text-align:left;}

.latest{display:block;width: 100%;overflow:hidden;padding:0px 100px;margin-bottom:0px;}
.latest h2{font-size:32px;text-align:center;margin-bottom:50px;color:#0B3A78;}
.latestgrid{width: 100%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:20px;grid-row-gap:30px;margin-bottom:50px;}
.thisproduct{display:block;width: 100%;overflow:hidden;position:relative;margin:3px;box-shadow:1px 1px 3px #999;}
.producttype{position:absolute;top:0;left:0;background:#3C78C7;color:#fff;padding:5px 10px;font-size:13px;font-weight:bold;letter-spacing:1px;z-index:100;}
.prodimg{width:100%;display:block;overflow:hidden;}
.thisproduct img{width:100%;display:block;filter: brightness(100%);transition: transform .5s ease-in-out;transform: scale(1);transform-origin: 100% 0;}
.thisproductdets{border-top:1px solid #777;text-align:left;padding:3px 5px;}
.thisproduct:hover img{filter: brightness(90%);transform: scale(1.05) translateX(5%);}
.thisproduct:hover .producttype{background:#3C78C7;color:#111;}
.thisproductdets{display:block;width: 100%;overflow:hidden;}
.thisproductdets p{color:#555;margin-bottom:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;}
.thisproductdets p span{display:inline-block;float:left;}
.thisproductdets p span:first-child{color:#555;text-decoration: line-through;font-size: 13px;margin-right:10px;}
.thisproductdets p span:last-child{color:#333;font-size: 14px;font-weight:bold;}
.moreprods{display:block;font-weight:bold;text-align:center;color:#eee;background:#0B3A78;margin:auto;margin-bottom:30px;width:200px;padding:7px 20px;}

@keyframes fade{ from{ opacity:0.4; } to{ opacity:1; } }
#slider{margin:0 auto;width:100%;overflow:hidden;position:relative;}
.slides{overflow:hidden;animation-name:fade;animation-duration:1s;display:none;height:350px;}
.slide1{background: linear-gradient( to right, #1A54A1CC 25%, #1A54A1CC 100%), url('../images/others/1.jpeg');background-size:cover;background-position:center;background-repeat: no-repeat;}
.slide2{background: linear-gradient( to right, #1A54A1CC 25%, #1A54A1CC 100%), url('../images/others/2.jpg');background-size:cover;background-position:center;background-repeat: no-repeat;}
.slide3{background: linear-gradient( to right, #1A54A1CC 25%, #1A54A1CC 100%), url('../images/others/3.jpeg');background-size:cover;background-position:center;background-repeat: no-repeat;}
.slide4{background: linear-gradient( to right, #1A54A1CC 25%, #1A54A1CC 100%), url('../images/others/4.jpg');background-size:cover;background-position:center;background-repeat: no-repeat;}
.slide5{background: linear-gradient( to right, #1A54A1CC 25%, #1A54A1CC 100%), url('../images/others/5.jpg');background-size:cover;background-position:center;background-repeat: no-repeat;}
.slides text{color:#fff;font-size:42px;font-weight:700;width:100%;max-width:800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align:center;}
#dot{margin:0 auto;text-align:center;}
.dot{display:inline-block;border-radius:50%;background:#d3d3d3;padding:8px;margin:10px 5px;}
.activve{background:#0B3A78;}
@media (max-width:567px){
  #slider{width:100%;}
}
#heading{display:block;text-align:center;font-size:2em;margin:10px 0px;}

.products{display:block;width:100%;overflow:hidden;background:#eee;padding:30px 100px;}
.products h2{font-size:32px;margin-bottom:30px;color:#0B3A78;text-align:center;}
.productgrid{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:20px;grid-row-gap:20px;}
.productbox{display:block;width:100%;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);border:1px solid #ddd;margin:7px;}
.productbox img{display:block;width:100%;}
.productdets{padding:10px 10px;}
.productdets h3{font-size:18px;margin-bottom:10px;color:#3C78C7;}
.productdets p{font-size:15px;margin-bottom:10px;color:#111;}

footer{background: linear-gradient( to right, rgba(0,0,0,0.85) 25%, rgba(0,0,0,0.85) 100%), url('../images/science-lab.jpeg');background-size:cover;background-position:center;background-repeat: no-repeat;}
.topfoot{width: 100%;overflow: hidden;background:;display:grid;grid-template-columns:1.6fr 1.5fr 1fr;grid-column-gap:20px;padding:30px 100px;}
.footabt{width: 100%;display:block;overflow: hidden;}
.footabt img{width: 100%;display:block;max-width:200px;margin-bottom:20px;}
.footabt h3{color:#fff;margin-bottom:10px;}
.footabt p{color:#ddd;font-size:15px;}
.footsoc{}
.footsoc h3,.footlinks h3{text-transform:uppercase;color:#fff;margin-bottom:10px;}
.footsoc h4{text-transform:uppercase;color:#eee;font-size:16px;margin-top:15px;margin-bottom:10px;}
.footsoc p{color:#ddd;font-size:15px;margin-bottom:7px;}
.footsoc p sup{color:#ddd;font-size:12px;}
.footlinks{}
.footlinks a{display:block;color:#ddd;margin-bottom:10px;}
.footlinks a:hover{color:#3C78C7;}
.botfoot{width: 100%;display:block;overflow: hidden;background:rgba(0,0,0,0.5);padding:10px 20px;}
.botfoot p{font-size:14px;text-align:center;color:#fff;}
.botfoot p a{font-size:14px;color:#fff;font-weight:bold;}
.botfoot p a:hover{color:#3C78C7;}
@media only screen and (max-width: 910px){
	.socnav{height:50px;}

	.topnav{grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:20px;padding:10px 20px;}
	.topnavbox{grid-template-columns:1fr 7fr;grid-column-gap:7px;}
	.topnavimg{padding-top:7px;}
	.topnavimg img{max-width:25px;}
	.topnavdets{}
	.topnavdets b{font-size:14px;}
	.topnavdets span{font-size:14px;}

	.botnav{height:60px;padding:0px 20px;top:0;left:0;right:0;}
	.botnavlogo{position:absolute;left:20px;top:10px;height:40px;}
	.botnavlogo a{}
	.botnavlogo img{}
	.navlinks{width:350px;height:60px;grid-template-columns:1fr 1.5fr 2fr 1fr;grid-column-gap:0px;padding-top:10px;}
	.navlinks li{}
	.navlinks li a{font-size:16px;padding:10px 5px;}

	.drop-content {display: none;min-width: 160px;}
	.drop-content a {padding: 12px 16px;}

	.actlinks{position:absolute;height:60px;top:10px;right:20px;}
	.quotation{padding:5px 10px;margin-top:5px;}
	.actlinks .dropbtn, .dropdown-content{display:none;}
}
@media only screen and (max-width: 700px){
	.socnav{height:50px;}

	.topnav{grid-template-columns:1fr 1fr;grid-column-gap:20px;grid-row-gap:10px;padding:10px 20px;}
	.topnavbox{grid-template-columns:1fr 7fr;grid-column-gap:7px;}
	.topnavimg{padding-top:7px;}
	.topnavimg img{max-width:25px;}
	.topnavdets{}
	.topnavdets b{font-size:14px;}
	.topnavdets span{font-size:14px;}

	.botnav{height:60px;padding:0px 20px;top:0;left:0;right:0;}
	.botnavlogo{position:absolute;left:20px;top:10px;height:40px;}
	.botnavlogo a{}
	.botnavlogo img{}
	.navlinks{display:none;}

	.drop-content {display: none;min-width: 160px;}
	.drop-content a {padding: 12px 16px;}

	.actlinks{position:absolute;height:60px;top:10px;right:0px;}
	.dropdown-content{display:none;}
	.actlinks .dropbtn{display:block;margin-top:7px;overflow:hidden;}
	a.dropbtn:after {content: ""; position: absolute; top: 0; right: 25px; bottom: 0; left:140px;}
	.dropbtn svg{display:inline-block;z-index:1000;fill:#111;}
	.dropdown-content{position:absolute;right:-20px;top:50px;z-index:1000;background:#f1f1f1;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);width:100%;min-width: 180px;overflow:auto;display:none;transition:1s ease-in-out;}
	.dropdown-content a{display:block;width:100%;overflow:hidden;margin:3px 0px;font-weight:bold;font-size:16px;color:#333;text-align:left;padding:5px 10px;}
	.dropdown-content a:hover{color:#3C78C7;background:rgba(100,100,100,0.2);}
	.show{display: block;}
	
	
}

@media only screen and (max-width: 800px){
	*{font-size:16px;}
	header{height:550px;}
	
	.intro{}
	.introcentered{max-width:800px;position: absolute;left: 50%;top: 60%;transform: translate(-50%, -50%);}
	.introcentered h1{font-size:62px;margin-bottom:10px;}
	.introcentered p{font-size:28px;}
	
	content{}

	.about{padding:50px 20px;}
	.about h2{font-size:28px;margin-bottom:30px;}
	.aboutgrid{grid-template-columns:1fr 1fr 1fr;grid-column-gap:10px;}
	.aboutbox {grid-template-columns:1fr 5fr;grid-column-gap:10px;padding:7px;}
	.aboutbox h3 {font-size:24px;margin-bottom:10px;}
	.aboutbox p {font-size:15px;margin-bottom:10px;}
	.aboutimg {}
	.aboutimg img {margin-top:40px;}
	
	.app-figure {margin-bottom:40px;padding:20px 20px;}	
	.app-figure h2{font-size:28px;margin-left:30px;margin-bottom:30px;}	
	
	.latest{padding:0px 20px;margin-bottom:0px;}
	.latest h2{font-size:28px;margin-bottom:50px;}
	.latestgrid{grid-template-columns:1fr 1fr 1fr;grid-column-gap:20px;grid-row-gap:30px;margin-bottom:50px;}
	.thisproduct{margin:3px;box-shadow:1px 1px 3px #999;}
	.producttype{position:absolute;top:0;left:0;padding:5px 10px;font-size:13px;}
	.prodimg{}
	.thisproduct img{}
	.thisproductdets{padding:3px 5px;}
	.thisproductdets{}
	.thisproductdets p{margin-bottom:5px;}
	.thisproductdets span{}
	.moreprods{margin-bottom:30px;width:200px;padding:7px 20px;}

	.products{padding:50px 20px;}
	.products h2{font-size:28px;margin-bottom:30px;color:#333;}
	.productgrid{grid-template-columns:1fr 1fr;grid-column-gap:20px;grid-row-gap:20px;}
	.productbox{margin:7px;}
	.productbox img{}
	.productdets{padding:10px 10px;}
	.productdets h3{font-size:18px;margin-bottom:10px;}
	.productdets p{font-size:15px;margin-bottom:10px;}
	
	footer{}
	.topfoot{grid-template-columns:1.6fr 1.5fr;grid-row-gap:30px;padding:30px 20px;}
	.footabt{}
	.footabt img{max-width:150px;margin-bottom:20px;}
	.footabt h3{margin-bottom:10px;}
	.footabt p{font-size:15px;}
	.footsoc{}
	.footsoc h3,.footlinks h3{margin-bottom:10px;}
	.footsoc h4{font-size:16px;margin-top:15px;margin-bottom:10px;}
	.footsoc p{font-size:15px;margin-bottom:7px;}
	.footlinks{}
	.footlinks a{margin-bottom:10px;}
	.botfoot{padding:10px 20px;}
	.botfoot p{font-size:14px;}
	.botfoot p a{font-size:14px;}
}
@media only screen and (max-width: 500px){
	*{font-size:16px;}
	header{height:550px;}
	
	.intro{}
	.introcentered{max-width:800px;width:100%;padding:0px 20px;position: absolute;left: 50%;top: 70%;transform: translate(-50%, -50%);}
	.introcentered h1{font-size:48px;margin-bottom:10px;}
	.introcentered p{font-size:18px;}
	
	.about{padding:50px 20px;}
	.about h2{font-size:24px;margin-bottom:20px;}
	.aboutgrid{grid-template-columns:1fr;grid-column-gap:10px;grid-row-gap:20px;}
	.aboutbox {grid-template-columns:1fr 5fr;grid-column-gap:10px;padding:7px;}
	.aboutbox h3 {font-size:18px;margin-bottom:10px;}
	.aboutbox p {font-size:15px;margin-bottom:10px;}
	.aboutimg {}
	.aboutimg img {margin-top:40px;}
	
	
	.app-figure {margin-bottom:40px;padding:20px 0px;}	
	.app-figure h2{font-size:24px;text-align:center;margin-bottom:50px;}	
	
	.latest{padding:0px 20px;margin-bottom:0px;}
	.latest h2{font-size:24px;margin-bottom:50px;}
	.latestgrid{grid-template-columns:1fr 1fr;grid-column-gap:10px;grid-row-gap:20px;margin-bottom:50px;}
	.thisproduct{margin:3px;box-shadow:1px 1px 3px #999;}
	.producttype{position:absolute;top:0;left:0;padding:5px 10px;font-size:13px;}
	.prodimg{}
	.thisproduct img{}
	.thisproductdets{padding:3px 5px;}
	.thisproductdets{}
	.thisproductdets p{margin-bottom:5px;}
	.thisproductdets span{}
	.moreprods{margin-bottom:30px;width:200px;padding:7px 20px;}

	.products{padding:50px 20px;}
	.products h2{font-size:24px;margin-bottom:20px;}
	.productgrid{grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px;}
	.productbox{margin:0px;}
	.productbox img{}
	.productdets{padding:10px 10px;}
	.productdets h3{font-size:18px;margin-bottom:10px;}
	.productdets p{font-size:15px;margin-bottom:10px;}
	
	footer{}
	.topfoot{grid-template-columns:1fr;grid-row-gap:30px;padding:30px 20px;}
	.footabt{}
	.footabt img{max-width:150px;margin-bottom:20px;}
	.footabt h3{margin-bottom:10px;}
	.footabt p{font-size:15px;}
	.footsoc{}
	.footsoc h3,.footlinks h3{margin-bottom:10px;}
	.footsoc h4{font-size:16px;margin-top:15px;margin-bottom:10px;}
	.footsoc p{font-size:15px;margin-bottom:7px;}
	.footlinks{}
	.footlinks a{margin-bottom:10px;}
	.botfoot{padding:10px 20px;}
	.botfoot p{font-size:14px;}
	.botfoot p a{font-size:14px;}
}
@media only screen and (max-width: 400px){
	.socnav{height:50px;}

	.topnav{grid-template-columns:1fr 1fr;grid-column-gap:20px;grid-row-gap:10px;padding:10px 20px;}
	.topnavbox{grid-template-columns:1fr 7fr;grid-column-gap:7px;}
	.topnavimg{padding-top:7px;}
	.topnavimg img{max-width:25px;}
	.topnavdets{}
	.topnavdets b{font-size:14px;}
	.topnavdets span{font-size:14px;}

	.botnav{height:60px;padding:0px 20px;top:0;left:0;right:0;}
	.botnavlogo{position:absolute;left:5px;top:12px;height:35px;}
	.botnavlogo a{}
	.botnavlogo img{}
	.navlinks{display:none;width:350px;height:60px;grid-template-columns:1fr 1.5fr 2fr 1fr;grid-column-gap:0px;padding-top:10px;}
	.navlinks li{}
	.navlinks li a{font-size:16px;padding:10px 5px;}

	.drop-content {display: none;min-width: 160px;}
	.drop-content a {padding: 12px 16px;}

	.actlinks{position:absolute;height:60px;top:10px;right:0px;}
	.actlinks a{display:inline-block;float:left;margin-right:10px;margin-top:10px;}
	.dropdown-content{display:none;}
	.actlinks .dropbtn{display:block;margin-top:7px;overflow:hidden;}
	a.dropbtn:after {content: ""; position: absolute; top: 0; right: 25px; bottom: 0; left:120px;}
	.dropbtn svg{display:inline-block;z-index:1000;fill:#111;}
	.dropdown-content{position:absolute;right:-20px;top:50px;z-index:1000;background:#f1f1f1;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);width:100%;min-width: 180px;overflow:auto;display:none;transition:1s ease-in-out;}
	.dropdown-content a{display:block;overflow:hidden;margin:3px 0px;font-weight:bold;font-size:16px;color:#333;text-align:left;padding:5px 10px;}
	.dropdown-content a:hover{color:#3C78C7;background:rgba(100,100,100,0.2);}
	.show{display: block;}
	
	
}