@media only screen and (max-width: 1500px){
    h4.heading.my-5 {
        font-size: 25px;
    }
}
@media only screen and (max-width: 1450px){
     h4.heading.my-5 {
        font-size: 23px;
        line-height: 53px;
    }
}
@media only screen and (max-width: 1440px) {

    .banner-item-1 .item-2 h1 {  font-size: 85px;}
    .banner-item-1 .item {height: 550px;}
}
.mega-menu {left: -70px;width: 110%;}
@media only screen and (max-width: 1400px){
    ul.footer-nav.contact.p-0 img {
    width: 270px;
}
}
@media only screen and (max-width: 1350px){
    .banner-image {
    height: 902px;
}
    h4.heading.my-5 {
        font-size: 20px;
        line-height: 53px;
    }
}
@media only screen and (max-width:1300px){
    h4.heading.my-5 {
        font-size: 23px;
    }
    section.exclusive-container.pb-3.trending a.dedication-link {
        width: 190px !important;
    }
    h4.heading.my-5 {
        width: 210px;
    }
}
@media only screen and (max-width:1200px){
    h4.heading.my-5 {
        width: 200px;
    }
    section.exclusive-container.pb-3.trending a.dedication-link {
        width: 180px !important;
    }
    .banner-image {
        height: 889px;
    }
    section.exclusive-container.pb-3.trending a.dedication-link {
        width: 163px !important;
        font-size: 16px;
    }
}
@media only screen and (max-width:1150px){
    .search-bar input, .perfect-item input {
    font-size: 14px;
}
.perfect button {
    width: 111% !important;
    font-size: 13px !important;
}

.ban-button a {
    min-width: 261px !important;
    
    font-size: 14px !important;
}
a.pr-button.creatensky.d-flex.justify-content-center {
    width: 277px !important;
}
h4.heading.my-5 {
    font-size: 20px;
}
.footer-logo img {
    width: 180px !important;
}

}
@media only screen and (max-width: 1100px) {
    .banner-item-1 .item-2 h1 {font-size: 80px; line-height: 65px; padding: 35px 40px; }
    .banner-item-1 .item {height: 500px;}
    .mother-content h4 {font-size: 80.03px;line-height: 100.33px;}
}
@media only screen and (max-width:1024px){}

@media only screen and (max-width:1024px){
    .mesg-img img {
        width: 60%;
    }
    
    h6.mesg-text {
        font-size: 18px;
    }
    .perfect button {
        width: 107% !important;
        font-size: 12px !important;
    }
    .ban-button a {
        min-width: 251px !important;
        font-size: 13px !important;
    }
    .search-bar input, .perfect-item input {
        font-size: 14px;
    }
    .search-bar button {
        right: 5%;
    }
}
@media only screen and (max-width:999px) {
    ul.d-flex.align-items-center.justify-content-center.gap-3.m-0.p-0 {
        display: none !important;
    }
    .nav-menu {
        display: none;
    }
    .search-bar input, .perfect-item input {
        font-size: 15px;
        width: 360px;
    }
    
    form.search-bar i {
        font-size: 18px;
    }
    button.off-canvas {
        display: block;
    }
    .logo.d-flex.justify-content-center a img {
        width: 210px;
        margin-left: 120px;
    }
    .nav-menu.canvas-menu {
        display: block;
    }
    ul.d-flex.align-items-center.justify-content-evenly.p-0.py-3 {
        display: block !important;
    }
    a.shop-button.d-flex.justify-content-center {
        min-width: 262px !important;
    }
    .ban-button a span {
        font-size: 14px;
    }
    .ban-button.secon-child a {
        min-width: 262px !important;
    }
    a.pr-button.creatensky.d-flex.justify-content-center {
        width: 0px !important;
    }
    .banner-image {
        height: 913px;
    }
    .mesg-text {
        font-size: 20px;
    }
    .perfect-heading {
        margin: 0 0;
    }
    .flowing-img {
        margin-bottom: 80px;
    }
    h4.heading.my-5 {
        font-size: 22px;
        width: 190px;
        line-height: 42px;
    }
    section.exclusive-container.pb-3.trending a.dedication-link {
        width: 140px !important;
        font-size: 13px;
    }
    .footer-logo img {
        width: 200px;
    }
    .flowing-content h5 {
        width: 410px;
    }
    .nav-menu.off-cana {
        display: block;
    }
    .search-bar button {
        right: -30px;
        top: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .banner-image {
        height: 2047px;
    }
    .ban-item {
        margin: 20px 70px;
    }
    .search-bar button {
        right: 300px;
        top: 30px;
    }
    .perfect button {
        width: 100% !important;;
        margin-top: 19px;
    }
}
@media only screen and (max-width: 768px){
    .blog-item {
        height: 600px;
    }
    h4.heading.my-5 {
        font-size: 27px;
        line-height: 50px;
    }
    section.exclusive {
        padding-top: 30px;
    }
    .dedication-link {
        margin-top: 20px;
    }
    .perfect button {
        width: 100% !important;
    }
}
@media only screen and (max-width: 700px){
    .banner-image {
        height: 2165px;
    }
    .search-bar button {
        right: 130px;
        top: 30px;
    }
}
@media only screen and (max-width:470px){
            .banner-image {
        height: 2076px;
    }
    
.banner-heading h1 {
    font-size: 40px;
}
.search-bar input, .perfect-item input {
        font-size: 13px;
        width: 308px;
    }
}
@media only screen and (max-width:425px){
    .top-strip .shop-now {
        font-size: 14px;
    }
    .search-bar input, .perfect-item input {
        font-size: 12px;
        width: 89%;
        margin-bottom: 20px;
    }
    .search-bar button {
        top: 39%;
        right: 52px;
    }
    button.off-canvas {
        position: absolute;
        top: 17px;
        right: 40px;
    }
    .logo.d-flex.justify-content-center a img {
        width: 200px;
        margin-left: 20px;
        margin-top: 20px;
    }
    .banner-heading h1 {
        font-size: 45px;
    }
    .banner-heading h1 {
        font-size: 45px;
    }
    .ban-item {
        margin: 20px 30px;
    }
    .banner-image {
        height: 2177px;
    }
    marquee {
        font-size: 14px;
    }
    .perfect-heading {
        margin: 35px 0;
        font-size: 36px;
    }
    .mesg-img img {
        min-width: 32%;
    }
    section.perfect {
        margin: 10px 20px;
    }
    .blue-img img {
        width: 92%;
    }
    .ban-button.browse {
        margin-top: 20px;
    }
    .ban-button.browse a span {
        font-size: 18px;
    }
    
    .ban-button.browse a {
        padding: 20px;
    }
    .blog-item {
        height: 600px;
        margin-bottom: 60px;
    }
    .exclusive-banner .banner-content {
        position: absolute;
        top: -180px;
        height: 200px;
        width: 393px;
        border-radius: 20px 16px 0 0;
        margin-top: 90px;
        left: 0;
    }
    .exclusive-banner {
        padding-bottom: 80px;
    }
    button.subscribe-btn {
        width: 96px;
        font-size: 12px;
    }
    .flowing-content h5 {
        font-size: 23.61px;
        line-height: 37.37px;
    }
    .footer-strip a {
        font-size: 17px;
    }
    
    .footer-strip p {
        font-size: 17px;
    }
    h4.heading.my-5 {
        width: 363px;
    }
    .flowing-content.flowing-content-2 h5 {
        width: 300px;
    }
}
@media only screen and (max-width:400px){
    .banner-image {
        height: 2260px;
    }
    h4.heading.my-5 {
        width: 360px;
    }
    .exclusive-banner .banner-content {
        width: 368px;
        font-size: 24px;
    }
    .flowing-content.flowing-content-2 h5 {
        width: 220px;
    }
    h4.heading.my-5 {
    width: 360px !important;
}
}
@media only screen and (max-width:375px){
    .banner-image {
        height: 2210px;
    }
    .ban-button a {
        min-width: 272px !important;
    }
    .exclusive-banner .banner-content {
        width: 343px;
    }
    h4.heading.my-5 {
        font-size: 22px;
    }
}
@media only screen and (max-width:370px){
        .footer-strip a {
        font-size: 14px;
    }
    .footer-strip p {
        font-size: 14px;
    }
        h4.heading.my-5 {
        font-size: 20px;
    }
}
@media only screen and (max-width:320px) {
    .ban-item{
        margin: 10px 10px ;
    }
    .banner-heading h1 {
        font-size: 40px;
    }
    .banner-image {
        height: 2148px;
    }
    .top-strip {
        display: none;
    }
    button.off-canvas {
        position: absolute;
        top: 17px;
        right: 20px;
    }
    .search-bar input, .perfect-item input {
        font-size: 10px;
    }
    form.search-bar i {
        font-size: 15px;
    }
    .logo.d-flex.justify-content-center a img {
        margin-top: 28px;
        margin-left: 30px;
    }
    .blue-img img {
        width: 100%;
    }
    h3.perfect-heading {
        font-size: 35px;
        margin-top: 70px;
    }
    a.shop-button.d-flex.justify-content-center {
        min-width: 200px !important;
        padding: 15px;
    }
    .ban-button.secon-child a {
        min-width: 231px !important;
    }
    .dedication-link {
        margin-top: 30px;
    }
    marquee {
        font-size: 17px;
    }
    .mesg-img img {
        min-width: 50%;
    }
    .ban-button.browse a span {
        font-size: 16px;
    }
    .exclusive {
        padding: 0;
    }
    .blog-item {
        height: 550px;
    }
    .subscribe-btn {
        width: 180px;
    }
    .subscribe-btn button {
        width: 94px;
        font-size: 12px;
    }

    .footer-strip a {
        font-size: 16px;
    }
    .exclusive-banner .banner-content {
        width: 290px;
    }
    
    h4.heading.my-5 {
        width: 280px !important;
        font-size: 17px;
    }
    h3.perfect-heading.crete.mb-4 {
        margin: 0;
    }
    .flowing-congit tent a {
        width: 169px;
        font-size: 14px;
        bottom: -50px;
    }
    .ban-button a {
        min-width: 212px !important;
    }
    .flowing-content a {
    left: -29px;
    font-size: 17px;
}
}