@media (min-width: 1201px) {
    .photo-gallery .single-photo a img {
        width: 100%;
        border-radius: 30px;
        height: auto;
    }
    .couple-box .table thead th.text-truncate {
        min-width: 120px;
    }
}

/* LG Device :992px. */

@media (min-width: 992px) and (max-width: 1200px) {
    .container {
        max-width: 990px;
    }
    /* header area */
    #header .header-content {
        padding: 50px 0;
    }
    #header .header-content p {
        margin-bottom: 25px;
    }
    #header .nav-menu ul li a {
        margin-right: 15px;
        font-size: 16px;
    }
    #header .registration .login-btn,
    #about-header .registration .login-btn {
        font-size: 16px;
    }
    #header .registration .singup-btn {
        font-size: 16px;
    }
    #header .header-content h1 {
        font-size: 35px;
    }
    #header .header-content p {
        font-size: 15px;
    }
    #header .header-content a {
        font-size: 16px;
    }
    /* header area end */
    /* photo made */
    .photo-made .photo-made-content .photo-made-img {
        left: -340px;
    }
    .photo-gallery {
        margin-top: -46px;
    }

    .photo-gallery .single-photo a img {
        width: 100%;
        border-radius: 30px;
        height: auto;
    }
    /* photo made end */
    /* features */
    #features .feature-img h1 {
        font-size: 30px;
    }
    #features .feature-option {
        margin-bottom: 30px;
    }
    #features .feature-option .feature-content p {
        font-size: 13px;
    }
    #features .feature-img a img {
        height: 400px;
    }
    /* features end */
    /* how to */
    #how-to .work-box {
        height: 350px;
        width: 315px;
    }
    #how-to .work-box h3 {
        font-size: 22px;
    }
    #how-to .work-box h1 {
        margin-bottom: 25px;
    }
    #how-to .work-box p {
        font-size: 14px;
    }
    /* how to ends */
    /* testimonial */
    #testimonial .testimonial-bg .testimonial-about h1 {
        font-size: 30px;
    }
    #testimonial .testimonial-bg .active-carousel .testimonial-content h4 {
        font-size: 13px;
    }
    /* testimonial end */
    /* client */
    .client .client-logo span {
        font-size: 11px;
        width: 10%;
    }
    /* client ends */
    /* faq */
    #faq .questions-box .single-faq {
        margin: 10px 14px;
    }
    /* faq end */
    /* footer */
    .footer-area .footer-items ul li a {
        font-size: 15px;
    }
    .footer-area .footer-items2 ul li a {
        font-size: 15px;
    }
    /* footer ends */
    /* ---------------------------------------------------------- */
    /* about us page */
    /* header */
    #about-header .about-content .about-img {
        width: 40%;
        right: 0;
    }
    /* header ends */
    /* header content */
    #about-header .about-content h1 {
        font-size: 35px;
    }
    /* header content ends */
    /* send file */
    .send-file .send-file-content {
        margin-left: 50px;
    }
    .send-file .send-file-content h4 {
        font-size: 12px;
    }
    .send-file .send-file-content .send-file-content-list p {
        font-size: 13px;
    }
    .used .used-img {
        width: 40%;
        left: 9%;
    }
    /* send file ends */
    /* used */
    .used .used-content h1 {
        font-size: 35px;
    }
    .used .used-content p {
        font-size: 14px;
    }
    /* used ends */
    /* package */
    .package .package-content h1 {
        font-size: 35px;
    }
    .package .package-content p {
        font-size: 15px;
    }
    .package .package-content .package-content-img img {
        width: 85%;
    }
    .package .package-content .package-content-img::before {
        width: 85%;
        height: 80%;
    }
    /* package ends */
    /* about call action */
    .about-action .about-action-box h1 {
        color: #f2eee9;
        line-height: 55px;
        margin-bottom: 50px;
        font-size: 30px;
    }
    /* about call action ends */
    /* about us page ends */
    /* -------------------------------------------------- */
    /* contact us page */
    /* contact content */
    .contact-content .contact-text p {
        font-size: 16px;
    }
    /* contact form */
    .contact-form .contact-form-box .fname {
        width: 46%;
    }
    /* contact form ends */
    /* contact content ends */
    /* contact us page ends */
    /* -------------------------------------------------- */
    /* couple page */
    .couple-box .couple-box-content {
        padding: 30px 15px;
    }
    .couple-box .couple-box-content .couple-folder p {
        font-size: 14px;
    }
    .couple-box .couple-box-content .couple-folder .input-title {
        padding: 14px 20px;
    }
    .couple-box .couple-box-content .couple-folder .input-date {
        padding: 12px 20px;
    }
    .couple-box .couple-box-content .couple-folder a {
        font-size: 14px;
        padding: 13px 10px;
    }
    .couple-box .table thead th.text-truncate {
        min-width: 120px;
    }
    .couple-box .couple-img h4 {
        font-size: 15px;
    }
    .couple-box .couple-img a {
        padding: 15px 30px;
        margin: 0px 0px;
        font-size: 14px;
    }
    .couple-box .upload-event p {
        margin-right: 40px;
    }
    .couple-box .upload-wedding p {
        margin-right: 50px;
    }
    /* couple page ends */
    /* ------------------------------------------------- */
    /* guest page */
    /* header */
    .guest-content .guest-box .upload-box {
        margin: 50px 35px;
    }
    .guest-content .guest-box p {
        font-size: 16px;
        margin-bottom: 35px;
    }
    .guest-content .guest-box .upload-box p {
        font-size: 16px;
    }
    .guest-content .guest-box .one p {
        font-size: 16px;
    }
    .guest-content .guest-content-img {
        position: relative;
        left: 20px;
        top: 228px;
    }
    .guest-content .guest-content-img a img {
        width: 110%;
    }
    .guest-content .guest-content-img a span {
        width: 430px;
        height: 645px;
    }
    .guest-content .guest-box .one::before {
        width: 35%;
        left: 12%;
    }
    /* header ends */
    /* guest page ends */
}


/* MD Device :768px. */

@media (min-width: 768px) and (max-width: 991px) {
    /* header area */
    #header .mobile-menu {
        margin-top: 65px;
        position: relative;
    }
    /* #header .mobile-menu::before {
        position: absolute;
        content: "NEED HELP?";
        left: 66px;
        color: #8c7954;
        font-weight: 500;
    } */
    #about-header .logo {
        margin-top: -5%;
    }
    #header .logo {
        padding: 40px 0;
        margin-top: -15px;
    }
    #header .logo a img {
        width: 90%;
    }
    #header .header-content {
        padding: 0px 0;
    }
    #header .header-content h1 {
        font-size: 35px;
    }
    #header .registration .login-btn svg,
    #about-header .registration .login-btn svg {
        margin-top: -4px;
    }
    #header .registration .login-btn:hover svg,
    #about-header .registration .login-btn:hover svg {
        transform: translateY(8px);
    }
    #header .registration .login-btn,
    #about-header .registration .login-btn {
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 500;
        color: #c19a5b;
        padding: 10px 25px;
        position: relative;
        font-size: 16px;
        border: 1px solid #c19a5b;
        border-radius: 50px;
        transition: all .3s;
    }
    #header .registration .login-btn:hover,
    #about-header .registration .login-btn:hover {
        background: #c19a5b;
        color: #f2eee9;
    }
    #header .registration .login-btn::before,
    #about-header .registration .login-btn::before {
        display: none;
    }
    /* header area end */
    /* photo gallery */
    .photo-gallery {
        margin-top: -75px;
    }
    .photo-gallery .single-photo {
        width: 50%;
        margin: auto;
    }
    .photo-gallery .single-photo a img {
        width: 100%;
        border-radius: 30px;
        height: auto;
    }
    /* photo gallery end */
    /* photo made */
    .photo-made {
        margin: 36px 0;
    }
    .photo-made .photo-made-content span {
        margin-bottom: 60px;
    }
    .photo-made .photo-made-content h1 {
        margin-bottom: 65px;
    }
    .photo-made .photo-made-content p {
        margin-bottom: 50px;
    }
    .photo-made .photo-made-content>a {
        margin-bottom: 120px;
    }
    .photo-made .photo-made-content .photo-made-img {
        position: absolute;
        top: 430px;
        left: 30px;
        width: 100%;
    }
    .photo-made .photo-made-content .photo-made-img a img {
        width: 140%;
        height: 600px;
    }
    .photo-made .photo-made-content .photo-made-img {
        left: -12px;
    }
    .photo-made .photo-made-content .photo-made-img a::before {
        width: 140%;
    }
    /* photo made end */
    /* features */
    #features {
        margin-top: 500px;
        text-align: center;
        padding-bottom: 350px;
    }
    #features .feature-option {
        display: block;
    }
    #features .feature-option .feature-icon {
        text-align: left;
    }
    #features .feature-img h1 {
        margin-bottom: 60px;
    }
    #features .feature-option .feature-content p {
        margin-top: -26px;
        text-align: left;
        margin-left: 20%;
        display: block;
    }
    #features .feature-img a img {
        width: 60%;
    }
    #features .feature-img a {
        position: absolute;
        top: 970px;
        display: block;
        left: 0;
        width: 100%;
    }
    #features .feature-img a::before {
        width: 60%;
        position: absolute;
        content: "";
        top: 0px;
        left: 139px;
    }
    /* features end */
    /* how to */
    #how-to {
        margin-top: 200px;
    }
    #how-to .work-title h1 {
        line-height: 60px;
    }
    #how-to .work-box {
        margin-bottom: 35px;
        margin-left: 50px;
        width: 590px;
        height: 320px;
    }
    #how-to .work-box h3 {
        margin-bottom: 40px;
        margin-top: -122px;
        margin-left: 140px;
    }
    #how-to .work-box p {
        margin-left: 140px;
    }
    /* how to ends */
    /* testimonial */
    .testimonial-title {
        text-align: center;
    }
    #testimonial .testimonial-bg .testimonial-about h1 {
        text-align: center;
    }
    /* testimonial end */
    /* client */
    .client .client-logo span {
        width: 190px;
        font-size: 15px;
        margin-top: -20px;
    }
    .client .client-logo .client-carousel {
        display: block;
        width: 100%;
        height: 200px;
    }
    .client .client-logo .client-carousel img {
        width: 40%;
        margin-bottom: 30px;
    }
    .client .client-logo .client-carousel h1 {
        margin-left: 235px;
        margin-top: -80px;
    }
    /* client ends */
    /* faq */
    .questions-box-loading .loading {
        background: #D2C4A5;
        width: 70%;
        height: 5px;
        position: relative;
        top: 30px;
        left: 90px;
    }
    /* faq ends */
    /* footer */
    .footer-area .footer-items {
        margin-left: 0px;
    }
    .footer-area .footer-items2 {
        margin-top: 45px;
        margin-left: 0px;
    }
    /* footer ends */
    /* -------------------------------------------- */
    /* about us page */
    /* header  */
    #about-header {
        height: 940px;
    }
    #about-header .side-menu {
        width: 100%;
    }
    /* header  end */
    /* header content */
    #about-header .about-content h1 {
        font-size: 35px;
        width: 75%;
    }
    #about-header .about-content .about-img {
        top: 545px;
        right: 12%;
        width: 80%;
    }
    #about-header .about-content .about-img img {
        height: 636px;
    }
    #about-header .about-content .about-img::before {
        height: 119%;
    }
    /* header content ends */
    /* send file */
    .send-file {
        margin-top: 340px;
    }
    .send-file .send-file-title h1 {
        font-size: 30px;
        margin-left: 80px;
    }
    .send-file .send-file-content {
        margin-top: 60px;
        margin-left: 77px;
    }
    /* send file ends */
    /* used */
    .used {
        margin-top: 430px;
    }
    .used .used-content {
        padding-top: 300px;
    }
    .used .used-img {
        top: -443px;
        width: 65%;
        left: 120px;
    }
    .used .used-content h1 {
        font-size: 30px;
    }
    .used .used-content p {
        font-size: 15px;
        font-weight: 500;
    }
    /* used end */
    /* package */
    .package .package-content {
        margin-top: 210px;
        text-align: center;
    }
    .package .package-content p {
        font-weight: 500;
    }
    .package .package-content .package-content-img {
        top: 0%;
        left: 0%;
        width: 100%;
    }
    .package .package-content .package-content-img img {
        width: 49%;
    }
    .package .package-content h1 {
        margin-top: 185px;
    }
    .package .package-content .package-content-img::before {
        width: 50%;
        height: 73%;
        left: 25%;
    }
    /* package ends */
    /* about action */
    .about-action .about-action-box {
        padding: 60px 55px;
    }
    .about-action .about-action-box h1 {
        font-size: 30px;
    }
    /* footer */
    .footer-area .footer-items ul li a {
        font-size: 14px;
    }
    .footer-area .footer-items2 ul li a {
        font-size: 14px;
    }
    /* footer ends */
    /* about us page end */
    /* --------------------------------------------------------- */
    /* contact us page */
    /* header */
    #contact-header .side-menu {
        width: 100%;
    }
    #contact-header .logo {
        margin-top: -10px;
    }
    /* header ends */
    /* contact content */
    .contact-content .contact-title {
        text-align: center;
        margin-top: 30px;
    }
    .contact-content .contact-text {
        margin-top: 25px;
        text-align: center;
    }
    .contact-content .contact-text p {
        font-size: 15px;
    }
    /* contact content ends */
    /* contact form */
    .contact-form .contact-form-box .fname {
        width: 46%;
    }
    /* contact form ends */
    /* contact us page ends */
    /* -------------------------------------------------------- */
    /* couple page */
    /* header */
    #contact-header .registration .login-btn {
        color: #c19a5b;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 16px;
        padding: 10px 35px;
        transition: all .3s;
        position: relative;
        border: 1px solid #c19a5b;
        border-radius: 50px;
        transition: all .3s;
    }
    #contact-header .registration .login-btn:hover {
        background: #c19a5b;
        color: #f2eee9;
    }
    #contact-header .registration .login-btn svg {
        transition: all .3s;
    }
    #contact-header .registration .login-btn:hover svg {
        transform: translateY(5px);
    }
    #contact-header .registration .login-btn::before {
        display: none;
    }
    /* header ends */
    .couple-title .couple-content .couple-img a img {
        width: 120px;
        height: 120px;
    }
    .couple-title .couple-content h1 {
        font-size: 40px;
    }
    .couple-box .couple-box-content {
        border-radius: 50px;
        padding: 75px 60px;
        margin: 0 30px;
    }
    .couple-box .upload-content {
        margin-top: -685px;
        width: 90%;
        margin-left: 5%;
        padding: 40px 50px;
    }
    .couple-box .table thead th.text-truncate {
        min-width: 120px;
    }
    .couple-box .upload-event p {
        margin-right: 50px;
    }
    .couple-box .upload-wedding .upload-wedding-btn {
        margin-left: 242px;
        position: relative;
        top: -53px;
    }
    .couple-box .upload-wedding p {
        display: block;
    }
    .couple-box .upload-wedding .upload-wedding-btn .share {
        font-size: 14px;
        padding: 15px 12px;
        display: block;
    }
    .couple-box .upload-wedding .upload-wedding-btn .delete {
        padding: 15px 15px;
        margin-left: 0px;
        display: block;
        margin-top: 10px;
    }
    .couple-box .upload-event .title-event {
        margin-right: 5px;
    }
    .couple-box .upload-event .date {
        margin-right: 95px;
    }
    .couple-box .couple-img {
        position: relative;
        bottom: -1540px;
        margin: 0 35px;
        padding: 100px 100px;
    }
    .couple-box .couple-img .upload-box {
        padding: 100px 60px;
        margin: 50px 0;
    }
    .couple-box .couple-img .upload-box p {
        font-size: 14px;
    }
    .couple-box .couple-img a {
        display: inline-block;
        padding: 15px 60px;
        margin-left: 20%;
    }
    .couple-footer-area {
        margin-top: 845px;
    }
    /* couple page ends */
    /* ------------------------------------------------ */
    /* guest page */
    /* header */
    #guest-header .side-menu {
        width: 100%;
    }
    #guest-header .menu-bar {
        height: 55%;
    }
    /* header ends */
    /* guest content */
    .guest-content .guest-content-img {
        left: 0px;
        top: 55px;
    }
    .guest-content .guest-content-img a img {
        border-radius: 90px;
        border: 2px solid #8c7954;
    }
    .guest-content .guest-content-img a span {
        width: 694px;
        height: 647px;
        border-radius: 91px;
    }
    .guest-content .guest-box {
        height: 95%;
        border-radius: 70px;
        border: 2px solid #8c7954;
        margin-top: 35px;
    }
    .guest-footer-area {
        margin-top: 60px;
    }
    .guest-footer-area .guest-copyright p {
        font-size: 20px;
    }
    /* guest content ends */
    /* guest page end */
}


/* Extra small Device. */

@media (max-width: 767px) {
    /* header */
    #header {
        width: 100%;
        height: 75vh;
        background: #f2eee9;
    }
    #header .logo,
    #contact-header .logo,
    #about-header .logo {
        width: 100%;
        height: 100%;
        align-items: center;
        display: flex;
        margin-top: 0;
        margin-left: 0;
    }
    #header .registration,
    #contact-header .registration,
    #about-header .registration {
        width: 100%;
        height: 100%;
        margin-top: 0;
        padding: 0;
    }
    #header .registration .singup-btn {
        font-size: 14px;
        padding: 10px 20px;
    }
    #header .registration .login-btn svg,
    #contact-header .registration .singup-btn svg,
    #about-header .registration .login-btn svg,
    #contact-header .registration .login-btn svg {
        margin-top: -4px;
    }
    #header .registration .login-btn::before,
    #about-header .registration .login-btn::before {
        display: none;
    }
    #header .registration .login-btn,
    #about-header .registration .login-btn,
    #contact-header .registration .login-btn {
        background: #c19a5b;
        color: #f2eee9;
        border: 1px solid #c19a5b;
        border-radius: 50px;
        transition: all .3s;
        font-size: 14px;
        padding: 12px 16px;
    }
    #header .registration .login-btn:hover,
    #about-header .registration .login-btn:hover {
        background: #8c7954;
        color: #f2eee9;
    }
    #header .registration .login-btn:hover svg,
    #about-header .registration .login-btn:hover svg {
        transform: translateY(8px);
    }
    #header .mobile-menu,
    #contact-header .mobile-menu,
    #about-header .menu-bar {
        margin-top: 55px;
        position: relative;
    }
    /* #header .mobile-menu::before {
        position: absolute;
        content: "NEED HELP?";
        left: 66px;
        color: #8c7954;
        font-weight: 500;
    } */
    #header .header-content {
        padding: 0 0 100px 0;
    }
    #header .header-content h1 {
        font-size: 25px;
        line-height: 50px;
    }
    #header .header-content p {
        font-size: 14px;
    }
    #header .header-content a {
        font-size: 16px;
        padding: 12px 24px;
    }
    #header .header-content a.singup-btn {
        background: #c19a5b;
        color: #f2eee9;
    }
    #header .menu-padding,
    #contact-header .menu-padding,
    #guest-header .menu-padding,
    #about-header .menu-padding {
        padding: 20px;
    }
    .col-onmobile:nth-child(1) {
        width: 20% !important;
    }
    .col-onmobile:nth-child(2) {
        width: 40% !important;
    }
    .col-onmobile:nth-child(3) {
        width: 40% !important;
    }
    #header .logo a img,
    #contact-header .logo a img {
        width: 100%;
    }
    /* header ends */
    /* photo gallery */
    .photo-gallery {
        margin-top: -90px;
    }
    .photo-gallery .single-photo {
        width: 90%;
        margin: auto;
    }
    .photo-gallery .single-photo a img {
        width: 100%;
        border-radius: 30px;
        height: auto;
    }
    /* photo gallery */
    /* photo made */
    .photo-made {
        margin: 36px 0;
    }
    .photo-made .photo-made-content span {
        margin-bottom: 60px;
    }
    .photo-made .photo-made-content h1 {
        margin-bottom: 65px;
    }
    .photo-made .photo-made-content p {
        margin-bottom: 50px;
    }
    .photo-made .photo-made-content>a {
        margin-bottom: 120px;
    }
    .photo-made .photo-made-content>a.singup-btn {
        background: #c19a5b;
        color: #f2eee9;
    }
    .photo-made .photo-made-content .photo-made-img {
        position: absolute;
        top: 430px;
        left: 30px;
        width: 100%;
    }
    .photo-made .photo-made-content .photo-made-img a img {
        width: 140%;
        height: 500px;
    }
    .photo-made .photo-made-content .photo-made-img {
        left: -12px;
    }
    .photo-made .photo-made-content .photo-made-img a::before {
        width: 140%;
    }
    /* photo made end */
    /* features */
    #features {
        margin-top: 500px;
        text-align: center;
        padding-bottom: 350px;
    }
    #features .feature-option {
        display: block;
    }
    #features .feature-option .feature-icon {
        text-align: left;
    }
    #features .feature-img h1 {
        margin-bottom: 60px;
    }
    #features .feature-option .feature-content p {
        margin-top: -26px;
        text-align: left;
        margin-left: 26%;
        display: block;
        font-size: 13px;
    }
    #features .feature-img a img {
        width: 100%;
        height: auto;
    }
    #features .feature-img a {
        position: absolute;
        top: 1200px;
        display: block;
        left: 45px;
        width: 80%;
    }
    #features .feature-img a::before {
        width: 100%;
        position: absolute;
        content: "";
        top: 0px;
        left: 0%;
    }
    /* features end */
    /* how to */
    #how-to {
        margin-top: 480px;
        padding: 50px 0 50px 0px;
    }
    #how-to .work-title h1 {
        line-height: 60px;
    }
    #how-to .work-box {
        margin-bottom: 35px;
        margin-left: 5px;
        width: 400px;
        height: 260px;
    }
    #how-to .work-box h3 {
        margin-bottom: 40px;
        margin-top: -122px;
        margin-left: 100px;
        font-size: 18px;
    }
    #how-to .work-box p {
        margin-left: 100px;
        font-size: 13px;
    }
    #how-to .work-btn a.singup-btn {
        background: #c19a5b;
        color: #f2eee9;
    }
    /* how to ends */
    /* tesimonial */
    .testimonial-about {
        text-align: center;
    }
    #testimonial .testimonial-bg .testimonial-title span {
        text-align: center;
        display: inherit;
        margin-bottom: 20px;
    }
    #testimonial .testimonial-bg .active-carousel {
        display: block;
        margin-left: -30px;
    }
    /* tesimonial ends */
    /* client */
    .client .client-logo span {
        width: 190px;
        font-size: 13px;
        margin-top: -50px;
    }
    .client .client-logo .client-carousel {
        display: block;
        width: 100%;
        height: 200px;
    }
    .client .client-logo .client-carousel img {
        width: 40%;
        margin-bottom: 30px;
    }
    .client .client-logo .client-carousel h1 {
        margin-left: 195px;
        margin-top: -64px;
        font-size: 20px;
    }
    .client .client-logo .client-carousel-mobile {
        display: block;
        width: 100%;
        height: 200px;
        text-align: center;
    }
    .client .client-logo .client-carousel-mobile img {
        width: 40%;
        margin-bottom: 30px;
    }
    .client .client-logo .client-carousel-mobile h1 {
        margin-left: 195px;
        margin-top: -64px;
        font-size: 20px;
    }
    /* client ends */
    /* action-sign up */
    .action-singup {
        margin: 30px 0;
    }
    .action-singup .action-singup-content h1 {
        color: #8c7954;
        font-size: 20px;
        line-height: 1.25;
        margin-bottom: 30px;
    }
    .action-singup .action-singup-content h1 b {
        color: #ca9222;
    }
    .action-singup .action-singup-content a {
        padding: 12px 55px;
        background: #c19a5b;
        color: #f2eee9;
    }
    /* end of sign up */
    /* faq */
    #faq {
        margin-top: 0px;
    }
    .questions-box-loading {
        left: 188px;
    }
    /* footer */
    .footer-logo {
        text-align: center;
    }
    .footer-area .footer-logo a img {
        width: 60%;
    }
    .footer-items,
    .footer-items2 {
        text-align: center;
    }
    .footer-area .footer-items {
        margin-left: 0;
    }
    .footer-area .copyright p {
        font-weight: 800;
    }
    .footer-area .footer-items p,
    .footer-area .footer-items2 p {
        color: #c19a5b;
        font-weight: 800;
        font-size: 18px;
        margin-bottom: 20px;
    }
    .footer-area .footer-items2 {
        margin-top: 45px;
    }
    .footer-area .col-sm-12 {
        width: 100%;
    }
    .footer-area .col-sm-6 {
        width: 50%;
    }
    #faq .questions-box .single-faq .faq-content h3 {
        font-size: 18px;
    }
    #faq .questions-box .single-faq {
        min-height: 250px;
    }
    /* footer ends */
    /* ----------------------------------------------- */
    /* about us page */
    /* header */
    #about-header {
        height: 640px;
    }
    #about-header .logo {
        margin-top: -60px;
        width: 30%;
        margin-left: 30%;
    }
    #about-header .registration {
        margin-top: -26%;
    }
    #about-header .menu-bar p {
        margin-left: 0px;
        font-size: 12px;
    }
    #about-header .side-menu {
        width: 100%;
    }
    #about-header .about-content {
        padding: 0px 20px;
    }
    #about-header .about-content h1 {
        font-size: 18px;
        line-height: 30px;
    }
    #about-header a.couple-side-bar,
    #contact-header .menu-bar a {
        margin-right: 10px;
    }
    /* header ends */
    /* header content */
    #about-header .about-content {
        position: relative;
        padding: 20px 20px;
    }
    #about-header .about-content h1 {
        font-size: 23px;
        width: 100%;
        margin-bottom: 20px;
    }
    #about-header .about-content a,
    .send-file .send-file-content a,
    .used .used-content a {
        font-size: 16px;
        padding: 15px 35px;
        font-weight: 700;
    }
    .used .used-content a {
        margin-left: 15px;
    }
    #about-header .about-content .about-img {
        top: 340px;
        width: 100%;
        height: 175%;
        padding: 0 15px;
    }
    #about-header .about-content .about-img img {
        width: 100%;
        border-radius: 30px;
        height: 100%;
    }
    #about-header .about-content .about-img::before {
        height: 100%;
    }
    /* header content ends */
    /* send file */
    .send-file .send-file-content h4 {
        font-size: 13px;
    }
    .send-file {
        margin-top: 210px;
    }
    .send-file .send-file-title {
        padding: 20px 20px;
    }
    .send-file .send-file-title h1 {
        font-size: 24px;
    }
    .send-file .send-file-content {
        padding: 20px 20px;
        margin-top: unset;
        margin-left: unset;
    }
    .send-file .send-file-content .send-file-content-list {
        padding: 30px 0px;
    }
    .send-file .send-file-content .send-file-content-list p {
        font-size: 14px;
    }
    /* send file ends */
    /* used */
    .used {
        margin-top: 175px;
        padding: 220px 0 150px 0;
        margin-bottom: 40px;
    }
    .used .used-content {
        padding-top: 70px;
    }
    .used .used-img {
        /* top: -323px;
        width: 100%;
        height: 600px;
        left: unset;
        padding: 0 15px; */
        position: relative;
        text-align: center;
        margin-top: -450px;
        width: 100%;
        left: 0;
        top: 0;
        height: auto;
    }
    .used .used-content h1 {
        font-size: 23px;
        padding: 0 20px;
    }
    .used .used-content p {
        font-size: 15px;
        font-weight: 500;
        padding: 0 20px;
    }
    .used .used-img img {
        width: 85%;
        height: auto;
        border-radius: 50px;
    }
    /* used end */
    /* package */
    .package {
        margin-bottom: 55px;
    }
    .package .package-content {
        margin-top: 100px;
        text-align: center;
        padding: 100px 40px 60px 40px;
    }
    .package .package-content p {
        font-weight: 500;
    }
    .package .package-content .package-content-img {
        top: 0%;
        left: 0;
        height: 565px;
        width: 100%;
        padding: 0 35px;
    }
    .package .package-content .package-content-img::before {
        height: 68%;
    }
    .package .package-content h1 {
        margin-top: 185px;
        font-size: 35px;
    }
    .package .package-content p {
        font-size: 14px;
    }
    .package .package-content .package-content-img::before {
        height: 64%;
    }
    /* package ends */
    /* about action */
    .about-action .about-action-box {
        padding: 60px 40px;
    }
    .about-action .about-action-box h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .about-action .about-action-box a {
        padding: 20px 30px;
        font-size: 14px;
    }
    /* footer */
    .footer-area .footer-items ul li a {
        font-size: 14px;
    }
    .footer-area .footer-items2 ul li a {
        font-size: 14px;
    }
    /* footer ends */
    /* about us page ends */
    /* ------------------------------------------------------------------ */
    /* contact us page */
    /* header */
    /* side bar */
    #contact-header .side-menu {
        width: 100%;
    }
    /* side bar ends */
    #contact-header .menu-bar p {
        font-size: 14px;
        margin-left: 10px;
    }
    #contact-header .logo {
        margin-top: -10px;
    }
    #contact-header .registration .singup-btn {
        display: inline-block;
    }
    /* header ends */
    /* contact content */
    .contact-content .contact-title h1 {
        font-size: 40px;
    }
    .contact-content .contact-title {
        text-align: center;
        margin-top: 30px;
    }
    .contact-content .contact-text {
        margin-top: 25px;
        text-align: center;
        padding: 0 20px;
    }
    .contact-content .contact-text p {
        font-size: 12px;
    }
    /* contact content ends */
    /* contact form */
    .contact-form .contact-form-box .fname {
        width: 46%;
        margin-right: 18px;
    }
    .contact-form .contact-form-box .lname {
        width: 46%;
    }
    .contact-form .contact-form-box a {
        padding: 15px 30px;
        font-size: 16px;
    }
    /* contact form ends */
    /* footer */
    .footer-area .footer-items2 ul li a {
        font-size: 12px;
    }
    .footer-area .footer-items ul li a {
        font-size: 12px;
    }
    /* footer ends */
    /* contact us page ends */
    /* -------------------------------------------------------------- */
    /* couple page */
    #contact-header .registration .singup-btn {
        display: inline-block;
        font-size: 14px;
        background: #c19a5b;
        color: #f2eee9;
        border: 1px solid #c19a5b;
        border-radius: 50px;
        transition: all .3s;
        padding: 12px 16px;
    }
    .couple-title .couple-content .couple-img a img {
        width: 120px;
        height: 120px;
    }
    .couple-title .couple-content h1 {
        font-size: 40px;
    }
    .couple-box .couple-box-content {
        border-radius: 30px;
        padding: 20px 30px;
        margin: 10px 20px;
    }
    .couple-box .upload-content {
        width: 90%;
        margin-left: 5%;
        padding: 40px 30px;
        margin-top: 10px;
    }
    .couple-box .upload-event p {
        margin-right: 0px;
    }
    .couple-box .upload-wedding .upload-wedding-btn {
        margin-left: 242px;
        position: relative;
        top: -53px;
    }
    .couple-box .upload-wedding p {
        display: block;
    }
    .couple-box .upload-wedding .upload-wedding-btn .share {
        font-size: 12px;
    }
    .couple-box .upload-wedding .upload-wedding-btn .delete {
        padding: 15px 15px;
        margin-left: 0px;
        display: block;
        margin-top: 10px;
    }
    .couple-box .upload-event .title-event {
        margin-right: 5px;
    }
    .couple-box .upload-event .date {
        margin-right: 95px;
    }
    .couple-box .couple-img {
        position: relative;
        bottom: unset;
        margin: 10px 20px;
        padding: 20px 30px;
    }
    .couple-box .couple-img .upload-box {
        padding: 100px 60px;
        margin: 50px 0;
    }
    .couple-box .couple-img .upload-box p {
        font-size: 14px;
    }
    .couple-box .couple-img a {
        display: block;
        padding: 10px;
        text-align: center;
    }
    .couple-box .upload-content .wedding-more {
        display: block;
        padding: 10px;
        text-align: center;
        margin-left: unset;
    }
    .table-responsive {
        margin-bottom: 20px;
    }
    /* couple page ends */
    /* guest page */
    #guest-header .logo {
        width: 100%;
        height: 100%;
        align-items: center;
        display: flex;
        margin-top: 0;
        margin-left: 0;
    }
    #guest-header .logo a img {
        width: 100%;
    }
    #guest-header .menu-bar p {
        font-size: 16px;
        margin-top: 0;
        padding: 0;
        margin-right: 0;
    }
    #guest-header .menu-bar .guest-side-bar svg {
        margin-top: 0px;
        width: 38%;
    }
    #guest-header .side-menu {
        width: 100%;
    }
    .guest-content {
        padding: 0;
    }
    .guest-content .guest-content-img {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        top: 45px;
        left: 0;
    }
    .guest-content .guest-content-img a span {
        width: 516px;
        height: 644px;
        border-radius: 91px;
    }
    .guest-content .guest-content-img a img {
        width: 100%;
        border-radius: 30px;
        height: auto;
        border: 2px solid #8c7954;
    }
    .guest-content .guest-box {
        margin-top: 20px;
    }
    .guest-content .guest-box .upload-box {
        margin: 50px 25px;
        padding: 30px;
    }
    .guest-content .guest-box h1 {
        color: #8c7954;
        /* font-family: 'Baskerville'; */
        font-size: 28px;
        margin-top: 50px;
    }
    .guest-content .guest-box p {
        font-size: 16px;
        padding: 0px 10px;
    }
    .guest-content .guest-box .one h1 {
        color: #c19a5b;
        font-size: 48px !important;
        font-weight: 400;
        /* font-family: 'Baskerville'; */
    }
    .guest-content .guest-box .one p {
        font-size: 12px;
    }
    .guest-content .guest-box .one::before {
        width: 34%;
        height: 34%;
        z-index: -1;
        left: 10%;
        top: 15%;
    }
    .guest-content .guest-box .upload-box a {
        margin: 0;
        padding: 10px;
    }
    .guest-content .guest-box .row {
        margin-left: 10px;
        margin-bottom: 40px;
    }
    .guest-content .guest-box .row .col-4 {
        padding-right: 0;
        padding-left: 10px;
    }
    .guest-footer-area {
        margin-top: 70px;
    }
    .guest-footer-area .guest-copyright p {
        font-size: 18px;
    }
    .guest-page .photo-gallery {
        margin: 30px 0 0 0;
        padding: 0px 0 150px 0;
        background: #f2eee9;
    }
    .guest-page .photo-gallery ul.slick-dots {
        text-align: center;
        margin-top: 30px;
    }
    .guest-page .photo-gallery button {
        background: #bbb;
    }
    .guest-page .photo-gallery .single-photo {
        padding: 30px 0;
    }
    .guest-page .photo-gallery .single-photo h1 {
        font-size: 18px;
        font-family: 'Lemon';
        text-align: center;
        padding: 20px 0;
    }
    .guest-page .photo-gallery .single-photo .toolbar {
        text-align: center;
        padding: 10px 0;
    }
    .guest-page .photo-gallery .single-photo a.button {
        width: 50%;
        color: #c19a5b;
        border: 1px solid #c19a5b;
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        display: inline;
        padding: 8px 20px;
        border-radius: 50px;
        transition: all .3s;
    }
    .guest-page .photo-gallery .single-photo a.button:hover {
        background: #c19a5b;
        color: #f2eee9;
    }
    .guest-page .photo-gallery .single-photo a.danger-button {
        color: #ff0000;
        border: 1px solid #ff0000;
    }
    .guest-page .photo-gallery .single-photo a.danger-button:hover {
        background: #ff0000;
        color: #f2eee9;
    }
    /* guest page ends */
    /* -------------------------------------------- */
    /* email template page */
    /* logo */
    .email-header .logo a img {
        width: 40%;
    }
    /* logo ends */
    /* email template page ends */
    .couple-content {
        margin: 0 20px;
    }
    .couple-title {
        margin-bottom: 50px;
    }
    .couple-title .couple-content .couple-img {
        width: 60px;
        height: 60px;
        display: inline-block;
    }
    .couple-title .couple-content .couple-img a img {
        width: 60px;
        height: 60px;
    }
    .couple-title .couple-content h1 {
        display: inline-block;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        font-size: 24px;
        margin-left: 10px;
        line-height: auto;
    }
    #guest-header .menu-bar .guest-side-bar {
        width: 40px;
    }
    .couple-box .table thead th.text-truncate {
        min-width: 120px;
    }
}


/* SM Small Device :550px. */

@media only screen and (min-width: 576px) and (max-width: 767px) {
    /* header  */
    #header .logo {
        width: 80%;
        margin-top: -14px;
        margin-left: 10%;
    }
    #header .registration {
        margin-top: -6px;
    }
    #about-header .menu-bar {
        margin-top: -15px;
    }
    #about-header .menu-bar p {
        margin-left: 37px;
    }
    #header .registration .singup-btn {
        font-size: 14px;
        padding: 10px 15px;
    }
    #header .mobile-menu {
        position: relative;
    }
    /* #header .mobile-menu::before {
        position: absolute;
        content: "NEED HELP?";
        left: 60px;
        color: #8c7954;
        font-weight: 500;
        font-size: 13px;
        margin-top: 4px;
    } */
    #header .registration .login-btn svg,
    #about-header .registration .login-btn svg {
        margin-top: -4px;
    }
    #header .registration .login-btn::before,
    #about-header .registration .login-btn::before {
        display: none;
    }
    #header .registration .login-btn,
    #about-header .registration .login-btn {
        color: #c19a5b;
        border: 1px solid #c19a5b;
        border-radius: 50px;
        transition: all .3s;
        font-size: 12px;
        padding: 10px 20px;
    }
    #header .registration .login-btn:hover,
    #about-header .registration .login-btn:hover {
        background: #8c7954;
        color: #f2eee9;
    }
    #header .registration .login-btn:hover svg,
    #about-header .registration .login-btn:hover svg {
        transform: translateY(8px);
    }
    #about-header .logo {
        margin-top: -22px;
        width: 100%;
        margin-left: -20%;
    }
    #about-header .registration {
        margin-top: -10%;
    }
    #header .mobile-menu a svg {
        width: 40%;
    }
    /* header ends */
    /* features */
    /* features ends */
    /* how to */
    #how-to .work-box {
        margin-left: 0px;
        width: 515px;
    }
    /* how to ends */
    /* faq */
    .questions-box-loading .loading {
        left: 60px;
    }
    /* faq ends */
    /* --------------------------------------------------- */
    /* guest page */
    #guest-header .menu-bar p {
        font-size: 16px;
        margin-top: 0;
    }
    #guest-header .menu-bar .guest-side-bar svg {
        margin-top: 0px;
        width: 38%;
    }
    #guest-header .menu-bar {
        margin-top: 8px;
    }
    #guest-header .side-menu {
        width: 100%;
    }
    .guest-content .guest-content-img {
        left: 0px;
        top: 45px;
    }
    .guest-content .guest-content-img a span {
        width: 516px;
        height: 644px;
        border-radius: 91px;
    }
    .guest-content .guest-content-img a img {
        border-radius: 91px;
        border: 2px solid #8c7954;
    }
    .guest-content .guest-box .upload-box {
        margin: 50px 25px;
    }
    .guest-content .guest-box p {
        font-size: 16px;
    }
    .guest-content .guest-box .one p {
        font-size: 15px;
    }
    .guest-content .guest-box .one::before {
        width: 34%;
        height: 44%;
        z-index: -1;
        left: 10%;
        top: 15%;
    }
    .guest-content .guest-box {
        width: 100%;
        height: 100%;
        border-radius: 91px;
        border: 2px solid #8c7954;
        margin-top: 8px;
    }
    .guest-footer-area {
        margin-top: 70px;
    }
    .guest-footer-area .guest-copyright p {
        font-size: 18px;
    }
    /* guest page ends */
    /* --------------------------------------- */
    /* about us page */
    .package .package-content .package-content-img::before {
        height: 73%;
    }
}


/* retina query */

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:991.98px),
only screen and (min--moz-device-pixel-ratio:2) and (max-width:991.98px),
only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:991.98px),
only screen and (min-device-pixel-ratio:2) and (max-width:991.98px),
only screen and (min-resolution:192dpi) and (max-width:991.98px),
only screen and (min-resolution:2dppx) and (max-width:991.98px) {
    .logo .standard-logo {
        display: none;
    }
    .logo .retina-logo {
        display: inline-block;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .logo .standard-logo {
        display: none;
    }
    .logo .retina-logo {
        display: inline-block;
    }
}


/* Responsive Structure*/


/* Mobile */

@media (orientation:portrait) and (max-width: 500px) {
    #header {
        width: 100%;
        height: 550px;
        background: #f2eee9;
    }
    #header .menu-padding,
    #contact-header .menu-padding,
    #guest-header .menu-padding,
    #about-header .menu-padding {
        padding: 20px;
    }
    #header .mobile-menu,
    #contact-header .mobile-menu,
    #about-header .menu-bar {
        margin-top: 10px;
        position: relative;
    }
    #header .logo,
    #contact-header .logo,
    #about-header .logo {
        width: 100%;
        height: 100%;
        align-items: center;
        display: flex;
        margin-top: 0;
        margin-left: 0;
    }
    #header .logo a img,
    #contact-header .logo a img {
        width: 100%;
    }
    #header .registration,
    #contact-header .registration,
    #about-header .registration {
        width: 100%;
        height: 100%;
        margin-top: 0;
        padding: 0;
    }
    #header .registration .login-btn,
    #about-header .registration .login-btn,
    #contact-header .registration .login-btn {
        font-size: 14px;
        padding: 12px 16px;
    }
    #header .header-content h1 {
        font-size: 24px;
        line-height: 1.25;
        margin-top: 40px;
        padding: 0 20px;
    }
    .col-onmobile:nth-child(1) {
        width: 25% !important;
    }
    .col-onmobile:nth-child(2) {
        width: 35% !important;
    }
    .col-onmobile:nth-child(3) {
        width: 40% !important;
    }
    /* photo gallery */
    .photo-gallery {
        margin-top: -50px;
    }
    .photo-gallery .single-photo {
        width: 80%;
        margin: auto;
    }
    .photo-gallery .single-photo a img {
        width: 100%;
        border-radius: 30px;
        height: auto;
    }
    /* end of photo gallery */
    /* photo-made */
    .photo-made {
        margin: 36px 0;
        height: 500px;
    }
    .photo-made .photo-made-content h1 {
        font-size: 20px;
    }
    .photo-made .photo-made-content p {
        color: #c19a5b;
        font-size: 18px;
        /* font-family: 'Baskerville'; */
        margin-bottom: 30px;
        font-weight: 800;
    }
    .photo-made .photo-made-content h1,
    .photo-made .photo-made-content p,
    .photo-made .photo-made-content span {
        margin-bottom: 30px;
    }
    .photo-made .photo-made-content {
        padding: 80px 20px;
    }
    .photo-made .photo-made-content>a {
        margin-bottom: 30px;
    }
    .photo-made .photo-made-content .photo-made-img {
        position: absolute;
        top: 350px;
        left: 0;
        width: 100%;
    }
    .photo-made .photo-made-content .photo-made-img a {
        position: relative;
        display: inline-block;
        width: 100%;
        left: 0;
        right: 0;
        top: 70px;
        border-radius: 50px;
    }
    .photo-made .photo-made-content .photo-made-img a::before {
        position: absolute;
        content: "";
        background: #f2eee9;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        opacity: .3;
        border-radius: 0;
    }
    .photo-made .photo-made-content .photo-made-img a img {
        width: 80%;
        height: auto;
    }
    .photo-made .photo-made-content>a {
        font-size: 14px;
        padding: 12px 16px;
    }
    /* end of photo made */
    /* features */
    #features {
        margin-top: 430px;
        text-align: center;
        padding-bottom: 250px;
    }
    #features .feature-img h1 {
        margin-bottom: 0px;
        font-size: 24px;
        line-height: 1.25;
        padding: 0 20px;
    }
    #features .feature-option {
        margin-bottom: 20px;
    }
    #features .feature-img a {
        display: inline-block;
        width: 100%;
        left: 0;
        right: 0;
        top: 720px;
        border-radius: 50px;
    }
    #features .feature-img a img {
        width: 80%;
        height: auto;
    }
    #features .feature-option .feature-icon h3 {
        display: inline-block;
        color: #8c7954;
        font-size: 18px;
    }
    #features .feature-option .feature-content p {
        margin-top: -26px;
        text-align: left;
        margin-left: 26%;
        display: block;
        font-size: 12px;
        /* font-family: "Baskerville-bold"; */
    }
    /* end of features */
    /* how to work */
    #how-to {
        margin-top: 330px;
        padding: 0px 0px 50px 0;
    }
    #how-to .work-title {
        text-align: center;
        padding: 100px 0 25px 0;
    }
    #how-to .work-title h1 {
        font-size: 24px;
        line-height: 1.25;
        color: #8c7954;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 0;
    }
    #how-to .work-box {
        margin-bottom: 10px;
        margin-left: 0;
        width: 100%;
        height: auto;
    }
    #how-to .work-box h3 {
        margin-bottom: 10px;
        margin-top: -122px;
        margin-left: 100px;
        font-size: 16px;
        line-height: 1;
    }
    #how-to .work-box p {
        margin-left: 100px;
        font-size: 14px;
        font-family: 'Baskerville';
        font-weight: 800;
    }
    #how-to .work-btn {
        text-align: center;
        margin-top: 20px;
    }
    #how-to .work-btn a {
        font-size: 20px;
        padding: 12px 45px;
    }
    /* end of how to */
    /* testimonials */
    #testimonial .testimonial-bg {
        background: #f2eee9;
        padding: 40px 0;
        border-radius: 50px;
    }
    #testimonial .testimonial-bg .active-carousel {
        display: block;
        margin-left: 0;
    }
    #testimonial .testimonial-bg .active-carousel .testimonial-content {
        /* width: 280px !important; */
        display: inline-block;
        margin: 0 20px;
    }
    #testimonial .testimonial-bg .testimonial-about h1 {
        font-size: 24px;
        line-height: 1.25;
        color: #8c7954;
        font-weight: 700;
        padding: 0 20px;
    }
    #testimonial .testimonial-bg .active-carousel .testimonial-content h4 {
        font-size: 16px;
        font-family: 'Baskerville';
        color: #8c7954;
        margin: 30px 10px 0px 10px;
        line-height: 1.5;
        text-align: center;
    }
    #testimonial .testimonial-bg .active-carousel .testimonial-content a {
        width: 100%;
        padding: 0 10px 20px 10px;
        text-align: center;
        font-family: 'Carlysta';
        font-weight: 500;
        font-size: 48px;
    }
    #testimonial .active-carousel .slick-dots {
        margin-left: 0;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    /* end of testimonials */
    /* client */
    .client .client-logo {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        padding-bottom: unset;
        justify-content: space-around;
    }
    .client .client-logo span {
        margin-top: unset;
    }
    .client .client-logo .client-carousel {
        height: 50px;
        margin-top: unset;
    }
    .client .client-logo .client-carousel-mobile img {
        width: 50%;
        margin-bottom: 30px;
        display: inline-block;
    }
    .client .client-logo .client-carousel-mobile h1 {
        display: inline-block;
        margin-left: 5px;
    }
    .client .client-logo .client-carousel-mobile {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
    }
    /* client ends */
    /* faq */
    #faq {
        background: rgb(193, 154, 91);
        padding: 80px 0;
        margin: 0;
    }
    #faq .questions-title {
        text-align: center;
        margin-bottom: 20px;
    }
    #faq .questions-title h1 {
        color: #f2eee9;
        font-size: 24px;
        line-height: 1.25;
        padding: 0 20px;
        font-weight: 700;
    }
    #faq .questions-box .single-faq .faq-content h3 {
        font-size: 14px;
        font-weight: 800;
    }
    #faq .questions-box .single-faq .faq-text p {
        color: #8c7954;
        font-size: 14px;
        font-family: 'Baskerville';
        padding-right: 0;
        position: absolute;
        margin-top: 15px;
        font-weight: 800;
    }
    /* end of faq */
    /* action-sign up */
    .action-singup {
        margin: 30px 0;
    }
    .action-singup .action-singup-content h1 {
        color: #8c7954;
        font-size: 20px;
        line-height: 1.25;
        margin-bottom: 30px;
    }
    .action-singup .action-singup-content h1 b {
        color: #ca9222;
    }
    .action-singup .action-singup-content a {
        padding: 12px 55px;
    }
    /* end of sign up */
    /* footer */
    .footer-logo {
        text-align: center;
    }
    .footer-area .footer-logo a img {
        width: 60%;
    }
    .footer-items,
    .footer-items2 {
        text-align: center;
    }
    .footer-area .copyright p {
        font-weight: 800;
    }
    .footer-area .footer-items p,
    .footer-area .footer-items2 p {
        color: #c19a5b;
        font-weight: 800;
        font-size: 18px;
        margin-bottom: 20px;
    }
    .footer-area .footer-items2 {
        margin-top: 45px;
    }
    .footer-area .col-sm-12 {
        width: 100%;
    }
    .footer-area .col-sm-6 {
        width: 50%;
    }
    /* end of footer */
    /* couple page */
    #contact-header .registration .singup-btn {
        font-size: 14px;
        padding: 12px 16px;
    }
    /* end of couple page */
    .couple-content {
        margin: 0 20px;
    }
    .couple-title .couple-content .couple-img {
        width: 60px;
        height: 60px;
        display: inline-block;
    }
    .couple-title .couple-content .couple-img a img {
        width: 60px;
        height: 60px;
    }
    .couple-title .couple-content h1 {
        display: inline-block;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        font-size: 24px;
        margin-left: 10px;
        line-height: auto;
    }
    .couple-box .couple-box-content {
        border-radius: 30px;
        padding: 20px 30px;
        margin: 10px 20px;
    }
    .couple-box .couple-img {
        position: relative;
        bottom: unset;
        margin: 10px 20px;
        padding: 20px 30px;
    }
    /* guest page */
    #guest-header .logo {
        width: 100%;
        height: 100%;
        align-items: center;
        display: flex;
        margin-top: 0;
        margin-left: 0;
    }
    #guest-header .logo a img {
        width: 100%;
    }
    .guest-content {
        padding: 0;
    }
    .guest-content .guest-content-img {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        top: 45px;
        left: 0;
    }
    .guest-content .guest-content-img a img {
        width: 100%;
        border-radius: 30px;
        border: 2px solid #c19a5b;
        height: auto;
    }
    .guest-content .guest-box {
        width: 100%;
        height: 100%;
        border-radius: 30px;
        border: none;
        margin-top: 8px;
        padding: 20px 10px;
    }
    .guest-content .guest-box .guest-center {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        width: 100%;
    }
    .guest-content .guest-box h1 {
        color: #8c7954;
        /* font-family: 'Baskerville'; */
        font-size: 24px;
        margin-top: 50px;
    }
    .guest-content .guest-box .one h1 {
        color: #c19a5b;
        font-size: 36px !important;
        font-weight: 400;
        /* font-family: 'Baskerville'; */
    }
    .guest-content .guest-box .one::before {
        width: 34%;
        height: 34%;
        z-index: -1;
        left: 10%;
        top: 15%;
    }
    .guest-content .guest-box .row {
        margin-left: 10px;
        margin-bottom: 40px;
    }
    .guest-content .guest-box .row .col-4 {
        padding-right: 0;
        padding-left: 10px;
    }
    .guest-page .photo-gallery {
        margin: 30px 0 0 0;
        padding: 0px 0 150px 0;
        background: #f2eee9;
    }
    .guest-page .photo-gallery ul.slick-dots {
        text-align: center;
        margin-top: 30px;
    }
    .guest-page .photo-gallery button {
        background: #bbb;
    }
    .guest-page .photo-gallery .single-photo {
        padding: 30px 0;
    }
    .guest-page .photo-gallery .single-photo h1 {
        font-size: 18px;
        font-family: 'Lemon';
        text-align: center;
        padding: 20px 0;
    }
    .guest-page .photo-gallery .single-photo .toolbar {
        text-align: center;
        padding: 10px 0;
    }
    .guest-page .photo-gallery .single-photo a.button {
        width: 50%;
        color: #c19a5b;
        border: 1px solid #c19a5b;
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        display: inline;
        padding: 8px 20px;
        border-radius: 50px;
        transition: all .3s;
    }
    .guest-page .photo-gallery .single-photo a.button:hover {
        background: #c19a5b;
        color: #f2eee9;
    }
    .guest-page .photo-gallery .single-photo a.danger-button {
        color: #ff0000;
        border: 1px solid #ff0000;
    }
    .guest-page .photo-gallery .single-photo a.danger-button:hover {
        background: #ff0000;
        color: #f2eee9;
    }
    .header-title-gallery {
        padding: 0 40px;
    }
    /* guest page ends */
    /* --------------------------------------- */
}

@media (orientation:portrait) and (max-width: 375px) {
    #header {
        width: 100%;
        height: 500px;
        background: #f2eee9;
    }
    /* #header .mobile-menu::before {
        position: absolute;
        content: "NEED HELP?";
        left: 30px;
        color: #8c7954;
        font-weight: 500;
        font-size: x-small;
    } */
    #contact-header .menu-bar p {
        font-weight: 500;
        font-size: x-small;
    }
    #header .mobile-menu a svg,
    #contact-header .menu-bar a svg,
    #guest-header .menu-bar .guest-side-bar svg,
    #about-header .menu-bar a svg {
        overflow: hidden;
        width: 20px !important;
        height: 20px !important;
    }
    #header .mobile-menu,
    #contact-header .mobile-menu,
    #about-header .menu-bar {
        margin-top: 0;
    }
    #header .logo,
    #contact-header .logo,
    #about-header .logo {
        width: 100%;
        height: 100%;
        align-items: center;
        display: flex;
        margin-top: 0;
        margin-left: 0;
    }
    #header .registration .login-btn,
    #about-header .registration .login-btn,
    #contact-header .registration .login-btn {
        font-size: 14px;
        padding: 4px;
    }
    #header .header-content a {
        font-size: 14px;
        padding: 12px 16px;
    }
    /* photo made */
    .photo-made .photo-made-content {
        padding: 80px 10px;
    }
    .photo-made .photo-made-content p {
        color: #c19a5b;
        font-size: 12px;
        margin-bottom: 30px;
        font-weight: 500;
    }
    .photo-made .photo-made-content .photo-made-img {
        top: 320px;
    }
    .photo-made .photo-made-content>a {
        font-size: 14px;
        padding: 12px 16px;
    }
    /* end of photo made */
    /* features */
    #features {
        margin-top: 350px;
    }
    #features .feature-img a {
        display: inline-block;
        width: 100%;
        left: 0;
        right: 0;
        top: 45em;
        border-radius: 50px;
    }
    /* end of features */
    /* how to work */
    #how-to {
        padding: 0px 0px 50px 0;
    }
    #how-to h1 {
        font-size: 45px !important;
    }
    #how-to .work-title {
        text-align: center;
        padding: 70px 0 25px 0;
    }
    #how-to .work-box h3 {
        margin-bottom: 10px;
        margin-top: -90px;
        margin-left: 65px;
        font-size: 16px;
        line-height: 1;
    }
    #how-to .work-box p {
        margin-left: 65px;
        font-size: 12px;
    }
    #how-to .work-btn a {
        font-size: 18px;
        padding: 8px 24px;
    }
    /* end of how to */
    /* testimonial */
    #testimonial .testimonial-bg {
        background: #f2eee9;
        padding: 40px 10px;
        border-radius: 50px;
    }
    /* end of testimonial */
    /* couple page */
    #contact-header .registration .singup-btn {
        font-size: 14px;
        padding: 4px;
    }
    /* end of couple page */
    /* guest page */
    #guest-header .logo {
        width: 100%;
        height: 100%;
        align-items: center;
        display: flex;
        margin-top: 0;
        margin-left: 0;
    }
    h1.title-gallery {
        font-size: 20px !important;
    }
    /* guest page ends */
    /* --------------------------------------- */
    .contact-form .contact-form-box .fname,
    .contact-form .contact-form-box .lname {
        padding: 40px 15px;
    }
    .contact-form .contact-form-box input::-webkit-input-placeholder,
    .contact-form .contact-form-box textarea::-webkit-input-placeholder {
        font-size: 10px;
    }

    .couple-box .container .justify-content-center .col-12 {
        max-width: 750px;
        padding: 110px 0 110px;
    }

    .couple-box .couple-box-content {
        padding: 20px 20px;
        margin: 10px 0px;
    }
}

@media (max-width: 576px) {
    .container,
    .container-sm {
        max-width: 640px;
    }
}