@media(max-width:1440px){
    .teammates-details {
        height: 200px;
        width: 200px;
    }
    .teammates-main {
        height: 190px;
        width: 190px;
    }
    .teammates-main::before {
        height: 200px;
        width: 200px;
    }
    .teammates-main img{
        width: 100%;
        height: 100%;
    }
    .story-couple .story-couple-image img {
        position: relative !important;
    }
}

@media(max-width: 1199px){
    .celebration-time-sec .c-container-padding {
        padding: 0 10px;
    }
    .main-title span {
        font-size: 50px;
    }
    .moments-main{
        margin-top: 50px;
    }
    .progress-left.about-progress{
        width: 100%;
        height: 100%;
        padding-left: 70px;
    }
    .about-progress-inner{
        height: 100% !important;
    }
    .story-timeline .story-timeline-wrapper .story-timeline-text {
        width: 100% !important;
    }
    .story-timeline .story-timeline-wrapper .story-timeline-image.image-left,
    .story-timeline .story-timeline-wrapper .story-timeline-image {
        width: 100% !important;
    }
    .story-couple .story-couple-image {
        text-align: center;
    }
    .hero-section.hero-section-2 .hero-text h1 {
        font-size: 70px;
    }
    .c-home-photocarousel .c-container-padding {
        padding: 0 50px;
    }
    .dress-code-section::after {
        height: 315px;
        width: 290px;
    }
    .dress-code-section .event-img-box::before {
        right: -15px;
        bottom: -15px;
    }
}

@media(max-width: 991px){
    .ofm-img-box .gallery-desc p {
        margin-bottom: 20px;
    }
    .our-moments-wrapper {
        margin-bottom: 0 !important;
    }
    .message_box_wrapper {
        padding: 70px 50px;
    }
    .message-section blockquote:before {
        left: -40px;
        top: -80px;
    }
    .message-section blockquote:after {
        right: -40px;
        bottom: 0;
    }
    .story-couple .container {
        padding-bottom: 100px;
    }
    .hero-section-about .page-title::before {
        height: 215px !important;
        width: 190px !important;
    }
    .story-timeline-wrapper {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }
    .story-couple .story-couple-text {
        padding: 50px 0px;
    }
    .dress-code-section::before,
    .dress-code-section::after{display: none;}

}

@media(max-width:767px){
    .hero-section .hero-text h1 {
        font-size: 48px;
        color: var(--color-main);
        margin-bottom: 0;
        line-height: 70px;
    }
    .about-us-bg .hero-image::after,
    .about-us-bg .hero-image::before{display: none;}
    .c-home-photocarousel .c-container-padding,
    .mates-sec .c-container-padding{
        padding: 0 14px;
    }
    .dress-code-section::before{
        display: none;
    }
    .dress-code-section .event-img-box::before,
    .dress-code-section::after{display: none;}
    .dress-code-section .event-img-box{
        margin-bottom: 15px;
    }
    .dress-code-section  .r-reverse{
        flex-direction: column-reverse;
    }
    .dress-code-content h3 { font-size: 30px; }
    .dress-code-section {padding: 60px 0; }
    .main-title span {
        font-size: 30px;
    }
    .progress-left.about-progress {
        padding-left: 20px;
    }
    .message_box_wrapper {
        padding: 40px 30px;
    }
    .message-section blockquote {
        font-weight: 100;
        font-size: 18px;
    }
    .story-name {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    section.story{
        padding-top: 50px;
    }
    .story-couple .story-couple-text {
        padding: 50px 30px !important;
    }
    .story-timeline .story-timeline-wrapper .story-timeline-text {
        padding: 60px 20px !important;
    }
    .story-timeline .story-timeline-wrapper .story-timeline-image{
        right: 10px !important;
    }
    .story-timeline .story-timeline-wrapper .story-timeline-image .timeline-image img {
        height: auto !important;
    }
    .story-timeline .story-timeline-wrapper .story-timeline-image.image-left {
        left: 10px !important;
    }
}
@media(max-width:575px){
    .mates-sec.family-detail-section .c-container-padding {
        padding: 0;
    }
    .c-home-about .hero-image {
        width: 100% !important;
        height: 100% !important;
    }
    .wish-section::before {
        width: 125px;
        height: 169px;
    }
    .dress-code-section::before{
        display: none;
    }
    .dress-code-section .event-img-box::before,
    .dress-code-section::after{display: none;}
    .dress-code-section .event-img-box{
        margin-bottom: 15px;
    }
    .ofm-img-box, .ofm-img-box img {
        width: 100%;
        height: 400px;
    }
    .our-moments-wrapper { 
        margin-top: 30px !important;
    }
    .about-us-bg .image-ring{
        width: 296px;
        height: 296px;
        margin: 0 auto;
    }
    .about-us-bg .font-raleway .left_pattern,
    .about-us-bg .font-raleway .right_pattern{display: none;}   
    .left_pattern img, .right_pattern img{background-color: transparent;}
}