@font-face {
font-family: 'Poppins';
src: url(//www.periony.com/wp-content/themes/perio/gum-recession/fonts/Poppins-Bold.woff2) format('woff2'),
url(//www.periony.com/wp-content/themes/perio/gum-recession/fonts/Poppins-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//www.periony.com/wp-content/themes/perio/gum-recession/fonts/Poppins-Regular.woff2) format('woff2'),
url(//www.periony.com/wp-content/themes/perio/gum-recession/fonts/Poppins-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}  .video-popup {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
position: fixed;
z-index: 999999;
display: none;
bottom: 0;
right: 0;
}
.video-popup.show{
display: block;
}
.video-popup.unexpendPopup {
max-width: 320px;
bottom: 40px;
right: 40px;
aspect-ratio: 16/9;
height: unset;
}
.video-popup.unexpendPopup .iframe-wrapper {
width: 100%;
}
.iframe-wrapper {
width: 50%;
position: absolute;
margin: auto;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
aspect-ratio: 16/9;
}
.video-popup #iframeHolder {
width: 100%;
height: 100%;
display: block;
background-color: #fff;
}
.video-popup iframe {
width: 100%;
height: 100%;
}
.close-video, .expand {
width: 40px;
height: 40px;
background: #fff;
display: block;
border-radius: 100%;
position: absolute;
right: -15px;
top: -15px;
cursor: pointer;
z-index: 99;
-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 50%);
box-shadow: 0 0 10px rgb(0 0 0 / 50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.expand {
right: 30px;
}
.video-close-icon {
position: relative;
width: 100%;
height: 100%;
display: block;
}
.video-close-icon::before {
width: 60%;
height: 2px;
background: #000;
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.video-close-icon::after {
width: 60%;
height: 2px;
background: #000;
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media all and (max-width: 768px){
.iframe-wrapper {
width: 80%;
}
} * {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: 'Poppins';
font-size: 16px;
line-height: 1.5;
color: #000000;
background: #FFFFFF;
}
a {
text-decoration: none;
display: inline-block;
}
a:hover {
text-decoration: none;
}
button {
border: none;
outline: none;
cursor: pointer;
background: transparent;
}
input::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
}
input {
border: none;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
}
img {
border: none;
max-width: 100%
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
button:focus {
border: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
input:focus {
border: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.text-center {
text-align: center;
}
.container {
width: 100%;
max-width: 1470px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.sec-m {
margin-top: 100px;
margin-bottom: 100px;
}
.sec-p {
padding-top: 100px;
padding-bottom: 100px;
} .main-header.fixed {
background: #11365b;
}
.main-header {
padding: 34px 0;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.header-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
} .header-right ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-btn {
font-size: 30px;
font-weight: 700;
color: #ffffff;
position: relative;
padding-left: 60px;
padding-bottom: 15px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.header-btn:hover {
color: #f68d2d;
}
.header-btn::before,
.header-btn::after {
content: '';
position: absolute;
background: url(//www.periony.com/wp-content/themes/perio/gum-recession/images/sp.svg) no-repeat;
}
.header-btn::before {
left: 0;
top: 0;
width: 38px;
height: 38px;
}
.header-btn.call::before {
background-position: top -74px left 0;
}
.header-btn.book::before {
background-position: top -74px left -90px;
}
.header-btn::after {
left: 71px;
bottom: 0;
width: 173px;
height: 14px;
background-position: top -179px left -123px;
} .banner-sec {
position: relative;
z-index: 2;
padding: 240px 0 70px 0;
background: #11365b url(//www.periony.com/wp-content/themes/perio/gum-recession/images/banenrBg.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.banner-con {
max-width: 800px;
width: 100%;
}
.banner-con .banner-star {
font-size: 24px;
font-weight: 400;
line-height: 1.20;
color: #FFF;
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.banner-star .star {
margin-bottom: 0;
}
.banner-con h1 {
font-size: 53px;
font-weight: 700;
line-height: 1.20;
color: #FFF;
margin-bottom: 4px;
}
.banner-con h2 {
font-size: 41px;
font-weight: 400;
line-height: 1.20;
color: #FFF;
margin-bottom: 45px;
}
.banner-con p {
font-size: 22px;
font-weight: 400;
color: #FFF;
max-width: 675px;
width: 100%;
}
.bnner-logo {
max-width: 540px;
width: 100%;
height: 280px;
background: url(//www.periony.com/wp-content/themes/perio/gum-recession/images/banerBrand.png) no-repeat;
margin-top: 45px;
}
.banner-call {
position: absolute;
bottom: -36%;
right: 0;
}
.circle-call {
position: sticky;
bottom: 0px;
display: block;
left: 100%;
z-index: 99999999;
width: 135px;
height: 135px;
border-radius: 200px;
background: #f68d2d url(//www.periony.com/wp-content/themes/perio/gum-recession/images/sp.svg) no-repeat;
background-position: top -150px left 30px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.circle-call:hover {
background-color: #e1822c;
} .response-time {
max-width: 1800px;
width: 100%;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 60px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
} .response-left {
width: 100%;
max-width: 760px;
-ms-flex-item-align: end;
align-self: flex-end;
}
.response-left ul li {
position: relative;
font-size: 40px;
font-weight: 400;
color: #FFF;
padding: 65px 20px 65px 175px;
border-radius: 20px;
background: #11365b;
margin-bottom: 25px;
}
.response-left ul li:last-child {
margin-bottom: 0;
}
.response-left ul li::before {
content: '';
position: absolute;
top: 50px;
left: 40px;
border-radius: 10px;
width: 86px;
height: 89px;
background: #FFF url(//www.periony.com/wp-content/themes/perio/gum-recession/images/sp.svg) no-repeat;
background-position: top 25px left -533px;
} .response-right {
max-width: 990px;
width: 100%;
padding: 330px 15px 80px 15px;
background: #11365b;
border-radius: 0 0 0 20px;
}
.response-right form {
max-width: 560px;
width: 100%;
margin: auto;
}
.response-right h2 {
font-size: 33px;
font-weight: normal;
color: #FFF;
margin-bottom: 40px;
}
.response-right h2 span {
display: block;
font-size: 36px;
font-weight: bold;
}
.response-right form input {
width: 100%;
background: transparent;
padding: 20px;
border: 1px solid #FFF;
border-radius: 50px;
margin-bottom: 35px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-size: 18px;
font-weight: 400;
line-height: 26px;
color: #FFF;
}
.response-right form input::-webkit-input-placeholder {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 26px;
color: #FFF;
opacity: .5;
}
.response-right form input::-moz-placeholder {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 26px;
color: #FFF;
opacity: .5;
}
.response-right form input:-ms-input-placeholder {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 26px;
color: #FFF;
opacity: .5;
}
.response-right form input::-ms-input-placeholder {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 26px;
color: #FFF;
opacity: .5;
}
.response-right form input::placeholder {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 26px;
color: #FFF;
opacity: .5;
}
.response-right form input:focus {
border-color: #f68d2d;
}
.response-right form button {
font-size: 20px;
font-weight: 600;
text-align: center;
color: #11365b;
padding: 18px 82px;
background: #FFFF;
border-radius: 50px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border: 1.5px solid transparent;
}
.response-right form button:hover {
background: transparent;
border-color: #FFF;
color: #FFF;
} .gallery-sec .container {
max-width: 1660px;
}
.gallery-sec h2 {
font-size: 80px;
font-weight: 700;
line-height: 1.20;
color: #11365b;
text-align: center;
margin-bottom: 100px;
}
.gallery-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 35px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single-gallery {
max-width: calc(32% - 15px);
}
.single-gallery a,
.single-gallery a img {
display: block;
border-radius: 40px;
} .high-precision-sec .container {
max-width: 1030px;
}
.high-preci-wrp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 75px;
}
.high-preci-wrp h2 {
font-size: 43px;
font-weight: 400;
color: #11365b;
margin-bottom: 25px;
}
.high-preci-wrp h2 strong {
display: block;
}
.high-preci-wrp p {
font-size: 22px;
font-weight: 400;
color: #11365b;
max-width: 405px;
width: 100%;
margin-bottom: 80px;
} .single-accordion .acc-title {
font-size: 34px;
font-weight: 700;
color: #11365b;
cursor: pointer;
position: relative;
padding: 18px 35px 18px 0;
border-bottom: 1px solid #C1C1C1;
}
.single-accordion .acc-title::after {
content: '+';
position: absolute;
top: 14px;
right: 0;
font-size: 39px;
line-height: normal;
font-weight: lighter;
}
.single-accordion .acc-title.active::after {
content: '-';
}
.accordion-body {
display: none;
padding-top: 30px;
}
.accordion-body p {
font-size: 18px;
font-weight: 400;
line-height: 30px;
color: #000000;
}
.office-area img {
display: block;
}
.office-area iframe {
width: 100%;
border: none;
aspect-ratio: 1/.36;
display: block;
} .doctor-about-sec {
background: url(//www.periony.com/wp-content/themes/perio/gum-recession/images/aboutDrBg.jpg) no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.doctor-about-sec::after {
content: "";
position: absolute;
top: 185px;
left: 35px;
width: 165px;
height: 130px;
background: url(//www.periony.com/wp-content/themes/perio/gum-recession/images/sp.svg) no-repeat;
background-position: top -303px left 0;
}
.doctor-about-wrp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 40px;
} .doctor-left {
max-width: 645px;
width: 100%;
}
.doctor-left h2 {
font-size: 67px;
font-weight: 700;
line-height: 1.20;
color: #FFF;
margin-bottom: 25px;
}
.doctor-left h2 span {
font-size: 24px;
font-weight: 700;
line-height: 1.2;
color: #ffffff;
display: block;
margin-bottom: 30px;
}
.doctor-left h3 {
font-size: 20px;
font-weight: 700;
line-height: 1.20;
color: #FFF;
margin-bottom: 30px;
}
.doctor-left ul li,
.doctor-left p {
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #FFF;
}
.doctor-left p,
.doctor-left ul {
margin-bottom: 42px;
}
.doctor-left p:last-child,
.doctor-left ul:last-child {
margin-bottom: 0;
}
.doctor-left ul li {
position: relative;
padding-left: 34px;
padding-bottom: 15px;
}
.doctor-left ul li:last-child {
padding-bottom: 0;
}
.doctor-left ul li::before {
content: '';
position: absolute;
top: 6px;
left: 0;
width: 16px;
height: 14px;
background: url(//www.periony.com/wp-content/themes/perio/gum-recession/images/sp.svg) no-repeat;
} .doctor-right {
position: relative;
z-index: 2;
}
.doctor-right::after {
content: '';
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 800px;
aspect-ratio: 1;
border-radius: 100%;
background: rgba(0, 36, 72, 0.5);
}
.doctor-right img {
position: relative;
z-index: 2;
display: block;
margin-top: -40px;
}
.doctor-star {
position: absolute;
z-index: 2;
bottom: 150px;
border-radius: 22px;
background: #ffffff;
-webkit-box-shadow: 0px 44px 100px 0px rgba(6, 21, 58, 0.4000000059604645);
box-shadow: 0px 44px 100px 0px rgba(6, 21, 58, 0.4000000059604645);
padding: 45px;
}
.star,
.doctor-star .star {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-size: 26px;
color: #f68d2d;
position: relative;
margin-bottom: 28px;
}
.doctor-star .star span {
font-size: 28px;
font-weight: 700;
line-height: 30px;
color: #06153a;
}
.doctor-star .star::before {
content: '';
display: block;
width: 100px;
height: 45px;
background: url(//www.periony.com/wp-content/themes/perio/gum-recession/images/group-review.png) no-repeat;
}
.doctor-star p {
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
.doctor-star h3 {
font-size: 20px;
font-weight: 700;
line-height: 30px;
color: #06153a;
margin: 12px 0 35px;
max-width: 300px;
}
.fifteen {
display: block;
font-size: 20px;
font-weight: 700;
line-height: 30px;
color: #06153a;
text-transform: uppercase;
}
.fifteen span {
font-size: 64px;
font-weight: 700;
line-height: 30px;
}
.dr-mobile-call {
display: none;
} .testimonial-sec {
background: url(//www.periony.com/wp-content/themes/perio/gum-recession/images/TestiBg.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.testimonial-wrp {
margin-top: 60px;
}
.single-tesi {
border-radius: 30px;
background: #ffffff;
text-align: center;
padding: 50px 100px;
position: relative;
-webkit-box-shadow: 0px 34px 100px 0px rgba(0, 0, 0, 0.10000000149011612);
box-shadow: 0px 34px 100px 0px rgba(0, 0, 0, 0.10000000149011612);
}
.single-tesi::before {
content: '';
display: block;
width: 55px;
height: 39px;
margin-inline: auto;
background: url(//www.periony.com/wp-content/themes/perio/gum-recession/images/sp.svg) no-repeat;
background-position: top -77px left -303px;
mix-blend-mode: multiply;
}
.single-tesi.single-tesi.slick-center::before {
background-position: top -77px left -183px;
mix-blend-mode: unset;
}
.single-tesi.slick-center {
background: #3e6f95;
margin: 0 20px;
}
.single-tesi .star {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 10px 0 20px;
font-size: 30px;
}
.single-tesi p {
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #000000;
opacity: 0.5;
max-width: 625px;
width: 100%;
margin: auto;
min-height: 156px;
}
.single-tesi.slick-center .name,
.single-tesi.slick-center p {
color: #FFF;
}
.single-tesi .name {
font-size: 24px;
font-weight: 400;
line-height: 29px;
color: #000000;
opacity: 0.5;
display: block;
margin-top: 24px;
} .main-footer {
padding: 100px 0 30px 0;
background: #002448;
}
.main-footer .container {
max-width: 1330px;
}
.footer-wrp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.single-footer {
width: 100%;
}
.single-footer.one {
max-width: 460px;
}
.single-footer.two {
max-width: 240px;
}
.single-footer.three {
max-width: 290px;
}
.single-footer p {
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #FFF;
margin: 30px 0;
}
.social-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
margin-top: 45px;
}
.social-nav li button {
width: 30px;
height: 30px;
display: block;
background: url(//www.periony.com/wp-content/themes/perio/gum-recession/images/sp.svg) no-repeat;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.social-nav li.face button {
background-position: top 2px left -256px;
}
.social-nav li.insta button {
background-position: top 2px left -330px;
}
.social-nav li.twitter button {
background-position: top 2px left -407px;
}
.social-nav li.youtube button {
background-position: top 5px left -487px;
}
.social-nav li button:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.single-footer .title {
font-size: 24px;
font-weight: 700;
line-height: 1.20;
color: #FFF;
display: block;
margin-bottom: 30px;
}
.single-footer ul li,
.single-footer ul li a {
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #FFF;
}
.single-footer ul li {
margin-top: 12px;
}
.single-footer .con-nav li a {
padding-left: 40px;
position: relative;
}
.single-footer .con-nav li a:hover {
text-decoration: underline;
}
.single-footer .con-nav li a::before {
content: '';
position: absolute;
top: 5px;
left: 0;
width: 30px;
height: 30px;
background: url(//www.periony.com/wp-content/themes/perio/gum-recession/images/sp.svg) no-repeat;
background-position: top 0 left -108px;
mix-blend-mode: screen;
}
.single-footer .con-nav li a.call::before {
background-position: top 0 left -186px;
top: 0;
} .copy-right {
margin-top: 80px;
padding-top: 35px;
border-top: 1px solid #71777D;
}
.copy-right p {
font-size: 13px;
font-weight: 400;
line-height: 18px;
color: #92989e;
text-align: center;
} .heading {
text-align: center;
font-size: 42px;
font-weight: 700;
line-height: 1.20;
color: #FFF;
}
.heading span {
font-size: 24px;
font-weight: 700;
line-height: 1.20;
display: block;
margin-bottom: 30px;
} .btn-wrp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 30px 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.default-btn {
font-size: 31px;
font-weight: 700;
color: #002448;
border: 1px solid #11365B;
text-align: center;
padding: 36px 20px;
min-width: 500px;
border-radius: 100px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.default-btn.bg {
border-radius: 100px;
background: #002448;
color: #FFF;
}
.default-btn:hover {
background: #002448;
color: #FFF;
}
.default-btn.bg:hover {
background: transparent;
color: #002448;
}
span.contact__msg.error {
display: block;
color: #fff;
margin-top: 30px;
} @media all and (max-width:1700px){ .doctor-about-sec::after {
display: none;
}
.doctor-right::after {
width: 670px;
}
} @media all and (max-width:1440px){ .banner-call {
bottom: -23%;
max-width: 600px;
width: 100%;
}
.circle-call {
top: 29px;
right: 30px;
} .response-time {
padding-left: 15px;
} .doctor-right::after {
display: none;
}
} @media all and (max-width:1439px) { .header-btn {
font-size: 26px;
padding-left: 40px;
}
.header-btn::before {
left: -5px;
top: 1px;
-webkit-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);
}
.header-btn.book::before {
top: -3px;
} .banner-call {
text-align: right;
}
.banner-call img {
width: 80%;
}
.circle-call {
top: 0;
} .response-left {
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 80px;
}
.response-right {
padding: 225px 15px 50px 15px;
}
.response-left ul li {
font-size: 36px;
padding: 40px 15px 40px 135px;
margin-bottom: 15px;
}
.response-left ul li::before {
top: 26px;
left: 28px;
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
} .gallery-wrap {
gap: 15px;
}
.gallery-sec h2 {
font-size: 60px;
margin-bottom: 80px;
}
} @media all and (max-width:1200px){
.sec-m {
margin-top: 80px;
margin-bottom: 80px;
}
.sec-p {
padding-top: 80px;
padding-bottom: 80px;
}
.default-btn {
font-size: 26px;
padding: 30px 15px;
min-width: 395px;
} .main-header.fixed {
padding: 15px 0;
}
.logo a img {
height: auto;
max-width: 250px;
}
.header-right ul {
gap: 20px;
}
.header-btn::after {
left: 27px;
} .banner-sec {
padding: 150px 0 50px 0;
} .high-preci-wrp {
gap: 30px;
}
.high-preci-wrp h2 {
font-size: 36px;
line-height: 1.20;
margin-bottom: 20px;
} .doctor-about-wrp {
gap: 30px;
}
.doctor-left {
padding: 50px 0;
}
.doctor-left h2 {
font-size: 46px;
margin-bottom: 15px;
}
.doctor-left h3 {
font-size: 16px;
margin-bottom: 15px;
}
.doctor-star {
bottom: 80px;
}
.doctor-left p, .doctor-left ul {
margin-bottom: 15px;
}
.doctor-right img {
margin-top: 0;
}
.doctor-star {
bottom: 0px;
padding: 35px 25px;
}
.doctor-star {
bottom: 80px;
} .main-footer {
padding: 50px 0 30px 0;
}
} @media all and (max-width:992px){
.default-btn {
font-size: 20px;
padding: 20px 15px;
min-width: 300px;
}
.sec-m {
margin-top: 50px;
margin-bottom: 50px;
}
.sec-p {
padding-top: 50px;
padding-bottom: 50px;
} .banner-call {
bottom: 50px;
height: 135px;
}
.banner-call img {
display: none;
}
.circle-call {
top: 0;
} .response-time {
gap: 20px;
}
.response-left {
margin-top: 50px;
}
.response-left ul li {
font-size: 28px;
padding: 40px 15px 40px 100px;
}
.response-left ul li::before {
top: 17px;
left: 10px;
-webkit-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);
}
.response-right {
padding: 50px 15px;
} .gallery-sec h2 {
font-size: 52px;
margin-bottom: 50px;
} .high-preci-wrp p {
margin-bottom: 50px;
}
.doctor-star {
bottom: 0px;
} .single-accordion .acc-title {
font-size: 24px;
padding: 15px 30px 15px 0;
}
.single-accordion .acc-title::after {
top: 11px;
font-size: 30px;
} .footer-wrp {
gap: 30px;
}
.single-footer .title {
font-size: 20px;
}
.single-footer ul li, .single-footer ul li a {
font-size: 14px;
}
.single-footer ul li {
margin-top: 5px;
}
.copy-right {
margin-top: 40px;
padding-top: 20px;
}
} @media all and (max-width:991px) { .doctor-about-wrp {
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 50px;
}
.doctor-left {
padding: 0;
max-width: 100%;
}
.doctor-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
margin: auto;
padding-bottom: 50px;
}
.doctor-right img {
height: 400px;
}
.doctor-star {
position: unset;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
} @media all and (max-width:768px){ .response-time {
gap: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 15px;
}
.response-right {
margin-top: 50px;
border-radius: 0 0 15px 15px;
} .gallery-wrap {
gap: 8px 6px;
}
.single-gallery {
max-width: calc(50% - 3px);
}
.single-gallery a, .single-gallery a img {
border-radius: 20px;
} .single-tesi {
border-radius: 20px;
padding: 40px 30px;
} .high-preci-wrp h2 {
font-size: 28px;
}
} @media all and (max-width:767px) {
.btn-wrp {
gap: 14px;
}
.default-btn {
font-size: 15px;
padding: 20px 15px;
min-width: 265px;
} .main-header.fixed,
.main-header {
padding: 10px 0;
}
.header-wrap {
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-header.fixed .logo {
display: none;
}
.logo {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.logo a img {
height: 65px;
max-width: 100%;
width: 100%;
} .banner-sec {
padding-top: 190px;
}
.banner-con .banner-star {
font-size: 12px;
margin-bottom: 12px;
gap: 6px;
}
.banner-star .star {
font-size: 16px;
}
.banner-con h1 {
font-size: 40px;
margin-bottom: 18px;
}
.banner-con h2 {
font-size: 20px;
margin-bottom: 25px;
}
.banner-con p {
font-size: 14px;
line-height: 25px;
} .testimonial-wrp {
margin-top: 40px;
padding: 0 15px;
}
.single-tesi .star {
margin: 12px 0;
font-size: 24px;
}
.single-tesi p {
line-height: 30px;
min-height: auto;
} .footer-wrp {
gap: 48px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single-footer {
text-align: center;
}
.single-footer.one {
max-width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.con-nav li {
text-align: left;
}
.single-footer .title {
font-size: 24px;
}
.single-footer ul li {
margin-top: 10px;
}
.social-nav {
margin-top: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single-footer.one {
max-width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
} @media all and (max-width: 576px){
.heading {
font-size: 24px;
} .logo a img {
max-width: 330px;
}
.header-btn {
font-size: 15px;
padding-left: 30px;
}
.header-btn::before {
left: -10px;
top: -6px;
-webkit-transform: scale(.6);
-ms-transform: scale(.6);
transform: scale(.6);
}
.header-btn.book::before {
top: -9px;
}
.header-btn::after {
left: -15px;
-webkit-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);
} .banner-sec {
padding-top: 175px;
}
.bnner-logo {
height: 150px;
background-size: contain;
}
.circle-call {
top: 26px;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
right: -10px;
} .response-left ul li {
font-size: 18px;
padding: 30px 15px 30px 80px;
border-radius: 10px;
max-width: 450px;
width: 100%;
margin-inline: auto;
}
.response-left ul li::before {
top: 0;
left: 0;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
} .gallery-sec h2 {
font-size: 24px;
margin-bottom: 30px;
} .high-preci-wrp {
gap: 50px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
}
.high-left {
width: 100%;
}
.high-preci-wrp h2 {
font-size: 24px;
margin-bottom: 8px;
line-height: normal;
}
.high-preci-wrp h2 strong {
font-size: 28px;
}
.high-preci-wrp p {
font-size: 16px;
line-height: 28px;
max-width: 285px;
margin: auto auto 40px auto;
} .doctor-about-sec {
background: unset;
}
.doctor-about-sec::after {
z-index: -1;
display: block;
width: 100%;
height: calc(100% - 325px);
top: 0;
left: 0;
background: url(//www.periony.com/wp-content/themes/perio/gum-recession/images/aboutDrBg.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.doctor-left {
max-width: 100%;
padding-bottom: 60px;
position: relative;
}
.doctor-left::after {
content: "";
position: absolute;
bottom: -33px;
right: 0;
width: 113px;
height: 130px;
background: url(//www.periony.com/wp-content/themes/perio/gum-recession/images/sp.svg) no-repeat;
background-position: top -303px left -55px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.doctor-left h2 {
font-size: 28px;
margin-bottom: 10px;
}
.doctor-left h2 span {
font-weight: normal;
margin-bottom: 5px;
}
.doctor-left h3 {
margin-bottom: 28px;
font-weight: normal;
}
.doctor-right {
gap: 0px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 390px;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.doctor-right img {
max-height: 580px;
height: 100%;
margin: auto;
}
.doctor-star {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: -30px;
max-width: 320px;
padding: 25px 15px;
}
.star, .doctor-star .star {
gap: 5px;
font-size: 23px;
margin-bottom: 17px;
}
.doctor-star .star span {
font-size: 18px;
}
.doctor-star p {
font-size: 12px;
line-height: normal;
}
.doctor-star h3 {
font-size: 12px;
margin: 7px 0 35px;
max-width: 100%;
line-height: normal;
}
.fifteen {
font-size: 15px;
line-height: normal;
}
.fifteen span {
font-size: 54px;
}
.doctor-right {
padding-bottom: 0;
}
.dr-mobile-call {
display: block;
position: absolute;
z-index: 99;
width: 75px;
height: 75px;
left: 0;
right: 0;
margin: auto;
top: 373px;
} .single-accordion .acc-title {
font-size: 18px;
}
.accordion-body {
padding-top: 15px;
}
.office-area iframe {
aspect-ratio: 1/.7;
}
}