@media (min-width: 1920px) and (max-width: 2560px) {

    
}

@media (min-width: 1801px) and (max-width: 1919px) {

}

@media (min-width: 1681px) and (max-width: 1800px) {

}

@media (min-width: 1600px) and (max-width: 1680px) {

}

@media (min-width: 1441px) and (max-width: 1599px) {


}

@media (min-width: 1400px) and (max-width: 1440px) {

}

@media (min-width: 1300px) and (max-width: 1366px) {

}

@media (min-width: 1300px) {




}


@media (min-width: 1201px) and (max-width: 1440px) {
.new-wedding-carousel {height: 690px;}

.new-wedding-title{font-size:48px;}
.pos2 {width: 450px;}
.pos4{width: 150px;}
.pos3 {width: 160px;}
.pos1 {width: 160px;}
.pos0 {width: 150px;}
    
}

 @media (min-width: 1050px) and (max-width: 1200px) {

} 

@media (min-width: 992px) and (max-width: 1200px) {
    .story-image{

right:-120px;

width:380px;

}

.story-image img{

height:450px;

}

.story-content{

width:60%;

}

}

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

}

@media (min-width: 1024px) and (max-width: 1150px){


}

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

}

@media (min-width: 768px) and (max-width: 991px) {
  .wedding-banner img,
  .wedding-banner {height: 500px;}
.wedding-content-section .inner-content h2:nth-child(3) {
    left: 0;
    position: relative;
}
.wedding-content-section .inner-right-content {
    position: relative;
    margin-top: 10%;
}
.wedding-content-section .wedding-content-img {
    width: 53%;
    height: 500px;
    object-fit: cover;
}
.wedding-content-section .right-image-wrapper {
    padding: 0px 20px 0px;
}
.new-wedding-gallery-section {padding-top: 50px;}
.new-wedding-carousel{height:720px;}
.story-content{width:60%;}
.story-content .new-heading {font-size: 30px;}
.story-image {right: -230px;}
.footer-img {height: 1460px;}
.new-heading {font-size: 40px;}


}


@media (max-width: 1024px) {
.mobile-hide{display: none;}
.desktop-hide{display: block;}

}




@media (max-width: 992px) {
    .wedding-banner img,
  .wedding-banner {height: 500px;}
.wedding-banner-content{width: 100%;}
.new-wedding-gallery-section{padding-top: 80px;}
.pos2{z-index: 10 !important;}

    .modal-dialog{
        margin:15px;
    }

    .display-6{
        font-size:2rem;
    }

    .wedding-btn{
        width:100%;
        font-size:20px;
    }

.new-wedding-content{

left:20px;
right:20px;
bottom:20px;

}

.new-wedding-content h3{

font-size:34px;

}

.new-wedding-content p{

font-size:16px;

}

.new-wedding-arrow{

display:none;

}

}
@media (min-width: 768px) and (max-width: 768px) {
    .wedding-content-section .inner-right-content {
        position: relative;
        margin-top: 10%;
    }
.footer-img {height: 1360px;}
}
@media (max-width: 767px) {
.wedding-content-section .inner-content h2:nth-child(3) {
    left: 10%;
    position: relative;
}
.new-wedding-gallery-section .wedding-slide{
    padding:0 12px;
}

.new-wedding-gallery-section .wedding-card{
    background:#fff;
    overflow:hidden;
    border-radius:8px;
    transition:.4s;
    position: relative;
}

.new-wedding-gallery-section .wedding-card img{
    width:100%;
    height:420px;
    object-fit:cover;
    display:block;
}

.new-wedding-gallery-section .wedding-content{
    padding:25px;
    text-align:center;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.new-wedding-gallery-section .wedding-content .title{
    font-size:28px !important;
    color: #fff;
    font-family: "Cormorant Garamond", serif !important;
}

.new-wedding-gallery-section .wedding-content p{
    margin:0;
    line-height:1.7;
    color:#fff;
}

.new-wedding-gallery-section .slick-center .wedding-card{
    transform:scale(1.08);
}

.new-wedding-gallery-section .slick-center .wedding-content{
    display:block;
}
.new_wedding_slider {
    margin-top: 40px;
    padding-bottom: 30px;
}
.new-wedding-carousel{display: none;}
.new_wedding_slider {
    display: block;
}
.wedding-content-section .inner-right-content {
    position: relative;
    margin-top: 10%;
}
.wedding-content-section .wedding-content-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wedding-right-container {
    position: relative;
    left: 0;
    top: 0;
    transform: unset;
}
.wedding-content-section .right-image-wrapper {
    padding: 40px 60px 40px;
}
    .new-wedding-gallery-section {
        padding-top: 40px;
    }
.story-content {width: 100%;}
.story-image {
    position: relative;
    right: 0;
    top: 30px;
    transform: unset;
    width: 100%;
    z-index: 5;
}
.story-slide {
    padding: 40px 10px 80px 10px;
}
.story-box::after {
    right: 70px;
    top: 50%;
    transform: translateY(-50%) rotate(-0deg);
}
.new_wedding_slider .slick-dots{
  bottom: 0;
}
.desktop-hide{display: block;}
    

}



@media (min-width: 600px) and (max-width: 767px) {


    
}

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

}

@media (max-width: 599px) {
  .story-content{min-height: 500px;}
  .mobile-hide{display:none;}
.wedding-banner {height: 500px;}
.wedding-banner img{height: 100%;}
.wedding-banner-content{width: 100%;top: 80%;}
.wedding-content-section {padding: 50px 0 0;}
.wedding-content-section .inner-content h2:nth-child(3) {left: 0;
        position: relative;}
.wedding-content-section .inner-right-content {margin-top: 10%;}
.wedding-content-section .wedding-content-img {
    width: 100%;
    height: 100%;
}
.wedding-right-container {
    position: relative;
    left: 0;
    top: 0;
    transform: unset;
}
.wedding-content-section .right-image-wrapper {
    padding: 0px;
    margin-top: 20px;
}
.wedding-haldi-section {padding-top: 50px;}
.story-section {padding-top: 0px;}
.new-wedding-gallery-section{padding-top: 50px;}
.story-image img {height: 100%;}
.story-box {padding: 40px 30px;}
.story-box::after {top: 54%;}

}


@media (min-width: 350px) and (max-width: 575px) {
    .story-content {
        min-height: 560px;
    }

}

@media (min-width: 320px) and (max-width: 378px){
    .new-heading {
      font-size: 30px;
    }
    .story-box::after {top: 60%;}
}

@media (min-width: 320px) and (max-width: 349px) {


}

@media (min-width: 400px) and (max-width: 575px) {

}