/* CSS Document */



@media (min-width: 1200px) {}



@media (min-width: 1024px) and (max-width: 1199px) {
	.navbar-brand {
    float: left; 
    height: 50px;
   /* padding:60px 40px;*/ padding:10px 200px;  
    font-size: 18px;
    line-height: 20px;
}

.navbar-brand img{ width:100%;}
.nav-main { float:left; text-align:center; width:100%; padding-left:0px;}

.nav-main > li > a {
    position: relative;  font-family: 'lato_regular';
    display: block;
    padding: 0px 28px;  color: #ffffff;  
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a.active {
    color: #ffffff; text-shadow: 1px 1px 10px #666; background:none;
}

	
	
	}
@media (min-width: 992px) and (max-width: 1023px) {
	
	.navbar-brand {
    float: left; 
    height: 50px;
   /* padding:60px 40px;*/ padding:10px 80px;  
    font-size: 18px;
    line-height: 20px;
}

.navbar-brand img{ width:100%;}
.nav-main { float:left; text-align:center; width:100%; padding-left:0px;}

.nav-main > li > a {
    position: relative;  font-family: 'lato_regular';
    display: block;
    padding: 0px 12px;  color: #ffffff;  
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a.active {
    color: #ffffff; text-shadow: 1px 1px 10px #666; background:none;
}

}

@media (min-width: 768px) and (max-width: 991px) {

	.navbar-brand {
    float: left; 
    height: 50px;
   /* padding:60px 40px;*/ padding:10px 80px;  
    font-size: 18px;
    line-height: 20px;
}

.navbar-brand img{ width:100%;}

.nav-main { float:left; text-align:center; width:100%; padding-left:0px;}

.nav-main > li > a {
    position: relative;  font-family: 'lato_regular';
    display: block;
    padding: 0px 10px;  color: #ffffff;  
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a.active {
    color: #ffffff; text-shadow: 1px 1px 10px #666; background:none;
}



}

	

@media (max-width: 767px){ 

	.navbar-brand {
    float: left; 
    height: 50px;
   /* padding:60px 40px;*/ padding:10px 0px;  
    font-size: 18px;
    line-height: 20px;
}

.navbar-brand img{ width:100%;}

.nav-main { float:left; text-align:center; width:100%; padding-left:0px; margin-left:0px;}

.nav-main > li > a {
    position: relative;  font-family: 'lato_regular';
    display: block;
    padding: 10px 36px;  color: #ffffff; margin:10px 0px;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a.active {
    color: #ffffff; text-shadow: 1px 1px 10px #666; background:#168bc9;
}

.navbar-toggle{ margin-top:20px;}

.skills{ width:100%; margin-bottom:100px; margin-top:30px;}
.skills-sub{ width:100%; 
-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	text-align:center;
	border:10px solid #587386; background:#06a8fd; color:#fff;
   -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
padding:40px 10px;
}
.skills-desc{ width:100%; padding-top:8%;}


	}
	
	


@media (max-width: 480px){ 

	


}

@media (max-width: 360px){


}


@media (max-width: 320px){


}