/* ================================== Media Query =========================== */
@media(max-width:1800px) {
.header .navbar-brand img {
width: 250px;
}
.header .navbar-collapse ul li a.get_instant {
padding: 9px 17px;
font-size: 14px;
}
}
@media(max-width:1600px) {
.contact_us .right_sec .main_contact img {
width: 130px;
}
.contact_us .right_sec .main_contact p.bottom {
font-size: 22px;
}
.contact_us .right_sec .main_contact p.head {
font-size: 24px;
}
.header .navbar-collapse ul li a.get_instant {
margin-left: 0px;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding: 24px .2rem;
}
.header .navbar-brand img {
width: 140px;
}
.header .navbar-collapse ul li a {
font-size: 14px;
}
.main_div .text_border .main_txt {
margin: 7rem 0px;
}
.main_div .text_border .main_txt h1 {
font-size: 50px;
}
.appointment_form {
padding: 20px 90px 40px;
margin-top: -73px;
}
.appointment_form h6 {
margin: 0px 0px 20px;
}
.appointment_form ul li:last-child input {
padding: 20px 35px;
font-size: 16px;
}
.appointment_form ul li:not(:last-child) input::placeholder {
font-size: 18px;
}
input[type="date"]:not(.has-value):before {
font-size: 18px;
}
.team_sec .text {
margin: 0px 15px;
}
.contact_num .text h3 {
font-size: 30px;
margin: 15px 0px;
}
.form_bg_img .text_div div {
font-size: 60px;
}
.form_bg_img .text_div h6 {
font-size: 40px;
}
.contact_num.counter_set .flex div {
font-size: 45px;
}
.video_sec .img {
padding: 17rem 20rem;
}
.footer .footer_middle {
padding: 16px;
}
.footer .footer_middle ul li {
font-size: 16px;
margin: 10px 0px;
}
.video_sec .text-sec {padding: 20px 0px;}
.about_third .text-sec {
margin: 0rem 0px 0px 0rem;
}
.img1{ width:95%;}
.img1 img{ border:5px solid #fff;}
.right_cont{ padding:20px;}
.contnew{padding: 80px 55px 80px 174px;}
.workarea{ padding:30px;}
}
/* Medium Screens (≥1200px to <1576px) */
@media (max-width: 1575px) {
.general-container p.image_caption {
bottom: 1%;
font-size: 15px;
padding: 6px 12px;
}
}
@media(max-width:1400px) {
.appointment_form ul li {
margin: 0px 5px;
}
.form_bg_img .input select {
height: 40px;
font-size: 16px;
}
.header .navbar-collapse ul li a { font-size: 14px; }
.header .navbar-collapse ul li a.get_instant { margin-left: 0px; font-size: 14px; }
.header .navbar-collapse ul li a.get_instant { padding: 9px 11px; }
.form_bg_img .form { padding: 40px 25px; }
.form_bg_img h5 { font-size: 30px; margin-bottom: 16px; }
.form_bg_img .input button { font-size: 20px; padding: 8px 0px; margin-top: 10px; }
.form_bg_img .text_div p { margin-right: 8rem; }
.form_bg_img .input input {
margin: 20px 0px;
height: 40px;
font-size: 16px;
}
.header.sticky .navbar-collapse ul li a.get_instant {
padding: 9px 11px;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .2rem;
padding-left: .2rem;
}
.header.sticky .navbar-nav .nav-link {
padding: 9px .2rem;
}
.flat-custom-info ul.custom-info li {
margin-right: 12px;
}
.flat-custom-info ul.custom-info li a {
font-size: 12px;
}
.header .navbar-collapse ul li {
margin-right: 18px;
}
.header .navbar-brand img {
width: 120px;
}
.header.sticky .navbar-brand img {
width: 120px;
}
.main_div .line {
border-top: 28px solid #1D6064;
border-bottom: 28px solid #1D6064;
border-left: 28px solid #1D6064;
}
.main_div .text_border .main_txt {
padding: 70px 0px 70px 70px;
}
.video_sec .img {
padding: 17rem 19rem;
}
.our_blog .text .txt h6 {
font-size: 18px;
}
.our_blog .text .txt p {
margin: 16px 0px 16px 0px;
font-size: 15px;
line-height: 23px;
}
.our_blog .text .txt:before {
top: 26px;
}
.footer .footer_middle a {
font-size: 16px;
padding: 10px 20px;
}
.footer .foot_bottom {
margin-top: 0px;
}
.footer .foote_sec img {
width: 150px;
}
.footer {
margin-top: 5rem;
}
.footer .footer_middle {
padding: 10px 10px 25px 10px;
margin-top: 0px;
}
.contact_us .right_sec .main_contact img {
width: 170px;
height: auto;
}
.contact_us .right_sec .main_contact p.head {
font-size: 26px;
}
.contact_us .right_sec .main_contact p.bottom {
font-size: 22px;
}
.contact_us .right_sec h5 {
font-size: 40px;
margin: 20px 0px 60px;
}
.main_div .text_border .main_txt p {
font-size: 17px;
}
.appointment_form h6 {
font-size: 26px;
}
.about_second .about_sec .text h4 {
font-size: 18px;
}
}
/**/
@media(max-width:1200px) {
.appointment_form ul li:not(:last-child) input::placeholder { font-size: 14px; }
input[type="date"]:not(.has-value):before { font-size: 14px; }
.header.sticky .navbar-brand img { width: 110px; }
.header.sticky .navbar-collapse ul li a.get_instant { padding: 9px 10px; }
.header .navbar-collapse ul li a { color: #264653; }
/* .header .navbar-collapse ul li.active {
background-color:#ccc;
} */
.header .navbar-collapse ul li { transition: none; padding: 7px 8px 7px 10px; margin-right: 0px; position: relative!important; }
.header .navbar-collapse ul li a.get_instant { padding: 7px 10px; border: 1px solid #fff; font-size: 14px; }
.header .navbar-collapse ul li a { font-size: 14px; width: 100%; }
.header .navbar-collapse ul .nav-item:not(:last-child):before { background-color: transparent; }
.main_div .text_border .main_txt h1 { font-size: 40px; }
.appointment_form h6 { font-size: 28px; }
.main_heading h6 { Font-size: 30px; Line-height: normal; }
.main_heading p { Font-size: 18px; }
#carousel .item .img .number { font-size: 62px; }
#carousel .item .text { padding: 20px 0px 0px; }
#carousel .item .text a { font-size: 16px; padding: 9px 0px; }
.video_sec .text-sec {margin: 0rem 0px 0px 0rem; padding:25px 0;}
.video_sec .img { padding: 16rem 16rem; }
.spacer { margin-top: 53px; }
.contact_num .text { padding: 4rem 0px; }
.contact_num .text h2 { font-size: 35px; }
.contact_num .text h3 { font-size: 26px; margin: 10px 0px; }
.contact_num .text a { font-size: 20px; padding: 10px 20px; }
.contact_num .text p { margin: 0px 0px 27px; }
#carousel .item:hover .img .number { bottom: 10px; font-size: 52px; }
#carousel .item .img .number { bottom: -36px; }
#carousel .item .text h4 { font-size: 20px; }
#carousel .item .text p { font-size: 16px; margin: 15px 2px 15px; }
.mobile-menu { display: block; }
.contact_num.megamenu { display: block!important; padding: 2rem 0px 1rem 0px!important; }
.megamenu { display: none; }
.navbar-expand-xl .navbar-nav .nav-link { padding: 4px .5rem; }
.header.sticky .navbar-nav .nav-link { padding: 4px .5rem; }
.sticky-header { background-color: #fff; }
.video_sec .text-sec h2 { font-size: 28px; }
.video_sec.text .text-sec ul li h6 { font-size: 20px; }
.video_sec.text .text-sec ul li i { font-size: 20px; margin-right: 6px; }
.video_sec .text-sec p { line-height: normal; }
.video_sec.text .text-sec ul li p { line-height: normal; }
.about ul li .about_sec .text h4 { font-size: 20px; }
.about ul { padding: 20px 20px; }
.about ul li:not(:last-child) { margin-right: 10px; }
.about ul li .about_sec .text { margin: 0px 10px 0px 10px; }
.about_second .about_sec .text { margin: 0px 10px 0px 10px; }
.about_second .about_sec .text h4 { font-size: 20px; }
.about_second .about_sec { margin-top: 0px; }
.about_second .about_right p:after { position: relative; }
.about_second .about_right h4 { font-size: 28px; }
.meet_doctor .expert { margin-left: 2rem; }
.meet_doctor .expert .ex h6 { font-size: 22px; margin: 20px 0px 10px; }
.meet_doctor .expert h4 { font-size: 30px; }
.meet_doctor .main_heading h5 { font-size: 30px; }
.process_bar .bars { font-size: 30px; margin-top: 20px; }
.process_bar h6 { font-size: 20px; margin-top: 20px; }
.meet_doctor .main_heading .quali li { font-size: 16px; }
.meet_doctor .main_heading p { font-size: 20px; margin: 13px 0px; }
#cssmenu>ul>li>a>span { padding: 15px; }
.blogs .right_sec h5 { font-size: 22px; padding: 6px 20px; }
.blogs .right_sec ul li .txt p { font-size: 20px; margin: 6px 0px; }
.blogs .right_sec ul li .txt h6 { font-size: 16px; }
.blogs .blog_text h3 { font-size: 26px; }
.blogs .blog_text ul { margin: 15px 0px; }
.blogs .blog_text ul span { font-size: 18px; } .blogs .blog_text ul i { font-size: 18px; }
.blogs .right_sec ul li .txt { margin-left: 7px; }
.contact_us .right_sec ul li .main_contact p { font-size: 16px; }
.contact_us .right_sec ul { margin-top: 1rem; }
.contact_us .right_sec ul li .main_contact i { font-size: 18px; }
.contact_us .right_sec ul li .main_contact span { font-size: 18px; margin-left: 7px; }
.contact_us .right_sec h5 { font-size: 26px; }
.contact_us .form h5 { font-size: 26px; margin-bottom: 0px; margin-top: 30px; }
.contact_us .form button { font-size: 18px; margin-top: 0px; }
.contact_us .right_img img { margin-top: 0rem; }
.video_sec.text{ padding:25px 0;}
}
/* Tablet Screens (≥992px to <1200px) */
@media (max-width: 1199px) {
.general-container p.image_caption {
bottom: 0%;
font-size: 14px;
padding: 5px 10px;
}
}
/**/
/* Small Tablets & Large Phones (≥768px to <992px) */
@media (max-width: 991px) {
.general-container p.image_caption {
bottom: 0%;
font-size: 18px;
padding: 4px 8px;
}
}
@media(max-width:991px) {
.about_second .about_right h4 {
font-size: 22px;
}
.about_second .about_sec img {
width: 100px;
height: auto;
}
.header .navbar-collapse ul li {
padding: 7px 0px 7px 0px;
}
.header .navbar-brand{
margin-right:8px;
}
.header .navbar-brand img {
width: 100px;
}
.custom_dropdown a i {
font-size: 16px;
}
.header .navbar-collapse ul li a.get_instant i{
display: none;
}
.header .navbar-collapse ul li a.get_instant {
padding: 7px 8px;
font-size: 13px;
}
.appointment_form ul li {
margin: 0px 8px;
}
.contact_us .right_sec .main_contact img {
width: 135px;
height: auto;
}
.contact_us .right_sec .main_contact p.head {
font-size: 19px;
}
.contact_us .right_sec .main_contact p.smile {
font-size: 20px;
}
.contact_us .right_sec .main_contact p.bottom {
font-size: 17px;
}
.main_div .text_border .main_txt {
margin: 3rem 19rem 7rem 0px;
}
.appointment_form {
padding: 10px 34px 30px;
margin-top: -63px;
}
.main_heading p {
Font-size: 16px;
Line-height: 25px;
margin: 18px 0px 33px 0px;
}
.main_div .text_border .main_txt p {
font-size: 18px;
}
.video_sec .img {
padding: 18rem 12rem;
}
.video_sec .text-sec h2 {
font-size: 28px;
}
.video_sec .text-sec p {
line-height: 26px;
}
.team_sec .text .txt h6 {
font-size: 20px;
}
.contact_num .text h2 {
font-size: 30px;
}
.contact_num .text h3 {
font-size: 23px;
margin: 10px 0px;
}
.our_blog .text img {
width: 100%;
}
.our_blog .text {
display: initial;
}
.our_blog .text .txt {
margin: 20px 0px 0px 0px;
}
.our_blog .text .txt a {
font-size: 18px;
}
.footer .foote_sec p {
font-size: 15px;
}
.footer .footer_right h6 {
font-size: 17px;
margin: 13px 0px;
}
.common-top .main_text {
padding: 50px 0px 100px;
}
.common-top .main_text h1 {
font-size: 36px;
}
.common-top .main_text p {
font-size: 18px;
line-height: 26px;
}
.service2 .right_sec h5 {
font-size: 28px;
}
.form_bg_img .text_div div {
font-size: 55px;
display: inline-block;
margin: 0px 13px 0px 2px;
}
.form_bg_img .text_div p {
line-height: 26px;
font-size: 22px;
}
.about_second .about_right p {
margin: 10px 0px 20px;
}
.contact_num.counter_set .flex p {
font-size: 18px;
}
.contact_num.counter_set .flex div {
font-size: 30px;
margin: 10px 0px;
}
.contact_num.counter_set .flex i {
font-size: 26px;
width: 70px;
height: 70px;
}
.contact_num.counter_set .text {
padding: 4rem 0px;
}
.gallery .port img {
height: auto;
}
#cssmenu>ul>li>a>span {
padding: 7px 15px;
font-size: 15px;
}
#cssmenu span.cnt {
top: 12px;
font-size: 19px;
}
.contact_us .right_img img {
margin-top: 0rem;
}
.contact_us .right_sec ul li:not(:last-child) {
padding-right: 18px;
}
.contact_us .form h5 {
font-size: 24px;
margin-bottom: 0px;
margin-top: 22px;
}
.contact_us .form input {
margin: 15px 0px;
height: 38px;
font-size: 15px;
}
.contact_us .form select {
height: 38px;
font-size: 15px;
}
.contact_us .form .input-join input[type="radio"] {
height: 16px;
width: 20px;
}
.contact_us .form .input-join label {
font-size: 16px;
}
.spacer {
margin-top: 35px;
}
.contact_us .form_img {
padding: 60px 0px 0px;
}
.contact_us .form p {
Font-size: 16px;
Line-height: 26px;
margin: 20px 0px 10px;
}
.custom_dropdown a i {
font-size: 15px;
}
.top-header .social li a {
margin-right: 15px;
}
.emergenc { margin: 40px 0 0;}
.contnew{padding: 80px 30px 80px 142px;}
.right_cont{ width:43%;margin: 130px 0 0 10px;}
.contnew .form button{padding: 10px 50px;}
.workarea h2{ font-size:24px;}
}
/**/
/* Mobile Screens (≥576px to <768px) */
@media (max-width: 767px) {
.general-container p.image_caption {
position: relative;
bottom: 0;
left: 0;
transform: none;
width: 100%;
font-size: 14px;
padding: 5px;
text-align: center;
display: block;
}
}
@media(max-width:768px) {
.about_second .about_right h4 {
margin-top: 20px;
}
.about_second .about_sec .text h4 {
font-size: 18px;
}
.about_second .about_sec .text p {
font-size: 14px;
}
.about_second .about_right h4 {
font-size: 20px;
}
.main_div .navbar .navbar-collapse {
padding: 0px 0px 0px;
/*position: absolute;*/
position: relative;
top: 100%;
left: -15px;
}
.main_div .navbar .navbar-collapse ul{
background-color: #fff;
}
.thumb {
display: none;
}
.main_div {
background-image: url('/srcjhvbsx/themes/toothbuds_bootstrap/assets/img/home-hero-mobile-new.jpg');
}
.contact_us .form p {
Font-size: 15px;
}
.contact_us .right_img img {
display: none;
}
.contact_us .right_sec .main_contact img {
width: 100px;
height: auto;
}
.contact_us .form_img {
padding: 0px 0px 0px;
}
.megamenu .service img {
width: 40px;
height: auto;
}
.megamenu .service h5 {
font-size: 15px;
margin: 10px 0px;
}
.megamenu .service {
margin-top: 16px;
}
.contact_us .form button {
font-size: 17px;
margin-top: 0px;
padding: 8px 67px;
margin-bottom: 30px;
}
.main_div .text_border .main_txt {
margin: 2rem 3rem 6rem 0px;
}
.main_div .text_border .main_txt h1 {
font-size: 32px;
}
.main_div .line {
border-top: 20px solid #1D6064;
border-bottom: 20px solid #1D6064;
border-left: 20px solid #1D6064;
}
.main_div .text_border .main_txt {
padding: 44px 0px 44px 44px;
}
.book_appoint {
padding: 8px 10px;
font-size: 16px;
}
.main_div .text_border .main_txt p {
font-size: 16px;
}
.appointment_form h6 {
font-size: 20px;
margin: 0px 0px 10px;
}
.appointment_form ul li:last-child input {
padding: 15px 7px;
font-size: 16px;
}
.appointment_form ul li:not(:last-child) input {
padding-left: 0px;
}
.main_heading h6 {
Font-size: 25px;
}
.main_heading p {
Font-size: 15px;
Line-height: 22px;
margin: 7px 0px 25px 0px;
}
#carousel .item .img .number {
font-size: 50px;
}
#carousel .item:hover .img .number {
bottom: 10px;
font-size: 50px;
}
#carousel .item .text p {
font-size: 14px;
margin: 15px 2px 15px;
line-height: normal;
}
.video_sec .img {
padding: 20rem 9rem;
}
.video_sec .img i {
padding: 17px;
width: 80px;
height: 80px;
}
.video_sec .text-sec p {
line-height: 25px;
font-size: 15px;
}
.video_sec .text-sec h2 {
font-size: 25px;
margin-top: 25px;
}
.team_sec .text {
margin: 0px 0px;
}
.footer .footer_middle {
padding: 10px 10px 20px;
margin-top: 0rem;
margin-bottom: 18px;
border-radius: 15px;
}
.footer {
margin-top: 4rem;
padding: 0px 0px 0px;
}
.main_div .text_border .main_txt {
margin: 2rem 11rem 6rem 0px;
}
.main_div .text_border .main_txt h1 {
font-size: 30px;
}
.main_div .text_border .main_txt p {
font-size: 15px;
}
.main_heading p {
Font-size: 14px;
}
.main_heading h6 {
Font-size: 22px;
}
.video_sec .text-sec p {
line-height: normal;
font-size: 14px;
}
.video_sec .text-sec p {
line-height: 25px;
font-size: 14px;
}
.video_sec .img {
padding: 16rem 9rem;
}
.team_sec .text .txt p {
font-size: 14px;
color: #B0B0B0;
}
.footer .foote_sec p {
font-size: 14px;
line-height: normal;
}
.footer .footer_middle ul li {
font-size: 14px;
margin: 5px 0px;
}
.footer .footer_middle a {
font-size: 14px;
padding: 8px 20px;
}
.footer .footer_middle .row {
margin-bottom: 0px;
}
.our_blog .text .txt p {
font-size: 14px;
line-height: normal;
}
.our_blog .text .txt a {
font-size: 16px;
}
.contact_num .text h2 {
font-size: 25px;
}
.contact_num .text h3 {
font-size: 20px;
margin: 10px 0px;
}
.contact_num .text p {
margin: 0px 0px 20px;
font-weight: 400;
}
.contact_num .text a {
font-size: 14px;
padding: 10px 20px;
}
.contact_num .text {
padding: 2rem 0px;
}
.form_bg_img .text_div div {
font-size: 40px;
}
.form_bg_img .text_div h6 {
font-size: 30px;
}
.form_bg_img h5 {
font-size: 26px;
}
.common-top .main_text {
padding: 25px 0px 90px;
}
.common-top .main_text h1 {
font-size: 30px;
}
.common-top .main_text p {
font-size: 17px;
line-height: 26px;
}
.service2 .right_sec h5 {
font-size: 26px;
margin-top: 10px;
}
.vedio_div i {
font-size: 22px;
width: 80px;
height: 80px;
}
.about ul li .about_sec .text h4 {
font-size: 18px;
}
.about ul li .about_sec img {
width: 88px;
}
.about ul li .about_sec img {
display: none;
}
.blogs .blog_text h3 {
font-size: 20px;
}
.blogs .blog_text p {
font-size: 15px;
margin: 15px 0px;
}
.blogs .blog_text a {
font-size: 15px;
padding: 8px 15px;
}
.blogs .right_sec ul li .flex {
padding: 10px 0px;
}
.blogs .blog_text ul i {
font-size: 14px;
}
.blogs .blog_text ul span {
font-size: 14px;
}
/* .appointment_form ul li {
margin: 8px 13px 0px;
} */
.meet_doctor .main_heading h5 {
font-size: 22px;
}
.meet_doctor .main_heading p {
font-size: 18px;
margin: 13px 0px;
}
.meet_doctor .main_heading h4 {
font-size: 20px;
margin: 20px 0px 18px;
}
.meet_doctor .main_heading .quali li {
font-size: 14px;
}
.meet_doctor .main_heading .txt {
font-size: 14px;
}
.meet_doctor .expert {
margin-left: 0rem;
}
.meet_doctor .expert h4 {
font-size: 22px;
}
.meet_doctor .expert .ex h6 {
font-size: 16px;
margin: 10px 0px 5px;
}
.meet_doctor .expert .ex p {
font-size: 14px;
margin-bottom: 0px;
}
.process_bar .bars {
font-size: 22px;
}
.process_bar h6 {
font-size: 16px;
margin-top: 13px;
}
.progress {
height: 17px;
}
.meet_doctor .main_heading .social li a i {
font-size: 16px;
}
.pagination ul li {
width: 40px;
height: 40px;
font-size: 15px;
}
.footer .footer_right ul.service li {
margin-top: 9px;
/* float: left;
width: 50%; */
}
.team_sec .text img {
width: 40%;
}
.affiliation .logo_img img {
width: 100%;
padding: 0px 5px;
}
.covidnew {
padding: 30px 0rem;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
top: 0px;
left: 73px;
}
.custom_dropdown a i {
font-size: 14px;
}
.mobile-menu {
left: 92px!important;
}
.custom_dropdown>ul li a {
margin-left: 11px;
}
.about_second .about_sec img {
width: 70px;
}
.gallery .port .overlay div i {
font-size: 35px;
}
.gallery .port:hover .overlay div i {
font-size: 35px;
}
.covid-199 h3 {
font-size: 22px;
}
.covid-199 img {
width: 88px;
margin-right: 11px;
}
.covid-199 .main_covid {
margin-top: 0px;
}
.header .navbar-collapse ul li a {
padding-left: 8px;
}
.main_covid p {
font-size: 14px;
}
.covid-199 h3 {
font-size: 20px;
}
.right_cont {
width: 100%;
position: initial;
margin: 20px 0 0 0px;
}
.contnew {
padding: 20px 20px 20px 20px;
width: 100%;
}
.right_cont h3 {
font-size: 24px;
}
.right_cont h5 {
font-size: 18px;
}
.right_cont ul li h6 {
font-size: 18px;
}
.right_cont ul li {
padding: 10px 0;
}
}
/* Show buttons only for Mobile (≤768px) */
@media (max-width: 768px) {
.navbar {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
/* Make the buttons visible */
.mobile-nav-buttons {
display: flex;
gap: 8px; /* Adds spacing between buttons */
padding: 10px 2px;
/*position: absolute;
left: 50%;
transform: translateX(-50%);
*/
}
/* Style buttons */
.mobile-nav-buttons .get_instant {
padding: 6px 12px;
font-size: 14px;
font-weight: bold;
border-radius: 5px;
text-align: center;
text-decoration: none;
background-color: #fb9c2b; /* Blue for Appointment */
color: white;
}
.mobile-nav-buttons .cdcp-button {
background-color: #046674 /* Green for CDCP */
}
/* Adjust hamburger menu alignment */
.navbar-toggler {
margin-left: auto;
}
}
/*from additional CSS wordpress dashboard->appearence->customize >*/
@media screen and (min-width: 768px) {
.home .main_div {
background-position: 80% center;
}
}
@media screen and (max-width: 768px) {
.appointment_form p.h6 {
font-size: 20px;
margin: 0px 0px 10px;
letter-spacing: 0;
}
}
/*from additional CSS wordpress dashboard->appearence->customize />*/
/**/
/* *:not(h1) {
display: none;
}
/* Icon Only (Floating Icon for Mobile) */
.content-toggle-icon {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #fb9c2b; /* Icon background */
border-radius: 50%;
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
}
/* Arrow Icon */
.arrow-icon {
font-size: 24px;
color: #fff; /* White arrow */
transition: transform 0.3s ease;
}
/* Rotate arrow when active */
.arrow-icon.rotate {
transform: rotate(180deg);
}
}
/* Small Mobile Screens (<576px) */
@media (max-width: 575px) {
.general-container p.image_caption {
position: relative;
bottom: 0;
left: 0;
transform: none;
width: 100%;
font-size: 11px;
padding: 5px;
text-align: center;
display: block;
}
.top-header {
display: flex !important; /* Ensures flex layout */
flex-direction: column; /* Stacks elements vertically */
align-items: center; /* Centers content */
text-align: center; /* Aligns text in center */
padding: 10px 0; /* Adjusts spacing */
}
/* Center all content in mobile view */
.top-header .row {
flex-direction: column;
align-items: center;
justify-content: center;
}
/* Make each section full-width on mobile */
.top-header .col-xl-4,
.top-header .col-lg-4,
.top-header .col-sm-12 {
width: 100%;
text-align: center;
margin-bottom: 8px;
}
/* Adjust social icons spacing */
.top-header .social {
margin-top: 5px;
}
.top-header .social li {
display: inline-block;
margin: 0 5px;
}
.top-header .social li a i {
font-size: 20px; /* Adjusts social icon size */
}
.top-header .welcome-message{
font-size: 18px;
padding:0;
}
.video_sec .home-img{
height:40vh;
}
}
/*Media CSS Moved from style.css/>*/
@media(max-width:576px) {
.mob_fields{
display: block;
}
.emergenc {
margin: 0px 0 0;
}
.emergenc h2 {
font-size: 20px;
}
.covid-199 p {
font-size: 14px;
line-height: 26px;
}
.main_div .text_border .main_txt {
margin: 1rem 0rem 2rem 0px;
padding: 20px 229px 20px 0px;
}
.contact_us .right_sec h5 {
font-size: 22px;
margin: 0px 0px 0px;
}
.contact_num.megamenu .text {
padding: 0rem 0px;
}
.contact_us .right_sec .main_contact div {
margin-top: 22px;
}
.contact_us .right_sec .main_contact p.bottom {
font-size: 18px;
}
#cssmenu>ul>li>a>span {
padding: 7px 15px;
font-size: 13px;
text-transform: capitalize;
}
#cssmenu ul p {
font-size: 13px;
line-height: 23px;
margin: 7px;
}
.contact_num.counter_set .flex {
margin-bottom: 30px;
}
.video_sec .text-sec {
margin: 0rem 15px 35px 1rem;
}
.video_sec .text-sec p {
line-height: 25px;
font-size: 14px;
margin: 10px 0px 15px;
}
.about_third .text-sec a {
font-size: 16px;
}
.about_third .text-sec h2:after {
position: relative;
}
.about ul {
flex-direction: column;
}
.about ul li .about_sec {
margin: 17px 0px;
}
.about ul li:not(:last-child) {
border-right: 1px solid transparent;
border-bottom: 1px solid #B0B0B0;
margin-right: 0px;
}
.about ul li .about_sec .text p {
font-size: 14px;
}
.about_second .about_right h4 {
font-size: 24px;
margin: 20px 0px 10px;
}
.about_second .about_sec .text h4 {
font-size: 18px;
}
.about_second .about_right p {
font-size: 14px;
}
.about_second .about_sec .text p {
font-size: 14px;
}
.contact_num.counter_set .flex div {
font-size: 25px;
margin: 6px 0px 0px;
}
.header .navbar-brand img {
width: 90px;
}
.header.sticky .navbar-brand img {
width: 85px;
}
.navbar-toggler i {
font-size: 25px;
}
.top-header {
display: none;
}
/* .main_div .text_border .main_txt {
margin: 2rem 0rem 6rem 0px;
} */
.main_div {
background-position: center center;
}
.main_none {
display: none;
}
.main_div.mobile {
display: block;
}
.main_div .text_border .main_txt h1 {
font-size: 20px;
margin-right: 60px;
}
.main_div .line {
border-top: 0px solid #1D6064;
border-bottom: 0px solid #1D6064;
border-left: 0px solid #1D6064;
}
/* .main_div .text_border .main_txt {
margin: 2rem 3rem 2rem 0px;
padding: 26px 0px 26px 26px;
} */
.video_sec .img {
padding: 7rem 10rem;
}
.contact_num .text h2 {
font-size: 20px;
margin: 0px 0px 18px;
}
.contact_num .text h3 {
font-size: 18px;
margin: 10px 0px;
}
.our_blog .text .txt {
margin: 20px 0px 26px 0px;
border-bottom: 3px solid #2F9F92;
border-radius: 6px;
padding-bottom: 15px;
}
.footer {
margin-top: 2rem;
padding: 25px 0px 0px;
}
.appointment_form {
padding: 10px 0px 0px;
margin-top: 25px;
border-radius: 20px;
}
.appointment_form ul {
align-items: initial;
flex-direction: column;
}
.appointment_form ul li:last-child input {
padding: 6px 14px;
font-size: 14px;
margin: 10px 0px;
}
.book_appoint {
padding: 7px 10px;
font-size: 14px;
}
.common-top .main_text h1 {
font-size: 25px;
}
.common-top .main_text p {
font-size: 15px;
line-height: 24px;
}
.service2 .right_sec h5 {
font-size: 22px;
line-height: 26px;
margin-top: 18px;
}
.service2 .right_sec p {
font-size: 14px;
}
.video_sec .text-sec h2 {
font-size: 22px;
}
.video_sec.text .text-sec ul li h6 {
font-size: 18px;
}
.video_sec.text .text-sec ul li i {
font-size: 18px;
}
.video_sec.text .text-sec ul li p {
font-size: 14px;
margin: 0px 0px 0px;
}
.form_bg_img .text_div p {
line-height: 26px;
font-size: 16px;
margin-right: 0rem;
}
.form_bg_img .text_div div {
font-size: 30px;
margin: 0px 7px 0px 2px;
}
.form_bg_img .text_div h6 {
font-size: 23px;
}
.form_bg_img h5 {
font-size: 24px;
}
.form_bg_img .form {
padding: 30px 20px;
}
.form_bg_img .input input {
margin: 16px 0px;
height: 38px;
font-size: 14px;
}
.form_bg_img .input button {
font-size: 16px;
padding: 8px 0px;
margin-top: 0px;
}
.form_bg_img h6 {
font-size: 20px;
}
.blogs .right_sec ul li .txt p {
font-size: 18px;
}
.contact_us .right_sec ul li .main_contact p {
font-size: 14px;
margin: 0px 0px 0px;
}
.contact_us .right_sec ul li .main_contact span {
font-size: 15px;
margin-left: 6px;
}
.contact_us .right_sec ul li .main_contact i {
font-size: 15px;
}
.contact_us .form h5 {
font-size: 20px;
}
.contact_us .right_img img {
margin-left: 0px;
}
.contact_us .right_sec ul {
flex-direction: column;
}
.contact_us .right_sec ul li .main_contact {
display: flex;
justify-content: space-between;
align-items: center;
}
.contact_us .right_sec ul li .main_contact div {
display: flex;
justify-content: space-between;
align-items: center;
}
.contact_us .right_sec ul li .main_contact p {
margin: 0px 0px 0px 8px;
}
.contact_us .form input {
margin: 15px 0px;
height: 38px;
font-size: 14px;
}
.contact_us .form button {
font-size: 14px;
padding: 8px 0px;
width: 100%;
}
.scroll-down {
width: 26px;
height: 50px;
line-height: 78px;
}
.megamenu .service h5 {
font-size: 14px;
margin: 10px 0px;
}
.main_div .text_border .main_txt {
margin: 0rem 0rem 0rem 0px!important;
padding: 16px 24px 20px 0px!important;
}
.main_div .text_border .main_txt p {
font-size: 13px;
color: #fff;
margin-right: 43px;
margin-bottom: 0px;
line-height: normal;
}
.right_banner img {
width: 230%;
}
.contcall {
flex-direction: column;
}
.call2 {
margin: 10px 0 0 0px;
}
.form_bg_img .input select {
height: 38px;
font-size: 14px;
}
}
/* Show the image caption only on mobile (≤576px) */
@media (max-width: 576px) {
.mobile-image-caption {
display: block;
text-align: center;
margin-top: 10px;
}
.mobile-image-caption img {
max-width: 100%; /* Adjust width as needed */
height: auto;
}
}
/* Show the text caption only on devices ≤768px */
@media (max-width: 576px) {
.mobile-text-caption {
display: block;
text-align: center;
font-size: 18px; /* Adjust font size */
font-weight: bold;
color: #fff; /* White text color */
background-color: #fb9c2b; /* Lighter shade of #fb9c2b */
margin: 10px 0 0 0; /* Top margin and no side margin */
padding: 10px 15px; /* Vertical and horizontal padding */
width: 100%; /* Full width of .main_none */
box-sizing: border-box; /* Ensure padding is included in width */
}
}
/*from additional CSS wordpress dashboard->appearence->customize>*/
@media screen and (max-width: 480px) {
.single-post img.sp-content-img-left {
margin-right: 0 !important;
margin-left: 0 !important;
}
.single-post img.sp-content-img-right {
margin-left: 0 !important;
margin-right: 0 !important;
}
.banner-home {
padding: 20px 15px;
}
.banner-home .book_appoint {
margin: 20px 0 0;
}
}
/* Mobile Optimization for 460x740px screens */
@media (max-width: 460px) {
.video_sec .image-caption {
bottom: 0;
font-size: 12px;
padding: 6px 10px;
width: 90%;
left: 50%;
transform: translateX(-50%);
text-align: center;
}
}
/*from additional CSS wordpress dashboard->appearence->customize />*/
@media(max-width:400px) {
.main_div .text_border .main_txt {
margin: 0rem 0rem 0rem 0px!important;
padding: 16px 0px 8px 0px!important;
}
.right_banner img {
width: 230%;
right: -54px;
}
.main_div .text_border .main_txt h1 {
margin-right: 41px;
}
.contact_us .right_sec ul li .main_contact p {
font-size: 13px;
}
.contact_us .right_sec ul li .main_contact i {
font-size: 14px;
}
.contact_us .right_sec ul li .main_contact span {
font-size: 14px;
margin-left: 6px;
}
.service2 .right_sec h5 {
font-size: 20px;
}
.video_sec .img {
padding: 7rem 9rem;
margin-top: 25px;
}
.video_sec .img i {
padding: 0px;
width: 60px;
height: 60px;
font-size: 20px;
}
.video_sec .text-sec {
margin: 0rem 0px 0px 0rem;
}
.video_sec .text-sec h2 {
font-size: 22px;
margin-top: 0px;
}
.img1 {
width: 100%;
}
.main_heading h6 {
Font-size: 18px;
}
.footer .footer_right h6 {
font-size: 17px;
margin-top: 10px;
}
.covid-199 h3 {
font-size: 16px;
}
.nav-link {
display: block;
padding: 0rem 0rem;
}
.covidnew + .dropdown-menu a {
font-size: 13px!important;
padding: 7px 17px;
}
.covidnew {
padding: 0px 0rem;
}
.header .navbar-collapse ul li {
padding: 7px 0px 7px 5px;
}
.vedio_div i {
font-size: 18px;
width: 60px;
height: 60px;
left: 50%;
top: 50%;
transform: translate(-26px, -26px);
}
.form_bg_img .text_div h6 {
font-size: 20px;
}
.form_bg_img .text_div div {
font-size: 25px;
}
.call1 a{ font-size:14px; font-weight:400;}
.call2 a{ font-size:14px; font-weight:400;}
.emergenc img{ margin:41px 0 0;}
.workarea{ padding:15px;}
.workarea h2{ font-size:20px;}
.workarea li {
font-size: 15px;
}
.workarea ul {
margin: 5px 0 0;
}
}
/* Mobile Optimization for 360x740px screens */
@media (max-width: 380px) {
.top-header .welcome-message{
font-size: 16px;
padding:0;
}
}
/**/