/*Theme Name: srp neuro sciences
Theme URI: 
Description:  Theme
Author: lbminfotech
Author URI: http://lbminfotech.com
*/ /* ---------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,600,700|Oswald:300,400,500,600,700&display=swap');
@font-face {font-family: "Flaticon";src: url("css/fonts/Flaticon.eot");
src: url("css/fonts/Flaticon.eot?#iefix") format("embedded-opentype"),  url("css/fonts/Flaticon.woff") format("woff"),  url("css/fonts/Flaticon.ttf") format("truetype"),  url("css/fonts/Flaticon.svg#Flaticon") format("svg");
font-weight: normal;font-style: normal;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {font-family: "Flaticon";src: url("fonts/Flaticon.svg#Flaticon") format("svg");}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {font-family: Flaticon;font-style: normal;}
.flaticon-facebook-logo:before {content: "\f100";}
.flaticon-twitter-logo-silhouette:before {content: "\f101";}
.flaticon-linkedin-logo:before {content: "\f102";}
.flaticon-thumbs-up-hand-symbol:before {content: "\f103";}
.flaticon-telephone:before {content: "\f104";font-style: normal;}
.flaticon-mail-black-envelope-symbol:before {content: "\f105";font-style: normal;}
.flaticon-forklift:before {content: "\f106";}
.flaticon-swipe-up:before {content: "\f107";}
.flaticon-google-plus:before {content: "\f108";}
.glyphicon-off::before {
	content: "\e017";
	margin-right: 10px;
}
body {font-family: 'Montserrat', sans-serif; color: #000; line-height: 30px;  font-size: 16px; overflow-x:hidden !important; background: #fff;}
ul { margin:0; padding:0; } 
a, button  { -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; text-decoration: none !important;}
a, a:focus, a:hover, a:active, input:focus, select:focus, button:focus{ outline:0}
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; color: #000; }
.navbar {border:0; width: 100%;}
.navbar-header {position:relative; width: 100% !important;}
.navbar-brand {height:auto; position:absolute;top:-15px}
.navbar-brand > img {display: block;width: 80%;height: auto;}
.navbar-nav > li > a {font-weight: 600;padding: 20px 15px;font-size: 15px;font-family: 'Montserrat', sans-serif;}
.navbar-wrapper .container-fluid{ padding:0 5%;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {}

/******top section*********/
.followCon {width: 100%; float: left; background: #005faf; padding:0; -webkit-transition:-webkit-transition: margin .7s ease-in-out; -moz-transition: margin .7s ease-in-out; transition: margin .7s ease-in-out;}

.subMenu {width: 100%;float: left;padding: 0;position: absolute;top: 145px;background: rgba(255,255,255,0.4);}
.navbar-default .navbar-nav > li > a {color: #000;}
.topInfo {width: 100%;f ont-size: 16px; float: left; background: #fff; -webkit-transition:-webkit-transition: margin .7s ease-in-out; -moz-transition: margin .7s ease-in-out; transition: margin .7s ease-in-out}
.topInfo ul {margin: 0;float: right; padding: 33px 0; color:#00923f; border-bottom-left-radius: 20px;}
.topInfo li {list-style: none;float: left; margin: 0 40px 0 0; font-weight: 800; font-size: 16px; text-transform: uppercase;}
.topInfo li:last-child {margin: 0;}
.topInfo li span{ color:#00923f;margin-right: 8px;}
.topInfo a {color: #000; font-size: 16px; } 
.topInfo a:hover {color: #0068c0;}
/*.topInfo .col-sm-5{ margin:0; padding:0;}
.topInfo .col-sm-4{width: 39% !important; }
.topInfo .col-sm-6:last-child{ border-bottom:1px solid rgba(255,255,255,0.3)}
.topInfo .col-sm-2 {width: 10% !important; }*/
.logoBox{margin: -20px 0 10px 0;} 
#myCarousel img {width: 100%; height: auto; }
.topInfo .container-fluid {width: 100%; padding: 0 5%;}
.search-container {width: 70%; float: right;}
.search-container input {width: 90%; float: left; border: none;  margin: 25px 0 0 0; padding-left: 15px; }
.search-container button {width: 10%; float: left; line-height: 24px; height: 50px; font-size: 16px; box-shadow: none;  background: #f2f5fa; padding: 12px 0;  border-radius: 0px;  margin: 25px 0 0 0; border: none;}
.carousel {position: relative; margin: 10% 0 0 0; }

/*******social links***/
.links{font-weight:600;}
.links i:hover{ color:#dc0e0e;}
.more {background: #dc0e0e;color: #fff !important;padding:4px 23px;display: inline-block;
border-radius: 20px;font-size: 13px;font-weight: 600;text-transform: uppercase;margin-top: 5px !important;}
.noCont {margin: 20px 0 0 0; font-size: 16px !important; font-weight: 900 !important;}
.login {background: #00aeef;padding: 10px 25px;margin: 0 !important;color: #fff;display: inline;float: left;text-transform: uppercase;font-weight: 600;}
.glyphicon.glyphicon-lock {margin-right: 10px;}
.login a{ margin:0;}
.call {color: #fff;float: right;margin: 9px 0px 0 0;font-weight: bold;font-size: 15px;}
.call a {color: rgba(255,255,255,0.6);margin: 0 10px 0 10px;}
/*-----------------------------------*/
/* Flexible Container
/*-----------------------------------*/
.Flexible-container {position: relative; padding-bottom: 90%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; border: none; left: 0; width: 100%; height: 100%;}
.Flexible-container1 {position: relative; padding-bottom: 100%; height: 0; overflow: hidden; border: none; margin-bottom:0; }
.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; width: 100%;  border: none; top: 0; left: 0; width: 100%; height: 100%;}

/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
table { width: 100%; border-collapse: collapse; background-color: #fff; }
tr:nth-of-type(odd) {  background: #f9f9f9; }
th { background: #3673ae; color: white; font-weight: bold; }
td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }

/********* Welcome Section ******/
/*-------welcomeSection------*/
#welcomeSection {width: 100%;float: left;padding: 0px 0 60px 10%;}
#welcomeSection  .col-md-4 {padding: 0;}
#welcomeSection  .col-md-8 {padding-right: 5%;}
.meetTeam{background:url(images/meet_team.jpg) no-repeat; background-size:100% auto; padding:40px; margin-top:30px;background-size: 100% 100%;}
.meetTeam h2 {color: #004e80;text-transform: uppercase;font-weight: bold;padding-bottom: 12px;}
.meetTeam p {color: #002442;}
#welcomeSection .line {
  height: 3px;
	width: 100px;
	background: #f67617;
	position: relative;
	overflow: hidden;
	margin: 20px 0;
}
  #welcomeSection .line::before {
	  content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	width: 5px;
	background: #ffffff;  animation: mymove 4s infinite;
  animation-timing-function: linear;
	  }
@keyframes mymove {
  from {left: 0px;}
  to {left: 100px;}
}
/*---------newsevents-------*/

.news-recent {float: left;background:url(images/news_bg.jpg) no-repeat #1e71b7;padding:60px 60px; background-size:100% 100%;}
.news-recent h2 {color: #fff;font-size: 30px;text-transform: uppercase;font-weight: 600;line-height: 35px;margin-bottom: 25px;}
.news-recent h2 span{display:block;text-transform: capitalize;font-size: 25px;font-weight: 400;}
.news-recent li {list-style:none !important;}
.date{ border:1px solid #fff; text-align:center;padding: 10px;}
.date h3 {font-size: 33px;font-weight: 700;margin: 0;color: #fff;}
.date h3 span {font-weight: 600;font-size: 14px;display: block;text-transform: uppercase;}
.news {width: 100%;float: left;margin-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 20px;}
.news h5 {color: #fff !important;font-weight: 700 !important;font-size: 14px !important;line-height: 21px;}
.news a{ color:#fff;}
#demo1 {
	height: 450px !important;
}
/*********productSection******/
#projectsInfo {width: 100%; float: left; position: relative; text-align: center; padding: 10px 0; background:#fff; color: #000; border-bottom: 10px solid #f1f6fc; border-top: 10px solid #f1f6fc;}
#projectsInfo .container-fluid {width: 80% !important; float: left; margin: 0 10%;overflow: hidden;}
#projectsInfo h2 {font-size: 35px; color: #000; font-weight: 900; text-transform: uppercase; margin: 0 0 10px 0;  } 
#projectsInfo h3 {font-size: 23px; color: #000; font-weight: 400; margin: 0 0 10px 0; float: left; } 
#projectsInfo p {font-weight: 500; margin: 0 0 35px 0;}
#owl-example2 .owl-item img {width: 100% !important;margin: 0 auto;}
#owl-example2 {margin-bottom: 30px;}
.proDataCon {width: 100%; float: left;position: relative; background: #fff; padding: 40px 40px; text-align: center; color: #000000;box-shadow: 0px 0px 10px 2px #bfd6f1;min-height: 165px	}
.proDataCon p {font-size: 14px; line-height: 26px; float: left; text-align: left; font-weight: normal !important; margin: 0px !important;color:#686868}
.groupIcon {width: 100%; position: absolute;bottom: -23px;  margin: 0 auto; left: 0; right: 0; }
.glyphicon.glyphicon-arrow-right {background: #fff;padding: 15px;border-radius: 50px;}
#owl-example2 .owl-stage-outer {overflow: visible !important;}
#projectsInfo .owl-dots , #projectsInfo .owl-nav.disabled{display: none;}
.surgicalText {width: 100%; padding: 0 20%;}
.projectCon {width: 100%; float: left; background: #f1f6fc; padding: 70px 0; }
.projectCon .line {height: 3px;background: #f67617;width: 10%;margin: 20px auto;position: relative;overflow: hidden;}
.projectCon .line::before {
	  content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	width: 5px;
	background: #ffffff;  animation: mymove 4s infinite;
  animation-timing-function: linear;
	  }
@keyframes mymove {
  from {left: 0px;}
  to {left: 100px;}
}
/*----upcoming webinar----------*/
#upcoming_webinar {width: 100%;float: left;padding: 70px 0; }
#upcoming_webinar img {width: 100% !important; height: auto;}
#upcoming_webinar h1, #welcomeSection h1  {color: #014266;font-size: 33px;font-weight: 600;text-transform: uppercase;}
#upcoming_webinar h1 span {color: #f67617;display: block;}
#upcoming_webinar h5, #welcomeSection h5 {color: #666666;font-size: 18px;margin-bottom: 10px;}
#upcoming_webinar p {font-weight: 500;}
.para{color:#686868}
.line {background: #12699a;width: 19%;margin: 20px 0;position: relative;overflow: hidden;}
.line::before { content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	width: 5px;
	background: #ffffff;  animation: mymove 4s infinite;
  animation-timing-function: linear;
	  }
@keyframes mymove {
  from {left: 0px;}
  to {left: 100px;}
}
.readMore {background: #f67617;padding: 8px 20px;margin-top: 10px;display: inline-block;
color: #fff;font-weight: 500;}
/*----covid info-----------*/
.covidInfo {width: 100%;float: left;background:url(images/covid_bg.jpg) no-repeat  #f1f6fc;border-radius: 20px; margin-top: 5%;}
.covidData {width: 75%; float: left;  padding: 0 5% 0 15%;}
.covidData h3 {color: #005faf;font-weight: 700; padding-bottom: 0; margin: 35px 0 0 0;}

.downloadBack {background: #fff;padding-left: 3px;border-left: 3px solid #005faf;width: 25%;float: left;}
.download {background: #005faf; width: 100%; float: left; padding: 40px;border-bottom-right-radius: 20px;border-top-right-radius: 20px;}
.download a {color: #fff; font-size: 30px !important; font-weight: 600; }
.download a span {color: #fff; font-size: 17px; font-weight: 500; display: block;}
/*** infrastructure ***/
#infrSec {width: 100%; float: left; background: url(images/infrastructure.jpg) no-repeat left top; background-size: 100% 100%; padding: 80px 0; color: #fff; display: none !important;}  
#infrSec h4 {font-weight: 700; font-size: 30px; color: #fff;  margin: 0; line-height: 50px; text-transform: uppercase; padding: 0;}
#infrSec h4 span {font-size: 20px; color: #fff; font-weight: 500; display: block;}
.infrBtn {width: 100%; position: relative; margin: 40px 0 0 0;}
.infrBtn a {background: #fff; border: 1px solid #fff; color: #000; font-size: 15px; text-transform: uppercase; font-weight: 700; padding: 15px 20px;}
.infrBtn a:hover {background: #005faf; border: 1px solid #005faf;  color: #fff; margin: 0 0 0 60px;}
.infoInfr {width: 100%; float: left; background:#f17112;}
.innerBorder {border: 1px solid #fff;padding: 50px 60px 80px 60px;margin: 2%;}
/*********Dashboard *******/
#dashboard {width: 100%; float: left; background: #f1f6fc; padding: 100px 0 200px 0; }
#dashboard .container-fluid {width: 70%; float: left; margin: 0 15%}
.yearCon {width: 22%; margin: 0 1.5%; float: left;   padding: 0;  text-align: center; }
.yearBox {width: 100%; background: #fff; padding: 50px; border-radius: 20px; min-height: 320px; margin: 0 0 60px 0; display: inline-block/*; -webkit-box-shadow: 0px 0px 39px 0px rgba(77,163,247,0.45); box-shadow: 0px 0px 39px 0px rgba(77,163,247,0.45); margin: 0 0 30px 0;*/}
.yearBox img {width: 50%; height: auto; margin: 0 auto 20px auto;}
/*.yearCon:nth-child(2) {padding: 0 1% 0 5%;}
.yearCon:nth-child(4) {padding: 0 1% 0 5%; background: none !important;}*/
.counter {border: 3px dashed #fff;padding:20px 30px; text-align: left; width: 29.33%; float: left;margin: 0 2%;list-style: none;}
.count {font-size: 40px; font-weight: 900; color: #0160bc; margin: 0 0 20px 0;}
.yearCon h3{font-weight:300; line-height: 25px; font-size: 20px; color: #000; margin: 10px 0 0 0;}
.dashboard1 {width: 100%; float: left; background: #044d94; padding: 10px 0 0 0; }
/*** Photo Gallery ****/ 
.gallerySec {width: 70%; float: left; margin: -10% 15% -210px 15%; position: relative; padding: 55px 40px 60px 40px; background:#fff; border-top-left-radius: 35px;border-top-right-radius: 35px; }	
.gallerySec h4{font-size: 17px; font-weight: 700; color: #fff;}
.gallerySec h5{font-size: 14px !important; font-weight: 300; color: #a6a6a6;}
.gallerySec .owl-next {display: none !important;}
.gallerySec .owl-prev {display: none !important;}
.gallerySec .owl-dots {display: none;}
.gallerySec h4 {font-size: 35px;
color: #000;
font-weight: 900;
text-transform: uppercase;
margin: 0 0 10px 0; text-align: center;
padding-bottom: 20px;} 
.gallerySec h4 span {font-weight: 400; } 
.gallerySec h5 {font-size: 23px; color: #000; font-weight: 500; margin: 0 0 10px 0;} 
.galleryLine {width: 10%; float: left; background: #fb7062; margin: 0 90% 30px 0;  height: 2px;}

/***footer ****/
#footerSection {width: 100%;float: left; position: relative; background:#fff; border-top: 10px solid #005faf;  padding:7px 0 0 0; margin: 240px 0 0 0; color: #fff;}
.copeRight {width: 100%; float: left; background: #044d94; padding:  60px 120px;border-bottom: 10px solid #003e7c;  }
.copeRight ul {padding: 0; margin: 0;}
.copeRight li {list-style: none; width:25%; float: left; line-height: 45px;} 
.copeRight a {color: #fff; text-decoration: none;}
.copeRight a:hover {color: #60b1ff; }
.copeRight p span {color: #fff;font-size: 20px;text-transform: uppercase;font-weight: 600;}
.copeRight .links {color: #fff; font-size: 20px; text-transform: uppercase;}
.copeRight .links i { padding: 10px; border-radius: 50%; width: 40px;  height: 40px; text-align: center; line-height: 22px; margin: 0 3px; color: #838787; font-size: 18px; background: #ffffff; margin: 0px !important;}
.copeRight .links span {display: block;padding-bottom: 10px;}
.enquiryBox  button, input, select, textarea {display: block;width: 100%;line-height: 24px; height: 50px; font-size: 16px;box-shadow: none;background: #f2f5fa; padding: 12px 0;border-radius: 0px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;margin: 15px 0; color:#000; border: none; border-bottom: 1px solid #d0e5ff;}
#form1 textarea {height: 90px;}
.enquiryBtn {display: inline-block;}
.subbtn {background: #c90000 !important;display: inline-block;padding: 10px 30px !important;text-align: center;color: #fff;font-size: 17px;font-weight: 600;text-transform: uppercase;text-decoration: none;transition: all 1s;border: none; margin: 15px 0 0 0;}
.subbtn:hover{background:#000 !important;}
.helpBox {background: #d3e7fe; margin-top: 25px;} 
#subscribe {background: #d3e7fe;padding: 30px; }
#subscribe h4 {font-weight: 600;}
#subscribe a {background: #0f3a8f;padding: 10px 20px;font-weight: 600;}
#service {background: #fff;padding: 30px; }
#service img {width:30%; float: left;}
#service h3 {width: 70%;float: left;font-size: 30px;font-weight: 600;padding: 0 20px;
line-height:33px;}
#service h3 span {display: block;font-size: 18px;}
#helpline {background: #d3e7fe;padding: 30px; }
#helpline a {color: #0155aa;font-size:35px;font-weight: 700;}
.designedBy {width: 100%;float: left;background: #003e7c;color: #fff;padding: 20px 120px; border-top: 1px solid #fff;font-weight: 500;}

.scroll-to-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 999;
	width: 40px;
	height: 40px;
	font-size: 18px;
	color: #1b2032;
	background-color: #ffffff;
	line-height: 40px;
	border-radius: 50px 50px 0 0;
	text-align: center;
	display: none;
	cursor: pointer;
	box-shadow: 0 3px 10px rgba(0,0,0,0.10);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

/*---dropdown------*/
.nav {
	list-style: none;
}
.sub-menu {
	list-style: none;
	padding: 10px 10px;
	margin: 0; width: 260px
}
#menu-main-menu li ul{
	display: none;
	position: absolute;
	top: 50px;
	 z-index:9999; 
}
#menu-main-menu li:hover ul {
	display: block;
}
#navbar ul ul a{color:#fff;padding: 8px 20px;display: block; font-size: 18px;}

#navbar ul li:hover > ul {
	display: block;
}
.sub-menu li{ background: #005faf; border-bottom: 1px dotted #fff;padding: 7px 12px; width: 100%;}
.sub-menu li:last-child{border-bottom:none !important;}
.sub-menu li:hover{ background: #fff; }
.sub-menu li a {
	color: #fff;;
}
.sub-menu li:hover a {
	color: #005faf !important;
}
header.smaller .sub-menu li a {
	line-height: 30px !important;
}

/*---end dropdown------*/


/*----------inner pages------------*/

#inner_header {
	width: 100%;
	float: left;
	height: auto;
	position: relative;margin-top:10%;
	 background:#ccc;
}
.innerSection {
	width: 100%;
	float: left;
	padding: 60px 0;
	position: relative; background-image: linear-gradient(180deg, #0E164D0D 0%, #EBF9F8 100%); background-size:100% auto; background-attachment:fixed;
	background-color: transparent;
opacity: 1;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s; 
}
.title {
	font-size: 25px;
	font-weight: 600;
	color: #005faf; 
	text-transform: uppercase;
	letter-spacing: 3px;margin: 0;
}
.innerSection h3 {
	color: #005faf;
	padding-bottom: 10px;
	font-size: 23px;
	padding-top: 5px;
}
.innerSection .line, .contDetails .line{
	background: #f67617;
	width: 15%;
	margin: 20px 0;
	border-radius: 40px;
}
.innerSection ul {
	overflow: hidden;
}
.innerSection ul  > li {
	list-style: none;
	position: relative;
	padding: 0 0 0 2em;
	margin: 0 0 .5em 10px;
	transition: .12s;
	font-size: 16px; display: block; color:#4e4e4e;
}
.innerSection ul > li::before {
	position:absolute;content: '';
width: 9px;
height: 8px;
background: #f36113;
border-radius: 3px;
line-height: 0;
top: .70em;
left: 5px; 
}
.innerSection ul > li:hover{color:#000;}
.innerSection ul > li:hover::before {
	background: #044d94;
	width: 20px;
	transform: none;
	border-radius: 5px;
	width: 25px;
	left: -10px;
 transition: .2s;
}
.innerSection ol > li {
	position: relative;
	padding: 0px 0 0 10px;
	margin: 0 0 .5em 10px;
	transition: .12s;
	font-size: 16px;
	
}
.innerSection ol > li:hover{color:#000;}
.innerSection .container-fluid {
	padding: 0 5%;
}
.innerSection strong {color: #005faf;}
.innerSection hr {border-top: 1px dashed #888;}
.dataSection {width: 100%;float: left;padding: 30px 30px;background: #f9f9f9;}
.outerSection {width: 100%;float: left;border:2px solid rgba(246,118,23,0.2);padding: 12px;}

.coreMembers li {
	list-style: none;
	position: relative;
	padding: 0 0 0 2em;
	margin: 0 0 .5em 10px;
	transition: .12s;
	font-size: 16px;
	color: #4e4e4e;
	width: 30% !important;
	float: left !important;
}
.coreMembersNew li {
	list-style: none;
	position: relative;
	padding: 0 0 0 2em;
	margin: 0 0 .5em 10px;
	transition: .12s;
	font-size: 16px;
	color: #4e4e4e;
	width: 100% !important;
	float: left !important;
}
.copeRight.conSec {background: #f1f6fc;border-top: 10px solid #e3f0ff;}
.locContact{width: 100%;float: left;text-align:center;color:#fff; background:#d30000; position:relative;}
.locContact .col-sm-4{padding:0; margin:0;}
.locContact .col-sm-4:nth-child(1){background:#005faf; padding: 30px 30px; height:200px;}
.locContact .col-sm-4:nth-child(2){background:#e26910 ;padding:30px 30px; height:200px;}
.locContact .col-sm-4:nth-child(3){background:#005faf; padding:30px 30px; height:200px;}
.address{position:relative; } 
.address h4 {font-size: 22px;text-transform: uppercase;font-weight: 600; color: #fff;padding-bottom: 10px;}
.address p{ color:#fff;}
.address span::before {position: absolute;bottom: 0;font-size: 130px;right: -34%;line-height: 1;opacity: 0.1; -webkit-transition: all; /* Safari */transition: all 2s;}
.address a{ color:#fff;}
.locContact .col-sm-4:hover {background: #f17112 !important; -webkit-transition: all; /* Safari */ transition: all 2s;}
.locContact .col-sm-4:hover .address span::before{right: 0;}
.aligncenter {width:30%; height:auto; margin: 20px 0;}
#inner_header img {width: 100%;height: auto;}
/*********resposnive*******/

@media (max-width: 1400px) {
.login {font-size: 12px; padding: 9px 20px;}	
.navbar-default .navbar-collapse, .navbar-default .navbar-form {padding: 0 3%;background: #f2f5fa;}
.navbar-nav > li > a{padding: 20px 12px;}
.carousel-indicators{bottom: 66px;}
.date h3{font-size: 25px;}
.date h3 span{font-size: 10px;}
.proDataCon, .proDataCon p{text-align: center;}
.proDataCon{min-height: 250px;}
#projectsInfo h3{font-size: 20px;}
.copeRight{padding: 60px 40px;}
.designedBy{padding: 20px 40px;}
}
@media (max-width: 1310px) {

.navbar-default .navbar-collapse, .navbar-default .navbar-form {padding: 0 2%;background: #f2f5fa;}
#dashboard .container-fluid {width: 80%;margin: 0px 10%;}
.navbar-nav > li > a{font-size: 13px;}
.topInfo li{margin: 0 35px 0 0;}
.proDataCon {min-height: 300px;}
}
@media (max-width: 1200px) {
.container{width:94%;}
.navbar-nav > li > a {padding: 20px 14px !important; font-size: 12px;}
.topInfo li {margin: 0 20px 0 0;}
.news-recent{padding: 60px 20px;}
#projectsInfo h3 {font-size: 16px;float: none;}
.copeRight li{width: 30%;}
}
@media (max-width: 1150px) {
.logoBox {margin: 0px !important;}
.login {width: 100%; float: left;}
.followCon .col-md-3 {width: 60% !important; margin: 0; padding: 0 30px;}
.followCon .col-md-2 {width: 40%; margin: 0; padding: 0 30px;}
.topInfo a {color: #000; font-size: 12px;}
.topInfo li {margin: 0 30px 0 0;}
.topInfo .col-md-3 {width: 20% !important;}
.col-xs-6.col-sm-3.noTOp {display: none;}
.col-xs-3.col-sm-4.col-md-4.noTOp {display: none;}
.topInfo .container-fluid {padding: 0 2%;}
.navbar-nav > li > a {padding: 20px 9px !important;font-size: 12px;}
.proDataCon {min-height: 315px;}
.covidData {width: 70%;}
.downloadBack{width: 30%;}
.yearBox{padding: 50px 20px;}
#dashboard .container-fluid {width: 90%;margin: 0px 5%;}
.copeRight li {width: 40%;}
}
@media (max-width: 1020px) {
.topInfo li {margin: 0 20px 0 0;}
.logoBox img {width: 90%; padding: 5% 0;}
.topInfo li {margin: 0 15px 0 0;}
.navbar-nav > li > a {padding: 20px 9px !important;font-size: 11px;}
.carousel-indicators {bottom: 20px;}
.topInfo li {margin: 0 12px 0 0;}
#welcomeSection {width: 100%;float: left;padding: 60px 40px;}
#welcomeSection .col-md-4 {padding: 0 15px;width: 100%;}
.news-recent{width: 100%;padding: 60px 50px;}
#welcomeSection .col-md-8 {padding-right: 15px;}
#demo1 {height: 330px !important;}
.proDataCon {min-height: 275px;}
#upcoming_webinar h1, #welcomeSection h1 {font-size: 26px;}
} 
@media (max-width: 950px) {
.navbar-nav > li > a {padding: 15px 7px !important; font-size: 10px;}
.topInfo li {margin: 0 8px 0 0;}
.covidData {width: 60%;}
.downloadBack{width: 40%;}
}
@media (max-width: 890px) {
.topInfo a {color: #000;font-size: 10px;}	
.navbar-nav > li > a {padding: 15px 5px !important;font-size: 10px;}
.sub-menu li a {color: #fff;font-size: 14px;}
.sub-menu li{padding: 3px 12px;}
#menu-main-menu li ul{top: 40px;}
.count{font-size: 30px;}
.yearCon h3{font-size: 16px;}
.copeRight li {width: 50%;}
.address h4{font-size: 18px;}
.title{font-size: 20px;}
}
@media (max-width: 810px) {
.navbar-right{margin-right: 0;}	
.navbar-default .navbar-collapse, .navbar-default .navbar-form {padding: 0 0%;background: #f2f5fa;}	
.navbar-nav > li > a {padding: 15px 5px !important;font-size: 9px;}
.sub-menu li a {color: #fff;font-size: 13px;}
#upcoming_webinar h1, #welcomeSection h1 {font-size: 23px;}
}
@media(min-width:767px) {
	
    .navbar {
        -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out;
    }
    .top-nav-collapse {
        padding: 0;
    }
	.top-nav-collapse .navbar-brand { min-width:80px; padding:10px 0;  -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out; }
	.top-nav-collapse .navbar-nav { -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out; }
	.top-nav-collapse .topInfo { margin:-118px 0 0; }
	.top-nav-collapse .followCon { margin:-118px 0 0; }
	.top-nav-collapse .navbar-brand {top: -4px;}
	.top-nav-collapse .subMenu {
	width: 100%;
	float: left;
	padding: 0;
	background: #fff !important;
	position: absolute; border-bottom:2px solid #ccc;
	top:0px;-webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out; 
}
	
 }
@media (max-width: 767px) {

	/******** start toggle***********/
.navbar-inverse { background:#fff}
.navbar-toggle { margin-top: 0px; cursor:pointer}
.navbar-header { width:100%;}
.navbar-brand {width: 25%;top: -14px;}
.navbar-wrapper .container { width:100%; padding:0}
.nav-top .container { padding:0 30px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { position:absolute; width:100%; padding:0; background:#004588}
.navbar-nav { margin:0}
.navbar-nav > li > a {border-bottom: 1px solid rgba(255,255,255,0.2);font-size: 15px;font-weight: normal;padding: 10px 20px;color:#fff}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background:#fff}
.navbar-inverse .navbar-toggle { border:0}
.carousel-caption {left: 7%;bottom: 13%;} 
.bar1, .bar2, .bar3 { width: 35px; height: 4px; background-color: #d30000; margin: 5px 0; transition: 0.4s;}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover { color:#fff}
.navbar-nav > li > .dropdown-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; border-top-left-radius: 0; border-top-right-radius: 0;box-shadow: none;clear: both; margin-top: 0;position: relative;width: 100%;} 
.dropdown-menu > li > a { clear: both; color: #fff;display: block;font-weight: 400;line-height: 1.42857; padding: 7px 39px;
text-transform:uppercase; font-size:14px;border-bottom:solid 1px rgba(255,255,255,0.2); white-space: nowrap;}
.navbar-nav .open .dropdown-menu > li > a {line-height: 20px;color: #fff !important;}
.nav>li {position: relative; display: block; background: #005faf;}
.nav>li:hover {background: #5691c2;}
.navbar-nav > li > a {padding: 15px 15px !important;font-size: 15px; color:#fff !important;}

/******** end toggle***********/
.navbar-nav > li:last-child {display: none;}
.search-container {width: 100%;float: right;}
.navbar-toggle{background: #005faf;}
.topInfo ul {float: left;padding: 16px 0;}
.topInfo a {color: #000;font-size: 13px;}
.search-container input{margin: 0;}
.search-container button{margin: 0;}
.subMenu{top: 63px;background: transparent;}
.navbar-fixed-bottom, .navbar-fixed-top {position: relative;}
.carousel {position: relative;margin: 0;}
.date h3 {font-size: 25px;text-align: left;}
.proDataCon {min-height: 240px;}
.surgicalText {width: 100%;padding: 0;}
.yearCon {width: 46%;margin: 0 2%;}
.pull-right {float: left !important;}
#inner_header{margin-top: 0;}
.innerSection h3{font-size: 17px;}
}
@media (max-width: 700px) {
.navbar-brand {width: 28%;}
.proDataCon {min-height: 260px;}
#upcoming_webinar img {width: 100% !important;height: auto;margin-top: 15px;}
.covidData {width: 100%;}
.downloadBack{width: 100%;}
}
@media (max-width: 600px) {
.subMenu {top: 53px;background: transparent;}
.proDataCon{padding: 40px 15px;min-height: 290px;}	
.gallerySec h4{font-size: 25px;}	
.copeRight li {width: 100%;}
.copeRight {padding: 30px 40px;}
.title{font-size: 20px;}
a { word-wrap: break-word;}
	
}
@media (max-width: 500px) {
.login {font-size: 12px;padding: 9px 10px;}	
.navbar-toggle {padding: 6px 7px;margin-top: 8px;margin: 5px 15px 5px 0 !important;}
.enquiryBox button, input, select, textarea {font-size: 13px;}
#welcomeSection {width: 100%;float: left;padding: 40px 40px;}
#upcoming_webinar h1, #welcomeSection h1{font-size: 24px;}
.news-recent h2{font-size: 25px;}
.news-recent {width: 100%;padding: 25px 35px;}
.proDataCon {padding: 40px 20px;min-height: 230px;}
#projectsInfo h2{font-size: 20px;}
.yearCon {width: 100%;margin: 0;}
.title {font-size: 16px;letter-spacing: 0;}
}
@media (max-width: 450px) {
.topInfo .col-md-3 {width: 30% !important;}
.search-container input, .search-container button{height: 40px;}	
.search-container {margin-top: 7px;}	
.login {font-size: 10px;padding: 5px 7px;}
.carousel-indicators {display: none;}
.meetTeam{padding: 25px 20px;}
.meetTeam h2 {padding-bottom: 0;font-size: 25px;}
.news-recent h2 {font-size: 20px;}
#welcomeSection {width: 100%;float: left;padding: 40px 25px;}
.gallerySec{padding: 55px 10px 60px 10px;}
.designedBy {padding: 20px 20px;}
.copeRight {padding: 30px 20px;}
}
@media (max-width: 380px) {
.followCon .col-md-3 {width: 100% !important;margin: 0;padding: 0 30px;}
.followCon .col-md-2 {width: 100%;margin: 3px 0 0 0;padding: 0 30px;}	
.subMenu {top: 90px;background: transparent;}
.topInfo ul {float: left;padding: 5px 0;}
#projectsInfo h2 {font-size: 18px;}
#upcoming_webinar h1, #welcomeSection h1 {font-size: 20px;}
#upcoming_webinar {	padding: 40px 0;}
.gallerySec h4 {font-size: 20px;}
.designedBy {padding: 20px 8px;}
}
@media (max-width: 320px) {
.meetTeam h2 {padding-bottom: 0;font-size: 18px;}
.news-recent h2 {font-size: 18px;}

	
	
	
}