@media only screen and (min-width:200px) {
  .navbar { background: rgba(255, 255, 255, 1); padding: 0; border-bottom: 0; }
  .navbar-header { padding: 35px 0; }
  .navbar-nav { background: #000; margin-top: 0; margin-bottom: 0; }
  .navbar li a { color: #fff; }
  .navbar li.active a, .navbar li a:hover, .dropdown.open .dropdown-toggle, .dropdown-menu li a:hover, .dropdown-menu li.active a, .dropdown-menu li a:focus, .dropdown.open.active .dropdown-menu li a:hover, .dropdown.open.active .dropdown-menu li.active a { color: #000; }
  .navbar li.active a, .dropdown-menu li a:hover, .dropdown-menu li.active a, .dropdown-menu li a:focus, .dropdown.open.active .dropdown-toggle, .dropdown.open.active .dropdown-menu li a:hover, .dropdown.open.active .dropdown-menu li.active a { background: #e4ddca; }
  .dropdown-menu { padding: 0; }
  .dropdown.open.active .dropdown-menu li a { background: #000; color: #fff; }
  .dropdown .dropdown-toggle .caret { transition: transform 200ms ease-in; -webkit-transition: transform 200ms ease-in; }
  .dropdown.open .dropdown-toggle .caret { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
  .mt-after-nav { margin-top: 120px;}
  #map-canvas {
    height: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .logo { top: 10px; left: 17px; position: relative; }
  .copyright .left-side {
    display: block;
    float: none;
    text-align: center;
  }
  .copyright .right-side {
    display: block;
    float: none;
    text-align: center;
  }
  .contact-wrapper aside {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width:1100px) {
  .navbar-header { border-bottom: 1px solid transparent; margin-bottom: 0; }
  .navbar-toggle { background: #000; }
  .navbar-toggle .icon-bar { background: #fff; }
  .navbar-toggle:hover .icon-bar { background: #e4ddca; }
  .dropdown-menu li a:before { content: '-'; margin-right: 10px; }
  .nav-button:hover { background: #000 !important; }
  .nav-button:hover button, .nav-button button:hover, .navbar li.active .nav-button button { background: #e4ddca; color: #000; }
}
/* Ipad Size */
@media only screen and (min-width:769px) and (max-width:1100px) {
  .logo {
    top:3px; position: relative;
  }
	.navbar-nav { float: none !important; margin-left: 0; }
	.navbar-header { float: none; }
	.navbar-collapse.collapse { display: none !important; }
	.navbar-toggle { display: block; }
	.collapse.in { display: block !important; }
	.navbar li { float: none; }
	.navbar-collapse { left: 0; padding: 0; width: 100%; position: absolute; }
	.navbar-collapse.in { overflow-y: auto !important; overflow-x: hidden !important; }
	.dropdown-menu { min-width: 100%; padding: 0; background: #000; margin-bottom: 10px; }
  .dropdown-menu li a { padding-top: 15px; padding-bottom: 15px; }
	.dropdown-menu .divider { margin: 0; }
	.dropdown.open .dropdown-toggle { color: #000 !important; }
	.dropdown.open .dropdown-menu { position: relative; }
  .portfolio-wrapper .box {
    width: 50%;
  }
}
@media screen and (min-width:768px) {
  .contactForm label[for="send"] {
    text-align: right;
  }
  #map-canvas {
    height: 350px;
  }
}
@media screen and (min-width:1101px) {
  .logo { position: relative; top: 9px; left:15px;}
  .navbar { padding: 25px 0; background: rgba(255, 255, 255, 0.9); }
  .navbar-header { padding: 0; }
  .navbar-nav { background: transparent; }
  .navbar li a { color: rgba(51, 51, 51, 0.6); }
  .navbar li a:hover, .navbar li.active a, .navbar li a:focus { background: transparent; color: #000; transition: all 270ms ease-in-out; -webkit-transition: all 270ms ease-in-out; }
  .navbar li.active a:after { width: 12px; height: 2px; background: #000; content: ""; position: absolute; opacity: 0; left: 30px; bottom: 12px; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; }
  .navbar li.active a:hover:after { left: 15px; opacity: 1; }
  .navbar li.dropdown a:after, .navbar li.dropdown.active a:after { display: none; }
  .nav-button { padding-top: 4px !important; padding-bottom: 0 !important; }
  .nav-button { }
  .nav-button:focus button { color: #fff; }
  .nav-button:hover button { color: #e4ddca !important; }
  .dropdown.open .dropdown-toggle:focus, .dropdown.open .dropdown-toggle { background: transparent; }
  .dropdown.active.open .dropdown-menu li a { color: #fff; }
  .dropdown.active.open .dropdown-menu li a:hover, .dropdown.active.open .dropdown-menu li.active a { color: #000; }
  .dropdown-menu { background: #000; border: 0px; }
  .dropdown-menu li a { padding-top: 10px; padding-left: 15px; padding-bottom: 10px; color: #fff; }
  .dropdown-menu li a:hover, .dropdown-menu li.active a, .dropdown-menu li.active a:hover { background: #e4ddca; }
  .mt-after-nav { margin-top: 100px;}
  #map-canvas {
    height: 500px;
  }
  

  }

/************************* PLugins *****************************/