@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 1151px) and (max-width: 12800px){
		.flex-caption .container {
  width: 78%;
  	  padding-top:10px;
}
		.logo {
			padding-top:10px;
		}
		.social {
			float:left;
			width:110px;
			margin:1px;
			display:inline-block;
			padding-top:20px;
			padding-right:50px;
			padding-left:30px;
		}
}
@media only screen and (min-width: 1025px) and (max-width: 1150px){
	.container{
		width:97%;
	}
	.logo {
		padding-top:10px;
	}
	.social {
	float:left;
	width:110px;

	margin:1px;
	display:inline-block;
	padding-top:20px;
	padding-right:50px;
	padding-left:25px;
	}
	.visit-time-item{
		text-align:center;
	}
	.visit-time-item li{
		float:inherit;
		display:inline-block;
		width: 131px;
		  margin-right: 5px;
	}
	  .services-item li {
		  width: 156px;
		  margin-right: 7px;
		}
		.jaybarber-banner h1 {

  font-size: 28px;
  line-height: 38px;

  padding-bottom: 8px;
  padding-top: 8px;
	}
	.flex-caption .container {
  width: 78%;
}


.rates-item{
	font-size:18px;
	line-height:24px;
}
.rates-item ul {
	text-align:left;
}
.rates-item ul li{
	  width: 21%;
	  display:inline-block;
	  float:inherit;
	  text-align:left;
}
.rates-item ul li span{
	font-size:18px;
}
.contact-right {
  width: 60%;
}
.contact-left {
  width: 40%;
}
.rates-item-pro {
    width: 40%;
}
	}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.container{
		width:97%;
	}
	.about-section .container {
  width:97%;
}
.visit-time-item{
	text-align:center;
	  font-size: 15px;
  line-height: 23px;
}
.visit-time-item li {
  width: 12.5%;
    float:inherit;
  margin-right: 1.5%;
  display:inline-block;
    padding: 2px;
}
.visit-time-item li span {
  font-size: 12px;
}
.section-cont {
  padding: 30px 0;
}
.services-item li{
	margin:10px 10px;
	
	  width: 142px;
}
.services-item li:last-child {
  margin-right: 10px;
}
.services-section{
	background-size:cover;
}
.footer {
  padding: 20px 0;
}
.about-section p {
  padding-bottom: 20px;
}
.menu ul li a {

  padding: 24px 10px;
}
.logo{
	  width: 148px;
	  padding-top:0px;
}
	.social {

	float:left;
	margin:1px;
	display:inline-block;
	padding-top:10px;
	padding-right:50px;
	padding-left:10px;
	max-width:50%;
	}
	
.jaybarber-banner h1 {
  font-size: 21px;
  line-height: 28px;
  padding-bottom: 8px;
  padding-top: 8px;
	}
	.flex-caption .container{
		width:78%;
	}
	.flex-caption{
		top:40%;
	}
	.jaybarber-banner .flex-direction-nav a {
  width: 40px;
  height: 40px;

	}
	
	.jaybarber-banner .flex-direction-nav .flex-prev{
		  background-size:100% 100%;
		  left:10px;
	}
	.jaybarber-banner:hover .flex-direction-nav .flex-prev{
		left:10px;
	}
	.jaybarber-banner .flex-direction-nav .flex-next{
		  background-size:100% 100%;
		  right:10px;
	}
	.jaybarber-banner:hover .flex-direction-nav .flex-next{
		right:10px;
	}
	.gallery-cont .jcarousel {
  margin-bottom: 20px;
}



.rates-item{
	font-size:15px;
	line-height:24px;
}
.rates-item ul {
	text-align: left;
}
.rates-item ul li{
	width: 24%;
	display: inline-block;
	float: inherit;
	text-align: left;
	margin-right: 0%;
	margin-bottom: 20px;
}
.rates-item ul li span{
	font-size:18px;
}
.contact-right {
  width: 60%;
}
.contact-left {
  width: 40%;
}
.contact-left h3 span {
  font-size: 16px;
}
.wrapper {
 
  margin-top: 76px;
}
.rates-item-pro {
    width: 46%;
}
	}
	
@media only screen and (min-width: 800px) and (max-width: 1024px){
	
	.rates-item ul li {
		margin-right: 7px;
	}
	
}

@media screen and (max-width: 768px){
.wrapper {
  margin-top: 48px;
}
.header .container{
	position:relative;
}
.logo{
	width:80px;
	position:absolute;
	left:0;
	  top: -3px;
	padding-top:0px;
}
.menu{
	/*display:none;*/
}
.side-menu{
	display:block;
}
.sb-toggle-right{
	display:block;
}
.side-menu ul li a{
	 
  padding: 15px 15px;
    padding-left: 25px;
  background: #131313;
  border-bottom: 1px solid #272727;
}
.header {
 
  position: fixed;
  padding: 5px 0;
  width: 100%;
  z-index: 11;
}
.social{
	display:none;
}

.menu ul {

  overflow: hidden;
  margin-top: 10px;
  display:none;
}
.menu ul li a:hover, .menu ul li.active a {
  background: #131313;
  color: #FFE200;
}

.Mob-Menu{
	display:block;
}
.menu{
	width:100%;
}
.menu ul li{
  width: 100%;
  text-align: left;
}

.menu ul li a {
    padding: 9px 15px;
  border-bottom: 1px solid #131313;
  display:block;
}
}

@media only screen and (min-width: 586px) and (max-width: 767px) {
		.container{
		width:96%;
	}
	.jaybarber-banner h1 {
  font-size: 15px;
  line-height: 19px;
  padding-bottom: 8px;
  padding-top: 8px;
	}
	.flex-caption .container{
		width:78%;
	}
	.flex-caption{
		top:40%;
	}
	.jaybarber-banner .flex-direction-nav a {
  width: 30px;
  height: 30px;

	}
	
	.jaybarber-banner .flex-direction-nav .flex-prev{
		  background-size:100% 100%;
		  left:10px;
	}
	.jaybarber-banner:hover .flex-direction-nav .flex-prev{
		left:10px;
	}
	.jaybarber-banner .flex-direction-nav .flex-next{
		  background-size:100% 100%;
		  right:10px;
	}
	.jaybarber-banner:hover .flex-direction-nav .flex-next{
		right:10px;
	}
	.about-section .container {
  width:96%;
}
.social{
	display:none;
}
.section-cont{
	padding:20px 0;
}
.section-cont h1 {
  font-family: 'Oswald', sans-serif;
  font-size: 26px;
  line-height: 30px;
  font-weight: 400;
  color: #404040;
  padding-bottom: 16px;
}
.services-item li{
	  margin: 2%;
  width: 29%;
}
.services-item li:last-child {
  margin-right: 10px;
}
.services-section{
	background-size:cover;
}
.footer {
  padding: 20px 0;
}
.about-section p {
  padding-bottom: 20px;
}
.visit-time {
  padding: 20px 0;
}
.visit-time-item{
	text-align:center;
	   font-size: 18px;
  line-height: 24px;
}
.visit-time-item li {
  width: 12.5%;
    float:inherit;
  margin-right: 1.5%;
  display:inline-block;
      padding: 2%;
}
.visit-time-item li span {
   font-size: 15px;

}
.visit-time-item li {
  width: 30%;
  margin: 1.3% 1%;
}
.gallery-section h1 {
  color: #ffe200;
}
.visit-time-item li:last-child {
  margin-right: 2%;
}
.gallery-cont .jcarousel {
  margin-bottom: 15px;
}


.rates-item{
	font-size:14px;
	line-height:24px;
}
.rates-item ul {
	text-align:left;
}
.rates-item ul li{
	  width: 23%;
	  display:inline-block;
	  float:inherit;
	  text-align:left;
	    margin-right: 10px;
		margin-bottom:20px;
}
.rates-item ul li span{
	font-size:18px;
}
.contact-right {
  width: 60%;
}
.contact-left {
  width: 40%;
}
.contact-left h3 span {
   font-size: 12px;
}
.contact-cont{
	width:100%;
}
.contact-left h3{
	font-size:14px;
	line-height:20px;
}
.rates-item-pro{
	width:47%;
}
.contact-top h1 {
  color: #ffe200;
}

.rates-item ul li {
	width: 31%;
}
.rates-item ul li:nth-child(4n+4) {
    margin-right: 10px;
}
.rates-item ul li:nth-of-type(3n+3) {
    margin-right: 0px;
}

	}

@media only screen and (min-width: 480px) and (max-width: 585px) {
	
		.container{
		width:96%;
	}
	.jaybarber-banner h1 {
  font-size: 15px;
  line-height: 19px;
  padding-bottom: 8px;
  padding-top: 8px;
	}
	.flex-caption .container{
		width:78%;
	}
	.flex-caption{
		top:40%;
	}
	.jaybarber-banner .flex-direction-nav a {
  width: 30px;
  height: 30px;

	}
	
	.jaybarber-banner .flex-direction-nav .flex-prev{
		  background-size:100% 100%;
		  left:10px;
	}
	.jaybarber-banner:hover .flex-direction-nav .flex-prev{
		left:10px;
	}
	.jaybarber-banner .flex-direction-nav .flex-next{
		  background-size:100% 100%;
		  right:10px;
	}
	.jaybarber-banner:hover .flex-direction-nav .flex-next{
		right:10px;
	}
	.about-section .container {
  width:96%;
}
.social{
	display:none;
}
.section-cont{
	padding:20px 0;
	font-size: 14px;
  line-height: 22px;
}
.section-cont h1 {
  font-family: 'Oswald', sans-serif;
  font-size: 26px;
  line-height: 30px;
  font-weight: 400;
  color: #404040;
  padding-bottom: 16px;
}
.services-item li{
	  margin: 2%;
  width: 29%;
}
.services-item li:last-child {
  margin-right: 10px;
}
.services-section{
	background-size:cover;
}
.footer {
  padding: 20px 0;
}
.about-section p {
  padding-bottom: 20px;
}
.visit-time {
  padding: 20px 0;
}
.visit-time-item{
	text-align:center;
	   font-size: 18px;
  line-height: 24px;
}
.visit-time-item li {
  width: 12.5%;
    float:inherit;
  margin-right: 1.5%;
  display:inline-block;
      padding: 2%;
}
.visit-time-item li span {
   font-size: 15px;

}
.visit-time-item li {
  width: 30%;
  margin: 1.5% 1%;
}
.gallery-section h1 {
  color: #ffe200;
}
	.visit-time-item li:last-child {
  margin-right: 2%;
}
.flex-caption{
	display:none;
}
.services-item li figure{
	  width: 82%;
  margin: 0 auto;
  margin-bottom: 8px;
	
}
.services-item li figure img{
	width:100%;
	height:auto;
	
	
}
.gallery-cont .jcarousel {
  margin-bottom: 10px;
}





.rates-item{
	font-size:15px;
	line-height:24px;
}
.rates-item ul {
	text-align:left;
}
.rates-item ul li{
	  width: 23%;
	  display:inline-block;
	  float:inherit;
	  text-align:left;
	    margin-right: 10px;
		margin-bottom:20px;
}
.rates-item ul li:nth-of-type(4n+4){
	margin-right:10px;
}
.rates-item ul li:nth-of-type(3n+3){
	margin-right:0px;
}
.rates-item ul li span{
	font-size:18px;
}
.contact-right {
  width: 100%;
}
.contact-left {
  width:100%;
  margin-bottom:20px;
}
.contact-left h3 span {
   font-size: 12px;
}
.contact-cont{
	
}
.contact-left h3{
	font-size:14px;
	line-height:20px;
}
.rates-item-pro{
	width:100%;
	  padding: 10px 27px;
}
.form-two .form-row {

  padding-right: 10px;
}
.contact-top h1 {
  color: #ffe200;
}

.rates-item ul li {
    width: 48%;
}
.rates-item ul li:nth-of-type(3n+3) {
    margin-right: 10px;
}
.rates-item ul li:nth-of-type(2n+2) {
    margin-right: 0px;
}

	}


@media screen and (max-width: 479px){
	.container{
		width:96%;
	}
	.jaybarber-banner h1 {
  font-size: 15px;
  line-height: 19px;
  padding-bottom: 8px;
  padding-top: 8px;
	}
	.flex-caption .container{
		width:78%;
	}
	.flex-caption{
		top:40%;
	}
	.jaybarber-banner .flex-direction-nav a {
  width: 30px;
  height: 30px;

	}
	
	.jaybarber-banner .flex-direction-nav .flex-prev{
		  background-size:100% 100%;
		  left:10px;
	}
	.jaybarber-banner:hover .flex-direction-nav .flex-prev{
		left:10px;
	}
	.jaybarber-banner .flex-direction-nav .flex-next{
		  background-size:100% 100%;
		  right:10px;
	}
	.jaybarber-banner:hover .flex-direction-nav .flex-next{
		right:10px;
	}
	.about-section .container {
  width:96%;
}
.social{
	display:none;
}
.section-cont{
	padding:20px 0;
	font-size: 14px;
  line-height: 22px;
}
.section-cont h1 {
  font-family: 'Oswald', sans-serif;
  font-size: 26px;
  line-height: 30px;
  font-weight: 400;
  color: #404040;
  padding-bottom: 16px;
}
.services-item li{
	  margin:4% 2%;
  width: 45%;
}
.services-item li:last-child {
  margin-right: 10px;
}
.services-section{
	background-size:cover;
}
.footer {
  padding: 10px 0;
    font-size: 12px;
  line-height: 16px;
}
.about-section p {
  padding-bottom: 20px;
}
.visit-time {
  padding: 20px 0;
}
.visit-time-item{
	text-align:center;
	   font-size: 18px;
  line-height: 24px;
}
.visit-time-item li {
  width: 12.5%;
    float:inherit;
  margin-right: 1.5%;
  display:inline-block;
      padding: 2%;
}
.visit-time-item li span {
   font-size: 15px;

}
.visit-time-item li {
  width: 47%;
  margin: 1.5% 1%;
}
.gallery-section h1 {
  color: #ffe200;
}
	.visit-time-item li:last-child {
  margin-right: 2%;
}
.services-item li figure{
	width:72%;
	margin:0 auto;
	margin-bottom:8px;
	
}
.services-item li figure img{
	width:100%;
	height:auto;
	
	
}
.flex-caption{
	display:none;
}
.gallery-cont .jcarousel {
  margin-bottom: 10px;
}


.rates-item{
	font-size:12px;
	line-height:16px;
}
.rates-item ul {
	text-align:left;
}
.rates-item ul li{
	  width: 47%;
	  display:inline-block;
	  float:inherit;
	  text-align:left;
	    margin-right: 5px;
		margin-bottom:20px;
}
.rates-item ul li:nth-child(2n){
	 margin-right: 5px;
}
.rates-item ul li span{
	font-size:14px;
}
.contact-right {
  width: 100%;
}
.contact-left {
  width:100%;
  margin-bottom:20px;
}
.contact-left h3 span {
   font-size: 12px;
}
.contact-cont{
	
}
.contact-left h3{
	font-size:14px;
	line-height:20px;
}
.rates-item-pro{
	width:100%;
	  padding: 10px 27px;
}
.form-two .form-row {
	width:100%;
  padding-right: 0px;
}
.contact-right input[type="text"], .contact-right input[type="email"]{
	margin-bottom:10px;
}
.contact-top h1 {
  color: #ffe200;
}
	}