/* ==========================================================================
   FONTS
   ========================================================================== */
.script {
  font-family: 'Great Vibes', cursive;
  font-weight: 400;
}
.normal {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}
.bold {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
}
.light {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}
/* ==========================================================================
   Colors
   ========================================================================== */
/* ==========================================================================
   Responsive
   ========================================================================== */
@media only screen and (max-width: 1200px) {
  .img-post {
    margin-left: 0px;
    padding-top: 105px;
  }
	
	.navbar-nav li a {
    font-size: 12px;
  }
  .navbar-nav li a:after {
    font-size: 40px;
  }
  .social{
	display:none;  
  }
}
@media only screen and (max-width: 991px) {

  .cta {
    position: relative;
    width: 100%;
    border-radius: 0;
  }
  .navbar-nav li a {
    font-size: 10px;
	padding: 10px ;
  }
  .navbar-nav li a:after {
    font-size: 40px;
  }
  .navbar .cta-top {
    width: auto;
  }
  .navbar .cta-top .text,
  .navbar .cta-top .phone {
    display: none;
  }
  .navbar .cta-top i {
    margin: 10px 0px 0px -20px;
    float: left;
  }
  .social {
    /*right: 95px;*/
	display:none;
  }
  #tel{
		display:none;  
  }
  .serviceBox h2 {
/*font-family: 'Great Vibes', cursive;*/
font-weight: 400;
font-size: 22px;
color: #FFF;
text-align: center;
display: block;
width: 100%;
}
#priceLists h3{
	font-size:14px;	
}
#priceLists h3 span{
	font-size:14px;	
	font-weight:bold;
}
}
@media only screen and (max-width: 767px) {
	
	
  .navbar-collapse {
    background: #45C4FF;
    margin: 0;
	height:75px;
  }
  .navbar-collapse .navbar-nav li {
   /* border-bottom: 1px solid #cccccc; */
   border:none;
  }
  .navbar-collapse .navbar-nav li a {
    padding: 10px 0px;
    font-size: 14px;
  }
  .navbar-collapse .navbar-nav li a:after {
    display: none;
  }
  .navbar-collapse .navbar-nav li.active a {
    background: #FFF;
	color:#45C4FF
  }
  .navbar-nav li a:hover {
	background: none;
	color: #FFF;
	}
	
	.dropdown-menu li a, .navbar-nav li a {
	text-align:center;
	
}
  .social {
    display: none;
  }
  .service-item .wrap-image, .service-item .wrap-image-small {
    width: 100%;
  }
  .service-item .wrap-image .service, .service-item .wrap-image-small .service {
    width: 50%;
  }
  .service-item .table-prices {
    width: 100%;
  }
  .table-price-wide-wrapper{
	width:100%;  
  }
  .wrapper-location .contact {
    text-align: center;
  }
  #blog .no-thumb {
    margin-top: 150px;
  }
  .img-post {
    padding-top: 90px;
  }
  .bellissimoMap{
	height:400px;	
}
.gmap_marker{
	width:300px;
}
#microdermabrasion{
	display:none;
}

}
@media only screen and (max-width: 500px) {
	
 /* pink bg on phone */
 .pinkMobile{
/*	background:#45C4FF;
	color:white; */
 }
 .pinkMobile h2{
/* color:white; */
 }
 .pinkMobile h2:after{
	 content:"";
 }
.home-box h3{
 font-size:24px;   
}
 .pinkMobile .bellissimoMap{
	color:#333 !important; 
 }
 .pinkMobile #hours ul li{
	background-color:#a31846; 
 }
 .pinkMobile #hours ul .different, .pinkMobile #hours ul .closed{
	background-color:#333 !important; 
 }

.specialTop{
	height:35px;
	background-color:#a31846;
	color:white;
	z-index:999999;
	display:block;
	position:fixed;
	width:100%;
	padding:5px 0 0 0;
	font-size:18px;
}
.specialTop a{
	color:white;
}
.closeSpecial{
	float:right;
	padding-right:10px;	
}
.navbar{
	margin-top:35px;
}

  h2 {
    font-size: 24px;
  }
  h2:after {
    font-size: 200px;
  }
  h3 {
    font-size: 24px;
  }
  p {
    font-size: 14px;
	line-height:18px;
  }
  .service-item .wrap-image .service h4 {
    font-size: 24px;
  }
  .social {
    display: none;
  }
  .welcome p {
    font-size: 36px;
    line-height: 36px;
  }
  
  .serviceBox{
	padding:10px;
	background:#CCC;
	font-size:20px;	
	background: #45C4FF;
text-align: center;
border:2px solid white;
min-height:100px;
width:50%;
float:left;
}
.serviceBox h2{
/*font-family: 'Great Vibes', cursive;*/
font-weight: 400;
font-size: 18px;
color: #FFF;
text-align: center;
display: block;
width: 100%;	
}
.serviceBox h2:after{
content: "";
}
.navbar-nav{
	margin-left:-15px;	
}
#tel{
	list-style: none;
	margin: 0 auto;
	width:100%;
	z-index: 10;
	font-size:18px;
}
#tel li {
display: block;
padding:0 0 10px 0;
width:100%;
}
#tel li a i{
	display:none;	
}
#tel li a{
	text-align:center;
}
.table-prices-new {
	float: left;
	padding: 10px 20px;
	/*font-family: 'Raleway', sans-serif;*/
	font-weight: 400;
	font-size: 12px;
	color: #666;
	padding: 5px 10px 10px 20px;
	text-align:left;
}
.table-two-third{
	width:100%;
}
#logo{
	padding:10px 0 0 10px;;
	margin:0	;
}
.slider-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 200px;
	margin: 0 auto;
	background: url(../img/mainSliderSlim.png) center center no-repeat;
	background-size: cover
}
.others .themeColor{
	color:white!important;	
}
.socialIcons{
	display:block;	
	position:fixed;
	bottom:0px;
	text-align:center;
	background:#45C4FF;
	width:100%;
	z-index:999;
	padding:5px 0;
	border-top:2px solid white;
}
.socialTel{
	width:100%;
}
.socialIcons a{
	text-align:center;
	font-size:26px;
	padding:0 20px;
	color:white;
}
#footer{
	margin-bottom:50px;	
}
#microdermabrasion{
	display:none;
}
.modal-content{
	color:#45C4FF;
}	
  
}
@media only screen and (max-width: 321px) {
  .navbar-brand {
    width: 60%;
    margin-top: 0px;
	padding-top:0;
       min-height:71px; 
	/* min-height:95px; */
  }
  iframe {
    display: none;
  }
  .socialIcons a{
	text-align:center;
	font-size:20px;
	padding:0 20px;
	color:white;
}
}