@media (max-width : 1200px){
    .dropdown-toggle{
        display: block;
        position: absolute;
        right: 30px;
        top: 10px;
        
    }
    .navbar .nav-item .nav-link{
        display:inline-block;
    }
    .navbar-toggler-btn-icon {
          font-size: 25px;
        color: var(--secondary-color);
        font-weight: 500;
        position: absolute;
        z-index: 999;
        right: 40px;
        top: 40px;
    }
}

@media (max-width: 768px){
    .about-call-icon{
        width: 50px;
        height: 50px;
    }
    body{
        font-size:15px;
    }
    .dropdown-toggle {
        right: 0;
        top: 0;
        border: 1px solid black;
        padding: 10px;
        height: 40px;
        width: 40px;
        border-radius: 100px;
        line-height: 20px;
        display: flex;
        justify-content: center;
    }
    .footer-contact li i{
        width: 35px;
    height: 35px;
    line-height: 32px;
    }
    .footer-contact li a{
        font-size:15px;
    }
    .footer-contact li p{
        font-size:15px;
    }
    .service-btn{
        margin-left:25%;
    }
    .service-text{
        text-align:center;
    }
    .hero-single{
        padding-top:170px !important;
    }
    .about-call-content span{
        font-size: 13.5px;
    }
    .about-call-number a{
        font-size: 15.5px;
    }
    .hero-content-shape-1{
        width:120px !important;
        left: -20px;
        top:-30px;
    }
    .hero-single .hero-content{
        top:30px;
    }
    .service-icon{
        width:60px;
        height:60px;
        top:30px;
    }
    .hero-single .hero-content .hero-btn{
        position: relative;
        top: 135px;
    }
    .hero-single .hero-content .hero-sub-title{
        position: relative;
        top: 35px;
        /*left: -10px;*/
        letter-spacing:1px;
    }
    .hero-single .hero-content .hero-title{
        position: relative;
        top: 40px;
    }
    .about-bottom{
        /*align-items: center;*/
        margin:20px 0;
        display: -webkit-inline-box;
    }
    .about-call-number {
        font-size:18px;
    }
    .about-right {
    padding:2rem 0;
   }

    .pt-120{
        padding-top: 10px;
    }
    .gallery-shape-1{
        display:none;
    }
    .testimonial-shape{
        display:none;
    }
    .quote-content .theme-btn{
        position:relative;
        left:25%;
    }
    .cta-wrapper{
        padding:20px 20px 28px;
    }
    .pt-100{
        padding-top: 50px;
    }
    .site-title-tagline{
        font-size:25px;
    }
    .service-area{
        padding:3rem 0;
    }
    .gallery-area{
        padding:3rem 0;
    }
    .site-heading{
        margin-bottom:30px;
    }
    .counter-area{
        padding:2rem 0; 
    }
    .counter-area .counter-box {
        margin: 15px 0;
    }
    .pricing-header{
        left: 35%;
    }
    .pricing-item{
        text-align: center;
        margin-bottom:0;
    }
    .cta-text p{
        font-size:14.5px;
        line-height:1.3;
    }
    .cta-text .cta-title{
        font-size:26px;
    }
    .footer-widget-box p{
        font-size:14.5px;
    }
    .footer-widget-box .love-thru{
        font-size:20px;
        text-align: center;
    }
    .testimonial-author-info p{
       font-size:14.5px; 
    }
    .testimonial-author-info h4{
        font-size:20px;
    }
    .testimonial-quote p{
         font-size:14.5px;
    }
    .story-area {
    padding: 1.5rem 0;
    }
    .why-choose-sec{
        padding:1rem 0 3rem;
    }
    .site-breadcrumb{
        /*height:486px;*/
       padding-bottom: 30px;
    }
    .site-breadcrumb .breadcrumb-menu{
        margin-bottom: 30px;
    }
    .couple-area {
    padding: 3rem 0 0;
    }
    .site-breadcrumb .breadcrumb-title{
        font-size: 23px;
        line-height: 1.2;
        font-weight: 600;
    }
    .lovely{
        text-align: center;
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    .service-single-area{
        padding:2rem 0;
    }
    .widget:last-child{
        margin-bottom:0;
    }
    .widget:first-child{
        display:none;
    }
    .types-wedding{
        margin: 15px 0;
    }
    .service-area2{
        padding: 2rem 0;
    }
    .service-area2 .service-item,.service-area2 .service-item-decor ,.service-area2 .service-itemm ,.service-area2 .service-item-why,.service-area2 .service-how{
        height:auto;
    }
    .faq-area {
    padding: 1rem 0 1rem;
    }
    .rsvp-area{
        padding:0;
    }
    .offset-1{
        margin-left:0;
    }
    .accordion-button{
        font-size: 16px;
        font-weight: 600;
    }
    .contact-area {
     padding: 1.4rem 0;
    }
    .contact-content {
        margin-bottom: 20px;
        padding: 20px 10px;
    }
    .contact-info-content a{
        font-size:14px;
    }
    .pricing-feature ul li{
        text-align: left;
        margin:2px 0;
    }
    .pricing-feature ul{
        display: grid;
        justify-content: center;
    }
    .pricing-content{
        margin: 20px 0 0 0;
    }
    .site-heading{
        text-align:center;
    }
    .about-area {
    padding: 1rem 0;
    }
    .copyright .copyright-text{
        font-size: 13px;
        margin: 5px;
        text-align: center;
    }
    .story-right-img .story-img{
        margin:0 auto 20px;
        text-align:center;
    }
    .story-left-img .story-img {
    margin: 0 70px 20px;
    padding: 0;
  
    }
    .story-timeline .row:nth-child(even){
    
    /*display: flex;*/
    flex-direction: column-reverse;
    }
  
    .how-title{
        text-align: center;
        font-size: 1.25rem;
        margin-bottom: 10px;
        margin-top: 5px;
    }
    .widget .widget-title::after{
        left:160px;
    }
    .widget .widget-title::before{
        left:140px;
    }
    .widget .widget-title{
        text-align:center;
    }
    .lovely-small{
        line-height: 1.4;
        text-align: center !important;
        font-size: 1.2rem;
        margin-bottom: 0.4rem;
        margin-top: 0.7rem;
    }
    .service-area2 .service-icon{
        margin: 0 auto 10px;
    }
    .service-title{
        text-align:center;
        font-size:20px;
    }
    .call{
        display:block;
    position: fixed;
    z-index: 999;
    right: 10px;
    top: 57%;
    }
    .hero-single .hero-content .hero-title {
        font-size: 30px;
        margin:15px 0 0 0;
    }
    .hero-content-shape-2 {
    right: -21px;
        bottom: -16px;
        width: 120px !important;
    }
    .hero-single .hero-content{
        border-radius: 0 100px 0 100px;
    }
    .hero-single .hero-content .hero-btn{
        gap:0;
        justify-content:space-between;
        width:100%;
    }
    .theme-btn{
     font-size: 14px;
      padding: 5px 10px;
      line-height: 43px;  
        /*width: 130px;*/
        height: 50px;
    }
    .whatapp, .call{
        right:0;
    }
    .about-shape, .about-img::before,
    .about-img-shape, .gallery-shape img{
      display:none !important;  
    }
    .about-left{
        margin:0;
    }
    .about-area > .container > .row{
        flex-direction:column-reverse;
    }
    .site-title{
        font-size:25px;
    }
    .counter-box .counter, .counter-box .rank{
        font-size:30px;
    }
    .feature-item{
        padding:20px;
        height:auto;
    }
    .feature-icon{
        font-size:50px;
    }
    .feature-title{
        font-size:20px;
    }
    .about-experience {
        bottom: 15px;
       left: auto;
    }
    .header-img-divider{
        width: 122px;
        height: 20px;
    }
    .service-content {
    padding: 25px;
     margin: 0; 
    }
    
    .counter-box .icon {
    font-size: 35px;
    width: 65px;
    height: 65px;
    line-height: 75px;
    }
    .counter-box .title{
        font-size:18px;
    }
    .pricing-item{
        padding:20px;
    }
    .pricing-icon {
    width: 70px;
    height: 70px;
    line-height: 85px;
    }
    
    .pricing-icon i{
        font-size:40px;
    }
    .pricing-content .packages-title {
        font-size: 20px;
    }
    .quote-wrapper .row{
        flex-direction:column-reverse !important;
    }
    .quote-content{
        padding:15px;
        margin-bottom:30px;
    }
    .quote-content .quote-header .form-title{
        font-size:23px;
        margin-bottom:20px;
    }
    
    .testimonial-single{
        padding:15px;
    }
    .testimonial-quote-icon{
        font-size:50px;
    }
    .footer-logo img{
        margin:0;
    }
    .footer-area .about-us{
        text-align:center;
    }
    .footer-widget-box p {
    padding-right: 0;
    margin-bottom: 0;
    }
    .footer-widget-box .footer-widget-title{
        text-align:left !important;
    }
    .footer-social {
    justify-content:center;
    margin-top: 20px;
  }
  .footer-widget-title{
      font-size:20px;
  }
  .footer-widget-box {
    margin-bottom: 30px;
  }
  
  #scroll-top{
    right: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
      .navbar .dropdown-menu {
        border-radius: 8px;
        overflow-y: scroll;
        height: 200px;
    }
    
    .couple-big-shape img{
        display:none;
    }
    .couple-big-img img {
    padding: 5px;
    border-radius: 0 120px 0 120px;
    }
    .couple-area > .container > .row{
        flex-direction:column-reverse;
    }
    .story-img-shape img{
        display:none;
    }
    .story-timeline .row{
        padding:50px 0;
    }
    .about-why-planner li{
        font-size:1.1rem;
    }
    .about-why-points:before{
        transform: rotate(4.9deg);
    }
    
    .types-wedding{
        padding:0;
        margin:0;
        border:none;
    }
    .wed-img-ser-new{
        margin-bottom:15px;
    }
    .rsvp-form-shape{
        display:none;
    }
    .rsvp-form::before {
    border: 3px solid var(--secondary-color);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    
    }
    .rsvp-form .site-title{
        font-size: 22px;
    }
    .rsvp-form{
        padding:20px;
    }
    .rsvp-form .form-select, .rsvp-form .form-control{
        padding:10px;
    }
    .faq-area .accordion-item i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    }
    .service-single-area  .types-wedding-new{
        flex-direction:column-reverse !important;
    }
    .service-area2 .service-item-decor{
        padding:20px;
    }
    .service-icon img {
    width: 35px;
    height: 35px;
    }
    .service-area2 .service-icon{
        width:60px;
        height:60px;
        top:0;
    }
    .wed-img-ser{
        margin:20px 0;
    }
    .wed-img-ser-new{
        margin-top:20px;
    }
    .contact-info h5{
        font-size:18px;
    }
    .contact-info-icon i {
    font-size: 20px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .contact-form{
        padding:15px;
        text-align:center;
    }
    .contact-form-header h2{
        font-size: 22px;
    }

}

@media (min-width : 768px) and (max-width : 1200px){
    .site-breadcrumb .breadcrumb-title {
        font-size:30px;
    }
    .hero-single .hero-content .hero-title {
        font-size: 30px;
    }
    .about-shape{
        display:none;
    }
    .site-title{
        font-size:28px;
    }
    .about-area{
        padding:3rem 0;
    }
    .feature-area.pt-120{
        padding-top:50px;
    }
    .feature-icon{
        font-size:50px;
    }
    .feature-title{
        font-size:18px;
    }
    .feature-item{
        /*height:auto;*/
        padding:20px;
    }
    .service-title{
        font-size:18px;
    }
    .service-icon{
        width:70px;
        height:70px;
    }
    .service-icon img{
        width:40px;
    }
    .counter-box .icon {
    font-size: 35px;
    width: 65px;
    height: 65px;
    line-height: 68px;
    }
    .counter-box .counter, .counter-box .rank{
        font-size:30px;
    }
    .counter-box .title{
        font-size:18px;
    }
    .video-wrapper{
        height:300px;
    }
    .pricing-icon i{
        font-size:40px;
    }
    .pricing-icon {
    width: 70px;
    height: 70px;
    line-height: 83px;
    }
    .pricing-item{
        padding:20px;
    }
    .pricing-content{
        padding:10px 20px;
    }
    .packages-title{
        font-size:18px;
    }
    .pricing-feature ul li{
        font-size:17px;
    }
    .theme-btn{
        font-size:15px;
    }
    .pricing-item-shape{
        width: 150px;
    }
    .quote-content .quote-header .form-title{
        font-size:25px;
        margin:20px 0;
    }
    .cta-text .cta-title{
        font-size:30px;
    }
    .about-call-number{
        font-size:20px;
    }
    .couple-big-shape{
      display:none;  
    }
    .couple-big-img img {
    padding: 5px;
    border-radius: 0 120px 0 120px;
    }
    .story-left-content .story-content, .story-right-content .story-content {
    margin-right: 0;
    padding: 20px;
    }
    .how-title{
        font-size:1.5rem;
    }
    .story-right-img .story-img, .story-left-img .story-img{
        margin:0 auto;
        padding:0;
        text-align:center;
    }
    .story-img-shape{
        display:none;
    }
    .about-why-planner li{
        font-size:1.1rem;
    }
    .testimonial-quote-icon{
        font-size:50px;
    }
    .lovely{
        font-size:1.7rem;
    }
    .types-wedding{
        align-items:center;
        margin:10px 0;
    }
    .lovely-small{
        font-size:1.3rem;
    }
    .service-area2 .service-item-decor{
        height:auto;
    }
    .rsvp-form .site-title{
        font-size:30px;
    }
    .rsvp-form-shape-1, .rsvp-form-shape-2{
        width:200px;
    }
    .accordion-button{
        font-size:18px;
    }
    .footer-widget-title{
        font-size:20px;
    }
    .footer-contact li i{
        min-width:42px;
        display:none;
    }
    .contact-info h5{
        font-size:18px;
    }
    .navbar .nav-item .nav-link{
        margin-right:30px;
    }
    .dropdown-toggle {
        right: 13px;
        top: 30px;
        
    }
    .navbar .header-btn{
        display:block;
    }
    .footer-widget-wrapper.pt-100{
        padding-top:50px;
    }
    .enquri-popu{
        padding:3rem 0;
    }
    .quote-content{
        padding:20px;
    }
    .call{
        display: block;
        position: fixed;
        z-index: 999;
        right: 10px;
        top: 55%;
    }
    #scroll-top{
        width:40px;
        height:40px;
        line-height:40px;
        bottom:10px;
    }
    
}


@media (max-width : 768px){
    /*.navbar .header-btn {*/
    /*    display: none;*/
    /*}*/
    .theme-btn {
        font-size: 14px;
    }
    .navbar-collapse {
        padding-top: 20px;
        overflow: hidden;
        overflow-y: auto;
        padding: 0 20px;
        background-color: #fff;
        position: fixed;
        width: 50%;
        height: 100%;
        top: 100px;
        right: 0;
    }
    .feature-item{
        height: 300px;
    }
    .about-img{
        text-align:center;
    }
    .about-img::before{
        width: 80%;
        left: 5%;
        top: -30px;
    }
    .about-area .row, .row.types-wedding-new, .story-timeline .row:nth-child(even), .couple-area .row{
        flex-direction: column-reverse;
    }
    .about-left {
        margin-bottom: 0px;
        margin-top: 70px;
    }
    .couple-big-img{
        text-align:center;
    }
    .types-wedding .col-md-5, .types-wedding .col-md-7, .enquri-popu.haii .col-md-5, .enquri-popu.haii .col-md-7{
        width:100%;
    }
    .about-right {
        padding: 0rem 0;
    }
    .wed-img-ser, .wed-img-ser-new{
        margin-top:1.5rem;
        text-align:center;
    }
    .service-area2 .row{
        justify-content: center;
    }
    .extrsadf ul{
        display: flex;
    flex-wrap: wrap;
    }
    .extrsadf ul li{
        width: 50%;
    }
    .extrsadf{
        width:100%;
    }
    .hero-single{
        padding-top: 300px;
        padding-bottom: 200px;
    }
    
    
    .blog-single-area {
    padding: 2rem 0;
}
    .blog-details-title{
        text-align: center;
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    .blog-details-sntitle{
        line-height: 1.4;
        text-align: center !important;
        font-size: 1.2rem;
        margin-bottom: 0.4rem;
        margin-top: 0.7rem;
    }
    .blog-single-area .blockqoute{
        padding: 24px;
        font-size: 15px;
        margin: 18px 0;
    }
    .blog-item-img {
    overflow: hidden;
    text-align: center;
}
.blog-item-info h4 a{
        text-align: center;
    font-size: 20px;
}

.blog-area .theme-btn {
        font-size: 14px;
        text-align: -webkit-center;
        margin-left: 36%;
    }

    .blog-area {
    position: relative;
    padding: 3rem 0 3rem;
}

.blog-single-area .blockqoute ul li {
            list-style: none;
        font-size: 14px;
        text-align: center;
        line-height: 1.9;
}
}