@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
  body{color:#000; font-size:15px; font-weight:normal;font-family: 'Poppins', sans-serif; background:#fff; line-height: 20px;}
  *{margin:0; padding:0;}
  h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
  .kalam{font-family: 'Kalam', cursive;}
  @font-face {
    font-family: 'brushabilityscript';
    src: url('../fonts/brushab-script-webfont.woff2') format('woff2'),
    url('../fonts/brushab-script-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  ul li a , ul li a:hover, a:focus, a:hover{text-decoration:none;}
  h1{font-size:40px; font-weight: 600; padding-bottom: 30px;}
  h2{font-size:40px; font-weight: 600; padding-bottom: 30px;}
  h3{font-size:40px; font-weight: 600; padding-bottom: 30px;}
  h4{font-size:30px; font-weight: 600; padding-bottom: 30px;}
  h5{font-size:26px; font-weight: 600; padding-bottom:20px;}
  h6{font-size:24px; font-weight: 600; padding-bottom: 20px;}
  p{padding-bottom: 30px;}
  a:focus, a:hover {outline: 0; outline-offset: 0;}
  img{max-width:100%;}
  :focus {outline: -webkit-focus-ring-color auto 0;}
  .home-product .owl-dots, .clients .owl-dots, .home-product .owl-theme .owl-nav{display:none;}
  /* header */
  header{float: left; width: 100%; position:absolute; z-index: 9;}
  .head-fix {position: fixed; top: 0; z-index: 99; width: 100%;background: #000;transition: ease-in-out 0.9s;
    animation: smoothScroll 5s forwards;}
    .logo {display:inline-block; margin-top:40px; width:260px;}
    .head-fix .logo, .small-logo{display: none;}
    .head-fix .small-logo {
     display: block;
     width: 166px;
     padding:0;
   }
   .head-fix .header-menu{margin-top: 11px;}
   .head-fix .burger span{top: 40px;}
   .top-header {float: left;width: 100%;padding: 10px 0 0 0;}
   .header-contact-info {float: right; margin-top:4px;}
   .header-menu{margin-top: 80px; width: 96%;}
   header {}
   header {float: left;}
   header ul {margin: 0;list-style-type: none;}
   header ul li {display:inline;position:relative; padding:0 10px;width: auto; position:relative;}
   header ul li ul {display: none;}
   header ul li a {color: #fff;font-size:14px;text-decoration: none !important;transition: ease-in-out 0.4s;display: inline-block;position: relative;padding:10px;height: auto;font-weight: 300;cursor: pointer;}
   header ul li a img {vertical-align: middle;}
   header ul li ul li a:after {background:none;}
   header ul li a.active,header ul li.current-menu-item a {color:#c39b5d;}
   header ul li a:hover {text-decoration: none;color:#c39b5d;}
   
   .snip1198 {
    text-align: left;
    text-transform: capitalize; padding:10px 0 20px 0;
  }
  .snip1198 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
  }
  .snip1198 li {
    display: inline-block;
    list-style: outside none none;
    margin:0;
    padding: 0;
  }
  .snip1198 a {
    padding: 0 3px;
    color:#fff; font-weight: 600;
    position: relative;
    text-decoration: none;
    display: inline-block;
  }
  .snip1198 a:before {
    position: absolute;
    content: '';
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    opacity: 0;
    left: 15%;
    right: 15%;
    top:2px;
    bottom: 0; height: 16px;
    border-left: 3px solid #c39b5d;
    border-right: 3px solid #c39b5d;
  }
  .snip1198 a:hover,
  .snip1198 .current a, .snip1198 .active a {
    color: #c39b5d; 
  }
  .snip1198 a:hover:before,
  .snip1198 .current a:before, .snip1198 .active a:before {opacity: 1; left: -2px; right: -3px;}
  /* sub menu code */
  header ul li ul { display:none;position: absolute;text-align: left;min-width:280px;list-style:none;background:transparent;z-index:99999;padding-left: 0;}
  header ul li ul li{width:100%; display:inline-block; margin-left:0;padding:0;background:none;}
  header ul li ul li:after{content:''; background:none; width:1px; height:0px; right:-15px; top:26px; position:absolute;}
  header ul li ul li a {border-bottom: 1px solid #f1f1f1;display: inline-block;padding: 10px 15px;width:100%;color:#231f20;transition:ease-in-out 0.6s;font-size:15px;}
  header ul li ul li a:hover{border-bottom:1px solid #f9f9f9;color:#231f20;background:none;padding-right:0;}
  header ul li ul{visibility:hidden;left:0;top:20px; padding-top: 20px; background:#000;}
  header ul li ul li ul{visibility:hidden;display:none!important;padding-left:0px;left:200px; top:0px;background:#fff}
  header ul li .snip1217 a{ text-align:left; padding:0 14px; width:90%; float:left;}
  header ul li ul li a,header ul li ul li a:hover{border:0;}
  header ul li ul li a.active {color:#ed1b24 !important;border:0;}
  header ul li:hover ul{display:inline-block;}
  header ul li:hover ul{visibility: visible;}
  header ul li ul li:hover ul{visibility: visible;display:block!important;}
  .snip1217 li ul li:after{background: none;}
  header ul li ul li a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding:8px 14px!important}
  .head-fix ul li ul{background:#000;}
  .head-fix ul li ul li a, .head-fix ul li ul li a:hover{color: #fff;}
  .snip1198 ul.sub-menu li a::before, .sub-menu ul li a::after{border:none!important;}
  .snip1198 ul.sub-menu li a:hover, .current-menu-parent a{color:#c39b5d;}
  .current-menu-parent ul li a{color:#fff;}
  /* banner */
  .banner{float: left; width: 100%; position: relative; margin-top:1px;}
  .banner .owl-nav, .banner .owl-dots{display:none;}
  .banner .item{position: relative; display: block;}
  .slider-content {
   position: absolute;
   top:63%;
   transform: translate(0%, -50%);
   left:0%; width: 100%;
   text-align:left;
  }
  #owl-carousel img{width: 100%; object-fit: cover; object-position: right; height: 100vh;}
  .text-darkn{color:#c39b5d; font-weight:600;}
  .slider-text {
   font-size: 110px;font-family: 'Kalam', cursive;
   font-weight: 600;
   color: #fff; padding-bottom:30px;
   width:80%;
   display: inline-block;
   line-height:100px;
  }
  .tab-content p{padding-bottom:10px;}
  .single-service{margin-bottom:40px;}
  .ss-left p{font-style: italic;opacity: 0.5;}
  .sub-title{ font-size: 28px; color: #fff;font-family: 'brushabilityscript'; float: left; width: 100%;}
  .page-about a{color:#c39b5d;}
  .wel-img{float: right; text-align: right;}
  .btn-round {float: left; width: 100%; margin:40px 0 0 0; position: relative;}
  .btn-round:after{content: ''; position: absolute; left: 12px; width:30px; height: 1px; background: #fff; top:9px!important;}
  .btn-round a{ padding: 12px 20px 12px 50px; border:solid 1px #fff; color: #fff; text-decoration: none; font-size: 16px; font-weight: 300; text-transform: uppercase;}
  .btn-round a:hover{border:solid 1px #efe59a;} 
  .btn-round:hover:after{background: #efe59a;}
  .btn-round2 {float: left; width: 100%; margin:40px 0 0 0; position: relative;}
  .btn-round2:after{content: ''; position: absolute; left: 12px; width:30px; height: 1px; background: #000; top: 14px;}
  .btn-round2 a{ padding: 12px 20px 12px 50px; border:solid 1px #c6c6c6; color: #000; text-decoration: none; font-size: 16px; font-weight: 300; text-transform: uppercase;}
  .btn-round2 a:hover{border:solid 1px #353535;} 
  .btn-round2:hover:after{background: #353535; }
  .btn-round3{float: left; width: 100%; margin:40px 0 0 0; position: relative;}
  .btn-round3:after{content: ''; position: absolute; left: 12px; width:30px; height: 1px; background: #000; top:9px;}
  .btn-round3 a{ padding: 12px 20px 12px 50px; border:solid 1px #c6c6c6; color: #000; text-decoration: none; font-size: 16px; font-weight: 300; text-transform: uppercase;}
  .btn-round3 a:hover{border:solid 1px #353535; background: #000; color: #fff;} 
  .btn-round3:hover:after{background: #fff;}
  .np a{float:left; color:#545454; margin-right:40px; text-decoration: none; background: url(../images/arrow-left.png) left 3px no-repeat; padding-left:22px; opacity: 0.4;}
  .np a:last-child{float:right; margin:0; background: url(../images/arrow-right.png) right 3px no-repeat; padding-right:22px;}
  .np a:hover{ opacity:1;}
  .welcome{float: left; width: 100%; padding:40px 0 30px 140px; position: relative; background: url(../images/welcome-bg.png) left top no-repeat;}
  .wel-subtitle{font-size: 30px; color: #353535;font-family: 'Kalam', cursive; padding-bottom:20px; display: block;}
  .welcome h1{font-size:64px; color: #c39b5d;font-family: 'brushabilityscript';line-height: 70px;margin-left: -100px;}
  .welcome .btn-round3{margin: 0;}
  .home-service{float: left; width: 100%; padding:0; position: relative; text-align: center;}
  .hs-subtitle{font-size: 30px; color: #353535;font-family: 'Kalam', cursive; padding-bottom:20px; display: block;}
  .home-service h2{font-size:54px; color: #c39b5d;font-family: 'brushabilityscript';line-height: 70px;}
  .service-box{float: left; width: 100%; position: relative;transition: ease-in-out 0.4s; padding-bottom: 60px;}
  .service-img{border:solid 7px #c39b5d; position: relative; width: 100%; padding:0; margin-bottom: 40px; overflow: hidden;transition: ease-in-out 0.4s;}
  .service-box h3{font-size:30px; color: #c39b5d;font-family: 'Kalam', cursive; padding-bottom:20px; display: block;}
  .service-box .btn-round3{float:left; width: auto; position: relative; left: 50%; margin-left: -80px; margin-top: 0;}
  .mar-top-80{margin-top: 80px;}
  .home-gallery{float: left; width: 100%; padding: 0 0 60px 0;}
  .home-gallery ul{float: left; list-style: none; width:100%; padding: 0; margin: 0; display:inline-flex;}
  .home-gallery ul li{width: auto; float: left;}
  .hg-img{position: relative; border:solid 3px #fff; float: left; width: 100%; overflow: hidden; padding: 0;}
  .service-box h4, .service-box h1{font-size:18px; color: #c39b5d; padding-bottom:40px; display: block;transition: transform .2s;}
  .mediapost .btn-round3 { float: none !important; }
  .blog-cont{float: left; width: 80%; margin:10%; margin-top: -30px; position: relative; background: #fff; padding:20px 20px 40px 20px;}
  .blog-img{position: relative; width: 100%; overflow: hidden; height: 260px;}
  .blog-img img{object-fit: cover; object-position: center; width: 100%; height: 60vh;}
  .blog-box img{transition: transform .2s;}
  #owl-insta .blog-img{height:auto;}
  .blog-box:hover img{transition: transform .5s;transform: scale(1.2);}
  .blog-box:hover .blog-cont{-webkit-box-shadow: -1px 0px 18px 3px rgba(0,0,0,0.21);-moz-box-shadow: -1px 0px 18px 3px rgba(0,0,0,0.21);box-shadow: -1px 0px 18px 3px rgba(0,0,0,0.21);transition: transform .5s;}
  .blog-box:hover h4{color: #000;}
  .blog-box:hover .btn-round3 a{border:solid 1px #353535; background: #000; color: #fff;} 
  .blog-box:hover :after{background: #fff;}
  .blog-box{padding-bottom: 0;}
  #owl-insta .blog-img img{height: auto !important;}
  .offer-home{float: left; width: 100%; padding: 0; margin-bottom: 60px;}
  .home-offer{float: left; width: 50%; padding: 0; position: relative; overflow: hidden; text-align: right; border:solid 1px #fff;}

  .offer-content{position: absolute; left: 0; text-align: left; top: 0; height: 101vh; padding:50px 30px; width:50%; background: url(../images/offer-bg1.png) right top no-repeat;}
  .offer-content h5, .offer-content p{color: #fff;}
  .offer-content h5{font-family: 'Kalam', cursive; font-size: 30px;}
  .offer-content p{padding: 0 10% 0 0;}
  .offer-content2{position: absolute; left: 0; text-align: left; top: 0; height: 101vh; padding:50px 30px; width:50%; background: url(../images/offer-bg-2.png) right top no-repeat;}
  .offer-content2 h5, .offer-content2 p{color: #fff;}
  .offer-content2 h5{font-family: 'Kalam', cursive; font-size: 30px;}
  .offer-content2 p{padding: 0 10% 0 0;}
  section.insta{float: left; width: 100%; padding:50px 0 60px 0; margin-bottom: 60px; position: relative; background: url(../images/insta-bg.png) left top no-repeat;}
  .inst-left{float: left; width: 15%; text-align: center; padding:80px 0 0 10px;}
  .inst-right{float: right; width: 85%;}
  .inst-left h4{ color: #c39b5d;font-family: 'brushabilityscript'; font-size: 36px;}
  #owl-insta .owl-prev{position: absolute; opacity:0.5; left:-160px; bottom:0px; background: url(../images/left-arrow.png) left top no-repeat; width: 44px; height: 9px;font-size: 0;}
  #owl-insta .owl-next{position: absolute; opacity:0.5; left: -80px; bottom:0px; background: url(../images/right-arrow.png) left top no-repeat; width: 44px; height: 9px;font-size: 0;}
  #owl-insta .owl-prev:hover, #owl-insta .owl-next:hover{opacity: 1;}
  #owl-carousel .owl-nav, #owl-service .owl-nav, #owl-blog .owl-nav, #pt-items .owl-nav, #mpt-items .owl-nav{display: none;}
  footer{float: left; width: 100%; background:url(../images/fotoer-bg.jpeg) left top no-repeat fixed; padding:60px 0 30px 0;background-size: 100%;}
  footer ul{color: #fff; font-size: 13px; list-style: none;}
  .fot-address{float: left; width: 100%; margin-top: 0px; padding:100px 40px; text-align: center; background: url(../images/footer-address-bg.png) center center no-repeat; background-size:94%;}
  .fot-address span{font-family: 'Kalam', cursive; font-size: 30px; float: left; width: 100%;} 
  .fot-address h6{font-size: 18px;}
  .fot-address h6 a{font-size: 24px;color:#000;text-decoration: none;}
  .fot-address h6 a:hover{color:#c39b5d;}
  .shortp{ color:#FFF !important; }
  .fot-address .fooemail{ font-size: 17px !important; }
  footer h5{color: #c39b5d;font-family: 'brushabilityscript'; font-size:50px;}
  .center-footer{margin-top:0px;}
  .center-footer .btn-round3 {float: left;width: 100%;margin: 20px 0 10px 10px;position: relative;}
  .center-footer .btn-round3 a{color:#fff; border:solid 1px #c39b5d;font-size: 10px;letter-spacing: 1px;}
  .center-footer .btn-round3::after{background:#fff;}
  .copyright{background: #0a0a0a; color: #fff; padding: 40px 0; font-size: 14px; font-weight: 300; float: left; width: 100%; border-top: solid 1px #fff;}
  .owl-dots{display: none!important;}
  .open-hour li{width: 100%; float: left; border-bottom: solid 1px #6d6d6d; padding-bottom: 10px; margin-bottom: 10px;}
  .open-hour li span{width: 50%; text-align: right; float: right;}
  
  .footer-nav{display: flex;padding-top: 0;margin: 0;}
  .footer-nav li{padding-bottom: 0px; padding: 0 15px;}
  .footer-nav li a{color: #fff;}
  .copyright span{text-align: right; float: right;}
  .footer-certicate-block{ display: flex;flex-wrap: wrap;width: 100%; }
  .footer-certicate-block .right{width: 100%;display: flex;align-items: center; column-gap: 10px;    margin-top: 10px;}
  .footer-certicate-block .right img{width: 40%;object-fit: contain;}
  .lux-award img {
      height: 200px;
	  object-fit: contain;
  }
  .lux-award{
    margin-bottom: 10px;
  }

  .social-box {
    display: flex;
    align-items: center;
  }
  .social-box .social{
    display: flex;
        margin: 0;
  }
  footer ul.social {
    display: flex;
}
.footer-nav li:first-child {
    padding: 0 15px 0 0;
}
footer ul.social li:first-child {
    margin-right: 10px;
}
footer ul.social img {
    width: 24px;
}
  /* inner pages css */
  .table-responsive br{display:none;}
  .inner-slider{float: left; width: 100%; padding: 0; margin-bottom: 60px;} 
  .inner-slider img{object-fit: cover; object-position: center; width: 100%;}
  .as-content {
    position: absolute;
    top:70%;
    transform: translate(-0%, -50%);
    left:0%; width: 100%;
    text-align:center;
  }
  .as-content .slider-text { font-family: 'brushabilityscript'; font-size:50px; width: 100%;}
  .blog-list .blog-cont{margin:30px 0; text-align: left; width: 100%; padding: 0;}
  .blog-list h4{font-size: 24px; min-height: 80px; padding-bottom: 20px; text-align: left;}
  .blog-list .btn-round3{left: 0; margin: 0;}
  .blog-list .blog-img{height: 380px; overflow: hidden;}
  .pager-main{float: left; width: 100%; border-top:solid 1px #f1f1f1; margin:10px 0; padding: 20px 0;}
  .pager-main ul li a, .pager-main a{color: #000; opacity: 0.5; padding:4px 6px;}
  .pager-main ul li a:hover, .pager-main a:hover{opacity: 1; border:none;}
  .blog-main h4, .blog-main h1{text-align: left;}
  .blog-main .blog-cont{margin:30px 0; text-align: left; width: 100%; padding: 0;}
  .blog-cont br{display: none;}
  .blog-cont p a{color:#c39b5d;}
  .brown{color: #000000;}
  .np{border-bottom: solid 1px #f1f1f1;border-top: solid 1px #f1f1f1; padding:10px; float: left; width: 100%;}
  .next, .prev{float: left; width:auto; padding: 0;}
  .next{float: right;}
  .next a, .prev a{opacity: 0.5; text-decoration: none; color: #000;}
  .next a:hover, .prev a:hover{opacity:1;}
  .blog-categroy{float: left; width: 100%; text-align: left; padding:30px 20px; margin-bottom: 30px; background: url(../images/blog-right-bg.png) left top no-repeat;}
  .blog-post{float: left; width: 100%; text-align: left; padding:30px 20px; margin-bottom: 30px; background: url(../images/blog-right-bg2.png) left top no-repeat;}
  .blog-categroy h5, .blog-post h5{color: #fff;}
  .blog-categroy ul, .blog-post ul{list-style: none; width: 100%; padding: 0; margin: 0;}
  .blog-categroy ul li, .blog-post ul li{float: left; width: 100%; padding-bottom:12px;}
  .blog-categroy ul li a, .blog-post ul li a{color: #fff;}
  .blog-categroy ul li a:hover, .blog-post ul li a:hover{opacity: 0.5}
  .gallary-img{float: left; width: 100%; padding: 0; margin-bottom: 32px; overflow: hidden;transition: transform .2s; }
  .fancybox{float: left; width: 100%; padding:0px; border:solid 1px #fff; background: #000;transition: transform .4s;}
  .fancybox:hover img, .service-img:hover img, .hg-img:hover img, .blog-img:hover img{transform: scale(1.5);transition: transform .6s; opacity: 0.9}
  .team-list{float: left; width: 100%; text-align: center; padding-bottom: 40px;}
  .team-img{float: left; width: 100%; padding: 0 0 30px 0;}
  .team-content{float: left; width: 100%; padding: 0;} 
  .team-content h3, .modal-body h3{font-family: 'brushabilityscript'; font-size:40px; color: #c39b5d; padding-bottom: 6px;}
  .team-content p{font-size: 20px; padding: 0; min-height:54px;}
  .team-content .btn-round3 {width: auto; margin: 20px 0 0 0; left: 50%; margin-left: -80px;}
  .team-list:hover img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */filter: gray; /* IE6-9 */-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}
  .blog-cont-new {float: left;width: 100%;min-height: 146px;   }
  .modal-content{border:solid 10px #d0d0d0;}
  .modal-body h6{font-size: 20px; font-weight: 400;}
  .sign{font-family: 'brushabilityscript'; font-size:30px;}
  .page-about{padding: 0 0 30px 0; background-position:left bottom;}
  .page-about ul{padding-left: 20px;}
  .video-section{position: relative; width: 100%; padding:80px 0; margin-bottom: 60px; float: left; background: url(../images/video-bg.jpg) left top repeat fixed;}
  #owl-carousel iframe, #owl-carousel video{float: left; border:solid 1px #fff; width: 100%!important;}
  .video-box{float: left; width:80%;padding: 0;}
  .video-box-main .slider-content{ width: 300px; height: 200px; top: 50%; z-index: 9; margin-top:0px; position: absolute; background: #fff; padding:40px 20px; right:0px; left: auto;}
  .video-box-main{position: relative; width: 100%;}
  .video-box-main #owl-carousel .owl-nav{display: none;}
  .video-box-main h5{font-weight: 800; opacity: 0.5}
  .video-box-main h4{font-family: 'brushabilityscript'; font-size:50px; padding-bottom: 0;}
  .nav > li > a{padding: 0 7px; opacity: 0.2}
  .nav > li > a:hover{color: #000; opacity: 1;}
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{opacity: 1; color: #000; padding:0 7px;}
  .gallery-title{position: absolute; top: 36%; left: 20%; text-align: center; width:60%; line-height: 60px; font-family: 'Kalam', cursive; font-size: 50px; color: #fff;}
  .single-service{text-align: left; border:solid 1px #f1f1f1;}
  .ss-img{padding-bottom: 30px; float: left; width: 100%;}
  .table-responsive thead{background: #c39b5d; color: #fff; font-size: 16px;}
  .single-service h3{font-family: 'brushabilityscript'; font-size:40px; padding-bottom:20px; color: #c39b5d;text-align:left;}
  .page-cms ul, .page-cms ol{padding:0 0 40px 20px;}
  .pageContent { width:100%; margin: 0 auto; }
  .accordion { list-style-type: none; padding: 0; margin:40px 0 0 0px; float: left; width: 100%; }
  .accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
  .accordion li {  cursor: pointer; list-style-type: none; padding: 0; margin: 0 0 10px 0; float: left; display: block; width:100%; text-align: left;}
  .accordion li.active>a { background:url(../images/faq-arrow-open.png) right 20px no-repeat; color: #000; }
  .accordion li .acont { padding: 10px; cursor: default; background:transparent; color: #000; float: left; display: block; clear: both; float: left; width: 100%;}
  .accordion a { text-decoration: none; color: #222;  font-size: 20px; font-weight:400;border-bottom:solid 1px #f1f1f1; padding:16px 30px 16px 0px; display: block; float: left; width: 100%; cursor: pointer; background: url(../images/faq-arrow.png) right 20px no-repeat;}
  .accordion li div span a{font-weight: 600; color: #f48f0f; background: none; display: inline; font-size: 16px; padding: 0;}
  .contact-bttn{float: left; margin:1px 0 0 0; position: relative;}
  .contact-bttn:after{content: ''; position: absolute; left: 12px; width:30px; height: 1px; background: #000; top: 24px;}
  .contact-bttn{ padding: 12px 20px 12px 50px; border:solid 1px #c6c6c6; color: #000; text-decoration: none; font-size: 16px; font-weight: 300; text-transform: uppercase;}
  .contact-bttn:hover{border:solid 1px #353535; background: #000; color: #fff;} 
  .contact-bttn:hover:after{background: #fff;}
  .pageContent ul{margin:0;}
  .contact-bttn input{background: none; border:0;}
  .red{color: #ff0000;}
  .offer-box{float: left; width: 100%; border:solid 1px #f1f1f1;}
  .offer-cont{padding:20px 0; float: left; width: 100%;}
  .offer-cont h4{font-family: 'brushabilityscript'; font-size:30px; padding-bottom:20px; color: #c39b5d;}
  .offer-cont p{padding-bottom: 10px;}
  .offer-cont ul{ list-style: none; padding: 0; margin:0;}
  .offer-cont ul li{float: left; padding-right: 10px;}
  .offer-cont .btn-round3{margin:10px 0;}
  .top-box img{object-fit: cover; width: 100%; height: 70vh; text-align: right;}
  .mar-top-60{margin-top: 60px;}
  .acont ol{float: left; width: 50%; padding: 20px 0 0 0; list-style: none;}
  .acont ol li{background: url(../images/arrow-gray.png) left center no-repeat; float: left; padding-left: 20px;}
  .offer-cont .btn-round3::after{top: 10px;}
  .button-dark{float: left; width: 100%; margin:10px 0 0 0; position: relative;}
  .button-dark:after{content: ''; position: absolute; left: 12px; width:30px; height: 1px; background: #fff; top:10px;}
  .button-dark a{ padding: 12px 20px 12px 50px; border:solid 1px #c7a05b; background:#c7a05b; color: #fff; text-decoration: none; font-size: 16px; font-weight: 300; text-transform: uppercase;}
  .button-dark a:hover{border:solid 1px #000; background: #000; color: #fff;} 
  .button-dark:hover:after{background: #fff;}
  .modal-body ul{padding: 20px 0 20px 20px;}
  .show .open-hour{width:100%; float:left;padding:0;margin-top: -30px;}
  .show .open-hour li{ color:#fff;}
  .head-fix .burger{top:0px;}
  .page-about h1{margin:0;}
  .nav-tabs{float:left; width:100%;text-align: center;}
  .single-service{float:left; width:100%;}
  .nav-tabs > li{float:none; text-align:center; display:inline-block;}
  section.pt-section {display: inline-block;width: 100%;padding: 4em 0 5em;}
  section.pt-section .item {display: flex;-webkit-display: flex;-ms-display: flex;}
  section.pt-section .item .lg-item {width: 100%;padding: 10px 15px;text-align: center;}
  section.pt-section .item .lg-item img {max-height: 200px;width: auto;margin: 0 auto;}
  h2.title {font-size: 54px;color: #c39b5d;font-family: 'brushabilityscript';line-height: 70px;}
  section.pt-section .owl-carousel .owl-stage {margin: 0 auto;}
  section.pt-section h2.title {padding-bottom: 0;}
  .accordion.acc-clrtitle li a {color: #c39b5d;}
  ol.wi100{width:100%;}
  .service-box.blog-main h3 a {
      color: inherit;
      text-decoration: none;
  }
  /* hide social icons */
  /*.social li, .social, .insta-none{display:none;}*/
  .margin-btm-zero{margin-bottom:0;}
  /* responsive ================== */
  .header-mob-icon22{display:none;}
  .footer-nav{padding-top:0px;}
  #owl-insta{height: 300px;}

 
  @media screen and (min-width:1921px) {
    .insta{padding:0;}
    .inst-left{padding: 140px 0 0 0;}
  }
  @media screen and (max-width:1700px) {
    .logo{width:80%; margin-top: 0;}
    .header-menu{margin-top: 42px;}
    .burger{top: 47px;}
    .slider-text {font-size: 80px;line-height:64px; }
    header ul li a{font-size:13px;}
    .slider-text {width:60%;}
  }
  @media screen and (max-width:1360px) {
    header ul li a{font-size:13px;}
    .btn-round3 a, .button-dark a{padding: 12px 14px 12px 42px; font-size:14px;}
    .button-dark::after, .btn-round3::after{width: 20px;}
    .footer-nav li:first-child {
    padding: 0 7px 0 0;
}
.footer-nav li {
  padding: 0 7px;
}
  }
  @media screen and (max-width:1024px) {
    footer{ background:url(../images/Footer-bg-ipad.png) center top no-repeat; background-size:cover; padding: 30px 10px;}
     footer{ background:url(../images/Footer-bg-ipad.png) center top no-repeat; background-size:cover; padding: 30px 10px;}
    header{position:fixed;}
    .slider-text{font-size: 50px; line-height: 50px;} 
    .center-footer { margin-top: 0;}
    .center-footer .btn-round3{margin: 20px 0 50px 0px;}
    .welcome h1, .home-service h2, h2.title{font-size: 40px; line-height:40px;} 
    .mar-top-80{margin-top: 40px;}
    .btn-round3::after{top: 9px;}
    .home-service{padding:0 20px; margin-top:40px;}
    .blog-home{padding:0px;}
    .inst-left{width:100%;}
    section.insta{background:none; padding:0;}
    .inst-right{width:100%;}
    .apif-masonry-box{width:25%!important}
    .welcome{padding:60px 20px;background: url(../images/welcome-bg.png) left 0px no-repeat;}
    .gallery-title{top: 26%; line-height: 40px;}
    .offer-content, .offer-content2{padding: 30px 20px;}
    .offer-home, .insta{margin-bottom: 10px;}
   
    
    .footer-nav li:first-child {
    padding: 0 5px 0 0;
}
.footer-nav li {
    padding-bottom: 0px;
    padding: 0px 5px;
}
    .center-footer .btn-round3 a{
      font-size: 9px;
    }
    footer{ background-size:cover;}
    .fot-address h6, .fot-address h6 a{font-size: 12px;}
    .fot-address h6 a.fooemail{ font-size: 13px !important; }
    .inner-slider{margin: 0;}
    .inner-slider{margin-bottom: 30px!important;}
    .video-box-main .slider-content{ display: none;}
    .video-box-main iframe{height: 520px;}
    .video-box{width: 100%;}
    .video-box-main #owl-carousel .owl-nav{display: none;}
    .video-section{margin-bottom: 0; padding: 40px 0;}
    .blog-page{padding-top: 60px;}
    .blog-list .blog-img{height: 290px;}
    .service-box, .page-about{padding-bottom: 30px;}
    .burger{display: none;}
    .button-dark{margin-top:30px;}
    .offer-box.top-box{margin-top:30px;}
    .panel-heading{margin-top: 30px;}
    .service-box.blog-box{padding:0;}
    .welcome h1{margin-left: 0;}
    .header-mob-icon22 {display: block;float: right;margin-right: 30px;margin-top:-25px; }
    .head-fix .header-mob-icon22{margin-top:5px;}
    .mob-email{float:right; margin-right:30px;}
    .mob-email i{color:#fff; font-size:24px;}
    #owl-insta{height:auto;}
  }
  @media screen and (max-width:1300px) {

  }

  @media screen and (max-width:1024px) {

  }
  @media screen and (max-width:991px) {
   .sub-title{font-size: 20px; width:60%;}
   .slider-text {font-size: 40px; line-height: 40px; padding-bottom: 10px;}
   .welcome h1, .home-service h2, h2.title{font-size:30px; line-height:30px;} 
   p{padding-bottom: 10px;}
   .welcome{background-size: 50%;}
   .mar-top-80{margin-top: 0;}
   .gallery-title{font-size: 30px;}
   .home-offer{width: 100%;}
   .offer-content, .offer-content2{padding: 30px 20px;}
   .open-hour li span{float: left; text-align: left; width: 100%;}
   .insta{background:none; padding: 30px 0;}
   .inst-left{float: left; width: 100%; padding:0 0 10px 0;}
   .inst-right{float: right; width: 100%; padding: 0 20px;}
   .copyright, .copyright span{text-align: center; width: 100%;}
   .blog-cont p{padding-bottom: 30px;}
   .blog-categroy h5, .blog-post h5{font-size: 20px;}
   #owl-carousel img{height: 50vh;}
   .fot-address{
    height: 384px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-size: contain;
    padding: 0;
    margin-bottom: 10px;
  }
   footer{ background:url(../images/Footer-bg-ipad.png) center top no-repeat; background-size:cover; padding: 30px 10px;}
   .service-box{padding: 0 0 30px 0;}
   .blog-cont{width: 90%; margin: 5%;}
   .home-gallery{padding-bottom: 30px;}
   .offer-box{border:0;}
   .mob-none{display: none;}
   .button-dark{margin-top:10px;}
   #owl-service .owl-nav{display:block;}
   .header-mob-icon22 {margin-right: 50px; }
  .center-footer .btn-round3 a{padding: 12px 14px 12px 38px;}


  }
  @media screen and (max-width:767px) {
    .lux-award{
    text-align: center;
   }
    .modal-content, .modal-dialog{width: 97%;}
    .np{margin-bottom: 40px;}
    footer{float: left; width: 100%;  background:url(../images/footer-bg-new.png) no-repeat center top #000;  padding:60px 0 30px 0; background-size: cover;}
    section.pt-section .item {display: inline-block;}
    section.pt-section .item .lg-item {width: 100%;}
    .acont ol {width:100%}
    .rta{float: left; background:url(../images/scroll-icon.png) left bottom no-repeat; width:100%; 
      position:relative; padding-bottom:20px; margin-bottom: 30px;}
    .header-mob-icon22 {
    margin-right: 50px;
    position: absolute;
    right: 0;
    top: 52px;
  }
  .footer-certicate-block .left, .footer-certicate-block .right {
      width: 100%;
  }
   
   .footer-certicate-block .right img{
    padding:0px;
    margin-bottom: 10px;
   }
  	.laserhairremovaldiv{ background: none;padding: 0;margin: 0; }
    .social-box{
          align-items: center;
       justify-content: center;
    }
    .footer-nav li:first-child,
    .footer-nav li{
      padding: 0;
    }
    .footer-nav{
        flex-direction: column;
      justify-content: center;
      text-align: center;
    }
    footer ul.social{
      display: flex;
    justify-content: center;
    margin-top: 20px;
    }
  }
  @media screen and (max-width:576px) {
    .fot-address{
          height: 320px;
    }
    .footer-certicate-block .right img{
          width: 50%;
    }
    .center-footer .btn-round3{margin: 20px 0 0px 0px;}
    .logo{margin-top: 0;width: 110px;}
    #owl-carousel .item img{height: 60vh; object-position: right; object-fit: cover; width: 100%; display:block;}
    .slider-content{display: block; top: 74%;}
    .wel-img{padding-top: 40px;}
    .home-gallery ul{display: block;}
    .home-gallery ul li{width: 100%;}
    .offer-content .btn-round, .offer-content2 .btn-round{display: block;margin: 20px 0 0 0;}
    .offer-content, .offer-content2{width: 75%; padding: 10px;}
    .offer-content p, .offer-content2 p{font-size: 12px; line-height: 16px;}
    .offer-content h5, .offer-content2 h5{font-size: 20px; padding-bottom: 10px;}
    .open-hour li span{float: right; width: 40%; text-align: right;}
    .slider-text {width: 260px; }
    .open-hour li{font-size: 14px;}
    footer h5{font-size: 36px;}
   
    .video-box-main iframe{height: 220px;}
    .inner-slider img{height:40vh; object-position: right; object-fit: cover; width: 100%;}
    .welcome{background: none; padding: 30px 0;}
    .btn-round3{margin: 20px 0;}
    .service-img{margin-bottom: 20px;}
    
    .footer-nav{padding-left: 0;}
    .mean-container .mean-nav{width: 100%; right: 0;}
    .snip1198 a:hover::before, .snip1198 .current a::before, .snip1198 .active a::before{border:none;}
    .snip1198 .current a{color: #c39b5d;}
    footer .col-xs-12{padding:0 10px;}
    footer{padding: 30px 0 0 0;}
    .as-content .slider-text{font-size: 30px; padding-left:10px; text-align:left;}
    .panel{margin:0;}
    .snip1198{padding-bottom: 0;}
    .panel-body{padding: 10px;}
    .offer-box{padding-top:10px; border:none; margin: 0;}
    .btn-round3 a{float: left;}
    .offer-cont .btn-round3::after {top: 24px;}
    .mob-none{display: none;}
    .pad-zero{padding-top: 30px;}
    .home-service.page-gallery{padding-top: 0px;}
    .nav-tabs{padding-bottom:16px;}
    .btn-round3::after { top: 23px;}
    .blog-list .blog-cont{margin: 10px 0 30px 0;}
    .blog-cont p{padding-bottom: 10px;}
    .blog-page{padding-top: 30px;}
    .panel-heading{margin-top: 0;}
    .gallery-title {font-size: 60px;line-height: 60px; }
    body{ font-weight: 300;}
    .nav-tabs > li{width:50%; margin-bottom:5px!important;}
    .single-service h3{font-size:30px;}
    .table-responsive{margin:20px 0 40px 0;}
    .header-mob-icon22 {margin-right: 50px;position: absolute;right: 0;top: 52px;}
    .head-fix .header-mob-icon22{top:22px;}
    .slider-content{ text-shadow: 2px 2px 4px #000000;}
    .slider-text {font-size: 30px;line-height: 30px;padding-bottom: 10px; text-shadow: 2px 2px 8px #000000;}
    section.insta{padding-top:30px;}
    .apif-masonry-box {width: 50% !important;}
    .copyright{border:none; padding:30px 0;}
  }
  @media screen and (max-width:480px) {
   .nav-tabs > li > a{font-size:14px; font-weight:600;}
   .nav-tabs > li{float:left; width:50%; text-align:left;}
   .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{font-size:14px;}
   .ss-img img{height:auto;object-position: right;object-fit: cover;width: 100%; }


  .home-offer{overflow:hidden;}
  .home-offer img{margin-right:-40%;}
  }
  
  @media screen and (min-width: 767px) and (max-width:991px){
    .head-fix .header-mob-icon22{margin-top: 0;}
    .fot-address {width: 300px;height: 300px;margin: 0 auto;display: block;float: right;padding-top: 50px;margin-top: 0px;}
    .fot-address {
      height: 618px;
      padding: 240px 20px 0 20px;
    }
  }
  @media (min-width: 968px){
    #staticBackdrop .modal-sm {width: 400px;}
  }
  .modal-open #staticBackdrop.modal{ background-color: transparent; }
  .modal-open #staticBackdrop.modal.in {display: flex!important;align-items: center!important;}
  .modal-dialog {flex-grow: 1;}
  section.home-service.blog-page.piksingglclsectiond {
    background-image: url(https://www.thecolourpalettesalon.co.uk/wp-content/uploads/2020/06/color-1.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: -60px;
    padding-top: 60px;
    position: relative;
  }
  section.home-service.blog-page.piksingglclsectiond::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;height: 50%;
    background-image: url(https://www.thecolourpalettesalon.co.uk/wp-content/uploads/2020/06/color-2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
  }
  section.home-service.blog-page.piksingglclsectiond::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;height: 90%;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 1) 60%, rgba(253, 223, 225, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 1) 60%, rgba(253, 223, 225, 1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 1) 60%, rgba(253, 223, 225, 1) 100%);
    z-index: 1;
    mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply;
    -ms-mix-blend-mode: multiply;
  }
  section.home-service.blog-page.piksingglclsectiond > div {
    position: relative;z-index: 2;
  }
  section.home-service.blog-page.piksingglclsectiond .mypink {
    background:none !important;background-image: none !important;
    background-color: transparent !important;
  }
  section.home-service.blog-page.piksingglclsectiond .blog-main .blog-cont {
    background-color: transparent;
  }
  .home-service.blog-page .service-box.blog-list .blog-img, .home-service.blog-page .service-box.blog-list .blog-img img, section.home-service.blog-home .service-box.blog-box .blog-img img {height:auto;}
  .blog-img img {transition: transform .6s;-webkit-transition: transform .6s;-ms-transition: transform .6s;}
  @media screen and (max-width:767px) {
  	section.home-service.blog-page.piksingglclsectiond::after {background-image: url(https://www.thecolourpalettesalon.co.uk/wp-content/uploads/2020/06/mobile-pelette.png);background-size: 700px auto;}  
  }
  /* IE Browser Issue */
  @media screen and (-ms-high-contrast: none) {
    section.home-service.blog-page.piksingglclsectiond::before {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 0.6) 60%, rgba(253, 223, 225, 0.6) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 0.6) 60%, rgba(253, 223, 225, 0.6) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 0.6) 60%, rgba(253, 223, 225, 0.6) 100%);}
  }
  /* Edge Browser Issue */
  @supports (-ms-ime-align:auto) {
    section.home-service.blog-page.piksingglclsectiond::before {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 0.6) 60%, rgba(253, 223, 225, 0.6) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 0.6) 60%, rgba(253, 223, 225, 0.6) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 0.6) 60%, rgba(253, 223, 225, 0.6) 100%);}
  }




  section.home-service.blog-page.learningsingglclsectiond {
    background-image: url(https://www.thecolourpalettesalon.co.uk/wp-content/uploads/2020/08/learn-color-1.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: -60px;
    padding-top: 60px;
    position: relative;
  }
  section.home-service.blog-page.learningsingglclsectiond::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;height: 50%;
    background-image: url(https://www.thecolourpalettesalon.co.uk/wp-content/uploads/2020/08/learn-color-2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
  }
  section.home-service.blog-page.learningsingglclsectiond::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;height: 90%;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(238, 225, 250, 1) 60%, rgba(238, 225, 250, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(238, 225, 250, 1) 60%, rgba(238, 225, 250, 1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(238, 225, 250, 1) 60%, rgba(238, 225, 250, 1) 100%);
    z-index: 1;
    mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply;
    -ms-mix-blend-mode: multiply;
  }
  section.home-service.blog-page.learningsingglclsectiond > div {
    position: relative;z-index: 2;
  }
  section.home-service.blog-page.learningsingglclsectiond .mypink {
    background:none !important;background-image: none !important;
    background-color: transparent !important;
  }
  section.home-service.blog-page.learningsingglclsectiond .blog-main .blog-cont {
    background-color: transparent;
  }
  .home-service.blog-page .service-box.blog-list .blog-img, .home-service.blog-page .service-box.blog-list .blog-img img, section.home-service.blog-home .service-box.blog-box .blog-img img {height:auto;}
  .blog-img img {transition: transform .6s;-webkit-transition: transform .6s;-ms-transition: transform .6s;}
  @media screen and (max-width:767px) {
  	section.home-service.blog-page.learningsingglclsectiond::after {background-image: url(https://www.thecolourpalettesalon.co.uk/wp-content/uploads/2020/08/learn-mobile-pelette.png);background-size: 700px auto;}  
  }
  /* IE Browser Issue */
  @media screen and (-ms-high-contrast: none) {
    section.home-service.blog-page.learningsingglclsectiond::before {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 0.6) 60%, rgba(253, 223, 225, 0.6) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 0.6) 60%, rgba(253, 223, 225, 0.6) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 0.6) 60%, rgba(253, 223, 225, 0.6) 100%);}
  }
  /* Edge Browser Issue */
  @supports (-ms-ime-align:auto) {
    section.home-service.blog-page.learningsingglclsectiond::before {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 0.6) 60%, rgba(253, 223, 225, 0.6) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 0.6) 60%, rgba(253, 223, 225, 0.6) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(253, 223, 225, 0.6) 60%, rgba(253, 223, 225, 0.6) 100%);}
  }


  /* new css by 21-08-2020 */
  .offermain.wow.fadeInUp.oscial-post {
    position: relative;
    margin-top: -60px;
  }

  .owl-social .owl-nav{display:none!important;}
  .owl-social .owl-dots {
    display: block !important;
    width: 100%;
    text-align: center;
    position: relative; z-index:9; margin-top:-30px;
  }
  .owl-social .owl-dot {
    background: #fff;
    width: 10px;
    height: 10px;
    display: inline-block;-webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; opacity:0.7; margin:0 5px;
  }
  .owl-social .owl-dot.active { opacity:1;}
  .op-box{border:solid 1px #e8e8e8; float: left; width: 100%; margin-bottom: 20px; position: relative; background: #fff;}
  .left-part{float: left; width: 50%; position: relative; overflow: hidden;transition: transform .2s; height:54vh;}
  .left-part img{width: 100%; height:100%; object-fit: cover; object-position: top;}
  .left-part span{background:url(../images/offer/arrow-offer.png) left top no-repeat; position:absolute; right: 0; top: 10px; width: 25px; height: 53px;}
  .right-part{float: left; width: 50%;transition: transform .4s; padding:30px;}
  .left-part img{transition: transform .4s;}
  .op-box:hover .left-part img{transform: scale(1.2);transition: transform .6s; opacity: 0.9;transition: transform .6s;}
  .margin-zero{margin-bottom: 0;}
  .offermain{background: url(../images/welcome-bg.png) left top no-repeat; float: left; width: 100%; padding: 40px 0;}
  .op-bottom{position: absolute; bottom: 10px; left: auto; width:45%; right:0px;}
  .date{padding-top: 30px; float: left; width: 100%; position:relative; z-index:99;}
  .date span{float: left; padding-right: 10px;}
  .date-inner{opacity: 0.5;}
  .like{padding-left:0px; opacity: 0.5; width: 70px;}
  .like img{float: left; padding-right: 10px;}
  .addtolike span{margin-top: 0px; float: left;}
  .like:hover{opacity: 1;}
  .op-modal .modal-content{background: #c39b5d; width: 100%; border:solid 10px #fff; position: relative; padding: 0;}
  .op-modal .close{ background: #fff; border:solid 1px #c39b5d; padding:10px 15px; right: -15px; top: -15px; position: absolute; opacity: 1;-webkit-border-radius: 30px;
  -moz-border-radius: 30px; z-index: 9999;
  border-radius: 30px; color: #c39b5d; font-size: 20px; cursor: pointer;}
  .op-modal .left-img{float: left; width: 100%; padding: 0;}
  .op-modal .left-img img{width:100%; object-fit:cover; object-position:center;}
  .op-modal .right-cont{float: left; width:100%; padding:40px 20px 20px 20px;color: #fff;}
  .op-modal .right-cont p{color: #fff;}
  .right-cont .date-inner, .right-cont .like{color: #fff; opacity: 1}
  .op-modal .right-cont p {
    color: #fff;
  }
  .st-btn {
    width: 30px;
    float: right;
    padding: 0;
  }
  .social-home{padding-top:20px; background: none;}
  .social-home .right-part{text-align:left; }
  .owl-social-home .owl-nav{display: none!important;}
  .social-home .left-part{height:50vh;}
  .st-btn {
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -moz-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      color: white;
      cursor: pointer;
      display: inline-block;
      width: 28px;
      opacity: 1;
      overflow: hidden;
      padding-left: 0px;
      position: relative;
      text-align: left;
      top: 0;
      vertical-align: top; margin-left: 10px;
      
  }
  .social-home .blog-cont {
    float: left;
    width: 200px;
    margin: 0;
    margin-top: 0;
    position: relative;
    background: #fff;
    padding:0;
    left: 50%;
    margin-left: -100px;
  }

  .social-home .blog-cont .btn-round3::after{left: 32px;}
  @media screen and (max-width:1200px) {
    .left-part{height: 40vh;}
    .social-home .left-part{height: 30vh;}
    .social-home{padding: 0 10px;}
    .date-inner{width: 100%; padding-bottom:5px; float: left;}
    .st-btn{margin-left: 10px;}
    .social-home .blog-cont .btn-round3, .social-home .blog-cont, .social-home .blog-cont .btn-round3 a{width: 160px!important;}
    .social-home .blog-cont{margin-left: -80px;}
     
  }

  @media screen and (max-width:800px) {
    .right-part{ padding: 10px; }
    .op-box{background: #fff; }
    .right-part p{font-size: 13px; line-height: 16px;}
    .right-part .btn-round3 a{
    padding: 3px 5px 3px 36px;
    font-size: 12px;
  }
  .op-bottom {
    position: relative;
    bottom: 0;
    left: auto;
    width: 100%;
    right: 0px;
    float: left;
  }
  .right-part .btn-round3{margin: 0;}
  .date{padding-top: 10px; font-size:12px;}
  .right-part .btn-round3::after {
    top: 14px;
  }
   .left-part{height:30vh;}
   .social-home .left-part{height: 25vh;}
   .right-part p{width: 130px; word-wrap: break-word;}
  }
  @media screen and (max-width:767px) {
   .social-home .left-part{height:60vh;}
  }
  @media screen and (max-width:600px) {
  .op-modal .left-img, .op-modal .right-cont{width: 100%;}
  .op-modal .modal-content{width: 97%;}
  .left-part{height:40vh;}
  .social-home .left-part{height:auto;}
  .date span{padding-right: 5px;}
  .st-btn {width: 24px;}
  	.date span{position:relative; z-index:999; cursor:pointer;}
  	.owl-social-home .left-part img{height:40vh;}
  }
   
  .mb3m{}
  .mb3m p.mcsd{text-align:center; line-height: 0.9;}

  .list-more {
      display:none;  
  }
   
  #loadMore {
      padding: 14px;
      text-align: center;
      color: #000;
      border: solid 1px #c6c6c6;
      transition: all 600ms ease-in-out;
      -webkit-transition: all 600ms ease-in-out;
      -moz-transition: all 600ms ease-in-out;
      -o-transition: all 600ms ease-in-out;
      width: 160px;
      margin: 0 auto;
      float: left;
      position: relative;
      left: 50%;
      margin-left: -80px;
      text-transform: uppercase; text-decoration: none;  
  }
  #loadMore:hover { 
      color: #fff;  border:solid 1px #242424; background: #000;
  }
  .loadMore-btn{float: left; width: 100%; padding:30px 0 0 0;}
  .footer-logo{float:left; width:100%; clear:both;padding:10px 0 0 0;}
  @media screen and (max-width:600px) {
  	.footer-logo{padding:0;}
  }


  section.home-service.blog-page.spotlightsingglclsectiond {
    background-image: url(https://www.thecolourpalettesalon.co.uk/wp-content/uploads/2020/09/AnimalprintFaded1.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: -60px;
    padding-top: 60px;
    position: relative;
  }
  section.home-service.blog-page.spotlightsingglclsectiond::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;height: 50%;
    background-image: url(https://www.thecolourpalettesalon.co.uk/wp-content/uploads/2020/09/AnimalprintFaded2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
  }
  section.home-service.blog-page.spotlightsingglclsectiond::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;height: 90%;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(198, 215, 222, 1) 60%, rgba(198, 215, 222, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(198, 215, 222, 1) 60%, rgba(198, 215, 222, 1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(198, 215, 222, 1) 60%, rgba(198, 215, 222, 1) 100%);
    z-index: 1;
    mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply;
    -ms-mix-blend-mode: multiply;
  }
  section.home-service.blog-page.spotlightsingglclsectiond > div {
    position: relative;z-index: 2;
  }
  section.home-service.blog-page.spotlightsingglclsectiond .myspotlight {
    background:none !important;background-image: none !important;
    background-color: transparent !important;
  }
  section.home-service.blog-page.spotlightsingglclsectiond .blog-main .blog-cont {
    background-color: transparent;
  }
  .home-service.blog-page .service-box.blog-list .blog-img, .home-service.blog-page .service-box.blog-list .blog-img img, section.home-service.blog-home .service-box.blog-box .blog-img img {height:auto;}
  .blog-img img {transition: transform .6s;-webkit-transition: transform .6s;-ms-transition: transform .6s;}
  @media screen and (max-width:767px) {
  	section.home-service.blog-page.spotlightsingglclsectiond::after {background-image: url(https://www.thecolourpalettesalon.co.uk/wp-content/uploads/2020/09/AnimalprintFaded-mobile.png);background-size: 700px auto;}  
  }
  /* IE Browser Issue */
  @media screen and (-ms-high-contrast: none) {
    section.home-service.blog-page.spotlightsingglclsectiond::before {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(198, 215, 222, 0.6) 60%, rgba(198, 215, 222, 0.6) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(198, 215, 222, 0.6) 60%, rgba(198, 215, 222, 0.6) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(198, 215, 222, 0.6) 60%, rgba(198, 215, 222, 0.6) 100%);}
  }
  /* Edge Browser Issue */
  @supports (-ms-ime-align:auto) {
    section.home-service.blog-page.spotlightsingglclsectiond::before {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(198, 215, 222, 0.6) 60%, rgba(198, 215, 222, 0.6) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(198, 215, 222, 0.6) 60%, rgba(198, 215, 222, 0.6) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(198, 215, 222, 0.6) 60%, rgba(198, 215, 222, 0.6) 100%);}
  }

  /* Client Blogs */

  section.home-service.blog-page.clientssingglclsectiond {
    background-image: url(https://www.thecolourpalettesalon.co.uk/wp-content/uploads/2020/10/img1.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: -60px;
    padding-top: 60px;
    position: relative;
  }
  section.home-service.blog-page.clientssingglclsectiond::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;height: 50%;
    background-image: url(https://www.thecolourpalettesalon.co.uk/wp-content/uploads/2020/10/img2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
  }
  section.home-service.blog-page.clientssingglclsectiond::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;height: 90%;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(239, 200, 175, 1) 60%, rgba(239, 200, 175, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(239, 200, 175, 1) 60%, rgba(239, 200, 175, 1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(239, 200, 175, 1) 60%, rgba(239, 200, 175, 1) 100%);
    z-index: 1;
    mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply;
    -ms-mix-blend-mode: multiply;
  }
  section.home-service.blog-page.clientssingglclsectiond > div {
    position: relative;z-index: 2;
  }
  section.home-service.blog-page.clientssingglclsectiond .myclient {
    background:none !important;background-image: none !important;
    background-color: transparent !important;
  }
  section.home-service.blog-page.clientssingglclsectiond .blog-main .blog-cont {
    background-color: transparent;
  }
  .home-service.blog-page .service-box.blog-list .blog-img, .home-service.blog-page .service-box.blog-list .blog-img img, section.home-service.blog-home .service-box.blog-box .blog-img img {height:auto;}
  .blog-img img {transition: transform .6s;-webkit-transition: transform .6s;-ms-transition: transform .6s;}
  @media screen and (max-width:767px) {
  	section.home-service.blog-page.clientssingglclsectiond::after {background-image: url(https://www.thecolourpalettesalon.co.uk/wp-content/uploads/2020/10/img-mobile.png);background-size: 700px auto;}  
  }
  /* IE Browser Issue */
  @media screen and (-ms-high-contrast: none) {
    section.home-service.blog-page.clientssingglclsectiond::before {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(239, 200, 175, 0.6) 60%, rgba(239, 200, 175, 0.6) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(239, 200, 175, 0.6) 60%, rgba(239, 200, 175, 0.6) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(239, 200, 175, 0.6) 60%, rgba(239, 200, 175, 0.6) 100%);}
  }
  /* Edge Browser Issue */
  @supports (-ms-ime-align:auto) {
    section.home-service.blog-page.clientssingglclsectiond::before {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(239, 200, 175, 0.6) 60%, rgba(239, 200, 175, 0.6) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(239, 200, 175, 0.6) 60%, rgba(239, 200, 175, 0.6) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(239, 200, 175, 0.6) 60%, rgba(239, 200, 175, 0.6) 100%);}
  }


  /* Stong Woman*/

  section.home-service.blog-page.strongwomensingglclsectiond { 
    background-image: url(https://www.thecolourpalettesalon.co.uk/wp-content/uploads/2021/01/inspirational-women-top.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: -60px;
    padding-top: 60px;
    position: relative;
  }
  section.home-service.blog-page.strongwomensingglclsectiond::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;height: 50%;  
    background-image: url(https://www.thecolourpalettesalon.co.uk/wp-content/uploads/2021/01/inspirational-women-bottom.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
  }
  section.home-service.blog-page.strongwomensingglclsectiond::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;height: 90%;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(247, 248, 195, 1) 60%, rgba(247, 248, 195, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(247, 248, 195, 1) 60%, rgba(247, 248, 195, 1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(247, 248, 195, 1) 60%, rgba(247, 248, 195, 1) 100%);
    z-index: 1;
    mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply;
    -ms-mix-blend-mode: multiply;
  }
  section.home-service.blog-page.strongwomensingglclsectiond > div {
    position: relative;z-index: 2;
  }
  section.home-service.blog-page.strongwomensingglclsectiond .mystrongwomen {
    background:none !important;background-image: none !important;
    background-color: transparent !important;
  }
  section.home-service.blog-page.strongwomensingglclsectiond .blog-main .blog-cont {
    background-color: transparent;
  }
  .home-service.blog-page .service-box.blog-list .blog-img, .home-service.blog-page .service-box.blog-list .blog-img img, section.home-service.blog-home .service-box.blog-box .blog-img img {height:auto;}
  .blog-img img {transition: transform .6s;-webkit-transition: transform .6s;-ms-transition: transform .6s;}
  @media screen and (max-width:1024px) {
  	section.home-service.blog-page.strongwomensingglclsectiond {margin-top: -30px;}
  }
	@media screen and (max-width: 1024px){
		.announcement-bar p {
			font-size: 16px !important;
		}
		.mean-container a.meanmenu-reveal{
			top: 80px;
		}
	}
	@media screen and (max-width: 768px){
		.announcement-bar p {
			font-size: 15px !important;
			line-height: 24px !important;
		}
		.mean-container a.meanmenu-reveal {
			top: 105px;
		}
	}
	@media screen and (max-width: 767px){
		.mean-container a.meanmenu-reveal {
			top: 126px;
		}
	}
	

  /* IE Browser Issue */
  @media screen and (-ms-high-contrast: none) {
    section.home-service.blog-page.strongwomensingglclsectiond::before {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(247, 248, 195, 0.6) 60%, rgba(247, 248, 195, 0.6) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(247, 248, 195, 0.6) 60%, rgba(247, 248, 195, 0.6) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(247, 248, 195, 0.6) 60%, rgba(247, 248, 195, 0.6) 100%);}
  }
  /* Edge Browser Issue */
  @supports (-ms-ime-align:auto) {
    section.home-service.blog-page.strongwomensingglclsectiond::before {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(247, 248, 195, 0.6) 60%, rgba(247, 248, 195, 0.6) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(247, 248, 195, 0.6) 60%, rgba(247, 248, 195, 0.6) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(247, 248, 195, 0.6) 60%, rgba(247, 248, 195, 0.6) 100%);}
  }
  th.se_tblmang{ min-width: 92px;text-align: left;}

.announcement-bar {
    background: #000;
    color: #fff !important;
    opacity: 1 !important;
	padding: 26px;
	display: flex;
	vertical-align: middle;
	align-items: center;
	justify-content: center;
}
.announcement-bar p{
    font-size: 13px !important;
    font-weight: 400;
    line-height: 0px;
    padding-bottom: 0px;
	text-align: center;
	margin-bottom: 0px;
}
a.shop-now {
    text-decoration: underline;
	color: #c39b5d;
}
/* Mobile Logo Swap for The Collor Palate Salon */
@media only screen and (max-width: 768px) {
    .site-logo img, 
    .custom-logo, 
    .navbar-brand img {
        content: url('http://jhz.536.myftpupload.com/wp-content/uploads/2026/03/cropped-cropped-Logo-2.png') !important;
        width: auto !important;
        max-height: 60px; /* Adjust height to fit your header bar */
    }
}