/* Large desktop */
@media (min-width: 1200px) { 

  .iso-four-column .span3 {
    width: 270px;
  }
	
} /* dont delete this - pamali - min-width: 1200px */

@media (max-width: 1199px) { 

.no-shadow-content .article-container,
.mini-content .article-container {
margin-bottom: 20px;
}

.mini-content .mini-shadow-container {
bottom: 11px;
}

.iso-four-column .span6{
		width:615px;
	}
	
.form-container.row-fluid [class*="span"]{
		margin-left:0px;
	}
	
.big-content .portfolio-container	.span7{
		width: 940px;
	}
	
.big-content .portfolio-container .portfolio-description {
margin-left: 30px;
padding-left: 20px;
width: 910px;
}

.big-content .portfolio-container .portfolio-description .desc{
	padding-bottom:20px;
}

@media (min-width: 980px) and (max-width: 1200px) {
  .span3 {
    width: 300px;
  }
}
	

} /* dont delete this - pamali - min-width: 1199px */
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

.iso-four-column .span3 {
    width: 352px;
  }
	
	.iso-four-column .span6{
		width:725px;
	}

.no-shadow-content .article-container,	
.mini-content .article-container {
margin-bottom: 20px;
}

.header-section .top-left-menu .nav-container {
float: right;
}

.header-section .top-main-menu .nav-pills > li {
float: left;
}

.row-fluid .name-title [class*="span"]{
	width:100%;
	margin:0px
	
}


.skill-container.span8,
.short-about.about-widget.span4{
	width: 46.61878453038674%;
	margin-left: 2.7624309392265194%;
}


.latest-skill.skill-widget.span6{
	width:100%;
	margin-left:0px
}

.second-skill h4{
	display:none;
}

.big-content .portfolio-container	.span7{
		width: 724px;
	}
	
.big-content .portfolio-container .portfolio-description {
margin-left: 30px;
padding-left: 20px;
width: 694px;
}


}  /* dont delete this - pamali - min-width: 768px and max-width: 979px */
 


 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 


.header-section,
.inset-content,
.inset-content .shadow-top,
.inset-content .shadow-bottom,
.main,
.main .container-holder,
.container-footer{
margin-left:-20px;
margin-right:-20px;
padding-left:20px;
padding-right:20px
}

.isotope .item {
    position: static ! important;
    -webkit-transform: translate(0px, 0px) ! important;
       -moz-transform: translate(0px, 0px) ! important;
            transform: translate(0px, 0px) ! important;
  }
	
	.iso-four-column .span6{
		width:100%;
	}
	.social-media.row-fluid .span2 {
width: 14.3646408839779%;
margin-left: 2.7624309392265194%;
float:left
}

.social-media.row-fluid [class*="span"]:first-child {
margin-left: 0;
}

.logo{
	text-align:center;
}

.header-section .top-main-menu .nav-container {
float: none;
text-align: center;
margin-top: 40px;
display:block;
}

.header-section .top-main-menu .nav-pills > li {
float: none;
display: inline-block;
text-align: center;
}

.second-skill h4{
	display:none;
}

.inset-content .short-about aside {
width: 100%;
text-align: center;
}


.big-content .portfolio-container	.span7{
		width: 100%;
	}
	
.big-content .portfolio-container .portfolio-description {
margin-left: 0px;
padding-left: 0px;
width: 100%;
}

.portfolio-description .desc {
padding: 30px;
margin-top: 20px;
}

.portfolio-description .title-container{
	margin-left:0px
}

}   /* dont delete this - pamali - max-width: 767px */
 
/* Landscape phones and down */
@media (max-width: 480px) { 

}  /* dont delete this - pamali - max-width: 480px */

@media \0screen {img { width: auto }} /* tweak ie */