/*
Template Name: Doctor
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************about****************/
.center_list {
background-position:center;
}
.center_list_m{
 padding-top:100px;
 padding-bottom:100px;
 background-color: #ffffff6e;
 }
.hero hr{
width:80px;
border-color:#4f7942;
margin-left:0;
border-width:2px;
 }
.hero h1{
font-size:70px;
 }
.hero h5{
display:inline-block;
margin-left:10px;
margin-right:10px;
 }
#about{
padding-top:50px;
padding-bottom:50px; 
 }
.team_h_1r h1{
font-size:70px; 
 }
.team_h_1r h4{
border-bottom:2px solid #4f7942;
display:inline-block;
padding-bottom:15px; 
 }
.member_2i span i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #4f7942;
    font-size: 30px;
    text-align: center;
    border-radius: 3px;
	color:#fff;
}
.member_2 {
    margin-top: 30px;
	border-bottom:1px solid #eee;
	padding-bottom:30px;
}
/*********************about_end****************/

/*********************medic****************/
.medic_m{
 padding-top:100px;
 padding-bottom:100px;
 background-color: #000000ad;
 }
#medic{
background-image: url(../img/32.jpg);
background-position:center;
}
.medic_2{
margin-top:40px; 
 }
.medic_2i span i{
 border:2px solid #4f7942;
 border-radius:50%;
 width:200px;
 height:200px;
 font-size:80px;
 line-height:200px;
 text-align:center;
 }
.team_h_2ii span i{
border:2px solid #4f7942;
border-radius:50%;
width:80px;
height:80px;
line-height:75px;
text-align:center;
font-size:35px;
color:#fff;
background:#4f7942;
display:inline-block;
margin-top:-50px;
 }
.team_h_2ii span i:hover{
background:#fff;
color:#4f7942;
 }
.team_h_2ii h6{
border-bottom:2px solid #4f7942;
padding-bottom:15px;
display:inline-block;
 }
.team_h_2ii{
background:#e10f280f;
padding:0px 15px 30px 15px;
}
#team_h{
padding-top:50px;
padding-bottom:50px;
 }
.team_h_2{
margin-top:30px; 
 }
/*********************medic_end****************/

@media screen and (max-width : 767px){
.hero h1 {
    font-size: 36px;
}
.hero br {
display:none;
}
.center_list{
text-align:center;
 }
.hero hr {
margin-left:auto;
}
#about{
text-align:center; 
 }
.member_2i span i{
display:inline-block;
margin-bottom:15px; 
margin-top:15px;
 }
#medic{
text-align:center; 
 }
.medic_2i {
margin-top:15px; 
 }
#team_h{
text-align:center; 
 }
.team_h_2i {
margin-top:15px; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.hero h1{
font-size:50px; 
 }
.member_2i span i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #4f7942;
    font-size: 18px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
}

element.style {
}
.medic_2i span i {
    border: 2px solid #4f7942;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    font-size: 40px;
    line-height: 100px;
    text-align: center;
}
 }
@media (min-width:992px) and (max-width:1200px) {

 }
@media (min-width:1201px) and (max-width:1350px) {

 }