/*
Template Name: Tutors
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************center****************/
#header_h {
background-image: url(../img/1.jpg);
background-position: center;
}
.header_h1 .nav-link{
color:#fff!important;
padding-left:20px!important;
padding-right:20px!important;
font-weight:bold; 
 }
.header_h1 .nav-link:hover{
color:#20ad96!important;
 }
.header_h1 .nav-link:focus{
color:#20ad96!important;
 }
.header_h1 .active{
color:#20ad96!important;
 }
.center_h1{
margin-top:80px;
margin-bottom:50px; 
 }

#header{
display:none; 
 }

/*********************center_end****************/

/*********************goal****************/
.goal_1i2{
padding-top:28%;
display:none; 
transition: 0.3s;
 }
.goal_1i:hover .goal_1i2{
display:block; 
 }
.goal_2ril ul li i{
width:35px;
height:35px;
line-height:32px;
border:1px solid #20ad96; 
 }
.profile{
border-left:6px solid #20ad96; 
 }
 
.goal_4i1 h6 i{
width:35px;
height:35px;
line-height:32px;
border:1px solid #20ad96;
 }
.goal_4i1 h6:hover i{
background:#20ad96;
color:#fff!important;
transition: 0.3s;
 }
.goal_4i2{
width:90px;
height:90px;
border-radius:50% 0;
transition: 0.3s;
 }
.goal_4i:hover .goal_4i2{
width:100px;
 }
#goal{
margin-bottom:90px; 
 }
/*********************goal_end****************/

/*********************skill****************/
#skill {
background-image: url(../img/12.jpg);
background-position: center;
}
.skill_m{
padding-top:70px;
padding-bottom:70px; 
 }
.skill_2r .progress-bar {
background: #000;
border-radius: 0;
}
.skill_2r .progress {
background-color: #20ad96;
height: 5px;
overflow: hidden;
border-radius: 0;
}
.skill_main2{
top:-148px; 
 }
/*********************skill_end****************/


@media screen and (max-width : 767px){
.header_h1{
display:none; 
 }
#header{
display:block; 
 }
.center_h1i  br{
display:none; 
 }
.center_h1i  .font_60{
font-size:36px!important; 
 }
.center_h1i  p{
text-align:left; 
 }
.goal_1i {
margin-top:8px;
margin-bottom:8px; 
 }
.goal_2r{
margin-top:15px; 
 }
.goal_2rir {
padding:20px!important;
text-align:center; 
 }
.profile {
padding-left:15px!important;
}
.goal_4i  {
margin-top:8px;
margin-bottom:8px; 
text-align:center; 
 }
.goal_4i  p{
text-align:left; 
 }
.skill_2 .pe-0{
padding-right:12px!important; 
 }
.skill_2 .ps-0{
padding-left:12px!important; 
 }
.skill_main2 {
position:static!important; 
 }
.skill_1l{
text-align:center;
margin-bottom:15px; 
 }
.skill_2r h5{
text-align:center; 
 }
.skill_2r h1{
text-align:center; 
 }
.article_1 {
text-align:center;  
 }
.article_1 p{
text-align:left;  
 }
.goal_1i1 img{
 height:auto;
 }
#goal {
margin-bottom:0;
}
 }


@media (min-width:576px) and (max-width:767px) {

 }
 
@media (min-width:768px) and (max-width:991px) {
.goal_1i1 img{
 height:auto;
 }
.goal_2r h4{
font-size:18px; 
 }
.goal_2ril ul li i {
width: 25px;
height: 25px;
line-height: 22px;
font-size:14px;
}
.goal_2ril ul li  {
font-size:14px;
}
.goal_2rir {
padding:15px!important;
 }
.goal_4i1  .font_60{
font-size:45px!important; 
 }
.skill_1l h1{
font-size:22px; 
 }
.skill_2r h1{
font-size:26px;  
 }
.skill_2r{
padding:20px!important; 
 }
.article_2li1 img{
min-height:280px;
 }
 
.header_h1 .nav-link {
    padding-left: 18px!important;
    padding-right: 18px!important;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.goal_1i1 img{
 height:auto;
 }
.article_2li1 img{
min-height:340px;
 }
 }
@media (min-width:1201px) and (max-width:1310px) {

 }