#Banner-Container,#Map-Container,#Media-Container,#Credentials-Container,#Minimally-Container,#Replacement-Container,#Care-Container,#Doctor-Container,#Specialties-Container,#Review-Container,#Educational-Container{ width:100%; margin:0px; padding:0px; position:relative; } #Banner,#Specialties,#Credentials,#Media,#Minimally,#Replacement,#Care,#Doctor,#Review,#Map,#Educational{ max-width:1170px; min-width:300px; margin:0px auto; padding:0px; position:relative; } #Banner-Container{ height:800px; } .banner-video{ position:absolute; height:100%; width:100%; z-index:0; top:0px; left:0px; } .banner-video video,.banner-video embed{ max-width:100%; width:100%; max-height:100%; height:100%; border:0px; object-fit:cover; } #Credentials-Container{ background:var(--themeOneBg); } #Credentials{ text-align:center; position:relative; padding:83px 5px; } .CredentialsIntra{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:20px; } .CredentialsIntra li{ position:relative; } .Credentialslist2::before{ background:#577589; content:''; width:1px; height:80px; left:-10px; top:0px; bottom:0px; position:absolute; margin:auto; } .Credentialslist2::after{ background:#577589; content:''; width:1px; height:80px; right:-12px; top:0px; bottom:0px; position:absolute; margin:auto; } .Credentialslist4::before{ background:#577589; content:''; width:1px; height:80px; left:-20px; top:0px; bottom:0px; position:absolute; margin:auto; } .Credentialslist4::after{ background:#577589; content:''; width:1px; height:80px; right:0px; top:0px; bottom:0px; position:absolute; margin:auto; } #Specialties{ min-height:971px; padding:115px 15px 30px; color:var(--fontDark); text-align:center; } .Specialtiestabs{ background:url(https://assets.yourpractice.online/3357/spe-bg.png) no-repeat center bottom; width:100%; position:relative; } .speIntra{ position:absolute; right:0px; top:0px; } .SpecialtiesSub{ letter-spacing:8px; font:600 17px/28px var(--siteFont); text-transform:uppercase; color:var(--themeTwoBg); } .SpecialtiesHead{ font:600 45px/50px var(--siteFont); padding:18px 0px 10px; } #Specialties p{ font:300 19px/28px var(--siteFont); padding:0px 0px 70px; } #Specialties ul{ text-align:center; padding:15px 0px 0px 0px; } .Specialtieslist{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:15px; } #Specialties ul ul{ padding:0px 0px 0px 0px; } #Specialties li{ display:inline-block; vertical-align:top; position:relative; margin:20px 0px; width:362px; text-align:center; padding:254px 0px 0px 10px; height:503px; } #Specialties li li{ display:block; margin:0px; width:inherit; text-align:center; padding:0px 0px 0px 0px; height:inherit; font:400 17px/32px var(--siteFont); } #Specialties li li a{ color:var(--fontDark); } #Specialties li li a:hover{ color:var(--themeTwoBg); } .speH{ color:var(--fontDark); font:600 30px/30px var(--siteFont); padding:25px 0px 19px 0px; display:block; } .speTab2 .speH{ padding:0px 0px 19px 0px; } .speTab1{ background:url(https://assets.yourpractice.online/3357/hip-bg.png) no-repeat center top; } .speTab2{ background:url(https://assets.yourpractice.online/3357/knee-bg.png) no-repeat center bottom; padding:0px 0px 0px 0px !important; } .speTab3{ background:url(https://assets.yourpractice.online/3357/conservative-bg.png) no-repeat center top; } .speTab1:hover{ background:url(https://assets.yourpractice.online/3357/hip-bg-h.png) no-repeat center top; } .speTab2:hover{ background:url(https://assets.yourpractice.online/3357/knee-bg-h.png) no-repeat center bottom; } .speTab3:hover{ background:url(https://assets.yourpractice.online/3357/conservative-bg-h.png) no-repeat center top; } .speMore span{ display:none; padding:0px; } .speMore{ width:47px; position:absolute; height:47px; right:12px; bottom:12px; margin:auto; text-align:center; font:400 15px/52px var(--siteFont); z-index:0; display:none; } .speMore a{ display:block; height:100%; width:100%; } #Specialties li:hover .speMore{ } #Care-Container{ background:var(--themeTwoBg); } #Care{ text-align:center; position:relative; padding:101px 5px 55px; color:var(--fontLight); min-height:250px; background-color:rgba(255,255,255,0.01); } .careHead{ padding:0px 0px 24px 0px; font:700 22px/38px var(--siteFont); letter-spacing:8px; text-transform:uppercase; } #Care p{ font:200 22px/36px var(--headingFont); padding:0px 6%; position:relative; } #Care p::before{ background:url(https://assets.yourpractice.online/3357/ph-qour-l.png) no-repeat; width:43px; height:40px; content:''; left:29px; top:6px; position:absolute; } #Care p::after{ background:url(https://assets.yourpractice.online/3357/ph-qour-r.png) no-repeat; width:43px; height:40px; content:''; right:227px; bottom:-8px; position:absolute; } #Doctor-Container{ background:var(--themeTwoBg); } #Doctor{ min-height:770px; text-align:right; padding:0px 5px 10px 5px; position:relative; } .docmain{ vertical-align:top; padding:0px 0px 0px 5px; text-align:left; display:inline-block; width:550px; color:var(--fontLight); position:relative; z-index:2; } .docImg{ position:absolute; z-index:1; left:-605px; top:0px; margin:auto; } .RecoveryHead{ font:500 14px/24px var(--siteFont); text-transform:uppercase; letter-spacing:2px; text-align:center; color:var(--fontLight); } .fellowshipHead{ font:300 48px/60px var(--siteFont); color:var(--themeOneBg); text-align:center; padding:10px 0px 97px 0px; } .fellowshipHead span{ display:block; } .Meet{ font:600 17px/30px var(--siteFont); text-transform:uppercase; letter-spacing:4px; padding:27px 0px 0px; } .docHead h1{ display:block; font:700 62px/65px var(--siteFont); padding:7px 0px 0px; position:relative; } .boardHead{ font:500 20px/26px var(--siteFont); padding:4px 0 5px 0px; text-transform:uppercase; letter-spacing:1.5px; } .boardHead span{ font:300 22px/26px var(--headingFont); padding:5px 0 13px 0px; display:block; text-transform:none; } .docmain p{ font:300 17px/30px var(--headingFont); text-align:left; padding:0px 0px 35px 0px; } .docmainList{ margin:30px 0 0px; } .docmainList li a{ display:block; } .docmainList li{ display:inline-block; margin:5px 0px 0; } .docmainList li:last-child{ margin:5px 5px 5px 4px !important; } .docmainList li a{ display:inline-block; transition:all 0.6s ease-in-out; text-align:center; padding:0px 25px; border-radius:5px; font:400 16px/50px var(--siteFont); position:relative; } .doc-more a{ color:var(--fontDark); background:var(--themeThreeBg); } .doc-req a{ background:var(--themeOneBg); color:var(--fontLight); text-transform:uppercase; } .doc-more a:hover{ background:var(--themeOneBg); color:var(--fontLight); } .doc-req a:hover{ background:var(--themeThreeBg); color:var(--fontDark); } .certifiedList li{ background:url(https://assets.yourpractice.online/3357/profile-list-icon.png) no-repeat left center; font:500 17px/30px var(--siteFont); padding:2px 0px 2px 20px; } .ExpTab li:first-child{ position:absolute; top:75px; z-index:9; width:181px; height:111px; left:-220px; margin:auto; right:0px; } .ExpTab li:last-child{ position:absolute; bottom:150px; z-index:9; left:30px; } #Minimally{ min-height:1000px; text-align:right; padding:122px 5px 25px 5px; position:relative; color:var(--fontDark); } .areaHead{ font:600 17px/24px var(--siteFont); text-transform:uppercase; color:var(--themeTwoBg); letter-spacing:8px; text-align:center; } .areaSub{ font:600 45px/55px var(--siteFont); color:var(--fontDark); padding:19px 0px 112px 0px; text-align:center; } .areaSub span{ display:block; padding:5px 0px 0px; } .Minimallydocmain{ padding:0px 0px 13px 10px; text-align:left; display:inline-block; width:66%; position:relative; z-index:2; background:url(https://assets.yourpractice.online/3357/minimally-hip-bg.png) no-repeat bottom right; } .MinimallyImg{ position:absolute; z-index:1; left:5px; bottom:auto; margin:auto; top:auto; } .Minimallydocmain p{ font:400 17px/30px var(--siteFont); padding:15px 378px 0px 0px; color:var(--fontDark); } .MinimallyHead{ font:600 17px/24px var(--siteFont); text-transform:uppercase; color:#006593; letter-spacing:7px; } .MinimallySub{ font:600 45px/57px var(--siteFont); color:var(--fontDark); padding:7px 47px 4px 0px; } .MinimallySub span{ display:block; } .MinimallyMore{ display:inline-block; padding:39px 0px 0px 0px; } .MinimallyMore a{ display:inline-block; font:600 14px/50px var(--siteFont); padding:0px 30px; transition:all 0.6s ease-in-out; border-radius:5px; color:var(--fontLight); background:var(--themeOneBg); } .MinimallyMore a:hover{ background:var(--themeTwoBg); } #Replacement{ min-height:557px; text-align:left; padding:0px 5px 10px 5px; position:relative; } .hipdocmain{ vertical-align:top; padding:0px 30px 0px 0px; text-align:left; display:inline-block; width:647px; position:relative; z-index:2; } .hipImg{ position:absolute; z-index:1; right:0px; top:0px; margin:auto; } .hipHead{ font:500 16px/30px var(--siteFont); text-transform:uppercase; color:var(--themeTwoBg); letter-spacing:7px; } .hipSub{ font:600 45px/50px var(--siteFont); color:var(--fontDark); padding:22px 0px 0px 0px; } .hipSub span{ display:block; } .hipdocmain p{ font:300 17px/30px var(--headingFont); padding:31px 20px 0px 0px; color:var(--fontDark); } .hipMore{ display:inline-block; padding:44px 0px 0px 0px; } .hipMore a{ display:inline-block; font:300 16px/49px var(--siteFont); padding:0px 30px; transition:all 0.6s ease-in-out; border-radius:5px; color:var(--fontLight); background:var(--themeOneBg); } .hipMore a:hover{ background:var(--themeTwoBg); } #Review-Container{ background:var(--themeOneBg); } #Review{ text-align:center; min-height:814px; position:relative; padding:118px 5px 10px; color:var(--fontLight); } .ReviewHead{ padding:0px 0px 35px; font:600 17px/30px var(--siteFont); text-align:center; text-transform:uppercase; letter-spacing:9px; background:url(https://assets.yourpractice.online/3357/qout-l.png) no-repeat center left; } .reiwstart{ position:relative; } .reiwstart::after{ position:absolute; background:url(https://assets.yourpractice.online/3357/qout-r.png) no-repeat center left; right:0px; bottom:-59px; content:''; width:65px; height:60px; } .ReviewHead span{ display:block; font:600 45px/45px var(--siteFont); text-transform:none; letter-spacing:0px; padding:17px 0px 0px; } .subName{ text-align:center; font:400 18px/24px var(--siteFont); color:var(--fontDark); } .subName span{ width:180px; height:24px; display:inline-block; } .ratingBox{ text-align:center; font:400 18px/24px var(--siteFont); color:var(--fontDark); } .rating-stars{ display:inline-flex; gap:2px; font-size:24px; } .star{ position:relative; color:#ddd; font-size:33px; } .star.full{ color:#f5b301; } .star.half{ color:#ddd; } .star.half::before{ content:"★"; position:absolute; left:0; top:0; width:50%; overflow:hidden; color:#f5b301; } .testadress{ width:385px; padding:0px 30px 0px 0px; } .ReviewList{ text-align:center; } .ReviewList li{ display:inline-block; margin:10px 15px 0 0; border-radius:10px; } .ReviewList li a{ display:block; font:400 16px/32px var(--siteFont); padding:10px 25px; transition:all 0.6s ease-in-out; border-radius:5px; } .revMore a{ background:var(--themeTwoBg); color:var(--fontLight); } .revMore a:hover{ background:var(--themeThreeBg); color:var(--fontDark); } .subMore a{ background:var(--themeThreeBg); color:var(--fontDark); } .subMore a:hover{ background:var(--themeTwoBg); color:var(--fontLight); } #Review .rev-more a{ color:var(--fontLight); border:1px solid #c3c3c3; border-radius:50px; text-transform:uppercase; background:var(--themeTwoBg); } #Review .rev-more a:hover{ background:var(--themeOneBg); color:var(--fontLight); } .testlist #Slider2 li{ width:98% !important; float:none !important; text-align:center; } .Intra-Tabs{ width:200px; margin:15px auto 0px; z-index:20; position:absolute; right:0px; left:0px; bottom:-73px; } .Intra-Tabs li{ width:12px; height:12px; display:inline-block !important; margin:20px 5px 0px; } .Intra-Tabs li a{ display:block; width:100%; height:100%; background:var(--themeFourBg); color:var(--fontLight); border-radius:50%; } .Intra-Tabs li a:hover,.Intra-Tabs li.Story_here{ background:var(--themeTwoBg); color:var(--fontLight); border-radius:50%; } .patientName{ padding:25px 0px 0px; font:700 18px/28px var(--siteFont); } .testDiv{ height:228px; width:95%; margin:0px auto 0px; padding:12px 5px; position:relative; } .testDiv p{ font:italic 18px/28px var(--siteFont); padding:30px 25px 45px; text-align:center; position:relative; } .testDiv p .viewMore a{ font-style:italic; } .testDiv p .viewMore a:hover{ text-decoration:underline; text-underline-offset:4px; } .testDiv span a{ color:var(--themeOneBg); font:300 16px/24px var(--siteFont); display:inline-block; } .testImg{ position:relative; } .testName{ color:var(--themeOneBg); font:600 17px/28px var(--siteFont); } #Review .nbs-flexisel-nav-left{ background:url(https://assets.yourpractice.online/3357/rev-arrow-l.png) no-repeat; width:32px; height:32px; position:absolute; left:0px; bottom:0px; top:0px; margin:auto; } #Review .nbs-flexisel-nav-right{ background:url(https://assets.yourpractice.online/3357/rev-arrow-r.png) no-repeat; width:32px; height:32px; position:absolute; right:0px; bottom:0px; top:0px; margin:auto; } #Review .slideNext span,#Review .slidePrev span{ display:none; } #Review .nbs-flexisel-nav-right::before,#Review .nbs-flexisel-nav-left::before{ display:none; } .readmore a:hover{ color:var(--themeTwoBg); } .ReviewIntra ul{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:50px; width:98%; padding:57px 0px 0px; } .ReviewIntra li{ text-align:center; display:inline-block; vertical-align:middle; margin:0px 0px; position:relative; } .vitals{ padding:0px 45px; } .vitals::before{ background:#577589; content:''; width:1px; height:90px; left:0px; top:0px; bottom:0px; position:absolute; margin:auto; } .vitals::after{ background:#577589; content:''; width:1px; height:90px; right:0px; top:0px; bottom:0px; position:absolute; margin:auto; } .testDiv span{ font:600 17px/30px var(--siteFont); color:var(--fontLight); } #Media{ min-height:680px; padding:103px 5px 20px 5px; color:var(--fontLight); text-align:center; } #Media ul{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:8px; } #Media li{ display:inline-block; vertical-align:top; position:relative; text-align:center; width:381px; } #Media li img{ border-radius:10px; } #Media span{ font:400 16px/21px var(--siteFont); display:block; color:var(--fontDark); padding-top:20px; } #Media .play-icon{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:40px; height:40px; background:#f40006; color:#fff !important; border-radius:50%; display:flex; justify-content:center; align-items:center; text-decoration:none; font-size:15px; transition:.3s; } .mediaHead{ font:600 17px/24px var(--siteFont); letter-spacing:5px; text-transform:uppercase; color:var(--themeTwoBg); } .mediaSub{ font:600 45px/50px var(--siteFont); padding:25px 0 55px 0px; color:var(--fontDark); } .mediaMore{ display:block; padding:40px 0px 0px 0px; position:relative; text-align:center; } .mediaMore a{ display:inline-block; font:400 16px/50px var(--siteFont); padding:0px 25px; transition:all 0.6s ease-in-out; border-radius:10px; color:var(--fontLight); background:var(--themeTwoBg); } .mediaMore a:hover{ background:var(--themeOneBg); color:var(--fontLight); } #Educational-Container{ background:url(https://assets.yourpractice.online/3357/multi-media-bg.jpg) no-repeat center bottom; } #Educational{ text-align:center; min-height:1015px; position:relative; padding:38px 0px 0px; } .MultiHead{ font:600 17px/30px var(--siteFont); color:var(--themeTwoBg); text-transform:uppercase; letter-spacing:7px; } .MultiSub{ font:800 45px/50px var(--siteFont); padding:20px 0px 71px; } .multImg img{ position:relative; } .educMore{ position:absolute; bottom:328px; width:220px; right:38px; z-index:9; } .educMore a{ display:inline-block; padding:0px 30px; font:500 18px/50px var(--siteFont); background:var(--themeOneBg); transition:all 0.6s ease-in-out; color:var(--fontLight); border-radius:10px; } .educMore a:hover{ background:var(--themeTwoBg); } .Resources ul{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:5px; padding:90px 0px 0px; } .Resources li{ display:inline-block; vertical-align:top; margin:2px 0px; width:220px; height:120px; position:relative; text-align:center; border-right:1px solid #4d94b4; } .Resources li:last-child{ border:none; } .Resources li a{ color:var(--fontLight); padding:70px 0px 0px; display:block; height:124px; width:170px; font:500 18px/24px var(--siteFont); margin:0px auto; border-radius:10px; } .restab1{ background:url(https://assets.yourpractice.online/3357/first-visit-icon.png) no-repeat center 5px; } .restab2{ background:url(https://assets.yourpractice.online/3357/form-icon.png) no-repeat center 5px; } .restab3{ background:url(https://assets.yourpractice.online/3357/post-icon.png) no-repeat center 5px; } .restab4{ background:url(https://assets.yourpractice.online/3357/ins-icon.png) no-repeat center 5px; } .restab5{ background:url(https://assets.yourpractice.online/3357/msg-icon.png) no-repeat center 5px; } .restab1 a:hover{ background:url(https://assets.yourpractice.online/3357/first-visit-icon.png) no-repeat center 5px var(--themeOneBg); } .restab2 a:hover{ background:url(https://assets.yourpractice.online/3357/form-icon.png) no-repeat center 5px var(--themeOneBg); } .restab3 a:hover{ background:url(https://assets.yourpractice.online/3357/post-icon.png) no-repeat center 5px var(--themeOneBg); } .restab4 a:hover{ background:url(https://assets.yourpractice.online/3357/ins-icon.png) no-repeat center 5px var(--themeOneBg); } .restab5 a:hover{ background:url(https://assets.yourpractice.online/3357/msg-icon.png) no-repeat center 5px var(--themeOneBg); } .Resources li a:hover{ background: } #Map{ min-height:630px; position:relative; padding:48px 0px 0px 0px; color:var(--fontDark); } .Mapappoint{ position:absolute; right:35px; top:245px; z-index:999; width:565px; } .mapHead{ font:600 17px/30px var(--siteFont); color:var(--themeTwoBg); letter-spacing:6px; text-transform:uppercase; padding:60px 0px 0px 0px; text-align:center; position:relative; } .mapHead span{ display:block; font:600 45px/60px var(--siteFont); padding:2px 0px 10px 0px; color:var(--fontDark); letter-spacing:0px; text-transform:none; } .mapslide{ padding:16px 5px 13px 5px; color:var(--fontDark); } .footcall{ background:url(https://assets.yourpractice.online/3357/foot-call-icon.png) no-repeat 17px center; font:500 19px/30px var(--siteFont); padding:0px 0px 0px 55px; margin:0px 0px 10px 0px; } .footfax{ background:url(https://assets.yourpractice.online/3357/fax-icon.png) no-repeat 17px center; font:500 19px/30px var(--siteFont); padding:0px 0px 0px 55px; margin:0px 0px 10px 0px; } .foottime{ font:600 17px/30px var(--siteFont); position:relative; padding:25px 0px 0px 0px; } .foottime span{ display:block; padding:7px 0px 0px; font:300 17px/24px var(--siteFont) !important; } .footadd{ font:600 19px/30px var(--siteFont); padding:10px 0px 0px 0px; position:relative; text-transform:uppercase; } .practiceTime{ width:300px; } .foottime::before{ background:url(https://assets.yourpractice.online/3357/time-icon.png) no-repeat 0px 0px; position:absolute; left:0px; top:-10px; content:''; width:32px; height:32px; z-index:1; } .foottime::after{ width:2px; height:150px; right:28px; content:''; position:absolute; background:#c3c3c3; top:25px; bottom:0px; margin:auto; } .location{ font:300 16px/22px var(--siteFont); padding:12px 0px 10px 0px; position:relative; } .footDiect{ font:400 16px/26px var(--siteFont); padding:3px 0px 0px 0px; color:var(--themeTwoBg); text-decoration:underline; } .mapSlide{ position:relative; text-align:center; z-index:-9; } .MapTabs li{ display:inline-block; vertical-align:top; margin:5px 3px; height:184px; width:285px; position:relative; padding:0px 0px 0px 30px; color:var(--fontDark); } .Map2{ width:230px !important; } .Map2::before{ width:1px; height:150px; left:-9px; content:''; position:absolute; background:#c3c3c3; top:0px; bottom:0px; margin:auto; } .Map2::after{ width:1px; height:150px; right:0px; content:''; position:absolute; background:#c3c3c3; top:0px; bottom:0px; margin:auto; } .Map_here{ border-radius:10px; background:var(--themeOneBg); color:var(--fontLight) !important; } .footAppoint{ margin:0px auto 10px; width:320px; } .footAppoint a{ font:600 17px/30px var(--siteFont); text-transform:uppercase; display:inline-block; transition:all 0.6s ease-in-out; background:var(--themeOneBg); color:var(--fontLight); padding:11px 15px 11px 7px; border-radius:5px; } .footAppoint span{ background:url(https://assets.yourpractice.online/3357/foot-req-icon.png) no-repeat 9px 3px; } .footAppoint:hover span{ background:url(https://assets.yourpractice.online/3357/foot-req-icon.png) no-repeat 9px 3px; } .footAppoint a:hover{ background:var(--themeTwoBg); color:var(--fontLight); } .Map_here .footDiect{ color:var(--fontLight); } .footAppoint span{ display:inline-block; vertical-align:middle; width:32px; height:32px; margin-right:10px; } .map1 .theme-L{ background:url(https://assets.yourpractice.online/3357/map-1-l.jpg) no-repeat right top; } .map1 .theme-R{ background:url(https://assets.yourpractice.online/3357/map-1-r.jpg) no-repeat left top; } .map2 .theme-L{ background:url(https://assets.yourpractice.online/3357/map-1-l.jpg) no-repeat right top; } .map2 .theme-R{ background:url(https://assets.yourpractice.online/3357/map-1-r.jpg) no-repeat left top; } @media screen and (max-width:1160px){ #Credentials{ padding:20px 5px; } #Care p::after{ display:none; } .ExpTab li:last-child,.ExpTab li:first-child{ position:inherit; width:inherit; height:inherit; } .ExpTab ul{ text-align:center; } .ExpTab li{ display:inline-block; text-align:center; } #Care{ padding:25px 5px 25px; min-height:inherit; } .docmain{ padding:0px 0px 0px 0px; text-align:center; display:block; width:100%; } .docmain p{ font:300 17px/30px var(--headingFont); text-align:center; padding:20px 0px 20px 0px; } .certifiedList li{ background:none; } .docImg{ position:inherit; left:inherit; } .testDiv{ height:280px; } .Resources li{ width:166px; } .Resources li a{ width:130px; } .educMore{ position:inherit; bottom:inherit; width:220px; right:inherit; z-index:9; margin:20px auto 0px; } #Educational-Container{ background:var(--themeTwoBg); } .MultiHead,.MultiSub{ color:var(--fontLight); } .Resources ul{ padding:40px 0px 0px; } #Educational{ min-height:inherit; padding:20px 10px; } .Resources li{ border:1px solid #4d94b4 !important; } .Resources li{ height:140px; } .Resources li a{ width:100%; height:100%; } .Mapappoint{ position:inherit; right:inherit; top:inherit; z-index:inherit; width:570px; margin:0px auto; } .MapTabs{ text-align:center; } } @media screen and (max-width:767px){ #Specialties{ min-height:auto; padding:50px 15px 30px; } .SpecialtiesHead{ font-size:30px; line-height:36px; padding:12px 0 10px; } #Specialties p{ font-size:16px; line-height:25px; padding:0 0 30px; } .Specialtiestabs{ background:none; } .Specialtieslist{ display:flex; flex-direction:column; align-items:center; gap:25px; } #Specialties .Specialtieslist > li{ width:100%; max-width:362px; height:auto; min-height:0; margin:0; padding:250px 0 20px !important; box-sizing:border-box; background-position:center top; background-repeat:no-repeat; } #Specialties .speTab1{ background-position:center top; } #Specialties .speTab2{ background-position:center top; } #Specialties .speTab3{ background-position:center top; } #Specialties .speH, #Specialties .speTab2 .speH{ display:block; padding:20px 0 15px; font-size:28px; line-height:34px; } #Specialties ul ul{ padding:0; margin:0; } #Specialties li li{ display:block; width:100%; height:auto; margin:0; padding:0; font-size:16px; line-height:32px; } #Specialties li li a{ display:inline-block; } } @media screen and (max-width:1060px){ #Minimally-Container{ border-bottom:1px solid #c3c3c3; } #Minimally{ text-align:center; padding:25px 5px 25px 5px; min-height:inherit; } .MinimallyImg{ position:inherit; z-index:1; left:inherit; bottom:inherit; margin:inherit; top:inherit; } .MinimallySub span{ display:inline-block; } .MinimallySub{ padding:7px 0px 4px 0px; } .Minimallydocmain{ width:100%; text-align:center; background:none; padding:20px 0px 0px 0px; } .areaSub{ padding:15px 0px 25px 0px; } .Minimallydocmain p{ padding:15px 0px 0px 0px; } #Replacement{ padding:25px 10px; min-height:inherit; } .hipImg{ position:inherit; z-index:1; right:inherit; top:inherit; margin:inherit; text-align:center; } .hipdocmain{ padding:20px 0px 0px 0px; text-align:center; width:inherit; } } @media screen and (max-width:960px){ #Banner-Container{ height:500px; } #Specialties{ padding:20px 15px 20px; } .areaSub{ font:600 24px/30px var(--siteFont); } .areaSub span{ display:inline-block; } .MinimallySub{ font:600 30px/40px var(--siteFont); } .hipSub{ font:600 25px/30px var(--siteFont); } .hipMore{ padding:17px 0px 0px 0px; } #Media{ padding:20px 10px; } #Media-Container{ border-bottom:1px solid #c3c3c3; } #Specialties p{ padding:0px 0px 0px; } } @media screen and (max-width:700px){ #Banner-Container{ height:300px; } .SpecialtiesHead{ font:600 25px/30px var(--siteFont); padding:10px 0px 10px; } #Specialties li{ margin:15px 0px; height:473px; } .testDiv{ height:320px; } #Review{ padding:20px 5px 20px; min-height:inherit; } .ReviewHead span{ font:600 25px/35px var(--siteFont); padding:10px 0px 0px; } .ReviewHead{ background:none; } .reiwstart::after{ display:none; } #Review .nbs-flexisel-nav-left,#Review .nbs-flexisel-nav-right{ top:-25%; } .vitals::after,.vitals::before{ display:none; } .vitals{ padding:0px 0px; } .ReviewIntra ul{ gap:7px; width:100%; padding:25px 0px 0px; } .mapHead{ letter-spacing:2px; padding:0px 0px 40px 0px; } .Map2::after,.Map2::before, .foottime::after{ display:none; } .Mapappoint .tableDiv{ display:grid; grid-template-columns:auto auto; justify-content:space-between; } .MapTabs ul{ display:grid; grid-template-columns:auto auto; } } @media screen and (max-width:640px){ #Banner-Container{ padding-top:0px; } #Banner{ height:300px; } .CredentialsIntra li img{ width:160px; } #Specialties p{ padding:0 0 20px 0; } #Care p::before{ display:none; } .careHead{ padding:0px 0px 20px 0px; font:700 22px/40px var(--siteFont); letter-spacing:0px; } .docHead h1{ font:700 32px/45px var(--siteFont); } .testDiv{ height:320px; width:98%; margin:0px auto 0px; padding:0px 5px; position:relative; } .ReviewIntra li{ width:100px; } .MultiSub{ font:900 27px/36px var(--siteFont); padding:10px 0px 20px; } .Mapappoint .tableCell{ display:block; } .foottime::after,.foottime::before{ display:none; } .Map2::before,.Map2::after{ display:none; } #Map{ padding:20px 0px 0px 0px; } .hipHead{ letter-spacing:0px; } } @media screen and (max-width:600px){ .mapHead{ padding:0px 0px 0px 0px; } .Mapappoint .tableDiv{ grid-template-columns:auto; justify-content:center; text-align:center; } .MapTabs ul{ grid-template-columns:auto; justify-content:center; } .MapTabs li{ display:block; height:auto; width:100%; padding:20px; text-align:center; } .foottime span{ padding:15px 10px; } .Mapappoint{ width:100%; } } @media screen and (max-width:550px){ .docmain{ padding:0px 20px 0px 20px; text-align:left; } #Doctor{ padding:0px 5px 40px 5px; } .docmain p{ text-align:left; } .boardHead{ font:500 16px/22px var(--siteFont); letter-spacing:0px; } .boardHead span{ font:300 16px/22px var(--headingFont); } .certifiedList li{ background:url(https://assets.yourpractice.online/3357/profile-list-icon.png) no-repeat left 12px; } #Care{ padding:25px 20px 25px 20px;text-align:left; } #Care p{ font:200 19px/32px var(--headingFont); padding:0px; } #Minimally{ text-align:left; padding:25px 20px 25px 20px; } .hipdocmain{ text-align:left; padding:25px 10px 25px 10px; } .areaSub,.Minimallydocmain,.areaHead{ text-align:left; } .docmainList li a{ padding:15px 15px; font:400 15px/20px var(--siteFont); } .areaHead,.MinimallyHead{ letter-spacing:4px; } .MinimallySub,.hipSub{ font:600 23px/30px var(--siteFont); } .mediaHead{ letter-spacing:1px; } #Educational{ padding:20px 20px; } .MultiHead{ letter-spacing:5px; } .MultiSub{ font:700 27px/36px var(--siteFont); } } @media screen and (max-width:480px){ #Banner-Container{ height:150px; } .Credentialslist2::before,.Credentialslist2::after,.Credentialslist4::before,.Credentialslist4::after{ display:none; } .testDiv{ height:400px; } .mediaSub{ font:600 25px/30px var(--siteFont); padding:10px 0 20px 0px; } .mediaMore{ padding:30px 0px 0px 0px; } } @media screen and (max-width:410px){ .docmainList li{ display:block; margin:8px 0px; } .boardHead{ font:500 14px/22px var(--siteFont); } .docmainList li:last-child{ margin:2px 0px !important; } .docmainList li a{ width:100%; } .ExpTab li:last-child,.ExpTab li:first-child{ width:45%; } .Resources li{ width:155px; } }:root[data-theme='light'], html[data-theme='light']{ --primarybgColor:#ffffff; --secondarybgColor:#cccccc; --textColor:#000000; --linkColor:#0000ee; --borderColor:#000000; } :root[data-theme='dark'], html[data-theme='dark']{ --primarybgColor:#000000; --secondarybgColor:#333333; --textColor:#ffffff; --linkColor:#ffcc00; --borderColor:#ffffff; } :root[data-theme='grey'], html[data-theme='grey']{ --primarybgColor:#cccccc; --secondarybgColor:#eeeeee; --textColor:#333333; --linkColor:#000000; --borderColor:#999999; } html[data-theme='grey'] .accessible_on #Container{ -webkit-filter:grayscale(100%); filter:grayscale(100%); } .dfwOff, .dfwOn{ display:none; } .adaActive.dfwOff, .adaActive.dfwOn{ display:block; } .dfwOff{ position:fixed; z-index:99999; left:10px; bottom:10px; width:60px; height:60px; } .dfwOff ul{ width:100%; height:100%; } .adaOn{ position:relative; z-index:1; width:100%; height:100%; display:block; } .adaOn a{ width:100%; height:100%; display:block; border-radius:100%; background:var(--themeOneBg); color:var(--fontLight); } .adaOn span{ width:100%; height:100%; display:block; font-family:'fontello'; font-size:36px; } .adaOn span::before{ content:'\f29a'; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .dfwOff li.adaClose{ position:absolute; } .dfwOff.adaHide{ left:-50px; } .adaClose{ font: bold 11px/24px Verdana, Arial, Helvetica, sans-serif; color:var(--fontLight); left:50%; top:50%; transform:translate(-50%,-50%); } .adaClose a{ border-radius:5px; display:block; padding:0px 10px; background:var(--themeOneBg); } .dfwOff:hover .adaClose, .dfwOff:focus .adaClose{ left:85%; transform:translate(0,-50%); } .dfwOff:focus-within .adaClose{ left:85%; transform:translate(0,-50%); } .dfwClose{ position:absolute; font: bold 11px/24px Verdana, Arial, Helvetica, sans-serif; left:50%; top:0px; z-index:-1; } .dfwClose a{ border-radius:0px 5px 5px 0px; display:block; padding:0px 10px; background:var(--primarybgColor); border:1px solid var(--borderColor); color:var(--textColor); } .dfwOn.adaActive.dfwHide .dfwClose{ visibility:visible; left:70%; } .dfwOn.adaActive.dfwHide .dfwClose a{ padding:0px 30px 0px 8px; } .dfwOn.adaActive.dfwHide .dfwClose a::before{ position:absolute; z-index:1; content:'\f29a'; left:calc(100% - 24px); top:50%; transform:translate(0,-50%); font:400 20px/24px 'fontello'; } .dfwOn:hover .dfwClose, .dfwOn:focus .dfwClose, .dfwOn.adaActive.dfwHide:hover .dfwClose, .dfwOn.adaActive.dfwHide:focus .dfwClose{ left:100%; } .dfwOn:focus-within .dfwClose, .dfwOn.adaActive.dfwHide:focus-within .dfwClose{ left:100%; } .dfwOn{ position:fixed; left:0px; top:50%; transform:translate(0,-50%); font:normal 12px/20px var(--siteFont); z-index:9999; width:200px; background:var(--primarybgColor); border:1px solid var(--borderColor); color:var(--textColor); } html[data-theme='grey'] .dfwOn{ background:var(--fontLight); } .dfwOn.adaActive li.dfwActive a{ background:var(--primarybgColor); color:var(--linkColor); } .dfwOn.dfwHide{ left:-200px; } .dfwOn li:not(:last-child){ border-bottom:1px dotted var(--borderColor); } .dfwOn li a{ padding:10px 15px; display:block; } .dfwOn li a::before{ margin-right:10px; } .dfwOff, .dfwOff.adaHide, .adaClose, .dfwOff:hover .adaClose, .dfwOff:focus .adaClose, .dfwClose, .dfwOn:hover .dfwClose, .dfwOn:focus .dfwClose, .dfwOn.adaActive.dfwHide:hover .dfwClose, .dfwOn.adaActive.dfwHide:focus .dfwClose, .dfwOn, .dfwOn.dfwHide{ -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .dfwOff:focus-within .adaClose, .dfwOn:focus-within .dfwClose, .dfwOn.adaActive.dfwHide:focus-within .dfwClose{ -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .dfwHead{ font:bold 14px/20px var(--siteFont); padding:15px; position:relative; z-index:1; background:var(--primarybgColor); } html[data-theme='grey'] .dfwHead{ background:var(--fontLight); } .dfwHide .dfwHide a{ padding-left:20px; } .dfwHide.dfwOn:hover .dfwHide, .dfwHide.dfwOn:focus .dfwHide{ right:-65px; } .dfwHide.dfwOn:focus-within .dfwHide{ right:-65px; } .dfwHide.dfwOn:hover .dfwHide a, .dfwHide.dfwOn:focus .dfwHide a{ padding-left:50px; } .dfwHide.dfwOn:focus-within .dfwHide a{ padding-left:50px; } .dfw-skip{ overflow:hidden; vertical-align:top; right:5px; top:0px; position:absolute; font:normal 12px/20px var(--siteFont); display:none; z-index:99; padding:2px; } .dfw-skip a{ display:block; padding:0px 5px; } .accessible_on a:focus{ outline:1px solid red; box-shadow:0px 0px 5px 2px rgba(255,0,0,0.2); outline-offset:1px; } .accessible_on a:focus-within{ outline:1px solid red; box-shadow:0px 0px 5px 2px rgba(255,0,0,0.2); outline-offset:1px; } html[data-theme='dark'] .accessible_on #Container.slideRight.slideContainer, html[data-theme='dark'] .accessible_on #Container.slideLeft.slideContainer{ background:rgba(255,255,255,0.4); } html[data-theme='light'] .accessible_on #Container.slideRight.slideContainer, html[data-theme='light'] .accessible_on #Container.slideLeft.slideContainer{ background:rgba(0,0,0,0.4); } html[data-theme='grey'] .accessible_on #Container.slideRight.slideContainer, html[data-theme='grey'] .accessible_on #Container.slideLeft.slideContainer{ background:rgba(204,204,204,0.4); } .accessible_on, .accessible_on #Accessibility, .accessible_on .dfw-skip, .accessible_on #gdpCookie, html[data-theme='grey'] .accessible_on #dfw-GreyMode.dfwActive a{ background:var(--primarybgColor); } .accessible_on #Container, .accessible_on #Container:not(a) *, .accessible_on #Container *:not(a), .accessible_on #gdpCookie, .accessible_on #gdpCookie *{ border-color:var(--borderColor) !important; color:var(--textColor); } .accessible_on #Container a, .accessible_on #Container a:hover, .accessible_on #Container a *, .accessible_on #Container a:hover *, .accessible_on #Container * a, .accessible_on #Container * a:hover, .accessible_on #Container * a *, .accessible_on #Container * a:hover *, .accessible_on #dfw-WhiteMode.dfwActive a, .accessible_on #gdpCookie a, .accessible_on #gdpCookie * a{ color:var(--linkColor) !important; transition:none !important; } .accessible_on #Container * u{ text-decoration:none !important; } .accessible_on .menu ul, .accessible_on .Wrapper{ background:var(--secondarybgColor); } .accessible_on .menu, .accessible_on .menu li.menu-home, .accessible_on .socLogo, .accessible_on .socLogo li{ width:auto; } .accessible_on .socLogo li, .accessible_on .menu li{ height:auto; } .accessible_on .socLogo li a{ border-radius:0px; padding:5px 10px; } .accessible_on .hr{ background:url(https://assets.yourpractice.online/3357/hr-b.gif) repeat-x left center; } html[data-theme='dark'] .accessible_on .hr{ background:url(https://assets.yourpractice.online/3357/hr-w.gif) repeat-x left center; } .accessible_on .textMain ul li{ background:url(https://assets.yourpractice.online/3357/bullet-b.gif) no-repeat 5px 15px; } html[data-theme='dark'] .accessible_on .textMain ul li{ background:url(https://assets.yourpractice.online/3357/bullet-w.gif) no-repeat 5px 15px; } .accessible_on [class*='logo'], .accessible_on #Container *::selection{ isolation:isolate; mix-blend-mode:difference; } .accessible_on #Container *:not(.menu *,.dfw-skip a,.textMain a){ color:inherit; } .accessible_on .theme-L, .accessible_on .theme-R, .accessible_on #Container *::after, .accessible_on #Container *:not(.font-icon,.notImg,.thankImg,[class$='icon'])::before, .accessible_on #Container [class$='Appoint'] span, .accessible_on #Container [class$='More'] span, .accessible_on #Container .menu-home a::before, .accessible_on .socLogo li a::before{ display:none; } .accessible_on .menu li.menu-home span, .accessible_on .socLogo li span, .accessible_on .dfw-skip{ display:block; } .accessible_on #Container *:not(.dfw-skip,.menu ul,.ypoLogo *,.logo *,.pdf-icon,.hr,.textMain li,.thankImg), .accessible_on .textMain *:not(.accessKeys) ul li, .accessible_on #gdpCookie *, .accessible_on .blogMain li[class^='blog-post'], .accessible_on .blogMain li[class^='pagelet-post']{ background:none !important; } .accessible_on [id$='Container']{ padding:0px !important; } .accessible_on [class$='More'] a, .accessible_on [class$='Appoint'] a, .accessible_on [class$='Tabs'] li a{ padding:10px 20px !important; } .accessible_on [class$='Appoint'] li, .accessible_on [class$='Tabs'] li, .accessible_on [class$='List'] li a{ padding:5px; } .accessible_on [class$='Head']{ padding-bottom:20px; } .accessible_on [class$='Sub']{ padding-bottom:10px; } .accessible_on .dfw-skip, .accessible_on #Sidebar, .accessible_on #gdpCookie, .accessible_on .socLogo li, .accessible_on [class$='More'] a, .accessible_on [class$='Appoint'] a, .accessible_on [class$='List']:not(.keysList) li a{ border:1px solid var(--borderColor); } .accessible_on header, .accessible_on nav, .accessible_on section, .accessible_on #Container > [id], .accessible_on #Container section > [id]{ border-bottom:1px solid var(--borderColor); } .accessible_on [class$='Tabs'] li a, .accessible_on [class$='Border'], .accessible_on #gdpCookie .cookie-main .cookie-button .accept{ border:2px solid var(--borderColor); } .accessible_on #Container > [id], .accessible_on #Container section > [id]{ padding:40px 20px; min-height:unset; height:auto; } .accessible_on [class$='Main']:not(.conMain){ min-height:unset; height:auto; width:auto; max-width:unset; display:block; margin:0px; border:0px; padding:0px; } html[data-theme='grey'] .accessible_on{ background:var(--fontLight); } @media screen and (max-width:640px){ .dfwOn li.table-cell{ text-align:center; padding:5px 0px; } .accessible_on .dfw-skip{ display:none; } }