@media only screen and (min-width: 1366px) and (max-width: 1500px) {
    .marquee{
        font-size: 17px !important;
    }
    .imgcurve2 {
        transform: rotate(-11deg) translateY(-11px);
        margin: 0px 0 0 13px;
    }
    .im-al.imgcurve2 {
        width: 82%;
    }
    .imgcurve2~.gallerybtn {
        transform: rotate(-13deg) translateY(0px) translateX(30px);
    }
    .imgcurve1 {
        transform: rotate(-19deg) translateY(48px);
    }
    .imgcurve1~.gallerybtn {
        transform: rotate(-19deg) translateY(66px) translateX(45px);
    }
    
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .marquee {
        font-size: 1.10rem;
    }
     .imgcurve2 {
        transform: rotate(-11deg) translateY(-11px);
        margin: 0px 0 0 13px;
    }
    .im-al.imgcurve2 {
        width: 82%;
    }
     .imgcurve2~.gallerybtn {
        transform: rotate(-13deg) translateY(0px) translateX(30px);
    }
    .imgcurve1 {
        transform: rotate(-19deg) translateY(48px);
    }
    .imgcurve1~.gallerybtn {
        transform: rotate(-19deg) translateY(66px) translateX(45px);
    }
    
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .marquee {
        font-size: 0.85rem;
    }
    .imgcurve2{
        transform: rotate(-13deg) translateY(-18px);
        margin: 0px 0 0 13px;
    }
    .im-al.imgcurve2 {
        width: 82%;
    }
    .imgcurve1 {
        transform: rotate(-19deg) translateY(40px);
    }
    .imgcurve1~.gallerybtn {
        transform: rotate(-19deg) translateY(51px) translateX(35px);
    }
    .gallerybtn {
        font-size: 13px;
        padding: 8px 15px;
    }
    .imgcurve2~.gallerybtn {
        transform: rotate(-13deg) translateY(-4px) translateX(23px);
    }
    
    
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .marquee {
        font-size: 0.72rem;
    }
    .imgcurve2 {
        transform: rotate(-16deg) translateY(4px);
        margin: 0px 0 0 10px;
    }
    .im-al.imgcurve2 {
        width: 82%;
    }
    .gallerybtn {
        font-size: 8px;
        padding: 8px 15px;
    }
    .imgcurve1~.gallerybtn {
        transform: rotate(-18deg) translateY(71px) translateX(25px);
    }
    .imgcurve2~.gallerybtn {
        transform: rotate(-16deg) translateY(19px) translateX(20px);
    }
    .imgcurve3~.gallerybtn {
        transform: rotate(-8deg) translateY(-10px) translateX(7px);
    }
       .imgcurve3 {
        transform: rotate(-8deg) translateY(-20px);
    }
    .imgcurve5 {
        transform: rotate(17deg) translateY(9px);
    }
    .imgcurve5~.gallerybtn {
        transform: rotate(18deg) translateY(21px) translateX(-25px);
    }
    .imgcurve6~.gallerybtn{
        transform: rotate(20deg) translateY(62px) translateX(-35px);
    }
    .imgcurve6 {
        transform: rotate(23deg) translateY(50px);
    }
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
    .marquee {
        font-size: 0.49rem;
    }
    .collection-sec .row .col {
        display: contents;
    }
    .imgcurve1 {
        transform: rotate(0deg) translateY(0px);
    }
    .imgcurve2 {
        transform: rotate(0deg) translateY(0px);
    }
    .imgcurve3 {
        transform: rotate(0deg) translateY(0px);
    }
    .imgcurve4 {
        transform: rotate(0deg) translateY(0px);
    }
    .imgcurve5 {
        transform: rotate(0deg) translateY(0px);
    }
    .imgcurve6 {
        transform: rotate(0deg) translateY(0px);
    }
    .imgcurve1~.gallerybtn {
        transform: rotate(0deg) translateY(0px) translateX(0px);
        margin: 14px auto;
    }
    .imgcurve2~.gallerybtn {
        transform: rotate(0deg) translateY(0px) translateX(0px);
        margin: 14px auto;
    }
    .imgcurve3~.gallerybtn {
        transform: rotate(0deg) translateY(0px);
        margin: 14px auto;
    }
    .imgcurve4~.gallerybtn {
        transform: rotate(0deg) translateY(0px) translateX(0px);
        margin: 14px auto;
    }
    .imgcurve5~.gallerybtn {
        transform: rotate(0deg) translateY(0px) translateX(0px);
        margin: 14px auto;
    }
    .imgcurve6~.gallerybtn {
        transform: rotate(0deg) translateY(0px) translateX(0px);
        margin: 14px auto;
    }
    .collection-sec>div {
        text-align: center;
    }
    .im-al.imgcurve2 {
        width: 82%;
    }
}

@media only screen and (min-width: 300px) and (max-width: 519px) {
        .marquee {
        font-size: 0.30rem;
    }
    .collection-sec .row .col {
        display: contents;
    }
    .imgcurve1 {
        transform: rotate(0deg) translateY(0px);
    }
    .imgcurve2 {
        transform: rotate(0deg) translateY(0px);
    }
    .imgcurve3 {
        transform: rotate(0deg) translateY(0px);
    }
    .imgcurve4 {
        transform: rotate(0deg) translateY(0px);
    }
    .imgcurve5 {
        transform: rotate(0deg) translateY(0px);
    }
    .imgcurve6 {
        transform: rotate(0deg) translateY(0px);
    }
     .imgcurve1~.gallerybtn {
        transform: rotate(0deg) translateY(0px) translateX(0px);
        margin: 14px auto;
    }
    .imgcurve2~.gallerybtn {
        transform: rotate(0deg) translateY(0px) translateX(0px);
        margin: 14px auto;
    }
    .imgcurve3~.gallerybtn {
        transform: rotate(0deg) translateY(0px);
        margin: 14px auto;
    }
    .imgcurve4~.gallerybtn {
        transform: rotate(0deg) translateY(0px) translateX(0px);
        margin: 14px auto;
    }
    .imgcurve5~.gallerybtn {
        transform: rotate(0deg) translateY(0px) translateX(0px);
        margin: 14px auto;
    }
    .imgcurve6~.gallerybtn {
        transform: rotate(0deg) translateY(0px) translateX(0px);
        margin: 14px auto;
    }
    .collection-sec>div {
        text-align: center;
    }
    .im-al.imgcurve2 {
        width: 82%;
    }
    .cynthia-sec .row .col {
        display: contents;
    }
    .cynthia-sec .row .col img {
        padding: 5px 8px;
    }
    .small.fs-4 {
        font-size: 15px !important;
    }
    .recommended-sec h3.fs-4 strong {
        font-size: 16px !important;
    }
    p.lead.fs-4 {
        font-size: 14px !important;
    }
    .description-box {
        padding: 0px 10px;
    }
    .cynthia-sec h3.display-4 {
        font-size: 25px;
        padding-bottom: 20px;
    }
    .sing-par p {
        font-size: 22px;
        margin: 0;
    }
     .collection-sec {
        padding: 30px 0 40px !important;
    }
    .postbox h3.lead.display-4 {
        font-size: 22px;
    }
    .textbox h2.display-4 {
        font-size: 22px;
    }
    
}