@media screen and (max-width:767px){
    .contact span, .contact a{ font-size: 12px; } 
    
    .navbar-nav { margin-top: 40px; z-index: +2;}
    .dropdown-toggle { transition: all ease-in 0.5s;}
    
    #bedroom, #living-room, #appliances, #office, #garden, #premium{ position: relative; left: 0;}
    
    .navbar-nav > li > .dropdown-menu { margin-top: 0;}
    
    .carousel-control { display: none;}
    
    #welcome-content{ position: relative; bottom: 0px; top: -20px;}
    #welcome-content h2 { font-size: 24px;}
    
    .search { width: 100%;}
    #footer .copyrights { padding: 5px 0;}
    
}

@media screen and (min-width:768px){
    .logo {margin-left: -38px;}
    .carousel { margin-top: 66px;}
    #add-nav { display: none;}
    .show-additional { display: block;}
}


@media screen and (max-width: 900px){
    .logo {width: 92px;margin-top: -15px;}
    
}
@media screen and (min-width:768px) and (max-width:1200px){
    .navbar-default .navbar-nav > li > a{ font-size: 16px;padding: 10px 5px;}
    
}


/* .modal-fullscreen */

.modal-fullscreen {
  background: transparent;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}