@import url('//fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600;700&display=swap');
@font-face {
    font-family: 'AGENCYR';
    src: url('https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/fonts/AGENCYR.eot');
    src: url('https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/fonts/AGENCYR.eot') format('embedded-opentype'), url('https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/fonts/AGENCYR.woff2') format('woff2'), url('https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/fonts/AGENCYR.woff') format('woff'), url('https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/fonts/AGENCYR.ttf') format('truetype'), url('https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/fonts/AGENCYR.svg#AGENCYR') format('svg');
}

body {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    background: #fff;
    font-size: 18px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    color: #000;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: 'Muli', sans-serif;
    font-weight: 700;
}

h1,
.h1 {
    font-size: 51px;
}

h2,
.h2 {
    font-size: 48px;
}

h3,
.h3 {
    font-size: 30px;
    letter-spacing: 0.5px
}

h4 {
    font-size: 20px;
    font-weight: 600
}

h5 {
    font-size: 18px;
    font-weight: 600
}

h6 {
    font-size: 17px;
    font-weight: 700;
    color: #ff7e55
}

p {
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #000;
    font-weight: 400;
    line-height: 1.7
}


a{ outline: 0 }
a:hover {
    text-decoration: underline;
    outline: 0
}

 

ul {margin-left: 14px;}
/* Global Style */

.shadow {
    -webkit-box-shadow: 1px 18px 27px -20px rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 18px 27px -20px rgba(0, 0, 0, .3);
    box-shadow: 1px 18px 27px -20px rgba(0, 0, 0, .3);
}

.relative {
    position: relative;
}

.spacer {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}


.spacer-mt {
    margin-top: 80px !important;
}

.spacer-mb {
    margin-bottom: 65px !important;
}

.spacer-pt {
    padding-top: 80px !important;
}

.spacer-pb {
    padding-bottom: 80px !important;
}

.mar-b-l {
    margin-bottom: 60px !important;
}

.mt-60 {
    margin-top: 60px !important
}

.mt-30 {
    margin-top: 30px !important
}

.spacer-eq {
    padding-top: 160px;
    padding-bottom: 160px
}

.spacer-eq.reducespace { padding: 0 !important  }
.mar-neg { margin-top: -50px !important }
.x-side-sp {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.xx-side-sp {
    padding-left: 80px !important;
    padding-right: 80px !important;
}
@media(max-width: 1600px){

.x-side-sp {padding-right: 0 !important  }
}

.weight-reg {
    font-weight: 400 !important;
}

.marg-none {
    margin-bottom: 0 !important
}

.clearfix:before,
.clearfix:after {
    content: " ";
    clear: both;
    display: table;
}

.up-case {
    text-transform: uppercase;
}

a,
a:hover,
.effect-sp,
.effect-sp:hover {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.title-wrap__dark {}

.title-wrap__dark .h3 {
    color: #222222
}


/* Photo Gallery */

.photo-wrap { padding-left: 28px; padding-right: 28px; }

.photo-wrap a {
    display: block;
    font-size: 26px;
    color: #fff;
    font-weight: 700;
}

.photo-wrap .item {
    position: relative;
    z-index: 1
}

.photo-wrap .item a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    -webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}

.photo-wrap .item a span {
    width: 100%;
    line-height: 30px;
    display: block;
    margin-top: 26px
}




.photo-wrap .item:hover {
    position: relative;
    z-index: 3;
    opacity: 1;
}
.photo-wrap .item:hover a ,
.photo-wrap .item a:hover { text-decoration: none; }


.photo-wrap .item a span.btn {

  background: #fff;
color: #000;
font-weight: 500;
display: inline-block;
width: auto;  font-size: 16px;
padding: 5px 25px;
text-transform: uppercase; margin-top: 10px; font-weight:700; opacity: 0;  -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.photo-wrap .item:hover a span.btn {opacity: 1;  -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}

 .photo-wrap .item img { width: 100% }

 .photo-wrap .item img,
.photo-wrap .item a span.title {transform: scale(1);   -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }

.photo-wrap .item:hover img,
.photo-wrap .item:hover a span.title {transform: scale(1.1);   -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }

 

.middle-line {
    position: relative;
}

.middle-line:before {
    content: "";
    height: 45px;
    top: calc(50% + 40px);
    margin-top: -23px;
    background: #e3e3e3;
    left: 0;
    right: 0;
    position: absolute;
}
.two-columnlayouts.middle-line:before {
top: 50%;
margin-top: -23px;

}

/* Top Navigation */

.top-notification {
    background: #222222;
    padding: 7px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

@media(min-width: 768px){
.top-notification p { display: flex; align-items: center; width: 100%; -webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }

}

.top-notification p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 19px;
}

.top-notification .button {
    background: #fff;
    border-radius: 2px;
    color: #222222;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
    padding: 2px 10px;
    margin-left: 10px;
}

.top-notification .button:hover {
    background: #a7a7a7;
}


/* Header */

header {
    z-index: 99;
    position: fixed !important;
    width: 100%;
    top: 36px;
    left: 0;
    background: rgba(235, 235, 235, .86);
    height: auto !important;
}

header .sticky.is-stuck { position: relative !important; box-shadow:0 4px 8px rgba(0, 0, 0, .5);  }

header .logo-wrap {
    background: #000;
}

header .logo-wrap a {
    display: block;
    padding: 2px 23px 7px;  text-align: center;
}


.logo-wrap img { width: 100%;  }
.sticky.is-stuck.is-at-top .logo-wrap img { width: 90%;  }

.sticky.is-stuck.is-at-top .logo-wrap img,
.logo-wrap img,
header .logo-wrap,
.sticky.is-stuck.is-at-top   .logo-wrap{  }

.logo-wrap img,
header {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.nav-wrap {
    position: relative;
    padding-left: 50px
}

.menu a {
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

header .menu a:hover ,
header .menu li:hover,
header .menu li.current_page_item a,
header .menu li.current-menu-ancestor a  { text-decoration: none; background: #f5f5f5 }


menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-26 current_page_item menu-item-38


.menu li { position: relative; list-style: none; }
.sub-menu {
    text-align: left;
    display: none;
    height: auto;
    position: absolute;
    z-index: 110;
    margin: 0px;
    background: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top: none;
    min-width: 180px;
    border: 1px solid #f5f5f5;
    border-top: none;
    list-style: none;
}

.menu li:hover .sub-menu { display:block; }
.sub-menu li {margin: 0; padding: 0; }

.sub-menu li + li {
    border-top: 1px solid #f5f5f5;
}

.sub-menu li a {font-size: 13px;
padding: 13px 16px;
line-height: 1.2;
color: #000;
text-shadow: none;
white-space: nowrap;
text-transform: none;}

.sub-menu li a:hover {
    opacity: 1;
    color: #000;
    background: #f5f5f5;
}


.phone-wrap {
    position: absolute;
    right: 40px;
}

.phone-wrap a {
    color: #222;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    padding-left: 40px;
    background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/call-icon.png) no-repeat left center;
}


/* Main Slider */

#main-slider {
    background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/slider-bg.jpg) center top #000;
    background-size: cover;
    position: relative;
    background-position: left top; background-repeat: no-repeat;
}
@media(max-width: 1601px){
#main-slider { background-size:cover   }
}
#main-slider h1 {
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 64px;
}

#main-slider .h3 {
    color: #fff;
    font-weight: 600;
    margin: 15px 0 28px;
    letter-spacing: 1px;
}

#main-slider .slider-txt {
    padding-top: calc(185px + 3%);  max-width: 530px;
    padding-bottom: 60px;
}

#main-slider .main-list { font-size: 0; }

#main-slider .main-list li {
    color: #fff;
    margin-bottom: 29px;
    font-size: 18px;
    max-width: 560px; line-height: 30px;
}

#main-slider .main-list p {
    display: none;
}

.special-box__wrap {
    padding-top: calc(137px);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.special-box {
    background: #222222;
    border: 1px solid #787878;
    width: 204px;
}

.special-box {
    margin-bottom: 1px
}

.special-box:last-child {
    margin-bottom: 0;
}

.special-box .special-txt {
    display: flex;
    align-items: center;
    height: 100%;
    text-align: center;
    width: 100%;
}
.special-box .special-txt p a {color: #fff; display: block;  }
.special-box .special-txt p a:hover { opacity: .8; transform: scale(1.1); transform: scale(1.1); text-decoration: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.special-box .special-txt p {
    width: 100%;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 0;
}

.special-box__wrap .small-3+.small-3 {
    height: calc(25% - 1px);
}


/* Partner Logo */

#partners-logo {
    background: #ededed;
    padding: 60px 0;
}

#partners-logo .grid-container {
    max-width: 870px;
    margin: auto;
}


/* REQUEST YOUR FREE CONSULTATION */

#request-from {
    background: #222222;
    padding: 44px 0 37px;
}

#request-from .h3 {
    color: #fff;
    margin-bottom: 35px;
    margin-top: -5px;
    letter-spacing: 1.2px
}
@media(min-width: 767px){
#request-from .h3 br { display: none }
}
#request-from .grid-container {
    max-width: 1246px;
    margin: auto;
}

#request-from .form-style {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    -webkit-box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #fff;
    background: #444444;
    box-shadow: none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;

}

#request-from .form-style::-moz-placeholder {
    color: #fff;
    opacity: 1
}

#request-from .form-style:-ms-input-placeholder {
    color: #fff
}

#request-from .form-style::-webkit-input-placeholder {
    color: #fff
}

#regain-wrap .grid-container {
    max-width: 920px;
    margin: auto;
}

#regain-wrap .h2 {
    margin-bottom: 30px;
}

#regain-wrap p {
    line-height: 30px;
    letter-spacing: -0.3px;
    margin-bottom: 0;
}

#service-wrap {
    padding: 0 30px
}

#gallery-wrap {
    padding-top: 186px;
    padding-bottom: 166px;
    background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/gallery-bg.jpg) no-repeat center center;
    background-size: cover;
    :
}

#gallery-wrap .title {
    font-size: 72px;
    color: #fff;
    line-height: ;
    margin: 0 0 30px 0;
    font-weight: 700;
    line-height: 54px; letter-spacing: 2px;
}

#gallery-wrap p {
    font-size: 30px;
    color: #fff;
    margin: 0;
    font-weight: 300;
    line-height: 55px
}


/* Reviews */

#review-wrap .owl-item { padding-left: 16px;padding-right: 16px;     }

#review-wrap .grabbing { cursor: pointer; }

@media(min-width: 1601px){
#review-wrap .owl-wrapper {
    margin: 0 -16px;
}
}
#review-wrap .grid-container {
    max-width: 1600px; padding: 0;
}

.review-txt {}

.review-txt .name {
    border-bottom: 3px solid #000;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
}

.review-txt p {
    font-size: 14px;
    line-height: 26px;
}
#review-wrap  .owl-controls { display: none !important; }

/* Dr. Overview */

#overview-dr .grid-container {
    max-width: 1380px
}

#overview-dr .about-img {
    position: relative;
    height: 100%;
    width: 100%;
    background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/dr-sani.jpg) no-repeat center top;
}

.overview-about .title {
    font-size: 72px;
    font-weight: 700;
    line-height: 46px;
}

.overview-about .sub-title {
    font-weight: 300;
    letter-spacing: 0.2px;
    margin-bottom: 30px;
    margin-top: 60px;
}

.overview-about p {
    margin-bottom: 30px;
}

.list-ul,
.inr-two__block ul,
.inr-list__block ul,
.inr-faq__block ul{ list-style:none; margin-bottom: 0; 
    margin-left: 0; padding-bottom: 5px;}

.list-ul li,
.inr-two__block ul li,
.inr-list__block ul li,
.inr-faq__block ul li  {
    font-size: 18px;
   
    position: relative;
    padding-left: 15px;
    margin-bottom: 15px;
}

.list-ul li::before,
.inr-two__block ul li:before,
.inr-list__block ul li:before,
.inr-faq__block ul li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 23px;
    top: 12px;
    left: 0;
}
.block-txt .list{ margin-top: -5px }
.list { list-style: none;margin-left: 0; margin-bottom: 0; }
.list li { position: relative; padding-left: 15px; }

.list li::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 23px;
    top: 14px;
    left: 0;
}

.main-list .list li:before {
background: #fff;  }


#approach-wrap .grid-container {
    max-width: 1650px;
}

#approach-wrap .title {
    font-size: 36px;
    margin-bottom: 20px;
    line-height: 50px;
    font-weight: 700
}
#approach-wrap img { width: 100% }

#request-from.request-bg {
    background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/request-bg.png) no-repeat center center;
    background-size: cover;
    padding-top: 140px;
    padding-bottom: 150px
}

#foo-nav {
    background: #fafafa;
}

#foo-nav .nav-he {
    height: 100px;
}


/* Inner Treatments Page  */

hr.hr-dark {
    margin: 0;
}

.w-30 {
    max-width: 585px;
    margin-left: auto !important;
    margin-right: auto !important
}

.inr-sec__title {
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 40px;
    line-height: 1
}

#inr-header__wrap,
#contact-form__wrap {
    margin-top: 136px;
    position: relative;
    border-top:1px solid #fff;

}
#contact-form__wrap .title {
    font-size: 50px;
    margin-bottom: 20px;
    line-height: 50px;
    font-weight: 700;
}
#inr-header__wrap + .singlecolnobg { margin-bottom: 0 !important  }

#form_contact-form fieldset  fieldset{  text-align: center; }

#inr-header__wrap .header-inr {
    position: relative;
}

#inr-header__wrap .header-inr:before {
    content: "";
    background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/saini-team-header.jpg) no-repeat center center;
    background-size: cover !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    border-right: 1px solid #fff;
}

#inr-header__wrap .header-inr:after {
    content: "";
    background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/saini-team-lab.jpg) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50%;
}

#inr-header__wrap .header-inr__txt {
    padding-left: 8%;
    position: relative;
    z-index: 2;
    padding-right: 8%;
}

.inr-height {
    min-height: 440px
}

.header-inr__txt h1 {
    color: #fff;
}

.header-inr__txt p {
    color: #fff; margin-bottom: 0;
}


/* doctor Quotation */

#dr-quotes .grid-container {
    max-width: 730px;
}

.dr-quotes__txt {
    position: relative;top: -9px;
}

.dr-quotes__txt:before {
    content: "";
    position: absolute;
    left: -126px;
    top: 0;
    background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/quotes-icon.png) no-repeat left top;
    width: 96px;
    height: 140px;
    border-bottom: 1px solid #afafaf;
}

.dr-quotes__txt p {
    font-family: 'AGENCYR';
    font-size: 28px;
    line-height: 40px; letter-spacing: 0.1px;
}

.quote-txt__by {
    margin-bottom: 0;
}

.inr-two__block .grid-container,
.privacy-policy  .xs-text-block .grid-container {
    max-width: 1640px;
}

 

@media(max-width: 1024px){

.inr-two__block .title {
    margin-bottom: 20px;
}
}

 

.xs-txt-block__dark.inr-two__block p + p { margin-bottom: 0; }

.inr-two__block ul li  {
   /*  font-size: 16px; */
    margin-bottom: 10px;
}

.inr-txt__block ul li {  font-size: 20px; }

.inr-about_txt p { font-size: 18px;  }

.inr-two__block h2,
.full-block h2{
    font-size: 36px;
    margin-bottom: 20px;
    line-height: 50px;
    font-weight: 700;
}

.list-inr,
.package-wrap__box ul {
    margin: 0;
    list-style: none;
}

.list-inr li,
.package-wrap__box ul li  {
    position: relative;
    padding-left: 10px;
}

.list-inr li:before,
.package-wrap__box ul li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    width: 5px;
    height: 5px;
    background: #111;
    border-radius: 10px;
}

.list-inr li p,
.package-wrap__box p + ul li {
    margin-bottom: 10px;
    font-size: 14px;
    margin-top: 0;
}

 
.grid-padding-x-block:not(.flex-dir-row-reverse):first-of-type .cell:first-child {
    padding-right: 80px;
}

.grid-x.inr-partner-logo .cell { padding-right: 10px !important }

/* .grid-padding-x-block:not(.flex-dir-row-reverse):first-of-type .cell:last-child {
    padding-right: 80px;
} */
.grid-padding-x-block.flex-dir-row-reverse .cell:last-child {
    padding-right: 80px;
}


@media(max-width: 1500px) {

    .grid-padding-x-block:not(.flex-dir-row-reverse):first-of-type .cell:first-child {
        padding-right: 40px;
    }
 
    .grid-padding-x-block.flex-dir-row-reverse .cell:last-child {
        padding-right: 40px;
    }


}

@media(max-width: 1024px) {

    .grid-padding-x-block:not(.flex-dir-row-reverse):first-of-type .cell:first-child {
        padding-right: 0;
    }
 
    .grid-padding-x-block.flex-dir-row-reverse .cell:last-child {
        padding-right: 0;
    }


}


/* Treatment Gallery */

#treat-gallery {}



.treatment-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;  }
.treatment-grid .treat-inr { width: 50%; -webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;

min-height: 0px;
min-width: 0px; 

}


.treat-inr a {
    display: block;
   /*  background: #a0a0a0 */
}

.treat-inr a:hover img {
   /*  opacity: 0.9; */
    text-transform: none
}

.treat-inr img {
   /* width: 50%;*/
   width: 100%
}

.treat-inr img:first-child {
    padding-right:0;
}

.treat-inr img+img {
    padding-left: 7px;
}


.treatment-wrap .owl-carousel .owl-item {/* border-left: 4px solid #fff; border-right: 4px solid #fff; */}

/* .owl-carousel .owl-item:nth-child(2n - 1) { padding-right: 4px;  } */

.treat-inr .owl-carousel .owl-item:nth-child(2n+1) {
    padding-right: 4px;
}

.treat-inr .owl-carousel .owl-item:nth-child(2n) {
    padding-left: 4px;
}

.treatment-wrap .owl-theme .owl-controls {
    margin: 0;
}

.treatment-wrap .owl-pagination {
    display: none;
}

.treat-inr .owl-buttons {}

.treatment-wrap .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    left: 38px;
    top: 50%;
    padding: 0;
    width: 35px;
    height: 173px;
    margin: 0;
    border-radius: 0;
    margin-top: -86px;
}

.treatment-wrap .owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/left-arrow-treat.png) no-repeat center center;
}

.treatment-wrap .owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/right-arrow-treat.png) no-repeat center center;
    left: auto;
    right: 38px;
}


/* Frequently Asked Questions */

.faq-wrap {
    background: #000;
}

.faq-wrap .grid-container {
    max-width: 1620px
}

.faq-wrap__inr {}

.faq-wrap__inr .h3 {
    color: #fff;
    text-align: right;
    font-size: 36px;
    font-weight: 400;
    margin: 0
}

.faq-wrap__inr p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
    padding-top: 4px;
}

@media(min-width: 60em) {
    .grid-padding-x-faq .cell:first-child {
        padding-left: 40px;
        padding-right: 50px;
    }
    .grid-padding-x-faq .cell:last-child {
        padding-left: 30px;
    }
}


@media(max-width: 1024px) {

.grid-padding-x-faq .cell:first-child {
    padding-left: 0;
    padding-right: 0;
}
.grid-padding-x-faq .cell:last-child {
    padding-left: 0;
}

}

/* Regrowth Package */

.mt-n {
    margin-top: 0 !important;
}

#package-wrap {
    background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/package-bg.jpg) no-repeat center top;
    background-size: cover !important
}

#package-wrap .grid-container {
    max-width: 1030px;
}

.package-wrap__box {
    background: #fff;
    padding: 40px 40px;
    position: relative;
    height: 100%;
}

.package-wrap__box .package__heading {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.package-wrap__box p,
.package-wrap__box .list-inr li,
.package-wrap__box   li  {
    font-size: 14px;
}

.package-wrap__box .equl-mr,
.package-wrap__box p + ul,
.package-wrap__box ul li {
    margin: 30px 0;
}

.package-wrap__box .list-inr li p,
.package-wrap__box p + ul li {
    margin-bottom: 8px;
}


.package-wrap__box .list-inr li:last-child,
.package-wrap__box ul li:last-child{
    margin-bottom: 0 !important
}


/* Why choose us? */

#choose-us {}

#choose-us h2 {
    font-size: 30px;
    margin-bottom: 20px;
}

#choose-us .grid-container {
    max-width: 730px;
}

#choose-us p {
    font-size: 16px;
    margin-bottom: 0;
}

.inr-txt__block p {
    font-size: 18px;
    margin-bottom: 0;
}

.inr-txt__block p+p:last-child {
    margin-bottom: 0;
    margin-top: 1rem
}

.grey-bg {
    background: #f6f6f6
}

#choose-us.grey-bg {
    background: #fff
}

.xs-text-block h2 {
    font-size: 36px;
    margin-bottom: 20px;
}

.xs-text-block .grid-container {
    max-width: 740px;
}

.xs-text-block p {
    font-size: 18px;
}

.xs-text-block p:last-child { margin-bottom: 0;  }
.inr-list__block .grid-container {
    max-width: 1330px;
}
.inr-list__block .title {
    font-size: 36px;
    margin-bottom: 40px;
    line-height: 50px;
    font-weight: 700
}




.inr-list__block p {
    font-size: 18px;
}

.inr-list__block .list p ,
.inr-list__block .list li {
    font-size: 20px; margin-bottom: 0;
}
.inr-list__block .list li { margin-bottom: 20px;  }

.inr-list__block .list li:last-child{ margin-bottom: 0;  }
.inr-list__block .list p a,
.inr-list__block .list a
 {   font-size: 20px; display: block;
    color: #000;   margin-bottom: 1rem;
}

.inr-list__block h2 {
    font-size: 36px;
    margin-bottom: 20px;
    line-height: 50px;
    font-weight: 700;
}

.inr-two-sm__block .grid-container {
    max-width: 1540px;
}

.inr-two-sm__block p+p:last-child {
    margin-bottom: 0;
}

.inr-two-sm__block h2 {
    font-size: 36px;
    margin-bottom: 20px;
    line-height: 50px;
    font-weight: 700;
}

 @media(min-width: 1501px){
.grid-padding-sm-block:not(.flex-dir-row-reverse):first-of-type .cell:first-child {
padding-right: 80px;
padding-left: 80px
}
.grid-padding-sm-block.flex-dir-row-reverse .cell:last-child {
padding-right: 80px;
padding-left: 80px
}
 
}
@media(min-width: 1025px) and (max-width: 1500px){
    .grid-padding-sm-block:not(.flex-dir-row-reverse):first-of-type .cell:first-child {
        padding-right: 40px;
        padding-left: 40px
    }
    .grid-padding-sm-block.flex-dir-row-reverse .cell:last-child {
        padding-right: 40px;
        padding-left: 40px
    }
}


@media(max-width: 1370px){
.inr-list__block .grid-container {
    max-width: 1100px;
}

.inr-list__block .title { margin-bottom: 20px; }
.inr-list__block h2 {   font-size: 30px;  line-height: 40px;}

}




#package-wrap .cont-3 {
    max-width: 1500px
}


/* About Us Page */

.white-bg {
    background: #fff;
}

#about-us {}

#about-us .grid-container {
    max-width: 930px;
}

#about-us .about-title {
    font-size: 20px;
    margin-bottom: 15px;
}

#about-us .about-inr {
    background: #fff;
    padding: 75px;
    margin-top: -100px;
    position: relative;
    z-index: 2;
}

#about-us .about-inr .cell+.cell+.cell {
    margin-top: 40px;
}

.xs-sep__wrap {}

.xs-sep__line {
    margin: auto;
    width: 143px;
    border-top: 1px solid #3d3d3d
}

.full__line {
    width: 100%
}

.xs-txt-block__dark {
    background: #000
}

.xs-txt-block__dark .title {
    color: #fff;
}

.xs-txt-block__dark .block-txt p {
    color: #fff;
    font-size: 20px;
}

@media(min-width: 1025px) {
 
    .grid-padding-x-about .cell {
        padding-right: 25px;
        padding-left: 25px
    }
    .grid-padding-x-about .cell:nth-child(2n-1) {
        padding-left: 75px;
    }
 }

@media(max-width: 1024px) and (min-width: 641px) {
    .grid-padding-x-about .cell {
        padding-right: 25px;
        padding-left: 25px
    }
    .grid-padding-x-about .cell:nth-child(2n-1) {
        padding-left: 50px;
    }
}


/* Team Page */

.team-two__block {}

.team-two__block .grid-container {
    max-width: 1320px;
}

.team-two__block .occp-txt {
    font-size: 20px;
    margin-bottom: 40px;
    line-height: 20px;
}

.team-two__block img { margin-top: 12px; }

@media(min-width: 80em) {
    .grid-padding-x-team .cell:first-child {
        padding-right: 75px;
    }
}

@media(min-width: 70em) {
    .grid-padding-x-team .cell:first-child {
        padding-right: 25px;
    }
}

@media(max-width: 69em) {
    .grid-padding-x-team .cell + .cell {
        padding-left: 25px;
    }
}


/* Media Page */

.media-wrap .grid-container {
    max-width: 1120px
}

.media-wrap .media-wrap__img {
    float: left; margin-top: 5px;
}

.media-wrap .media-wrap__txt {
    float: right;
    min-width: 255px;
}

.media-wrap .media-wrap__txt h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
}

.media-wrap .media-wrap__txt p,
.media-wrap .media-wrap__txt p a {
    margin-bottom: 0;
    font-size: 16px;
    color: #000
}

.media-wrap .cell+.cell+.cell {
    margin-top: 80px;
}


/* Office Page */

.office-wrap .grid-container {
    max-width: 960px;
}


.office-wrap p { margin-bottom: 0; line-height: 0; }

/* Contact Us form */

#contact-form__wrap {
    background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/contact-us-header.jpg) no-repeat center;
    background-size: cover
}


#contact-form__wrap .block-txt a { color: #ffb400  }

#contact-form__wrap .block-txt a {  }
#contact-form__wrap #request-from {
    background: none;
    padding-top: 120px;
    padding-bottom: 160px;
}

.inline-form label {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}

.inline-form label.heading {
    margin-left: 0;
}

.inline-form label,
label+[type="checkbox"],
label+[type="radio"] {
    display: inline-block;
    vertical-align: baseline;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 15px;
}

#contact-form__wrap #request-from .form-style {
    background: #fff;
    color: #111;
    border: 2px solid #111;
    border-radius: 2px;
    height: 2.62rem;
}

#contact-form__wrap   input[type="checkbox"] { float: right; margin-top: 10px; margin-left: 5px; margin-right: 12px; }

#contact-form__wrap #request-from .button {  border: 2px solid #111; border-radius: 2px; }
#contact-form__wrap #request-from .form-style::-moz-placeholder {
    color: #222;
    opacity: 1
}

#contact-form__wrap #request-from .form-style:-ms-input-placeholder {
    color: #222
}

#contact-form__wrap #request-from .form-style::-webkit-input-placeholder {
    color: #222
}

#contact-form__wrap .grid-x.grid-padding-x fieldset + fieldset {
    padding-top: 0;
    margin-top: 5px !important;
}

/* Faq */

.faq-block__inr {
    border: 1px solid #e0e0e0;
    padding: 30px;
}

.faq-block__inr.is-stuck {
    top: 160px !important;
}

.inr-faq__title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 50px;
    line-height: 48px;
}

.faq-block__list {
    margin: auto;
    list-style: none;
}

.faq-block__list li a {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    line-height: 26px
}

.faq-block__list li+li {
    margin-top: 20px;
}

.inr-faq__block .grid-container {
    max-width: 1400px
}

.faq-block__details {
    background: #fafafa;
    padding: 30px;
}

.faq-block__ques h3 {
    margin: 0 0 30px 0;
    font-size: 18px;
}

.faq-block__ques+.faq-block__ques {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #eee;
}



@media(max-width: 1440px){
.faq-block__inr { padding: 20px; }
.faq-block__list li a { font-size: 16px; }
.faq-block__list li + li {margin-top: 15px; }
.inr-faq__title { margin-bottom: 30px; }
.inr-height {min-height: 360px; }
}
@media(min-width: 60em) {
    .grid-padding-x-faq>.cell {
        padding-right: 25px;
        padding-left: 25px;
    }
    .grid-padding-x-faq>.cell+cell {
        padding-right: 0;
    }
}


/* Survey Form */

#your-info {
    margin-top: -24px;
}

#survey-form .grid-container {
    max-width: 1360px;
}

#survey-form .sticky.is-at-top.is-stuck {
    margin-top: 150px !important;
}

.survey__menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.survey__menu li {
    margin: 0;
    padding: 0;
}

.survey__menu li a {
    color: #111;
    padding: 10px 15px;
    display: block;
    border-bottom: 1px solid #e7e7e7
}

.survey__menu li.active a,
.survey__menu li a:hover {
    background: #111;
    color: #fff;
    border-bottom: 1px solid #111;
    text-decoration: none
}

#survey-form .survey__title {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 20px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 600;
}

#survey-form #photo-demo label {
    padding-left: 0;
    text-transform: none;
    font-weight: 400;
    margin-top: 0;
}

#survey-form #photo-demo label:before {
    display: none;
}

#survey-form .button {
    margin-top: 20px;
    margin-bottom: 0;
}

#survey-form [type="text"],
#survey-form [type="password"],
#survey-form [type="date"],
#survey-form [type="datetime"],
#survey-form [type="datetime-local"],
#survey-form [type="month"],
#survey-form [type="week"],
#survey-form [type="email"],
#survey-form [type="number"],
#survey-form [type="search"],
#survey-form [type="tel"],
#survey-form [type="time"],
#survey-form [type="url"],
#survey-form [type="color"],
#survey-form select:not([multiple]),
#survey-form textarea {
    box-shadow: none;
    text-transform: uppercase;
    margin-top: 10px;
}

#survey-form [type="file"] {
    font-size: 14px;
}

#survey-form label small {
    display: block;
    font-size: 10px;
    text-transform: none;
    font-weight: 400;
}

#survey-form label,
#survey-form .input-label,

#field_a1szo_label {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
    display: block; 
    color: #4d4d4d;
    margin-top: 20px;
}




@media(min-width: 1025px){
.grid-x > #frm_field_43_container { width: 58%; }
}

#field_wye4y_label { margin-top: 40px; color: #4d4d4d; font-weight: 700; }
#survey-form label:before,
#survey-form .input-label:before ,
#field_wye4y_label:before,
#field_a1szo_label:before {
 display: none;
}

#survey-form [type="checkbox"]+label,
#survey-form [type="radio"]+label {
    display: inline-block;
    text-transform: none;
    font-weight: 400;
    padding-left: 5px;
    margin-top: 0;
}

#survey-form [type="checkbox"]+label:before,
#survey-form [type="radio"]+label:before {
    display: none;
}

@media(min-width: 60em) {
    .grid-padding-x-survey .cell {
        padding-left: 38px;
    }
    .grid-padding-x-survey .cell:nth-child(2n-1) {
        padding-right: 38px;
        padding-left: 0;
    }
    .grid-padding-x-input .cell+.cell {
        padding-right: 38px;
    }
    .grid-padding-x-input .cell+.cell:nth-child(2n-1) {
        padding-left: 38px;
        padding-right: 0;
    }
    .grid-padding-x-input .grid-padding-x .cell+.cell {
        padding-right: 8px;
    }
    .grid-padding-x-input .grid-padding-x .cell+.cell:nth-child(2n-1) {
        padding-left: 8px;
        padding-right: 8px;
    }
}


/* Blog Page */

#blog-wrap .entry-title a {
    color: #000
}

#blog-wrap .entry-title a:hover {
    opacity: .5;
    text-decoration: none;
}

#blog-wrap .entry-content  { margin-top: -9px  }
.main-entry + .main-entry  .entry-content{ margin-top: 0 !important;  }

#blog-wrap .backblogbtn .button { margin-bottom: 0;  }

.main-entry+.main-entry {
    margin-top: 20px;
    padding-top: 25px;
    border-top: 1px solid #ddd;
}


#blog-wrap .wp-pagenavi a, #blog-wrap .wp-pagenavi span {

    border-color:#000;
    border: 1px solid #000;
    padding: 4px 13px;
    min-width: 40px;
    display: inline-block;
    text-align: center;
}

#blog-wrap .wp-pagenavi a.page,
#blog-wrap .wp-pagenavi a.nextpostslink { background:#000; color: #fff;  }



.privacy-policy  .xs-text-block .grid-container h3{  margin: 30px 0 10px }
.privacy-policy  .xs-text-block .grid-container ul { margin-top: 10px; }
.privacy-policy  .xs-text-block .grid-container { padding-bottom: 60px; }


/* Inner page reviews */

.reviews-inr__block {  }


.grid-padding-x-review > .cell { padding-left: 16px; padding-right: 16px;  }

.space-half-top { margin-top: 40px !important  }
.reviews-inr__block .review-txt {margin-top: 40px; }
 

@media(max-width: 840px) { 

.reviews-inr__block .grid-x > .small-4 {width:100%; }

.frm_checkbox label { position: relative; padding-left: 20px;}
.frm_checkbox label input {position: absolute !important; left: 0; top: 1px; }

.inline-form label input[type="checkbox"] {
    top: 6px;
}

.qsm-landing-page-site {  padding-top: 98px !important;  }
.qmn_pagination { display: none; }


.with_frm_style .frm_checkbox input[type="checkbox"]{

display: none !important;
}

.with_frm_style .frm_checkbox label:before { 
content: "";
position: absolute;
left: 0; 
top: 7px; 
border:1px solid #000;
width: 14px; height: 14px;
display: block !important;
background: #fff;
}

 

.with_frm_style .frm_checkbox label.menuitemshow:after {
left: 5px;
top: 9px;
width: 4px;
height: 8px;
  border: solid #000;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  position: absolute;
  display: block !important;

}

#contact-form__wrap .inline-form label:before{ top: 9px !important }
#contact-form__wrap .inline-form label:after{ top: 11px !important }







}


/* Quiz Page */
 

/* Footer */

footer {
    background: #000;
    padding-top: 160px;
    padding-bottom: 120px
}

footer .grid-container {
    max-width: 1600px;
}



footer p,
footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
}

footer .h3 {
    color: #fff;
    margin-bottom: 20px;
    font-weight: 400;
}

footer .center-logo {
    text-align: center;
}

.foo-add p { font-size: 16px; }

footer .dic-txt p {font-size: 12px; line-height: 24px; letter-spacing: 0.5px;   }
footer .dic-txt p + p { font-size: 14px; font-weight: 700;  }
footer .dic-txt p + p a {text-decoration: underline; }
/*  Form */

.button.success {
    background: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 8px 20px;
    margin: 20px 0 0;
}

.button.success:hover,
.button.success:focus {
    background: #a7a7a7;
}

.button.secondary {
    background: #222;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    padding: 8px 20px;
}

.button.secondary.small {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 11px 16px
}


/* Quiz Page */
body.qsm-landing-page { margin: 0; }
.qsm-landing-page header { top: 0;  }
.qsm-landing-page header .logo { text-align: center; }

.qsm-landing-page header .logo img { width: auto }



/* Full Width image Colum */

.m-l-a { margin-left: auto; }
.m-r-a { margin-right: auto; }

.full-block .grid-container {max-width: 100%; padding: 0; }

.full-block  .cell:last-child .full-block_content{ max-width: 60% }

.full-block  .grid-padding-x-full .cell:first-child ,
.full-block  .grid-padding-x-full:not(.flex-dir-row-reverse):first-of-type .cell + .cell {

    padding-left: 40px; padding-right: 0;
}

.full-block  .grid-padding-x-full .cell + .cell ,
.full-block  .grid-padding-x-full:not(.flex-dir-row-reverse):first-of-type .cell:first-child {
    padding-right: 40px; padding-left: 0;
}

@media(max-width: 1500px){
.full-block  .grid-padding-x-full .cell:first-child ,
.full-block  .grid-padding-x-full:not(.flex-dir-row-reverse):first-of-type .cell + .cell {

    padding-left: 20px; padding-right: 0;
}

.full-block  .grid-padding-x-full .cell + .cell ,
.full-block  .grid-padding-x-full:not(.flex-dir-row-reverse):first-of-type .cell:first-child {
    padding-right: 20px; padding-left: 0;
}
.full-block  .cell:last-child .full-block_content{ max-width: 70% }
 

}

@media(max-width: 1024px){
.full-block  .grid-padding-x-full .cell:first-child ,
.full-block  .grid-padding-x-full:not(.flex-dir-row-reverse):first-of-type .cell + .cell,
.full-block  .grid-padding-x-full .cell + .cell ,
.full-block  .grid-padding-x-full:not(.flex-dir-row-reverse):first-of-type .cell:first-child {

    padding-left: 0; padding-right: 0;
}

 
.full-block  .cell:last-child .full-block_content{ max-width: 100% }
 
.full-block .grid-container { padding-left: 15px; padding-right: 15px; }
}



/* Media Start */


.two-columnlayouts .grid-container { max-width: 1100px;  }

@media(max-width: 1500px) { 
.two-columnlayouts .grid-container { max-width: 900px;  }

 } 

 @media(max-width: 1300) { 
.two-columnlayouts .grid-container { max-width: 800px;  }

 } 

@media(min-width: 841px) { 
.grid-margin-x-sm>.cell {
        margin-right: 1px;
        margin-left: 1px;
    }
    .grid-margin-x-sm>.medium-3 {
        width: calc(25% - 2px)
    }
     .grid-margin-x-sm>.small-6 {
        width: calc(50% - 2px)
    }
 }

@media(min-width: 1025px) {
    .grid-padding-clear>.cell {
        padding-right: 0;
        padding-left: 0;
    }
    .grid-padding-x>.cell {
        padding-right: 8px;
        padding-left: 8px;
    }
    .grid-padding-x-m>.cell {
        padding-right: 14px;
        padding-left: 14px;
    }
    .grid-padding-x-lg>.cell {
        padding-right: 16px;
        padding-left: 16px;
    }
    .grid-padding-x-xlg>.cell {
        padding-right: 25px;
        padding-left: 25px;
    }
    .grid-padding-x-xxlg>.cell {
        padding-right: 55px;
        padding-left: 25px;
    }

    #approach-wrap .grid-padding-x-xxlg>.cell:first-child { padding-left: 0;  }
    
}

@media(max-width: 1601px) {
    .menu a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
    }
    .phone-wrap a {
        font-size: 16px;
        background-size: 24px;
    }
}

@media(max-width: 1500px) {
    body,
    p,
    .inr-list__block p,
    .foo-add p,
    #regain-wrap p,
    .list-ul li, .inr-two__block ul li, .inr-list__block ul li, .inr-faq__block ul li,
    .xs-text-block p  {
        font-size: 15px;
        line-height: 1.7;
    }

.xs-text-block p { font-size: 16px }

    h1,
    .h1 {
        font-size: 42px;
    }
    h2,
    .h2 {
        font-size: 44px;
    }
    h3,
    .h3 {
        font-size: 25px;
    }

    .mt-30 {
    margin-top: 20px !important;
}

.mar-neg { margin-top:-50px !important }

    .entry-content  h3,
    .entry-content .h3 { font-size: 25px;  }
    .inr-two__block .entry-content  p,
    .inr-two__block .entry-content ul li {font-size: 15px;}
    .list-ul li,.inr-faq__block ul li,
    .inr-two__block ul li {
        font-size: 15px;
    }
    .list-ul li::before,
    .inr-two__block ul li:before,
    .inr-faq__block ul li:before {top: 10px;  }
    .photo-wrap a {
        font-size: 22px;
    }
    #gallery-wrap .title {
        font-size: 62px;
    }
    #approach-wrap .title {
        font-size: 30px;
        line-height: 40px;
    }
    #overview-dr .grid-container {
        max-width: 100%; padding: 0;
    }
    #overview-dr .grid-padding-x-xlg > .cell:first-child { padding-right: 0; }
    #overview-dr .cell + .cell {max-width: 460px; }

    #approach-wrap .grid-container {  padding: 0;}
    #approach-wrap .grid-padding-x-xxlg > .cell:first-child { padding-left: 0;  }

    #regain-wrap .grid-container {
        max-width: 860px;
    }
    .overview-about p {
    margin-bottom: 15px;
}
    .menu a {
        padding-left: 8px;
        padding-right: 8px;
        font-size: 13px;
    }
    .phone-wrap a {
        font-size: 13px;
        background-size: 19px;
        padding-left: 30px;
    }
    .phone-wrap {
        right: 20px;
    }
    .nav-wrap {
        padding-left: 20px;
    }
    #main-slider .main-list li {
        margin-bottom: 20px;
        font-size: 15px;
    }
    .special-box .special-txt p {
        font-size: 18px;
        line-height: 28px;
    }
    #gallery-wrap p {
        font-size: 26px;
        line-height: 34px;
    }
    .button.success,
    .button.secondary {
        font-size: 20px;
    }
    .overview-about .title {
        font-size: 62px;
        line-height: 56px;
    }
    .overview-about .sub-title {
        margin-top: 40px;
    }
    footer {
        padding-left: 20px;
        padding-right: 20px;
    }
    footer .grid-container {
        max-width: 1300px;
    }
    footer .h3 {
        margin-bottom: 20px;
    }
    .spacer {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .spacer-mt {
        margin-top: 60px !important;
    }
    .spacer-pt {
        padding-top: 60px !important;
    }
    .spacer-pb {
        padding-bottom: 60px !important;
    }
    .mar-b-l {
        margin-bottom: 40px !important;
    }
    .spacer-mb {
        margin-bottom: 35px !important;
    }
    .spacer-eq {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .mt-60 {
        margin-top: 40px !important
    }
.space-half-top { margin-top: 30px !important  }
.reviews-inr__block .review-txt {margin-top: 30px; }

    footer {
        padding-top: 120px;
        padding-bottom: 80px
    }
    #request-from.request-bg,
    #contact-form__wrap #request-from {
        padding-top: 100px;
        padding-bottom: 110px;
    }
    /* Inner page */
    .dr-quotes__txt p {
        font-size: 24px;
        line-height: 36px;
    }
    .inr-two__block .title,
    .xs-text-block h2,
    .inr-list__block .title,
    .inr-two-sm__block h2,
    .inr-two__block h2,
    .full-block h2{
        font-size: 28px;
        line-height: 35px;
    }
    #contact-form__wrap .title {
         font-size: 36px;
    }
    .faq-wrap__inr p,
    .inr-list__block .list p,
    .inr-list__block .list a,
     .inr-list__block .list li {
        font-size: 18px;
        line-height: 1.6;
    }
    .inr-list__block .list li {
    margin-bottom: 15px;
    }
    .list li::before{ top: 12px;  }
    .inr-sec__title {
        font-size: 40px
    }
    .faq-wrap__inr .h3 {
        font-size: 28px;
    }
    .inr-two__block p, .inr-two__block ul li{
        font-size: 15px;
    }
    

    

    .xs-txt-block__dark .block-txt p { font-size: 18px;  }
    .x-side-sp {padding-left: 80px !important; padding-right:0 !important; }
    
    #choose-us h2 {
        font-size: 26px;
    }
    #dr-quotes .grid-container {
        max-width: 656px;
    }
    .dr-quotes__txt::before {
        width: 76px;
        height: 120px;
        left: -106px;
        background-size: contain;
    }
    #inr-header__wrap .header-inr__txt {
        padding-left: 4%;
        padding-right: 4%
    }
    .inr-two__block .grid-container,
    .privacy-policy  .xs-text-block .grid-container {
        max-width: 1200px;
    }
    .inr-two-sm__block .grid-container {
        max-width: 1320px;
    }
    #choose-us h2 {
        margin-bottom: 20px;
    }
    .xs-text-block h2 {
        margin-bottom: 20px;
    }
    /* About Page & Sub pages */
    .team-two__block .occp-txt {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .treatment-wrap .owl-theme .owl-controls .owl-buttons div { left: 30px }
    .treatment-wrap .owl-theme .owl-controls .owl-buttons div.owl-next { right: 30px }
}


 

@media(max-width: 1300px) {
    h1,
    .h1 {
        font-size: 38px;
    }
    h2,
    .h2 {
        font-size: 42px;
    }
    h3,
    .h3 {
        font-size: 22px;
    }
    .overview-about .title {
        font-size: 58px;
       
    }
#inr-header__wrap, #contact-form__wrap { margin-top: 109px  }

    .photo-wrap a,
    .package-wrap__box .package__heading {
        font-size: 20px;
    }
    #gallery-wrap .title {
        font-size: 56px;
    }
     
    #main-slider h1 {
        line-height: 40px;
    }
    header .logo-wrap img {
        width: 140px;
    }
    .sticky.is-stuck.is-at-top .logo-wrap img {
    width: 120px;
}
    .special-box__wrap {
        padding-top: calc(105px);
    }
    .grid-padding-x-xxlg>.cell {
        padding-right: 30px;
        padding-left: 30px;
    }
    .dr-quotes__txt p {
        font-size: 24px;
        line-height: 36px;
    }
    .inr-two__block .title,
    .inr-two-sm__block h2,
    .inr-list__block .title,
    .inr-two-sm__block h2,
    .inr-two__block h2,
    .full-block h2  {
        font-size: 26px;
    }
    #contact-form__wrap .title { font-size: 30px; }
    .faq-wrap__inr p,
    .inr-list__block .list p,
    .inr-list__block .list a,
    .inr-list__block .list li {
        font-size: 16px;
    }
    .list li::before{ top: 10px;  }
        .inr-list__block .title br {display: none;  }

    .inr-sec__title {
        font-size: 40px
    }
    .faq-wrap__inr .h3 {
        font-size: 30px;
    }
    .inr-two-sm__block .grid-container {
        max-width: 1200px;
    }
    .inr-two__block .grid-container,
    .privacy-policy  .xs-text-block .grid-container {
        max-width: 1000px;
    }
    .treatment-wrap .owl-theme .owl-controls .owl-buttons div { left: 30px }
    .treatment-wrap .owl-theme .owl-controls .owl-buttons div.owl-next { right: 38px }


}

.fixed-cta {
    display: none;
}

@media(min-width: 1201px) {
    .show-medium {
        display: none;
    }
}

@media(max-width: 1200px) {
    #inr-header__wrap, #contact-form__wrap {
    top: 105px;

}
    header,
    .hide-medium {
        display: none;
    }
    .hide-for-medium {}
    .mobile-nav {
        background: #000;
        position: fixed;
        top: 38px;
        z-index: 9;
        left: 0;
        right: 0;

    }
    .top-notification {
    padding: 8px 15px;
}
    .mobile-nav .phone {
        color: #fff;
        display: inline-block;
        padding: 10px 20px 10px 25px;
        margin-left: 12px;
        background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/phone-mob-icon.jpg) no-repeat left center;
        background-size: 20px;
    }
    .menu-toggle {
        display: inline-block;
        float: right;
        padding: 10px 15px 10px 20px;
        color: #fff;
        height: 46px;
        text-transform: uppercase;
        position: relative;
        left: 0;
        font-size: 16px;
        line-height: 24px;
    }
    .menu-toggle:hover {
        color: #fff;
        text-decoration: none
    }
    .menu-toggle .title {
        padding-right: 30px;
    }
    .menu-toggle .icon {
        position: absolute;
        display: block;
        width: 20px;
        height: 2px;
        background: #ffffff;
        top: 50%;
        margin-top: -1px;
        right: 15px;
        margin-left: -10px;
        -webkit-transition: background 0.3s;
        -moz-transition: background 0.3s;
        transition: background 0.3s;
    }
    .menu-toggle .icon::before,
    .menu-toggle .icon::after {
        content: '';
        position: absolute;
        left: 0;
        background: inherit;
        width: 100%;
        height: 100%;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.6s, background 0s;
        -moz-transition: -moz-transform 0.6s, background 0s;
        transition: transform 0.6s, background 0s;
    }
    .menu-toggle .icon::before {
        top: -6px;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    .menu-toggle .icon::after {
        bottom: -6px;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    .is-open-right .menu-toggle .icon {
        background: rgba(232, 74, 100, 0);
    }
    .is-open-right .menu-toggle .icon::before {
        top: 0;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .is-open-right .menu-toggle .icon:after {
        bottom: 0;
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    .is-open-right .menu-toggle .icon:before,
    .is-open-right .menu-toggle .icon:after {
        background: #ffffff;
    }
    .mobile-navigation {
        position: fixed;
        height: 100%;
        right: 0;
        top: 32px;
        z-index: 1;
        width: 250px;
        background-color: #000;
        overflow-y: auto;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transform: translateX(250px);
        -moz-transform: translateX(250px);
        -ms-transform: translateX(250px);
        -o-transform: translateX(250px);
        transform: translateX(250px);
    }
    .mobile-navigation h4 {
        margin-bottom: 0;
    }
    .mobile-navigation h4 span {
        display: block;
        padding: 15px 20px 15px 32px;
        font-size: 15px;
        background: #000;
        height: 46px;
        color: #fff;
        box-shadow: none;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 15px;
        text-decoration: none
    }
     
    .mobile-navigation .mobile-details p,
    .mobile-navigation .mobile-details a {
        color: #fff;
    }
    .mobile-navigation .mobile-details p { padding-left: 33px; padding-top: 30px; }
    .mobile-navigation .mobile-details .socials {
        padding: 20px 15px 10px 15px;
        margin-bottom: 0px;
    }
    .socials li {
        height: 18px;
        width: 18px;
        padding: 5.625px;
        position: relative;
        box-sizing: content-box;
        display: inline-block;
    }
    .socials li a {
        background-color: #fff;
        border-radius: 100%;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }
    .socials li a span {
        background: url("https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/icons.svg") no-repeat;
        display: block;
        height: 18px;
        width: 18px;
        background-size: 388.125px 18px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .socials li a span.facebook-icon {
        background-position: 5.0625px 0;
    }
    .socials li a span.twitter-icon {
        background-position: -23.0625px 0;
    }
    .socials li a span.instagram-icon {
        background-position: -255.9375px 0;
    }
    .socials li a span.youtube-icon {
        background-position: -82.125px 0;
    }
    .mobile-navigation .links>ul {
        padding: 0px;
        margin: 0px; list-style: none;
    }
    .mobile-navigation .links>ul li { padding-left: 0;  }
    .mobile-navigation .links>ul>li>a {
        color: #fff;
        display: block;
        padding: 12px 20px 12px 33px;
        font-size: 15px;
        font-weight: 400;
        border-bottom: 1px solid #000;
    }
    .mobile-navigation .links>ul>li>a:hover {
        text-decoration: none
    }
    .mobile-navigation .links>ul>li.has-sub>a,
    .mobile-navigation .links>ul>li.has-sub>a {
        position: relative;
        padding-left: 33px;
    }
    .mobile-navigation .submenu-toggle {
        right: 0;
left: 0;
width: 100%;
text-align: left;
    }
    .mobile-navigation .submenu-toggle:after {
        content: '';
        display: block;
        height: 11px;
        width: 8px;
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 12px;
        right: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url("https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/s3-arrow.svg") no-repeat center center;
        background-size: auto;
        background-size: 8px 11px;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
        border: none;
    }
    .mobile-navigation .submenu-toggle[aria-expanded="true"]::after {
        -webkit-transform: translateY(-50%) rotate(90deg);
        -moz-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        -o-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
    }
    .mobile-navigation .links>ul>li.has-sub>ul,
    .mobile-navigation .links>ul>li.has-submenu-toggle>ul {
        margin: 0px;
        /* display: none; */
        background: none;
        border-bottom: 1px solid #000;
        padding: 10px 10px 10px 22px;
        background: rgba(255, 255, 255, 0.25);
        list-style: none;
    }
    .mobile-navigation .links > ul > li.has-sub > ul li::before,
    .mobile-navigation .links > ul > li.has-submenu-toggle > ul li::before {
    display: none;
}
    .mobile-navigation .links>ul>li.has-sub>ul li a,
    .mobile-navigation .links>ul>li.has-submenu-toggle>ul li a {
        color: #fff;
        display: block;
        font-size: 14px;
        padding: 8px 10px;
        padding-left: 10px;
        font-weight: 400;
        text-decoration: none;
    }
    .mobile-navigation .links>ul>li.has-sub>ul li a:hover,
    .mobile-navigation .links>ul>li.has-submenu-toggle>ul li a:hover { opacity: .8; text-decoration: none; }
    /* Content UI */
   
    #contact-form__wrap {
        top: 78px; margin-top: 0;  margin-bottom: 78px;
    } 
    #inr-header__wrap {top: 83px; margin-bottom: 140px; margin-top:0; }


}
@media (max-width: 1024px) and (min-width: 841px) {

#main-slider { background-position: 30% top }

#main-slider .grid-x > .medium-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

#main-slider .grid-x > .medium-6 { width: 50%; padding: 0 15px } 
#main-slider .h3 { margin-bottom: 10px; }

}

.show-small{ display: none !important; }

@media (max-width: 1024px) {

.show-small{ display: block !important; }

.hide-small{ display: none !important; }

    h1,
    .h1 {
        font-size: 34px;
    }
    h2,
    .h2 {
        font-size: 30px;
    }
    
     
    #gallery-wrap .title {
        font-size: 52px;
    }
    #gallery-wrap p {
        font-size: 24px;
        line-height: 30px;
    }
    
    .inr-list__block h2 { margin-top: 20px; }

#main-slider {top: 80px; }
 
    .inr-two__block .title,
    .inr-list__block .title,
    .inr-two-sm__block h2,
    #contact-form__wrap .title  {
        font-size: 28px;
        margin-bottom: 10px;
        line-height: 29px;
    }
    .faq-wrap__inr p,
    .inr-list__block .list p {
        font-size: 15px;
    }
    .inr-sec__title {
        font-size: 34px
    }
    .faq-wrap__inr .h3 {
        font-size: 28px;
        text-align: left;
    }
    #choose-us h2 {
        margin-bottom: 15px;
    }
    #package-wrap .cell+.cell {
        margin-top: 30px;
    }
    .package-wrap__box {
        padding: 20px
    }
    #inr-header__wrap .header-inr::after {
        background-position: 50% center
    }
    footer {
        padding-left: 10px;
        padding-right: 10px;
    }
    footer .h3 {
        margin-bottom: 20px;
    }
    .spacer {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .spacer-mt {
        margin-top: 30px !important;
    }
    .spacer-pt {
        padding-top: 30px !important;
    }
    .spacer-pb {
        padding-bottom: 30px !important;
    }
    .mar-b-l {
        margin-bottom: 20px !important;
    }
    .spacer-eq {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .mar-neg {
    margin-top: -40px !important;
}
    #inr-header__wrap {
     
    margin-bottom: 83px;
    
}
.medium-offset-1 {
    margin-left: 0;
} 
    .space-half-top { margin-top: 15px !important  }
.reviews-inr__block .review-txt {margin-top: 15px; }
    .mt-60 {
        margin-top: 20px !important
    }
    footer {
        padding-top: 60px;
        padding-bottom: 40px
    }
    #request-from.request-bg,
    #contact-form__wrap #request-from {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .fixed-cta {
        position: fixed;
        left: 0;
        bottom: -1px;
        width: 100%;
        text-align: center;
        display: block;
        z-index: 999;
    }
    .fixed-cta a.btn {
        width: 33.33333%;
        float: left;
        padding: 12px 10px;
        background: #fff;
        color: #212121;
        display: block;
        font-size: 16px;
        margin-top: 0;
        text-transform: none;
        letter-spacing: 1px;
        font-weight: 700;
    }
    .fixed-cta a.btn+a.btn {
        background: #212121;
        color: #fff;
    }
    .fixed-cta a.btn+a.btn + a.btn{
        background: #444444;
        color: #fff;
    }

    .fixed-cta a.btn:hover { text-decoration: none; opacity: 0.98 }
     
    .top-notification p {
        font-size: 14px;
        overflow: hidden;
    }
     
    
    #choose-us .grid-container,
    #dr-quotes .grid-container {
        max-width: 560px;
    }
    .dr-quotes__txt::before {
        width: 46px;
        height: 70px;
        left: -80px;
        background-size: contain;
    }
 

    .inr-two__block .text-right { text-align: left;  }
 

    
    .mobile-nav,
    .mobile-navigation {
        top: 38px;
    }
    .top-notification {
        padding: 8px 15px;
    }


   #partners-logo { padding: 30px 0 10px; margin-top: 80px;  }
    #partners-logo .align-justify {
        
        text-align: center;
    }
    #partners-logo img {
        
        max-width: 150px;
        display: inline-block;
        margin-right: 20px;
        margin-bottom: 20px;
        width: auto;
    }
    #review-wrap .title-wrap__dark {
        margin-bottom: 60px !important
    }
    .review-txt .name {
        margin-bottom: 20px;
        font-size: 18px;
    }
    .button.success,
    .button.secondary {
        font-size: 14px;
    }
    .overview-about {
        padding-bottom: 40px;
    }
    .overview-about .title {
        font-size: 42px;
        line-height: 36px;
    }
    .overview-about .sub-title {
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .grid-padding-x-xxlg>.cell {
        padding-right: 10px;
        padding-left: 10px;
    }
    #approach-wrap .approach-txt {
        padding-top: 30px;
    }
    #service-wrap,
    #bottom-photo {
        padding-left: 15px;
        padding-right: 15px;
    }
    footer .center-logo {
        margin-bottom: 20px;
    }
    #gallery-wrap {
        padding-top: calc(60px + 2%);
        padding-bottom: calc(60px + 2%);
        background-size:cover !important;
    }
  
    /* inner Pages */
    .inr-height {
        min-height: 150px;
    }

    #inr-header__wrap .header-inr__txt { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin-top: 0; 
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;

     } 


.header-inr__center  {width: 100%;  }

    #inr-header__wrap .header-inr::before ,
    #inr-header__wrap .header-inr::after {
        width: 100%;
        display: none;
    }
    
    #inr-header__wrap .grid-x>.small-6 {
        width: 100%;
    }
    #inr-header__wrap .grid-x>.small-6+.small-6 {
        display: none;
    }
    .dr-quotes__txt p {
        font-size: 22px;
        line-height: 32px;
    }
    /* About Section */
    #about-us .grid-container {
        max-width: 90%;
    }
    .media-wrap .grid-container {
        max-width: 100%;
    }
    #about-us .about-title {
        font-size: 16px;
    }
    #about-us .about-inr {
        padding: 30px 45px 50px;
        margin-top: -20px;
    }
    #about-us .about-inr .cell+.cell+.cell {
        margin-top: 0;
    }
   
    /* Media Page */
    .media-wrap .media-wrap__txt {
        float: left;
        min-width: 225px;
        margin-left: 30px;
    }
    .media-wrap .cell+.cell+.cell,
    .media-wrap .cell+.cell {
        margin-top: 40px;
    }
    /* Meet the team */
    .inr-two__block .text-center {
        text-align: left;
    }
#contact-form__wrap.inr-two__block .text-center { text-align: center; }
#contact-form__wrap.inr-two__block .grid-padding-x > .cell { padding: 0 }

    .inr-two__block  .block-txt { padding-top: 20px;  }
    .x-side-sp {padding-left: 15px !important; padding-right: 15px !important; }
    .inr-two-sm__block h2 { margin-top: 20px; }

    /* Our Team */
.xs-txt-block__dark .block-txt p {
    font-size: 16px;
    line-height: 1.5;
}
    .office-wrap img { width: 100%; }

    .package-wrap__box .equl-mr,
    .package-wrap__box p + ul,
    .package-wrap__box ul li { margin:20px 0;  }
    .inr-two__block img { width: auto  }
    img {width: 100%;}
    footer img,
    .img-wrap  img,
    .media-wrap__img img{ width: auto;  }
    .team-two__block img {margin-top: 8px; }
    .team-two__block .occp-txt {margin-bottom: 0px;}

.media-wrap .media-wrap__txt h3 { margin-bottom: 20px; }


#overview-dr .grid-container,
#approach-wrap .grid-container  { padding-left:0.9375rem !important; padding-right:0.9375rem !important;}
#overview-dr .cell + .cell {max-width: 100%; }
.grid-padding-x-xxlg > .cell { padding-left: 0 !important; padding-right: 0 !important  }


.inr-list__block iframe {width: 100%; min-height: 360px; }


#faq-cont .inr-sec__title { text-align: left; margin-bottom: 10px; }


 }

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

#bottom-photo .cell { width: 33.33333%  }

#bottom-photo .cell:first-child {  width: 16.66667% }


}
.mobile-banner { display: none; }

@media (max-width: 840px) {

.w-30 { max-width: 80% }

.package-wrap__box .list-inr li p, .package-wrap__box p + ul li,
.package-wrap__box p, .package-wrap__box .list-inr li, .package-wrap__box li,
.xs-text-block p { font-size: 15px; }


    .spacer,
    .office-wrap {
    padding-top: 40px !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.mt-30 {
margin-top: 15px !important;
margin-bottom: 0;
}


.spacer-mt,
.spacer.spacer-mt { margin-top: 0 !important }

 
.mt-30 {
    margin-top: 15px !important;
}

.mar-neg { margin-top: -10px; }

.space-half-top {margin-top:20px !important }
.spacer.spacer-pt, #faq-cont,
#faq-cont.Black .faq-wrap.spacer-pt,
.spacer-eq {
    padding-top: 40px !important;
}


#inr-header__wrap + .singlecolnobg { padding-bottom: 10px !important  }
#dr-quotes {  padding-bottom: 30px !important}


 
.spacer.mobilenospace,
#inr-header__wrap + .mobilenospace.singlecolnobg,
#faq-cont.Black .faq-wrap.spacer-pt,
.spacer-eq,
#survey-form,
.team-two__block .xs-sep__wrap,
#treat-gallery.spacer.spacer-pb.mobilenospace,
.spacer.spacer-pb  {
    padding-bottom: 40px !important;
}


 .inr-two__block .block-txt { padding-top: 0; }

.spacer.spacer-mb,
#review-wrap .button,
#about-us .cell:last-child .button{
    margin-bottom: 0 !important;
}


.inr-two__block ul,
.list-ul,
#inr-header__wrap + .nospace.xs-text-block.singlecolnobg,
#treat-gallery { padding-bottom: 0 !important; }

 
#faq-cont.Black,
.faq-wrap__inr p {padding-top: 0 !important;}

.inr-two__block p { margin-top: 0 }
.inr-two__block ul + p{ margin-top: 15px; margin-bottom: 0; }
.inr-two__block h2 + p,
.full-block h2 + p { margin-top: 0; }

.inr-two__block ul + p:last-child ,
.inr-two__block p + p:last-child,
.list-ul li:last-child,,
.inr-faq__block ul li:last-child,
.inr-two__block h2 + p,
.full-block h2 + p,
.team-two__block  p:last-child { margin-bottom: 0; }

.inr-two__block ul { margin-bottom: 15px; }

#request-from .h3 { margin-bottom: 30px; }
.medium-offset-1 {
    margin-left: 0;
}

.list-ul li, .inr-two__block ul li, .inr-list__block ul li,.inr-faq__block ul li { margin-bottom: 5px; }
.inr-two__block h2 ,
.full-block h2,
.inr-two__block h2,
.inr-sec__title{ margin-bottom: 15px; }

.faq-wrap  .spacer-pb:last-child { padding-bottom: 0 !important; }


/*.inr-two__block img { margin-top: -15px; }*/




#about-us .about-inr { padding-bottom: 40px; padding-top: 40px; }

#request-from.request-bg, #contact-form__wrap #request-from { padding-top: 40px; padding-bottom: 40px; }


.overview-about { padding-bottom: 0;  }

#approach-wrap .approach-txt p { margin-bottom: 0; }


.grid-container,
.photo-wrap {padding-left: 15px; padding-right: 15px;  } 
.two-columnlayouts {padding-left: 0; padding-right: 0;}
.mobile-banner { display: block; }
.photo-wrap { overflow:hidden; }
    h1,
    .h1 {
        font-size: 22px;
    }
    h2,
    .h2 {
        font-size: 20px;
    }
    h3,
    .h3 {
        font-size: 18px;
    }
    .photo-wrap a {
        font-size: 20px;
    }
    #gallery-wrap .title {
        font-size: 46px;
    }
    #gallery-wrap p {
        font-size: 20px;
        line-height: 30px;
    }
  
#regain-wrap .h2 { margin-top: -10px }
 
    .inr-two__block .title,
    .inr-list__block .title,
    .inr-two-sm__block h2,
    #contact-form__wrap .title  {
        font-size: 24px;
        margin-bottom: 15px;
        line-height: 29px;
    }
    .faq-wrap__inr p,
    .inr-list__block .list p {
        font-size: 15px;
    }
    .inr-sec__title {
        font-size: 30px;
        line-height: 35px
    }
    .faq-wrap__inr .h3 {
        font-size: 24px;
        text-align: left;
    }

    #service-wrap,
    #bottom-photo {
        max-width: 460px;
        margin: auto;
    }


     #main-slider .slider-txt {
        position: relative;
        z-index: 5;
        padding-top:0;
        padding-bottom: 0;
        max-width: 100%;
        margin-top:-160px
    }
    #main-slider h1 {
    line-height: 40px;
    font-size: 34px;
    max-width: 420px;
    }


    #main-slider .h3 {
        margin: 10px 0 40px;
        font-size: 22px;
    }

    #main-slider .main-list{margin: 0 -15px; background: #000; padding: 30px 15px 20px;}
    #main-slider .main-list li {
        margin-bottom: 10px;
        font-size: 13px;
    }

  .middle-line::before {
        display: none;
    }
    #main-slider {
        padding-left: 15px;
        padding-right: 15px;
        background-position: 20% 70%;
        position: relative;
        top: 60px;
        background-image: none !important;
        background-color: #000;
    }

.mobile-banner { margin:0 -15px; }


    #partners-logo {margin-top: 60px;  }
    #main-slider:before {
       display: none;
    }


   .overview-about p {margin-bottom: 15px; }

   #contact-form__wrap { background-position:20% top; }

.inr-list__block .cell + .cell iframe { margin-top:20px}

.faq-block__details,
.faq-block__inr { padding: 15px; }

}


@media (max-width: 767px) {

.top-notification p span {margin-bottom: 0; display: block; float: left; max-width: 280px; text-align: left;}
.mobile-nav, .mobile-navigation {top: 54px; }
.top-notification .button {float: right; margin-top: 8px; }

#inr-header__wrap {top: 99px; margin-bottom: 99px; }
#contact-form__wrap { top:99px; }

   #contact-form__wrap { background-image:none ;  background-color:#222222; padding-top: 0 !important}


   #contact-form__wrap .contact-content  { background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/contact-us-header.jpg) no-repeat left top; padding: 40px 0 34px; background-size: cover; } 

}

.show-mobile{display: none;  }


@media (max-width: 639px) {
 
 
   /*  .inr-two__block,
   .inr-two__block .text-center,
   .inr-two__block .text-right {
       text-align: center;
   } */



.overview-about .title { margin-bottom: 20px }
.faq-wrap__inr .h3 { margin-bottom: 10px; }
#dr-quotes .grid-container {  padding-left: 95px; max-width: 100%  }
 
.show-mobile{display: block;  }
.hide-mobile {display: none;  }

.list li::before { top:12px; }


section#gallery-wrap { background:none !important;  padding: 0 }
.photo-wrap .item a span { margin-top: 0; }

.gallery-wrap_middle {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin-top: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;}

.gallery-wrap_content { width: 100% }

    #blog-wrap{text-align: left;  }
 
.xs-txt-block__dark  h2 { margin-top: 0; }

    .team-two__block h2 { margin-top: 0; margin-bottom: 20px !important; }
    .team-two__block .occp-txt {margin-top: 20px; margin-bottom: 10px;  }
    .office-wrap .cell  { padding: 0 8px !important}
    .team-two__block img {margin-top: 0; }

    .inr-two__block .block-txt .list { text-align: left;  }

    #survey-form .sticky.is-anchored{ top: 0 !important }

    #about-us .button.small.secondary {display: block; font-size: 13px; }

    .block-txt.inr-about_txt { text-align: left;  }

    .grid-padding-x-team .cell + .cell {
    padding-left: 0;
}


#review-wrap .title-wrap__dark {
    margin-bottom: 30px !important;
}


.photo-wrap .item a span.btn { opacity: 1; }
.photo-wrap .item:hover img { transform:scale(1);  }
.photo-wrap .item:hover a span.btn {transform: scale(1.1); }

#partners-logo img {   max-width: 100%;  margin-right: 0;}

#request-from .h3 { font-size:28px; margin-top: -10px;   }
.grid-padding-x > .cell {padding-right: 0; padding-left: 0; }
#partners-logo .grid-padding-x > .cell { padding-right: 4px;
padding-left:  4px; }
#gallery-wrap {padding-top: calc(40px); padding-bottom: calc(40px); }

#review-wrap .review-txt { display: none; padding:0; }

#review-wrap.reviews-inr__block .review-txt { display: block; padding:0; }

#review-wrap .review-txt:first-child { display: block; }
#review-wrap .grid-container {padding-left: 15px; padding-right: 15px;  } 

#review-wrap .owl-item {padding-left: 0; padding-right: 16px; }


.inr-list__block iframe { min-height: 320px; vertical-align: top; }


.treatment-wrap .owl-theme .owl-controls .owl-buttons div.owl-next { right: 20px; background-size:20px;}
.treatment-wrap .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 20px; background-size:20px;}

.faq-block__details {margin-top: 30px;}
.inr-faq__title { margin-bottom: 20px; font-size: 38px; }


#photo-demo .small-up-5 > .cell { width: 33.33% }

#photo-demo .frm_upload_text button{ font-size: 14px !important; font-weight: 700 !important; padding: 15px 0 0 !important; text-indent: -9999em; overflow: hidden; position: relative; width: 100% }

#photo-demo .frm_upload_text button:before {position: absolute; content: "upload photo"; text-indent: 0;  left: 0; right: 0; text-align: center; color: #111;}

.frm_dropzone .frm_upload_icon::before {font-size: 20px !important; }
.frm_dropzone .dz-message { padding: 10px !important;  }
.frm_dropzone .frm_small_text {font-size: 12px !important;}

 .frm_dropzone .dz-message {padding: 10px;}

#gallery-wrap .title {font-size: 38px; margin-bottom: 10px; line-height: 30px }


.treatment-grid .treat-inr { width: 100% }

.inr-two__block ul li:last-child { margin-bottom: 0  }

}

@media (max-width: 520px) {

#main-slider h1 {  font-size: 35px; margin-bottom: 20px;}

}
@media (max-width: 480px) {
    .media-wrap .media-wrap__txt {
        float: none;
    }
    .media-wrap .media-wrap__img {
        float: none;
    }
    .media-wrap .media-wrap__txt {
        float: none;
        margin-top: 20px;
        margin-left: 0;
    }
    .fixed-cta a.btn { font-size: 13px; padding: 10px 6px 10px  }

        .top-notification {padding: 8px 10px; }
    .top-notification p { font-size: 12px; }
    .top-notification p span { max-width: 220px; }
    .top-notification .button { margin-left: 0; font-size: 12px; padding: 4px 8px; }

    #about-us .about-inr { padding-left: 0; padding-right: 0;  }

    #photo-demo .small-up-5 > .cell {
    width: 50%;
}
}


@media (max-width: 420px) {
#main-slider h1 {font-size: 26px; margin-bottom: 10px; line-height: 30px;}
#main-slider .slider-txt { margin-top: -120px;  }
#main-slider .h3 { margin-bottom: 22px; }

#gallery-wrap p { font-size: 14px; line-height: 20px; } #gallery-wrap .title {font-size: 30px; margin-bottom: 5px;} }

/* Formidableforms */

.with_frm_style .frm_inside_container .frm_primary_label {
    display: none !important;
}


/* Quiz From */

#blog-wrap  .mlw_qmn_message_before {border:none;  }

#blog-wrap .qmn_quiz_container .qmn_btn, #blog-wrap.qmn_quiz_container .btn {background: #000 !important; border-radius: 0 !important; box-shadow: none; border: none; padding-top: 10px !important; padding-bottom: 10px !important;  }
#blog-wrap .qmn_btn, #blog-wrap .qmn_quiz_container .btn { padding: 5px 20px 5px 20px !important;  }

.mlw_qmn_question  br { display: none;  }

#contact-form__wrap .frm_style_formidable-style.with_frm_style .frm_checkbox { display: inline-block; }

.qsm_quiz-template-default .inr-two__block h2 {  font-size: 26px; margin-bottom: 0;  }

.qsm_quiz-template-default .qmn_quiz_container select,
.qsm_quiz-template-default .qmn_quiz_container textarea,
.qsm_quiz-template-default .qmn_quiz_container input[type="text"],
.qsm_quiz-template-default .qmn_quiz_container input[type="email"],
.qsm_quiz-template-default .qmn_quiz_container input[type="number"] { border:1px solid #eee; border-radius: 0; box-shadow: none; }


.typo-static { position: static !important; margin-top: 20px;}

.page-id-526 .grid-container { max-width:1640px; }


@media (max-width: 767px) {

#contact-form__wrap .frm_style_formidable-style.with_frm_style .frm_checkbox { display: block;
max-width: 126px;
  margin: auto;
  text-align: left; }

} 

#contact-form__wrap .inline-form label { margin-left: 0; color: #fff; font-weight: 700; font-size: 18px;}
#contact-form__wrap .inline-form label.heading {
    padding: 20px 15px 0 0;
}
@media(max-width: 1500px){ 

.page-id-526 .grid-container { max-width:1200px; }


}


.qsm-quiz-container h2 {
    line-height: 52px;
}
.qsm-landing-page-site{ margin-bottom: 40px !important; }


/*Formidable Forms Css*/