/* lg */ 
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  

}

}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-nav > li {
    margin-left: 10px;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  

  ul.social_icons li{
    margin-right: 0;
  }
  
}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-nav > li {
    margin-left: 0;
  }
.hovereffect h2 {margin-top:10%;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  position: relative;
  font-size: 13px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;

}

.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  margin:0px;
}


.hovereffect p.info {font-weight:bold;
  display: inline-block; font-size: 10pt;
  text-decoration: none;
  padding: 7px 14px;
text-align:left;
  color: #000;
  border: 1px solid #000;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;

  margin: 7px;
}

}

/* xs */
@media (max-width: 767px) {
  .container > .navbar-header, .container > .navbar-collapse{
    margin-left: 0;
  }

  .top-number {font-weight:bold;margin-top:10px;
  color:#000;text-align:center;
}
.top-number a{font-weight:bold;
  color: #000; 
}
.top-number a:hover{
  color: #c52d2f;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; 
font-family: 'Open Sans', sans-serif;
  color:#000000;
}

h1{font-family: 'Open Sans', sans-serif;
  font-size: 25px;
}

h2{font-family: 'Open Sans', sans-serif;
  font-size: 20px;
}

h3{font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #000;
  font-weight: 400;
  line-height: 24px;
}

h4{font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}
header{navbar-static-top}
  .navbar-nav > li {
    padding-bottom: 0;
  }

 .hovereffect h2 {margin-top:10%;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  position: relative;
  font-size: 20pt;
  padding: 10px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;

}

.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  margin:0px;
}

.hovereffect p.info {font-weight:bold;
  display: inline-block; font-size: 12pt;
  text-decoration: none;
  padding: 7px 14px;
text-align:left;
  color: #000;
  border: 1px solid #000;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;

  margin: 7px;
}


  .nav-tabs > li.active > a:after{
    display: none;
  }

  #footer .col-sm-6{
      text-align:center;
  }
  
   #footer .pull-right{
      float: none !important;
  }

 

  .portfolio-item, 
  #recent-works .col-xs-12.col-sm-4.col-md-3{
    padding:0 15px;
  }

  ul.social_icons li{
    margin-right: 0;
  }

 
    

}
@media screen and (min-width:361px) and (max-width:615px) {header{ height: 100px; }


.hovereffect h2 {margin-top:10%;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  position: relative;
  font-size: 13px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;

}
 .top-number{
    font-size: 12px;
  }
  .top-number {font-weight:bold;margin-top:10px;
  color:#000;
}
.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  margin:0px;
}

.hovereffect p.info {font-weight:bold;
  display: inline-block; font-size: 10pt;
  text-decoration: none;
  padding: 7px 14px;
text-align:left;
  color: #000;
  border: 1px solid #000;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;

  margin: 7px;
}}
	}
/* XS Portrait */
@media (max-width: 480px) {


}