@media (min-width: 320px) and (max-width: 480px) {
    body {
        overflow-x: hidden !important;
    }
    .carousel-inner {

        width: 74% !important;

    }

    .main {
        margin-left: 0px !important;
    }
    .main_2{
        margin-left: 0px !important;
    }
    .card_2{
        height:55vh !important;
       }
    .new_in_sub_imgs {
        display: grid;
    }

    .heading-Canvas-input {
        display: none !important;
    }

    .heading-Canvas-h1 h1 {
        font-size: 20px;
        text-align: center !important;

    }

    .contact-btn {

        margin-top: 0px !important;
    }

    .main-slider-div {
        flex-direction: column-reverse;
    }
    .slidersub-imgs{
        margin-top: 70px !important;
        margin-left: -30px;
    }
    .main-img img {
        height: 35vh !important;
        width: 100% !important;
    }
    .first-img{
        width: 250px !important;
    }

    .sub-imgs {
        height: 10vh;
        width: 25% !important;
    }

    .sub-imgs img {
        border-top-left-radius: 30px;
        position: absolute;
        left: -15% !important;
        top: -31% !important;
        width: 100%;
        height: 8vh;

    }

    .sub-imgs_2 {
        height: 17vh;
        width: 25% !important;
    }

    .sub-imgs_2 img {
        border-bottom-left-radius: 30px;
        margin-top: 20px;
        position: absolute;
        left: -42% !important;
        top: -16% !important;
        width: 100%;
    }

    .main-img {
        height: 29vh;
        width: 50% !important;
    }

    .main-galleery {
        overflow-x: hidden !important;
    }

    /* .main-img img {
        position: relative;
        right: 0% !important;
        top: 0% !important;
    } */

    /* .main-img img {
        border-top-left-radius: 39px !important;
        border-bottom-right-radius: 37px !important;
        box-shadow: 0px 0px 10px #605952;
    } */

    /* .slider-text {
        left: 24px !important;
        top: -26px;
        text-align: justify;
    } */

    .slider-text p {
        font-size: 10px;

    }

    .slider-text h2 {
        font-size: 15px !important;
    }

    .btn-lg {
        font-size: 12px !important;
    }




    .fist-sidebar {
        width: 40px !important;
    }



    .icons img,
    .footer-icon {
        left: 3px;

    }

    .footer-icon {
        left: 13px;
    }

    .footer-text {
        margin-left: 30px;
    }

    .slider-text_1 {
        margin-left: 30px;
        max-width: 96%;
    }

    .main-about {
        max-width: 90% !important;
    }

    .bg-img {
        margin-left: 40px;
        height: 44vh;
    }

    .footer-text h3 {
        margin-top: 10px;
        font-size: 20px !important;
    }

    .slider-text_1 p {
        font-size: 10px;
        text-align: justify;
    }

    .overlay {
        bottom: 35%;
        width: 75%;
        left: 25%;
        height: 33%;
    }

    .center {
        padding: 24px 11px !important;
        letter-spacing: 19px;
    }

    .copyright-text {
        font-size: 10px !important;
        /* margin-left: 30px; */
        padding: 0% !important;
    }

    .imges-div_1 {
        width: 75%;
        height: 370px;
        margin: 20px 0px;
    }

    .navbar {
        width: 100%;
        margin-left: 0px;
        height: 40% !important;
        padding: 30px 0px;
    }

    .navbar-toggler {
        display: none !important;
    }

    .navbar-brand h1 {
        left: 30%;
        font-size: 25px;
        text-align: center !important;
    }

    .navbar-link li {
        display: block !important;
    }

    .navbar-link {
        margin: 12px 0px 0px 40px !important;

    }

    .navbar-link li a {
        text-decoration: none !important;
        color: #33363a;
    }

    .navbar-link li {
        list-style-type: none !important;
        font-size: 11px;
        margin-left: 10px !important;
    }

    .new-at {
        width: 350px;
        height: 271px;
    }

    .inner-new-at {
        padding: 5px !important;
        width: 308px;
        margin-top: 18px;
        margin-left: 42px;
        text-align: justify;
    }

    .inner-new-at h2 {
        font-size: 25px;
        text-align: center;
    }

    .inner-new-at p {
        font-size: 12px;
        text-align: justify;
    }

    .imges-div_1 .bg-img-4,
    .bg-img-5,
    .bg-img-6 {
        margin: 28px 55px;
    }

    .bg-img-7 {
        margin: 28px 55px;
    }

    .overlay_6 {
        height: 124px;
        width: 100%;
        top: 67%;
        /* display: none; */
    }


    .imges-div_2 {
        width: 75%;
        height: 370px;
        margin-top: 20px;
    }

    .imges-div {
        width: 75%;
        height: 370px;

    }

    .bg-img-1,
    .bg-img-3 {
        margin: 10px 43px !important;
    }

    .bg-img-3 {
        margin: 34px 43px 20px 43px !important;
    }

    .bg-img-2 {
        margin: 20px 43px 0px 43px !important;
    }

    .overlay_1 {
        position: relative;
        top: 65%;
        width: 100%;
        height: 35%;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        backdrop-filter: blur(20px);
    }

    .bg-img-15 {
        margin-left: 43px;
    }

    .bg-img-16 {
        margin: 35px 0px 0px 43px;
    }

    .bg-img-17 {
        margin: 50px 0px 0px 43px;
    }

    .imges-div_1 .bg-img-18,
    .bg-img-19,
    .bg-img-20 {
        margin: 28px 55px;
    }

    .bg-img-21 {
        margin: 28px 55px;
    }

    .overlay_4,
    .overlay_7 {
        width: 100%;
    }

    .imges-div_1 .bg-img-8,
    .bg-img-9,
    .bg-img-10,
    .bg-img-11,
    .bg-img-12,
    .bg-img-13,
    .bg-img-14 {
        margin: 28px 55px;
    }

    .main-galleery-text {
        margin-top: 16px;
        padding: 24px;
        margin-left: 35px;
        width: 90% !important;
    }

    .galleery-text {
        width: 100%;
        margin-left: 0px;
    }

    .galleery-text h1 {
        font-size: 20px;
        margin-left: 0px;
    }

    .galleery-text p {
        font-size: 10px;
        text-align: justify;
    }

    .main-gallery-sub-img {
        width: 100%;
    }

    .gallery-sub-img {
        margin-left: -50px;
    }

    .gallery-img img {
        width: 84%;
        margin-left: 38px;
    }



    .showcase {
        width: 100%;
        height: 85vh;
        position: relative;
        color: white;
        padding: 0px;
        margin: 0px;

    }

    .showcase img {
        width: 88%;
        height: 53%;
        margin-left: 14px;
        margin-top: 20px;
        border-radius: 0px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;

    }

    .showcase .overlay_122 {
        width: 87.9%;
        background-color: #4d4d4d;
        top: 56%;
        left: 11.1%;
        border-radius: 0px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .overlay_22 {
        width: 87.8% !important;
        height: 73vh !important;
        background-color: #4d4d4d !important;
        top: 25% !important;
        left: 11.3% !important;
        border-radius: 0px !important;
        border-bottom-left-radius: 30px !important;
        border-bottom-right-radius: 30px !important;
    }

    .showcase h2 {
        font-size: 20px;

    }

    .overlay-responsive {
        width: 259px !important;
    }

    .overlay-responsive-1 {
        width: 276px !important;
        margin-left: -87px;

    }

    .showcase p {
        margin-left: -58px;
        font-size: 10px;
        text-align: justify;
    }

    .showcase-btn {
        background-color: #ffffff;
        border-radius: 50px !important;
        color: #000000;
        font-weight: bold;
    }

    .showcase-btn:hover {
        background-color: transparent;
        color: #ffffff;
        border: 2px solid #ffffff;
    }

    .uploaded_file_view {
        width: 246px;
        height: 20px !important;
        position: absolute;
        bottom: -8px;
        left: 0px;
    }

    .uploaded_file_view i {

        position: absolute;
        bottom: -63px;
        left: 43px;
    }

    .upload-img-div {
        margin-top: -18px;
        margin-left: 46px;
        width: 276px !important;

    }

    .upload-img-div p {
        text-align: justify !important;
    }

    .contact-text-div {
        position: absolute;
        left: 0%;
        top: 40px;
        text-align: justify;

    }

    .contact-text {
        font-size: 20px;
    }

    .contact-text-div textarea {
        box-sizing: border-box;
        max-width: 100%;
        max-height: 24vh;
    }

    .contact-text-div textarea:focus {
        border: 1px solid black !important;
    }

    .contact-img img {
        width: 89%;
        height: 19vh;
        top: -38px;
    }

    .product-view {
        display: none;
    }

    .product-view-img img {
        width: 100%;
        border-radius: 10px !important;
    }

    .main-product-view-img {
        display: flex;
        margin-left: 20px;
        bottom: -403px;

    }

    .product-view-main-img {
        margin-left: 10px;
        top: -41px;
    }

    .product-view-main-img img {
        width: 86%;
        margin-left: 32px;
    }

    .product-view-text p {
        font-size: 10px;
        text-align: justify;
    }

    .product-view-text h1 {
        font-size: 20px;

    }

    .product-view-text h6 {
        color: #6d5842;
        font-weight: bolder;

    }

    .cart-btn {
        display: flex;
        margin-bottom: 20px;
    }

    .ul-text {
        margin-top: 30px;
        display: inline;
    }

    .ul-text li {

        margin-left: 30px;
    }

    .cart-bar-main {
        width: 100% !important;
        margin-left: 20px;
        /* padding: 10px 0px !important; */
    }

    .cart-bar-line {
        display: none !important;
    }

    .cart-bar-main-responsive {
        display: flex !important;
    }

    .cart-bar {
        width: 85px !important;
        text-align: center !important;
    }

    .cart-bar a i {
        font-size: 15px !important;
    }

    .cart-bar a p {
        font-size: 11px !important;
    }

    .cart-bar,
    .cart-bar-1 {
        text-align: center !important;
        font-size: 11px !important;
    }

    .cart-bar p,
    .cart-bar-1 p {
        text-align: center !important;
        font-size: 15px !important;
    }

    .cart-bar-1 {
        width: 82px !important;
    }

    .responsive-cart-dive {
        display: none !important;
    }

    .cart-sub-imgs img {
        width: 100%;
        height: 136px;
    }

    .cart-sub-imgs-text {
        width: 115px !important;
        margin-top: 20px;
    }

    .cart-trash-imgs-text {
        width: 93px !important;
    }

    .cart-trash-imgs-text img {
        width: 100%;
    }

    .cart-sub-imgs-text h4,
    h3 {
        font-size: 13px !important;
    }

    .cart-sub-imgs-text p {
        font-size: 12px;
    }

    .cart-text-details h1 {
        font-size: 15px !important;
    }

    .cart-text-details-text {
        font-size: 11px;
        /* margin-top: 5px; */
    }

    .pricing {
        line-height: 25px;
        font-size: 11px;
    }

    .pricing-text {
        width: 100px !important;
    }

    .payment-radio span,
    .terms,
    .cart-text-details p,
    .wrap,
    .buy-now {
        font-size: 11px !important;

    }

    .thank_you_note p {
        font-size: 12px;
    }

    .thank_you_note img {
        margin-top: 15px;
    }

    .title-overlay {
        width: 89.6%;
    }

    .item:hover .title-overlay {
        width: 89.6%;
    }

    .account-hello h1 {
        font-size: 20px;
    }

    .account-hello p {
        font-size: 12px;
    }

    .cards h1 {
        font-size: 15px;

    }

    .cards {
        margin-top: 10px;
        width: 284px;
    }
    .card{
        width: 280px;
        margin-top: 10px;
        margin-left: 41px;

    }
    .card_3{
        width: 280px;
        margin-top: 10px;
        margin-left: 53px;
        height: 60vh !important;

    }
    .card_1{
        overflow: hidden;
        width: 81%;
        height: 58vh !important;
        border-radius: 20px !important;
        margin-left: 54px;
    }
    .nature, .vector-img,.vector-img_1{
        width: 103px !important;
    }
    .vector-img_1 img{
        width: 50px;
        height: 30px;
        margin-top: 10px;
        margin-left: 10px;

        }

    .cart-text-details {
        margin: 10px 20px;
        width: 284px;
    }

    .cart-text-details {
        margin: 10px 0px;
        width: 284px;
    }

    .account-hello-responsive {
        width: 83% !important;
    }

    .account-hello-responsive th,
    td {
        font-size: 12px;
    }

    .address-book {
        font-size: 15px;
    }

    .form-text {
        font-size: 13px !important;
    }

    .footer-ul>li>input {

        font-size: 1.3em;
        background-color: transparent;
        border-bottom: 1px solid #9c9c8c;
        line-height: 50px;
        color: #ffffffde;
    }

    .search,
    .search_1 {
        display: none !important;
    }
    ul.logout {


        bottom: 10% !important;
    }
    .top-manu li img {

        margin: 10px 0px 25px 8px !important;
    }
    ul.logout li img {
        margin: 0px 0px 25px 8px !important;
        cursor: pointer;
        width: 80% !important;

    }



}


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

    .slider-text_1 p {
        font-size: 0px !important;
        text-align: justify !important;
    }

}

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

    .slider-text_9>p {
        font-size: 10px !important;
        text-align: justify !important;
    }

}