/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; background: transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none; margin: 0px; padding: 0px;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0; width: 100% !important; background: #fff; border-radius: 3px;}

/* start editing from here */
a {text-decoration: none;}
.gallery_townvu {/*overflow:auto;*/}
.txt-rt {text-align: right;}

/* text align right */
.txt-lt {text-align: left;}

/* text align left */
.txt-center {text-align: center;}

/* text align center */
.float-rt {float: right;}

/* float right */
.float-lt {float: left;}

/* float left */
.clear {clear: both;}

/* clear float */
.pos-relative {position: relative;}

/* Position Relative */
.pos-absolute {position: absolute;}

/* Position Absolute */
.vertical-base {vertical-align: baseline;}

/* vertical align baseline */
.vertical-top {vertical-align: top;}

/* vertical align top */
nav.vertical ul li {display: block;}

/* vertical menu */
nav.horizontal ul li {display: inline-block;}

/* horizontal menu */
img {max-width: 100%;}
.reservation_pro_img {float: left; margin-right: 10px; overflow: hidden; max-width: 90px; max-height: 90px; min-width: 90px;}
.reservation_pro_img img {border-radius: 5px;}
.reservation_pro_name {font-size: 36px; display: inline-block; width: 69px; text-align: center; height: 69px; padding-top: 13px; color: #000; background: #ecebeb; border-radius: 37px;}
.choose_card_section img {vertical-align: middle;}
.choose_card_section input[type="radio"], input[type="checkbox"] {position: relative; top: 3px;}
h5 .choose_card_section .glyphicon {top: 2px !important;}

/*Vivek, 30 Apr 2026, Add other payment method css*/
.choose_card {list-style: none; margin: 0px; padding: 0px; width: 100%; display: grid; gap: 15px; margin-top: 15px; grid-template-columns: repeat(3, 1fr);align-items: center;}
.choose_card a {color: #1176ba; text-decoration: underline;}
.choose_card li {display: block; padding: 0px; position: relative; overflow: hidden; border: solid 0px #efefef; border-radius: 5px; font-size: 14px; margin:0px;}
.choose_card li input[type="radio"] {margin: 0px;}
.choose_card.other-payment-methods li:hover {background: #f9f9f9;}
.choose_card li label {display: flex; gap: 10px; padding: 12px 35px 12px 12px; align-items: center; border-radius: 5px; margin:0px; width:100%;}
.choose_card label {border: solid 1px #efefef; width: calc(100% - 49px); cursor: pointer;}
.choose_card label input[type="radio"] {display: none;}
.choose_card.other-payment-methods li label:has(input[type="radio"]:checked)::after {content: "✔"; position: absolute; top: 12px; right: 13px; font-size: 16px;}
.choose_card li label:has(input[type="radio"]:checked), .choose_zapper_card li label:has(input[type="radio"]:checked) {background: #f9f9f9;}
.choose_card li ul, .choose_zapper_card li ul {list-style: none; padding: 0px; margin: 0px;}
.choose_card li ul li, .choose_zapper_card li ul li {float: left; padding: 0px; margin-right: 10px; color: #000; border: 0px; font-weight: 500;}
.applied_gift_card {clear: both !important;}
.giftcard_account p{width:100%; margin:0px;}
.form-group label[for="new_card"]{display: flex; align-items: center; gap: 10px; border-top: solid 1px #e4e4e4; padding-top: 10px; margin: 0px; margin-top:20px;
	input{top: 0px; margin: 0px;}
	span{margin:0px; }
}
.form-group.gc_number_text{display: flex;}
#customer_info_form .btn{display: flex; color: #000 !important; align-items: center;}
/*end reset*/
html, body {font-size: 100%; background: #FFF; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover;}

h1, h2, h3, h4, h5, h6, a, p {margin: 0;}
ul, label {margin: 0; padding: 0;}
body a:hover, body a {text-decoration: none;}

/*-- main --*/
.copyright p {font-size: 1em; color: #fff; margin: 4em 0 0; line-height: 1.8em; text-align: center;}
.copyright p a {color: #EA4C89;}
.copyright p a:hover {text-decoration: underline;}
.main {padding: 4em 0;}
.main h1 {font-size: 3em; color: #fff; text-align: center; text-transform: capitalize;}
.nav-btm-menu-btm-grid {padding: 0.6em 0.5em; border-bottom: 1px solid #e0e0e0; background: #fff; margin-bottom: 3px; border-radius: 2px;}
.pro_list {}
.pro_list h3 {font-size: 16px;}
.pro_list .glyphicon {position: relative; top: 5px;}
.green_check_wraper {text-align: center;}
.green_check {font-size: 29px; color: #449d44; border: solid 2px; padding: 14px; border-radius: 31px;}
.nav-btm-menu-btm-grid-left {float: left; width: 20%; position: relative;}
.nav-btm-menu-btm-grid-left-pos {position: absolute; top: 3%; right: 45%;}
.nav-btm-menu-btm-grid-left1 {float: left; /*margin-left:1.5em;*/ display:grid; gap:5px;}
.nav-btm-menu-btm-grid-left1 .class_time{font-size: 18px !important;}
.nav-btm-menu-btm-grid-left1 .class_time span{font-size: 14px !important;}
.nav-btm-menu-btm-grid-left1 .class_pro_name{font-size:17px!important;}
.nav-btm-menu-btm-grid-left1 .class_emp{font-size:14px!important;}
.nav-btm-menu-btm-grid-right {float: right;}
#calender {}
.thanks_appointment {margin-top: 10px;}
.thanks_appointment .btn-secondary {}
.thanks_appointment h2 {font-size: 20px; margin-bottom: 6px;}
.thanks_appointment h3 {font-size: 20px; margin-bottom: 10px;}
.button_width {width: 100%; margin-bottom: 10px; background-color: #ff8d00; border-color: #ff8d00; padding: 12px 0px; font-size: 16px;}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {color: #fff; background-color: #ff8d00; border-color: #ff8d00;}
.nav-btm-menu-btm-grid-left1 h3 {color: #333; margin: 0; line-height: 1em; font-size: 20px; margin-right: 10px;}
.nav-btm-menu-btm-grid-left1 h3.prnt_service_category_name {line-height: 3.6em;}
.nav-btm-menu-btm-grid-left1 h3.select_emp {font-weight: normal; font-style: normal; color: #000; padding-left: 10px;}
.nav-btm-menu-btm-grid-left1 p {color: #717171; font-size: 0.8em;}
.nav-btm-menu-btm-grid-right h4 {font-size: 14px; color: #ff8d00; margin: 1em 0 0;}
.nav-btm-menu-btm-grid-right h4.prnt_arrow {line-height: 4em;}
.nav-btm-menu-btm-grid-right h4.book_btn {margin: 1em 0 0; padding-right: 4px;}
.nav-btm-menu-btm-grid-left1 h3.pro_servive_name {color: #000;}
.nav-btm-menu-btm-grid-right h4 .h4_msg {margin: 0.4em 0 0;}
.nav-btm-menu-btm-grid-right h4.h4_msg {color: #333 !important; margin-top: unset; font-size: 19px;}
.form-control {}
.form-group label {}
.main-info-grid1 h5 {}
.staff_list h3 {font-size: 14px !important; color: #000; position: relative; float: left; line-height: 33px; padding: 0px 10px;}
.staff_img {width: 50px; height: 50px; float: left; overflow: hidden; border-radius: 30px; background: #fff url(../images/tv_user_avtar.png) center no-repeat; background-size: 50px;}
.staff_img img {width: 100%;}
.main-info-grid1 h5 {text-align: left; color: #000; font-size: 1.2em; padding: 0.8em 5px; background: #FFFFFF; position: relative; overflow: hidden; border-bottom: solid 1px #e4e4e4; border-radius: 2px; padding-left: 10px;}
.main-info-grid1 h5 a {color: #000; text-decoration: none; position: relative; top: 1px;}
.main-info-grid1 h5 a.cart_section {text-align: right; float: right; width: 30px; height: 30px; border: solid 1px; border-radius: 30px; color: #000 !important; position: relative !important;}
.main-info-grid1 h5 .glyphicon {left: 7px; top: 7px; }
.main-info-grid1 h5 a.cart_section .glyphicon {font-size: 15px; left: -7px; top: 3px;}
.main-info-grid1 h5 a.cart_section .item_incart {position: absolute; width: 6px; height: 6px; background: #48f262; border-radius: 10px; top: 10px; left: 12px; z-index: 1;}
.back_button {font-size: 12px; float: left; top: 6px; position: relative; left: -10px; color: #000;}
.john {/*border-left:2px solid #0588F8;*/}
.scrollbar {border-bottom: 1px #E2E2E2 solid; padding: 10px 0; background: none; padding-top: 4px; background: #fff; position: relative;}
#style-2::-webkit-scrollbar-track {background-color: #D3D3D3;}
#style-2::-webkit-scrollbar {width: 5px; background-color: #f5f5f5;}
#style-2::-webkit-scrollbar-thumb {background-color: #0077B5;}
.main-info {width: 99%; margin: 0em auto;}
.main-info-grid1, .main-info-grid2, .main-info-grid3 { float: left; width: 100%; /*width:38%;*/}

.main-info-grid3 {float: left; width: 20%;}
.main-info-grid2 {margin: 0 1em;}
.main-info-grid2 h3 {padding: .5em; background: #219FBA; color: #fff; font-size: 1.3em; text-align: center;}
.main-info-grid2 h3 span {background: url(../images/6.png) no-repeat 0px 0px; display: inline-block; width: 16px; height: 16px; padding-right: 1em;}
.main-info-grid2-infol {float: left;}
.main-info-grid2-infor {float: right;}
.main-info-grid2-info {padding: 1em; background: #1C8399;}
.main-info-grid2-infol p {font-size: 14px; color: #fff;}
.main-info-grid2-infol h4 {font-size: 3em; color: #fff; letter-spacing: 4px;}
.main-info-grid2-info {padding: 1em 3em;}
.main-info-grid2-info-bottom {background: #fff;}
.main-info-grid2-info-bottom ul li {display: inline-block; font-size: 1em; color: #E28E2B;}

/*-- w3layouts --*/
.main-info-grid2-info-bottom ul li span {color: #999; padding-left: .5em;}
.main-info-grid2-info-bottom ul li:nth-child(2) {float: right;}
.main-info-grid2-info-bottom ul {padding: 1em 1.5em; border-bottom: 1px solid #EDEDED;}
.main-info-grid2-info-bottom ul:nth-child(2) {background: #f5f5f5;}
.main-info-grid2-info-bottom ul:last-child {border-bottom: none;}
.mb_share {overflow: hidden;}
.mb_share .button .native_button div {font-size: 14px; color: #212121;}
#filt_employees {width: 170px; padding-right: 23px !important;}
#filt_services {width: 170px; padding-right: 23px !important;}

/*-- mb_share --*/
.mb_share .button {position: relative; float: none; margin: 0 0 13.7px; width: 183px; height: 46px; overflow: hidden; text-transform: capitalize; cursor: pointer;}
.mb_share .button .icon {float: left; z-index: 200; position: relative; width: 50px; height: 46px; background-repeat: no-repeat; background-image: url(../images/6.png);}
.mb_share .button .native_button {width: 133px; height: 46px; float: left; background: #fff !important; /*-- agileits --*/ display: table;}
.mb_share .button .native_button>div {display: table-cell; vertical-align: middle; text-align: center;}
.mb_share .button .slide {position: absolute; right: 0; top: 0; z-index: 100; float: left; width: 133px; height: 46px; transition: .2s transform linear; -webkit-transition: .2s -webkit-transform linear; -moz-transition: .2s -moz-transform linear;}
.mb_share .button .slide span {color: #fff; display: block; cursor: pointer; width: 100%; margin: 14px 0; text-align: center; font-size: 1em; border-left: 1px solid rgba(255, 255, 255, 0.35);}

/*-- Transitions --*/
.mb_share .button.slide_x:hover .slide {-webkit-transform: translateX(133px); -moz-transform: translateX(133px); transform: translateX(133px); -o-transform: translateX(133px); -ms-transform: translateX(133px);}
.mb_share .button.slide_nx:hover .slide {-webkit-transform: translateX(-133px); -moz-transform: translateX(-133px); transform: translateX(-133px); -o-transform: translateX(-133px); -ms-transform: translateX(-133px);}
.mb_share .button.slide_y:hover .slide {-webkit-transform: translateY(46px); -moz-transform: translateY(46px); transform: translateY(46px); -ms-transform: translateY(46px); /*-- w3layouts --*/ -o-transform: translateY(46px);}
.mb_share .button.slide_ny:hover .slide {-webkit-transform: translateY(-46px); -moz-transform: translateY(-46px); transform: translateY(-46px); -ms-transform: translateY(-46px); -o-transform: translateY(-46px);}
/*-- Colors --*/

/*-- facebook --*/
.mb_share .button.facebook .icon {background-position: 15px -20px;}
.mb_share .button.facebook>div {background-color: #3b5998;}

/*-- twitter --*/
.mb_share .button.twitter .icon {background-position: -22px -20px;}
.mb_share .button.twitter>div {background-color: #55acee;}

/*-- youtube --*/
.mb_share .button.youtube .icon {background-position: -62px -20px;}
.mb_share .button.youtube>div {background-color: #cd201f;}

/*-- google-plus --*/
.mb_share .button.gplus .icon {background-position: -102px -20px;}
.mb_share .button.gplus>div {background-color: #dc4e41;}

/*-- linkedin --*/
.mb_share .button.linkedin .icon {background-position: -144px -20px;}
.mb_share .button.linkedin>div {background-color: #0077b5;}

/*-- tumblr --*/
.mb_share .button.tumblr .icon {background-position: 13px -71px;/*-- agileits --*/}
.mb_share .button.tumblr>div {background-color: #35465c;}

/*-- github --*/
.mb_share .button.github .icon {background-position: -36px -67px;}
.mb_share .button.github>div {background-color: #ea4c89;}

/*-- pinterest --*/
.mb_share .button.pinterest .icon {background-position: -81px -71px;}
.mb_share .button.pinterest>div {background-color: #bd081c;}
.time_data th {text-align: center;}
.time_data td {text-align: center;}
.forgot_password_link {}
.forgot_password_link a {color: #000; font-weight: 500; text-decoration: underline; margin-right: 10px;}
.forgot_password_link img {vertical-align: text-bottom; margin-left: 6px;}
.allowed-party {margin-top: 2px; margin-bottom: 10px; font-size: 13px; color: #4c4c4c;}
.allowed-party span {font-size: 12px; color: #bdbcbc;}
.max-width-500 {width: 92%; max-width: 500px; margin: 0px auto; display: inherit;}
.radius-btn {border-radius: 30px !important;}

/*-- start-responsive-design --*/
.scrollbar form {width: 100%; position: relative;}
.scrollbar .search_input_cl {width: 100%; padding: 10px; border-radius: 5px; border: solid 1px #bfbfbf; font-size: 14px;}
.scrollbar .search_button_cl {position: absolute; right: 0px; background: #000; color: #fff; border: 0px; padding: 10px 25px; border-radius: 5px;}
.scrollbar .clear-search {position: absolute; right: 105px; font-size: 15px; color: #737373; padding: 10px; padding-left: 20px;}
.scrollbar .clear-search:before {content: '\274C'; position: absolute; top: 10px; left: 4px; color: #737373 !important; font-size: 11px; font-family: 'Segoe UI Symbol', EmptyFont2;}
.main-info-grid1 form {width: 100%; position: relative; margin-top: 15px; margin-bottom: 15px; margin-bottom: 15px;}
.main-info-grid1 .search_input_cl {width: 100%; padding: 10px; border-radius: 5px; border: solid 1px #bfbfbf; font-size: 14px;}
.main-info-grid1 .search_button_cl {position: absolute; right: 0px; background: #000; color: #fff !important; border: 0px; padding: 10px 25px; border-radius: 5px;}
.main-info-grid1 .clear-search {position: absolute; right: 105px; font-size: 15px; color: #737373; padding: 10px; padding-left: 20px;}
.main-info-grid1 .clear-search:before {content: '\274C'; position: absolute; top: 10px; left: 4px; color: #737373 !important; font-size: 11px; font-family: 'Segoe UI Symbol', EmptyFont2;}

@media (max-width:1680px) {
    html, body {/*background: url(../images/banner.jpg) no-repeat 0px -57px;*/  background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover;}
}

@media (max-width:1600px) {
    html, body {/*background: url(../images/banner.jpg) no-repeat 0px -154px;*/ background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background: transparent !important;}
}

@media (max-width:1440px) {
    .main-info {width: 99%;}
    body {background: #fff; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover;}
    .popup_demo_body {background: transparent !important;}
}

@media (max-width: 1080px) {
    .main-info {width: 80%;}
}

@media (max-width: 1024px) {
    .main-info {width: 99%; font-family: 'ubunturegular', Arial, Helvetica, sans-serif;}
}

@media (max-width:800px) {
    .main h1 {font-size: 2.5em;}
    .main-info-grid1, .main-info-grid2, .main-info-grid3 {float: none; width: 50%; margin: 0 auto;}
    .main-info-grid2 {margin: 1em auto;}
    .main-info-grid3 {float: none; width: 26%;}
}

@media (max-width:768px) {
    .main-info-grid1, .main-info-grid2, .main-info-grid3 {float: none; width: 100%; font-family: 'ubunturegular', Arial, Helvetica, sans-serif;}
    .mb_share .button {margin: 0 auto 13.7px;}
    .copyright p {margin: 2em 0 0;}
}

@media (max-width:736px) {
    .main {padding: 0em 0; border: solid 1px #f7f6f6; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); margin-top: 20px; font-family: 'ubunturegular', Arial, Helvetica, sans-serif;}
}

@media (max-width:667px) {
    .main-info-grid1, .main-info-grid2, .main-info-grid3 {width: 100%;}
}

@media (max-width:640px) {
    .main-info {margin: 0em auto;}
}

@media (max-width:600px) {
    .main h1 {font-size: 2em;}
}

@media (max-width:480px) {
    .main-info-grid1, .main-info-grid2, .main-info-grid3 {width: 99%; margin-right: 1%;}
    .copyright p {margin: 2em 1em 0;}
    .main-info-grid2-infol h4 {font-size: 2em;}
    .main-info-grid2-infol p {font-size: 12px;}
    canvas#partly-cloudy-day {width: 50px; height: 50px;}
    .main-info-grid1 h5 {font-size: 1.2em;}
    .nav-btm-menu-btm-grid-left1 {width: 95%;}
}

@media (max-width:414px) {
    .scrollbar {height: auto;}
}

@media (max-width:384px) {
    .main {padding: 0em 0;}
}

@media (max-width:375px) {
    .main-info-grid2-info {padding: 1em 2em;}
}

@media (max-width:320px) {
    .main h1 {font-size: 1.8em;}
    .main-info-grid1 h5, .main-info-grid2 h3 {font-size: 1em; text-align: left;}
    .main-info-grid1, .main-info-grid2, .main-info-grid3 {width: 100%;}
    .nav-btm-menu-btm-grid-left1 h3 {letter-spacing: 0px; font-size: 15px;}
    .scrollbar {height: auto;}
    .main-info-grid2-info-bottom ul li {font-size: 14px;}
    .main-info-grid2-info-bottom ul {padding: 0.8em 1em;}
    canvas#cloudy, canvas#fog, canvas#clear-day, canvas#partly-cloudy-night, canvas#rain, canvas#snow {width: 13px; height: 13px;}
    .copyright p {margin: 0em 1em 0; font-size: 13px;}
    .main-info {margin: 0em auto 1em; margin-left: 0px;}
}

h3 span {color: rgba(78, 75, 75, 0.94); font-size: 0.8em; font-style: italic;}
.product_detail p {color: rgba(11, 9, 9, 0.9); font-size: 1em; padding-bottom: 0px; margin: 9px 0px; font-family: 'Roboto', sans-serif !important;}
.product_detail p.service_price {font-size: 1em; padding-bottom: 0px; margin: 4px 0px; font-family: 'Roboto', sans-serif !important;}
.glyphicon {position: relative; top: -5px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 11px;}
.glyphicon-menu-right {top: 6px !important;}
.arrow_cls .glyphicon-menu-right {top: -4px !important;}
.nav-btm-menu-btm-grid-left1 p:nth-child(2) {font-size: 0.9em; color: #000; margin: 2px 0px;}
hr {margin-top: 0px; margin-bottom: 0px; border: 0; border-top: 0px solid #eee;}
#customer_info_form .btn-success {background-color: #ff8d00; border-color: #ff8d00; padding: 12px 0px; font-family: 'Roboto', sans-serif;}
.thanks_appointment h2 {font-family: 'Roboto', sans-serif; font-size: 20px; margin-bottom: 6px;}
.appointment_detail {}
#customer_info_form .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {color: #fff; background-color: #ff8d00; border-color: #ff8d00; padding: 12px 0px;}
.sch_tab {padding: 0px; width: 100%; border-radius: 3px; border: solid 1px #ff8d00; position: relative; overflow: hidden; margin: 10px 0px; background: #fff;}
.sch_tab li {float: left; width: 50%; padding: 0px 0px;}
.booking_title {font-size: 22px; font-weight: normal; padding: 10px 10px 10px 10px; font-family: ubunturegular; background: #f7f7f7; color: #000;}
.sch_tab li a {display: block; width: 100%; color: #ff8d00; text-align: center; padding: 10px 0px !important; font-size: 15px;}
.sch_active {background: #ff8d00; color: #fff !important;}
.not_avl {padding: 3px 0px; font-size: 14px; text-align: center;}
.alert-warning {color: #c58e0e; background-color: #fcf8e3; border-color: #faebcc; margin: 8px 0px; font-size: 13px;}
.form-group label {font-size: 14px; margin-bottom: 5px;}
.class_time {font-size: 15px !important; color: #ff8d00 !important;}
.class_time span {font-size: 10px !important; color: #808080 !important}
.class_pro_name {font-size: 15px !important; margin-top: 2px !important; color: #e26d26 !important; font-family: 'ubunturegular';}
.class_emp {font-size: 14px !important; color: #443f3f !important;}
.class_price {font-size: 15px !important; margin-top: 2px !important; color: #000 !important;}
.arrow_vcenter {}
.arrow_vcenter .glyphicon {position: relative !important; top: 16px !important;}
.scrollbar .line_hide {border-bottom: 0px solid #e0e0e0 !important;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 0px solid #ddd;}
.table th {border-bottom: solid 1px #ccc; border-top: solid 1px #ccc !important;}
p.pack_left {padding-top: 3}
.gallery_ul ul {padding: 0 0 0 0; margin: 0 0 0 0;}
.gallery_ul ul li {list-style: none; margin-bottom: 25px;}
.gallery_ul ul li img {cursor: pointer;}
.modal-body {padding: 5px !important; padding-bottom: 15px !important;}
.modal-content {border-radius: 0;}
.modal-dialog img {text-align: center; margin: 0 auto;}
.appoint_class_gallery .controls {width: 50px; height: 20px; display: block; font-size: 0px; padding-top: 8px; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
.appoint_class_gallery .next {float: right; text-align: right; background: url(../images/popup_nxt.png) no-repeat right; background-size: 18px;}
.appoint_class_gallery .previous {background: url(../images/popup_prv.png) no-repeat; background-size: 18px; float: left;}
.More_avl_class {padding: 10px 0px; font-weight: 600; font-size: 18px;}
.bubble_select_duration {width: 100%; padding: 10px; display: table; border-top: solid 1px #ccc; margin-top: 40px;}

/*override modal for demo only*/
.modal-dialog {max-width: 500px; padding-top: 90px; display: inline-block !important;}
.gallery_detail_pc_mob {width: 100%; overflow: auto;}
::-webkit-scrollbar {-webkit-appearance: none; width: 7px;}
.gallery_detail_pc_mob::-webkit-scrollbar {border-radius: 5px; background-color: #e1e1e1; -webkit-appearance: none; width: 7px; height: 5px;}
.gallery_detail_pc_mob::-webkit-scrollbar-thumb {border-radius: 5px; background-color: #a3a3a3;}
.gallery_ul {white-space: nowrap;}
.gallery_ul .img-responsive {border-radius: 0px;}
.gallery_ul li {margin-bottom: 5px !important; max-width: 160px; max-height: 108px; overflow: hidden; margin-right: 6px; border-radius: 0; padding: 0px !important; border: solid 4px #ece9e9; float: none; display: inline-block;}
.photo_gallery_title {padding: 10px 0px; font-family: 'ubunturegular'; font-size: 19px;}

/*----------------Grid View-------------------*/
.retreat_apt_class_grid_view {max-width: 100%; margin: 0px auto;}
.retreat_apt_class .navigation-bottom-menu-bottom .nav-btm-menu-btm-grid-view {border-top: 0px solid #000; float: left; width: 33%; border-bottom: 0px; margin-bottom: 40px;}
.nav-btm-menu-btm-grid-view .reservation_pro_img {float: left; max-width: 100%; min-width: 100%; max-height: 100%; width: 100%; text-align: center; min-height: 200px;}
.nav-btm-menu-btm-grid-view .reservation_pro_img img {border-radius: 0px; border: solid 3px #000000; width: 100%; max-height: 322px;}
.nav-btm-menu-btm-grid-view .nav-btm-menu-btm-grid-left1 {width: 100%; text-align: center;}
.nav-btm-menu-btm-grid-view .class-detail-grid {min-height: 80px;}
.class-detail-grid .unlimited-txt {font-size: 12px !important;}
.nav-btm-menu-btm-grid-view .nav-btm-menu-btm-grid-right {float: right; width: 100%; margin-top: 15px; text-align: center;}
.nav-btm-menu-btm-grid-view .nav-btm-menu-btm-grid-right a {display: inline-block; width: 46%; margin-right: 2%;}
.retreat_apt_class .nav-btm-menu-btm-grid-view .nav-btm-menu-btm-grid-right h4.learn_more_btn {margin-top: 0px; width: 100%; text-align: center}
.retreat_apt_class .nav-btm-menu-btm-grid-view .nav-btm-menu-btm-grid-right h4.book_btn {margin-top: 0px; width: 100%; padding: 8px 10px; text-align: center;}
.nav-btm-menu-btm-grid-view .reservation_pro_name {font-size: 55px; display: inline-block; width: 100%; text-align: center; height: 183px; color: #000; background: #ecebeb; border-radius: 0px; padding-top: 61px;}
.learn_more_link_cl {cursor: pointer;}

/*----------------Grid View End-------------------*/

.retreat_apt_class .month_name {text-transform: uppercase; font-size: 14px; color: #000; font-weight: bold; padding: 5px 0px; width: 100%; display: table; border-bottom: solid 1px #000;}
.retreat_apt_class .nav-btm-menu-btm-grid-right h4.book_btn {margin: 0px auto; padding-right: 4px; border: solid 2px #000; padding: 7px 10px; width: auto; text-align: center; color: #000; text-transform: uppercase; font-size: 17px; margin-top: 10px;}
.retreat_apt_class .nav-btm-menu-btm-grid-right h4.learnmore_btn {margin: 0px auto; padding-right: 4px; border: solid 2px #000; padding: 7px 10px; text-align: center; color: #fff !important; text-transform: uppercase; font-size: 12px; background: #000; margin-top: 12px;}

@media screen and (max-width: 1024px) {
    .nav-btm-menu-btm-grid-view .reservation_pro_name {height: 184px;}
    .nav-btm-menu-btm-grid-view .no_pro_image .reservation_pro_name {min-height: 154px; margin-bottom: 5px;}
}

@media screen and (max-width: 768px) {
	.nav-btm-menu-btm-grid-view .reservation_pro_name {height: 140px; padding-top: 50px; min-height: 138px;}
	.nav-btm-menu-btm-grid-view .no_pro_image .reservation_pro_name {min-height: 138px;}
	.nav-btm-menu-btm-grid-view .reservation_pro_img {min-height: 172px;}
}

@media screen and (max-width: 650px) {
    .retreat_apt_class .navigation-bottom-menu-bottom .nav-btm-menu-btm-grid-view {
        width: 100%;
    }

}

@media screen and (min-width: 768px) {
    .modal-dialog {width: 500px; padding-top: 90px;}
}

.month_group {padding: 12px 10px; font-size: 17px; background: #fff; margin-bottom: 3px; clear: both;}
.class_dhx_minical_icon {display: none; padding: 11px !important; position: relative; text-align: right;}
.class_dhx_minical_icon .select-duration {left: unset !important; right: unset; border: solid 1px #000; margin: auto; margin-top: 4px; height: 31px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(../images/arrow-black.png) no-repeat; background-position: right center; position: unset; color: #000;}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .class_dhx_minical_icon .select-duration {background: url(../images/arrow-black@2x.png) no-repeat; background-position: right center; background-size: 17px 16px;}
}

.popup_demo_body {background: transparent !important;}
.popup_demo_body .main {padding: 2em 0;}
.popup_demo_body .form-control {width: 100% !important; padding: 13px 15px !important; box-shadow: unset; background: #fff; border: solid 1px #d1d2d3; display: block; border-radius: 3px; font-family: 'Jost', sans-serif !Important; height: auto; line-height: normal;}
/*.popup_demo_body .form-control{padding: 13px 15px !important; border: solid 1px #d1d2d3;}*/
.popup_demo_body select {height: 160px !important;}
.popup_demo_body select option {padding: 3px;}
.popup_demo_body #customer_info_form .btn-success {background: #000 !important; border-radius: 10px !important; border: 0px;}
.popup_demo_body .main-info-grid1 h5 {}
.popup_demo_body .nav-btm-menu-btm-grid {}
.popup_demo_body .form-control {}
.popup_demo_body #calender {background: #000 !important; border-radius: 10px !important; border: 0px;}
.popup_demo_body .thanks_appointment .btn-secondary {background: #000 !important; border-radius: 10px !important; border: 0px;}
.popup_demo_body .navigation-bottom-menu-bottom .nav-btm-menu-btm-grid {border: 0px solid #dcdcdc; padding: 0px;}
.page_demo_body {}
.page_demo_body .main-info-grid1 {width: 100%;}
.page_demo_body .form-control {width: 100% !important; padding: 13px 15px !important; box-shadow: unset; background: #fff; border: solid 1px #d1d2d3; display: block; border-radius: 3px; font-family: 'Jost', sans-serif !Important; height: auto; line-height: normal;}
.page_demo_body select {height: 160px !important;}
.page_demo_body select option {padding: 3px;}
.page_demo_body #customer_info_form .btn-success {background: #000 !important; border-radius: 10px !important; border: 0px;}
.page_demo_body #calender {background: #000 !important; border-radius: 10px !important; border: 0px;}
.main-info-grid1 .top-heading {width: 100%; display: table;}
.main-info-grid1 .top-heading h5 {display: table; float: left;}
.main-info-grid1 .top-heading .call_loader.add-service-btn {display: table; float: right;}
.main-info-grid1 .top-heading .call_loader.add-service-btn button {border-radius: 5px !important; padding: 5px !important; margin: 0px !important; font-size: 14px !important; width: 199px !important; margin-top: 14px !important; line-height: normal;}
#but_sc {width: 100% !important; max-width: 100% !important; background: #f0f0f0; text-align: center; padding: 15px;}
#but_sc a {display: inline-block;}
#but_sc button {padding: 12px !important; margin: 0px !important; font-size: 14px !important; width: 170px !important; line-height: normal; margin-left: 5px !important; outline: 0px;}

@media screen and (min-width: 280px) and (max-width: 539px) {
    #but_sc a {display: table; width: 100%; margin-top: 10px;}
	.form-group.gc_number_text{display: flex;}
	#customer_info_form .btn{display: flex; align-items: center; color:#000!important;}
	.nav-btm-menu-btm-grid-left1 .class_time{font-size: 15px !important;}
	.nav-btm-menu-btm-grid-left1 .class_pro_name {font-size: 14px !important;}
	.nav-btm-menu-btm-grid-left1 .class_emp {font-size: 12px !important;}
	.retreat_apt_class .nav-btm-menu-btm-grid-right h4.book_btn{font-size: 13px !important;}
}

@media screen and (min-width: 275px) and (max-width: 539px)
{
    .choose_card {grid-template-columns: repeat(1, 1fr);}
}