/*****
*
*
*Author Name : Mostafizur Rahman
*Author URI : http://mostafiz.me/
*Version : 1.1
*Description : This is a responsive HTML & Bootstrap template developed by Mostafizur Rahman
*Template URI : http://mostafiz.me/demo/doctor/
*
*
****/
body{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}

p {
	font-size: 15px;
  line-height: 22px;
}

li{
	list-style: none;
}
a:hover, a:visited, a{
	text-decoration: none;
}
h1, h2{
	text-transform: none;
	font-weight: normal;
}

h1 > span, h2 > span {
	font-weight: bold;
}

/*header area*/
.top-header{
	background: #fff !important;
	position: fixed;
	width: 100%;
	z-index: 9989;
}
.header-backup{
	width: 20px;
	height: 119px;
	background: transparent;
	margin:auto;
}
.top-header img.logo{
	margin-bottom: 10px;
	margin-top: 10px;
	transition:all .5s ease 0s;
  -webkit-transition:all .5s ease 0s;
  -moz-transition:all .5s ease 0s;
  -o-transition:all .5s ease 0s;
  -ms-transition:all .5s ease 0s;
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
  margin-bottom: 0;
  margin-top: 0px;
  transition:all .5s ease 0s;
  -webkit-transition:all .5s ease 0s;
  -moz-transition:all .5s ease 0s;
  -o-transition:all .5s ease 0s;
  -ms-transition:all .5s ease 0s;
}
.nav-bar{
	margin-top: 50px;
}
.navbar-toggle span{
	color: #fff;
}
ul.nav{
	padding: 0;
}
.navbar-default .navbar-nav>li>a {
 	font-size: 16px;
	color: #737373;
	text-transform: uppercase;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
	padding: 14px 15px;
	font-weight: normal;
}
.navbar-default .navbar-nav>li>a:hover{
	color: #42b3e5;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}
li a.active{
	color: #219ad3 !important;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
  margin-top: 4px;
}



/******************************
responsive area
********************************/

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-default .navbar-nav>li>a {
	  font-size: 16px;
	  padding: 14px 10px;
	}

	h2 {
  		font-size: 75px !important;
  	}
  	h4 {
  		font-size: 22px !important;
  	}
  	.person-detail h3 {
  		font-size: 26px;
  	}
  	.person-detail p {
  		font-size: 12px;
  	}
		.nav-bar{
			margin-top: 30px;
		}

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-default .navbar-nav>li>a {
	  font-size: 16px;
	  padding: 10px 8px;
		text-transform: none;
	}
	.nav-bar{
		margin-top: 30px;
	}

	h2 {
  		font-size: 70px !important;
  	}
  	h4 {
  		font-size: 18px !important;
  	}
}

/* xs */
@media (min-width: 480px) and (max-width: 767px) {
	.header-logo img{
	  margin-top: 20px;
	}
	.nav-bar{
		margin-top: 10px;
	}
	.navbar-default {
		margin-top: 0px;
	}

	.navbar-default .navbar-nav>li>a {
	  font-size: 20px;
	}

	h2 {
	  font-size: 70px !important;
	}
	h4{
  		font-size: 21px !important;
  	}
}
/* XS Portrait */
@media (max-width: 479px) {
	.top-header img.logo {
	  margin: 10px 10px;
	}
	.header-logo{
		margin-top: 10px !important;
	}
	.nav-bar{
		margin-top: 10px;
	}


	.navbar-default .navbar-toggle {
		 border-color: #fff;
		 margin-top: 0px;
		 right: 0;
	}
	.navbar-default .navbar-nav>li>a {
	  font-size: 16px;
	  text-align: left;
	}
}
