/* lg */ 
@media (min-width: 1200px) {
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  .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;
  }
  
  .ribbon {
	padding-bottom: 70px;
	padding-top: 20px;
	margin-top: -20px;
	font-size: 0.9em;
	line-height: 24px;
}
}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.ribbon {
	background-image: none !important;
	padding: 0px !important;
	margin-top: 0px !important;
}

  .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;
  }
  
  h1{
	font-size: 20px;
	text-align: center !important;
}
h3 {
	padding-top: 35px !important;
	
}
}

@media (min-width: 768px) {
	h3 {
	padding-top: 35px !important;
	
}
.caret {
display: block;
margin-left: -2px;
vertical-align: middle;
position: absolute;
bottom: 0px;
left: 50%;
}
.dropdown:hover .dropdown-menu {
display: block;
}
}

/* xs */
@media (max-width: 767px) {
	h1{
	font-size: 20px;
	text-align: center !important;
}

	body {
	padding-right: 4px;
	padding-left: 4px;
}

#footer, .top-bar2, .top-bar {
	text-align: center !important;
}

.navbar-inverse li:after {
	display: none !important;
    content: "·";
	margin-left: 7px;
}
.nav{
	text-align: center;
}
.nav li{
	display: block !important;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
  .container > .navbar-header, .container > .navbar-collapse{
    margin-left: 0;
  }
  .navbar-nav > li {
    padding-bottom: 0;
  }
  .ribbon {
	background-image: none !important;
	padding: 0px !important;
	margin-top: 0px !important;
}
}
/* XS Portrait */
@media (max-width: 480px) {
	h3 {
	padding-top: 35px !important;
	
}
}

/*---------------------------------------------------
responsive for CONTACT FORM
 --------------------------------------------------*/
@media only screen and (max-width: 1400px) {
	.quform-options-inline > .quform-option, input {
		display: block;
		width: 100% !important;
	}
	.quform-options-inline > .quform-option, input, textarea, select {
		width: 94% !important;
}
}
@media only screen and (max-width: 3024px) {
	/* Add border-box so padding does not cause overflow */
	.quform-outer, .quform-outer * {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}
	/* Groups columns become stacked */
	.quform-group-row .quform-element, .quform-group-row .quform-group-wrap, .quform-group-row .quform-submit  {
		float: none;
		width: 100% !important;
		display: block;
	}
	.quform-group-row {margin: 0;}
	/* Elements become full width */
	.quform-elements .quform-element-text input, .quform-elements .quform-element-captcha input, .quform-elements .quform-element-password input, .quform-elements .quform-element select, .quform-elements .quform-element textarea {
		width: 100% !important;
		min-width: 100px;
	}
	/* keep date and time elements inline a bit longer */
	.quform-element-date select {
		width: 30% !important;
	}
	.quform-element-time select {
		width: 48% !important;
	}
	.quform-errors > .quform-error {
		/*float: none;*/
		display: block;
	}
	/* There is no elements to the right so no need for this right padding/margin */
	.quform-spacer, .quform-submit-inner {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.quform-group-elements {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	/* Make radio and checkboxes a bit easier to select on touch devices */
	.quform-options .quform-option {
		background: rgba(0,0,0, 0.03); /*background color on phones*/
		margin-bottom: 5px !important;
	}
	.quform-options .quform-option label {
		display: block;
		padding: 5px;
	}
	.quform-options .quform-option label input[type=checkbox], .quform-options .quform-option label input[type=radio] {
		float: right !important;
		margin-top: 5px;
	}
	.quform-options-inline > .quform-option {
		display: block;
		padding: 0 !important;
		width: 32%;
		margin: 0 1% 2px 0 !important;
	}
	.quform-options-inline > .quform-option label {
		display: block;
	}
}
@media only screen and (max-width: 479px) {
	/* Button is larger for easy clicking on small devices. */
	.quform-options-inline > .quform-option, input, textarea, select {
		width: 100% !important;
}
	.quform-submit-inner {
		width: 100%;
		float: none;
	}
	.quform-submit button {
		margin: 0;
		width: 100% !important;
	}
	.quform-submit button span, .quform-submit button em {
		width: auto !important;
	}
	/* There is not enough room for left labels - so move them above */
	.quform-labels-left > .quform-spacer > label {
		float: none;
		width: auto;
	}
	.quform-labels-left.quform-element .quform-input, .quform-labels-left.quform-element .quform-captcha {
		margin-left: 0;
		padding-left: 0;
	}
	/* Less radio/check inputs per line on phones */
	.quform-options-inline > .quform-option {
		width: 49%;
	}
	/* Force all pre-sized elements full width */
	.quform-elements .quform-element-text input, .quform-elements .quform-element-captcha input, .quform-elements .quform-element-password input, .quform-elements .quform-element select, .quform-elements .quform-element textarea {
		width: 100% !important;
	}
	/* No JS page */
	.quform-outer-no-js {
		width: auto;
		margin: 10px;
	}
	.quform-outer-no-js .quform-wrapper {
		padding: 0 10px;
	}
	.quform-outer-no-js .quform-error-wrap {
		float: none;
		display: block;
		padding-right: 0;
	}
}