.about-us-video .popup-youtube .video-image {
    position: relative;
    display: inline-block;
    width: 100%;
}

.about-us-front-3 h6{
    color: #F05295;
}

.about-us-front-3 p{
    line-height: 1.7;
    margin: 10px 0px 20px 0px;
}

.wide-pic{
    background-image: url("../img/images/img28.jpg");
    height: 600px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 120px 0px 120px;
}

.wide-pic h6{
    color: #F05295;
    font-style: italic;
}

.services-panels{
    height: 300px;
    padding: 80px 30px 80px 30px;
    text-align: center;
    transition: 0.3s;
}

.services-panels:hover{
    background: #F05295;
}

.services-panels h4{
    color: #333;
    transition: 0.3s;
    line-height: 1.8;
}

.services-panels p{
    color: #808080;
    transition: 0.3s;
}

.services-panels:hover h4{
    color: #FFF;
}

.services-panels:hover p{
    color: #FFF;
}

.spa-icon{
    background-image: url("../img/master/treatment.png");
    width: 50px;
    height: 50px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    transition: 0.3s;
}

.services-panels:hover .spa-icon{
    background-image: url("../img/master/spa-3.png");
}

.facial-icon{
    background-image: url("../img/master/spa.png");
    width: 50px;
    height: 50px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    transition: 0.3s;
}

.services-panels:hover .facial-icon{
    background-image: url("../img/master/spa-2.png");
}

.message-icon{
    background-image: url("../img/master/massage-3.png");
    width: 50px;
    height: 50px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    transition: 0.3s;
}

.services-panels:hover .message-icon{
    background-image: url("../img/master/massage-2.png");
}

.hair-cut-icon{
    background-image: url("../img/master/hair-cut-tool.png");
    width: 50px;
    height: 50px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    transition: 0.3s;
}

.services-panels:hover .hair-cut-icon{
    background-image: url("../img/master/hair-cut-tool-2.png");
}

.pricing-table {
  display: block;
  line-height: 1.42857143;
  background-color: #fff;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
    box-shadow: 0 0 10px rgba(204,204,204,0.6);
    -moz-box-shadow: 0 0 10px rgba(204,204,204,0.6);
    -webkit-box-shadow: 0 0 10px rgba(204,204,204,0.6);
    -o-box-shadow: 0 0 10px rgba(204,204,204,0.6);
    border-top-left-radius: 30%;
    border-bottom-right-radius: 30%;
  
}
.pricing-table > img,
.pricing-table a > img {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  border-top-left-radius: 30%;
  border-bottom-right-radius: 30%;
}
a.pricing-table:hover,
a.pricing-table:focus,
a.pricing-table.active {
  border-color: #337ab7;
}
.pricing-table .caption {
  padding: 20px;
}

.pricing-table .top-caption{
    margin-top: -70px;
    padding: 10px;
}

.pricing-table .top-caption h5{
    font-size: 18px;
}

.caption p{
    line-height: 2;
    color: #b3b3b3;
}

.caption .fa{
    font-size: 11px;
    color: #F05295;
}

.pricing-table .order-btn{
    padding: 5px 20px 25px 20px;  
}

.order-btn .btn-custom{
    padding: 6px 18px;
    font-size: 13px;
}


@media (max-width:992px) {
.pricing-table{
    margin: 20px 0px 20px 0px;
}
    
.about-us-video{
    margin-top: 40px;
}
    
}

@media (max-width:768px) {
.wide-pic{
    padding: 20px 80px 0px 80px;
}
    
.about-us-front-3{
    margin-top: 30px;
}
    
}
  
    
@media (max-width:576px) {
.wide-pic{
    padding: 0px 30px 0px 30px;
}
    
.wide-pic h1{
    line-height: 1.2;
    margin-bottom: 10px;
}
    
.services-panels{
    height: 220px;
    padding: 45px;
    text-align: center;
    transition: 0.3s;
}
    
    
    
}