/* =========================
   LARGE TABLET
========================= */
@media (max-width: 1199px) {
    h1 {
        font-size: 36px;
    }

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

    .map-box iframe {
        min-height: 420px;
    }
}

/* =========================
   TABLET
========================= */
@media (max-width: 991px) {
    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 28px;
    }
    
    .sgfmkdfsfsdf.d-none{
        display: flex !important;
    }
    
    .sgfmkdfsfsdf .rfr-a-frnd{
        display: flex !important;
    }
    
    .hero-section {
        margin-top: 0;
    }

    .hero-top {
        background: var(--primary-black-color);
    }
    
    .subscribe-box input{
        text-align: center;
    }
    
    .subscribe-box{
        display: block;
    }

    .service-card {
        flex-direction: column;
    }
    
    .dkenkmiowjeore,
    .our-story-section,
    .strength-card{
        text-align: center;
    }
    
    .strength-icon{
        margin-inline: auto;
    }
    
    .first-section h5 br,
    .rfr-a-frnd{
        display: none !important;
    }
    
    .seond-section .col-3{
        width: 50%;
    }
    
    .ts-p{
        max-width:100%;
    }
    
    .about-page .hero-section,
    .blo-section,
    .faqbanner-section{
        padding: 25vw 0;
    }
    
    .hero{
        padding: 9vw 0;
    }
    
    .blo-section5 
    {
         padding: 25vw 0;
    }
    
        .blo-section6 
    {
         padding: 25vw 0;
    }

    .review-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .our-story-section{
        padding: 60px 0 0 0;
    }
    
    .side-menu {
        margin-top: 0;
        display: inline-flex;
        flex-wrap: wrap;
    }
    
    .seond-section .tab-btn img {
        height: 30vw;
    }
    
    .dafdhdvsree{
        margin-top: 2rem;
    }

    .map-section .col-lg-4,
    .map-section .col-lg-8 {
        width: 100%;
    }
    
    .service-card{
        flex-direction: column-reverse;
        margin-top: 2rem;
    }
    
    .image-wrapper img {
         margin-left: 0; 
    }
    
    .service-img{
        text-align: center;
        display: none;
    }
    
    .form-box {
        padding: 48px 20px;
    }

    .footer-main {
        margin-top: 30px;
    }
    
    .top-bar.d-flex{
        display: none !important;
    }
    
    .container-fluid.px-5{
        padding-right: var(--bs-gutter-x, 0.75rem) !important;
        padding-left: var(--bs-gutter-x, 0.75rem) !important;
    }
    
    .logo img{
        width: 6rem;
    }
    
    .menu-icon img{
        width: 1.5rem;
    }
    
    .footer-top.justify-content-between,
    .dafdhdvsree{
        justify-content: center !important;
        text-align: center;
    }
    
    .news-item{
        align-items: center;
    }
    
    header{
        height: auto !important;
    }
    
    header.header-active .hero-top.position-relative{
        position: initial !important;
    }
    
    header.header-active .hero-top{
        background: var(--primary-black-color);
        animation: none !important;
    }
    
    .dkenkmiowjeore {
        text-align: center;
    }
    
    .left-side .content {
        padding: 60px 20px;
    }
    
    .overlay-text {
        width: 80%;
        font-size: 24px;
    }
    
    .image-wrapper img 
    {
        width:100%;
    }
    
    .contact-form .text-end{
        text-align: center !important;
    }
    
    .res-header-nav.py-5{
        padding-bottom: 1.5rem !important;
    }
    
    .image-box,
    .faq-page .main-img{
        display: none;
    }
    
    .subscribe-card{
        margin-inline: auto !important;
    }
    
    .blog-card{
        right: 0;
    }
    
    .blog-date br{
        display: none;
    }
    
    .policy-content{
        padding-inline: 20px;
    }
    
    /*.review-card */
    /*{*/
    /*    min-width:100%;*/
    /*    max-height:100%;*/
    /*}*/
    
    .blo-section2 
    {
        padding: 8rem 0;
    }
    
    .title 
    {
        padding-top:9rem;
    }
    
    .nailthird-section 
    {
        background:none;
    }
    .featul 
    {
        margin-right:3rem;
    }
    .featur 
    {
        margin-left:3rem;
    }
    
    .blo-section4
    {
        padding:6rem 0;
    }
    .sd-service-img 
    {
        height:auto !important;
    }
    .sd-cancel-box
    {
        padding:20px !important;
    }
    .sd-contact-wrapper 
    {
          padding:20px !important;
    }
    .sd-feature-wrapper 
    {
        padding:20px !important;
    }
    .sd-option-btn.active
    {
        padding:20px !important;
    }
    .img-box 
    {
        height:18rem;
    }
    
    .image-collage img
    {
        height:300px;
    }
    .circ-img img
    {
       height:150px; 
    }
    .circ-img {
        position: absolute;
        bottom: 23%;
        right: 0%;
    }
    .experience-box 
    {
        left:46%;
    }
    
    .review-card 
    {
      min-width:100%;    
      
    }
    .cancel-btn 
    {
      min-width:100%;   
    }
    .service-card 
    {
        margin-top:0 !important;
    }
    .section-title 
    {
        text-align:center;
    }
    .cart-card h3 
    {
        padding-top:15px;
    }
    .feature-card  
    {
        padding:10px;
    }
    .offer-box 
    {
      gap:10px;
    }
}

/* =========================
   MOBILE
========================= */
@media (max-width: 767px) {
    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 24px;
    }

    h5 {
        font-size: 16px;
    }

    p {
        font-size: 14px;
    }

    .hero-top {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .dgfndgsff{
        flex-direction: column-reverse;
    }
    
    .ref-box{
        margin-bottom: 1.5rem;
    }
    
    .svbfjhefsdhdtsf > *{
        width: 50%;
    }
    
    .aionflwemrewr{
        text-align: center;
    }

    .book-btn {
        font-size: 14px;
        padding: 10px 18px;
    }

    .seond-section .tab-btn {
        font-size: 14px;
    }

    .service-content {
        padding: 20px 15px;
    }

    .service-item {
        font-size: 14px;
    }

    .fifth-section .stat-item h2 {
        font-size: 28px;
    }

    .review-summary {
        text-align: center;
        justify-content: center;
    }

    .review-grid {
        grid-template-columns: 1fr;
    }

    .review-top,
    .review-user {
        align-items: flex-start;
    }

    .map-box iframe {
        min-height: 300px;
    }

    .subscribe-box input,
    .subscribe-btn,
    .t-desc{
        width: 100%;
        max-width: 100%;
        margin-top:15px;
    }
    
    .stat-icon 
    {
        width:20vw;
    }
    
    .main-img-wrap{
        display: none;
    }
    
    .ts-body,
    .t-wrap{
        grid-template-columns: auto;
    }
    
    .ts{
        padding-inline: 20px;
    }
    
    .t-title br{
        display: none;
    }
    
    .testimonial{
        text-align: center;
        padding-inline: 20px;
    }
    
    .ts-right {
        padding-inline: 0 !important;
    }
    
    .t-btns{
        justify-content: center;
    }
    
    .sdfvgdfgfawsdeww{
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        background: #fff;
        z-index: 99999;
        transition: all 0.3s ease;
    }
    
    .sdfvgdfgfawsdeww-hide{
        left: -500%;
        transition: all 0.3s ease;
    }
    
    .sdfvgdfgfawsdeww > .d-none{
        display: flex !important;
        margin-bottom: 1.5rem;
    }
    
    .sdxgsdvdfgfree.d-none{
        display: block !important;
    }
    
    .hjhdrsfefeee.px-4{
        padding-left: 0.5rem !important;
    }
    
    .user-responsive-sidebar-backdrop.d-none{
        display: block !important;
    }
    
    .user-responsive-sidebar-backdrop{
        background: rgba(0, 0, 0, 0.6);
        z-index: 999;
        opacity: 1;
        visibility: visible;
    }
    
    .user-responsive-sidebar-backdrop-hide{
        opacity: 0;
        visibility: hidden;
    }
    
    .sdfvgdfgfawsdeww h4.mb-3{
        margin-bottom: 0 !important;
    }
}



@media only screen and (max-width: 600px){
    .faq-question {
        font-size: 1rem;
    }
    
    .gffjhgafgd {
        padding: 55px 0;
    }
    
    .oiajkmiohjeqr.p-5{
        padding-inline: 0 !important;
    }
    
    .text-right.dfgsdsgsgsgsg{
        text-align: center;
    }
    
    .blo-section1 {
        padding: 22vw 0;
    }
}



/* =========================
   SMALL MOBILE
========================= */
@media (max-width: 480px) {
    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 20px;
    }

    .hero-top .logo img {
        max-width: 4rem;
    }

    .book-btn {
        width: 100%;
    }

    .review-card {
        padding: 16px;
    }

    .location-box {
        padding: 15px;
    }

    .map-box iframe {
        min-height: 260px;
    }
    .rb-card img
    {
        height:220px;
    }
}




@media only screen and (max-width: 431px){
    .sgfmkdfsfsdf.d-none{
        flex-wrap: wrap;
    }
    
    .icon-reward,
    .rfr-a-frnd{
        width: 100%;
        justify-content: center;
    }
    
    .icon-reward:first-child{
        margin-bottom: 1rem;
    }
    
    .icon-reward.me-3,
    .icon-reward.me-2{
        margin-right: 0 !important;
    }
    .title 
    {
        padding-top:2rem;
    }
    .seventh-section 
    {
        padding:0;
    }
    .eight-section 
    {
         padding:0;
    }
    .promise-section 
    {
        margin:0 !important;
    }
    .thumb 
    {
        height:24vw;
    }
    
    .stats h3 
    {
        font-size:25px !important;
    }
}






@media (max-width: 393px){
    .overlay-text {
        width: 85%;
        font-size: 5.5vw;
    }
    
    .seventh-section .feature{
        flex-direction: column;
    }
    
    .seventh-section{
        text-align: center;
    }
    
    .seventh-section .feature img{
        margin-inline: auto;
        margin-bottom: 1.4rem;
    }
    
    .svbfjhefsdhdtsf > *{
        width: 100%;
    }
    
    .svbfjhefsdhdtsf .col-lg-6:first-child{
        margin-bottom: 1rem;
    }
    .title 
    {
        padding-top:3rem;
    }
}


@media (max-width: 393px){

     .title 
    {
        padding-top:3rem;
        font-size:2.5rem;
    }
    .service-item 
    {
        font-size:11px !important;
    }
    .dkenkmiowjeore button 
    {
        font-size:8px !important;
    }
}


@media (max-width: 340px){

     .title 
    {
        padding-top:6rem;
        font-size:2.5rem;
    }
    .service-item 
    {
        font-size:9px !important;
    }
    .dkenkmiowjeore button 
    {
        font-size:8px !important;
    }
}