/*
Theme Name: Dr. Brian Theme
Description: 
Version: 1.0
Text Domain: drbrian
*/

body, *{padding: 0;margin: 0;box-sizing: border-box;outline: none;text-decoration: none;font-family: "Sarabun", sans-serif;color: #000;}
h1, h2, h3, h4{
    font-family: "Italiana", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #672950;
}
h1, h2{
font-size: 80px;
line-height: 85px;
letter-spacing: 0.1612916737794876px;
}
h3{
font-size: 54px;
line-height: 59px;
letter-spacing: 0.1612916737794876px;
}
h4{
font-size: 44px;
line-height: 85px;
letter-spacing: 0.1612916737794876px;
}
.btn{
    background-color: #672950; font-weight: 500; line-height: 26px; letter-spacing: 0.5849461555480957px; display: inline-block; color: #fff; padding: 10px 21px; transition: 0.4s ease-in-out;border: 1px solid #672950;
}
.bg-gray{
    background-color: #CFD7E5;
    border-color: #CFD7E5;
    color: #672950;
}
.btn-transparent{background-color: transparent;color: #672950; border: 1px solid #672950;}
.container { max-width: 1146px; padding: 0 25px; margin: 0 auto; } 
section#home-banner {background-color: #E6DFD3;padding-top: 200px;padding-bottom: 82px;} 
.row { margin: 0 -25px; display: flex; flex-wrap: wrap; } 
.banner-text { padding: 0 25px; width: 57%; margin-bottom: 12px; } 
.banner-img { padding: 0 25px; width: 43%; } 
.banner-btn { padding: 30px 25px 0 25px; text-align: center; width: 100%; } 
h6 { font-size: 16px; font-weight: 300; line-height: 28px; letter-spacing: 2.299999952316284px; } 
.banner-text-inner h1 { margin-bottom: 32px; } 
.banner-text-inner h6 { margin-bottom: 22px; } 
p { line-height: 1.75; font-weight: 400; letter-spacing: 0.5px;margin-bottom: 28px;} 
.banner-text-inner>p { max-width: 90%;font-weight: 300;} 
.banner-img-inner {padding: 10px 10px 10px 10px; box-sizing: content-box; box-shadow: 0 0 0 10px #fff; border-radius: 50%; } 
section#home-banner .row { align-items: center; } 
img { display: block; max-width: 100%; }
section#specialties { background: #EDEBE9; padding: 78px 0 55px 0; } 
.section-head { text-align: center; max-width: 750px; margin: 0 auto; padding-bottom: 12px;} 
.section-head h2 { margin-bottom: 38px; }
.specialties-box { background-color: #323D4F; padding: 20px 48px; margin-bottom: 50px; display: flex; flex-wrap: wrap; } 
.specialties-img { width: calc(50% + 32px); margin-right: -32px; left: 40px; position: relative; background-size: cover; background-position: top center; background-color: #fff; border: 20px solid #fff; } 
.specialties-text-outer { width: calc(50% + 10px); margin-left: -10px; position: relative; padding: 101px 0; } 
.specialties-text { background: #fff; padding: 40px 44px; } 
.specialties-text h3 { margin-bottom: 17px; } 
.specialties-text ul { padding-left: 9px; margin-bottom: 36px; } 
.specialties-text ul li::marker {font-size: 6px;} 
.specialties-text ul li { padding-left: 22px; font-weight: 400; line-height: 1.75; letter-spacing: 0.5px; } 
.specialties-text p { margin-bottom: 20px; } 
a.btn.btn-arrow { padding-right: 50px;position: relative;}
a.btn.btn-arrow:after{content: ''; background: url(assets/images/Arrow.svg) no-repeat center right; width: 22px; position: absolute; height: 12px; right: 20px; top: 50%; transform: translateY(-50%); transition: 0.5s ease-in-out;}
a.btn.btn-arrow:hover:after{
	right: 15px;
}
.specialties-box.right { flex-flow: row-reverse; } 
.specialties-box.right .specialties-img { left: 0; margin-right: 0px; margin-left: -32px; } 
.specialties-box.right .specialties-text-outer { margin-left: 0; margin-right: -50px; }
section#about-brian { background-color: #E6DED4; padding-top: 70px; padding-bottom: 51px; } 
section#about-brian .section-head h2 { margin-bottom: 57px; } 
.about-list .col-3 { padding: 0 15px; width: 25%; margin-bottom: 30px; } 
.about-list-single { border: 5px solid #C4CDDF; border-radius: 53px; background: #fff; padding: 26px 25px 23px 25px; text-align: center; height: 100%; } 
section#about-brian .container { max-width: 1210px; } 
section#about-brian a.btn.btn-arrow.btn-transparent { margin-top: 20px; } 
section#about-brian .section-head { margin-bottom: 36px; } 
.about-list-single .icon img { margin: 0 auto 20px auto; } 
.about-list-single .head h6 { font-weight: 400; } 
.about-list-single ul.list b { display: block; font-weight: 700; } 
.about-list-single ul.list li { display: block; } 
.about-list-single .head { margin-bottom: 20px; } 
.about-list-single p { margin-bottom: 20px; }
section#find-us { background-color: #E6DED4; padding-top: 80px; padding-bottom: 100px; } 
section#find-us .section-head { margin: 0 auto 18px auto; } 
.find-us-outer { padding: 20px; background: #fff; display: flex; } 
.find-us-text { background-color: #E6DED4; width: 33.7%; padding: 12px 44px; } 
.find-us-outer .map { width: 66.3%; } 
.find-us-outer .map img { width: 100%;height: 100%; object-fit: cover;} 
.find-us-text p { font-weight: 400; letter-spacing: 1px; margin-bottom: 20px; } 
.find-us-text p b { font-weight: 700; letter-spacing: 0.5px; display: block; } 
.find-us-text .working-hours p b { letter-spacing: 0; font-size: 16px; line-height: 1.5; } 
.find-us-text .working-hours p { font-size: 14px; line-height: 28px; letter-spacing: 0; margin-bottom: 27px; }
section#appointment-form { background: #EDEBE9; padding: 97px 0px; }  
.appointment-form-inner { background: #f3f3fe; max-width: 1013px; margin: 0 auto; padding-top: 50px;padding-bottom: 10px;} 
.appointment-form-inner .head { text-align: center; } 
.appointment-form-inner .head h3 { margin-bottom: 23px; } 
.appointment-form-inner .head p { font-size: 14px; line-height: 20px;margin: 0;}
footer#footer-main { background-color: #323D4F; box-shadow: 0px -2px 19px 0px #05070830; padding: 74px 25px 44px 25px; } 
.footer-logo { display: flex; justify-content: center; margin-bottom: 60px; } 
.footer-menu ul { display: flex; justify-content: center; flex-wrap: wrap; } 
.footer-menu ul li { display: block; padding: 0 19px; margin-bottom: 15px; } 
.footer-menu ul li a { color: #fff; letter-spacing: 0.5px; }
header#masthead { background: #E6DFD3; position: fixed; width: 100%; top: 0; left: 0; padding: 45px 0;z-index: 9;} 
.header-container { max-width: 1365px; margin: 0 auto; padding: 0 25px; display: flex; justify-content: space-between; align-items: center; } 
.nav-main { display: flex; padding-right: 70px; align-items: center; flex-wrap: wrap; } 
.nav-main ul#menu-main-menu { display: flex; margin-right: 75px; } 
.nav-main ul#menu-main-menu>li { display: block; margin-left: 42px; } 
.nav-main ul#menu-main-menu>li>a { font-size: 15px; font-weight: 500; line-height: 19.5px; letter-spacing: 0.04838709533214569px; color: #000; text-transform: lowercase; } 
.logo img { display: block; }
.btn:hover { background-color: transparent; color: #672950; } 
.bg-gray.btn:hover { background-color: #672950; color: #fff; border-color: #672950; } 
.bg-gray.btn:hover:after { filter: brightness(0) invert(1); } 
.btn-transparent.btn:hover { background-color: #672950; color: #fff; } 
.btn-transparent.btn:hover:after { filter: brightness(0) invert(1); } 
.footer-menu ul li a:hover { text-decoration: underline; }
.banner-text-inner .banner-img-inner { display: none; }
.nav-main ul#menu-main-menu>li>a:hover{ color: #672950; }
.find-us-outer .map p { margin: 0px; height: 100%; } 
.find-us-outer .map iframe { height: 100%;max-width: 100%;width: 100%;} 
.page-content-default.custom-page-content { padding-top: 200px; padding-bottom: 82px; }

@media(min-width:1440px){
    .banner-img-inner { width: calc(100% + 46px);}
}
@media(min-width:1200px) and (max-width:1399px){
    header#masthead { padding: 25px 0px; } 
    section#home-banner { padding-top: 160px; } 
    h1, h2 { font-size: 64px; line-height: 68px; } 
    h3 { font-size: 44px; line-height: 48px; } 
    section#about-brian .container { max-width: 1146px; }
}
@media(min-width:1024px) and (max-width:1199px){
    header#masthead { padding: 25px 0px; } 
    section#home-banner {padding-top: 160px;padding-right: 15px;} 
    h1, h2 { font-size: 64px; line-height: 68px; } 
    h3 { font-size: 44px; line-height: 48px; } 
    section#about-brian .container { max-width: 1146px; } 
    .nav-main { padding-right: 0px; } 
    .nav-main ul#menu-main-menu { margin-right: 30px; } 
    .nav-main ul#menu-main-menu>li { margin-left: 30px; } 
    h1, h2 { font-size: 54px; line-height: 58px; } 
    .banner-text-inner h1 { margin-bottom: 20px; } 
    .specialties-box { padding: 20px 40px; } 
    h3 { font-size: 36px; line-height: 40px; } 
    section#about-brian .section-head h2 { margin-bottom: 30px; } 
    .about-list .col-3 { padding: 0 10px; } 
    .about-list-single { padding: 20px 15px; } 
    .about-list { padding: 0 15px; } 
    h4 { font-size: 32px; line-height: 1.3; } 
    .footer-logo { margin-bottom: 40px; } 
    footer#footer-main { padding: 55px 25px 35px 25px; }
}
@media(min-width:768px) and (max-width:1023px){
    header#masthead { padding: 25px 0px; } 
    section#home-banner {padding-top: 160px;padding-right: 0px;} 
    h1, h2 { font-size: 64px; line-height: 68px; } 
    h3 { font-size: 44px; line-height: 48px; } 
    section#about-brian .container { max-width: 1146px; } 
    .nav-main { padding-right: 0px; } 
    .nav-main ul#menu-main-menu { margin-right: 30px; } 
    .nav-main ul#menu-main-menu>li { margin-left: 30px; } 
    h1, h2 { font-size: 54px; line-height: 58px; } 
    .banner-text-inner h1 { margin-bottom: 20px; } 
    .specialties-box { padding: 20px 40px; } 
    h3 { font-size: 36px; line-height: 40px; } 
    section#about-brian .section-head h2 { margin-bottom: 30px; } 
    .about-list .col-3 { padding: 0 10px; } 
    .about-list-single { padding: 20px 15px; } 
    .about-list { padding: 0 15px; } 
    h4 { font-size: 32px; line-height: 1.3; } 
    .footer-logo { margin-bottom: 40px; } 
    footer#footer-main { padding: 55px 25px 35px 25px; } 
    .btn { padding: 8px 15px; } 
    .nav-main ul#menu-main-menu { margin-right: 20px; } 
    .nav-main ul#menu-main-menu>li { margin-left: 20px; } 
    .logo img { max-width: 190px; } 
    .banner-text { width: 100%; text-align: center; } 
    .banner-img {width: 100%;} 
    .banner-img-inner { max-width: 400px; margin: 0 auto; } 
    .banner-text-inner>p { max-width: 100%; } 
    section#specialties { padding: 60px 0 10px 0; } 
    .specialties-box { padding: 30px; } 
    .specialties-img { width: 100%; margin: 0; left: 0; right: 0; height: 520px; } 
    .specialties-text-outer { width: 100%; margin-left: 0; padding: 0; } 
    .specialties-text { padding: 10px 25px 40px 25px; } 
    .specialties-box.right .specialties-img { margin-left: 0px; } 
    .specialties-box.right { flex-flow: column; } 
    section#about-brian { padding-top: 60px; } 
    .about-list .col-3 { width: 50%; padding: 0 15px; } 
    section#appointment-form { padding: 60px 0; } 
    section#find-us { padding-top: 60px; padding-bottom: 60px; } 
    .find-us-outer .map { width: 100%; } 
    .find-us-outer { flex-flow: column; } 
    .find-us-text { width: 100%; }
}
.specialties-img.desk{
	display: block;
}
.specialties-img.mob{
	display: none;
}
@media(max-width:1399px){
    .page-content-default.custom-page-content { padding-top: 150px; padding-bottom: 82px; }
}
@media(max-width:767px){
.specialties-img.desk{
	display: none;
}
.specialties-img.mob{
	display: block;
}	
.specialties-img{
	border: 0;	
}	
header#masthead { padding: 25px 0px; } 
section#home-banner {padding-top: 160px;padding-right: 0px;} 
h1, h2 { font-size: 64px; line-height: 68px; } 
h3 { font-size: 44px; line-height: 48px; } 
section#about-brian .container { max-width: 1146px; } 
.nav-main { padding-right: 0px; } 
.nav-main ul#menu-main-menu { margin-right: 30px; } 
.nav-main ul#menu-main-menu>li { margin-left: 30px; } 
h1, h2 { font-size: 54px; line-height: 58px; } 
.banner-text-inner h1 { margin-bottom: 20px; } 
.specialties-box { padding: 20px 40px; } 
h3 { font-size: 36px; line-height: 40px; } 
section#about-brian .section-head h2 { margin-bottom: 30px; } 
.about-list .col-3 { padding: 0 10px; } 
.about-list-single { padding: 20px 15px; } 
.about-list { padding: 0 15px; } 
h4 { font-size: 32px; line-height: 1.3; } 
.footer-logo { margin-bottom: 40px; } 
footer#footer-main { padding: 55px 25px 35px 25px; } 
.btn { padding: 8px 15px; } 
.nav-main ul#menu-main-menu { margin-right: 20px; } 
.nav-main ul#menu-main-menu>li { margin-left: 20px; } 
.logo img { max-width: 190px; } 
.banner-text { width: 100%; text-align: center; } 
.banner-img {width: 100%;} 
.banner-img-inner { max-width: 400px; margin: 0 auto; } 
.banner-text-inner>p { max-width: 100%; } 
section#specialties { padding: 60px 0 10px 0; } 
.specialties-box { padding: 30px; } 
.specialties-img { width: 100%; margin: 0; left: 0; right: 0; height: 520px; } 
.specialties-text-outer { width: 100%; margin-left: 0; padding: 0; } 
.specialties-text { padding: 10px 25px 40px 25px; } 
.specialties-box.right .specialties-img { margin-left: 0px; } 
.specialties-box.right { flex-flow: column; } 
section#about-brian { padding-top: 60px; } 
.about-list .col-3 { width: 50%; padding: 0 15px; } 
section#appointment-form { padding: 60px 0; } 
section#find-us { padding-top: 60px; padding-bottom: 60px; } 
.find-us-outer .map { width: 100%; } 
.find-us-outer { flex-flow: column; } 
.find-us-text { width: 100%; } 
.menu-main-menu-container { display: none; } 
section#home-banner { padding-top: 120px; } 
header#masthead { padding: 20px 0px; } 
h1, h2 { font-size: 55px; line-height: 65px; } 
p { font-size: 15px; line-height: 28px; } 
h3 { font-size: 40px; line-height: 48px; } 
h4 { font-size: 44px; }
.banner-text-inner .banner-img-inner { display: block; margin: 35px auto 25px auto; padding: 5px; max-width: 325px; box-shadow: 0 0 0 7px #fff;}
.banner-img{display: none;}
}
@media(max-width:599px){
    header#masthead { padding: 20px 0 0 0; } 
    .header-container { flex-flow: column; } 
    .logo img { max-width: 260px; } 
    header#masthead .logo { margin-bottom: 18px; } 
    .nav-main { width: calc(100% + 50px); margin-left: 0px; } 
    a.btn.btn-header { width: 100%; text-align: center; padding: 10px 10px; } 
    section#home-banner { padding-top: 150px; } 
    .banner-text-inner h6 { margin-bottom: 10px; } 
    section#specialties { padding: 47px 0 0px 0; } 
    .section-head h2 { margin-bottom: 20px; } 
    section#specialties .section-head { padding: 0 30px; margin-bottom: 48px; } 
    section#specialties .container { padding: 0; } 
    .specialties-img { height: 354px; } 
    .specialties-text h3 { margin-bottom: 8px; } 
    .specialties-text { padding: 10px 5px 40px 25px; } 
    .specialties-text ul { margin-bottom: 22px; } 
    .btn { padding: 8px 20px; } 
    a.btn.btn-arrow { padding-right: 40px; } 
    a.btn.btn-arrow:after { right: 15px; } 
    .specialties-box { padding: 30px 30px 38px; margin-bottom: 20px; } 
    .specialties-box:last-of-type { margin-bottom: 0px; } 
    section#about-brian { padding-top: 65px; padding-bottom: 30px; } 
    section#about-brian .section-head h2 { margin-bottom: 18px; } 
    section#about-brian a.btn.btn-arrow.btn-transparent { margin-top: 10px; } 
    .about-list .col-3 { width: 100%; margin-bottom: 27px; } 
    section#about-brian .section-head { margin-bottom: 42px; } 
    .about-list { padding: 0 43px; } 
    .about-list-single { padding: 28px 25px 8px 25px; min-height: 330px; } 
    .about-list-single p { font-size: 16px; } 
    section#appointment-form { padding-top: 48px; } 
    .appointment-form-inner { padding-top: 32px; padding-left: 25px; padding-right: 25px; } 
    .appointment-form-inner .head h3 { margin-bottom: 14px; } 
    section#find-us { padding-top: 55px; padding-bottom: 38px; } 
    section#find-us .section-head { margin: 0 auto 30px auto; } 
    .find-us-text { padding: 16px 30px 35px 30px; } 
    .find-us-text h4 { margin-bottom: 12px; } 
    footer#footer-main { padding: 70px 10px 63px 10px; } 
    .footer-logo { margin-bottom: 30px; } 
    .footer-menu>ul>li { padding: 0 11px; }
}