@media (min-width: 1700px) and (max-width: 2499px) {
     .parent-corner-item-1 p {
         transform: translate(56.4%, 339%);
         width: 840px;
         font-size: 18px;
     }

     .parent-corner-item-5 p {
         transform: translate(64.8%, 360%);
         width: 830px;
         font-size: 18px;
     }




     .parent-corner-item-4 p {
         transform: translate(26.7%, 300%);
         width: 850px;
         font-size: 18px;
     }



     .parent-corner-item-3 p {
         transform: translate(43.8%, 280%);
         width: 860px;
         font-size: 18px;
     }

     .parent-corner-item-2 p {
         transform: translate(29.2%, 460%);
         width: 830px;
         font-size: 18px;
     }




     .service_detail.testomonials_title {
         padding: 100px 0;
     }

     .paediatric_root_content h3 {
         font-size: 24px;
     }

     .paediatric_root_content p {
         font-size: 18px;
         width: 604px;
     }

     .paediatric_root_content img {
         width: 250px;
         transform: translate(-120%, 40%);
     }

     .red_fox_dd_img img {
         right: 0;
     }

     .contetn_dd_explain p {
         font-size: 18px;
         line-height: 26px;
         width: 480px;
     }


     .habit_correction_service {
         margin: 0 0 100px 0;
     }

     .red_fox_dd_img p {
         width: 990px;
         font-size: 18px;
     }


     .habit_image_correction p {
         font-size: 18px;
     }

     .dental-tips-page {
         padding: 100px 0;
     }

     .download_tip {
         margin: 100px 0 0 0;
     }

     .contetn_tips ul li p {
         font-size: 30px;
         width: 310px;
     }

     .downlaod_btn a.btn-wrapper-big {
         font-size: 22px;
     }

     .downlaod_btn a {
         font-size: 22px !important;
     }

     .downlaod_btn p {
         font-size: 22px;
     }

     .dental-tips-page .serices_title h2 {
         padding: 11px 39px 12px 40px;
     }

     .doctor_trust_wrapper ul li img {
         width: 120px;
     }


     .doctor_detail_tabs_wrapper .accordion-body ul li {
         font-size: 18px;
     }

     .doctor_with_kids ul li p {
         font-size: 18px;
     }

     .doctor_trust_wrapper ul li {
         width: 521px;
         font-size: 24px;
     }

     .doctor_detail_main {
         padding: 100px 0;
     }

     .service_detail.meet-the-doctor {
         padding: 100px 0 0;
     }

     .dental_emergnecy.doctor_detail_wrapper {
         padding: 50px 0 100px 0;
     }

     .contact-info-box .btn-wrapper a.btn-wrapper-big {
         width: 250px;
         font-size: 18px;
     }

     .contact-page {
         padding: 100px 0;
     }

     .contact-title img {
         width: 140px;
     }


     .contact-card-content h3 {
         font-size: 22px;
     }

     .contact-title h2 {
         font-size: 40px;
     }

     .banner-small h2 {
         font-size: 30px;
     }

     .kiddoz-form input,
     .kiddoz-form textarea {
         font-size: 18px;
     }

     button.momo-btn.btn-wrapper-big {
         font-size: 18px;
         width: 330px;
     }

     .banner-small p {
         font-size: 18px;
     }

     .service_detail.happy-kids {
         margin: 0;
         padding: 100px 0;
     }

     .service_detail.clinic-tour {
         margin: 0;
         padding: 100px 0;
     }

     .service_detail.after_before {
         padding: 100px 0;
     }

     .images_result p {
         font-size: 24px;
     }

     .testomonilas_item {
         padding: 70px 0 100px 0;
     }

     .item_reviews p {
         font-size: 18px;
     }

     .review_owner p {
         font-size: 22px;
     }

     .service_detail.parent-corner {
         margin: 0;
         padding: 100px 0;
     }

     .our_services_item.parent-corner-content {
         padding: 100px 0 100px;
     }


     .behaviour_anxiety .serices_title h2 {
         width: 669px;
         padding: 12px 48px 7px 35px !important;
     }

     .orthodontics_title .serices_title h2 {
         padding: 8px 40px 1px 40px;
     }

     .orthodenic_evaluation .serices_title h2 {
         background-image: url(../images/orthodontics.png);
         padding: 8px 40px 1px 40px;
     }

     .intro_img img {
         width: 130px;
     }

     .parent-corner-item-1 h4 {
         font-size: 35px;
         transform: translate(30%, 423%);
     }

     .hello_kidddiz img {
         width: 700px;
     }


     .parent-corner-item-2 h4 {
         font-size: 35px;
         transform: translate(20%, 350%);
     }

     .parent-corner-item-3 h4 {
         font-size: 35px;
         transform: translate(24%, 488%);
     }


     .parent-corner-item-5 h4 {
         font-size: 35px;
         transform: translate(34%, 453%);
     }


     .explian_content p {
         font-size: 18px;
     }




     .parent-corner-item-4 h4 {
         font-size: 35px;
         transform: translate(16%, 368%);
     }


     .service_detail.orthodontics_title {
         padding: 100px 0 100px;
     }


     .orthodenic_evaluation {
         padding: 100px 0;
     }




     .dental_emergnecy {
         padding: 100px 0;
         margin: 100px 0 0 0;
     }


     .service_detail.crown_tten {
         padding: 100px 0 100px;
     }

     .service_detail.detal_dency {
         padding: 100px 0 100px;
     }

     .crowns_service_contetn.fierst_detailsection p {
         width: 100%;
     }

     .last_detail_section_servcie p {
         font-size: 18px;
     }

     .last_detail_section_servcie img {
         width: 130px;
         transform: translate(-100%, -90%);
     }

     .crowns_teeth_service {
         padding: 100px 0;
     }



     .behaviour_anxiety .service_detail.orthodontics_title {
         padding: 100px 0 0px;
         margin: 0;
     }

     .last_detail_section_servcie h2 {
         font-size: 40px;
     }

     .behaviour_anxiety .relate img {
         width: 230px !important;
     }


     .behaviour_anxiety_servcie ul {
         width: 62%;
     }


     .behaviour_anxiety_servcie .title p {
         width: 610px;
         font-size: 18px;
     }

     .behaviour_anxiety .relate {
         right: -160px !important;
         bottom: -48px !important;
     }

     .crowns_service_contetn strong {
         font-size: 18px;
     }

     .orthodontics_service .relate img {
         width: 150px;
     }

     .orthodontics_service .relate {
         right: -18px;
         bottom: -11px;
     }

     .crowns_service_contetn.second_section {
         padding: 100px 88px 0 0 !important;
     }

     .crowns_service_contetn.second_section p {
         width: 640px;
     }

     .crowns_service_contetn.fierst_detailsection p {
         width: 633px;
     }

     .orthodontics_service .relate2 img {
         width: 190px;
     }

     .orthodontics_service .relate2 img {
         width: 190px;
     }

     .orthodontics_service .relate2 {
         left: -137px;
     }


     .title h2 {
         font-size: 40px;
     }


     .benifits_of_service ul li p {
         font-size: 24px;
     }


     .benifits_of_service {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
     }


     .benifits_of_service ul {
         width: 80%;
         float: none;
         margin: auto;
     }

     .benifits_of_service ul li {
         border-radius: 45px;
         padding: 45px 15px;
     }


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


     .space_maintian p {
         width: 633px;
         font-size: 18px;
     }

     .space_maintian.contain_spce_ {
         padding: 70px 0 0 0 !important;
     }


     .kid_right img {
         width: 150px;
     }


     .kid_right {
         right: -74px;
     }

     .orthodenic_evaluation .serices_title p {
         width: 590px;
     }


     .item_evaluation ul li p {
         font-size: 35px;
         width: 350px;
     }

     .item_evaluation ul li img {
         width: 200px;
     }

     .item_evaluation ul {
         width: 70%;
     }


     .item_evaluation ul li {
         border-radius: 35px;
     }

     .benifits_of_service ul li img {
         width: 80px;
     }





     .bg_tps1 p {
         width: 130px !important;
         padding: 0 !important;
     }

     .crowns_service_contetn h2 {
         font-size: 40px;
     }

     .relate2 {
         left: -278px;
     }

     .image_dek_peiatric img {
         width: 390px;
     }

     .relate2 img {
         width: 380px;
     }

     .relate img {
         width: 380px;
     }

     .relate {
         right: -330px;
     }

     .image_dek_peiatric {
         bottom: -42px;
     }

     .servoe_bootm p {
         width: 940px;
         font-size: 18px;
     }

     .crowns_service_contetn p {
         font-size: 18px;
     }

     .pediatric_contetn p {
         font-size: 18px;
         width: 614px;
     }

     .pediatric_contetn h5 {
         font-size: 24px;
     }

     .dency_decay_detail h5 {
         font-size: 24px;
     }

     .dency_decay_detail p {
         font-size: 18px;
         width: 604px;
     }

     .serices_title p {
         margin: 8px auto 0 auto;
     }


     .emergeny_contetn p.lasts {
         width: 700px;
         margin: 30px auto 0 auto;
         font-size: 18px;
     }

     .emergeny_contetn ul li .emergency_tips p {
         font-size: 34px;
         top: 50px;
     }

     .top_explain p {
         font-size: 18px;
         width: 940px;
     }

     .contetn_dd_explain h3 {
         font-size: 48px;
     }

     .contetn_dd_explain h3 {
         font-size: 40px;
     }

     .tag_style {
         width: 56%;
     }

     .tag_style ul li {
         font-size: 18px;
         width: 281px;
     }

     .service_item_1 h4 {
         font-size: 38px;
         width: 373px;
         transform: translate(-12%, 100%);
     }

     .service_item_1 {
         padding: 0;
         background-size: 100%;
         height: 291px;
     }

     .service_item_2 h4 {
         width: 298px;
         font-size: 38px;
         transform: translate(40%, 180%);
     }

     .service_item_2 {
         padding: 0;
         height: 317px;
     }


     .top_explain span {
         font-size: 18px;
         width: 800px;
     }

     .service_item_3 h4 {
         width: 423px;
         font-size: 38px;
         transform: translate(-1%, 112%);
     }

     .service_item_3 {
         padding: 0;
         height: 285px;
     }

     .service_item_4 {
         height: 320px;
     }


     .service_item_5 {
         padding: 0;
         height: 277px;
     }

     .service_item_6 {
         height: 305px;
     }

     .item_service_step p {
         font-size: 18px;
         width: 1143px;
     }

     .item_service_step span {
         font-size: 18px;
     }

     .item_service_step ul li p {
         font-size: 24px;
         margin: 20px 0 0 0;
     }

     .service_explain {
         padding: 100px 0 70px;
     }

     .contetn_dd_explain span {
         font-size: 18px;
     }


     .item_service_step ul li {
         padding: 50px 0px;
     }

     .item_service_step ul {
         width: 64%;
         margin: 15px auto 0 auto;
     }

     .service_item_6 h4 {
         width: 170px;
         font-size: 38px;
         transform: translate(71%, 140%);
     }

     .services_steps {
         padding: 100px 0;
     }

     .brushing_time .serices_title h2 {
         padding: 3px 39px 12px 40px;
         font-size: 35px;
     }

     .service_item_5 h4 {
         width: 406px;
         font-size: 35px;
         transform: translate(1%, 131%);
     }

     .service_item_4 h4 {
         width: 308px;
         font-size: 38px;
         transform: translate(39%, 140%);
     }

     .email-text {
         font-size: 18px;
     }

     .social-links a img {
         width: 45px;
     }

     .container {
         max-width: 1600px;
     }

     .our_services_item .container {
         max-width: 1600px !important;
     }



     .service_detail {
         margin: -225px 0 0 0;
         padding: 0 0 100px;
     }


     .our_services_item {
         padding: 100px 0;
     }

     .serices_title h2 {
         font-size: 35px;
     }


     .serices_title p {
         width: 990px;
         font-size: 18px;
         text-align: center;
     }

     #cssmenu>ul>li>a {
         font-size: 18px;
     }

     .header-btn a.btn-big {
         font-size: 18px;
     }

     .header-btn a.btn-small {
         font-size: 18px;
     }

     img.header_shape {
         width: 130px;
         top: -23px;
         transform: translate(340%, 0%);
     }

     .logo img {
         max-width: 180px;
     }


     #cssmenu ul ul li a {
         font-size: 18px;
     }

     #cssmenu ul ul {
         width: 370px;
     }

     .smile_gl {
         width: 230px !important;
     }

     .detail_section_conetn h2 {
         font-size: 45px;
     }

     .detail_section_conetn p {
         font-size: 18px;
         margin: auto !important;
         max-width: 68%;
         line-height: 25px;
     }

     .detail_section_conetn {
         margin: auto;
         float: left;
         width: 100%;
         display: flex;
         flex-direction: column;
     }


     .doctor_detail_section {
         padding: 100px 0;
     }

     .btn-wrapper {
         margin: 15px 0 0 0;
     }


     .detail-section {
         padding: 100px 0 100px;
     }

     .whychoose_grid {
         display: flex;
         flex-direction: column;
     }

     .why_choose_section h2 {
         font-size: 50px;
     }

     .whychoose_grid h4 {
         width: 80%;
         font-size: 35px;
         margin: 0 auto;
         line-height: 37px;
     }

     .icon-choose img {
         width: 120px;
         margin: 0 0 15px 0;
     }

     .whychoose_grid p {
         font-size: 18px;
         margin: 10px auto 0 auto;
         width: 330px;
     }


     .why_choose_section {
         padding: 299px 0 120px 0;
     }

     .btn-wrapper a.btn-wrapper-big {
         font-size: 18px;
     }


     .doctor_detail_contetn span {
         font-size: 30px;
     }

     .doctor_detail_contetn h2 {
         font-size: 50px;
         line-height: 42px;
         margin: 10px 0 0 0;
     }


     .doctor_detail_contetn h5 {
         font-size: 20px;
         color: #000000;
         margin: 20px 0 14px 0;
         line-height: 26px;
     }

     .doctor_detail_contetn p {
         font-size: 18px;
         color: #000;
         width: 617px;
     }

     .doctor_detail_contetn samp {
         font-size: 35px;
     }

     .btn-wrapper a.btn-wrapper-small {
         font-size: 18px;
     }


     .meet_friend_section h2 {
         font-size: 50px;
     }

     .meet_friend_section p {
         font-size: 20px;
     }


     .bg-meet-item-1 h4 {
         font-size: 50px;
     }


     .bg-meet-item-2 h4 {
         font-size: 50px;
     }

     .bg-meet-item-3 h4 {
         font-size: 50px;
         ;
     }

     .bg-meet-item-4 h4 {
         font-size: 50px;
     }

     .bg-meet-item-5 h4 {
         font-size: 50px;
     }


     .meet_friend_section p {
         font-size: 18px;
     }

     .bg-meet-item-1 p span {
         font-size: 18px;
     }


     .bg-meet-item-2 p span {
         font-size: 18px;
     }

     .bg-meet-item-3 p span {
         font-size: 18px;
     }


     .bg-meet-item-4 p span {
         font-size: 18px;
     }


     .bg-meet-item-5 p span {
         font-size: 18px;
     }


     .bg-meet-item-1 {
         padding: 81px 0 52px 220px;
     }


     .bg-meet-item-2 {
         padding: 178px 240px 129px 0px;
         margin: -135px 0 0 0;
     }

     .bg-meet-item-3 {
         padding: 146px 0 102px 339px;
         margin: -60px 0 0 0;
     }

     .bg-meet-item-4 {
         padding: 118px 310px 120px 0px;
         margin: -60px 0 0 0;
     }

     .bg-meet-item-5 {
         padding: 133px 0 112px 295px;
     }


     #cssmenu>ul>li.has-sub>a i {
         top: -2px;
         position: relative;
     }

     .meet_section_bottom_heading h5 {
         font-size: 50px;
         line-height: 60px;
     }

     .meet_section_bottom_heading h5 p {
         font-size: 60px;
     }

     .meet_friend_section {
         padding: 100px 0 100px;
     }

     .homegalley {
         padding: 100px 0;
     }

     .homegalley h2 {
         font-size: 50px;
     }

     .homegalley p {
         font-size: 18px;
     }

     .clinic-gallery .gallery-item {
         height: 300px;
     }

     .footer_logo a.footer_logo-logo img {
         width: 200px;
     }


     .footer_logo p {
         font-size: 18px;
         text-align: center;
     }

     .footer_logo ul li img {
         width: 40px;
     }

     .footer_nac_col h4 {
         font-size: 30px;
     }


     .footer_nac_col ul li {
         font-size: 18px;
     }

     .footer_nac_col ul li a {
         font-size: 18px;
     }

     .cnter_col {
         padding: 37px 0 0 0 !important;
     }

     .cobtacr_col ul li img {
         width: 25px;
     }


     .footer_nac_col ul li.time_footer p {
         font-size: 18px;
     }

     .footer_logo {
         height: 410px;
     }
 }


 @media (min-width: 1400px) and (max-width: 1699px) {
     .container {
         max-width: 1140px !important;
     }


 }


 @media (min-width: 1200px) and (max-width: 1399px) {
     #cssmenu>ul>li>a {
         padding: 10px 6px;
     }



     .logo img {
         max-width: 130px;
     }

     img.header_shape {
         top: -29px;
     }

     .header-btn-nav {
         padding: 15px 0 0 0;
     }

     nav#cssmenu ul {
         display: block !important;
     }
 }


 @media (min-width: 992px) and (max-width: 1199px) {




     .red_fox_dd_img img {
         position: absolute;
         top: 30px;
         right: -40px;
         width: 100px;
     }


     .doctor_detail_tabs_wrapper button.accordion-button.collapsed {
         font-size: 23px;
     }

     .service_item_1 h4 {
         transform: translate(-15%, 80%);
         width: 210px;
     }

     .service_item_2 h4 {
         transform: translate(30%, 149%);
     }


     .crowns_service_contetn.crown_teeth_contetn2 {
         padding: 70px 0 0 70px;
     }



     .relate img {
         width: 140px;
     }

     .relate {
         right: -60px;
     }


     .service_item_4 h4 {
         transform: translate(38%, 120%);
     }

     .service_item_5 h4 {
         width: 246px;
         transform: translate(5%, 49%);
     }

     .service_item_6 h4 {
         transform: translate(65%, 120%);
     }

     .service_item_3 h4 {
         width: 203px;
         transform: translate(10%, 42%);
     }


     .bg-meet-item-1 h4 {
         font-size: 30px;
     }

     .bg-meet-item-2 h4 {
         font-size: 30px;
     }

     .bg-meet-item-3 h4 {
         font-size: 30px;
     }

     .bg-meet-item-4 h4 {
         font-size: 30px;
     }

     .bg-meet-item-5 h4 {
         font-size: 30px;
     }

     .bg-meet-item-2 {
         padding: 103px 170px 59px 0px;
         margin: -55px 0 0 0;
     }


     .bg-meet-item-4 {
         padding: 61px 180px 70px 0px;
         margin: -20px 0 0 0;
     }

     .bg-meet-item-2 p {
         padding: 0;
     }

     .doctor_detail_contetn samp {
         font-size: 25px;
     }



     #cssmenu>ul>li>a {
         padding: 10px 6px;
     }



     .logo img {
         max-width: 130px;
     }

     img.header_shape {
         top: -29px;
     }

     .header-btn-nav {
         padding: 15px 0 0 0;
     }

     nav#cssmenu ul {
         display: block !important;
     }

     .pediatric_contetn p {
         width: 100%;
     }

     .siicde-nned {
         padding: 0;
     }


     .paediatric_root_content img {
         width: 150px;
         transform: translate(-40%, 50%);
     }

     .image_dek_peiatric img {
         width: 150px;
     }


     .image_dek_peiatric {
         bottom: -22px;
     }

     .orthodontics_service .relate2 {
         left: 0;
     }

     .orthodontics_service .crowns_service_contetn p {
         width: 100%;
     }

     .kid_right {
         right: 0;
     }

     .item_evaluation ul {
         width: 100%;
     }

     .behaviour_anxiety .relate {
         right: 0;
         bottom: -2px;
     }



     .parent-corner-item-1 h4 {
         font-size: 24px;
         transform: translate(33%, 273%);
     }

     .parent-corner-item-1 p {
         transform: translate(51.4%, 114%);
         width: 600px;
     }


     .parent-corner-item-2 h4 {
         font-size: 24px;
         transform: translate(15%, 260%);
     }


     .parent-corner-item-2 p {
         transform: translate(8.8%, 149%);
         width: 600px;
     }

     .parent-corner-item-3 h4 {
         font-size: 24px;
         transform: translate(24%, 379%);
     }

     .parent-corner-item-3 p {
         transform: translate(33.8%, 149%);
     }


     .parent-corner-item-4 h4 {
         font-size: 24px;
         transform: translate(12%, 268%);
     }

     .parent-corner-item-4 p {
         transform: translate(2.8%, 150%);
     }


     .parent-corner-item-5 h4 {
         font-size: 24px;
         transform: translate(32%, 322%);
     }


     .parent-corner-item-5 p {
         transform: translate(50%, 176%);
         width: 600px;
     }


     .book-appointment-popup {
         padding: 50px 30px 50px;
     }

 }


 @media (min-width: 768px) and (max-width: 991.5px) {

     .parent-corner-item-1 p {
         position: relative;
         transform: translate(25.2%, 1%);
         width: 516px;
         z-index: 99;
     }

     .parent-corner-item-2 p {
         position: relative;
         transform: translate(-0.2%, 5%);
         width: 460px;
         z-index: 99;
         text-align: left;
     }

     .parent-corner-item-3 p {
         position: relative;
         transform: translate(25.2%, 1%);
         width: 516px;
         z-index: 99;
     }

     .parent-corner-item-4 p {
         position: relative;
         transform: translate(-0.2%, 5%);
         width: 460px;
         z-index: 99;
         text-align: left;
     }

     .parent-corner-item-5 p {
         position: relative;
         transform: translate(25.2%, 1%);
         width: 516px;
         z-index: 99;
     }


     .paediatric_root_content p {
         width: 100%;
     }

     .paediatric_root_content img {
         width: 90px;
         transform: translate(0%, 97%);
         bottom: 0;
     }

     .habit_image_correction {
         margin: 0 0 20px 0;
     }

     .red_fox_dd_img p {
         width: 100%;
     }

     .red_fox_dd_img img {
         top: 90px;
         right: 0;
         width: 100px;
     }

     .contetn_tips ul {
         grid-template-columns: repeat(3, 1fr);
     }

     .dental-tips-page {
         padding: 50px 0;
     }

     .download_tip {
         margin: 50px 0 0 0;
     }

     .brushing_time {
         padding: 50px 0 0 0;
     }

     .behaviour_anxiety .serices_title h2 {
         width: 100%;
     }

     .behaviour_anxiety .service_detail.orthodontics_title {
         padding: 50px 0 50px;
     }

     .behaviour_anxiety .crowns_teeth_service {
         padding: 0 !important;
     }

     .behaviour_anxiety .relate img {
         width: 140px;
     }

     .crowns_service_contetn h2 {
         font-size: 30px;
     }

     .last_detail_section_servcie img {
         display: none;
     }

     .last_detail_section_servcie h2 {
         font-size: 30px;
     }

     .behaviour_anxiety_servcie .title p {
         width: 100%;
     }

     .last_detail_section_servcie {
         margin: 20px 0 50px 0;
     }

     .behaviour_anxiety_servcie ul {
         grid-template-columns: repeat(2, 1fr) !important;
         margin: auto;
         width: 100% !important;
         float: none;
     }

     .behaviour_anxiety .orthodontics_title .serices_title h2 {
         padding: 20px;
         width: 540px;
     }


     .title h2 {
         font-size: 30px;
     }

     .behaviour_anxiety .relate {
         right: 0;
         bottom: -12px;
     }

     .behaviour_anxiety .crowns_service_contetn.fierst_detailsection {
         padding: 0 !important;
     }


     .crowns_teeth_service {
         padding: 50px 0;
     }

     .service_detail.crown_tten {
         padding: 50px 0 50px;
     }

     .siicde-nned {
         padding: 0px 0 100px 0px;
     }

     .crowns_service_contetn h2 {
         font-size: 30px;
     }

     .crowns_service_contetn.crown_teeth_contetn2 {
         padding: 30px 0 0 0;
     }

     .relate {
         right: 0;
         bottom: 0;
     }

     .relate2 img {
         width: 140px;
     }

     .relate2 {
         left: 0;
     }

     .relate img {
         width: 140px;
     }

     .image_dek_peiatric {
         bottom: -11px;
     }

     .image_dek_peiatric img {
         width: 130px;
     }

     .pediatric_contetn p {
         width: 100%;
     }

     .item_service_step p {
         width: 100%;
     }

     .pediatric {
         padding: 50px 0 0;
     }


     .item_service_step ul {
         width: 100%;
         display: grid;
         grid-template-columns: repeat(2, 1fr);
     }



     .item_service_step ul li p {
         font-size: 18px;
     }

     .services_steps {
         padding: 50px 0;
     }


     .service_explain {
         padding: 50px 0 50px;
     }

     .tag_style {
         width: 100%;
     }

     .contetn_dd_explain_img {
         width: 50%;
         align-content: center;
     }

     .contetn_dd_explain {
         float: left;
         width: 50%;
         margin: 0;
         padding: 0;
         align-content: center;
     }

     .item_dd_explain {
         display: flex;
         align-content: center;
         gap: 10px;
     }

     .contetn_dd_explain h3 {
         font-size: 30px;
     }

     .contetn_dd_explain.center_ite_dd {
         margin: 0;
         padding: 0 0 0 30px;
     }













     .service_item_1 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }


     .service_item_1:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-1.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }

     .service_item_1:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .service_item_1 h4 {
         font-size: 20px;
         position: absolute;
         transform: none;
         z-index: 99;
         width: 180px;
         top: 40px;
     }



     .service_item_2 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }

     .service_item_2 h4 {
         font-size: 20px;
         width: 170px;
         position: absolute;
         transform: none;
         z-index: 99;
         left: 20px;
         top: 40px;
     }




     .service_item_2:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-2.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }

     .service_item_2:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }





     .service_item_3 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }



     .service_item_3:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-3.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }

     .service_item_3:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }


     .service_item_3 h4 {
         font-size: 20px;
         width: 200px;
         transform: none;
         left: 140px;
         z-index: 99;
         position: absolute;
         top: 25px;
     }






     .service_item_4 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }


     .service_item_4 h4 {
         font-size: 20px;
         width: 170px;
         position: absolute;
         transform: none;
         z-index: 99;
         top: 40px;
         left: 20px;
     }




     .service_item_4:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-4.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }

     .service_item_4:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }











     .service_item_5 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }




     .service_item_5:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-5.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }

     .service_item_5:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .service_item_5 h4 {
         font-size: 20px;
         width: 150px;
         position: absolute;
         transform: none;
         left: 180px;
         z-index: 99;
         top: 20px;
     }











     .service_item_6 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }


     .service_item_6 h4 {
         font-size: 20px;
         width: 130px;
         position: absolute;
         transform: none;
         z-index: 99;
         top: 40px;
         left: 20px;
     }



     .service_item_6:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-6.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }

     .service_item_6:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }






















     .whychoose_grid p {
         width: 100%;
         margin: 0;
     }

     .whychoose_grid h4 {
         font-size: 24px;
     }

     .header-btn {
         display: none;
     }

     .logo img {
         max-width: 100px;
     }

     .header-btn-nav {
         padding: 0;
     }

     nav#cssmenu ul {
         position: absolute;
         left: 0;
         background: #fff;
         top: 46px;
         width: 100%;
         z-index: 999;
     }


     .smile_gl {
         width: 100% !important;
     }

     #cssmenu .submenu-button {
         border-left: 1px solid #ffffff;
     }

     #cssmenu .submenu-button::before {
         background: #000;
     }

     #cssmenu .submenu-button::after {
         background: #000;
     }


     .detail-section {
         padding: 50px 0 50px;
     }


     .intro_img img {
         width: 80px;
     }


     .detail_section_conetn h2 {
         font-size: 30px;
     }

     .detail_section_conetn {
         width: 100%;
     }

     .why_choose_section {
         background-image: none;
         padding: 50px 0 50px 0;
         background: #d1e6fc;
     }

     .whychoose_grid {
         padding: 20px;
         border-radius: 63px;
         height: 100%;
         margin: 0 0 30px 0;
     }

     .doctor_detail_section {
         background-size: cover;
         background-position: -202px -2%;
     }

     .doctor_detail_section {
         padding: 50px 0;
     }

     .doctor_detail_contetn h2 {
         font-size: 35px;
     }

     .doctor_detail_contetn p {
         width: 100%;
     }

     .doctor_detail_contetn samp {
         font-size: 30px;
         line-height: 25px;
         margin: 15px 0;
     }

     .btn-wrapper.abour_deoc {
         flex-direction: row;
         margin: 0 0 30px 0;
     }

     .meet_friend_section {
         background-size: contain;
         background-repeat: repeat;
         padding: 50px 0 50px;
     }

     .why_choose_section h2 {
         font-size: 35px;
     }

     .meet_friend_section h2 {
         font-size: 35px;
     }

     .meet_with_more_section {
         width: 100%;
     }


     .meet_section_bottom_heading h5 {
         font-size: 35px;
         line-height: 40px;
     }

     .meet_section_bottom_heading h5 p {
         font-size: 30px;
     }

     .meet_section_bottom_heading {
         margin: 30px 0 0 0;
     }

     .homegalley h2 {
         font-size: 35px;
     }

     .footer_nac_col {
         padding: 0 !important;
     }

     .cobtacr_col ul li img {
         margin: 0 10px 0 0;
     }

     .footer_nav {
         width: 100%;
         gap: 20px;
         padding: 30px 15px 30px 15px;
     }

     .footer_logo {
         gap: 20px;
         padding: 30px 0 30px;
         height: 100%;
         width: 100%;
     }

     .clinic-gallery .gallery-grid {
         grid-template-columns: repeat(3, 1fr);
         margin: 0 0 0px 0;
     }

     .maps-wrapper {
         flex-direction: column;
     }

     .homegalley {
         padding: 50px 0;
     }

     .bg-meet-item-1 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 97px;
         z-index: 99;
     }

     /* Background Image TOP */
     .bg-meet-item-1:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet1.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-1:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #39d4ff;
         z-index: -2;
     }










     .bg-meet-item-2 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 90px 10px 0px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     .bg-meet-item-2 p {
         padding: 0 0px 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-2::before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet2.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-2:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #fd5d67;
         z-index: -2;
     }







     .bg-meet-item-3 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 127px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-3:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0;
         width: 80%;
         height: 100%;
         background-image: url("../images/meet3.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-3:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #494b4e;
         z-index: -2;
     }










     .bg-meet-item-4 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 110px 10px 0px;
         z-index: 99;
         margin: 10px 0 0 0;
     }


     /* Background Image TOP */
     .bg-meet-item-4:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet4.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-4:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #dea37f;
         z-index: -2;
     }










     .bg-meet-item-5 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 87px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-5:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0px;
         width: 80%;
         height: 100%;
         background-image: url("../images/meet5.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-5:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #e56e8a;
         z-index: -2;
     }

     .bg-meet-item-1 h4 {
         font-size: 24px;
     }




     nav#cssmenu ul {
         top: 76px;
     }

     .bg-meet-item-2 h4 {
         font-size: 24px;
     }


     .bg-meet-item-3 h4 {
         font-size: 24px;
     }


     .bg-meet-item-4 h4 {
         font-size: 24px;
     }


     .bg-meet-item-5 h4 {
         font-size: 24px;
     }

     .serices_title h2 {
         font-size: 24px;
     }

     .dental_emergnecy {
         padding: 50px 0;
         margin: 50px 0 0 0;
     }


     .emergeny_contetn ul {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 15px;
     }

     .dency_decay_detail p {
         width: 100%;
     }

     .serices_title p {
         width: 100%;
     }

     .service_detail {
         padding: 0px 0 50px;
         margin: -62px 0 0 0;
     }

     .our_services_item {
         padding: 50px 0;
     }




     .service_detail.detal_dency {
         padding: 50px 0 50px;
     }

     .item_evaluation ul {
         width: 100%;
         gap: 15px;
     }

     .crowns_teeth_service {
         padding: 50px 15px 50px !important;
     }

     .orthodontics_title .serices_title h2 {
         padding: 8px 50px 1px 40px;
     }

     .orthodenic_evaluation .serices_title h2 {
         padding: 8px 50px 1px 40px;
     }

     .orthodontics_service .crowns_service_contetn p {
         width: 100%;
     }

     .crowns_service_contetn.fierst_detailsection {
         padding: 0 0 0 30px !important;
     }

     .crowns_service_contetn.second_section {
         padding: 0 !important;
     }


     .benifits_of_service ul {
         grid-template-columns: repeat(3, 1fr);
         gap: 15px;
     }

     .kid_right {
         right: 0;
     }

     .space_maintian h2 {
         font-size: 30px;
         margin: 0 0 5px 0;
     }

     .space_maintian p {
         width: 100%;
     }

     .orthodontics_service .relate2 {
         left: 0;
         bottom: -21px;
     }

     .orthodontics_service .relate {
         right: 0;
     }

     .habbit_correction .crowns_service_contetn.fierst_detailsection {
         padding: 0 !important;
     }

     .habbit_correction .orthodontics_service .relate img {
         width: 90px;
     }

     .service_detail.parent-corner {
         margin: 0;
         padding: 50px 0;
     }

     .our_services_item.parent-corner-content {
         padding: 50px 0 50px;
     }

     .parent-corner-item-1 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-1:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-1:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 480px;
         height: 100%;
         background-image: url(../images/corner-1.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }


     .parent-corner-item-1 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 340px;
         z-index: 99;
         left: 130px;
     }



     .parent-corner-item-2 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-2:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-2:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0px;
         width: 690px;
         height: 100%;
         background-image: url(../images/corner-2.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }


     .parent-corner-item-2 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 320px;
         z-index: 99;
         left: 0px;
     }






     .parent-corner-item-3 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-3:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-3:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 660px;
         height: 100%;
         background-image: url(../images/corner-3.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }

     .parent-corner-item-3 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 370px;
         z-index: 99;
         left: 130px;
     }







     .parent-corner-item-4 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-4:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-4:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0px;
         width: 650px;
         height: 100%;
         background-image: url(../images/corner-4.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }


     .parent-corner-item-4 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 380px;
         z-index: 99;
         left: 0px;
     }





     .parent-corner-item-5 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-5:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-5:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 450px;
         height: 100%;
         background-image: url(../images/corner-5.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }

     .parent-corner-item-5 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 290px;
         z-index: 99;
         left: 130px;
     }





     .explian_content {
         padding: 0px 0 0 0;
     }


     .service_detail.testomonials_title {
         padding: 50px 0;
     }

     .testomonilas_item {
         padding: 30px 0 60px 0;
     }

     .review_contetn {
         grid-template-columns: repeat(2, 1fr);
         gap: 15px;
     }

     .service_detail.after_before .serices_title h2 {
         padding: 9px 30px 5px 30px;
         font-size: 24px;
     }

     .result_after_treatment {
         gap: 15px;

     }

     .images_result p {
         font-size: 16px;
     }

     .images_result {
         float: left;
         width: 100%;

     }

     .service_detail.after_before {
         padding: 50px 0;
     }

     .service_detail.clinic-tour {
         margin: 0;
         padding: 50px 0;
     }

     .clinic-gallery_main .clinic-gallery .gallery-grid {
         grid-template-columns: repeat(3, 1fr);
         gap: 15px;
     }


     .service_detail.happy-kids {
         margin: 0;
         padding: 50px 0;
     }

     .contact-page {
         padding: 50px 0;
     }


     .contact-title h2 {
         font-size: 30px;
     }


     .contact-card-content h3 {
         font-size: 14px;
     }












     .doctor_detail_tabs_wrapper button.accordion-button {
         font-size: 24px;
         background: #f8a650 !important;
         padding: 15px !important;
     }



     .doctor_detail_tabs_wrapper button.accordion-button.collapsed {
         font-size: 24px;
     }

     .service_detail.meet-the-doctor {
         padding: 50px 0 0;
     }

     .doctor_detail_contetn span {
         line-height: normal;
     }

     .doctor_full_detail {
         padding: 0 0 50px 0;
     }

     .doctor_trust_wrapper {
         margin: 30px 0 0 0;
     }

     .doctor_detail_main {
         padding: 50px 0;
     }


     .doctor_with_kids ul {
         margin: 0 0 30px 0;
     }

     .doctor_detail_tabs_wrapper {
         display: block;
         padding: 0 15px;
     }

     .doctor_detail_tabs_wrapper div#accordionExample {
         float: left;
         width: 100%;
     }

     .docter_detail_tabs {
         width: 100%;
     }

     .docter_detail_tabs {
         margin: 20px 0 0 0;
     }

     .doctor_detail_tabs_wrapper .doctor_with_kids {
         width: 100%;
     }

     .doctor_trust_wrapper ul {
         grid-template-columns: repeat(2, 1fr) !important;
     }

     .dental_emergnecy.doctor_detail_wrapper {
         padding: 50px 0 50px 0;
     }

     .doctor_detail_section.mmet_the_docotr .doctor_detail_contetn {
         margin: 0px 0 20px;
     }

     .doctor_trust_wrapper ul li {
         float: left;
         width: 100%;
     }

     .doctor_trust_wrapper ul li img {
         width: 70px;
     }

     .doctor_detail_section.mmet_the_docotr {
         padding: 50px 0 0px 0;
     }

     .book-appointment-popup {
         padding: 50px 30px 50px;
     }


 }


 @media (min-width: 576px) and (max-width: 767.5px) {

     .parent-corner-item-1 p {
         position: relative;
         transform: translate(0, 20%);
         width: 100%;
         z-index: 9;
     }

     .parent-corner-item-2 p {
         position: relative;
         transform: translate(0%, 15%);
         width: 100%;
         z-index: 9;
         text-align: left;
     }

     .parent-corner-item-3 p {
         position: relative;
         transform: translate(0, 15%);
         width: 100%;
         z-index: 9;
     }

     .parent-corner-item-4 p {
         position: relative;
         transform: translate(0%, 10%);
         width: 100%;
         z-index: 9;
         text-align: left;
     }

     .parent-corner-item-5 p {
         position: relative;
         transform: translate(0, 15%);
         width: 100%;
         z-index: 9;
     }




     .paediatric_root_content p {
         width: 100%;
     }

     .paediatric_root_content img {
         width: 90px;
         transform: translate(0%, 97%);
         bottom: 0;
     }

     .timing_col_footer {
         display: flex;
         float: left;
         width: 100%;
     }

     .brushig_video {
         width: 100%;
     }

     .laptop {
         padding: 10px;
     }

     .kid_right {
         right: 0;
     }

     .space_maintian p {
         width: 100%;
     }

     .orthodenic_evaluation .serices_title p {
         width: 100%;
     }


     .mobile-order .crowns_service_contetn {
         margin: 20px 0 20px 0;
         padding: 0 !important;
     }

     .orthodontics_service {
         padding: 0 !important;
     }

     .order-last-mobile {
         order: -1;
     }


     .order-last-mobile2 {
         order: 6;

     }

     .item_dd_explain {
         padding: 0 15px;
     }

     .flex_div {
         display: flex;
         flex-direction: column-reverse;
     }

     .habit_image_correction {
         margin: 0 0 20px 0;
     }

     .red_fox_dd_img p {
         width: 100%;
     }

     .red_fox_dd_img img {
         top: 110px;
         right: 0;
         width: 100px;
     }

     .popup_contetn .serices_title h2 {
         background: #f8a650;
         border-radius: 16px;
         padding: 13px;
     }

     .modal-dialog.modal-dialog-centered.modal-lg {
         max-width: 94%;
     }

     .form_kiddow_kids .form-group {
         margin: 0 0 5px 0;
         display: block;
         align-items: center;
     }

     .form-group.submit-btn {
         margin: 30px 0 0 0 !important;
         display: flex;
     }

     .form-group.submit-btn img {
         display: none;
     }

     .form-group.spilit .form-row {
         display: block;
     }

     .service_detail.clinic-tour {
         margin: 0;
         padding: 50px 0;
     }

     .clinic-gallery_main .clinic-gallery .gallery-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 15px;
     }

     .behaviour_anxiety .serices_title h2 {
         width: 100%;
     }

     .behaviour_anxiety .service_detail.orthodontics_title {
         padding: 50px 0 50px;
     }

     .behaviour_anxiety .crowns_teeth_service {
         padding: 0 !important;
     }

     .behaviour_anxiety .relate img {
         width: 140px;
     }

     .crowns_service_contetn h2 {
         font-size: 30px;
     }

     .last_detail_section_servcie img {
         display: none;
     }

     .last_detail_section_servcie h2 {
         font-size: 30px;
     }

     .behaviour_anxiety_servcie .title p {
         width: 100%;
     }

     .last_detail_section_servcie {
         margin: 20px 0 50px 0;
     }

     .behaviour_anxiety_servcie ul {
         grid-template-columns: repeat(2, 1fr) !important;
         margin: auto;
         width: 100% !important;
         float: none;
     }

     .behaviour_anxiety .orthodontics_title .serices_title h2 {
         padding: 20px;
         width: 540px;
     }


     .behaviour_anxiety .relate {
         right: 0;
         bottom: -12px;
     }




     .habbit_correction .orthodontics_service .relate img {
         width: 90px;
     }

     .space_maintian p {
         width: 100%;
     }

     .orthodontics_service .crowns_service_contetn p {
         width: 100%;
     }

     .item_evaluation ul {
         width: 100%;
         gap: 15px;
         grid-template-columns: repeat(2, 1fr);
     }

     .crowns_teeth_service {
         padding: 50px 0px 0;
     }

     .orthodontics_title .serices_title h2 {
         padding: 8px 50px 1px 40px;
     }

     .orthodenic_evaluation .serices_title h2 {
         padding: 8px 50px 1px 40px;
     }

     .crowns_service_contetn {
         padding: 0 !important;
     }

     .orthodontics_service .relate2 {
         left: 0;
         bottom: -21px;
     }

     .benifits_of_service ul {
         grid-template-columns: repeat(3, 1fr);
         gap: 15px;
     }

     .kid_right {
         right: 0;
     }

     .space_maintian h2 {
         font-size: 30px;
     }

     .title h2 {
         font-size: 30px;
     }

     .emergeny_contetn ul li .emergency_tips p {
         font-size: 30px;
         width: 100% !important;
         top: 50px;
         padding: 0 23px 0 23px;
     }

     .detal_dency h2 {
         background-image: url(../images/dency.png);
         padding: 4px 13px 4px 13px;
     }

     .emergeny_contetn ul {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
     }


     .dency_decay_detail h5 {
         margin: 0px 0 10px 0;
     }

     .service_detail.detal_dency {
         padding: 50px 0 40px;
         margin: 0;
     }

     .emergeny_contetn .serices_title h2 {
         padding: 0px;
         background: none;
         color: #f8a650;
     }




     .serices_title h2 {
         font-size: 30px;
     }









     .service_item_1 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }

     .service_item_1 h4 {
         font-size: 20px;
         position: absolute;
         transform: none;
         z-index: 99;
         width: 180px;
         top: 40px;
     }


     .service_item_1:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-1.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }

     .service_item_1:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .service_item_1 h4 {
         font-size: 20px;
         position: absolute;
         transform: none;
         z-index: 99;
         width: 370px;
         top: 40px;
     }



     .service_item_2 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }

     .service_item_2 h4 {
         font-size: 20px;
         width: 360px;
         position: absolute;
         transform: none;
         z-index: 99;
         left: 20px;
         top: 40px;
         text-align: right;
     }




     .service_item_2:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-2.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }

     .service_item_2:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }





     .service_item_3 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }



     .service_item_3:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-3.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }

     .service_item_3:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }


     .service_item_3 h4 {
         font-size: 20px;
         width: 390px;
         transform: none;
         left: 140px;
         z-index: 99;
         position: absolute;
         top: 25px;
     }






     .service_item_4 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }


     .service_item_4 h4 {
         font-size: 20px;
         width: 380px;
         position: absolute;
         transform: none;
         z-index: 99;
         top: 40px;
         left: 20px;
         text-align: right;
     }




     .service_item_4:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-4.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }

     .service_item_4:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }











     .service_item_5 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }




     .service_item_5:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-5.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }

     .service_item_5:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .service_item_5 h4 {
         font-size: 20px;
         width: 300px;
         position: absolute;
         transform: none;
         left: 180px;
         z-index: 99;
         top: 20px;
     }










     .service_item_6 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }


     .service_item_6 h4 {
         font-size: 20px;
         width: 350px;
         position: absolute;
         transform: none;
         z-index: 99;
         top: 40px;
         left: 20px;
         text-align: right;
     }



     .service_item_6:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-6.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }

     .service_item_6:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }









     .services_steps {
         padding: 50px 0;
     }


     .item_service_step ul li p {
         font-size: 18px;
     }


     .contetn_dd_explain p {
         width: 100%;
     }






     .whychoose_grid p {
         width: 400px;
     }

     .header-btn {
         display: none;
     }

     .logo img {
         max-width: 100px;
     }

     .header-btn-nav {
         padding: 0;
     }

     nav#cssmenu ul {
         position: absolute;
         left: 0;
         background: #fff;
         top: 46px;
         width: 100%;
         z-index: 999;
     }


     .smile_gl {
         width: 100% !important;
     }

     .detail-section {
         padding: 40px 0 50px;
     }

     .intro_img img {
         width: 80px;
     }


     .detail_section_conetn h2 {
         font-size: 30px;
     }

     .detail_section_conetn {
         width: 100%;
     }

     .why_choose_section {
         background-image: none;
         padding: 50px 0 30px 0;
         background: #d1e6fc;
     }

     .whychoose_grid {
         padding: 20px;
         border-radius: 63px;
         height: auto;
         margin: 0 0 30px 0;
     }

     .doctor_detail_section {
         background-size: cover;
         background-position: -202px -2%;
     }

     .doctor_detail_section {
         padding: 50px 0;
     }

     .doctor_detail_contetn h2 {
         font-size: 35px;
     }

     .doctor_detail_contetn p {
         width: 100%;
         margin: 0 0 15px 0;
     }

     .doctor_detail_contetn samp {
         font-size: 30px;
         line-height: 25px;
         margin: 0 0 20px 0;
     }

     .btn-wrapper.abour_deoc {
         flex-direction: row;
         margin: 0 0 30px 0;
     }

     .meet_friend_section {
         background-size: contain;
         background-repeat: repeat;
         padding: 50px 0 50px;
     }

     .why_choose_section h2 {
         font-size: 35px;
     }

     .meet_friend_section h2 {
         font-size: 35px;
     }

     .meet_with_more_section {
         width: 100%;
     }


     .meet_section_bottom_heading h5 {
         font-size: 35px;
         line-height: 40px;
     }

     .meet_section_bottom_heading h5 p {
         font-size: 30px;
     }

     .meet_section_bottom_heading {
         margin: 30px 0 0 0;
     }

     .homegalley h2 {
         font-size: 35px;
     }

     .footer_nac_col {
         padding: 0 !important;
     }

     .cobtacr_col ul li img {
         margin: 0 10px 0 0;
     }

     .footer_nav {
         width: 100%;
         gap: 20px;
         padding: 30px 15px 30px 15px;
         flex-direction: column;
     }

     .footer_logo {
         gap: 20px;
         padding: 30px 0 30px;
         height: 100%;
         width: 100%;
     }

     .clinic-gallery .gallery-grid {
         grid-template-columns: repeat(2, 1fr);
         margin: 0 0 0px 0;
     }

     .maps-wrapper {
         flex-direction: column;
     }

     .homegalley {
         padding: 50px 0;
     }

     .bg-meet-item-1 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 97px;
         z-index: 99;
     }

     /* Background Image TOP */
     .bg-meet-item-1:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet1.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-1:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #39d4ff;
         z-index: -2;
     }










     .bg-meet-item-2 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 90px 10px 0px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     .bg-meet-item-2 p {
         padding: 0 0px 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-2:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 10px;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet2.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-2:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #fd5d67;
         z-index: -2;
     }







     .bg-meet-item-3 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 127px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-3:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0;
         width: 80%;
         height: 100%;
         background-image: url("../images/meet3.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-3:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #494b4e;
         z-index: -2;
     }










     .bg-meet-item-4 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 110px 10px 0px;
         z-index: 99;
         margin: 10px 0 0 0;
     }


     /* Background Image TOP */
     .bg-meet-item-4:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet4.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-4:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #dea37f;
         z-index: -2;
     }










     .bg-meet-item-5 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 87px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-5:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0px;
         width: 80%;
         height: 100%;
         background-image: url("../images/meet5.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-5:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #e56e8a;
         z-index: -2;
     }

     .bg-meet-item-1 h4 {
         font-size: 24px;
     }


     .bg-meet-item-2 h4 {
         font-size: 24px;
     }


     .bg-meet-item-3 h4 {
         font-size: 24px;
     }


     .bg-meet-item-4 h4 {
         font-size: 24px;
     }


     .bg-meet-item-5 h4 {
         font-size: 24px;
     }

     .item_service_step p {
         width: 100%;
     }

     .item_service_step ul {
         width: 100%;
     }


     .top_explain p {
         width: 100%;
     }



     .tag_style {
         width: 100%;
     }

     .tag_style ul {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
     }

     .tag_style ul li {
         width: 100%;
     }

     .top_explain span {
         width: 100%;
     }

     .contetn_dd_explain_img {
         width: 100%;
     }

     .contetn_dd_explain {
         width: 100%;
         margin: 15px 0 0 0px;
         padding: 0;
     }


     .service_explain {
         padding: 50px 0 10px;
     }

     .contetn_dd_explain h3 {
         font-size: 30px;
     }

     .contetn_dd_explain.center_ite_dd {
         margin: 15px 0 0 0px;
         padding: 0;
     }

     .item_service_step ul {
         width: 100%;
         display: grid;
         grid-template-columns: repeat(2, 1fr);
     }


     .serices_title p {
         width: 100%;
     }

     .service_detail {
         padding: 0px 0 50px;
         margin: -16px 0 0 0;
     }

     .our_services_item {
         padding: 50px 0;
     }



     #cssmenu .submenu-button {
         border-left: 1px solid #ffffff;
     }

     #cssmenu .submenu-button::before {
         background: #000;
     }

     #cssmenu .submenu-button::after {
         background: #000;
     }



     .serices_title h2 {
         font-size: 24px;
     }

     .dency_decay_detail h5 {
         text-align: left !important;
     }

     .dency_decay_detail p {
         width: 100%;
         text-align: left !important;
     }


     .dency_decay_detail img {
         margin: 0px 0 30px 0;
     }

     .dental_emergnecy {
         padding: 50px 0;
         margin: 50px 0 0 0;
     }





     .emergeny_contetn p.lasts {
         width: 100%;
     }

     .container-sm,
     .container {
         max-width: 100%;
     }

     .crowns_service_contetn h2 {
         font-size: 30px;
         margin: 0 0 10px 0;
     }

     .crowns_service_contetn.crown_teeth_contetn2 {
         padding: 20px 0 0 0px;
     }

     .relate2 img {
         width: 150px;
     }

     .relate2 {
         left: 0;
         bottom: 0;
     }

     .servoe_bootm p {
         width: 100%;
     }

     .relate {
         right: 0;
     }

     .relate img {
         width: 150px;
     }

     .crowns_service_contetn.crown_teeth_contetn1 {
         margin: 20px 0 20px 0px;
     }

     .siicde-nned {
         padding: 40px 0 100px 0px;
     }



     .pediatric_contetn p {
         width: 100%;
     }

     .image_dek_peiatric {
         bottom: -12px;
         z-index: 9;
     }

     .image_dek_peiatric img {
         width: 150px;
     }

     .service_detail.crown_tten {
         padding: 50px 0 50px;
     }

     .hello_kidddiz img {
         width: 100%;

     }





     .service_detail.parent-corner {
         margin: 0;
         padding: 50px 0;
     }

     .our_services_item.parent-corner-content {
         padding: 50px 0 50px;
     }













     .parent-corner-item-1 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-1:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-1:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 300px;
         height: 100%;
         background-image: url(../images/corner-1.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }


     .parent-corner-item-1 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 340px;
         z-index: 99;
         left: 80px;
     }



     .parent-corner-item-2 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-2:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-2:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0px;
         width: 360px;
         height: 100%;
         background-image: url(../images/corner-2.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }


     .parent-corner-item-2 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 320px;
         z-index: 99;
         left: 0px;
     }






     .parent-corner-item-3 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-3:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-3:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 320px;
         height: 100%;
         background-image: url(../images/corner-3.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }

     .parent-corner-item-3 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 370px;
         z-index: 99;
         left: 60px;
     }







     .parent-corner-item-4 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-4:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-4:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0px;
         width: 300px;
         height: 100%;
         background-image: url(../images/corner-4.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }


     .parent-corner-item-4 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 380px;
         z-index: 99;
         left: 0px;
     }





     .parent-corner-item-5 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-5:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-5:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 330px;
         height: 100%;
         background-image: url(../images/corner-5.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }

     .parent-corner-item-5 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 290px;
         z-index: 99;
         left: 90px;
     }





     .explian_content {
         padding: 0px 0 0 0;
     }




     .service_detail.testomonials_title {
         padding: 50px 0;
     }

     .testomonilas_item {
         padding: 30px 0 60px 0;
     }

     .review_contetn {
         grid-template-columns: repeat(2, 1fr);
         gap: 15px;
     }

     .service_detail.after_before .serices_title h2 {
         padding: 9px 30px 5px 30px;
         font-size: 24px;
     }

     .result_after_treatment {
         gap: 15px;

     }

     .images_result p {
         font-size: 16px;
     }

     .images_result {
         float: left;
         width: 100%;

     }

     .service_detail.after_before {
         padding: 50px 0;
     }

     .service_detail.happy-kids {
         margin: 0;
         padding: 50px 0;
     }


     .contact-page {
         padding: 50px 0;
     }

     .contact-title img {
         width: 90px;
     }

     .contact-title h2 {
         font-size: 30px;
     }

     .contact-locations {
         grid-template-columns: repeat(1, 1fr);
     }



     .doctor_detail_tabs_wrapper button.accordion-button {
         font-size: 24px;
         background: #f8a650 !important;
         padding: 15px !important;
     }



     .doctor_detail_tabs_wrapper button.accordion-button.collapsed {
         font-size: 24px;
     }

     .service_detail.meet-the-doctor {
         padding: 50px 0 0;
     }

     .doctor_detail_contetn span {
         line-height: normal;
     }

     .doctor_full_detail {
         padding: 0 0 50px 0;
     }

     .doctor_trust_wrapper {
         margin: 30px 0 0 0;
     }

     .doctor_detail_main {
         padding: 50px 0;
     }


     .doctor_with_kids ul {
         margin: 0 0 30px 0;
     }

     .doctor_detail_tabs_wrapper {
         display: block;
         padding: 0 15px;
     }

     .doctor_detail_tabs_wrapper div#accordionExample {
         float: left;
         width: 100%;
     }

     .docter_detail_tabs {
         width: 100%;
     }

     .docter_detail_tabs {
         margin: 20px 0 0 0;
     }

     .doctor_detail_tabs_wrapper .doctor_with_kids {
         width: 100%;
     }

     .emergeny_contetn ul {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         width: 100%;
     }

     .dental_emergnecy.doctor_detail_wrapper {
         padding: 50px 0 50px 0;
     }

     .doctor_detail_section.mmet_the_docotr .doctor_detail_contetn {
         margin: 0px 0 20px;
     }

     .doctor_trust_wrapper ul li {
         float: left;
         width: 100%;
     }

     .doctor_trust_wrapper ul li img {
         width: 70px;
     }

     .doctor_detail_section.mmet_the_docotr {
         padding: 50px 0 0px 0;
     }

     .doctor_trust_wrapper ul {
         grid-template-columns: repeat(1, 1fr) !important;
     }

     .dental-tips-page {
         padding: 50px 0;
     }

     .contetn_tips ul {
         grid-template-columns: repeat(2, 1fr);
     }

     .contetn_tips ul li {
         display: flex;
         justify-content: center;
     }

     .download_tip .btn-wrapper {
         gap: 10px;
     }

     .brushing_time {
         padding: 50px 0 0 0;
     }

     .contetn_tips ul li p {
         font-size: 24px;
         width: 260px;
     }

     .download_tip {
         margin: 30px 0 0 0;
     }

     .doctor_trust_wrapper ul {
         grid-template-columns: repeat(1, 1fr) !important;
     }

     .downlaod_btn a.btn-wrapper-big {
         width: 250px !important;
     }

     .book-appointment-popup {
         padding: 50px 30px 50px;
     }
 }


 @media only screen and (max-width: 575.5px) {



     .parent-corner-item-1 p {
         position: relative;
         transform: translate(0, 10%);
         width: 100%;
         z-index: 9;
     }


     .parent-corner-item-2 p {
         position: relative;
         transform: translate(0%, 10%);
         width: 100%;
         z-index: 9;
         text-align: left;
     }


     .parent-corner-item-3 p {
         position: relative;
         transform: translate(0, 10%);
         width: 100%;
         z-index: 9;
     }

     .parent-corner-item-4 p {
         position: relative;
         transform: translate(0%, 10%);
         width: 100%;
         z-index: 9;
         text-align: left;
     }

     .parent-corner-item-5 p {
         position: relative;
         transform: translate(0, 13%);
         width: 100%;
         z-index: 9;
     }



     .paediatric_root_content p {
         width: 100%;
     }

     .paediatric_root_content img {
         width: 90px;
         transform: translate(0%, 97%);
         bottom: 0;
     }

     .timing_col_footer {
         display: flex;
         float: left;
         width: 100%;
     }

     .mobile_btn_header.header-btn {
         display: block !important;
         padding: 20px 15px 20px;
         float: left;
         width: 100%;
     }


     .laptop {
         padding: 10px;
     }

     .brushig_video {
         width: 100%;
     }

     .kid_right {
         right: 0;
     }

     .space_maintian p {
         width: 100%;
     }

     .orthodenic_evaluation .serices_title p {
         width: 100%;
     }


     .mobile-order .crowns_service_contetn {
         margin: 20px 0 20px 0;
         padding: 0 !important;
     }

     .orthodontics_service {
         padding: 0 !important;
     }

     .mobile-order {
         order: 4;
     }

     .order-last-mobile2 {
         order: 6;

     }

     .order-last-mobile {
         order: -1;
     }


     .flex_div {
         display: flex;
         flex-direction: column-reverse;
     }


     .habit_image_correction {
         margin: 0 0 20px 0;
     }

     .red_fox_dd_img p {
         width: 100%;
     }

     .red_fox_dd_img img {
         top: 190px;
         right: 0;
         width: 100px;
         transform: translate(0%, 0%);
     }

     .book-appointment-popup {
         padding: 50px 30px 50px;
     }

     .popup_contetn .serices_title h2 {
         background: #f8a650;
         border-radius: 16px;
         padding: 13px;
     }

     .modal-dialog.modal-dialog-centered.modal-lg {
         max-width: 100%;
     }

     .form_kiddow_kids .form-group {
         margin: 0 0 5px 0;
         display: block;
         align-items: center;
     }

     .form-group.submit-btn {
         margin: 30px 0 0 0 !important;
         display: flex;
     }

     .form-group.submit-btn img {
         display: none;
     }

     .form-group.spilit .form-row {
         display: block;
     }

     .downlaod_btn a.btn-wrapper-big {
         width: 100% !important;
     }

     .dental-tips-page {
         padding: 50px 0;
     }

     .contetn_tips ul {
         grid-template-columns: repeat(1, 1fr);
     }

     .contetn_tips ul li {
         display: flex;
         justify-content: center;
     }

     .download_tip .btn-wrapper {
         gap: 10px;
     }

     .brushing_time {
         padding: 50px 0 0 0;
     }

     .contetn_tips ul li p {
         font-size: 30px;
         width: 280px;
     }

     .download_tip {
         margin: 30px 0 0 0;
     }

     .doctor_trust_wrapper ul {
         grid-template-columns: repeat(1, 1fr) !important;
         display: grid;
         grid-template-columns: repeat(1, 1fr);
         width: 100% !important;
     }

     .doctor_detail_tabs_wrapper button.accordion-button {
         font-size: 24px;
         background: #f8a650 !important;
         padding: 15px !important;
     }



     .doctor_detail_tabs_wrapper button.accordion-button.collapsed {
         font-size: 24px;
     }

     .service_detail.meet-the-doctor {
         padding: 50px 0 0;
     }

     .doctor_detail_contetn span {
         line-height: normal;
     }

     .doctor_full_detail {
         padding: 0 0 50px 0;
     }

     .doctor_trust_wrapper {
         margin: 30px 0 0 0;
     }

     .doctor_detail_main {
         padding: 50px 0;
     }


     .doctor_with_kids ul {
         margin: 0 0 30px 0;
     }

     .doctor_detail_tabs_wrapper {
         display: block;
         padding: 0 15px;
     }

     .doctor_detail_tabs_wrapper div#accordionExample {
         float: left;
         width: 100%;
     }

     .docter_detail_tabs {
         width: 100%;
     }

     .docter_detail_tabs {
         margin: 20px 0 0 0;
     }

     .doctor_detail_tabs_wrapper .doctor_with_kids {
         width: 100%;
     }



     .dental_emergnecy.doctor_detail_wrapper {
         padding: 50px 0 50px 0;
     }

     .doctor_detail_section.mmet_the_docotr .doctor_detail_contetn {
         margin: 0px 0 20px;
     }

     .doctor_trust_wrapper ul li {
         float: left;
         width: 100%;
     }

     .doctor_trust_wrapper ul li img {
         width: 70px;
     }

     .doctor_detail_section.mmet_the_docotr {
         padding: 50px 0 0px 0;
     }

     .contact-page {
         padding: 50px 0;
     }

     .contact-title img {
         width: 90px;
     }

     .contact-title h2 {
         font-size: 30px;
     }

     .contact-locations {
         grid-template-columns: repeat(1, 1fr);
     }

     .service_detail.clinic-tour {
         margin: 0;
         padding: 50px 0;
     }

     .clinic-gallery_main .clinic-gallery .gallery-grid {
         grid-template-columns: repeat(1, 1fr);
         gap: 15px;
     }

     .service_detail.after_before .serices_title h2 {
         padding: 9px 30px 5px 30px;
         font-size: 24px;
     }

     .result_after_treatment {
         gap: 15px;
         display: grid;
     }

     .images_result p {
         font-size: 16px;
     }

     .images_result {
         float: left;
         width: 100%;

     }

     .service_detail.after_before {
         padding: 50px 0;
     }

     .service_detail.testomonials_title {
         padding: 50px 0;
     }

     .testomonilas_item {
         padding: 30px 0 60px 0;
     }

     .review_contetn {
         grid-template-columns: repeat(1, 1fr);
         gap: 15px;
     }

     .service_detail.parent-corner {
         margin: 0;
         padding: 50px 0;
     }

     .our_services_item.parent-corner-content {
         padding: 50px 0 50px;
     }








     .parent-corner-item-1 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-1:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-1:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 360px;
         height: 100%;
         background-image: url(../images/corner-1.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }


     .parent-corner-item-1 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 200px;
         z-index: 99;
         left: 90px;
     }



     .parent-corner-item-2 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-2:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-2:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0px;
         width: 336px;
         height: 100%;
         background-image: url(../images/corner-2.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }


     .parent-corner-item-2 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 200px;
         z-index: 99;
         left: 0px;
     }






     .parent-corner-item-3 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-3:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-3:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 360px;
         height: 100%;
         background-image: url(../images/corner-3.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }


     .parent-corner-item-3 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 200px;
         z-index: 99;
         left: 90px;
     }







     .parent-corner-item-4 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-4:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-4:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0px;
         width: 335px;
         height: 100%;
         background-image: url(../images/corner-4.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }


     .parent-corner-item-4 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 200px;
         z-index: 99;
         left: 0px;
     }





     .parent-corner-item-5 {
         background: none;
         padding: 30px;
         margin: 0 0 20px 0;
         aspect-ratio: auto;
     }

     .parent-corner-item-5:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .parent-corner-item-5:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 360px;
         height: 100%;
         background-image: url(../images/corner-5.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }


     .parent-corner-item-5 h4 {
         transform: none;
         font-size: 18px;
         position: relative;
         width: 200px;
         z-index: 99;
         left: 90px;
     }






     .behaviour_anxiety .serices_title h2 {
         width: 100%;
     }

     .behaviour_anxiety .service_detail.orthodontics_title {
         padding: 50px 0 50px;
     }

     .behaviour_anxiety .crowns_teeth_service {
         padding: 0 !important;
     }

     .behaviour_anxiety .relate img {
         width: 140px;
     }

     .crowns_service_contetn h2 {
         font-size: 30px;
     }

     .last_detail_section_servcie img {
         display: none;
     }

     .last_detail_section_servcie h2 {
         font-size: 30px;
     }

     .behaviour_anxiety_servcie .title p {
         width: 100%;
     }

     .last_detail_section_servcie {
         margin: 20px 0 50px 0;
     }

     .behaviour_anxiety_servcie ul {
         grid-template-columns: repeat(2, 1fr) !important;
         margin: auto;
         width: 100% !important;
         float: none;
     }

     .orthodenic_evaluation .serices_title h2 {
         background: none;
         color: #f8a650;
         padding: 0;
     }

     .item_evaluation ul {
         width: 100%;
         grid-template-columns: repeat(1, 1fr);
         gap: 15px;
     }

     .emergeny_contetn ul li .emergency_tips p {
         font-size: 30px;
         width: 100% !important;
         top: 50px;
         padding: 0 23px 0 23px;
     }

     .detal_dency h2 {
         background-image: url(../images/dency.png);
         padding: 4px 13px 4px 13px;
     }




     .dency_decay_detail h5 {
         margin: 0px 0 10px 0;
     }

     .service_detail.detal_dency {
         padding: 50px 0 40px;
         margin: 0;
     }

     .emergeny_contetn .serices_title h2 {
         padding: 0px;
         background: none;
         color: #f8a650;
     }



     .contetn_dd_explain p {
         width: 100%;
     }

     .services_steps {
         padding: 50px 0;
     }

     .whychoose_grid h4 {
         font-size: 24px;
     }


     .hello_kidddiz img {
         width: 100%;
     }

     .crowns_service_contetn h2 {
         font-size: 30px;
         margin: 0 0 10px 0;
     }

     .crowns_service_contetn.crown_teeth_contetn2 {
         padding: 20px 0 0 0px;
     }

     .relate2 img {
         width: 150px;
     }

     .relate2 {
         left: 0;
         bottom: 0;
     }

     .servoe_bootm p {
         width: 100%;
     }

     .relate {
         right: 0;
         bottom: -40px;
     }

     .relate img {
         width: 110px;
     }

     .crowns_service_contetn.crown_teeth_contetn1 {
         margin: 20px 0 20px 0px;
     }

     .siicde-nned {
         padding: 0px 0 100px 0px;
     }

     .pediatric {
         padding: 50px 0 0px;
     }

     .crowns_teeth_service {
         padding: 50px 0px 0;
     }

     .orthodontics_service .relate2 {
         left: 0;
     }

     .orthodontics_service .relate {
         right: 0;
         bottom: -11px;
     }

     .orthodontics_service .crowns_service_contetn p {
         width: 100%;
     }

     .title h2 {
         font-size: 30px;
     }

     .benifits_of_service ul li p {
         font-size: 14px;
     }

     .benifits_of_service ul {
         grid-template-columns: repeat(2, 1fr);
         gap: 15px;
     }

     .space_maintian h2 {
         font-size: 30px;
     }

     .pediatric_contetn p {
         width: 100%;
     }

     .image_dek_peiatric {
         bottom: -12px;
         z-index: 9;
     }

     .image_dek_peiatric img {
         width: 150px;
     }

     .dency_decay_detail h5 {
         text-align: left !important;
         line-height: 30px;
     }

     .dental_emergnecy {
         padding: 50px 0;
         margin: 50px 0 0 0;
     }



     .service_detail.detal_dency {
         padding: 50px 0 35px;
         margin: 0;
     }

     .dency_decay_detail p {
         width: 100%;
         text-align: left !important;
     }

     .dency_decay_detail img {
         margin: 0px 0 20px 0;
     }

     .header-btn {
         display: none;
     }

     .logo img {
         max-width: 100px;

     }

     img.header_shape {
         left: 1%;
     }

     .header-btn-nav {
         padding: 0;
     }


     #cssmenu .submenu-button {
         border-left: 1px solid #ffffff;
     }

     #cssmenu>ul>li>a {
         float: left;
     }

     #cssmenu .submenu-button:before {
         background: #000;
     }




     nav#cssmenu ul {
         position: absolute;
         left: 0;
         background: #fff;
         top: 76px;
         width: 100%;
     }

     #cssmenu .submenu-button:after {
         background: #000;
     }

     .detail-section {
         padding: 50px 0 50px;
     }

     .intro_img img {
         width: 80px;
         margin: 0 0 10px 0;
     }


     .detail_section_conetn h2 {
         font-size: 30px;
         line-height: normal;
     }

     .detail_section_conetn {
         width: 100%;
     }

     .why_choose_section {
         background-image: none;
         padding: 50px 0 30px 0;
         background: #d1e6fc;
     }

     .whychoose_grid {
         padding: 20px;
         border-radius: 63px;
         height: auto;
         margin: 0 0 30px 0;
     }

     .doctor_detail_section {
         background-size: cover;
         background-position: -202px -2%;
     }

     .doctor_detail_section {
         padding: 50px 0;
     }

     .doctor_detail_contetn h2 {
         font-size: 35px;
     }

     .doctor_detail_contetn p {
         width: 100%;
     }

     .doctor_detail_contetn samp {
         font-size: 24px;
         line-height: 25px;
         margin: 10px 0 10px 0;
     }

     .btn-wrapper.abour_deoc {
         flex-direction: row;
         margin: 0 0 30px 0;
     }

     .meet_friend_section {
         background-size: contain;
         background-repeat: repeat;
         padding: 50px 0 50px;
     }

     .why_choose_section h2 {
         font-size: 35px;
     }

     .meet_friend_section h2 {
         font-size: 35px;
     }

     .meet_with_more_section {
         width: 100%;
     }

     .meet_section_bottom_heading h5 {
         font-size: 35px;
         line-height: 40px;
     }

     .meet_section_bottom_heading h5 p {
         font-size: 30px;
     }

     .meet_section_bottom_heading {
         margin: 30px 0 0 0;
     }

     .homegalley h2 {
         font-size: 35px;
     }

     .footer_nac_col {
         padding: 0 !important;
     }

     .cobtacr_col ul li img {
         margin: 0 10px 0 0;
     }

     .footer_nav {
         width: 100%;
         gap: 20px;
         padding: 30px 15px 30px 15px;
         flex-direction: column;
     }

     .footer_logo {
         gap: 20px;
         padding: 30px 0 30px;
         height: 100%;
         width: 100%;
     }

     .clinic-gallery .gallery-grid {
         grid-template-columns: repeat(1, 1fr);
         margin: 0 0 0px 0;
     }

     .maps-wrapper {
         flex-direction: column;
     }

     .homegalley {
         padding: 50px 0;
     }

     .bg-meet-item-1 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 97px;
         z-index: 99;
     }

     /* Background Image TOP */
     .bg-meet-item-1:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet1.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-1:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #39d4ff;
         z-index: -2;
     }










     .bg-meet-item-2 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 90px 10px 0px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     .bg-meet-item-2 p {
         padding: 0 0px 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-2:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 10px;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet2.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-2:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #fd5d67;
         z-index: -2;
     }







     .bg-meet-item-3 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 127px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-3:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0;
         width: 80%;
         height: 100%;
         background-image: url("../images/meet3.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-3:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #494b4e;
         z-index: -2;
     }










     .bg-meet-item-4 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 110px 10px 0px;
         z-index: 99;
         margin: 10px 0 0 0;
     }


     /* Background Image TOP */
     .bg-meet-item-4:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet4.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-4:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #dea37f;
         z-index: -2;
     }










     .bg-meet-item-5 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 87px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-5:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0px;
         width: 80%;
         height: 100%;
         background-image: url("../images/meet5.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-5:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #e56e8a;
         z-index: -2;
     }

     .bg-meet-item-1 h4 {
         font-size: 24px;
     }


     .bg-meet-item-2 h4 {
         font-size: 24px;
     }


     .bg-meet-item-3 h4 {
         font-size: 24px;
     }


     .bg-meet-item-4 h4 {
         font-size: 24px;
     }


     .bg-meet-item-5 h4 {
         font-size: 24px;
     }

     #cssmenu ul li ul {
         position: relative;
         top: 5px;
     }



     .item_service_step ul li p {
         font-size: 18px;
     }

     /* service */


     .serices_title p {
         width: 100%;
     }

     .service_detail {
         padding: 0px 0 50px;
         margin: -10px 0 0 0;
     }

     .our_services_item {
         padding: 50px 0;
     }













     .service_item_1 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }


     .service_item_1:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-1.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }

     .service_item_1:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .service_item_1 h4 {
         font-size: 20px;
         position: absolute;
         transform: none;
         z-index: 99;
         width: 180px;
         top: 40px;
     }



     .service_item_2 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }

     .service_item_2 h4 {
         font-size: 20px;
         width: 170px;
         position: absolute;
         transform: none;
         z-index: 99;
         left: 20px;
         top: 40px;
     }




     .service_item_2:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-2.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }

     .service_item_2:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }





     .service_item_3 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }



     .service_item_3:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-3.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }

     .service_item_3:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }


     .service_item_3 h4 {
         font-size: 20px;
         width: 200px;
         transform: none;
         left: 140px;
         z-index: 99;
         position: absolute;
         top: 25px;
     }






     .service_item_4 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }


     .service_item_4 h4 {
         font-size: 20px;
         width: 170px;
         position: absolute;
         transform: none;
         z-index: 99;
         top: 40px;
         left: 20px;
     }




     .service_item_4:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-4.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }

     .service_item_4:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }











     .service_item_5 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }




     .service_item_5:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-5.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: 99;
     }

     .service_item_5:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }

     .service_item_5 h4 {
         font-size: 20px;
         width: 150px;
         position: absolute;
         transform: none;
         left: 180px;
         z-index: 99;
         top: 20px;
     }











     .service_item_6 {
         position: relative;
         float: left;
         width: 100%;
         padding: 60px;
         z-index: 99;
         margin: 10px 0 0 0;
         background: none;
         height: auto;
     }


     .service_item_6 h4 {
         font-size: 20px;
         width: 130px;
         position: absolute;
         transform: none;
         z-index: 99;
         top: 40px;
         left: 20px;
     }



     .service_item_6:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background-image: url(../images/servicestyle-6.png);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: 99;
     }

     .service_item_6:after {
         background: #e6eff8;
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
     }









     .item_service_step p {
         width: 100%;
     }

     .item_service_step ul {
         width: 100%;
     }


     .top_explain p {
         width: 100%;
     }



     .tag_style {
         width: 100%;
     }

     .tag_style ul {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
     }

     .tag_style ul li {
         width: 100%;
     }

     .top_explain span {
         width: 100%;
     }

     .contetn_dd_explain_img {
         width: 100%;
     }

     .contetn_dd_explain {
         width: 100%;
         margin: 15px 0 0 0px;
         padding: 0;
     }


     .item_dd_explain {
         padding: 0 15px;
     }

     .service_explain {
         padding: 50px 0 40px;
     }

     .contetn_dd_explain h3 {
         font-size: 30px;
     }

     .contetn_dd_explain.center_ite_dd {
         margin: 15px 0 0 0px;
         padding: 0;
     }

     .item_service_step ul {
         width: 100%;
         display: grid;
         grid-template-columns: repeat(2, 1fr);
     }

     .smile_gl {
         width: 100% !important;
     }

     .clinic-gallery {
         padding: 20px 0 0 0;
     }


     .emergeny_contetn p.lasts {
         width: 100%;

     }

     .emergeny_contetn .serices_title h2 {
         padding: 3px 10px 1px 10px;
     }

     .serices_title h2 {
         font-size: 24px;
     }


     .crown_tten h2 {
         padding: 5px 24px 4px 24px;
         background: none;
         color: #f8a650;
     }


     .service_detail.crown_tten {
         padding: 50px 0 50px;
         margin: 0;
     }




     .orthodontics_title .serices_title h2 {
         background: none;
         color: #f8a650;
         padding: 0;
     }

     .crowns_service_contetn {
         margin: 0 0 20px 0;
         padding: 0 !important;
     }

     .habbit_correction .crowns_teeth_service {
         padding: 0px 0 50px !important;
     }

     .habbit_correction .orthodontics_service .relate img {
         width: 90px;
     }

     .explian_content {
         padding: 0px 0 0 0;
     }
 }


 @media only screen and (max-width: 400px) {
     .kiddoz-form .form-group {
         width: 100%;
     }

     .service_detail.happy-kids {
         margin: 0;
         padding: 50px 0;
     }

     .btn-wrapper {
         gap: 5px;
         flex-direction: column;
     }

     .btn-wrapper a.btn-wrapper-big {
         padding: 12px 20px 10px 20px;
     }



     .bg-meet-item-1 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 107px;
         z-index: 99;
     }

     /* Background Image TOP */
     .bg-meet-item-1:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet1.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-1:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #39d4ff;
         z-index: -2;
     }










     .bg-meet-item-2 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 90px 10px 0px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     .bg-meet-item-2 p {
         padding: 0 0px 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-2:before {
         content: "";
         position: absolute;
         right: 0;
         top: 10px;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet2.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-2:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #fd5d67;
         z-index: -2;
     }







     .bg-meet-item-3 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 127px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-3:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0;
         width: 80%;
         height: 100%;
         background-image: url("../images/meet3.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-3:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #494b4e;
         z-index: -2;
     }







     .bg-meet-item-4 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 106px 10px 0px;
         z-index: 99;
         margin: 10px 0 0 0;
     }


     /* Background Image TOP */
     .bg-meet-item-4:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet4.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-4:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #dea37f;
         z-index: -2;
     }










     .bg-meet-item-5 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 77px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-5:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 0px;
         width: 80%;
         height: 100%;
         background-image: url("../images/meet5.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-5:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #e56e8a;
         z-index: -2;
     }


     .service_item_2:before {
         top: 0px;
     }

     .service_item_4:before {
         top: 0px;
     }

     .service_item_6:before {
         top: 0px;
     }






     .item_service_step ul {
         display: flex;
         gap: 15px;
         justify-content: center;
         flex-direction: column;
     }


     .tag_style ul {
         display: grid;
         grid-template-columns: repeat(1, 1fr);
     }


     .emergeny_contetn ul {
         gap: 15px;
         flex-direction: column;
     }





 }


 @media only screen and (max-width: 320px) {


     .parent-corner-item-2:before {
         width: 295px;
     }

     .header-btn {
         display: none;
     }

     .logo img {
         max-width: 100px;
     }

     .header-btn-nav {
         padding: 0;
     }




     .btn-wrapper {
         gap: 5px;
         flex-direction: column;
     }

     .btn-wrapper a.btn-wrapper-big {
         padding: 12px 20px 20px 20px;
     }



     .whychoose_grid h4 {
         font-size: 24px;
     }

     .whychoose_grid {
         padding: 20px;
         border-radius: 63px;
         height: auto;
         margin: 0 0 30px 0;
     }




     .bg-meet-item-1 h4 {
         font-size: 24px;
     }


     .bg-meet-item-2 h4 {
         font-size: 24px;
     }


     .bg-meet-item-3 h4 {
         font-size: 24px;
     }


     .bg-meet-item-4 h4 {
         font-size: 24px;
     }


     .bg-meet-item-5 h4 {
         font-size: 24px;
     }



     .bg-meet-item-1 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 97px;
         z-index: 99;
     }





     .bg-meet-item-1 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 97px;
         z-index: 99;
     }

     /* Background Image TOP */
     .bg-meet-item-1:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 11px;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet1.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-1:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #39d4ff;
         z-index: -2;
     }










     .bg-meet-item-2 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 90px 10px 0px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     .bg-meet-item-2 p {
         padding: 0 0px 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-2:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 10px;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet2.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-2:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #fd5d67;
         z-index: -2;
     }







     .bg-meet-item-3 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 97px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-3:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 21px;
         width: 80%;
         height: 100%;
         background-image: url("../images/meet3.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-3:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #494b4e;
         z-index: -2;
     }










     .bg-meet-item-4 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 90px 10px 0px;
         z-index: 99;
         margin: 10px 0 0 0;
     }



     /* Background Image TOP */
     .bg-meet-item-4:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 30px;
         width: 100%;
         height: 100%;
         background-image: url("../images/meet4.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-4:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #dea37f;
         z-index: -2;
     }










     .bg-meet-item-5 {
         position: relative;
         float: left;
         width: 100%;
         padding: 20px 0 10px 77px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     /* Background Image TOP */
     .bg-meet-item-5:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 30px;
         width: 80%;
         height: 100%;
         background-image: url("../images/meet5.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .bg-meet-item-5:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #e56e8a;
         z-index: -2;
     }






     .service_item_1 h4 {
         font-size: 20px;
         width: 100%;
     }


     .service_item_1 {
         position: relative;
         float: left;
         width: 100%;
         padding: 30px 0 30px 87px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     /* Background Image TOP */
     .service_item_1:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 20px;
         width: 60%;
         height: 100%;
         background-image: url("../images/servicestyle-1.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .service_item_1:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #e6eff8;
         z-index: -2;
     }







     .service_item_2 {
         position: relative;
         float: left;
         width: 100%;
         padding: 30px 0 30px 20px;
         z-index: 99;
         margin: 10px 0 0 0;
     }


     .service_item_2 h4 {
         width: 178px;
         font-size: 20px;
     }

     /* Background Image TOP */
     .service_item_2:before {
         content: "";
         position: absolute;
         right: 0px;
         top: 10px;
         width: 80%;
         height: 100%;
         background-image: url("../images/servicestyle-2.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: -1;
     }

     /* Background Color BELOW */
     .service_item_2:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #e6eff8;
         z-index: -2;
     }









     .service_item_3 {
         position: relative;
         float: left;
         width: 100%;
         padding: 30px 0 30px 87px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     /* Background Image TOP */
     .service_item_3:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 20px;
         width: 60%;
         height: 100%;
         background-image: url("../images/servicestyle-3.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .service_item_3:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #e6eff8;
         z-index: -2;
     }

     .service_item_3 h4 {
         float: left;
         width: 213px;
         font-size: 20px;
     }





     .service_item_4 {
         position: relative;
         float: left;
         width: 100%;
         padding: 30px 0 30px 20px;
         z-index: 99;
         margin: 10px 0 0 0;
     }


     .service_item_4 h4 {
         width: 178px;
         font-size: 20px;
     }

     /* Background Image TOP */
     .service_item_4:before {
         content: "";
         position: absolute;
         right: 0px;
         top: 10px;
         width: 80%;
         height: 100%;
         background-image: url("../images/servicestyle-4.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: -1;
     }

     /* Background Color BELOW */
     .service_item_4:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #e6eff8;
         z-index: -2;
     }








     .service_item_5 {
         position: relative;
         float: left;
         width: 100%;
         padding: 30px 0 30px 87px;
         z-index: 99;
         margin: 10px 0 0 0;
     }

     /* Background Image TOP */
     .service_item_5:before {
         content: "";
         position: absolute;
         left: 0px;
         top: 20px;
         width: 60%;
         height: 100%;
         background-image: url("../images/servicestyle-5.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top left;
         z-index: -1;
     }

     /* Background Color BELOW */
     .service_item_5:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #e6eff8;
         z-index: -2;
     }

     .service_item_5 h4 {
         float: left;
         width: 213px;
         font-size: 20px;
     }






     .service_item_6 {
         position: relative;
         float: left;
         width: 100%;
         padding: 30px 0 30px 20px;
         z-index: 99;
         margin: 10px 0 0 0;
     }


     .service_item_6 h4 {
         width: 178px;
         font-size: 20px;
     }

     /* Background Image TOP */
     .service_item_6:before {
         content: "";
         position: absolute;
         right: 0px;
         top: 10px;
         width: 80%;
         height: 100%;
         background-image: url("../images/servicestyle-6.png");
         background-repeat: no-repeat;
         background-size: contain;
         background-position: top right;
         z-index: -1;
     }

     /* Background Color BELOW */
     .service_item_6:after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #e6eff8;
         z-index: -2;
     }


     .tag_style ul {
         display: grid;
         grid-template-columns: repeat(1, 1fr);
     }

     .serices_title h2 {
         font-size: 20px;
     }

     .emergeny_contetn .serices_title h2 {
         background-image: none !important;
         color: #000;
     }


     .service_detail.crown_tten {
         padding: 50px 0 50px;
         margin: 0;
     }

 }