@media (max-width: 1199px) { 
  .side-menu {
    width:220px;
  }
  
.blog-container {
  width:219px;
}   
  
.side-menu-content i {
  font-size:18px;
  line-height:55px;
  color:#FFF;
}

.side-menu-social-fa, .side-menu-social-twitter, .side-menu-social-tumblr, .side-menu-social-google-plus, .side-menu-social-dribbble, .side-menu-social-trello, .side-menu-social-linkedin {
  width:55px;
  height:55px;
  line-height:55px;
  text-align:center;
  float:left;
} 
   
}

@media (max-width: 992px) { 
  .side-menu {
    width:168px;
  }
  
.blog-container {
  width:164px;
}   
     
.side-menu-content i {
  font-size:16px;
  line-height:42px;
  color:#FFF;
}

.side-menu-social-fa, .side-menu-social-twitter, .side-menu-social-tumblr, .side-menu-social-google-plus, .side-menu-social-dribbble, .side-menu-social-trello, .side-menu-social-linkedin {
  width:42px;
  height:42px;
  line-height:42px;
  text-align:center;
  float:left;
} 
}

@media (max-width: 939px) {   
.nav>li>a {
  position: relative;
  display: block;
  padding: 0px 0px 7px 15px;
}

.navbar-nav {
  margin: 15px -15px;
}

.color-picker {
  display:none;
}

    
}

@media (max-width: 767px) { 
  .side-menu {
    width:768px;
    position:relative;
    width:auto;
    overflow:hidden;    
  }
  
.blog-container {
  width:100%;
} 

#footer {
  position: relative;
}

body {
  padding-bottom:0px;
}

.project {
  margin-bottom: 0px;
  margin-right: 0px;
  width:49.95%;
}  
  
.logo {
  max-width:100%;
  float:left;
  width:30%;
}

.side-menu-content {
  background:transparent;
  margin:0px 0px 0px 0px;
  padding:0px 0px;
  float:right;
  width:68%;
}

.side-menu-content i {
  font-size:18px;
  line-height:55px;
  color:#FFF;
}

.side-menu-social-fa, .side-menu-social-twitter, .side-menu-social-tumblr, .side-menu-social-google-plus, .side-menu-social-dribbble, .side-menu-social-trello, .side-menu-social-linkedin {
  width:55px;
  height:55px;
  line-height:55px;
  text-align:center;
  float:left;
} 

.main-news-container img {
  height: auto;
  width:100%;
}
    
}



@media (max-width: 560px) { 

.section-title {
  padding:60px 30px 30px 30px;
}

.section-title-transparent {
  padding:60px 30px 60px 30px;
}

.section-content {
  padding:0px 30px;  
}

h2 { 
  font-size: 50px;
  line-height: 50px;
}

.magazine-content {
  padding:0px 30px 30px 30px;  
}

.project-detail {
  padding: 50px 15px;
}

}

@media (max-width: 460px) { 

.section-title {
  padding:60px 20px 30px 20px;
}

.section-title-transparent {
  padding:60px 20px 60px 20px;
}

.section-content {
  padding:0px 20px;  
}

h2 { 
  font-size: 40px;
  line-height: 40px;
}

.magazine-content {
  padding:0px 20px 30px 20px;  
}

h3 {
  line-height: 30px;
  font-size: 30px;
}

.project-detail h3 { 
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 15px;
}

}

@media (max-width: 360px) { 

.section-title {
  padding:60px 15px 30px 15px;
}

.section-title-transparent {
  padding:60px 15px 60px 15px;
}

.section-content {
  padding:0px 15px;  
}

h2 { 
  font-size: 30px;
  line-height: 30px;
}

.magazine-content {
  padding:0px 15px 30px 15px;  
}

h3 {
  line-height: 22px;
  font-size: 22px;
}

.project-detail h3 { 
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 15px;
}

}