@media screen and (min-device-width: 1326px) and (max-device-width: 1368px) {}

@media screen and (min-device-width: 1180px) and (max-device-width: 1325px) {
    .carousel-caption {
        bottom: 200px;
        left: 200px;
    }

    .new-collection .new-collection-desc h4 {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .new-collection .new-collection-desc a {
        font-size: 14px;
        border: 1px solid #fff;
        padding: 8px 14px;
        border-radius: 2px;
    }

    .Jewelry-package {
        max-width: 750px;
        padding: 50px 100px 50px 50px;
    }

    .customers-say {
        max-width: 600px;
        padding: 50px 50px 50px 50px;
        margin: auto 0px auto 350px;
    }
}

@media screen and (min-device-width: 1024px) and (max-device-width: 1179px) {
    .carousel-caption {
        bottom: 170px;
        left: 160px;
    }

    .new-collection .new-collection-desc h4 {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .new-collection .new-collection-desc a {
        font-size: 14px;
        border: 1px solid #fff;
        padding: 8px 14px;
        border-radius: 2px;
    }

    .Jewelry-package {
        max-width: 750px;
        padding: 50px 100px 50px 50px;
    }

    .Jewelry-right-image {
        right: 0px;
        bottom: 0;
    }

    .customers-say {
        max-width: 700px;
        padding: 50px 50px 50px 50px;
        margin: auto 0px auto 350px;
    }

    .Jewelry-left-image {
        width: 320px;
        left: 20px;
        bottom: 0;
    }

    .fieldInput {
        margin-bottom: 20px;
        width: 230px;
        height: 35px;
    }
}

@media screen and (min-device-width: 915px) and (max-device-width: 1023px) {
    .nav-d-larg {
        display: none;
    }

    .navbar-brand img {
        height: 70px;
    }

    .navbar-light .navbar-toggler {
        color: #efb839;
        border-color: #efb839;
        background-color: transparent;
    }

    .offcanvas-body {
        flex-grow: 1;
        padding: 1rem 1rem;
        overflow-y: auto;
        background-color: #333333;
    }


    .carousel-caption {
        bottom: 170px;
        left: 160px;
    }

    .new-collection .new-collection-desc h4 {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .new-collection .new-collection-desc a {
        font-size: 14px;
        border: 1px solid #fff;
        padding: 8px 14px;
        border-radius: 2px;
    }


    .Jewelry-package {
        max-width: 600px;
        padding: 50px 100px 50px 50px;
    }

    .Jewelry-right-image {
        right: 0px;
        bottom: 0;
    }

    .customers-say {
        max-width: 700px;
        padding: 50px 20px 50px 20px;
        margin: auto 0px auto 250px;
    }

    .Jewelry-left-image {
        width: 320px;
        left: 20px;
        bottom: 0;
    }

    .fieldInput {
        margin-bottom: 20px;
        width: 230px;
        height: 35px;
    }
}

@media screen and (min-device-width: 912px) and (max-device-width: 914px) {
    .nav-d-larg {
        display: none;
    }

    .navbar-brand img {
        height: 70px;
    }

    .navbar-light .navbar-toggler {
        color: #efb839;
        border-color: #efb839;
        background-color: transparent;
    }

    .offcanvas-body {
        flex-grow: 1;
        padding: 1rem 1rem;
        overflow-y: auto;
        background-color: #333333;
    }


    .carousel-caption {
        bottom: 170px;
        left: 160px;
    }

    .new-collection .new-collection-desc h4 {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .new-collection .new-collection-desc a {
        font-size: 14px;
        border: 1px solid #fff;
        padding: 8px 14px;
        border-radius: 2px;
    }

    .popular-product {
        margin-bottom: 100px;
    }

    .Jewelry-package {
        max-width: 600px;
        padding: 50px 100px 50px 50px;
    }

    .Jewelry-right-image {
        right: 0px;
        bottom: 0;
    }

    .customers-say {
        max-width: 700px;
        padding: 50px 20px 50px 20px;
        margin: auto 0px auto 250px;
    }

    .Jewelry-left-image {
        width: 320px;
        left: 20px;
        bottom: 0;
    }

    .fieldInput {
        margin-bottom: 20px;
        width: 230px;
        height: 35px;
    }
}

@media screen and (min-device-width: 896px) and (max-device-width: 911px) {
    .nav-d-larg {
        display: none;
    }

    .navbar-brand img {
        height: 70px;
    }

    .navbar-light .navbar-toggler {
        color: #efb839;
        border-color: #efb839;
        background-color: transparent;
    }

    .offcanvas-body {
        flex-grow: 1;
        padding: 1rem 1rem;
        overflow-y: auto;
        background-color: #333333;
    }


    .carousel-caption {
        bottom: 140px;
        left: 120px;
    }

    .new-collection .new-collection-desc h4 {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .new-collection .new-collection-desc a {
        font-size: 14px;
        border: 1px solid #fff;
        padding: 8px 14px;
        border-radius: 2px;
    }

    .popular-product {
        margin-bottom: 100px;
    }

    .Jewelry-package {
        max-width: 580px;
        padding: 50px 100px 50px 40px;
    }

    .Jewelry-right-image {
        right: 0;
        bottom: 0;
    }

    .customers-say {
        max-width: 446px;
        padding: 50px 20px 50px 20px;
        margin: auto 0px auto 250px;
    }

    .Jewelry-left-image {
        width: 320px;
        left: 20px;
        bottom: 0;
    }

    .fieldInput {
        margin-bottom: 20px;
        width: 230px;
        height: 35px;
    }
}

@media screen and (min-device-width: 844px) and (max-device-width: 895px) {
    .nav-d-larg {
        display: none;
    }

    .navbar-brand img {
        height: 70px;
    }

    .navbar-light .navbar-toggler {
        color: #efb839;
        border-color: #efb839;
        background-color: transparent;
    }

    .offcanvas-body {
        flex-grow: 1;
        padding: 1rem 1rem;
        overflow-y: auto;
        background-color: #333333;
    }


    .carousel-caption {
        bottom: 140px;
        left: 120px;
    }

    .new-collection .new-collection-desc h4 {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .new-collection .new-collection-desc a {
        font-size: 14px;
        border: 1px solid #fff;
        padding: 8px 14px;
        border-radius: 2px;
    }

    .popular-product {
        margin-bottom: 100px;
    }

    .Jewelry-package {
        max-width: 580px;
        padding: 50px 100px 50px 40px;
    }

    .Jewelry-right-image {
        right: 0;
        bottom: 0;
    }

    .customers-say {
        max-width: 446px;
        padding: 50px 20px 50px 20px;
        margin: auto 0px auto 250px;
    }

    .Jewelry-left-image {
        width: 320px;
        left: 20px;
        bottom: 0;
    }

    .fieldInput {
        margin-bottom: 20px;
        width: 230px;
        height: 35px;
    }
}

@media screen and (min-device-width: 820px) and (max-device-width: 843px) {
    .nav-d-larg {
        display: none;
    }

    .navbar-brand img {
        height: 70px;
    }

    .navbar-light .navbar-toggler {
        color: #efb839;
        border-color: #efb839;
        background-color: transparent;
    }

    .offcanvas-body {
        flex-grow: 1;
        padding: 1rem 1rem;
        overflow-y: auto;
        background-color: #333333;
    }


    .carousel-caption {
        bottom: 130px;
        left: 100px;
    }

    .carousel-caption h2 {
        font-size: 26px;
    }

    .new-collection .new-collection-desc h4 {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .new-collection .new-collection-desc a {
        font-size: 14px;
        border: 1px solid #fff;
        padding: 8px 14px;
        border-radius: 2px;
    }

    .popular-product {
        margin-bottom: 100px;
    }

    .Jewelry-package {
        max-width: 550px;
        padding: 50px 110px 50px 20px;
    }

    .Jewelry-right-image {
        right: 0;
        bottom: 0;
    }

    .customers-say {
        max-width: 696px;
        padding: 10px 20px 40px 200px;
        margin: auto 0px auto 70px;
    }

    .Jewelry-left-image {
        width: 320px;
        left: 20px;
        bottom: 0;
    }

    .fieldInput {
        margin-bottom: 20px;
        width: 230px;
        height: 35px;
    }
}

@media screen and (min-device-width: 812px) and (max-device-width: 819px) {
    .nav-d-larg {
        display: none;
    }

    .navbar-brand img {
        height: 70px;
    }

    .navbar-light .navbar-toggler {
        color: #efb839;
        border-color: #efb839;
        background-color: transparent;
    }

    .offcanvas-body {
        flex-grow: 1;
        padding: 1rem 1rem;
        overflow-y: auto;
        background-color: #333333;
    }

    .carousel-caption {
        bottom: 130px;
        left: 100px;
    }

    .carousel-caption h2 {
        font-size: 26px;
    }

    .new-collection .new-collection-desc h4 {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .new-collection .new-collection-desc a {
        font-size: 14px;
        border: 1px solid #fff;
        padding: 8px 14px;
        border-radius: 2px;
    }

    .popular-product {
        margin-bottom: 100px;
    }

    .Jewelry-package {
        max-width: 550px;
        padding: 50px 110px 50px 20px;
    }

    .Jewelry-right-image {
        right: 0;
        bottom: 0;
    }

    .customers-say {
        max-width: 696px;
        padding: 10px 20px 40px 200px;
        margin: auto 0px auto 70px;
    }

    .Jewelry-left-image {
        width: 320px;
        left: 20px;
        bottom: 0;
    }

    .fieldInput {
        margin-bottom: 20px;
        width: 230px;
        height: 35px;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 811px) {
    .nav-d-larg {
        display: none;
    }    
}

@media screen and (min-device-width: 740px) and (max-device-width: 767px) {}

@media screen and (min-device-width: 736px) and (max-device-width: 739px) {}

@media screen and (min-device-width: 731px) and (max-device-width: 734px) {}

@media screen and (min-device-width: 720px) and (max-device-width: 730px) {}

@media screen and (min-device-width: 667px) and (max-device-width: 719px) {}

@media screen and (min-device-width: 653px) and (max-device-width: 666px) {}

@media screen and (min-device-width: 640px) and (max-device-width: 652px) {}

@media screen and (min-device-width: 568px) and (max-device-width: 639px) {
    
}

@media screen and (min-device-width: 540px) and (max-device-width: 567px) {}



@media screen and (min-device-width: 480px) and (max-device-width: 539px) {}

@media screen and (min-device-width: 414px) and (max-device-width: 479px) {}

@media screen and (min-device-width: 411px) and (max-device-width: 413px) {}

@media screen and (min-device-width: 390px) and (max-device-width: 410px) {}

@media screen and (min-device-width: 375px) and (max-device-width: 389px) {}

@media screen and (min-device-width: 360px) and (max-device-width: 374px) {}

@media screen and (min-device-width: 320px) and (max-device-width: 359px) {}

@media screen and (min-device-width: 280px) and (max-device-width: 319px) {}