/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
 
    
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.logo > img {
  width: 170px;
}
.mainmenu .navbar-default #navbar{
    background-color: #333333;
}
.mainmenu .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.mainmenu ul{
text-align: center
}
.mainmenu li{
    display: block
}
.welcome-slider-area h2{
    font-size: 22px;
    margin-bottom:10px
}
.welcome-slider-area h2::after, .welcome-slider-area h2::before{
    width: 0px;
    height: 0px;
}
.welcome-slider-area p{
    margin-bottom: 20px;
}
.primary-button{
    padding:10px 15px;
}
.about-content{
    margin-top:25px;
}
.video-controlar{
    width: 50px;
    height: 50px;
}
.video-controlar i{
    font-size: 20px;
    line-height: 50px;
}
.video-section-wrapper{
    min-height: 250px;
}
.single-team {
  margin-bottom: 25px;
  text-align: center;
}
.single-portfolio{
    width:100% 
}
.contact-form{
    margin-bottom: 25px;
    overflow: hidden;
}
.social-media a{
    margin-right: 20px;
}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
.single-portfolio{
    width:50% 
}
}