/*comment-box{ display: block;
margin-bottom: 10px; }
rpl-btn{ font-size: 12px;
margin-bottom: 5px; }
rpl-box{ width: 90%;
margin-left: auto; }
*/
@font-face { font-family: 'ralewayblack'; src: url('../fonts/raleway/raleway-black-webfont.woff2') format('woff2'), url('../fonts/raleway/raleway-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'ralewayblack_italic';src: url('../fonts/raleway/raleway-blackitalic-webfont.woff2') format('woff2'), url('../fonts/ralewayraleway-blackitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'ralewaybold'; src: url('../fonts/raleway/raleway-bold-webfont.woff2') format('woff2'), url('../fonts/raleway/raleway-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'ralewaybold_italic';src: url('../fonts/raleway/raleway-bolditalic-webfont.woff2') format('woff2'), url('../fonts/raleway/raleway-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'ralewayextrabold';src: url('../fonts/raleway/raleway-extrabold-webfont.woff2') format('woff2'), url('../fonts/raleway/raleway-extrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'ralewayextrabold_italic'; src: url('../fonts/raleway/raleway-extrabolditalic-webfont.woff2') format('woff2'),  url('../fonts/raleway/raleway-extrabolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'ralewayextralight'; src: url('../fonts/raleway/raleway-extralight-webfont.woff2') format('woff2'), url('../fonts/raleway/raleway-extralight-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

@font-face { font-family: 'ralewayextralight_italic'; src: url('../fonts/raleway/raleway-extralightitalic-webfont.woff2') format('woff2'), url('../fonts/raleway/raleway-extralightitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'ralewayitalic'; src: url('../fonts/raleway/raleway-italic-webfont.woff2') format('woff2'), url('../fonts/raleway/raleway-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'ralewaylight'; src: url('../fonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../fonts/raleway/raleway-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'ralewaylight_italic'; src: url('../fonts/raleway/raleway-lightitalic-webfont.woff2') format('woff2'), url('../fonts/raleway/raleway-lightitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'ralewaymedium'; src: url('../fonts/raleway/raleway-medium-webfont.woff2') format('woff2'), url('../fonts/raleway/raleway-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'ralewayregular'; src: url('../fonts/raleway/raleway-regular-webfont.woff2') format('woff2'), url('../fonts/raleway/raleway-regular-webfont.woff') format('woff');font-weight: normal; font-style: normal;}


@font-face { font-family: 'robotobold'; src: url('../fonts/roboto/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-bold-webfont.woff') format('woff');font-weight: normal; font-style: normal;}
@font-face { font-family: 'robotomedium';  src: url('../fonts/roboto/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-medium-webfont.woff') format('woff');font-weight: normal;  font-style: normal;}
@font-face {font-family: 'robotoregular'; src: url('../fonts/roboto/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto/roboto-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

@font-face {font-family: 'Font Awesome 5 Free'; src: url('../fonts/fa-fonts/fa-regular-400.woff2') format('woff2'), url('../fonts/fa-fonts/fa-regular-400.woff') format('woff');font-weight: normal;font-style: normal;}

body{ outline: none !important; margin:0px; outline: none !important; height:0px; font-family: 'ralewayregular';  letter-spacing: 1px;color: #fff}

h1, p, .hyphens{-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-word-break: break-all; word-break:break-all; word-break: break-word; word-wrap: break-word; }
h1{text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;}
.has-error{margin-bottom: 0px !important;}
.help-block{color: #9b9b9b !important; font-size: 12px; margin-bottom: 20px; display: block;}

body.popupOpen{width: 100%; overflow: hidden; height: 100%; position: fixed;}

.cke_editable p{color:#000 !important;}	

.content-body{background:#222222;}

.alert{ padding-left:30px;padding-right:30px;width:100% !important; }
.alert-success { color:#fff; background-color: #000; border-color: #000;}

.alert-danger { color: #fff;  background-color: rgba(0,0,0,0.8);  border-color: rgba(0,0,0,0.3);}

.alert .close{ right: 2px !important ;width: 25px !important;height: 25px !important;top: 8% !important;background-color:#fff;color: #000;cursor: pointer }
.close:focus, .close:hover{color: #fff;cursor: pointer}
.modal-60{max-width: 60% !important}
.sweet-alert{padding: 20px 10px !important}
.sweet-alert h2{color: #000;}
.showSweetAlert{-webkit-animation: none !important;animation: none !important;animation-name:none !important}
.hideSweetAlert{-webkit-animation: none !important;animation: none !important;animation-name:none !important}

.check-svg1{width: 15px !important;vertical-align: baseline !important;}
.check-svg2{width: 20px !important;vertical-align: baseline !important;}
.check-svg3{width: 18px !important;vertical-align: middle!important;height: auto !important; border-radius:0px !important;object-fit:unset !important  }

.modal-body .star-rating {
  line-height:32px;
  font-size:3.6em;
	color:#fbb03a;
}
.star-rating {
  line-height:32px;
  font-size:1.4em;
  letter-spacing: 0px
}
.review-section .star-rating{  font-size:0.9em;letter-spacing: 0px}
.star-rating .fa-star{color: transparent}
.star-rating .fa-non-star{color: #D3CDCD;}
.star-rating .fa-color-star{color: #fbb03a;}

.keywordtype{color: #fff;}
.keywordtype:hover{color: #fff;}
.keywordtype_u{text-decoration: underline;}

/*iframe{display:none !important}*/
.app_gdpr{display:none !important}
.app-links{ width: 100%;display: flex;align-items: center;justify-content: center;  margin:35px 0px }
.li-app-links{width: 100%;display: flex;align-items: center;justify-content: center;  /* margin:10px 0px  */}
.app-img{ max-width: 150px;height: auto;width: 100%;margin: 0px 15px; }
.app-img img{ width:100% ; height:100%; }
.mask-youtube {position: absolute;background: rgba(0,0,0,0);/* width: 854px;*/width:100%;	height: 480px;top: 0;left: 0;}
/* --------------------- header  ------------------- */

header{width: 100%; position: relative; top: 0;z-index: 1; background: #1a1a1a; }
header .navbar{padding: 5px 41px;}
header .navbar .navbar-brand img{ /*width: 42px; */height: 42px; margin-right: 7px; }
header .navbar .navbar-brand { font-size: 26px; color: #fff;  font-family: 'ralewayblack_italic'; position: relative; z-index: 111; }
header .navbar .navbar-brand span{display: inline-block; vertical-align: middle;}
header .navbar .navbar-nav .nav-item{padding: 0px 20px;}
header .navbar .navbar-nav .nav-link{ font-size: 16px; color: #fff; padding: 0px !important;  }
/* header .navbar  .navbar-nav .nav-item.style-signup{ border-style: solid; border-width: 2px; border-color: rgb(255, 255, 255);  width: 194px; height: 38px; margin-right: 20px; border-radius: 25px; padding: 5px 20px; } */
header .navbar  .navbar-nav .nav-link:hover, header .navbar .navbar-nav .nav-link.active{color: #000;}

/*---------additional  general css-------------*/
.dropzone .dz-message {margin:1em 0;}
.form-control::placeholder{color:#7f7f7f !important;}
.form-control:-ms-input-placeholder{color:#7f7f7f !important;}
.form-control::-ms-input-placeholder{color:#7f7f7f !important;}
.tt-suggestion{ color: #000; }
/*-------------------------after login img-------------------------------- */
.navbar-nav{align-items: center;}
header .user_image{width:40px;height:40px;display:inline-block;}
header .user_image img{width:100%;height:100%;border-radius:50%;object-fit: cover;}
header .nav-link span{color:#fff; font-size:16px; padding-right: 15px;}
.dropdown-toggle::after{border: 0; background:url(../../images/down-arrow-white.svg); background-size: 100%; width: 15px; height: 13px; margin-left: 0px; vertical-align: middle;}
.dropdown-menu.show{border: 0; border-radius: 0; left: 29px; background:#ffffff; }
.dropdown-item{color:#1a1a1a;}

/* ----------------------- side nav ------------------------------------------ */

.menu {width: 38px; height: 38px; position: relative; cursor: pointer; border: 2px solid #fff;  border-radius: 50%; }
.menu span {-webkit-user-select: none; transform: translate(-50%, -50%); -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 50%; left: 50%; }
.menu span, .menu span::before, .menu span::after {display: block; width: 22px; right: 0; height: 3px; background-color: #fff;outline: 1px solid transparent;-webkit-transition-property: background-color, -webkit-transform;-moz-transition-property: background-color, -moz-transform;-o-transition-property: background-color, -o-transform;
transition-property: border-radius: 5px;}

.menu span::before, .menu span::after {position: absolute;content: "";}
.menu span::before {top: -6px; width:22px}
.menu span::after {top: 6px;width: 22px;}
.menu.clicked span {background-color: transparent !important;}
.menu.clicked span::before {-webkit-transform: translateY(6px) rotate(45deg);-moz-transform: translateY(6px) rotate(45deg);-ms-transform: translateY(6px) rotate(45deg);
-o-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg); width: 22px;}
.menu.clicked span::after {-webkit-transform: translateY(-6px) rotate(-45deg);-moz-transform: translateY(-6px) rotate(-45deg);-ms-transform: translateY(-6px) rotate(-45deg);
-o-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) rotate(-45deg);}
.menu.clicked span:before, .menu.clicked span:after {background-color: #fff;}
.menu:hover {cursor: pointer;}
.menu-section-span{color:#fff !important;font-size:12px !important;}
/* .menu-section-span.active{color:#ecb052  !important;} */
.dropzone{background: #000;}
.dropzone .dz-preview.dz-image-preview{background: #000;}
.dropzone .dz-preview .dz-remove{color: #D7D7D7}

/*  NAV
========================================== */

#nav {box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.08); background: #000;position: fixed;z-index: 20; top: 0;right: 0;height: 100%;/* max-width:65%; */ width: 100%; /* padding: 0px 0px 30px;  */overflow-y: auto;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%); display: flex; flex-direction: column;
-o-transform: translateX(100%);transform: translateX(100%);}
#nav.show {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}
#nav.show ul.main li {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
.menu.clicked { z-index: 99; }


#nav ul.main { padding-left: 0px; list-style: none; margin-top: 40px;  border-top: 1px solid #fff; padding-top: 10px; margin-bottom: 0px; }
#nav ul.main li {-webkit-transform: translateX(40px);-moz-transform: translateX(40px);-ms-transform: translateX(40px);-o-transform: translateX(40px);
transform: translateX(40px);opacity: 0;float: none; list-style: circle;color: #000000; padding: 10px 0; text-align: center; }
#nav ul.main li:last-of-type {margin-bottom: 0px;}
#nav ul.main li a {color: #ffffff;text-decoration: none;text-transform: uppercase;font-size: 24px;  }
#nav ul.main li a:hover {color: #dee2e68f;}
#nav ul.main li a:active {color: #dee2e68f;}
#nav ul.main li a.active {color: #dee2e68f;}

/*  OVERLAY
========================================== */
.overlay {position: fixed;top: 0;left: 0;z-index: 7;width: 100%;height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #603e82;opacity: 0;visibility: hidden;}
.overlay.show {opacity: 0.8;visibility: visible;}

#nav ul.main li .signup-link { display: block; width: 200px; margin: 0px auto; height: 52px; padding: 6px 0px;}
#nav ul.main li .signup-link a{ /* position: relative; */  /* display: block; */ border: 2px solid #fff; border-radius: 25px;  margin: 0px auto; cursor: pointer; padding: 4px 25px; }
#nav ul.main li .signup-link a.sign-links:hover, #nav ul.main li .signup-link a.sign-links.active{ /* border-color:rgb(255, 85, 85); */ /* color: rgb(255, 85, 85); */ }


#nav ul.main li .signup-link:hover  { border-color: rgb(0, 0, 0);}
#nav ul.main li .signup-link ul.main li{ list-style: none;}
#nav ul.main li .signup-link:hover .hover-menu{ display: flex; flex-direction: column; justify-content: center;}
#nav ul.main li .signup-link .hover-menu{ background-color: #000000; width:100%; /* height:425px; */ height: 33vw; position: absolute; content: ""; box-shadow: 0px 1px 1px 0px #fff; left: 0; right: 0; top: 0; /*  transform: translateX(-50%); */ display: none; top: auto; bottom:80px;  }

#nav ul.main li .signup-link .hover-menu::after { position: absolute; content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #000; bottom:-12px ; /* filter: drop-shadow(0px -5px 5px #fff); */ display: block; left: 50%; transform: translateX(-50%); filter: drop-shadow(0px 0.5px 0.5px #fff); }
#nav ul.main li .signup-link .hover-menu::before{ display: none; }
#nav ul.main li .signup-link .hover-menu ul.main li a{border-radius: 35px; padding: 10px 20px; display: block; width: 315px;}
#nav ul.main li .signup-link .hover-menu ul.main li:last-child a{margin-bottom:20px; }
#nav ul.main li .signup-link .heading{text-transform: uppercase; color:#fff; font-size:32px; text-align: center; padding: 27px 0px; letter-spacing: 0;}
#nav ul.main li .signup-link .hover-menu ul.main li .title{ color:#fff; text-align: center; letter-spacing: 0; padding:0px 0px; font-size:28px;}
/* #nav ul.main li .signup-link .hover-menu ul.main li a:hover, #nav ul.main li .signup-link .hover-menu ul.main li a.active{ border-color: rgb(255, 85, 85); }
 */
.second-header-menu{ height: 100%; justify-content: center; }
/*.online-data-slider	.owl-dots{display:none}*/


/* --------------------- home page ------------------- */
.link-btn{position: relative;display: block;border: 2px solid #fff;border-radius: 10px;margin: 0px auto;cursor: pointer;padding: 4px 25px;color: #fff !important;font-size: 20px; margin-top: 10px;}
.index_part{width: 100%;  height: 90vh; position: relative; z-index: 0; background-color: #0b0b0b}
.top-sec-data{top: 0;/*  right: 0; bottom: 0; left: 0; */ width: 100%; height: 100%; position: absolute;  display: flex; justify-content: center; align-items: center; flex-direction: column;  }
.top-sec-data .top-heading{font-size: 72px; color: #fff; font-family: 'ralewayblack_italic'; text-transform: uppercase;  text-shadow: 3.654px 1.627px 13px rgba(0, 0, 0, 0.4); /* -moz-transform: scale(1.02, 1); -webkit-transform: scale(1.02, 1); -ms-transform: scale(1.02, 1); */ /*margin: auto;*/ width: 95%; /*height: 100%; */display: flex; align-items: center; justify-content: center; white-space: normal !important }
.location-search { background-color: rgba(0, 0, 0, 0.769); width: 100%; height: 90px; display: flex; align-items: center; position: absolute; bottom: 0; }
.location-search .form-inline{ justify-content: center; }
/* .location-search .form-inline .form-group .form-control{ border-radius: 29px; background-color: rgb(255, 255, 255); width: 850px; height: 58px; font-size: 16px; color: #333333; box-shadow: none;  border: none; padding: 10px 20px; } */


.location-search .form-inline .input-group { border-radius: 29px; background-color: rgb(255, 255, 255); width: 100%; height: 58px; box-shadow: none;  border: none; padding:5px 15px; }

.location-search .form-inline .input-group .input-group-text{background-color: transparent; border: 0px; width:42px; height:auto; padding:0px;}
.location-search .form-inline .input-group .input-group-text img{width:100%; padding:10px; cursor: pointer;}


.location-search .form-inline .input-group .form-control{ font-size: 16px; color: #333333; box-shadow: none;  border: none;}
/* .location-search .form-inline .search-btn{ border-radius: 29px; background-color: rgb(255, 255, 255); width: 178px; height: 58px; line-height: 58px; padding: 0px; border: none; box-shadow: none; font-size: 16px; color: #000; font-family: 'ralewayblack_italic'; text-transform: uppercase; margin-left: 20px; } */
::-webkit-input-placeholder { color: #333333 !important;}
::-moz-placeholder {color: #333333 !important;}
:-ms-input-placeholder {color: #333333 !important; }
:-moz-placeholder { color: #333333 !important;}

.index_part .carousel-inner{width: 100%; height: 100%;  }
.index_part .carousel-inner .carousel-item{background: url(../../images/intex-bg.jpg) no-repeat;background-position:top center;background-size: cover;width: 100%;height: 100%;}
.carousel-indicators li{ border-radius: 50%; background-color: rgb(255, 255, 255); width: 16px; height: 16px; }
.carousel-indicators .active{ background-color:#6c757de6; }
.carousel-indicators { bottom: 90px;}


/* ------------------ second section ------------------------- */

.heading{ font-size: 45px; color: #fff; text-align: center; font-family: 'ralewayblack_italic'; margin-bottom: 0px; position: relative; letter-spacing: 1px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }

.second-section{ width: 100%; position: relative; /* height:580px;  */padding: 60px 0px; background:#0B0B0B  }
.second-section .heading{ margin-bottom:35px; color: #ffffff; }
.featured-scroll-box{width:100%; margin:0px auto; display: block; position: relative; display: flex; justify-content: space-between;/*  height:320px; */ }

.featured-scroll-box .user-box{ border-radius: 20px; margin: 10px 5px; background-color: #161616;/*  box-shadow: 38.369px 17.083px 62px 0px rgba(0, 0, 0, 0.18); */ box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.18);/*  width:305px; */ width:96%; height: 210px; /* display: flex;  */}
.user-data-box{display: flex;}
.user-box .user-info {padding: 10px; align-self: center; /* width:120px;  */}
.user-box .user-info .user-img{ border-radius: 50%; width: 100px; height: 100px;  }
.user-box .user-info .user-img img{ width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.user-box  .data-one-section{/* width:50%;  */padding-top:9px !important; padding-left: 5px;}
.user-box  .u-name{ color: #fff; font-size: 24px; font-family: 'ralewayblack_italic'; margin-bottom:0px; padding:20px 15px 0px;}
.user-box  .u-business{ color: #fff; font-size: 15px; margin-bottom: 0px; }
.user-box  .u-location{ color: #7f7f7f; font-size: 15px; margin-bottom: 0px; width: 100%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }
.user-box .description{ font-size: 16px; color: #333333; margin-bottom: 0px; display: flex; align-self: center; align-items: center; padding: 0px 10px; height: 90%; overflow: hidden; width: 65%; white-space: unset; }

.description a{color:#fff !important}
.spacing-div{margin-right:0px; display: inline-block; width:100%; }
.spacing-div:last-child{margin-right: 0px;}


.mCustomScrollBox{ margin:auto;width: 100%;}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #dee2e67a;}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%;height: 13px; margin: 0px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar  {background-color: #dee2e67a;}
.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom:0;}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgb(38, 38, 38);  }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 256px !important;}

.third-section{  background-color: rgba(0, 0, 0,0.7); /*  height:570px; */ padding: 60px 0px;  /*background: url(../../images/second-row-bg.jpg) no-repeat;background-position:top center;background-size: cover; */position: relative;}
.third-section::before{ position: absolute; content:""; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.55);}
.third-section .heading{ margin-bottom: 56px;  }
.hairstyles-scroll-box .spacing-div-2  {/*width: 33%; */display: inline-block; margin-right: 33px;width: 100%}
.hairstyles-scroll-box  { height: 350px;}
.hairstyles-scroll-box .spacing-div-2 .user-img{ border-radius: 6px; background-color: rgb(255, 255, 255); box-shadow: 38.369px 17.083px 62px 0px rgba(0, 0, 0, 0.18); /* width: 345px; */ width: 99%; height: 225px;}
.hairstyles-scroll-box .spacing-div-2 .user-img img{width: 100%; height: 100%; object-fit: cover; /* border-radius: 6px;*/}  

.final-section{ /* background: url(../../images/fanal-bg.jpg) no-repeat;background-position: center 70%;background-size: cover; */ width: 100%; position: relative; /*  height: 395px; */ padding: 63px 0px 60px; }
.final-section::before{ /* position: absolute; content:""; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(37, 37, 37, 0.5); */}
.final-section .heading{ /*margin-bottom: 75px;*/ color: #fff; }
.final-section .brand-img img{width: auto; margin: 0px auto 0px !important; display: block;}

/*.spacing-div-2 .heading{font-size:24px; margin-top:10px; text-transform: uppercase;}*/
.spacing-div-2 .heading {
    font-size: 24px;
    margin-top: 10px;
    text-transform: uppercase;
    /*width: 345px;*/
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: unset;
}
/*--------------------------footer------------------------*/

.footer-first-section{background: #000000;padding: 58px 0px ;}
.footer-first-section .footer-logo{display: block; text-align: center; font-size: 26px; color: #fff; font-family: 'ralewayblack_italic'; padding-bottom:22px; }
.footer-first-section .footer-logo:hover{text-decoration: none;}
.footer-first-section .footer-sec{color: #fff;font-size:16px;list-style-type: none;padding:0px;display:flex;align-items: center;justify-content: center;margin-bottom:0; }
.footer-first-section .footer-sec .home-sec{padding:0px 20px;cursor: pointer;color: #fff;text-decoration:none;}
.footer-first-section .footer-sec .home-sec.active , .footer-first-section .footer-sec .home-sec:hover {color: #dee2e67a; }
.footer-second-section{background: #0b0b0b;padding:35px 0px 20px;}
.footer-second-section .copy_right{font-size:14px; color:#9b9b9b; margin-bottom: 6px; text-align: center;}
.footer-second-section .copy_right a{ color:#9b9b9b; }
.footer-second-section .copy_right a:hover, header .navbar  .navbar-nav .nav-link.active{color: #fff;}

.footer-second-section .social-icon{list-style-type: none; display:flex; align-items: center; justify-content: center; margin-bottom:0; padding: 0; }
.footer-second-section .social-icon-img a{width:27px; height:27px; display: inline-block; margin: 15px 5px 0px;  }
.footer-second-section .social-icon-img a img{width:100%; height:100%;}


/* -------------------------------- aobut us ------------------------------------- */

.comman-bg{width: 100%; height:500px; display: flex; justify-content: center; align-items: center;  background: url(../../images/comman-bg.jpg) no-repeat;background-position:top center;background-size: cover; position: relative;display: none}
.comman-bg::before{ position: absolute; content:""; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.55);}
.comman-bg .comman-heading{text-align: center; color: #fff; font-family: 'ralewayblack_italic'; font-size: 72px; position: relative; text-transform: uppercase; letter-spacing: 4px; text-shadow: 3.654px 1.627px 13px rgba(0, 0, 0, 0.6); -moz-transform: scale(1.02, 1); -webkit-transform: scale(1.02, 1); -ms-transform: scale(1.02, 1); margin-bottom: 0px; }

.about-second-section{ width: 100%; padding:0px 0px; /* padding: 100px 0px; background-color: #000000; */ overflow: hidden;}
.about-second-section .about-img1{width: 100%; height: 545px;  background: url(../../images/about-img1.jpg) no-repeat;background-position:center;background-size: cover;  }
.about-second-section .aobut-content .headings{font-size: 64px; color: #000; font-family: 'ralewayblack_italic'; line-height: 1.2; letter-spacing: 2px; }
.about-second-section .aobut-content .description{ font-size: 20px; color: #C6C6C6; white-space: unset;  }
.about-third-section{width: 100%; padding: 20px 0px; background-color: #0b0b0b; background: url(../../images/fanal-bg.jpg) no-repeat;background-position: center 70%;background-size: cover; }
.about-third-section::before{ position: absolute; content:""; top: 0; bottom: 0; left: 0; right: 0; /*background-color: rgba(0, 0, 0, 0.6);*/}


.about-third-section .heading{ font-size: 64px; color: #fff; font-family: 'ralewayblack_italic';  text-align: center;  margin-bottom: 15px; }
.about-third-section .sub-heading{font-size: 20px; color: #fff; white-space: unset; text-align: center; margin-bottom: 30px; position: relative; letter-spacing: 0; }
.about-third-section .teams-member .images { border-radius: 50%; width: 305px; height: 305px; margin: 10px auto; }
.about-third-section .teams-member .images img{ border-radius: 50%; width: 100%; height: 100%; object-fit: cover; }  
.about-third-section .teams-member .t-name{ font-size: 24px; color: #fff;  font-family: 'ralewaymedium';  text-align: center; margin-bottom: 1px; padding-top: 15px; }
.about-third-section .teams-member .t-location{ font-size: 16px; color: #fff; text-align: center;  }
.about-final-section{ width: 100%; /* background-color: #000000; */ overflow: hidden;}
.about-final-section .aobut-content{ width: 540px; float: right; padding-right:0px; padding-top: 40px; padding-bottom: 40px; }
.about-final-section .about-img2{ width: 100%; height: 100%;  background: url(../../images/about-img3.jpg) no-repeat;background-position:center;background-size: cover;}
.about-final-section .headings{font-size: 64px; color: #000; font-family: 'ralewayblack_italic'; line-height: 1.1; letter-spacing: 2px;  }
.about-final-section .metters{font-size: 20px; color: #484848; white-space: unset;  margin-bottom: 40px; letter-spacing: 0px; }


/* ---------------------------- consumer-hair-tutorial-page ------------------------------------ */

.consumer-hair-tutorial-page{ width: 100%;padding: 0px 0px 30px;  background: #222222;  /*padding: 112px 0px 30px;*/ position: relative; z-index: 0; }
.tutorial-video {margin-bottom: 58px;}
.tutorial-video .video-img{ border-radius: 6px; width: 100%; height: 208px; position: relative; margin: 0px auto 22px; cursor: pointer; }

.tutorial-video .video-img img.video-bg{ width: 100%; height: 100%; border-radius: 6px; object-fit: cover; background: #000 }
.tutorial-video .video-img .overlay-box{ position: absolute; border-radius: 6px; background-color: rgba(0, 0, 0, 0.5); top:0; bottom: 0; right: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0; transition: all 1s; }
.tutorial-video .video-img:hover .overlay-box{opacity: 1;}
.tutorial-video .video-img .overlay-box img.play{ width: 80px; height: 80px;  } 
.tutorial-video .video-title{ font-size: 24px; color: #000; font-family: 'ralewayblack_italic'; text-align: center; }
.tutorial-video .video-title a{color: #fff;}
.tutorial-video .posted-date{font-size: 16px; color: #9b9b9b; text-align: center; }

.showall .tutorial-video .video-img .overlay-box img.play{ width: 50px; height: 50px;  }
.showall .tutorial-video .video-img{   height: 115px; }
.showall .tutorial-video .posted-date{font-size: 12px;  }
 .showall .tutorial-video {
  margin-bottom: 30px;
}
.showall .tutorial-video .video-title{ font-size: 16px; }




.consumer-hair-tutorial-page .online-data-slider {margin-bottom:20px; position: relative;}
.consumer-hair-tutorial-page .online-data-slider .data-slider{ width: 100%; margin: 0px auto; }
.consumer-hair-tutorial-page .online-data-slider .data-img-slider{border-radius: 6px; width:100%; height: 200px; margin-bottom:15px; position: relative; cursor: pointer; }
.consumer-hair-tutorial-page .online-data-slider .data-img-slider:hover .overly{ opacity: 1; }
.consumer-hair-tutorial-page .online-data-slider .data-img-slider .overly{  position: absolute; border-radius: 6px; background-color: rgba(0, 0, 0, 0.5); display: flex ; justify-content: center; align-items: center; top: 0;  bottom: 0; right: 0; left: 0; opacity: 0; } 
.consumer-hair-tutorial-page .online-data-slider .data-img-slider .play-btn{width:50px; height:50px; border-radius: 50%; }
.consumer-hair-tutorial-page .online-data-slider .data-img-slider .play-btn img{ width: 100%; height: 100%; }
.consumer-hair-tutorial-page .online-data-slider .data-img-slider img{width:100%; height:100%; object-fit:cover; border-radius: 6px;}
.consumer-hair-tutorial-page .online-data-slider .data-slider .heading-2{color:#000; font-size:16px; font-family: 'ralewayblack_italic'; margin-bottom:10px; letter-spacing: 0px; text-overflow: ellipsis; overflow: hidden;} 
.consumer-hair-tutorial-page .online-data-slider .data-slider .heading-2 a{color:#fff;} 
.consumer-hair-tutorial-page .online-data-slider .data-slider .description{font-size:12px; text-align: center; color:#333333; margin-bottom:0px;}
.consumer-hair-tutorial-page .online-data-slider .header-section{display: flex; justify-content: space-between; margin-bottom:20px; align-items: center;} 
.consumer-hair-tutorial-page .online-data-slider .header-section .title{color:#fff; font-family: 'ralewayblack_italic'; font-size:26px; margin-bottom:0px; width: 400px;  text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.consumer-hair-tutorial-page .online-data-slider .header-section .sub-title{color:#fff; font-size:12px; margin-bottom:0px; cursor: pointer;}
.consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav.disabled{display: block;} 
.consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .owl-prev , .consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .owl-next{position: absolute; top: 95px; } 
.consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .owl-prev{left: -25px;}
.consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .owl-next{right: -25px;}
.consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .owl-next:focus,.online-data-slider .owl-carousel .owl-nav .owl-prev:focus{border: none;outline: none;}
.consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .prev {width:15px; height:15px;}
.consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .prev img{width:100%; height:100%; vertical-align: top;}
.consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .imgtop{display: none;}
.consumer-hair-tutorial-page .load-icon{background-color: #000; width: 285px; height: 51px; line-height:51px; padding:0px; text-align: center; color:#fff !important; font-family: 'ralewaymedium';  font-size:18px; border:0px; border-radius:25px; margin:40px auto 0px; display: block; }
.consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .prev:hover .imgtop{display: block;}
.consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .prev:hover .img-back{display:none;}
.consumer-hair-tutorial-page .backbutton img{ height: 20px;  width: 20px;}



/* ---------------------------- contact-us-page ------------------------------------ */

.contact-us-page{ width: 100%; /* background: #0b0b0b; */ padding: 63px 0px 50px; background: #222222}
.contact-us-page .contact-heading{ font-size: 45px; color: #fff; font-family: 'ralewayblack_italic';  margin-bottom: 27px; }
.contact-us-page .description{  font-size: 16px; color: #9b9b9b;  margin-bottom: 57px; white-space: unset; letter-spacing: 0; }
.contact-detail {width: 90%; display: block; }
.contact-detail .contact-info .logo-part{margin-bottom: 15px;}
.contact-detail .contact-info .logo-part .logo-icon{width: 24px; height: 24px; display: inline-block; }
.contact-detail .contact-info .logo-part .logo-icon img{width: 100%; height: 100%;}
.contact-detail .contact-info .logo-part .user-info{ font-size: 19px; color: #fff;/*  display: inline-block; */ vertical-align: middle; padding-left: 10px; }
.contact-forms form .form-group{margin-bottom: 20px;}
.contact-forms form .form-group .form-control { border: 1px solid transparent; border-radius: 6px; background-color: rgb(0,0,0); padding: 15px 10px; box-shadow: none; color: #fff; font-size: 18px;}
.contact-forms form  .submit-btn{ background-color: #000; width: 256px; height: 51px; border-radius: 30px; font-size: 18px; color: #fff; font-family: 'ralewaymedium';   }
.btn.focus, .btn:focus { box-shadow:none ;}
.maps{ width: 100%; height: 301px; }


  
  
/* ------------------------------- how-it-works ------------------------------------- */

.how-it-works-section-one{ width: 100%;padding: 0px 0px; /*padding: 59px 0px;  background-color: #000; */ }
.how-it-works-section-one .heading{font-size: 72px; color: #000; font-family: 'ralewayblack_italic'; margin-bottom: 45px; }
.how-it-works-section-one .video-box{ width: 710px; height: 522px; display: flex; align-items: center; justify-content: center; background-position:center; /* background: url(../../images/video-img2.jpg) no-repeat;*/   background-size: cover;  margin: 0px auto; }
.how-it-works-section-one .video-box .play-btns{ width: 80px; height: 80px; cursor: pointer; }
.how-it-works-section-one .video-box .play-btns img { width: 100%; height: 100%;  }  

.how-it-works-section-two{width: 100%; padding: 64px 0px;  background: url(../../images/how-bg-img.jpg) repeat;   background-size: contain;  }
.how-it-works-section-two .heading{font-size: 72px; color: #fff; font-family: 'ralewayblack_italic'; margin-bottom: 15px;}
.how-it-works-section-two .sub-heading{font-size: 24px; text-align: center; color: #fff; margin-bottom: 50px; letter-spacing: 0; }
.how-it-works-section-two .descriptions{ font-size: 24px; text-align: center; color: #fff; white-space: unset; text-transform: unset; letter-spacing: 0.4px; margin-bottom: 35px; font-family: 'ralewayregular'; line-height: 1.4; }
/* ------------------------- login ---------------------- */
.comman-form-page{background: #222222}
.comman-form-page .login-signup-page{/*width: 670px;*/width: 730px; padding: 30px 0px 60px; display: block; margin: 0px auto; }
.comman-form-page .title{font-size: 45px; color: #fff; font-family: 'ralewayblack_italic'; text-align: center; margin-bottom: 25px; }
.static-form-page{background: #222222}
.static-form-page .title{font-size: 45px; color: #fff;margin: auto;font-family: 'ralewayblack_italic'; text-align: center; margin-bottom: 0px;padding: 30px 0px 30px; }
.comman-form-page .description{font-size: 16px; color: #9b9b9b; text-align: center;  letter-spacing: 0px; white-space: unset; margin-bottom: 55px; padding: 0px 15px; }
.comman-form-page .login-signup-page form .form-group{margin-bottom: 22px;}
.comman-form-page .login-signup-page form .form-group .form-control { border-style: solid; border-width: 1px; border-color: rgb(0, 0, 0); border-radius: 6px; background-color: rgb(0, 0, 0); width: 100%; padding: 12px 8px;color: #fff; font-size: 18px; box-shadow: none; }
.comman-form-page .login-signup-page form .btn-box{display: block; overflow: hidden;}
.comman-form-page .login-signup-page form .submit-btn{background-color:#000; /* width: 256px; */  border: none; max-width: 285px; width: 100%; height: 51px; border-radius: 30px; font-size: 18px; color: #fff; font-family: 'ralewaymedium';  margin: 10px auto 20px; display: block; }
.comman-form-page .login-signup-page form .submitbtn{background-color:#000; /* width: 256px; */  border: none; width: 285px; height: 51px; border-radius: 30px; font-size: 18px; color: #fff; font-family: 'ralewaymedium';  margin: 10px auto 20px; display: block; }
.forgot-text {font-size: 18px; color: #000; text-align: center; display: block; letter-spacing: 0px; }
.go-signup-text {font-size: 18px; color: #fff; text-align: center; display: block; letter-spacing: 0px; }
.go-signup-text a{font-size: 18px; color: #fff;}
.forgot-text a {font-size: 18px; color:#6c757de6; }


.plans {border-radius: 20px; background-color: #6c757de6; width: 589px; /* height: 312px;  */letter-spacing: 0px; position: relative; overflow: hidden; margin:0px auto 45px; padding: 12px 20px; }
.plans.premium-plan { background-color: #313131;  }
.plans.featured-plan { background-color: #1d1c1c;  }
.plans.club-plan { background-color: #000;  }
.plans .payment{ position: absolute; right:-30px; top: -30px; border-radius: 50%; background-color: rgb(49, 49, 49); width: 123px; height: 123px; padding: 50px 0px 0px 15px; }
.plans.premium-plan .payment{  background-color:#000;  }
.plans.featured-plan .payment{  background-color:#313131;  }
.plans .payment span.amount{ color: #fff; font-size: 26px; font-family: 'ralewayblack_italic'; margin-bottom: 0px; line-height: 1; }
.plans .payment span.per-month{ color: #fff; font-size: 14px;  } 
.plans .headings{ font-size: 26px; color: #fff; font-family: 'ralewayblack_italic'; text-transform: uppercase; margin-bottom: 30px;  }
.plans ul{padding: 0px; list-style: none;}
.plans ul li{font-size: 18px; color: #fff; margin-bottom: 10px; position: relative; list-style: none; padding-left: 20px; }
.plans ul li::before { position: absolute; display: inline-block; border-radius: 50%; background-color:#fff; /*rgb(49, 49, 49);*/ width: 9px; height: 9px; left: 0px; content: ""; top:10px; }
.plans.premium-plan ul li::before{background-color: #fff; }
.plans .select-plan-btn{box-shadow: none; font-size: 18px; color: #000; display: block; margin: 20px auto 10px;  font-family: 'ralewaymedium';  border-radius: 30px; background-color: rgb(255, 255, 255); width: 285px; height: 51px; padding: 0px; line-height: 51px;  }
.btn-div{overflow: hidden;}

/* .modal-open .modal{display: flex;} */

.modal{ background-color: rgba(0, 0, 0, 0.8); }
.modal-dialog{ background-color: rgb(255, 255, 255); max-width: 589px; border-radius: 20px; margin: 40px auto;}
.modal-content{border: none; border-radius: 20px;}
.modal .modal-header{border-bottom: none;}
.modal .modal-header .modal-title{font-size:26px; color: #313131; text-transform: uppercase; font-family: 'ralewayblack_italic';  letter-spacing: 0px; padding-top: 9px; line-height: 1; }
button.close{border-radius: 50%; background-color:#000; width: 29px; height: 29px; padding: 0px !important; 
  margin: 10px !important; margin-bottom:0px !important; opacity: 1; color: #fff; font-weight: 300 !important; text-shadow: none;top: auto !important }
/*.close:focus, .close:hover{opacity: 1; color: #fff;}*/
.payment-form{padding-top: 4px;}
.payment-form .form-group label{font-size:18px; color: #333333; margin-bottom: 4px;  }
.payment-form .form-group .form-control { border-style: solid; border-width: 1px; border-color: rgb(191, 191, 191); border-radius: 6px; width: 100%; height: 53px !important; box-shadow: none; color: #333333; }
.payment-form .form-group .custom-select{  background: url(../../images/down-arrow.svg) no-repeat; background-position:  96% center; background-size: 16px; } 
.purchase-btn{ background-color: #000; width: 285px; height: 51px; line-height: 51px; font-family: 'ralewaymedium';  box-shadow: none; font-size: 18px;  border-radius: 30px; color: #fff; margin: 12px auto 8px; display: block; padding: 0px; }
.purchase-btn.crop{
  width: 200px;
}
.btndiv
{
  display: flex;
}
.purchase-btn:hover{color:#6c757de6 }
.purchase-btn-new{background-color: #000; width: 285px; height: 51px; line-height: 51px; font-family: 'ralewaymedium';  box-shadow: none; font-size: 18px;  border-radius: 30px; color: #fff; margin: 12px auto 8px; display: block; padding: 0px; }
.purchase-btn-new:hover{color:#6c757de6 }

/* --------------------------  profile page  --------------------------------- */

.profile-bg{height: 350px !important; }

.profile-page{width: 100%; display: block; /*overflow: hidden;*/ background-color: #222222; padding: 60px 0px; }
.side-nav-box { /* background-color: rgb(0, 0, 0); */ width: 100%; max-width: 300px; border-right: 2px solid #a0a0a0; /* border-radius: 6px; background-color:#161616;  */ /*background-color: rgb(0, 0, 0); */ /*box-shadow: 0px 3px 30px 0px rgba(255, 255, 255, 0.17);*/ }

.side-nav-box .user-info-box{ padding: 20px 0px 30px; margin-bottom: 10px; padding-top: 0px !important; width: 100%; display: block; position: relative; }
.side-nav-box .user-info-box::before{ position: absolute; content: ""; left: 50%; transform: translateX(-50%); bottom: 0px; width: 100px; height: 2px; background: #fff; }
.side-nav-box .user-info-box .user-img{ width: 152px; height: 152px; border-radius: 50%; margin: 0px auto 4px; }
.side-nav-box .user-info-box .user-img img{ width: 100%; height: 100%; border-radius: 50%;  object-fit: cover;  } 
.side-nav-box .user-info-box .user-name{ font-size: 18px; color: #fff; text-align: center; font-family: 'ralewayblack_italic'; margin-bottom: 4px; text-transform: uppercase; }
.side-nav-box .user-info-box  .change-img{ font-size: 14px; color: #fff; text-align: center; display: block; margin-bottom: 0px; line-height: 1; }
.side-nav-box .user-info-box  .change-img:hover{text-decoration: none; } 

.side-nav-bar .side-nav-items{ list-style: none; }
.side-nav-bar .side-nav-items .side-nav-link{ width: 100%; /* border-bottom:1px solid #3E3E3E ; */ font-family: 'ralewayblack_italic'; display: block; padding: 8px 15px; font-size: 20px; color: #fff; text-transform: uppercase; text-align: center;  }
.side-nav-bar .side-nav-items .side-nav-link:hover, .side-nav-bar .side-nav-items .side-nav-link.active{text-decoration: none;  color: #cf3f8c; } 
/* .side-nav-bar .side-nav-items:first-child .side-nav-link{ border-top: 1px solid #3E3E3E; }
.side-nav-bar .side-nav-items:last-child .side-nav-link{border: none;} */

.right-side-box { /* background-color: rgb(0, 0, 0); */ width: 100%; /* height: 491px; */ padding:30px 61px;   border-radius: 6px;  background-color: #161616; /*box-shadow: 0px 3px 30px 0px rgba(255, 255, 255, 0.17);*/ position: relative;  z-index: 0;min-height: 586px }
.right-side-box .title-heading  {font-size:34px; color: #fff;  font-family: 'ralewayblack_italic'; margin-bottom: 20px; }
.right-side-box .form-group{margin-bottom: 24px;}
.right-side-box .form-group label{font-size:16px; color: #fff; margin-bottom: 4px;  }
.right-side-box .form-group .form-control { border-style: solid; border-width: 1px;border-color:rgb(0,0,0); /*border-color: rgb(83, 83, 83);*/ border-radius: 6px; width: 100%; height: 53px !important; box-shadow: none; color: #fff; background: #000;/*background: none;*/ }
.right-side-box .form-group .form-control option{color: #000;}
/* .right-side-box .form-group .custom-select{  background: url(../../images/down-arrow.svg) no-repeat; background-position:  96% center; background-size: 16px; }  */
.right-side-box .submit-btn { margin: 50px auto 8px;}
.right-side-box .submit-btn:hover{ color:#6c757de6 }
.right-side-box .form-group textarea.form-control{ height: 100% !important; font-size:14px;    }
.profile-page .right-side-box .submit-btn { margin: 10px auto 8px;}



/* ---------------------- error page ----------------------------- */

.error_elemenet{width: 100%; height: 100vh; display: flex;/* background: url(../../images/404-bg.jpg) no-repeat; background-size: cover; background-position: center;*/ position: relative; }
.error_elemenet::before{ position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4);}
.error-img {width: 350px; margin: 0px auto; display: block; position: absolute; left: 50%;  top: 9%; transform: translate(-50%, -50%);}
.error-img img{width:100%; height:auto;}
.descriptions{text-align: center; color: #fff; position: relative; font-size: 58px; font-family: 'ralewayblack_italic'; text-transform: uppercase; letter-spacing: 3px; text-shadow: 3.654px 1.627px 13px rgba(0, 0, 0, 0.4); }
.homelink{ color: #980137; position: relative; font-size: 18px;  font-family: 'ralewaymedium';  width: 200px; height: 51px; line-height: 51px; text-align: center; border: 2px solid #980137; display: block; margin: 60px auto 0px; } 
.homelink:hover{ color: #980137; text-decoration: none;  }
.error-page-content{ height: 100vh;}

/* --------------------------- blog page ------------------------------------- */

.blog-page{ width:100%; display: flex; /* background-color: #0b0b0b; */ padding: 30px 0px; background:#222222;  }
.blog-page .container{margin-left: 30px;}
.blog-back-div{background:#222222;width: 100%;float: left;text-align: right;padding-top: 25px;}
.blog-box{display: block; width: 100%; margin: 0px auto 20px; overflow: hidden; }
.blog-box .blogs-img{ border-radius: 6px;width: 100%;  height: 165px; margin-bottom: 20px; }
.blog-box .blogs-img img{border-radius: 6px; width:100%; height: 100%; /*object-fit: cover; */ }
.blog-box .blog-title{  color: #fff; font-family: 'ralewayblack_italic';  font-size: 24px; margin-bottom: 15px;  text-overflow: ellipsis; width: 100%;  overflow: hidden; white-space: nowrap;}
.blog-box .blog-description{color: #333333; font-size: 16px; margin-bottom: 22px; height: 72px; text-overflow: ellipsis; overflow: hidden; }
.blog-box .read-more{color: #fff; font-size: 16px; margin-bottom: 22px; text-decoration: underline; display: block;   }

.blog-box h2{font-size: 1.1rem}
.blog-box h3{font-size: 1.1rem}
.blog-box p{color:#9b9b9b }

.categories-box{ background-color: rgb(0, 0, 0); box-shadow: 38.369px 17.083px 62px 0px rgba(0, 0, 0, 0.18); width: 280px; }
.categories-box .collapse{display: block;}
.categories-box .categories-heading{color: #fff; font-size: 24px; font-family: 'ralewayblack_italic'; padding: 20px; text-transform: uppercase; }
.categories-list .categories-list-items { cursor:pointer;}
.categories-list .categories-list-items .categories-links {width: 100%; border-bottom: 1px solid #3E3E3E; display: block; padding: 20px; font-size: 16px;color: #fff;word-break: break-all;cursor: pointer}
.categories-list .categories-list-items .categories-links:hover, .categories-list .categories-list-items .categories-links.active { text-decoration: none; background-color: rgb(255, 255, 255); color: #000;}
.categories-list .categories-list-items:first-child .categories-links { border-top: 1px solid #3E3E3E;}
/* .categories-list .categories-list-items:last-child .categories-links { border-bottom: none;} */
.categories-list .categories-list-items .categories-links .fa-chevron-right{color:  #000000; padding-right: 2px; }
.categories-list .categories-list-items .categories-links:hover .fa-chevron-right, .categories-list .categories-list-items .categories-links.active .fa-chevron-right{color: #fff;}


.blog-page .blogs{ flex: 1; -ms-flex: 1; width: 100%; overflow: hidden; padding: 0px 30px; }

/* --------------------------- blog detail page ------------------------------------- */

.blog-detail-page{padding: 0px 30px 0px; flex: 1; -ms-flex: 1; width: 100%; overflow: hidden; /* background-color: #0b0b0b; */ /*padding: 25px 0px 0px;*/ }
.blog-detail-page .blog-detail{/*width: 746px;*/ margin: 0px auto; display: block;  }
.blog-detail-page .blog-detail .content-box{width: 100%; padding: 32px 0px; display: block; }
.blog-detail-page .blog-detail .blog-img{width: 100%; height: 423px; border-radius: 6px; }
.blog-detail-page .blog-detail .blog-img img{width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }
.blog-detail-page .blog-detail .content-heading{ color: #fff; font-family: 'ralewayblack_italic';  font-size: 24px; margin-bottom: 15px; }
.blog-detail-page .blog-detail .content-descriptions{ color: #333333; font-size: 16px; margin-bottom: 22px; }
.blog-detail p{color: #9b9b9b}

.membership-page .right-side-box .title-heading{margin-bottom: 30px;}

/* --------------------------------search-stylist----------------------------- */

.search-stylist{position: relative; background-color: #000;  height: auto !important;  padding: 8px 0px; }
.search-stylist-page{padding: 50px 0px;  background-color: #222222; }
.search-stylist-page .card { border:none; border-radius: 0px; background: none; width: 100%;/*  height: 331px;  */margin:0px auto 30px; }
.search-stylist-page .card img.stylist-img {border-radius: 6px; width: 100%; height: 208px; object-fit: cover; }
.search-stylist-page .card .card-title{color: #fff; font-family: 'ralewayblack_italic'; font-size:18px; margin-bottom: 6px; line-height: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.search-stylist-page .card .card-text{color: #ECECEC; font-size:14px;margin-bottom: 6px; }
.rating-ul { padding: 0px; margin: 0px; list-style: none; line-height: 1;}
.rating-ul li { display: inline-block;}
.rating-ul li img { width: 15px; height: 15px;}
.search-stylist-page .card .card-body { /* display: flex; */ align-items: center; padding: 0px;  border: solid 1px rgb(0, 0, 0); border-radius: 0px 6px 6px 0px; background-color: rgb(0, 0, 0); width: 245px; height: 175px; margin-left: auto; }
.search-stylist-page .card .card-body .user-detail{width: 160px; margin-left: 0px; display: inline-block; vertical-align: middle; }
.search-stylist-page .user-img{ border-radius: 50%; width: 175px; height: 175px; margin-left: -105px; display: inline-block; vertical-align: middle; position: relative; }
.search-stylist-page .user-img img{ width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }

.search-stylist-page .user-img:hover .overly{ opacity: 1; }
.search-stylist-page .user-img .overly{  position: absolute; border-radius: 6px; background-color: rgba(0, 0, 0, 0.5); display: flex ; justify-content: center; align-items: center; top: 0;  bottom: 0; right: 0; left: 0; opacity: 0;border-radius: 50%;  } 
.search-stylist-page .user-img .play-btn{width:50px; height:50px; border-radius: 50%; }
.search-stylist-page .user-img .play-btn img{ width: 100%; height: 100%; }


.pagination{justify-content: center; /* border: solid 1px rgb(221, 221, 221); */ border-radius: 4px; /* width: 375px; */ margin: 0px auto;  }
.pagination li{ border: 1px solid rgb(221, 221, 221);  }
.pagination li:first-child{ border-radius: 4px 0px 0px 4px ; }
.pagination li:last-child{ border-radius: 0px 4px 4px 0px ; }
.pagination li a{ font-size: 18px; color: #fff; font-family: 'ralewayblack_italic'; padding: 12px 20px; display: inline-block; }
.pagination li a.active, .pagination li a:hover {color:#6c757de6; text-decoration: none; }

.search-stylist-page .pagination .active a{color:#6c757de6; text-decoration: none; font-weight: bold}

/* --------------------------------stylist-detail-page-------------------------------------- */

.stylist-detail-page{/*background:#eff6f9;*/padding:40px 0px;}
.stylist-detail-page .stylist-hair-main{display: flex;}
.stylist-detail-page .stylist-section-1{margin-bottom:30px;}
.stylist-detail-page .stylist-hair-main .stylist-detail-section{margin-left:40px; width: 35%;}
.stylist-detail-page .stylist-hair-main .stylist-hair-img{width:500px;height:335px;/*background:#fff;*/}
.stylist-detail-page .stylist-hair-main .stylist-hair-img img{width:100%;height:100%;object-fit:contain;border-radius:5px;}
.stylist-detail-page .stylist-hair-main .heading-1{font-size: 24px;color:#fff;font-family: 'ralewayblack_italic';margin-bottom:12px; line-height: 1;}
.stylist-detail-page .stylist-hair-main .address {font-size:18px;color:#ECECEC;margin-bottom:12px;}
.stylist-detail-page .stylist-hair-main .address a{color: #ECECEC;text-decoration:none; }
.stylist-detail-page .stylist-hair-main .social-logo{padding:0px;display:block; margin-bottom: 20px;margin-top: 22px;}
.stylist-detail-page .stylist-hair-main .logo-icon{width:50px;height:50px;border-radius:50%;display: inline-block;margin-right: 3px;}
.stylist-detail-page .stylist-hair-main .logo-icon img{width:100%;height:100%;padding:10px;}
.stylist-detail-page .stylist-hair-main .logo-bg-1{background-color: #38A1F3;}
.stylist-detail-page .stylist-hair-main .logo-bg-2{background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); }
.stylist-detail-page .stylist-hair-main .logo-bg-3{background-color: #404f98; }
.stylist-detail-page .stylist-section-1 .rating-section{display: flex; justify-content: flex-end;}
/* .rating-section-1{float: right;} */
.stylist-detail-page .rating-section .rating-ul{ padding: 0px;  margin: 0px; list-style: none;line-height: 1;}
.stylist-detail-page .rating-section .rating-ul li img { width:25px;height:25px;}
.stylist-detail-page .rating-number{font-size:18px;color:#fafafa;margin-left: 10px;margin-bottom:0px;}
.stylist-detail-page .contact a{width:185px;height:50px;line-height:50px;color:#fff;background: #000; display: block;font-family: 'ralewaymedium'; border-radius:25px;text-align: center;margin-top:20px; float: right; font-size: 18px;}
.stylist-detail-page .contact a:hover{text-decoration: none;color:#dee2e68f;}
.stylist-detail-page .description{color:#ECECEC;font-size:14px;margin-bottom:30px;}
.stylist-detail-page .stylist-section-2{background:#161616;padding:20px 0px; margin-top: 35px; overflow: hidden; }
.stylist-detail-page .stylist-section-2 .responsive{display: flex;justify-content: space-between;align-items:center;padding: 0px 10px 10px;}
.stylist-detail-page .stylist-section-2 .heding-2{font-size:34px;color:#fff;font-family: 'ralewayblack_italic';margin-bottom:0px;}
.stylist-detail-page .stylist-section-2  .add-review{font-size:18px;color:#fff;font-family: 'ralewaymedium'; background:#000;cursor: pointer;;width:245px;height:50px;line-height:50px;text-align: center;border-radius:25px;}
.stylist-detail-page .stylist-section-2 .review-media-body{margin-left:40px;}
.stylist-detail-page .stylist-section-2 .review-section{border-bottom:1px solid rgba(255,255,255, 0.18); padding: 20px 10px 30px; }
.stylist-detail-page .stylist-section-2 .review-img{width:68px;height:66px;margin: 0px auto 10px;}
.stylist-detail-page .stylist-section-2 .review-img img{width:100%;height:100%;object-fit: cover;border-radius:5px;background: #fff}
.stylist-detail-page .stylist-section-2  .rating-ul li img { width:15px; height:15px;}
.stylist-detail-page .stylist-section-2 .media-heading{font-size:18px;color:#fff;}
.stylist-detail-page .stylist-section-2 .small-section{font-size:16px;}
.stylist-detail-page .stylist-section-2 .description{font-size:14px;margin-bottom:15px;}
.stylist-detail-page .stylist-section-2 .review-section:last-child{border:0px;padding-bottom: 0px;}
.payment-form .form-group textarea.form-control{min-height:150px;}
.payment-form .rating-ul{text-align: center;margin: 20px 0px;}
.payment-form .rating-ul li img{width: 60px;height: 60px;}

.stylist-section-1 .left-side{width: 80%;}
.stylist-section-1 .right-side{width: 20%;}
  
.rating {width: 100%;display: block;padding: 0px;margin: 0px;list-style: none;} 
.rating li.star-img {width: 14px;height: 14px;display: inline-block;}
.rating li.star-img img{width:100%; height:100%;}


/* message page */

.message-page {width: 100%; overflow: hidden; display: block;  }
.chat-box {position: relative; width: 100%; /* height:680px;  */margin-bottom: 20px; overflow: hidden; } 
.message-window {position: relative; list-style: none; min-height:535px;  margin: 0; padding: 10px 12px 0px; }
.message-window .left-box,.message-window .right-box  {clear: both; overflow: hidden;  margin-bottom: 40px; transition: all 0.5s linear; display: flex;margin-right: 10px  }
.message-window .right-box { justify-content: flex-end;}
.message-window .left-box .avatar {background-color: #f5886e;}
.message-window .avatar { width:35px; height:35px; border-radius: 50%; }
.message-window .avatar img {width: 100%; border-radius: 50%; height: 100%; object-fit: cover;}
.message-window .left-box .text_wrapper { margin-left: 10px; margin-top: 10px;  display: inline-block;  padding: 12px;  border-radius:0px 15px 15px 15px;  /*width:63%; */  max-width:82%;min-width: 20%; position: relative; background-color:#222222  }
.message-window .left-box .text { color: #fff }
.message-window .right-box .avatar { background-color: #f5886e; }
.message-window .text_wrapper .dates{ color: #fff;  font-size: 11px; margin-bottom:0px;}
.message-window .text_wrapper .dates .trash{float: right; background:  rgb(0, 0, 0);width: 20px;height: 20px;border-radius: 5px;color:#fff;text-align: center;font-size: 13px;cursor: pointer}
.message-window .text{ font-size: 14px; padding-bottom:5px; color: #fff; /*overflow: hidden;*/ letter-spacing: 0; word-wrap: break-word; }
.message-window .right-box  .text_wrapper { margin-top: 10px;  border-bottom-right-radius: 0; display: inline-block;   padding: 12px;  border-radius: 15px 0px 15px 15px; margin-right: 10px; max-width:82%;min-width: 20%; position: relative;  background-color: #dee2e67a; }

.message-type-window{width: 100%; padding:20px; overflow: hidden; border-radius:0px 0px 0px 0px;color: #000;}

.message-type-window form{width: 100%; display: flex; justify-content: space-between; align-items: center; }
.message-type-window .input-group { padding:0px 10px;  border:1px solid  rgb(222, 231, 235); background-color: rgb(255, 255, 255); border-radius:15px; width:100%; align-items: center;}
.message-type-window .input-group-addon { padding: 0px; border: none; background: none; width:45px; height:45px; background-color:rgb(0, 0, 0); border-radius: 15px;  display: flex; justify-content: center; align-items: center; cursor: pointer; }
.message-type-window .input-group-addon img{width:65%; height:65%;}

.message-type-window .form-control{border: none; box-shadow: none; height:60px; font-size: 14px; color: #a8a8a8; }
.message-type-window .form-control::placeholder{color:#a8a8a8 !important;}
.message-type-window .input-group .form-control:first-child, .message-type-window .input-group-addon:first-child, .message-type-window .input-group-btn:first-child > .btn, .message-type-window .input-group-btn:first-child > .btn-group > .btn,  .message-type-window .input-group-btn:first-child > .dropdown-toggle, .message-type-window .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .message-type-window .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {  border-top-right-radius: 50%;border-bottom-right-radius: 50%;}
.message-type-window .form-control:focus {border: none; -webkit-box-shadow: none; box-shadow: none;}

.right-section-panel { border:1px solid rgb(0, 0, 0); border-radius: 10px; background-color: rgb(0, 0, 0);/* background-color: rgb(239, 246, 249);*//*  min-height: 602px; */}
.main-section-heading{display: flex; justify-content: space-between; align-items: center; margin-bottom:20px;}
.main-section-heading .heading{font-size: 30px; color:#fff;letter-spacing:1px; text-align: left;} 
/* .search-btn{margin-right:45px;} */
.search-btn .input-group{background-color: rgb(255, 255, 255); padding: 8px 10px;  width:295px;  }
.search-btn .input-group .form-control{border:0px; box-shadow: none; color:#000000; font-size:12px; padding:0px; background:transparent;}
.search-btn .input-group .form-control::placeholder{color: #000000 !important;}
.search-btn .input-group .input-group-addon{ padding: 0px; border: none; background: none;  width:25px; }
.search-btn .input-group .input-group-addon img{width: 100%; height:100%; padding: 5px;}






.chat-data-slider{margin:30px 0px 0px;}
.chat-data-slider .item {border:1px solid rgb(222, 231, 235); border-radius: 10px; background-color: rgb(255, 255, 255); width: 130px; padding: 10px;position: relative;}
.chat-data-slider .item::before{position: absolute; content: ""; width:0px; height:0px;  border-left:10px solid transparent; border-right: 10px solid transparent; border-top:15px solid #000;bottom:-15px; left: 50%;transform: translateX(-50%); display: none;}
.owl-carousel{display: block;} 
.chat-data-slider .data-item{margin-top:-35px;}
.chat-data-slider .data-item .user-img { border-radius: 50%; background-color: rgb(177, 232, 79); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.24);width: 53px;height: 53px; margin-bottom:15px;}
.chat-data-slider .data-item .user-img  img{width:100%; height:100%; object-fit: cover; border-radius: 50%; }
.chat-data-slider .item .data-item .heading{font-size:18px; color:#000000; font-family: 'ralewayblack_italic'; margin-bottom:5px; letter-spacing: 1px; text-align: left; letter-spacing: 0;}
.chat-data-slider .item .data-item .description{color:#333333; font-size:12px; margin-bottom:10px; letter-spacing: 0;}
.chat-data-slider .item .data-item .view-data{color:#000; font-size:10px; margin-bottom: 5px;}
.chat-data-slider .item .data-item .view-data .view-chat{ border-radius: 6px; background-color: rgb(0, 0, 0); width: 37px; height: 35px; padding:5px; margin-right:4px; display:inline-block;}
.chat-data-slider .item .data-item .view-data .view-chat-1{ border-radius: 6px; background-color:#fff; width: 37px; height: 35px; padding:5px; margin-right:4px; display:none;}
.chat-data-slider .item .data-item .view-data a{color:#000;} 
.chat-data-slider .item:hover .data-item .heading, .chat-data-slider .item:hover .data-item .description, .chat-data-slider .item:hover .data-item .view-data a{color:#fff;}

.chat-data-slider .item:active .data-item .heading, .chat-data-slider .item:active .data-item .description, .chat-data-slider .item:active .data-item .view-data a{color:#fff;}

.owl-carousel, .owl-carousel .owl-item{ position:inherit !important}


.chat-data-slider .item:hover{border:1px solid transparent;background-color: #000; cursor: pointer; color:#fff;}
.chat-data-slider .item:hover .data-item .heading, .chat-data-slider .item:hover .data-item .description, .chat-data-slider .item:hover .data-item .view-data  {color:#fff;}
.chat-data-slider .item:hover .data-item .view-data .view-chat{display: none;}
.chat-data-slider .item:hover .data-item .view-data .view-chat-1{display:inline-block;}
.chat-data-slider .item:hover::before{display: block;}

.chat-data-slider .item:active{border:1px solid transparent;background-color: rgb(0, 0, 0); cursor: pointer; color:#fff;}
.chat-data-slider .item:active .data-item .heading, .chat-data-slider .item:active .data-item .description, .chat-data-slider .item:active .data-item .view-data  {color:#fff;}
.chat-data-slider .item:active .data-item .view-data .view-chat{display: none;}
.chat-data-slider .item:active .data-item .view-data .view-chat-1{display:inline-block;}
.chat-data-slider .item:active::before{display: block;}


.chat-data-slider .hactive{border:1px solid transparent;background-color: #000; cursor: pointer; color:#fff;}
.chat-data-slider .hactive .data-item .heading, .chat-data-slider .hactive .data-item .description, .chat-data-slider .hactive .data-item .view-data  {color:#fff;}
.chat-data-slider .hactive .data-item .heading, .chat-data-slider .hactive .data-item .description, .chat-data-slider .hactive .data-item .view-data a {color:#fff;}
.chat-data-slider .hactive .data-item .view-data .view-chat{display: none;}
.chat-data-slider .hactive .data-item .view-data .view-chat-1{display:inline-block;}
.chat-data-slider .hactive::before{display: block;}

.chat-data-slider .owl-carousel.owl-drag .owl-item{padding:25px 0px;}
/*.chat-data-slider .owl-nav{position: absolute; top: -65px;right: 0px;}*/
.chat-data-slider .owl-nav{position: absolute; top: 40px;right: 65px;}
.chat-data-slider .owl-nav .prev{width:15px; height:15px; margin: 0px 3px;}
.chat-data-slider .owl-nav .prev img{width:100%; height:100%;}
.chat-data-slider .owl-nav .imgtop{display: none;}
/* 
.chat-data-slider .owl-nav .prev:hover .img-back{display: none;}
.chat-data-slider .owl-nav .prev:hover .imgtop{display: block;} */
/*  */

header .navbar .navbar-nav .stylist-signup{ padding-left: 0px !important; }
header .navbar .navbar-nav .stylist-signup .nav-link{ border: 2px solid #fff; width: 194px; border-radius: 25px; padding: 5px 0px !important; text-align: center; }


.stylist-top-page{ background: rgba(0, 0, 0, 0.95);  position: relative; width: 100%; height: 795px; position: relative;  display: flex; overflow: hidden;}
.stylist-top-page::before{ position: absolute; top: 0; bottom: 0; right: 0; left: 0;  content: ""; background: url(../../images/top-bg12.png) no-repeat; background-size: cover; background-position: center; }
.stylist-top-page::after{ position: absolute; content: ""; width: 0; height: 0;  border-bottom: 100px solid #fff; border-left: 100vw solid transparent; bottom: 0;  }


.stylist-top-page .top-heading-section{ width: 860px; display:flex; position: relative; height: 100%; justify-content: center; flex-direction: column; padding-top: 60px; }
.stylist-top-page .top-heading-section .heading{ font-size: 48px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1.167; text-shadow: 3.654px 1.627px 13px rgba(0, 0, 0, 0.004); font-family: 'ralewayblack_italic'; text-overflow: unset; text-align: left; overflow: unset; white-space: unset; margin-bottom: 40px; }
.stylist-top-page .top-heading-section .stylist-btn { border-radius: 29px; background-color: rgb(0, 0, 0); width: 178px; height: 58px; line-height: 58px; font-size: 16px; color: #fff; font-family: 'ralewayblack_italic'; padding: 0px; }

.avaitable-classes-row{ width: 100%; background: #fff;  height: auto !important; }
.avaitable-classes-row::before{ display: none;  }
.avaitable-classes-row .heading{ color: #000; text-overflow: unset; overflow: unset; white-space: unset;  }  
.avaitable-classes-row .user-img{ position: relative; }
.avaitable-classes-row .user-img .times{ background-color: rgb(0, 0, 0, 0.769); width: 55px; height: 29px; font-size: 16px; color: #fff; text-align: center; line-height: 29px; position: absolute; bottom: 10px;  right: 10px; }
.avaitable-classes-row .spacing-div-2 .titles{ font-size: 24px; color: #000; font-family: 'ralewayblack_italic'; margin-bottom: 5px; text-align: center; padding-top: 20px; }
.avaitable-classes-row .spacing-div-2 .user-2 { font-size: 16px; color: #333333; text-align: center; }
.avaitable-classes-row .join-btn { border-radius: 29px; background-color: rgb(0, 0, 0); width: 178px; height: 58px;  line-height: 58px; font-size: 16px; color: #fff; font-family: 'ralewayblack_italic'; padding: 0px; display: block; margin: 20px auto; }

.stylist-third-section{ width: 100%; background: url(../../images/fanal-bg.jpg) no-repeat; background-position: center; background-size: cover; padding: 140px 0px 90px; position: relative; overflow: hidden; }
.stylist-third-section::after { position: absolute; content: ""; width: 0; height: 0;  border-top: 70px solid #fff; border-left: 100vw solid transparent; top: 0;  }


.stylist-third-section::before{ position: absolute; top: 0; bottom: 0; right: 0; left: 0;  content: "";  background: rgba(0, 0, 0, 0.5);  }
.stylist-third-section-box{ width: 210px; margin: 0px auto; display: block; }
.stylist-third-section .icons{ width: 90px; height: 90px; display: block; margin: 0px auto 30px;  }
.stylist-third-section .icons img{ width: 100%; height: 100%;  }
.stylist-third-section-box .titles { font-size: 24px; color: #fff; text-align: center;  line-height: 1.25;  }


.stylist-slider-section {background-color: #f7f7f7; width: 100%; padding-bottom: 35px; }
.stylist-slider-section .heading{ font-size: 45px; color: #000000; padding: 40px 0px; text-overflow: unset; overflow: unset; white-space: unset; }
.stylist-slider-section .slider-box { width: 750px; margin: 0px auto; padding-bottom: 57px; }

.user-boxs{ width: 100%; display: block; position: relative; padding-bottom: 25px; }
.user-boxs .first-img-box { border-radius: 50%; width: 272px; height: 272px;   }
.user-boxs .first-img-box img{ border-radius:50%; width: 100%; height: 100%; object-fit: cover; }  
.user-boxs .second-img-box{ border: solid 3px rgb(247, 247, 247); border-radius: 50%;  background-color: rgb(0, 0, 0); width: 135px;  height: 135px;  display: flex; justify-content: center; flex-direction: column;  text-align: center; text-align: center; position: absolute; bottom: 0; right: 60px; }
.user-boxs .second-img-box .names{ font-size: 20px; color: #fff;  font-family: 'ralewayblack_italic'; margin-bottom: 3px; }
.user-boxs .second-img-box .ids{ font-size: 13px; color: #fff; margin-bottom: 0px;  }

.stylist-slider-section .slider-box .content { font-size: 20px; color: rgb(51, 51, 51); line-height: 1.3; font-family: 'ralewaymedium';  margin-bottom: 0px; }

.stylist-slider-section .carousel-indicators{bottom: 0px; }
.stylist-slider-section .carousel-indicators li { background-color: rgb(199, 197, 197); width: 9px; height: 9px;}
.stylist-slider-section .carousel-indicators .active { background-color: rgb(0, 0, 0);}
  

.stylist-final-section{ width: 100%; display: block; padding: 90px 0px; }
.stylist-final-section .final-first-row { padding-bottom: 90px; }

.stylist-final-section .cutting-img{  width: 100%; height: 538px;  }
.stylist-final-section .cutting-img img{ width: 100%; height: 100%; object-fit: cover; }
.stylist-final-section .cutting-box{ width: 100%; display: block;  }
.stylist-final-section .cutting-box .headings{ font-size: 45px; color: rgb(0, 0, 0); line-height: 1.334; font-family: 'ralewayblack_italic'; margin-bottom: 20px; }
.stylist-final-section .cutting-box .descritions { font-size: 20px; color: rgb(51, 51, 51); line-height: 1.3; margin-bottom: 0px;}
.main-section-heading .heading small {display: block; }

/* -----------------stylist-online-vedio-------------------------- */
.stylist-video-section-1{padding:30px 35px !important;}
.profile-page .stylist-video-section .form-group{margin-bottom:0px !important;}
.stylist-video-section .search-btn{max-width: 240px;
  width: 100%;}

.bookmark_a{font-size: 14px;color: #9b9b9b;font-family: 'robotoregular'}	
.bookmark_a:hover{color: #7f7f7f;}
.profile-page .stylist-video-section .form-group .form-control{background-color: rgb(239, 246, 249); width: 240px; height: 43px !important; border:0px; border-radius:0px !important; padding:0px 12px; color:#000; font-size:12px !important;} 
.profile-page .stylist-video-section .form-group label{color:#fff; font-size:12px;margin-bottom:0px; vertical-align: middle; margin-right:5px;}
.profile-page .stylist-video-section .form-group .custom-select{ background: url(../../images/down-arrow-white.svg) no-repeat right 12px center; font-family: 'ralewayitalic'; padding-left: 0px !important; padding-right: 0px !important; background-size: 15px; border-bottom: 1px solid rgb(239, 246, 249) !important; color: #fff; }
 
.online-data-slider {margin-bottom:20px; position: relative;}
/* .profile-page .online-data-slider .data-slider{ width: 322px; margin: 0px auto; } */
.profile-page .online-data-slider .data-slider{ /*width: 160px;*/ width: 230px;margin: 0px auto; }
/* .profile-page .online-data-slider .data-img-slider{border-radius: 6px; width:100%; height: 208px; margin-bottom:15px; position: relative; cursor: pointer; } */
.profile-page .online-data-slider .data-img-slider{border-radius: 6px; width:100%;height: 115px; /*height: 100px;*/ margin-bottom:15px; position: relative; cursor: pointer; }
.profile-page .online-data-slider .data-img-slider:hover .overly{ opacity: 1; }

.profile-page .online-data-slider .data-img-slider .overly{  position: absolute; border-radius: 6px; background-color: rgba(0, 0, 0, 0.5); display: flex ; justify-content: center; align-items: center; top: 0;  bottom: 0; right: 0; left: 0; opacity: 0; } 
/* .profile-page .online-data-slider .data-img-slider .play-btn{width:90px; height:90px; border-radius: 50%; } */
.profile-page .online-data-slider .data-img-slider .play-btn{width:50px; height:50px; border-radius: 50%; }
.profile-page .online-data-slider .data-img-slider .play-btn img{ width: 100%; height: 100%; }

.profile-page .online-data-slider .data-img-slider img{width:100%; height:100%; object-fit:cover; border-radius: 6px;}
/* .profile-page .online-data-slider .data-slider .heading-2{color:#ff5555; font-size:24px; font-family: 'ralewayblack_italic'; margin-bottom:10px; text-align: center;letter-spacing: 0px; text-overflow: ellipsis; overflow: hidden;}  */
.profile-page .online-data-slider .data-slider .heading-2{color:#fff; font-size:16px; font-family: 'ralewayblack_italic'; margin-bottom:0px; text-align: center;letter-spacing: 0px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;padding-left: 4px;padding-right: 4px;padding-bottom:10px;} 

.profile-page .online-data-slider .data-slider .heading-2 a{color:#fff;} 

/* .profile-page .online-data-slider .data-slider .description{font-size:16px; text-align: center; color:#333333; margin-bottom:0px;} */
.profile-page .online-data-slider .data-slider .description{font-size:12px; text-align: center; color:#333333; margin-bottom:0px;}
.profile-page .online-data-slider .header-section{display: flex; justify-content: space-between; margin-bottom:20px; align-items: center;} 
.profile-page .online-data-slider .header-section .title{color:#cf3f8c; font-family: 'ralewayblack_italic'; font-size:26px; margin-bottom:0px; width: 400px;  text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.profile-page .online-data-slider .header-section .sub-title{color:#fff; font-size:12px; margin-bottom:0px; cursor: pointer;}

.online-data-slider .owl-carousel .owl-nav.disabled{display: block;} 
/* .online-data-slider .owl-carousel .owl-nav .owl-prev , .online-data-slider .owl-carousel .owl-nav .owl-next{position: absolute; top:35%; } */
.online-data-slider .owl-carousel .owl-nav .owl-prev , .online-data-slider .owl-carousel .owl-nav .owl-next{position: absolute; /* top:22%; */ top: 45px; } 
.online-data-slider .owl-carousel .owl-nav .owl-prev{left: -25px;}
.online-data-slider .owl-carousel .owl-nav .owl-next{right: -25px;}
.online-data-slider .owl-carousel .owl-nav .owl-next:focus,.online-data-slider .owl-carousel .owl-nav .owl-prev:focus{border: none;outline: none;}
.online-data-slider .owl-carousel .owl-nav .prev {width:15px; height:15px;}
.online-data-slider .owl-carousel .owl-nav .prev img{width:100%; height:100%; vertical-align: top;}
.online-data-slider .owl-carousel .owl-nav .imgtop{display: none;}
.load-icon{background-color: #000; width: 285px; height: 51px; line-height:51px; padding:0px; text-align: center; color:#fff !important; font-family: 'ralewaymedium';  font-size:18px; border:0px; border-radius:25px; margin:40px auto 0px; display: block; }
  
.online-data-slider .owl-carousel .owl-nav .prev:hover .imgtop{display: block;}
.online-data-slider .owl-carousel .owl-nav .prev:hover .img-back{display:none;}
.backbutton img{ height: 20px;  width: 20px;}

/* video detail page */

.video #sVideoPlayer_wrapper {
    position: relative;
   /* height: 506px;*/
	 height: 480px;
    background-color: #0B0B0B;
	width: 100%;
}

#sVideoPlayer_wrapper{ text-align: center }

#sVideoPlayer_wrapper iframe{width: 854px;height: 480px}

.zoom_image{width:auto;height:auto;max-width: 100%;max-height: 100%;object-fit:contain;}

.joinzoom{/*font-size: 14px;*/
    color: #000;
    padding: 3px 15px;
    background: #fff;
    /*border-radius: 25px;*/
    text-align: center;
    margin-bottom: 10px;
    overflow: hidden;}

.video #sVideoPlayer {
    max-width: 100%;
    width: 100%;
    height: 100%;
}	
.video .play-btn {
    padding: 20px 10px 20px 18px;
    border-radius: 50%;
   /* background-color: rgb(171, 25, 26);*/
    width: 87px;
    height: 87px;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
	cursor:pointer;
}
.video {
background-position: center;
background-size: cover;
width: 100%;
/* height: 600px; */
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0px;
/* margin-bottom: 140px; */
overflow: hidden;
position: relative;
}
.video .play-btn img {
    height: 100%;
}
.video-row{width: 100%; display: block; padding: 30px 0px 10px; background:#0B0B0B }
.video-row .video-title{ font-size: 36px; color: #fff; font-family: 'ralewayblack_italic'; margin-bottom: 20px; }
.video-row .video{ width: 100%; ;height: 480px;  }
.video-row .video iframe{ border: none; }


.video-row .buttons{ display: flex; padding: 20px 0px; }
.video-row .buttons .btn_a{ color: #fff; text-align: center; padding: 5px 10px; font-size: 16px; text-transform: uppercase; font-family: 'ralewayitalic';  margin-right: 10px; border-radius: 25px; display: block;  }
.video-row .buttons .btn_a img{ width: 18px; height: 18px; margin-right: 5px; vertical-align: text-bottom; }

.stylist-detail-section .share-div{width: 160px;margin-top: 30px;}
.stylist-detail-section .btn_a{ border: 1px solid #fff; color: #fff; text-align: center; padding: 5px 20px; font-size: 14px; margin-right: 10px; border-radius: 25px; display: block;  }
.stylist-detail-section .btn_a img{ width: 18px; height: 18px; margin-right: 5px;  }

.second-row{ width: 100%; background: #0b0b0b; padding-bottom: 30px; min-height: 300px; }

.author-categories-box .title{ font-size: 22px; color: #fff; font-family: 'ralewayblack_italic'; text-transform: uppercase; margin-bottom: 20px; }
.author-box{width: 100%; padding: 35px 0px 20px; }
.author-detail{ width: 100%; }
.author-img{ width: 90px; height: 90px; border-radius: 50%; margin-bottom: 10px; }
.author-img img{ width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }

.author-name{ font-size: 16px; color: #fff; font-family: 'ralewaymedium';  margin-bottom: 10px; }
.profile-btn{ border: 1px solid #fff; color: #fff !important; font-size: 16px; box-shadow: none; border-radius: 25px; padding: 5px 10px; }

.categories-ul{ list-style: none; padding: 0px; margin: 0px; }
.categories-ul .categories-li{ display: inline-block; margin-bottom: 10px; font-family: 'ralewaymedium';  }
.categories-ul .categories-li a{ font-size: 14px; color: #000; padding: 3px 15px; background: #fff; border-radius: 25px; margin-bottom: 10px; overflow: hidden;}

.tabing-section{ width: 100%; padding: 20px 0px 0px; padding-right: 15px; }
.second-row .tab-pane{ width: 100%; padding: 20px 0px 0px; overflow: hidden; }
.about-section .title{ font-size: 18px; color: #fff; font-family: 'ralewaymedium';  margin-bottom: 15px; }
.about-section .description{ font-size: 14px; color: #fff; margin-bottom: 20px; }

.nav-tabs .nav-link{ border: none; color: #fff; font-size: 16px; padding: 10px 20px; }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border:none;  }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ color: #000; }



.m-p-g { max-width: 100%; margin: 0 auto;}

.m-p-g__thumbs{ display: flex; justify-content: center; flex-wrap: wrap; }

.m-p-g__thumbs-img {/* margin: 10px; */ /* float: left; */ width: 100% !important; height: 165px !important; vertical-align: bottom; cursor: pointer; z-index: 1; position: relative;  -webkit-filter: brightness(100%); filter: brightness(100%); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: opacity, transform; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); width: 120px;
  height: 120px; object-fit: cover; }
.m-p-g__thumbs-img.active { z-index: 50;}
.m-p-g__thumbs-img.layout-completed { opacity: 1;}
.m-p-g__thumbs-img.hide { opacity: 0;}
.m-p-g__thumbs-img:hover { -webkit-filter: brightness(110%); filter: brightness(110%);}
.m-p-g__fullscreen { position: fixed; z-index: 10; top: 0;  left: 0; right: 0; bottom: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0);
  visibility: hidden; transition: background 0.25s ease-out, visibility 0.01s 0.5s linear;  will-change: background, visibility;  -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.m-p-g__fullscreen.active { transition: background .25s ease-out, visibility .01s 0s linear; visibility: visible;  background: rgba(0, 0, 0, 0.95);}
.m-p-g__fullscreen-img { pointer-events: none;  position: absolute;  -webkit-transform-origin: left top;  transform-origin: left top;top: 50%;  left: 50%;  max-height: 100vh;  max-width: 100%;  visibility: hidden;
  will-change: visibility;  transition: opacity 0.5s ease-out;}
.m-p-g__fullscreen-img.active {  visibility: visible;  opacity: 1 !important;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s ease-out;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.m-p-g__fullscreen-img.almost-active { opacity: 0; -webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;}
.m-p-g__controls {  position: fixed;  top: 0;  left: 0;  width: 100%;  z-index: 200;  height: 20vh;  background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.55) 100%);
  opacity: 0;visibility: hidden;  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);}
.m-p-g__controls.active {  opacity: 1;  visibility: visible;}
.m-p-g__controls-close, .m-p-g__controls-arrow { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none;  background: none;}
.m-p-g__controls-close:focus, .m-p-g__controls-arrow:focus { outline: none;}
.m-p-g__controls-arrow {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 20%;
  height: 100vh;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
/*   opacity: 0; */
}
.m-p-g__controls-arrow:hover {
  opacity: 1;
}
.m-p-g__controls-arrow--prev {
  left: 0;
  padding-left: 3vw;
  justify-content: flex-start;
}
.m-p-g__controls-arrow--next {
  right: 0;
  padding-right: 3vw;
  justify-content: flex-end;
}
.m-p-g__controls-close {
  position: absolute;
  top: 3vh;
  left: 3vw;
  z-index: 5;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.m-p-g__btn {display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background: rgba(255, 255, 255, 0.07);transition: all .25s ease-out;}
.m-p-g__btn:hover { background: rgba(255, 255, 255, 0.15);}
.m-p-g__alertBox { position: fixed;  z-index: 999; max-width: 700px;  top: 50%;  left: 50%; -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); background: white; padding: 25px; border-radius: 3px; text-align: center;  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);  color: grey;}

.m-p-g__alertBox h2 { color: red;}
.demo-btn {display: inline-block;margin: 0 2.5px 4vh 2.5px;text-decoration: none; color: grey;padding: 15px;line-height: 1;min-width: 140px;background: rgba(0, 0, 0, 0.07);border-radius: 6px;}
.demo-btn:hover { background: rgba(0, 0, 0, 0.12);}


.final-row{ width: 100%; /* height: 410px; */ overflow: hidden; padding: 30px 0px; display: block;background: #222222 }
.slider .slider-heading{ font-size: 28px; color: #fff; font-family: 'ralewayblack_italic'; margin-bottom: 15px; }

.final-row .owl-carousel { position: relative !important; }

.final-row .videos-box .video{ width: 100%; height: 200px; border-radius: 5px; margin-bottom: 10px; }
.final-row .videos-box .video img{ width: 100%; height: 100%; border-radius: 5px; }
.videos-box .video-titles{ font-size: 16px; color: #000; font-family: 'ralewaymedium';  margin-bottom: 0px; }
.videos-box .video-titles a{color: #fff;}
.videos-box .name-tag{ font-size: 14px; margin-bottom: 0px; color: #7f7f7f; object-fit: cover; }

.final-row .owl-dots { display: none; }

.final-row  .owl-carousel .owl-nav button .next, .final-row .owl-carousel .owl-nav button .prev { position:absolute; /* top: 30%; */ top:95px;  width: 40px; height: 40px; border-radius: 50%; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.18); background-color: #000; padding: 10px; }
.final-row  .owl-carousel .owl-nav button .next img, .final-row  .owl-carousel .owl-nav button .prev img{ width: 100%; height: 100%; vertical-align: top;}
.final-row  .owl-carousel .owl-nav button .prev{ left: -20px; }
.final-row  .owl-carousel .owl-nav button .next{ right: -20px; left: auto; }

/* new signup page */


.select-question-box{width: 100%; padding-bottom: 15px; }
.select-question-box .question{ font-size: 24px; color: #fff;  /* background-color: #000;  */text-transform: uppercase; margin-bottom: 0px; padding:10px; font-family: 'ralewayblack_italic';  }
.signup_page .select-question-box .question {  text-align: center;}
.signup_page .select-question-box .choose-box{ justify-content: center; }
.signup_page .sub-question-box .sub-question { text-align: center; }
.profile-page .select-question-box{padding-bottom: 25px; }

.choose-box{ width: 100%; display: flex; flex-wrap: wrap; /*  justify-content: center;  */overflow: hidden; /* height: 90px;  */padding: 10px; /*  box-shadow: 0px 0px 3px 0px rgba(255,255,255,0.4);  */ margin-bottom: 10px;  /* background-color: rgba(255, 255, 255, 0.5); */ }
.choose-box input[type="radio"] ,.choose-box input[type="checkbox"] { display: none;}
.choose-box input[type="radio"] +label, .choose-box input[type="checkbox"] +label  {color: #fff;font-size: 16px; cursor: pointer;user-select: none;padding-left: 35px;  margin-right: 25px; margin-bottom: 0px; height: 100%; position: relative; line-height: 26px; }
.choose-box input[type="radio"] +label::before, .choose-box input[type="checkbox"] +label::before {transition: all 250ms cubic-bezier(.4,.25,.3,1);	content: ""; width: 26px; height: 26px;	border-radius: 50%; background-color: #fff;font-size: 0;	position: absolute;	bottom: 20px;	left: 0; top: 0; }
.choose-box input[type="radio"] +label::after, .choose-box input[type="checkbox"] +label::after  {	transition: all 250ms cubic-bezier(.4,.25,.3,1);content: ""; width: 18px;	height: 18px; border-radius: 50%;	background-color: #161616;	position: absolute;	bottom: 0px;	left: 4px; top: 4px;}
.choose-box input[type="radio"]:checked + label::before, .choose-box input[type="checkbox"]:checked + label::before {	background-color: #cf3f8c;	}


.sub-question-box{ width: 100%; margin-top: 10px; margin-bottom: 25px; }
.sub-question-box .sub-question{  font-size: 20px; color: #fff; margin-bottom: 0px; font-family: 'ralewaybold'; padding: 10px 20px; padding-left: 0px !important; }

.btn-box1 { display: flex; align-items: center; justify-content: space-between; }
.btn-box1 .submit-btn{ width: 175px !important; /*margin: 0px !important;*/ background-color: #000 !important; box-shadow: none !important; }
.btn-box1 .submitbtn{ width: 175px !important; /*margin: 0px !important;*/ background-color: #000 !important; box-shadow: none !important; }

.slider-data .owl-nav{ display: none; }

.slider-data .item{ height: 170px; width: 100%; }
.slider-data .owl-carousel .owl-item img { height: 100%; object-fit: cover; }

.reply-section{ background: #eff6f9; width: 100%; margin-right: 5px; padding: 15px; }
.reply-section .response-text{ width: 100%; display: flex; margin-bottom: 0px;}
.reply-section .response-text span.response-title{ min-width: 120px; color: #000000; font-family: 'ralewayblack_italic'; font-size: 20px; line-height: 1.2;}
.reply-section .response-text span.description{ width: 100%; font-size: 14px; color: #333333; margin-bottom: 0px; }


.featured-scroll-box  .owl-carousel .owl-nav button .next, .featured-scroll-box .owl-carousel .owl-nav button .prev { position:absolute; /* top: 30%; */ top: 108px;  width: 40px; height: 40px; border-radius: 50%; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.18); background-color: #000; padding: 10px; }
.featured-scroll-box  .owl-carousel .owl-nav button .next img, .featured-scroll-box  .owl-carousel .owl-nav button .prev img{ width: 100%; height: 100%; vertical-align: top;}
.featured-scroll-box  .owl-carousel .owl-nav button .prev{ left: -20px; }
.featured-scroll-box  .owl-carousel .owl-nav button .next{ right: -20px; left: auto; }

/* ------------------community-section------------------------- */
.community-data-section .side-nav-box{/*margin-top:118px;*/}
.community-section .tab-section{ position: relative;}

.community-section .nav-tabs{border:0px; border-radius: 32px; background-color: rgb(26, 26, 26);/*box-shadow:0px 8px 15px 0px rgba(255, 255, 255, 0.29);*/ margin: 0px auto 55px;  width: 253px;  height: 51px; line-height:51px; }

.community-section .nav-tabs .nav-link{font-size:20px;  font-family: 'ralewayblack_italic'; text-align: center; padding:0px; width:125px; color:#fff;}
.community-section .nav-tabs .nav-link.active{border-radius:32px 0px 0px 32px; background-color: #fff;
 color: rgb(26, 26, 26);}
 .nav-tabs .nav-item { margin: 0px; }
.community-section .nav-tabs .nav-link:last-child.active {border-radius:0px 32px 32px 0px;}
.community-section .tab-section .post-btns{background-color: rgb(26, 26, 26);width: 152px; height: 51px; line-height:51px; text-align: center; color:#fff; font-size:18px; font-family: 'ralewaymedium'; display: block; border-radius:25px; position: absolute;right: 0;top:0px; }
.community-section .tab-section .post-btns:hover{text-decoration: none;}

.community-section .feed-active{ color: #fff;text-decoration: underline  }
.community-section .feed-active:hover{ text-decoration: underline !important  }
.community-section .feed-inactive{ color: #7f7f7f;}
.community-section .feed-inactive:hover{ text-decoration: underline !important  }

.video-title-box{ width: 100%;background: #060606;padding: 15px;min-height: 200px;  display:flex; align-items:center; }

.video-title{ font-size: 30px;color: #fff !important;font-family: 'ralewayblack_italic';text-overflow: unset;overflow: unset;white-space: unset;margin-bottom: 0px; }

.first-community-section{  /*border:1px solid rgb(240, 240, 240);*/ background-color: rgb(0, 0, 0); border-radius: 6px; width:565px; margin: 0px auto 60px; }
.first-community-section:last-child{margin:0px auto;}
.first-community-section .name-section{padding:10px; font-size:16px; color:#fff; margin-bottom:0px;}
.first-community-section .name-section a{color:#fff;}
.first-community-section .name-section img{width:35px; height: 35px; border-radius:50%;object-fit: cover; margin-right:10px;}

.first-community-section .data-img-slider{ height:100%}

.first-community-section .post-img{  /*background-color: rgb(255, 85, 85);*/ background-color: rgb(0, 0, 0);height: 100%; /*height: 600px;*/ position: relative;display: flex; align-items: center}
.first-community-section .post-img img{width:100%; height:100%; object-fit:contain;}

.first-community-section .post-slider-img{   background-color: rgb(0, 0, 0);height:400px;  position: relative; display: flex;align-items: center;justify-content: center;}
.first-community-section .post-slider-img img{width:auto; height:auto; object-fit:cover; max-width: 100%; max-height:100%;/*border-radius:0px !important*/  }

.first-community-section  .card-data{padding:20px; border-bottom:1px solid #3E3E3E; }
.first-community-section  .card-data .like-post{color:#fff; font-size:12px; letter-spacing:0px;cursor: pointer;}
.first-community-section  .card-data .like-post img{width:25px; height:25px; margin-right:5px; cursor: pointer;}
.first-community-section  .card-data .commant-section{display: flex; justify-content: space-between; margin-bottom:10px;}
.first-community-section  .card-data  .description{color:#fff; font-size:16px;margin-bottom:10px; letter-spacing:0px;}
.first-community-section  .card-data  .description span a{color:#929292; display: block; padding-top: 5px;}
.first-community-section  .card-data  .other-post .post-comm{font-size:16px; color:#fff; margin-bottom:10px; letter-spacing: 0px;}
.first-community-section  .card-data  .other-post .post-comm:last-child{margin-bottom:0px;}
.first-community-section  .card-data  .other-post .post-comm span{font-family: 'ralewayblack_italic';color: #E5E5E5}
.first-community-section .card-data .other-post .post-comm a{color: #E5E5E5}
.first-community-section .card-data .description span{font-family: 'ralewayblack_italic';}
.first-community-section  .post-data  {padding:20px; display: flex; justify-content: space-between;}
.first-community-section  .post-data .form-group {margin-bottom:0px; width:80%;}
.first-community-section  .post-data .form-group .form-control{border:0px; color:#919191; font-size:14px; height:auto !important;padding:0px;}
.first-community-section  .post-data .form-group .form-control::placeholder{color:#919191 !important;}
.first-community-section  .post-data .post-btn{color:#fff; font-size:16px; letter-spacing:0px;}

.my-post-data .first-community-section .post-img img, .my-post-data .first-community-section .post-img{ border-radius:6px 6px 0px 0px;}

.my-post-data .first-community-section{position: relative;}
.my-post-data .edit-btns{position: absolute; top:0px; right:-60px;}
.my-post-data .edit-btns .edit-delete-btn{border-radius: 6px;  background-color: rgb(0,0,0);width: 36px; height: 36px; margin-bottom:5px; display: block;}
.my-post-data .edit-btns .edit-delete-btn img{width: 100%;height:100%; padding:8px;}


.close:focus, .close:hover{opacity:1;color:#fff;}
.likemodal .modal-header .close{margin:0px !important;}
.likemodal .modal-header{border-bottom:1px solid rgb(240, 240, 240);}
.likemodal .modal-body{height:400px; overflow-y: scroll;}
.like-media{padding-bottom:5px;}
.like-media-new{display: block;overflow: hidden;}
.like-media .user-img-media{width:40px; height:40px; object-fit: cover; margin-right:10px; border-radius:50%;}
.like-media .media-body .user-name{font-size:16px; font-family: 'ralewaymedium';  margin-bottom:0px;  color:#333333; letter-spacing:0px;}
.like-media .media-body .name-section{color:#919191; font-size:14px; letter-spacing:0px;margin-bottom:10px}
.first-community-section .post-img:hover .community-overly{ opacity: 1;} 
.first-community-section .post-img .community-overly{ position: absolute; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.45); display: flex; align-items: center; justify-content: center; }
.first-community-section .post-img .community-overly .community-play-btn{ width: 60px; height: 60px; }
.first-community-section .post-img .community-overly .community-play-btn img{ width: 100%; height: 100%; }

.modal-footer{ justify-content: flex-start;  }
.modal-footer form{ width:100%; }
.modal-footer .input-group-text1 img{ width: 45px;border-radius: 50% }
.modal-footer .form-control{ border: none;box-shadow: none; }
.modal-footer .input-group-text{border: none;background: #000;cursor: pointer;color: #fff;padding: 10px 25px;  }
.modal-footer .input-group-text1{border: none;background: none;cursor: pointer;padding: 5px;height: 45px;border-radius: 50%;}

/*.modal-footer{justify-content: flex-start;  }
.modal-footer form{ width:100%; }
.modal-footer .input-group-text { border: none;background: #000;cursor: pointer;color: #fff;padding: 10px 25px; }
.modal-footer input-group-text1{ border: none; background: none; padding: 5px; height: 45px; border-radius: 50%; }
.modal-footer .input-group-text1 img{ width: 100%;height: 100%;border-radius: 50%; }
.modal-footer .form-control{ border: none;box-shadow: none; }*/

.comment-box{ display: block;
margin-bottom: 10px; }

.rpl-btn{ font-size: 12px;
margin-bottom: 5px;cursor: pointer}

.rpl-box{ width: 90%;
margin-left: auto; }

.rpl-c-box{padding-bottom: 10px;}

/* header notification */

header .navbar .navbar-nav .nav-item.notification .notification_image {width: 40px; height: 40px; padding: 9px; position: relative; display: flex; align-items: center;}
header .navbar .navbar-nav .nav-item.notification .notification_image  img{ width: 100%; height: 100%; }
header .navbar .navbar-nav .nav-item.notification .notification_image .notification-count { font-size: 12px; top: 0px; right: 0px; color: #171717;padding: 1px;text-align: center; border: solid 2px rgb(37, 37, 37); border-radius: 50%; background-color: rgb(255, 255, 255); position: absolute; width: 25px; height: 25px;}

header .navbar .navbar-nav .nav-item.notification{ padding: 0px; margin-right: 10px; }
header .navbar .navbar-nav .nav-item.notification .dropdown-toggle::after{ display: none; }

header .navbar .navbar-nav .nav-item.notification .dropdown-menu{ position: absolute !important; border-radius: 8px; background-color: rgb(255, 255, 255); width: 242px; height: 280px; padding: 0px; left: 0;}

.li-top{ padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(202, 202, 202); }  
.li-top .notification-heading{ font-size: 18px; color: #0b0b0b;  font-family: 'ralewayblack_italic'; margin-bottom: 0px; }
.li-top .view-btn{ font-size: 14px; color: #0b0b0b;  font-family: 'ralewayblack_italic';   }


.notication-li { padding: 10px;  border-bottom: 1px solid rgb(202, 202, 202); }
.notication-li:last-child { border-bottom: 0px; }
.notication-li .user-info{ display: flex; align-items: center ; margin-bottom: 6px; }
.notication-li .user-info .user-img{ width: 34px; height: 34px; border-radius: 50%; margin-right: 10px; }
.notication-li .user-info .user-img img{ width: 100%; height: 100%; border-radius: 50%;  }
.notication-li .user-info .user-name{ font-size: 14px; color: #0b0b0b;  font-family: 'ralewayblack_italic'; margin-bottom: 0px; }
.notication-li .comment-txt{font-size: 12px; color: #0b0b0b; line-height: 1.375;  margin-bottom: 0px; }

.notication-li .comment-txt:hover{ text-decoration: underline; cursor: pointer}


/*  */

.community-data-section {  }
.community-data-section .right-side-box { padding: 0px !important; display: flex; background: none !important; justify-content: space-between; }
.community-data-section .right-side-box .community-user { margin: auto; }
/* .community-data-section .right-side-box .community-user .first-community-section { width: 500px;} */

.suggestions-block { margin-left: 25px; }
.suggestions-block .links-block { padding:10px 20px; background: #2b2b2b;  }
.suggestions-block  .links-block .title-heading a{ text-transform: uppercase; font-family: 'ralewayblack_italic'; color: #fff !important; text-decoration: none !important; font-size: 20px; padding: 8px 6px; display: block; border-bottom: 1px solid #fff; }
.suggestions-block .links-block .title-heading a:hover, .links-block .title-heading a.active { color: #cf3f8c !important; }
.suggestions-block .links-block .title-heading { margin-bottom: 0px !important; }
.community-section .links-block .feed-inactive:hover {text-decoration: none !important;}
.suggestions-block  .links-block .title-heading a:last-child{ border: none !important; }
.community-section .feed-active:hover {text-decoration: none !important;}

.membership-page .right-side-box .title-heading a{ color: #fff;}
.membership-page .right-side-box .title-heading a:hover, .right-side-box .title-heading a.active { color: #cf3f8c !important; }

.suggestions-block  .suggestion-box { margin-top: 40px; }
.suggestions-block .suggestion-box .sug-heading { font-family: 'ralewayblack_italic'; font-size: 20px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 25px; text-transform: uppercase; }
.suggestions-block .sug-box { display: flex; align-items: center; margin: 0px 0px 15px; }
.suggestions-block .sug-box .sug-img { width: 50px; height: 50px; border-radius: 50%; margin-right: 10px; }
.suggestions-block .sug-box .sug-img img { width: 100%; height:100%; border-radius: 50%; object-fit: cover; }
.suggestions-block .sug-box .sug-name { margin-bottom: 0px; font-size: 16px; color: #fff; font-family: 'ralewayblack_italic'; }
.suggestions-block .sug-box .sug-name a{color: #fff;}

/* notification page */

.heading-section{ display: flex; align-items: center; justify-content: space-between;/*  max-width: 620px;  */margin: 0px auto 20px; width: 100%; }
.heading-section .mark-btn { box-shadow: none; border: solid 1px rgb(255, 255, 255); background-color: rgba(149, 208, 58, 0); max-width: 138px; width: 100%; height: 38px; border-radius: 25px; font-family: 'ralewayblack_italic';  font-size: 13px; color: #fff; line-height: 38px;padding: 0px !important;  }
.heading-section .title-heading{ margin-bottom: 5px !important; }

.stylist-section-3{ background: #161616; }

.notication-box { border: solid 1px transparent;  border-radius: 6px; background-color: rgb(11, 11, 11); /* max-width: 620px; */ margin: 0px auto 20px; width: 100%; padding: 20px; position: relative;cursor: pointer; }
.notication-box  .bell-icon{ position: absolute; top: -10px; left: -15px; width: 30px; height: 30px; display:none; }
.notication-box  .close-btn{ color: #707070; font-size: 16px; font-family: 'ralewayblack_italic'; right: 10px; top: 10px; position: absolute; margin-bottom: 0px; cursor: pointer; }
/*.notication-box:hover { border: solid 1px rgb(75, 75, 75);  }
.notication-box:hover .bell-icon{ display: block; }*/

.notication-box-active { border: solid 1px rgb(75, 75, 75);}
.bell-icon-active{ display: block !important; }

.notication-box .user-info{ display: flex; align-items: center ; margin-bottom: 10px; }
.notication-box .user-info .user-img{ width: 34px; height: 34px; border-radius: 50%; margin-right: 10px; }
.notication-box .user-info .user-img img{ width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.notication-box .user-info .user-name{ font-size: 16px; color: #ffffff;  font-family: 'ralewayblack_italic';  }
.notication-box .comment-txt{font-size: 16px; color: rgb(255, 255, 255); line-height: 1.375;  margin-bottom: 0px; }

.notication-box .comment-txt:hover{ text-decoration: underline }

.stylist-section-2 .load-btn{ background-color: rgb(11, 11, 11); max-width: 285px; font-family: 'ralewaymedium';   height: 51px;  margin: 0px auto; width: 100%; box-shadow: none !important; border-radius: 25px; border: none !important; font-size: 18px; color: #fff;  }



/*  */

#ImageDiv { display: flex; flex-wrap: wrap; width: 100%; overflow: hidden; }
#ImageDiv div{ padding: 10px; }
#ImageDiv .dz-remove{  display: block; padding-top: 5px; text-align: center; font-size: 14px; color: #fff !important;}



/*  */


/* slider css */

/*.first-community-section .post-img{ height: auto !important; }*/
.first-community-section .owl-carousel .data-slider{
  /*background: url("https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/ajax-loader.gif") no-repeat center center;*/
	background:url(../../images/ajax-loader.gif) no-repeat center center;
}
.first-community-section .post-slider-img{ height: 400px !important; }
.first-community-section .owl-dots{ display: none; }
.first-community-section .owl-carousel, .first-community-section .owl-carousel .owl-item{ position:  relative !important; outline: none;  }
.first-community-section .owl-nav{ position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }
.first-community-section .owl-carousel .owl-nav button.owl-next, .first-community-section .owl-carousel .owl-nav button.owl-prev{  outline: none !important; border-radius: 0; background: #000 !important; position: absolute; padding: 10px !important; top: -23px; }
.first-community-section .owl-carousel .owl-nav .owl-prev{ left: 0; }
.first-community-section .owl-carousel .owl-nav .owl-next{ left: auto;  right: 0; }


/* new video box css code */

.video-card-box .card .card-body{ background: none; border-radius: 0 !important; border: none !important; width: 100% !important; height: auto !important; }
.video-card-box .card .card-body .user-img{ width: 100% !important; height: 196px !important; border-radius: 6px !important; margin: 0px !important; }
.video-card-box .card .card-body .user-img img{ border-radius: 6px  !important; }
.video-card-box .card .card-body .user-detail{ width: 100% !important; margin: 0px !important; padding: 10px !important; }
.video-card-box .card .card-body .user-img .overly{ border-radius: 6px !important;  }

/*  */

#nav-profile .right-side-box{ display: block !important; }

/* footer new design */

.footer-first-section .footer-logo { font-size: 30px; font-style: italic; padding-bottom: 0px; display: inline-block; border-bottom: 2px solid #fff; margin: 0px auto 35px; }
.footer-first-section, .footer-second-section { background: #1e1e1e; }

.footer-first-section .footer-sec { margin-bottom: 40px;}
.footer-first-section .footer-sec li.home-sec-1 { border-right: 1px solid #fff; padding: 0px 10px;}
.footer-first-section .footer-sec li.home-sec-1:last-child{ border-right: 0; }

.footer-second-section .copy_right { color: #ffffff; }
.footer-second-section .copy_right a {color: #fff;}
.footer-second-section .social-icon-img a { margin: 0px 16px 0px; width: 30px; height: 30px;}
.footer-second-section .social-icon { margin-bottom: 40px; }

.footer-store{ list-style-type: none; display: flex; align-items: center; justify-content: center; margin-bottom: 40px; padding: 0;}
.footer-store li{ margin: 0px 20px; }
.footer-store li a { text-decoration: none !important; font-size: 16px; color: #fff; display: flex; align-items: center; } 
.footer-store li a img{ width: 30px; height: 30px; margin-right: 10px; } 

/*  */

.profile-page .right-side-box.profilepage-form .form-group .form-control{ background: none !important; border: none !important; border-bottom: 2px solid #fff !important; padding-left: 0px !important; border-radius: 0px !important; }
.profile-page .right-side-box .submit-btn {font-family: 'ralewayblack_italic';  background: none !important; border-radius: 0 !important; border: 1px solid #fff !important; width: 120px !important; text-transform: uppercase ; }
.profile-page .right-side-box .load-icon{font-family: 'ralewayblack_italic';  background: none !important; border-radius: 0 !important; border: 1px solid #fff !important; width: 130px !important;  text-transform: uppercase ;  }


.video-row .video-title {  max-width: 750px; margin: 0px auto 20px !important; width: 100%; text-align: center; border-bottom: 2px solid #fff; padding-bottom: 6px;}
.video-row .video-title span.backbutton { position: absolute; right: 0;  }
.video-row .date-time{ text-align: center; }

.author-categories-box { display: flex; width: 100%; margin-top: 40px;  }
.author-categories-box .author-box{ padding: 0px !important; width: 50% !important; }
.author-categories-box .categories-boxes { width: 50% !important; }
.tabing-section .nav-tabs .nav-link { padding: 0px !important; color: #fff !important; font-family: 'ralewayblack_italic'; text-transform: uppercase; background: none; font-size: 22px; }
.tabing-section .nav-tabs {  border-bottom: none !important;  }

.video-row .buttons {  max-width: 750px; margin: 0px auto !important; width: 100%; }
.video-row .video { max-width: 750px; margin: 0px auto !important; width: 100%;}
.second-row .tabing-section { max-width: 750px; margin: 0px auto 20px !important; }
.author-categories-box {  max-width: 750px; margin: 0px auto !important; }

/*  */

.after-login-block { /* position: relative; *//*  height: auto; */ }
.index_part .slide { height: 100%; }


/* new home */

.featured-stylists-section { background: #1e1e1e !important; border-bottom: 7px solid #fff; padding: 80px 0px;  }

.featured-stylists-section .featured-scroll-box .user-box { border: none !important; max-width: 290px; width: 100%; height: 390px; margin: 45px auto; background: #030b17;
  border-radius: 25px; box-shadow: 0px 0px 16px 2px rgb(207 63 140); }

.featured-stylists-section .user-data-box { display: block;} 
.featured-stylists-section .user-box .user-info .user-img { width: 130px !important; height: 130px !important; margin: 25px auto 0px;  }
.featured-stylists-section .user-box .u-name { text-align: center;  font-family: 'ralewayblack'; font-size: 32px; margin-bottom: 5px; padding: 10px 0px 0px; }
.featured-stylists-section  .user-box .u-business{ text-align: center; font-family: 'ralewayitalic'; font-size: 20px; }
.featured-stylists-section  .user-box .u-location { text-align: center; font-size: 16px; font-family: 'ralewayitalic';  }
.featured-stylists-section .star-rating .fa-color-star {  color: #b93980;} 
.featured-stylists-section .star-rating { font-size: 20px; letter-spacing: 0px; text-align: center; margin-top: 6px;  }
.featured-stylists-section .owl-carousel .owl-item.center { transform:scale(1.1); }
.featured-stylists-section .featured-scroll-box .owl-carousel .owl-nav button .next, .featured-stylists-section .featured-scroll-box .owl-carousel .owl-nav button .prev { background: none !important; padding: 0px !important; top: 50%; transform: translateY(-50%); }


.dir_hairstyles-section {  border-bottom: 10px solid #fff;  }
.dir_hairstyles-section .hairstyles-scroll-box .spacing-div-2 .user-img { border: solid 7px rgb(207, 63, 140);  border-radius: 10px; background-color: rgb(30, 30, 30); box-shadow: 0px 9px 10.56px 1.44px rgba(0, 0, 0, 0.52); /* box-shadow: 0px 19px 26.56px 5.44px rgba(0, 0, 0, 0.52); */
  max-width: 327px !important; height: 225px !important; width: 100%; margin: 0px auto; }
.dir_hairstyles-section .featured-scroll-box { width: 100%;}
.dir_hairstyles-section .featured-scroll-box .owl-carousel .owl-nav button .next, .dir_hairstyles-section .featured-scroll-box .owl-carousel .owl-nav button .prev { background: none !important; padding: 0; }
.dir_hairstyles-section .featured-scroll-box .owl-carousel .owl-nav button .prev {left: -2vw;}
.dir_hairstyles-section .featured-scroll-box .owl-carousel .owl-nav button .next { right: -2vw; left: auto;}


/* CHAT SETTING  */

.chat-box .dropdown { text-align: right; }
.chat-box .dropdown .dropdown-toggle{ background: none; padding: 10px 10px 0px; font-size: 20px; color: #fff; }
.chat-box .dropdown .dropdown-toggle::after{ display: none; }
.chat-box .dropdown-menu.show { left: auto !important; right: 10px; transform: none !important; top: 100% !important;}
.chat-box .dropdown-item {padding: 3px 15px; font-size: 14px;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff; background-color: #1a1a1a;}


/*----------------------- Responsive media -------------*/
@media (min-width: 1200px) and (max-width:1280px) { #nav ul.main li .signup-link .hover-menu {height: 370px; }
}
@media (min-width: 1600px){ 
.container{min-width: 67.12vw;}


/*  */

/* CHAT SETTING  */


.chat-box .dropdown .dropdown-toggle{  padding: 0.52vw 0.52vw 0px; font-size: 1.05vw; }
.chat-box .dropdown-menu.show {  right: 0.52vw;}
.chat-box .dropdown-item {padding: 0.15vw 0.78vw; font-size: 0.73vw;}



/* new home */

.featured-stylists-section { border-bottom: 0.36vw solid #fff; padding: 4.21vw 0px;  }

.featured-stylists-section .featured-scroll-box .user-box {  max-width: 17.10vw; height: 22.94vw; margin: 2.36vw auto; border-radius: 1.31vw; }
.featured-stylists-section .user-box .user-info .user-img { width: 7.84vw !important; height: 7.84vw !important; margin: 1.31vw auto 0px;  }
.featured-stylists-section .user-box .u-name { font-size: 1.89vw; margin-bottom: 0.25vw; padding: 0.52vw 0px 0px; }
.featured-stylists-section  .user-box .u-business{  font-size: 1.15vw; }
.featured-stylists-section  .user-box .u-location { font-size: 0.94vw; }
.featured-stylists-section .star-rating { font-size: 1.05vw; margin-top: 0.31vw; }

.dir_hairstyles-section {  border-bottom: 0.52vw solid #fff; }
.dir_hairstyles-section .hairstyles-scroll-box .spacing-div-2 .user-img { border: solid 0.36vw rgb(207, 63, 140);  border-radius: 0.52vw;  max-width: 20.52vw !important; height: 13.84vw !important;}
.dir_hairstyles-section .featured-scroll-box .owl-carousel .owl-nav button .prev {left: -2vw;}
.dir_hairstyles-section .featured-scroll-box .owl-carousel .owl-nav button .next { right: -2vw; left: auto;}

.location-search .form-inline .input-group .form-control { font-size: 1.47vw !important;}


/* new video box css code */

.video-card-box .card .card-body .user-img .overly{ border-radius: 0.31vw !important;  }
.video-card-box .card .card-body  .user-img{  height: 13.15vw !important; border-radius: 0.31vw !important; }
.video-card-box .card .card-body  .user-img img{ border-radius: 0.31vw  !important; }
.video-card-box .card .card-body .user-detail{  padding: 0.52vw !important; }
.static-form-page .title {font-size: 2.36vw;padding: 1.57vw 0px;}


#ImageDiv div{ padding: 0.52vw; }
#ImageDiv .dz-remove{  padding-top: 0.25vw; font-size: 0.73vw;}

.first-community-section .post-img{ /*height: 31.57vw !important; */}
.first-community-section .owl-carousel .owl-nav button.owl-next, .first-community-section .owl-carousel .owl-nav button.owl-prev{ padding: 0.52vw !important; top: -1.20vw; }


/*  */


/* --------------------- header  ------------------- */

.video #sVideoPlayer_wrapper { height: 25.26vw;}

header .navbar{padding: 0.25vw 2.25vw;}
header .navbar .navbar-brand img{ /*width: 2.21vw;*/ height: 2.21vw; margin-right: 0.35vw; }
header .navbar .navbar-brand { font-size: 1.36vw; }
header .navbar  .navbar-nav .nav-item{padding: 0px 1vw;}
header .navbar  .navbar-nav .nav-link{ font-size: 0.84vw;  }
/* header .navbar  .navbar-nav .nav-item.style-signup{ border-width:0.1vw; margin-right: 1vw; border-radius: 1.31vw; padding: 0.25vw 1vw; } */

/*-------------------------after login img-------------------------------- */

header .user_image{width:2vw; height:2vw;}
header .nav-link span{font-size:0.84vw; padding-right: 0.8vw;}
.dropdown-toggle::after{width: 0.78vw; height: 0.68vw; }
.dropdown-menu.show{ left: 1.45vw; }

/* ----------------------- side nav ------------------------------------------ */

.menu {width: 2vw; height: 2vw; border: 0.14vw solid #fff; }
.menu span, .menu span::before, .menu span::after {width: 1.15vw; height: 0.15vw; border-radius: 0.25vw;}
.menu span::before {top: -0.31vw; width: 1.15vw;}
.menu span::after {top: 0.31vw; width: 1.15vw;}
.menu.clicked span::before {-webkit-transform: translateY(0.31vw) rotate(45deg);-moz-transform: translateY(0.31vw) rotate(45deg);-ms-transform: translateY(0.31vw) rotate(45deg);
-o-transform: translateY(0.31vw) rotate(45deg);transform: translateY(0.31vw) rotate(45deg); width: 1.15vw;}
.menu.clicked span::after {-webkit-transform: translateY(-0.31vw) rotate(-45deg);-moz-transform: translateY(-0.31vw) rotate(-45deg);-ms-transform: translateY(-0.31vw) rotate(-45deg);
-o-transform: translateY(-0.31vw) rotate(-45deg);transform: translateY(-0.31vw) rotate(-45deg);}
.menu-section-span{ font-size:0.63vw !important;}

/*  NAV ============================ */
/* 
#nav {max-width: 50%;} */

#nav ul.main {  margin-top: 3.5vw; padding: 0.52vw 0px;}
#nav ul.main li { padding: 0.52vw 0; }
#nav ul.main li a { font-size: 1.89vw;    }


#nav ul.main li .signup-link{ width: 10.52vw; height: 3.67vw; padding: 0.52vw 0px;}
#nav ul.main li .signup-link a { border-radius: 1.31vw; padding: 0px 1vw; }
#nav ul.main li .signup-link .hover-menu{  bottom:4.21vw; height: 65vh; }

#nav ul.main li .signup-link .hover-menu::after {border-left: 0.31vw solid transparent; border-right: 0.31vw solid transparent; border-top: 0.64vw solid #000; bottom:-0.64vw  ; /* filter: drop-shadow(0px -5px 5px #fff); */ }
#nav ul.main li .signup-link .hover-menu ul.main li a{border-radius: 1.84vw; padding:0.52vw 2.10vw; width: 25.26vw;}
#nav ul.main li .signup-link .hover-menu ul.main li:last-child a{margin-bottom:3.94vw; }
#nav ul.main li .signup-link .heading{ font-size:2.42vw; padding: 5.26vw 0px;}
#nav ul.main li .signup-link .hover-menu ul.main li .title{ padding:0.52vw 0px; font-size:1.89vw;}



.reply-section{ margin-right: 0.25vw; padding: 0.8vw; }
.reply-section .response-text span.response-title{ min-width: 6.2vw;  font-size:1.05vw; }
.reply-section .response-text span.description{  font-size: 0.73vw;}



/* --------------------- home page ------------------- */

.index_part{ height: 100vh;}
.top-sec-data .top-heading{font-size: 3.78vw; }
.location-search {height: 4.7vw;}
.location-search .form-inline .input-group .form-control{font-size: 0.8vw;}
/* .location-search .form-inline .search-btn{ border-radius: 1.45vw; width: 9.3vw; height: 3.05vw; line-height: 3.05vw; font-size: 0.84vw; margin-left: 1vw; } */

.location-search .form-inline .input-group {  border-radius: 1.45vw; height: 3.05vw;  padding:0.25vw 0.78vw; }
.location-search .form-inline .input-group .input-group-text{ width:2.21vw;}
.location-search .form-inline .input-group .input-group-text img{ padding:0.52vw;}


/* .index_part .carousel-inner{ height: 100vh;  } */
.carousel-indicators li{  width: 0.8vw; height: 0.84vw; }
.carousel-indicators { bottom: 4.7vw;}

.heading{ font-size: 2.36vw; }

.second-section{ /*  height: 32.03vw;  */padding: 3.1vw 0px; }
.second-section .heading{ margin-bottom: 2vw; }
.featured-scroll-box{ /* height: 18.2vw; */ width:95%;}
.featured-scroll-box .user-box{ border-radius: 1vw;/*  width: 31.22vw; */ width:97%;/*  width: 20.5vw; */ height: 11.57vw;margin:0.52vw 0.1vw; }
.user-box .user-info {padding: 0.52vw; }
.user-box  .data-one-section{ padding-top:0.63vw; padding-left: 0.52vw;}
.user-box .user-info .user-img{ width: 6.31vw; height:6.31vw;  }
.user-box .u-name{  font-size: 1.26vw;  margin-bottom:0; padding: 1.05vw 0.78vw 0px;}
.user-box .u-business{ font-size: 0.84vw; }
.user-box .u-location{font-size: 0.78vw; margin-bottom:0px;;  }
.user-box .description{ font-size: 0.84vw; padding: 0px 0.52vw; width: 65%;}
.spacing-div{/* margin-right: 3.1vw;  */ width: 100%; margin-right:0.78vw;} 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 0.68vw; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 10vw !important;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 0.68vw;}
.third-section{ /* height: 31.78vw; */ padding: 3.1vw 0px; }
.third-section .heading{ margin-bottom: 2.8vw; }
.hairstyles-scroll-box .spacing-div-2  {/* width: 33%; */width:100%; margin-right: 1.67vw;}
.hairstyles-scroll-box  {height:18vw;}
.hairstyles-scroll-box .spacing-div-2 .user-img{ border-radius: 0.31vw; width: 20.7vw; height: 12.83vw;}
.hairstyles-scroll-box .spacing-div-2 .user-img img{ /*border-radius: 0.31vw;*/}  
.final-section{ padding: 3.35vw 0px 3.5vw; } 
.final-section .heading{ /*margin-bottom: 4vw; */}

.final-section .brand-img img { margin: 0px auto .1vw !important;}
/*.spacing-div-2 .heading{font-size:1.25vw; margin-top:0.52vw; text-transform: uppercase; width: 20.7vw; }*/
	
.spacing-div-2 .heading {
    font-size: 1.25vw;
    margin-top: 0.52vw;
    text-transform: uppercase;
    width: 20.7vw;
    height: 3.947vw;
}	
/*--------------------------footer------------------------*/

.footer-first-section{ padding: 3vw 0px;}
.footer-first-section .footer-logo{ font-size: 1.36vw; padding-bottom: 1.16vw; }
.footer-first-section .footer-sec{font-size: 0.84vw;}
.footer-first-section .footer-sec .home-sec{padding: 0px 0.8vw;}
.footer-second-section{padding:1.7vw 0px 1vw;}
.footer-second-section .copy_right{font-size:0.73vw; margin-bottom: 0.31vw; }
.footer-second-section .social-icon-img a{width: 1.58vw; height: 1.58vw; margin: 0.8vw 0.31vw 0px;  }


/* -------------------------------- aobut us ------------------------------------- */

.comman-bg{ height: 26.05vw;}
.comman-bg .comman-heading{font-size: 3.78vw; }
.about-second-section{ padding: 7.7vw 0px;}
.about-second-section .about-img1{height: 29vw;}
.about-second-section .aobut-content .headings{font-size: 3.78vw;}
.about-second-section .aobut-content .description{ font-size: 1.26vw;}
.about-third-section{ padding: 1vw 0px; }
.about-third-section .heading{ font-size: 3.78vw;  margin-bottom: 0.8vw; }
.about-third-section .sub-heading{font-size: 1.26vw; margin-bottom: 1.57vw; }
.about-third-section .teams-member .images {  width: 15.9vw; height: 15.9vw; margin: 0.52vw auto; }
.about-third-section .teams-member .t-name{ font-size: 1.26vw; margin-bottom: 0.1vw; padding-top: 0.8vw; }
.about-third-section .teams-member .t-location{ font-size: 0.84vw;  }
.about-final-section .aobut-content{ width: 32vw; padding-right: 1.57vw; padding-top: 2.10vw; padding-bottom: 2.10vw; }
.about-final-section .headings{font-size: 3.78vw; margin-bottom: 0.8vw; }
.about-final-section .metters{font-size: 1.26vw;  margin-bottom: 3vw;}

/* ---------------------------- consumer-hair-tutorial-page ------------------------------------ */

.consumer-hair-tutorial-page{ padding: 2.75vw 0px 1.57vw; }
.tutorial-video {margin-bottom: 3.05vw;}
.tutorial-video .video-img{ border-radius: 0.31vw; width: 19.12vw; height: 10.85vw; margin: 0px auto 1.15vw; }
.tutorial-video .video-img img.video-bg{  border-radius: 0.31vw;}
.tutorial-video .video-img .overlay-box{  border-radius: 0.31vw;}
.tutorial-video .video-img .overlay-box img.play{ width: 4.2vw; height: 4.2vw; } 
.tutorial-video .video-title{ font-size: 1.26vw; margin-bottom: 0.35vw; }
.tutorial-video .posted-date{font-size: 0.84vw;}


.consumer-hair-tutorial-page .online-data-slider {margin-bottom:1.05vw;}
.consumer-hair-tutorial-page .online-data-slider .data-img-slider{border-radius: 0.31vw; height: 10.06vw; margin-bottom:1.05vw;}
.consumer-hair-tutorial-page .online-data-slider .data-img-slider .overly{  border-radius: 0.31vw; } 
.consumer-hair-tutorial-page .online-data-slider .data-img-slider .play-btn{width:4.73vw; height:4.73vw; }
.consumer-hair-tutorial-page .online-data-slider .data-img-slider img{ border-radius: 0.31vw;}
.consumer-hair-tutorial-page .online-data-slider .data-slider .heading-2{ font-size:0.96vw; margin-bottom:0.52vw; } 
.consumer-hair-tutorial-page .online-data-slider .data-slider .description{font-size:0.64vw;}
.consumer-hair-tutorial-page .online-data-slider .header-section{margin-bottom:1.05vw;} 
.consumer-hair-tutorial-page .online-data-slider .header-section .title{font-size:1.36vw; width: 400px;}
.consumer-hair-tutorial-page .online-data-slider .header-section .sub-title{ font-size:0.64vw;}
.consumer-hair-tutorial-page .posted-date{ font-size: 0.73vw; }
.consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .owl-prev , .consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .owl-next{ top: 5vw; } 
.consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .owl-prev{left: -1.31vw;}
.consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .owl-next{right: -1.31vw;}
.consumer-hair-tutorial-page .online-data-slider .owl-carousel .owl-nav .prev {width:0.78vw; height:0.78vw;}
.consumer-hair-tutorial-page .load-icon{width: 15vw; height: 2.68vw; line-height:2.68vw; font-size:0.94vw; border-radius:1.31vw; margin:2.10vw auto 0px;}
.consumer-hair-tutorial-page .backbutton img{ height: 1.10vw; width: 1.10vw;}





/* ---------------------------- contact-us-page ------------------------------------ */

.contact-us-page{  padding: 3.5vw 0px 2.57vw;}
.contact-us-page .contact-heading{ font-size: 2.36vw; margin-bottom: 1.4vw; }
.contact-us-page .description{  font-size: 0.84vw; margin-bottom: 3vw; }
.contact-detail {width:88%; }
.contact-detail .contact-info .logo-part{margin-bottom: 0.8vw;}
.contact-detail .contact-info .logo-part .logo-icon{width: 1.36vw; height: 1.36vw; }
.contact-detail .contact-info .logo-part .user-info{ font-size: 1vw;  padding-left: 0.52vw; }

.contact-forms form .form-group{margin-bottom: 1vw;}
.contact-forms form .form-group .form-control {  border-radius: 0.31vw;  padding: 0.63vw 0.52vw; font-size: 0.94vw; }
.contact-forms form  .submit-btn{ width: 14.85vw; height: 2.66vw; border-radius: 1.57vw; font-size: 0.94vw; }
.maps { height: 15.7vw;}


/* ------------------------------- how-it-works ------------------------------------- */

.how-it-works-section-one{ padding: 3.1vw 0px; }
.how-it-works-section-one .heading{font-size: 3.78vw; margin-bottom: 2.4vw; }
.how-it-works-section-one .video-box{ width: 37vw; height: 27.2vw; }
.how-it-works-section-one .video-box .play-btns{ width: 4.2vw; height: 4.2vw; }
.how-it-works-section-two{ padding: 3.3vw 0px;}
.how-it-works-section-two .heading{font-size: 3.78vw; margin-bottom: 0.8vw;}
.how-it-works-section-two .sub-heading{font-size: 1.26vw; margin-bottom: 2.65vw;}
.how-it-works-section-two .descriptions{ font-size: 1.26vw; margin-bottom: 2vw; }


/* ------------------------- login ---------------------- */

.comman-form-page .login-signup-page{width: 40.7vw; padding: 2vw 0px 3vw; }
.comman-form-page .title{font-size:2.36vw; margin-bottom: 1.31vw; }
.comman-form-page .description{font-size: 0.84vw; margin-bottom: 2.85vw; padding: 0px 0.8vw;}
.comman-form-page .login-signup-page form .form-group{margin-bottom: 1.15vw;}
.comman-form-page .login-signup-page form .form-group .form-control { border-radius: 0.31vw; padding: 0.63vw 0.41vw; font-size: 0.94vw; }
.comman-form-page .login-signup-page form .submit-btn{ width: 14.85vw; height: 2.66vw; border-radius: 1.57vw; font-size: 0.94vw;  margin: 0.52vw auto 1vw;  }
.forgot-text a, .go-signup-text, .go-signup-text a{font-size: 0.94vw;}
.forgot-text , .go-signup-text, .go-signup-text{ margin-bottom: 0.63vw; }


.plans {border-radius: 1vw; width: 30.7vw; /* height: 16.25vw; */ margin:0px auto 2.35vw; padding: 0.63vw 1vw; }
.plans .payment{  right:-1.57vw; top: -1.57vw; width: 6.41vw; height: 6.41vw; padding: 2.61vw 0px 0px 0.8vw; }
.plans .payment span.amount{ font-size: 1.36vw;}
.plans .payment span.per-month{  font-size: 0.73vw;  } 
.plans .headings{ font-size: 1.36vw; margin-bottom: 1.57vw;  }
.plans ul li{font-size: 0.94vw; margin-bottom: 0.52vw;  padding-left: 1vw; }
.plans ul li::before { width: 0.45vw; height: 0.45vw; top:0.52vw; }
.plans .select-plan-btn{  margin: 1vw auto 0.42vw; width: 14.85vw; height: 2.66vw; border-radius: 1.57vw; font-size: 0.94vw;  line-height:  2.66vw; }

.modal .modal-header { padding: 1vw;}
.modal-body{ padding: 1vw; }
.modal-dialog{max-width: 30.7vw; border-radius: 1vw; margin: 2.10vw auto;}
.modal-content{border-radius: 1vw;}
.modal .modal-header .modal-title{font-size:1.31vw;  padding-top: 0.45vw; }
button.close{width: 1.45vw; height: 1.45vw;  font-size: 1.3vw; }
.payment-form{padding-top: 0.2vw;}
.payment-form .form-group label{font-size:0.94vw;  margin-bottom: 0.2vw; }
.payment-form .form-group .form-control {border-radius: 0.31vw; height: 2.76vw !important; font-size: 0.94vw;}
.payment-form .form-group .custom-select{background-size: 0.84vw; } 
.purchase-btn{  line-height:  2.66vw; margin: 0.63vw auto 0.4vw;  width: 14.85vw; height: 2.66vw; border-radius: 1.57vw; font-size: 0.94vw; }
.purchase-btn-new{  line-height:  2.66vw; margin: 0.63vw auto 0.4vw;  width: 14.85vw; height: 2.66vw; border-radius: 1.57vw; font-size: 0.94vw; }	
.form-row > .col, .form-row > [class*="col-"]{padding:0px 0.25vw;}


/* --------------------------  profile page  --------------------------------- */

.profile-bg{height: 15.65vw !important;}
.profile-page{ padding: 3.1vw 0px; }
.side-nav-box {  max-width: 15.6vw;}
.side-nav-box .user-info-box{ padding: 1vw 1vw 1.5vw; margin-bottom: 1.5vw; }
.side-nav-box .user-info-box .user-img{ width: 7.95vw; height: 7.95vw; margin: 0px auto 1vw; } 
.side-nav-box .user-info-box .user-name{ font-size: 0.94vw;  margin-bottom: 0.2vw; }
.side-nav-box .user-info-box  .change-img{ font-size: 0.73vw;  }
.side-nav-bar .side-nav-items .side-nav-link{ padding: 0.35vw 0.8vw; font-size: 1.15vw; }
.right-side-box {padding: 1.57vw 3.3vw;min-height: 520px }
.right-side-box .title-heading  {font-size:1.78vw; margin-bottom: 1vw; }
.right-side-box .form-group{margin-bottom: 1.26vw;}
.right-side-box .form-group label{font-size:0.84vw; margin-bottom: 0.2vw;  }
.right-side-box .form-group .form-control {  border-radius: 0.31vw;  height: 2.76vw !important; font-size:0.94vw; padding: 0.52vw; }
.right-side-box .submit-btn { margin: 2.61vw auto 0.42vw;}
.right-side-box .form-group textarea.form-control{  font-size:0.73vw;  }

/* ---------------------- error page ----------------------------- */

.error_elemenet{ height: 100vh;  }
.error-img {width: 17.9vw; top: 9%; transform: translate(-50%, -50%);}
.descriptions{ font-size: 3.05vw; }
.homelink{ font-size: 0.94vw; width: 10.1vw; height: 2.65vw; line-height: 2.65vw; margin: 3.1vw auto 0px; }


/* --------------------------- blog page ------------------------------------- */

.blog-page{display: flex;padding: 5.84vw 0px 3.7vw;  }
.blog-page .container{margin-left: 2.65vw;}
.blog-box{ width: 19.1vw; margin: 0px auto 1vw;}
.blog-box .blogs-img{ height:10.84vw; border-radius:0.31vw;  margin-bottom: 1vw; }
.blog-box .blogs-img img{border-radius: 0.31vw; }
.blog-box  .blog-title{  font-size: 1.26vw; margin-bottom: 0.8vw; }
.blog-box  .blog-description{ font-size: 0.84vw;margin-bottom: 1.15vw; height: 3.8vw;}
.blog-box  .read-more{ font-size: 0.84vw; margin-bottom: 1.15vw; }
.categories-box{width: 17.57vw;}
.categories-box .categories-heading{ font-size: 1.26vw; padding: 1vw; }
.categories-list .categories-list-items .categories-links { padding: 1vw; font-size: 0.84vw;}
.categories-list .categories-list-items .categories-links .fa-chevron-right{ padding-right: 0.1vw; }

.blog-page .blogs{ padding: 0px 1.57vw; }

/* --------------------------- blog detail page ------------------------------------- */

.blog-detail-page{padding: 1.31vw 0px 0px; }
.blog-detail-page .blog-detail{width: 75.9vw; }
.blog-detail-page .blog-detail .content-box{ padding: 1.65vw 0px;  }
.blog-detail-page .blog-detail .blog-img{ height:22.04vw; border-radius:0.31vw; }
.blog-detail-page .blog-detail .blog-img img{ border-radius: 0.31vw; }
.blog-detail-page .blog-detail .content-heading{font-size: 1.26vw; margin-bottom: 0.8vw; }
.blog-detail-page .blog-detail .content-descriptions{  font-size: 0.84vw; margin-bottom: 1.15vw; }
.content-box {color: #fff !important}
.content-box .content-descriptions{color: #fff !important}
.membership-page .right-side-box .title-heading{margin-bottom: 1.57vw;}

/* --------------------------------search-stylist----------------------------- */

.search-stylist{ padding: 0.42vw 0px; }

.search-stylist-page{padding: 2.6vw 0px;  }
.search-stylist-page .card { border-radius: 0.31vw; /* width: 19.36vw; */ /* height: 331px; */ margin:0px auto 2.1vw; }
.search-stylist-page .card img.stylist-img {border-radius:0.31vw; height: 10.84vw; }
.search-stylist-page .card .card-title{ font-size:1.26vw; margin-bottom: 0.31vw; }
.search-stylist-page .card .card-text{font-size:0.84vw; margin-bottom: 0.31vw; }
/* .search-stylist-page .card .card-body{padding: 0.8vw 1vw;} */

.rating-ul li img { width: 0.8vw; height: 0.8vw;}
.arrow-btn{border-radius:0.31vw; width: 4.2vw; height: 2.25vw; padding: 0.25vw;}
.arrow-btn img.arrow-img { width: 1.57vw; height: 1.57vw; }

.search-stylist-page .card .card-body {  border-radius: 0.31vw; width: 15.5vw; height: 11.7vw;}
.search-stylist-page .card .card-body .user-detail{width: 8vw; margin-left: 0.8vw;}
.search-stylist-page .user-img{ width: 11.7vw; height:11.7vw; margin-left: -5.5vw;}

.search-stylist-page .user-img .overly{ border-radius: 0.31vw; } 
.search-stylist-page .user-img .play-btn{width:4.73vw; height:4.73vw;}

.pagination{border-radius: 0.2vw; /* width: 375px; */}
.pagination li a{ font-size: 0.94vw;  padding: 0.63vw 1vw;}

.pagination li:first-child{ border-radius: 0.2vw 0px 0px 0.2vw; }
.pagination li:last-child{ border-radius: 0px 0.2vw 0.2vw 0px ; }


/* --------------------------------stylist-detail-page-------------------------------------- */


.stylist-detail-page{padding:2.2vw 0px;}
.stylist-detail-page .stylist-section-1{margin-bottom: 1.75vw;}
.stylist-detail-page .stylist-hair-main .stylist-detail-section{margin-left:2.2vw;}
.stylist-detail-page .stylist-hair-main .stylist-hair-img{width: 30.3vw; height: 16.63vw;}
.stylist-detail-page .stylist-hair-main .stylist-hair-img img{border-radius:0.31vw;}
.stylist-detail-page .stylist-hair-main .heading-1{font-size: 1.26vw; margin-bottom:0.6vw;}
.stylist-detail-page .stylist-hair-main .address {font-size:0.94vw; margin-bottom:0.45vw;}

.stylist-detail-page .stylist-hair-main .social-logo{ margin-top: 1.75vw; margin-bottom: 1.75vw; }
.stylist-detail-page .stylist-hair-main .logo-icon{width:2.56vw; height:2.56vw; margin-right: 0.15vw;}
.stylist-detail-page .stylist-hair-main .logo-icon img{ padding: 0.45vw;}


.stylist-detail-page .rating-section .rating-ul li img { width: 1.26vw; height: 1.26vw;}
.stylist-detail-page .rating-number{font-size:0.94vw; margin-left: 0.52vw;}
.stylist-detail-page .contact a{width: 9.65vw; height: 2.63vw;  line-height: 2.63vw; border-radius:1.25vw; margin-top:1vw; font-size: 0.94vw;}
.stylist-detail-page .description{font-size:0.73vw; margin-bottom:1.57vw;}
.stylist-detail-page .stylist-section-2{margin-top: 3.1vw;}
.stylist-detail-page .stylist-section-2 .responsive{ padding: 0.52vw;}
.stylist-detail-page .stylist-section-2 .heding-2{font-size:1.78vw;}
.stylist-detail-page .stylist-section-2  .add-review{ line-height:  2.66vw;  width: 14.85vw; height: 2.66vw; border-radius: 1.57vw; font-size: 0.94vw;  }
.stylist-detail-page .stylist-section-2 .review-media-body{margin-left:1.57vw;}
.stylist-detail-page .stylist-section-2 .review-section{padding: 1vw 0.2vw 1vw 0.52vw;}
.stylist-detail-page .stylist-section-2 .review-img{width: 3.75vw; height: 3.75vw;   margin: 0px auto 0.52vw;}
.stylist-detail-page .stylist-section-2 .review-img img{ border-radius:0.31vw;}
.stylist-detail-page .stylist-section-2  .rating-ul li img { width:0.85vw; height:0.85vw;}
.stylist-detail-page .stylist-section-2 .media-heading{font-size:0.94vw;}
.stylist-detail-page .stylist-section-2 .small-section{font-size:0.84vw;}
.stylist-detail-page .stylist-section-2 .description{font-size:0.73vw; margin-bottom:0.8vw;}
.payment-form .form-group textarea.form-control{min-height:150px;}
.payment-form .rating-ul{margin: 1vw 0px;}
.payment-form .rating-ul li img{width: 3.1vw;height: 3.1vw;}

  
.rating {margin:0px;} 
.rating li.star-img {width: 0.74vw;height: 0.74vw;}

/* message page */

.chat-box { /* height:680px;  */margin-bottom: 1.05vw;} 
.message-window {min-height:27.15vw; padding:0.78vw 0.64vw 0px /* 2.15vw 0.64vw 0px */; }
.message-window .left-box,.message-window .right-box  {margin-bottom: 2.10vw;}
.message-window .avatar { width:1.84vw ; height:1.84vw; }
.message-window .left-box .text_wrapper { margin-left: 0.52vw; margin-top: 0.52vw; padding:0.25vw 0.78vw;  border-radius:0px 0.78vw 0.78vw 0.78vw;  width:65%; }
.message-window .text_wrapper .dates{ font-size: 0.74vw;}
.message-window .text{ font-size:  0.74vw; padding-bottom:0.25vw; }
.message-window .right-box  .text_wrapper { margin-top: 0.52vw;  padding: 0.64vw;  border-radius: 0.78vw 0px 0.78vw 0.78vw; margin-right: 0.52vw; width:65%;  }

.message-type-window{padding: 1.05vw; border-radius:0.25vw 0.25vw 0px 0px;}

.message-type-window .input-group { padding:0px 0.52vw;  border-radius:0.78vw;}
.message-type-window .input-group-addon { width:2.36vw; height:2.36vw; border-radius: 0.78vw; }
.message-type-window .input-group-addon img{width:65%; height:65%;}

.message-type-window .form-control{height:3.15vw; font-size:  0.74vw;}

.right-section-panel { border-radius: 0.52vw; min-height: 31.68vw;}
.main-section-heading{margin-bottom:2.05vw;}
.main-section-heading .heading{font-size: 1.78vw;} 
/* .search-btn{margin-right:2.36vw;} */
.search-btn .input-group{padding: 0.41vw 0.52vw;  width: 18.73vw;  }
.search-btn .input-group .form-control{ font-size:0.64vw; }
.search-btn .input-group .input-group-addon{ width:1.31vw; }
.search-btn .input-group .input-group-addon img{padding: 0.25vw;}

.chat-data-slider{margin:1.57vw 0px 0px;}
.chat-data-slider .item {border-radius: 0.52vw; width: 6.84vw; padding: 0.52vw;}
.chat-data-slider .item::before{border-left:0.52vw solid transparent; border-right: 0.52vw solid transparent; border-top:0.7vw solid rgb(0, 0, 0);bottom:-0.7vw;}
.chat-data-slider .data-item{margin-top:-1.84vw;}
.chat-data-slider .data-item .user-img { width: 2.78vw;height: 2.78vw; margin-bottom:0.78vw;}
.chat-data-slider .item .data-item .heading{font-size:0.94vw; margin-bottom:0.25vw; }
.chat-data-slider .item .data-item .description{font-size:0.64vw; margin-bottom:0.52vw;}
.chat-data-slider .item .data-item .view-data{font-size:0.52vw; margin-bottom: 0.25vw;}
.chat-data-slider .item .data-item .view-data .view-chat{ border-radius: 0.31vw; width: 1.94vw; height: 1.94vw; padding:0.25vw; margin-right:0.25vw;}
.chat-data-slider .item .data-item .view-data .view-chat-1{ border-radius:  0.31vw;  width: 1.94vw; height: 1.94vw; padding:0.25vw; margin-right:0.25vw;}

 .chat-data-slider .owl-carousel.owl-drag .owl-item{padding:1.37vw 0px  1.31vw;}
.chat-data-slider .owl-nav{top: -3.42vw;right: 0px;}
.chat-data-slider .owl-nav .prev{width:0.78vw; height:0.78vw; margin: 0px 0.15vw;}


/*  */

header .navbar .navbar-nav .stylist-signup .nav-link{ width: 10vw; border-radius: 1.25vw; padding: 0.25vw 0px !important; }

.stylist-top-page{ height: 41.4vw;}
.stylist-top-page::after{ border-bottom: 8.2vw solid #fff; border-left: 100vw solid transparent;}

.stylist-top-page .top-heading-section{ width: 44vw; padding-top: 3.1vw; }
.stylist-top-page .top-heading-section .heading{ font-size: 2.52vw; line-height: 1.167;  margin-bottom: 2vw; }
.stylist-top-page .top-heading-section .stylist-btn { border-radius: 1.5vw; width: 9.3vw; height: 3vw; line-height:3vw; font-size: 0.84vw;}

.avaitable-classes-row .user-img .times{  width:3vw; height: 1.5vw; font-size: 0.84vw; line-height: 1.5vw; bottom: 0.52vw;  right: 0.52vw; }
.avaitable-classes-row .spacing-div-2 .titles{ font-size: 1.24vw; margin-bottom: 0.25vw;  padding-top: 1vw; }
.avaitable-classes-row .spacing-div-2 .user-2 { font-size: 0.84vw; }
.avaitable-classes-row .join-btn { border-radius: 1.5vw; width: 9.3vw; height: 3vw; line-height: 3vw; font-size: 0.84vw; margin: 1vw auto; }

.stylist-third-section{  padding: 7.3vw 0px 4.5vw;}
.stylist-third-section::after { border-top: 3.5vw solid #fff; border-left: 100vw solid transparent;}

.stylist-third-section-box{ width: 10vw; }
.stylist-third-section .icons{ width: 4.4vw; height: 4.4vw; margin: 0px auto 1.57vw;  }
.stylist-third-section-box .titles { font-size: 1.25vw;}  

.stylist-slider-section { padding-bottom: 1.8vw; }
.stylist-slider-section .heading{ font-size: 2.36vw; padding: 2vw 0px; }
.stylist-slider-section .slider-box { width: 39.2vw; padding-bottom: 2.95vw; }

.user-boxs{  padding-bottom: 1.25vw;}
.user-boxs .first-img-box {  width: 14.2vw; height: 14.2vw; }
.user-boxs .second-img-box{ width: 7vw; height: 7vw; right: 3.1vw;}
.user-boxs .second-img-box .names{ font-size: 1.05vw; margin-bottom: 0.15vw; }
.user-boxs .second-img-box .ids{ font-size: 0.68vw; }

.stylist-slider-section .slider-box .content { font-size: 1.05vw; }
.stylist-slider-section .carousel-indicators li { width: 0.45vw; height: 0.45vw;}
.stylist-final-section{  padding: 4.5vw 0px; }
.stylist-final-section .final-first-row { padding-bottom: 4.5vw; }
.stylist-final-section .cutting-img{  width: 28vw; height: 28vw;  }
.stylist-final-section .cutting-box{ width: 26.1vw; }
.stylist-final-section .cutting-box .headings{ font-size: 2.36vw;  margin-bottom: 1vw; }
.stylist-final-section .cutting-box .descritions { font-size: 1.05vw; }
  
/* -----------------stylist-online-vedio-------------------------- */
.stylist-video-section-1{padding:1.57vw 1.84vw !important;}
.profile-page .stylist-video-section .form-group{margin-bottom:0px !important;}
.stylist-video-section .search-btn{max-width:12.5vw;}
	
.profile-page .stylist-video-section .form-group .custom-select{ background: url(../../images/down-arrow-white.svg) no-repeat right 0.64vw center; background-size: 0.78vw;  }
.profile-page .stylist-video-section .form-group .form-control{width: 12.47vw; height: 2.26vw !important;  padding:0px 0.64vw;font-size:0.64vw !important;} 
.profile-page .stylist-video-section .form-group label{font-size:0.64vw;margin-right:0.25vw;}

.online-data-slider {margin-bottom:1.05vw;}

/* .profile-page .online-data-slider .data-slider{ width: 19.31vw;} */
.profile-page .online-data-slider .data-slider{ width: 14vw;}
/* .profile-page .online-data-slider .data-img-slider{border-radius: 0.31vw; height: 10.94vw; margin-bottom:1.05vw;} */
.profile-page .online-data-slider .data-img-slider{border-radius: 0.31vw; height: 6.06vw; margin-bottom:1.05vw;}
.profile-page .online-data-slider .data-img-slider .overly{ border-radius: 0.31vw; } 
.profile-page .online-data-slider .data-img-slider .play-btn{width:2.73vw; height:2.73vw;}

.profile-page .online-data-slider .data-img-slider img{border-radius: 0.31vw;}
/* .profile-page .online-data-slider .data-slider .heading-2{font-size:1.26vw; margin-bottom:0.52vw;}  */
.profile-page .online-data-slider .data-slider .heading-2{font-size:0.96vw; margin-bottom:0.52vw;}
.profile-page .online-data-slider .data-slider .description{font-size:0.84vw;}

.profile-page .online-data-slider .header-section{margin-bottom:1.05vw;} 
.profile-page .online-data-slider .header-section .title{font-size:1.36vw;}
.profile-page .online-data-slider .header-section .sub-title{font-size:0.64vw;}

.online-data-slider .owl-carousel .owl-nav .owl-prev , .online-data-slider .owl-carousel .owl-nav .owl-next{top: 3vw; }
.online-data-slider .owl-carousel .owl-nav .owl-prev{left: -1.31vw;}
.online-data-slider .owl-carousel .owl-nav .owl-next{right: -1.31vw;}
.online-data-slider .owl-carousel .owl-nav .prev {width:1.57vw; height:1.57vw;} 
.load-icon{width: 15vw; height: 2.68vw; line-height:2.68vw; font-size:0.94vw; border-radius:1.31vw; margin:2.10vw auto 0px; }
  

.backbutton img
{
  height: 1.10vw;
  width: 1.10vw;
}

.showall .tutorial-video .video-img .overlay-box img.play{ width: 2.85vw; height: 2.85vw;  }
.showall .tutorial-video .video-img{   height: 5.71vw;width:9.8vw }
.showall .tutorial-video .posted-date{font-size: 0.84vw;  }
 .showall .tutorial-video {
  margin-bottom: 1.71vw;
}
.showall .tutorial-video .video-title{ font-size: 0.91vw; }



/* video detail page */

.video-row{ padding: 2.67vw 0px 0.8vw;}
.video-row .video-title{ font-size: 2.21vw; margin-bottom: 1.57vw; }
.video-row .video{ height: 100%/*height: 31.3vw;*/}
.video-row .buttons{ padding: 1vw 0px; }
.video-row .buttons .btn_a{  padding: 0.25vw 1vw; font-size: 0.73vw; margin-right: 0.52vw; border-radius: 1.25vw; }
.video-row .buttons .btn_a img{ width: 0.94vw; height: 0.94vw; margin-right: 0.31vw;  }
.second-row{ padding-bottom: 2.67vw; min-height: 22.2vw; }
.author-categories-box .title{ font-size: 1.15vw; margin-bottom: 1vw; }
.author-box{ padding: 1.8vw 0px 1vw; }
.author-img{ width: 5vw; height: 5vw; margin-bottom: 0.52vw; }
.author-name{ font-size: 0.84vw; margin-bottom: 0.52vw; }
.profile-btn{  font-size: 0.84vw; border-radius: 1.31vw; padding: 0.25vw 0.52vw; }
.categories-ul .categories-li{ margin-bottom: 0.52vw; }
.categories-ul .categories-li a{ font-size: 0.73vw; padding: 0.15vw 0.8vw; border-radius: 1.25vw; margin-bottom: 0.52vw; }
.tabing-section{  padding: 1vw 0px 0px; padding-right: 0.8vw; }
.second-row .tab-pane{  padding: 1vw 0px 0px; }
.about-section .title{ font-size: 0.94vw; margin-bottom: 0.8vw; }
.about-section .description{ font-size: 0.73vw;}
.nav-tabs .nav-link{ font-size: 0.84vw; padding: 0.52vw 1vw; }
.m-p-g__thumbs-img {/* margin: 0.52vw;  */ height: 8vw !important;}
.m-p-g__btn { width: 2.67vw; height: 2.67vw;}
.final-row{ padding: 1.78vw 0px;}
.slider .slider-heading{ font-size: 1.47vw; margin-bottom: 1.57vw; }
.final-row .videos-box .video{  height: 10.5vw; border-radius: 0.25vw; margin-bottom: 0.52vw; }
.final-row .videos-box .video img{  border-radius: 0.25vw; }
.videos-box .video-titles{ font-size: 0.84vw;}
.videos-box .name-tag{ font-size: 0.73vw;}
.final-row  .owl-carousel .owl-nav button .next, .final-row  .owl-carousel .owl-nav button .prev { /* top: 30%;   */ top: 5vw; width:2vw; height: 2vw; padding: 0.52vw; }
.final-row  .owl-carousel .owl-nav button .prev{ left: -1vw;}
.final-row  .owl-carousel .owl-nav button .next{ right: -1vw; left: auto;}


/* new signup page */

.new-signup-page{  min-height: 80vh; }
.select-question-box{ padding-bottom: 2.67vw; }
.select-question-box .question{ font-size: 1.26vw; padding:0.52vw; }
.choose-box{ /* height: 4.8vw; */ padding:0.52vw; margin-bottom: 0.52vw; }
.choose-box input[type="radio"] +label, .choose-box input[type="checkbox"] +label {font-size: 0.84vw;padding-left: 2vw;  margin-right:2vw; line-height: 1.57vw;}
.choose-box input[type="radio"] +label::before, .choose-box input[type="checkbox"] +label::before {width:1.57vw;height:1.57vw;bottom: 1vw;	}
.choose-box input[type="radio"] +label::after, .choose-box input[type="checkbox"] +label::after {		bottom: 1vw; width: 1.05vw; height: 1.05vw; left: 0.25vw; top: 0.25vw; }
.choose-box input[type="radio"]:checked + label::before, .choose-box input[type="checkbox"]:checked + label::before {	width: 1.57vw;	height: 1.57vw;	}
.choose-box input[type="radio"]:checked + label::after, .choose-box input[type="checkbox"]:checked + label::after {width: 1.05vw; height: 1.05vw;	}
.sub-question-box{ margin-top: 0.52vw; margin-bottom: 1.26vw; }
.sub-question-box .sub-question{  font-size: 1.05vw; padding: 0.52vw 1vw; }
.btn-box1 .submit-btn{ width: 9.2vw !important;}


.slider-data  .item{ height: 8.8vw;; }


.featured-scroll-box  .owl-carousel .owl-nav button .next, .featured-scroll-box .owl-carousel .owl-nav button .prev { top: 6vw; width:2vw; height: 2vw; padding: 0.52vw; }
.featured-scroll-box  .owl-carousel .owl-nav button .prev{ left: -1vw; }
.featured-scroll-box  .owl-carousel .owl-nav button .next{ right: -1vw; left: auto; }

/* ------------------community-section------------------------- */
.community-data-section .side-nav-box{/*margin-top:6.21vw;*/}

.community-section .nav-tabs{ border-radius: 1.68vw; margin: 0px auto 2.89vw;  width: 14.52vw;  height: 2.68vw; line-height:2.68vw;}
.community-section .nav-tabs .nav-link{font-size:0.94vw;  width:7.26vw;}
.community-section .nav-tabs .nav-link.active{border-radius:1.68vw 0px 0px 1.68vw;}
.community-section .nav-tabs .nav-link:last-child.active {border-radius:0px 1.68vw 1.68vw 0px;}
.community-section .tab-section .post-btns{width: 8vw; height: 2.68vw; line-height:2.68vw;  font-size:0.94vw; border-radius:1.31vw; }

.first-community-section{ border-radius: 0.31vw; width: 32.63vw; margin: 0px auto 3.15vw; }
.first-community-section .name-section{padding:0.52vw; font-size:0.84vw;}
.first-community-section .name-section img{width:1.84vw; height: 1.84vw; margin-right:0.52vw;}
/* .first-community-section .post-img{  height: 40.52vw; } */
.first-community-section  .card-data{padding:1.05vw; }
.first-community-section  .card-data .like-post{font-size:0.64vw;}
.first-community-section  .card-data .like-post img{width:1.31vw; height:1.31vw; margin-right:0.25vw;}
.first-community-section  .card-data .commant-section{ margin-bottom:0.52vw;}
.first-community-section  .card-data  .description{font-size:0.84vw;margin-bottom:0.52vw; }
.first-community-section  .card-data  .description span a{ padding-top: 0.25vw;}
.first-community-section  .card-data  .other-post .post-comm{font-size:0.84vw;margin-bottom:0.52vw;}
.first-community-section  .post-data  {padding:1.05vw;}
.first-community-section  .post-data .form-group { width:80%;}
.first-community-section  .post-data .form-group .form-control{font-size:0.74vw;}
.first-community-section  .post-data .post-btn{ font-size:0.84vw;}

.my-post-data .first-community-section .post-img img, .my-post-data .first-community-section .post-img{ border-radius: 0.31vw  0.31vw 0px 0px;}

.my-post-data .edit-btns{ right:-3.42vw;}
.my-post-data .edit-btns .edit-delete-btn{border-radius:  0.31vw; width: 1.89vw; height: 1.89vw; margin-bottom:0.25vw;}
.my-post-data .edit-btns .edit-delete-btn img{ padding:0.42vw;}


.likemodal .modal-body{height:21.05vw; overflow-y: scroll;}
.like-media .user-img-media{width:2.10vw; height:2.10vw; margin-right:0.52vw;}
.like-media .media-body .user-name{font-size:0.84vw;}
.like-media .media-body .name-section{ font-size:0.74vw;}


/*  */

/* .community-data-section .right-side-box .community-user .first-community-section { width: 28.63vw;} */
.suggestions-block { margin-left: 1.31vw; }
.suggestions-block .links-block { padding:0.52vw 1.05vw; }
.suggestions-block  .links-block .title-heading a{ font-size: 1.15vw; padding: 0.52vw 0.31vw; }

.suggestions-block  .suggestion-box { margin-top: 2.10vw; }
.suggestions-block .suggestion-box .sug-heading { font-size: 1.15vw; padding-bottom: 0.25vw; margin-bottom: 1.31vw;}
.suggestions-block .sug-box {  margin: 0px 0px 0.78vw; }
.suggestions-block .sug-box .sug-img { width: 3.15vw; height: 3.15vw; margin-right: 0.52vw; }
.suggestions-block .sug-box .sug-name { font-size: 0.94vw; }



/* notification page */

.heading-section{ /*  max-width: 32.63vw; */ margin: 0px auto 1.05vw;}
.heading-section .mark-btn {  max-width: 7.26vw; height: 2vw; border-radius: 1.31vw; font-size: 0.68vw; line-height: 2vw;}
.heading-section .title-heading{ margin-bottom: 0.25vw !important; }
.notication-box {  border-radius: 0.31vw;/*  max-width: 32.63vw; */ margin: 0px auto 1.05vw; padding: 1.05vw;}
.notication-box  .bell-icon{  top: -0.52vw; left: -0.78vw; width: 1.57vw; height: 1.57vw;}
.notication-box  .close-btn{font-size: 0.84vw; right: 0.52vw; top: 0.52vw;}
.notication-box .user-info{ margin-bottom: 0.52vw; }
.notication-box .user-info .user-img{ width: 1.78vw; height: 1.78vw;  margin-right: 0.52vw; }
.notication-box .user-info .user-name{ font-size: 0.84vw;  }
.notication-box .comment-txt{font-size: 0.84vw;  }
.stylist-section-2 .load-btn{  max-width: 15vw; height: 2.68vw; border-radius: 1.31vw; font-size: 0.94vw;  }

/* header notification */

header .navbar .navbar-nav .nav-item.notification .notification_image {width: 2.10vw; height: 2.10vw; padding: 0.45vw; }
header .navbar .navbar-nav .nav-item.notification .notification_image .notification-count { font-size: 0.63vw;  width: 1.31vw; height: 1.31vw;}
header .navbar .navbar-nav .nav-item.notification .dropdown-menu{ border-radius: 0.42vw; width: 12.73vw; height: 15.47vw;  }

.li-top{ padding: 0.42vw 0.52vw; }  
.li-top .notification-heading{ font-size: 0.94vw; }
.li-top .view-btn{ font-size: 0.73vw; }

.notication-li { padding: 0.52vw 0.78vw;}
.notication-li .user-info{  margin-bottom: 0.31vw; }
.notication-li .user-info .user-img{ width: 1.78vw; height: 1.78vw;  margin-right: 0.52vw; }
.notication-li .user-info .user-name{ font-size: 0.73vw; }
.notication-li .comment-txt{font-size: 0.63vw; }

.footer-first-section .footer-logo { font-size: 2.36vw; margin: 0px auto 1.84vw; }
.footer-first-section .footer-sec { margin-bottom: 2.10vw;}
.footer-first-section .footer-sec li.home-sec-1 { padding: 0px 0.52vw;}
.footer-second-section .social-icon-img a { margin: 0px 0.84vw 0px; width: 2.10vw; height: 2.10vw;}
.footer-second-section .social-icon { margin-bottom: 2.10vw; }
.footer-store{ margin-bottom: 2.10vw; }
.footer-store li{ margin: 0px 1.05vw; }
.footer-store li a { font-size: 0.84vw; } 
.footer-store li a img{ width: 2.10vw; height: 2.10vw; margin-right: 0.52vw; } 

/*  */


.profile-page .right-side-box .submit-btn { width: 6.31vw !important; }
.profile-page .right-side-box .load-icon{ width: 6.84vw !important; }

.video-row .video-title {  max-width: 39.47vw;; margin: 0px auto 1.05vw !important; padding-bottom: 0.31vw;}

.author-categories-box {  margin-top: 2.10vw;  }
.tabing-section .nav-tabs .nav-link { font-size: 1.15vw; }

.video-row .buttons {  max-width: 39.47vw;;}
.video-row .video { max-width: 39.47vw;; }
.second-row .tabing-section { max-width: 39.47vw; margin-bottom: 1.05vw; }
.author-categories-box {  max-width: 39.47vw;}




}

@media (min-width: 2100px){ 
}

@media (max-width: 1199px) { 

  .side-nav-box .user-info-box::before { display: none !important; }

#nav ul.main li .signup-link .hover-menu { height: 425px;}
.top-sec-data .top-heading {font-size: 56px;}
/* .index_part, .index_part .carousel-inner { height: 92vh;} */
.location-search .form-inline .form-group{width: 70%;}
.location-search .form-inline .form-group .form-control { width: 100%;}
.second-section { height: auto; padding: 30px 0px;}
.second-section .heading { margin-bottom:30px !important;}
.heading { font-size: 40px;}
/* .featured-scroll-box { height:auto !important;} */
.third-section .featured-scroll-box {height: 325px;}
.third-section { height: auto; padding: 40px 0px;}
.final-section { padding: 48px 0px 70px;}
#nav {max-width:100%;}

.comman-bg .comman-heading { font-size: 60px; width: 90%; white-space: unset; }
.comman-bg {height: 410px;}
/* .about-second-section .about-img1 { height: 100%;} */
.about-second-section .about-img1, .about-final-section .about-img2 { height: 400px;}
.about-second-section .aobut-content .headings, .about-third-section .heading, .about-final-section .headings{font-size: 50px;}
.about-final-section .aobut-content { width: 94%;}
.about-second-section .aobut-content .description{font-size: 18px;}
.about-third-section .teams-member .images { width: 250px; height: 250px;}

.tutorial-video .video-title { font-size: 21px;}

.contact-us-page .contact-heading {font-size: 36px;}
.contact-us-page .description { font-size: 15px; margin-bottom: 40px;}
.contact-detail .contact-info .logo-part .user-info { font-size: 21px;}
.contact-us-page { padding: 50px 0px;}
.contact-forms form .form-group .form-control { padding: 12px 10px; font-size: 16px;}

.how-it-works-section-one .heading, .how-it-works-section-two .heading {font-size: 60px;}
.how-it-works-section-one .video-box { width: 685px; height: 480px;}
.how-it-works-section-two .sub-heading, .how-it-works-section-two .descriptions { font-size: 22px;}

.side-nav-box { max-width: 100%; border: none;}
.right-side-box { padding: 30px;}

.membership-page .right-side-box .plans {  width: 100%;}
.rating-section-1 {float: left;margin-top: 30px;}
.stylist-section-1 .left-side { width: 100%;}
.stylist-section-1 .right-side { width: 100%;}
.side-nav-box { margin-bottom: 25px;}
/* .featured-scroll-box .user-box{width: 275px;} */

.search-stylist-page .card .card-body{margin: 0px auto;}
.main-section-heading .heading {font-size: 26px;}
.search-btn .input-group{width: 250px;}

.stylist-top-page .top-heading-section .heading { font-size: 40px;}
.stylist-top-page {height: 690px;}
.stylist-final-section .cutting-box .headings { font-size: 40px;}
.stylist-final-section .cutting-box .descritions { font-size: 18px;}
.profile-page .online-data-slider .data-slider {width: 100%;}
.profile-page .online-data-slider .data-slider .heading-2{font-size: 20px;margin-bottom:5px;}
.profile-page .online-data-slider .header-section{margin-bottom: 10px;}
.stylist-video-section{display: block;}
.stylist-video-section .heading{margin-bottom:10px;}
/* .profile-page .online-data-slider .data-img-slider{height: 180px;} */

.m-p-g__thumbs-img {margin: 6px;}
.author-categories-box .title {font-size: 20px; margin-bottom: 15px;}
.second-row {padding-bottom: 30px;}
.video-row .video-title { font-size: 30px;}
.tabing-section{ padding-right: 0px; }

/* .m-p-g__fullscreen-img { max-height: 200px; max-width: 200px; margin: auto !important;transform: translate(-50%, -50%) !important;} */
/* .first-community-section{width: 485px;} */
.first-community-section .post-img{/*height:485px;*//*height:auto;*/}
.first-community-section .card-data .description{font-size:14px;}
.first-community-section .card-data .other-post .post-comm {font-size: 14px;margin-bottom: 5px;}
.community-section .nav-tabs .nav-link { font-size: 19px; width: 120px;}
.community-section .nav-tabs{width:240px; height: 50px; line-height: 50px;}
.community-section .tab-section .post-btns{top:0px;}
.community-data-section .side-nav-box { margin-top: 0px;}
.my-post-data .edit-btns{right:-50px;}

/*  */

.stylist-detail-page{ padding-left: 15px !important; padding-right: 15px !important; }
header .navbar .navbar-nav .nav-item.notification .dropdown-menu { right: 0; left: auto;}
header .navbar .navbar-nav .nav-item.notification{ margin-right: 10px; }

/*.first-community-section .post-img { height: 450px !important;}
.first-community-section .post-slider-img { height: 450px !important;}*/
.first-community-section .post-slider-img{ height: 340px !important; }	

.suggestions-block {max-width: 227px; width: 100%;}

.tabing-section .nav-tabs .nav-link {font-size: 20px;}


.featured-stylists-section .featured-scroll-box {width: 90%; margin: 0px auto;}
.dir_hairstyles-section .featured-scroll-box {width: 90%;}




}

@media (max-width: 991px) { 
.right-side-box {min-height: auto }	
  .featured-scroll-box {
    width: 92%;}
header .navbar { padding: 5px 15px;}
.top-sec-data .top-heading { font-size: 42px;}
/* .index_part, .index_part .carousel-inner { height: 95vh;} */
.final-section .brand-img img{ display: block !important; margin: 0px auto 10px !important;  }
.final-section .brand-img4 img { float: none;}
.final-section { padding: 48px 0px 30px;}
/* #nav ul.main li a { font-size: 32px;} */
header .navbar .navbar-brand img { margin-right: 0px;}
.location-search .form-inline .form-group {  width: 60%;}
/* .about-second-section .about-img1, .about-final-section .about-img2 { height: 400px;} */
.about-second-section {/*padding: 50px 0px;*/}
.about-second-section .aobut-content .headings{margin-bottom: 10px;}
.about-final-section .aobut-content { width: 100%;  margin-bottom: 20px;}
.consumer-hair-tutorial-page { /*padding: 55px 0px 0px;*/}
.tutorial-video { margin-bottom: 40px;}
.contact-detail { width: 100%; margin-bottom: 60px;}
.contact-us-page .contact-heading { margin-bottom: 15px;}
.contact-us-page .description { margin-bottom: 30px;}
.how-it-works-section-one .video-box { width: 100%;}
.how-it-works-section-one .heading, .how-it-works-section-two .heading { font-size: 50px;}
.how-it-works-section-two .sub-heading, .how-it-works-section-two .descriptions { font-size: 19px;}
.how-it-works-section-two .descriptions { margin-bottom: 20px;}
.how-it-works-section-two .sub-heading{margin-bottom: 30px;}
.how-it-works-section-two { padding: 35px 0px;}
.error_elemenet { background-position: left;}
.error_elemenet::before { background-color: rgba(0, 0, 0, 0.6);}
.blog-detail-page .blog-detail{ width: 100%;}

.blog-page { display: block;}
.blog-page .container { margin-left: auto;}

.categories-box .collapse{display: none;}
.categories-box  .navbar-toggler-icon {display:block;  width: 30px; background: #fff; height: 3px; margin-bottom: 5px;}
.categories-box  .navbar-toggler-icon:last-child{margin-bottom: 0px;}
.categories-box .navbar-toggler{border: 1px solid #fff; padding: 10px; display: inline-block !important; vertical-align: middle; margin-left: 10px; }
.categories-box .categories-heading {display: inline-block; vertical-align: middle;}
.categories-box { margin-bottom: 20px; }
.blog-page{padding-top: 40px;}

.blog-box .blog-title { font-size: 21px; margin-bottom: 10px;}
.blog-box .blog-description {font-size: 14px; margin-bottom: 15px; height: 65px;}
.stylist-detail-page .stylist-hair-main .stylist-hair-img {width: 400px;}
.stylist-detail-page .stylist-hair-main .stylist-detail-section { margin-left: 30px; width: 50%;}
.stylist-section-1 .right-side { width: 100%;}
.stylist-detail-page .contact a{float: unset;}

.blog-detail-page .blog-detail .blog-img { height: auto;}
.blog-detail-page .blog-detail .blog-img img{height: auto;}		
	
.stylist-detail-page .stylist-section-2 { margin-top: 35px;}
.stylist-detail-page .stylist-section-2 .review-media-body { margin-left: 20px;}
.stylist-detail-page .stylist-section-2 .review-section { padding: 20px 10px 10px;}

.sidenav1 {height: 100%; width: 0; position: fixed; z-index: 100;top: 0; left: -300px; overflow-x: hidden; transition: 0.5s; padding-top: 60px; background: #000;}
.left-side-block.navOpen1.sidenav1 { left: 0;}
.left-side-block { width: 300px; box-shadow: none; height: 100%; overflow: scroll;}
.sidenav1 .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; color: #fff;}

.categories-box .categories-heading{  box-shadow:none ; transform: rotate(90deg); left: -66px; position: fixed; z-index:11; top: 50%;border-color: #000; color: #fff; background-color: #000; }
.categories-box { box-shadow:/*  0px 2px 16px 0px rgba(155, 255, 255, 0.5) */ none ;  width: auto; position: fixed; z-index: 11111; /*  */background: none; }
/* .blog-page .container { margin-left: 40px; padding-top: 20px;} */

.search-stylist-page .card .card-body{ margin: 0px; margin-left: auto;}
.search-stylist-page .card .card-title {font-size: 18px;}

.search-stylist-page .user-img {width: 160px; height: 160px; margin-left: -86px;}
.search-stylist-page .card .card-body{ height: 160px; }
.message-window .left-box, .message-window .right-box{margin-bottom: 15px;}
.message-window{min-height:450px;}
.chat-data-slider .item{margin:0px auto;}

.stylist-top-page .top-heading-section { width: 100%;  }
.stylist-third-section-box .titles { font-size: 20px;}
.stylist-third-section-box { margin: 0px auto 50px;}
.stylist-third-section { padding: 140px 0px 40px;}
/* #nav ul.main li .signup-link .heading{padding: 112px 0px; font-size: 35px;} */



    .chat-data-slider .owl-nav{position: absolute; top: 40px;right: 35px;}	
    .stylist-final-section .cutting-img { width: 60%; height: 370px; margin-top: 20px;}
    .stylist-slider-section .slider-box { width: 100%;}
    .stylist-final-section { padding: 40px 0px;}
    .stylist-slider-section .heading { font-size: 40px;}
    .stylist-final-section .final-first-row {  padding-bottom: 55px;}
    .stylist-final-section .cutting-box .headings {  margin-bottom: 10px;}
    .user-boxs { width: 340px; margin: 0px auto 30px; }
    #nav ul.main li .signup-link .hover-menu { height: 600px;}

    .profile-page .online-data-slider .data-img-slider {/*height: auto;*/}
    .online-data-slider .owl-carousel .owl-nav .owl-prev, .online-data-slider .owl-carousel .owl-nav .owl-next {top: 75px;}
	.categories-list .categories-list-items .categories-links {width: 100%; border-bottom: 1px solid rgba(24, 24, 24, 0.18); display: block; padding: 20px; font-size: 16px;color: #fff;word-break: break-all;cursor: pointer}

  .community-data-section .side-nav-box{margin-top:0px; margin-bottom:30px;}
  .community-section .nav-tabs{margin: 0px auto 30px;}
  .location-search .form-inline .input-group{height: 45px; padding: 1px 15px; }
  .video-row .video{height: 360px}	
  .video #sVideoPlayer_wrapper{height: 360px}	
  #sVideoPlayer_wrapper iframe{width: 640px;height: 360px}	
.first-community-section .post-slider-img{ height: 320px !important; }	

.video-card-box .card .card-body .user-img { height: 185px !important;}

.right-side-box .title-heading { font-size: 20px; font-family: 'ralewayblack_italic' !important; text-transform: uppercase; }
.suggestions-block {max-width:100%;}
.community-data-section .right-side-box {display: block;}
.suggestions-block {margin-left: 0;margin-bottom: 35px;}
.suggestions-block .suggestion-box { width: 565px; margin: 0px auto; display: flex; flex-wrap: wrap; }
.suggestions-block .suggestion-box .sug-heading { width: 100%; }
.suggestions-block .sug-box {width: 50%;}

.footer-first-section .footer-sec { font-size: 14px;}
.footer-store li a { font-size: 14px;}
.footer-store li a img { width: 22px; height: 22px;}

.footer-second-section .social-icon-img a { margin: 0px 10px 0px; width: 22px; height: 22px;}
.footer-store { margin-bottom: 30px;}
.footer-first-section .footer-sec { margin-bottom: 30px;}
.footer-second-section .social-icon { margin-bottom: 30px;}
.footer-first-section .footer-sec .home-sec { padding: 0px 15px;}

.video-row .video-title span.backbutton { position: relative; }

.featured-stylists-section .featured-scroll-box {width: 95%; margin: 0px auto;}
.dir_hairstyles-section .featured-scroll-box {width: 95%;}
.featured-stylists-section .featured-scroll-box .user-box {max-width: 280px;height: 375px; margin: 35px auto;}
.featured-scroll-box .owl-carousel .owl-nav button .prev {left: -30px;}
.featured-scroll-box .owl-carousel .owl-nav button .next, .featured-scroll-box .owl-carousel .owl-nav button .prev { width: 30px; height: 30px;}
.featured-scroll-box .owl-carousel .owl-nav button .next {right: -30px; left: auto;}
.dir_hairstyles-section .hairstyles-scroll-box .spacing-div-2 .user-img {max-width: 305px !important; height: 205px !important;}

.dir_hairstyles-section .featured-scroll-box .owl-carousel .owl-nav button .prev { left: -30px;}
.dir_hairstyles-section .featured-scroll-box .owl-carousel .owl-nav button .next { right: -30px; left: auto;}
.dir_hairstyles-section  .hairstyles-scroll-box .spacing-div-2 { margin-right: 0;}
.dir_hairstyles-section .featured-scroll-box .owl-carousel .owl-nav button .next, .dir_hairstyles-section .featured-scroll-box .owl-carousel .owl-nav button .prev {top: 83px;}

/*.comman-form-page .login-signup-page{ width: 100% !important;flex-wrap:wrap;display: flex }*/

}

@media (max-width: 767px) {
/* .blog-box .blogs-img img{height:auto}
.blog-box .blogs-img{height:auto}	 */
.blog-box .blogs-img img{object-fit: cover; }	
.modal-60{max-width: 90% !important}	
.container{max-width: 100% !important;}	
/* .index_part, .carousel-inner { height: 100vh;} */
.location-search .form-inline .form-group .form-control { height: 46px;}
.location-search .form-inline .search-btn { /* width: 27%; */ width: 135px; height: 46px; line-height: 46px; margin-left: 10px; }
.location-search { height: 70px;}
.carousel-indicators { bottom: 65px;}


.comman-bg .comman-heading { font-size: 50px;}
.about-second-section .aobut-content .headings, .about-third-section .heading, .about-final-section .headings { font-size: 42px;}

/* .right-side-box .title-heading { font-size: 30px;} */
.error_body{padding-top: 20px;}
.blog-page { padding-bottom: 10px;}
.chat-data-slider .item .data-item .heading {font-size: 16px;}


/* .user-boxs { width: 350px; margin: 0px auto 20px;}
.stylist-final-section .cutting-img { width: 60%; height: 370px; margin-top: 20px;} */

.stylist-top-page {height: 495px;}
.stylist-top-page .top-heading-section .heading { margin-bottom: 30px;}
#nav ul.main li .signup-link .heading { padding: 13px 10px; font-size: 28px;}
#nav ul.main li .signup-link .hover-menu ul.main li .title{padding: 0px ;}

#nav ul.main li .signup-link .hover-menu { height: 325px;}
#nav{  padding-bottom: 20px; }
.second-header-menu{ height: unset; justify-content: unset; }

.final-row .owl-carousel {width: 90%;margin: 0px auto;}
.video-row .video {height: 370px;}
.first-community-section .post-img {/*height: 360px;*//*height:auto;*/}

.consumer-hair-tutorial-page .online-data-slider {width: 90%; margin: 0px auto 20px;}
.pagination li a {  font-size: 16px;padding: 10px 10px;}
.first-community-section .post-slider-img{ height: 300px !important; }	


.search-stylist-page .user-img {margin-left: -94px;}
.search-stylist-page .card .card-title {font-size: 18px;}
.search-stylist-page .card .card-text { font-size: 14px;}
.star-rating {font-size: 14px !important; line-height: 20px !important; }

.community-data-section { padding: 30px 0px !important; }

.footer-first-section .footer-logo { font-size: 24px; margin: 0px auto 30px;}
.footer-second-section .copy_right { margin-bottom: 0px;}
.comman-form-page .login-signup-page { width: 100%;}

.featured-stylists-section .user-box .u-name { font-size: 28px;}

}

@media (max-width: 700px) {

    .search-stylist-page .card .card-body { width: 215px;  height: 140px; }
    .search-stylist-page .user-img { width: 140px; height: 140px; margin-left: -92px;}
    .search-stylist-page .card .card-body .user-detail { width: 150px;}
    .m-p-g__thumbs-img {width: 110px; height: 110px;}
	.video-row .video{height: 240px}	
    .video #sVideoPlayer_wrapper{height: 240px}	
    #sVideoPlayer_wrapper iframe{width: 426px;height: 240px}	
	
}

@media (max-width: 576px) {
.final-row .videos-box .video{height:auto; }	
.lead{ font-size: 0.9rem }
.alert .close{ right: -2px !important ;width: 25px !important;height: 25px !important;top: 15% !important }
.top-sec-data .top-heading { font-size: 26px; width: 90%; white-space: unset; text-align: center;}
.second-section .heading { margin-bottom: 45px;}
.heading { font-size: 20px;letter-spacing:1px}
.user-box .u-name{font-size: 18px;}
.spacing-div-2 .heading a{font-size: 18px;}
.spacing-div-2 .heading {font-size: 18px;}
.static-form-page .title{font-size: 22px;}
.video-row .video-title{font-size: 22px;}	
.second-section { padding: 35px 0px;}
.comman-bg { height: 350px;}
.comman-bg .comman-heading { font-size: 42px;}
.about-second-section { padding: 30px 0px;}
.about-second-section .aobut-content .description { font-size: 16px;}
.about-second-section .aobut-content .headings, .about-third-section .heading, .about-final-section .headings {  font-size: 36px;}
.about-third-section .sub-heading { font-size: 18px;}
.about-final-section .metters { font-size: 16px;}
.tutorial-video .video-img { width: 60%;}
.how-it-works-section-one .heading { margin-bottom: 25px;}
.how-it-works-section-one .video-box { height: 400px;}
.how-it-works-section-one .heading, .how-it-works-section-two .heading{font-size: 42px;}
.comman-form-page .login-signup-page { width: 100%;}
.plans { width: 100%; padding: 20px;}
.modal-dialog { max-width: 90%;}
.payment-form .form-group .custom-select { margin-bottom: 10px;}
.error-img { width: 300px;}
.descriptions {font-size: 50px;}
.search-stylist-page .card{width: 75%;  }
.categories-box .categories-heading { font-size: 20px;}
.categories-box .categories-heading { left: -56px;}
.blog-box { width: 60%; margin: 0px auto 10px;}


.stylist-detail-page .stylist-hair-main { display: block;}
.stylist-detail-page .stylist-hair-main .stylist-hair-img { width: 400px; height: 250px; margin: 0px auto;}
.stylist-detail-page .stylist-hair-main .stylist-detail-section { margin-left: 0px; width: 100%; margin-top: 20px;}

.final-row .owl-carousel {width: 60%;}
.featured-scroll-box .owl-carousel { width: 60%; margin:0px auto;}

/* .spacing-div { width: 460px;} */
/* .spacing-div {width: 300px;} */
.featured-scroll-box {width: 100%;}
/* .user-box .user-info .user-img { border-radius: 50%; width: 135px;height: 135px;} */
/* .user-box .user-info {width:32%;} */
.third-section .heading { margin-bottom: 30px;}
.stylist-section-1 .left-side{ text-align: center; }
/*.message-window .left-box .text_wrapper, .message-window .right-box .text_wrapper{width:80%;}*/
.main-section-heading .heading { font-size: 20px;}
.rating-section-1{ margin: 30px auto 0px; float: none; }
.stylist-detail-page .stylist-section-1 .rating-section { justify-content: center;}
.sharethis-inline-share-buttons{ float: none !important; }

.stylist-final-section .cutting-box .headings {font-size: 32px;}
.stylist-final-section .cutting-box .descritions { font-size: 16px;}
.stylist-slider-section .heading { font-size: 32px;}
.stylist-third-section .icons { width: 80px; height: 80px;  margin: 0px auto 20px;}
.stylist-top-page .top-heading-section .heading { font-size: 36px;}
.stylist-final-section .cutting-img { height: 350px;}
.stylist-video-section .search-btn { width: 100%;}
/* #nav ul.main li .signup-link .heading { padding: 37px 0px;} */
#nav ul.main li .signup-link .hover-menu ul.main li:last-child a {margin-bottom: 10px;}
#nav ul.main li .signup-link .hover-menu ul.main li .title {font-size: 20px;}

.comman-form-page .title {font-size: 30px;}
.comman-form-page .description {margin-bottom: 35px;}
.select-question-box .question {font-size: 20px;}
.choose-box input[type="radio"] + label, .choose-box input[type="checkbox"] + label {font-size: 14px; margin-bottom: 10px; padding-left: 28px; margin-right: 25px; line-height: 21px; }
.sub-question-box .sub-question {font-size: 18px;}

.reply-section .response-text span.response-title {min-width: 90px;font-size: 16px;}

.search-stylist-page .card .card-body .user-detail {width: 70%;}
.search-stylist-page .card .card-body {width: 82%;}
.search-stylist-page .card .card-title {font-size: 18px;}
.search-stylist-page .card .card-text {font-size: 14px;}

.stylist-detail-page .contact{ width: 100%; display: block; overflow: hidden;  text-align: center; }
.stylist-detail-page .contact a{ margin: 20px auto 0px;}
.community-section .tab-section .post-btns{position: relative; margin:0px auto 20px;}
.first-community-section {width: 100%; margin: 0px auto 38px;}
.first-community-section .post-img {/*height: 280px;*//*height: auto;*/}
.first-community-section .post-data { padding: 12px 10px;}
.first-community-section .name-section{font-size:14px;}
.my-post-data .edit-btns{position: relative; display: flex; right: auto;}
.my-post-data .edit-btns .edit-delete-btn{margin:10px 10px 0px;}
.first-community-section .card-data {padding: 10px;}
/* .index_part{height:auto !important;} */


.location-search { height: auto; padding: 20px 0px; position: relative;}
.location-search .input-group{ margin-bottom: 10px; }
.carousel-indicators { bottom: 0px;}


.stylist-detail-section .share-div{width: 160px;margin-top: 30px;max-width: 100;margin: auto;}
.search-stylist-page .user-img { margin-left: -70px;}

.search-stylist-page .card {max-width: 330px;}

.suggestions-block .suggestion-box { width: 100%;}

.choose-box{ flex-wrap: wrap; margin-bottom: 0px;  }
.profile-page .select-question-box {padding-bottom: 10px;}
.choose-box input[type="radio"] + label::before, .choose-box input[type="checkbox"] + label::before {width: 21px; height: 21px;}
.choose-box input[type="radio"] + label::after, .choose-box input[type="checkbox"] + label::after { width: 15px; height: 15px; left: 3px; top: 3px;}
.profile-page { padding: 35px 0px;}



}

@media (max-width: 500px){

#nav ul.main li .signup-link .heading {/* padding: 77px 20px; */ font-size: 22px;}
#nav ul.main li .signup-link .hover-menu ul.main li a{width: 100%;}
.location-search .form-inline .form-group .form-control {  font-size: 14px;}
.location-search .form-inline .search-btn { width: 30%; margin-left: 5px; font-size: 15px;}
.location-search .form-inline .form-group{ width: 65%; }
.footer-first-section .footer-sec { display: block; text-align: center;}
.footer-first-section .footer-sec .home-sec { padding: 10px 0px; display: block; }
.footer-first-section { padding: 30px 0px 20px;}
.footer-first-section .footer-logo { padding-bottom: 8px;}
/* #nav ul.main li a { font-size: 26px;} */
.about-final-section .aobut-content { padding-top: 30px;}
.tutorial-video .video-img { width: 100%;}
.contact-us-page .contact-heading { font-size: 30px;}
.contact-detail .contact-info .logo-part .user-info { font-size: 18px; width: 90%;  vertical-align: top;}
.contact-forms form .submit-btn {width: 200px;}
.contact-forms form .centerthis { display: flex; justify-content: center;}
.footer-second-section .copy_right {width: 90%; margin: 0px auto; white-space: unset;}
.plans .headings { font-size: 24px; margin-bottom: 30px; padding-top: 15px;}
.plans ul li { font-size: 16px;}
.plans .select-plan-btn {width: 240px;}
.plans .payment { right: -35px; top: -35px; padding: 52px 0px 0px 15px;}
.purchase-btn {width: 240px;}
.purchase-btn-new {width: 240px;}	
/* .right-side-box .title-heading {font-size: 26px;} */
.right-side-box {padding: 15px;}
.right-side-box .submit-btn { margin: 8px auto 15px;}
.descriptions { font-size: 36px;}
.error-img { top: -3%;}
.blog-detail-page .blog-detail .blog-img { height: auto;}
.blog-detail-page .blog-detail .blog-img img{height: auto;}	
.search-stylist-page .card{width: 100%;  }
.blog-box { width: 80%;}
.categories-box {  width: 100%;}
.stylist-detail-page .stylist-hair-main{display: block;}
.stylist-detail-page .stylist-hair-main .stylist-hair-img{width:100%;}
.stylist-detail-page .stylist-hair-main .stylist-detail-section {margin-left:0px;margin-top: 20px;}
.stylist-detail-page .stylist-section-2 .responsive { display:block;padding: 0px 0px 10px 15px;}
.stylist-detail-page .stylist-section-2 .heding-2{ margin-bottom: 15px;text-align: center;font-size: 30px;}
.stylist-detail-page .stylist-section-2 .add-review{margin:auto;}
.payment-form .rating-ul li img { width: 40px; height: 40px;}
/* .index_part, .index_part .carousel-inner { height:87vh;} */
/* .search-stylist-page .card {width: 88%;} */
.main-section-heading{display: block;}
.main-section-heading .heading{margin-bottom:10px;}
.owl-dots{display: none;}
.message-window{padding: 0px 12px;}
.message-window .text {font-size: 12px;}
.message-type-window{padding: 10px 10px 20px;}
.message-type-window .form-control{height:50px;}
.message-type-window .input-group-addon{width:40px;height:40px;}
.message-type-window .input-group-addon img{padding:2px;}
.message-window .text_wrapper .dates{font-size:12px;}
.profile-page .online-data-slider .header-section .title{width:250px; font-size: 20px;}
.profile-page .stylist-video-section .form-group .form-control{width: 220px;}
.profile-page .online-data-slider .data-slider .heading-2 {font-size: 18px;}
.profile-page .online-data-slider .data-slider .description {font-size: 14px;}
.load-icon{width:100%;}

#nav ul.main li .signup-link .hover-menu { height: 390px;}
#nav ul.main li a {font-size: 18px;}
#nav{ height: 100%; padding-bottom: 20px; }
#nav ul.main li{ padding: 6px 0; }
.second-header-menu{ height: 100%; justify-content: center; }

.final-row .owl-carousel {width: 93%;}
/* .video-row .video { height: 300px;} */

.choose-box { padding: 10px 5px; /* height: 170px; */ flex-wrap: wrap; align-items: center;  }
/* .choose-box input[type="radio"] + label, .choose-box input[type="checkbox"] + label {padding-left: 10px; padding-right: 10px; width: 50%; text-align: center; margin-bottom: 10px; height: 70px; }
 */
.reply-section .response-text {display: block;}
.reply-section .response-text span.response-title {display: block; margin-bottom: 5px; }
.pagination li a {  font-size: 16px;padding: 8px 10px;}

.comman-form-page .login-signup-page {width: 100% !important;padding: 40px 0px;}
.featured-scroll-box .owl-carousel { width:93%;}
.first-community-section .card-data .like-post img {width: 20px; height: 20px;}

.consumer-hair-tutorial-page .online-data-slider .header-section .title { font-size: 22px; width: 200px;}
.modal-body .star-rating {line-height:32px;font-size:2.6em;color:#fbb03a;}
.pagination li a {font-size: 12px;padding: 8px 8px;}

/*  */

.heading-section {display: block; margin: 10px auto; }
.notication-box .comment-txt {font-size: 14px;}
.modal-footer .input-group-text{ padding: 10px 5px;font-size: 14px;}


.first-community-section .post-img { /*height: 380px !important;*/}
.first-community-section .post-slider-img{ height: 270px !important; }



#nav ul.main { margin-top: 50px; padding-bottom: 10px; }


.footer-first-section .footer-sec li.home-sec-1 { border-right: none; }
.footer-first-section .footer-logo { font-size: 24px; margin: 0px auto 20px;}

.select-question-box .question { font-size: 18px;}

.video-row .buttons .btn_a {padding: 0px 10px; font-size: 14px;}
.video-row .buttons .btn_a img {width: 16px; height: 16px;}
.tabing-section {padding: 0px 0px 0px;}
.author-categories-box .author-box { width: 100% !important; margin-bottom: 20px; }
.author-categories-box .categories-boxes { width: 100% !important;}
.author-categories-box { display: block; }

.profile-page .online-data-slider .data-img-slider {height: auto;}

.featured-stylists-section .featured-scroll-box .user-box {
  max-width: 260px; height: 363px; margin: 17px auto;}


}

@media (min-width:500px){
  .chat-data-slider .owl-nav{position: absolute; top: 40px;right: 15px;}	
  	
}



@media (max-width: 400px) {

#nav ul.main li .signup-link .heading {padding: 42px 20px;}

/* #nav ul.main li .signup-link .hover-menu ul.main li a{padding: 10px 0px;} */
.location-search .form-inline {  justify-content: space-between;}
.location-search .form-inline .search-btn { width: 32%;}
.about-second-section .aobut-content .headings, .about-third-section .heading, .about-final-section .headings { font-size: 30px;}
.comman-bg .comman-heading { font-size: 32px;}

.blog-box { width: 100%;}
.stylist-detail-page .stylist-section-2 .responsive{padding:0px;}
.stylist-detail-page .stylist-section-2 .review-section{display: block;}
.stylist-detail-page .stylist-section-2 .review-media-body { margin-left: 0px;}
.stylist-detail-page .stylist-section-2 .review-img{margin-left: 10px;}
.stylist-detail-page .stylist-section-2 .rating-ul{margin-bottom:10px;margin-left: 10px;}
/* .spacing-div {width: 345px;} */
/* .featured-scroll-box .user-box {width: 95%;} */

.user-boxs .second-img-box{ right: 10px; }

.stylist-top-page .top-heading-section .heading { font-size: 30px;}
.profile-page .online-data-slider .header-section .title { width: 190px;}

.video-row .buttons a {padding: 5px 10px;}
.btn-box1 .submit-btn {width: 140px !important;}
.slider-data .item {height: 140px;}
.search-stylist-page .card {width: 100%;}
.user-box .u-location{white-space: normal;}
.first-community-section .post-img { /*height: 210px;*//*height: auto;*/}
.video-row .video{height: 240px}	
.video #sVideoPlayer_wrapper{height: 240px}	
#sVideoPlayer_wrapper iframe{width: 100%;height: 240px}	
.modal-body .star-rating {
  line-height:32px;
  font-size:2em;
	color:#fbb03a;
}	

.first-community-section .post-img {/*height: 275px !important;*/}
.search-stylist-page .user-img {margin-left: -62px;}

.suggestions-block .sug-box {width: 100%;}

.footer-store li a img {  margin-right: 5px;}
.footer-store li { margin: 0px 12px;}
.footer-second-section .copy_right { font-size: 12px;}

.featured-stylists-section .featured-scroll-box .user-box { max-width: 260px; height: 363px; }


}

@media (max-width: 320px) {
    
/* #nav ul.main li a { font-size: 20px;} */
.descriptions { font-size: 30px;}
.membership-page .right-side-box .plans .headings { font-size: 20px; margin-bottom: 20px;}
.membership-page .right-side-box .plans .select-plan-btn { width: 100%;}
/* .spacing-div {width: 290px;} */
.search-stylist-page .card { width: 100%;}
.search-stylist-page .user-img {width: 130px; height: 130px;}
.search-stylist-page .card .card-body .user-detail {width: 60%;}
.search-stylist-page .card .card-body { height: 130px;}
.search-btn .input-group { width: 215px;}
.user-boxs{ width: 100%; }
.profile-page .stylist-video-section .form-group .form-control {width: 140px;}
.profile-page .online-data-slider .header-section .title { width: 160px; font-size: 16px;}
.profile-page .online-data-slider .data-slider .heading-2 { font-size: 16px;}
.profile-page .online-data-slider .data-slider .description { font-size: 12px;}
#nav ul.main li .signup-link .heading { padding:25px 20px 0px; }
#nav ul.main li .signup-link .hover-menu { height: 330px;}
.search-stylist-page .card .card-body {width: 225px;}

.hairstyles-scroll-box .spacing-div-2 .user-img, .third-section .heading {width: 285px;}

.modal-body .star-rating {
  line-height:32px;
  font-size:1.9em;
	color:#fbb03a;
}
.footer-first-section .footer-logo{font-size: 20px}	

.search-stylist-page .card .card-text {font-size: 12px;}

.search-stylist-page .card .card-title {font-size: 16px;}

.featured-stylists-section .featured-scroll-box .user-box {max-width: 232px;height: 358px;}
.featured-stylists-section .user-box .u-name {font-size: 26px;}
.featured-stylists-section .user-box .user-info .user-img {width: 120px !important; height: 120px !important;}
.featured-stylists-section .user-box .u-business { font-size: 18px;}
.featured-stylists-section .user-box .u-location { font-size: 14px;}
.dir_hairstyles-section .hairstyles-scroll-box .spacing-div-2 .user-img {height: 186px !important;}
.dir_hairstyles-section .featured-scroll-box .owl-carousel .owl-nav button .next, .dir_hairstyles-section .featured-scroll-box .owl-carousel .owl-nav button .prev {top: 83px;}

}

@media (max-width:499px){
    .chat-data-slider .owl-nav{position: absolute; top: 58px;right: 30px;}	 .stylist-final-section .cutting-img { width: 100%;}
}

.accountimage {opacity: 0; position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: 40px; cursor: pointer;}
.CardMainSection{ text-decoration:none !important}
a:hover{ text-decoration:none !important}
.cke_contents img{ max-width: 100% !important; height: auto !important;}
.cke_editable img,h2 img{ max-width: 100% !important; height: auto !important;}