@media (max-width: 1200px) {
    .bannereffect{
        display : block;
    }
    .headerremoverespo{
        display : none;
    }
    .headerrespo{
        height : 40px;
    }
    .headerheightrespo {
        height: 90.7px;
    }
    .headingreapo {
        display: none;
    }
    .productrespo {
        display: flex;
        justify-content: center;
    }
    .section-title {
        display: flex;
        justify-content: center;
    }
    .dropdownrespo {
        display: block;
    }
   
    .bannerremove{
        display : none;
    }
    .topsallingresponsiveremove {
        display: none;
    }

    .categoryresponsiveremove {
        display: none;
    }
    .social-link {
        color: #fff;
        transition: color 0.3s ease;
        text-decoration: none;
    }

    .fixed-bar .qty {
        position: relative;
        top: -20px;
        right: 13px;
        width: 25px !important;
        text-align: center !important;
        border-radius: 50% !important;
        font-size: 17px !important;
        color: rgb(245, 126, 96) !important;
        background-color: #fff !important; 
    }
    .main-nav > li + li {
        margin-left: 0px !important;
    }
    #navigation {
        display: none;
    }

    #menuIconButton {
        display: block;
    }

    .modal-body ul.navrepo {
        display: flex;
        flex-direction: column;
    }

        .modal-body ul.navrepo li {
            display: block;
            width: 100%;
        }

            .modal-body ul.navrepo li a {
                width: 100%;
                font-size: 18px;
            }

    .modal-content {
        height: 350px;
    }

    .dropdown-menu {
        width: 290px;
    }

    .main-nav > li.active > a:after {
        width: 67%;
    }

    .dropdown-menu li:hover {
        color: rgb(245, 126, 96);
    }

    .header-links li {
        display: inline-block;
        margin-right: 15px;
        font-size: 17px;
    }

    .emailremove {
        display: none;
    }

    .cardremove {
        display: none !important;
    }

    .divsearch {
        position: relative;
        top: 15px;
        right: 37px;
    }

    .fontrepo {
        font-size: 17px !important;
    }



    .pronavrespo {
        margin-right: 50px;
    }

    .prorepo {
        margin: 0px 95px !important;
    }

    .slickrepo {
        margin-right: 103px;
    }

    .displaynon {
        display: none !important;
    }

    .respomar {
        margin: 0px 70px !important;
    }

    .mainimgrespo {
        width: 500px !important;
        height: 500px !important;
    }

    .thumbnailrespo {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 65px;
        margin-left: -1% !important;
    }

    .mainrespo {
        width: 73% !important;
        position: relative;
        top: 24px;
        margin-left: 94px !important;
    }

    .slick-prev, .slick-next {
        position: absolute;
        top: 240px !important;
        z-index: 100;
    }

    .main-product-slider .slick-next {
        position: absolute;
        right: -20px !important;
    }

    .section-title .section-nav {
        float: none;
        margin-top: 10px;
        display: none;
    }

    .fixed-bar {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgb(245, 126, 96);
        color: white;
        text-align: center;
        padding: 10px;
        z-index: 1000;
    }

        .fixed-bar a {
            font-size: 20px;
        }

    .header-ctn > div > a > i {
        display: block;
        font-size: 40px;
    }

    .footerrespo {
        display: flex;
        justify-content: center;
        margin-left: 0px;
    }



    .socialiconremove {
        display: none;
    }

    .newsletter form {
        position: relative;
        max-width: 520px;
        margin: 30px auto;
        display: flex;
    }

    .terms-conditions {
        width: 772px;
    }

    .footerdis {
        margin: 20px;
    }

    .footeritem {
        margin-top: 41px;
    }

    .footerheightrespo {
        height: 265px;
    }

    
    .footerlogorespo {
        margin-top: 0px !important;
    }

    .footeritemrespo {
        margin-top: 15px;
        display: flex;
        justify-content: center;
    }

    .newsletterremove {
        display: none;
    }

    .footeritemremove {
        display: none;
    }
    .buttonrespo {
        display: flex;
        justify-content: center;
        margin-left: 47px;
    }
}


@media (min-width: 1200px) {
    #navigation {
        display: flex;
    }

    #menuIconButton {
        display: none;
    }

}
@media (max-width: 1024px) {
    .contact_us_6 .responsive-container-block.container {
        justify-content: center;
        padding: 0;
        flex-wrap: wrap;
    }

    .contact_us_6 .map-box {
        position: absolute;
        top: 0;
        max-height: 320px;
        width: 100%;
    }

    .contact_us_6 .map-part {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .contact_us_6 .container-block.form-wrapper {
        margin-top: 0;
    }

    .contact_us_6 .mob-text {
        text-align: center;
    }

    .contact_us_6 .form-box {
        margin-top: 220px;
        margin-bottom: 40px;
    }

    .contact_us_6 .link-img {
        margin: 0;
        display: flex;
        justify-content: space-evenly;
    }

    .contact_us_6 .social-media-links.mob {
        justify-content: space-evenly;
    }

    .contact_us_6 .text-blk.contactus-subhead {
        display: block;
    }
}

@media (max-width: 991px) {

    @keyframes glowEffect {
        0%, 100% {
            box-shadow: 0 0 20px rgb(245, 126, 96);
        }

        50% {
            box-shadow: 0 0 40px rgb(245, 126, 96);
        }
    }

    @keyframes bounceEffect {
        0%, 100% {
            transform: translateY(0); /* Position reset */
        }

        50% {
            transform: translateY(-20px); /* Bounce effect */
        }
    }

    /*@keyframes zoomEffect {
        0%, 100% {
            transform: scale(1);*/ /* Original size */
        /*}

        50% {
            transform: scale(1.1);*/ /* Zoom in effect */
        /*}
    }*/

    .bannereffect img {
       
        animation: glowEffect 2s infinite, 
        bounceEffect 1.5s infinite;
        border: 2px solid rgb(245, 126, 96); 
/*        transition: all 0.5s ease;*/
        zoomEffect 2.5s infinite; 
    }

  
    .order-details {
        position: relative;
        padding: 0px 30px;
        border-right: 1px solid #E4E7ED;
        border-left: 1px solid #E4E7ED;
    }
    #disriptionproductssss {
        margin: 20px;
    }
    .productrepo {
        width: 250px;
    }

    .repohead1 {
        display: flex;
        justify-content: center;
        position: relative;
        left: -73px;
    }

    .rowhead {
        display: flex;
        justify-content: space-between;
    }

    .header-logo {
        float: none;
        text-align: center;
        position: relative;
        left: 67px;
    }

    .footerrepon {
        position: relative;
        right: 89px;
    }

    .fontrepo {
        display: none;
        font-size: 19px !important;
    }

    .socialiconremove {
        display: none !important;
    }

    #navigation {
        display: none;
    }

    #menuIconButton {
        display: block;
    }

    .modal-body ul.navrepo {
        display: flex;
        flex-direction: column;
    }

        .modal-body ul.navrepo li {
            display: block;
            width: 100%;
        }

            .modal-body ul.navrepo li a {
                width: 100%;
                font-size: 18px;
            }

    .modal-content {
        height: 350px;
    }

    .dropdown-menu {
        width: 290px;
    }

    .main-nav > li.active > a:after {
        width: 67%;
    }

    .dropdown-menu li:hover {
        color: rgb(245, 126, 96);
    }

    .header-links li {
        display: inline-block;
        margin-right: 15px;
        font-size: 17px;
    }

    .emailremove {
        display: none;
    }

    .imaagerespo {
        width: 221px;
        position: relative;
        left: -52px;
    }

    .cardremove {
        display: none !important;
    }

    .divsearch {
        position: relative;
        top: 15px;
        right: 37px;
    }

    .fa-search {
        font-size: 29px !important;
    }

    .searchrepo {
        border-radius: 200px 0px 0px 200px;
        width: 150px !important;
        height: 43px !important;
        border: 1px solid rgb(245, 126, 96);
        position: relative !important;
        top: 1px !important;
        right: 10px !important;
    }

   

    .pronavrespo {
        margin-right: 50px;
    }

    .prorepo {
        margin: 0px 95px !important;
    }

    .slickrepo {
        margin-right: 103px;
    }

    .displaynon {
        display: none !important;
    }

    .respomar {
        margin: 0px 70px !important;
    }

    .mainimgrespo {
        width: 500px;
        height: 500px;
    }

    .thumbnailrespo {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 65px;
        margin-left: -1% !important;
    }

    .mainrespo {
        width: 73% !important;
        position: relative;
        top: 24px;
        margin-left: 94px !important;
    }

    .slick-prev,
    .slick-next {
        position: absolute;
        top: 203px !important;
        z-index: 100;
    }

    .main-product-slider .slick-next {
        position: absolute;
        right: -20px !important;
    }

    .product,
    .productdiv {
        width: 265px;
    }

    .repohead2 {
        display: flex;
        justify-content: center;
        position: relative;
        left: 0px;
    }

    .fixed-bar {
        display: block !important; /* Force display on smaller screens */
    }

    .footericonres {
        display: block !important;
    }

    .header-ctn > div > a > i {
        display: block;
        font-size: 40px;
    }

    .footerrespo {
        display: flex;
        justify-content: center;
        margin-left: 0px;
    }

    .search-container {
        margin-right: 0px !important;
    }

    .imgrepo {
        display: flex;
        justify-content: center;
    }

    .addtocartcancel {
        display: block;
    }

    .addtocardcanceremove {
        display: none;
    }

    .btnrepo {
        color: #fff;
        background-color: rgb(245, 126, 96);
        border-color: rgb(245, 126, 96);
    }

    .contentrepo {
        margin-top: 33px;
    }

    .navrepo {
        display: flex;
    }

        .navrepo > a {
            padding: 0px;
            color: rgb(43, 45, 66);
        }
}

@media (max-width: 768px) {
    .contact_us_6 .submit-btn,
    .contact_us_6 .input,
    .contact_us_6 .textinput {
        width: 100%;
    }

    .contact_us_6 .container-block.form-wrapper {
        margin-top: 80px;
        padding: 50px 15px;
    }

    .contact_us_6 .text-blk.input-title {
        padding: 0;
    }

    .contact_us_6 .form-box {
        padding: 0 20px;
        margin-top: 220px;
        margin-bottom: 50px;
    }

    .contact_us_6 .mob-text {
        display: block;
    }

    .contact_us_6 .text-blk.contactus-head {
        font-size: 32px;
        line-height: 40px;
    }

    .tablecontent thead {
        display: none;
    }

    .tbodycontentrespo tr {
        display: flex;
        flex-direction: column;
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 5px;
        overflow: hidden;
    }

    .tbody tr td {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px 10px;
    }

    .tbodycontentrespo tr td img {
        margin-right: 10px;
    }

    .tablecontentrespo {
        display: flex !important;
        justify-content: center;
        justify-items: center;
    }

    .quantity .btn {
        width: 32px;
        height: 32px;
    }

    .fa-home {
        font-size: 35px;
    }

    .fa-2x {
        font-size: 30px;
    }

    .terms-container {
        padding: 15px;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 18px;
    }

    p {
        font-size: 14px;
    }
}


@media (max-width: 500px) {
    .contact_us_6 .container-block.form-wrapper {
        margin-top: 60px;
    }

    .contact_us_6 .text-blk.input-title {
        font-size: 12px;
    }

    .contact_us_6 .text-blk.contactus-head {
        font-size: 26px;
        line-height: 35px;
    }

    .contact_us_6 .input {
        height: 45px;
    }

    .contact_us_6 .responsive-cell-block.wk-ipadp-6.wk-tab-12.wk-mobile-12.wk-desk-6 {
        margin-bottom: 15px;
    }

    .contact_us_6 .responsive-container-block {
        margin-bottom: 35px;
    }
    .imaagerespo {
        width: 200px;
        position: relative;
        left: -52px;
    }

    #menuIconButton i {
        font-size: 21px;
        color: rgb(245, 126, 96);
    }

    #menuIconButton {
        position: relative;
        top: -177px;
        left: 8px;
        background-color: transparent;
        border: none;
        font-size: 82px;
        cursor: pointer;
        z-index: 1000;
    }

    .slick-prev, .slick-next {
        position: absolute;
        top: 173px !important;
        145px z-index: 100;
    }
}




@media (max-width: 480px) {

    .imaagerespo {
        width: 150px;
        position: relative;
        left: -5px;
    }

    #menuIconButton i {
        font-size: 21px;
        color: rgb(245, 126, 96);
    }
    #menuIconButton {
        position: relative;
        top: -122px !important;
        left: 8px;
        background-color: transparent;
        border: none;
        font-size: 82px;
        cursor: pointer;
        z-index: 1000;
    }
    .repohead2 {
        display: flex;
        justify-content: center;
        position: relative;
        left: 0px;
        top: -10px;
    }
    .searchrepo {
        border-radius: 200px 0px 0px 200px;
        width: 136px !important;
        height: 35px !important;
        border: 1px solid rgb(245, 126, 96);
        position: relative !important;
        top: 6px !important;
        right: 1px !important;
    }
    .fontrepo {
        display: none;
    }

    .fa-search {
        font-size: 21px !important;
    }
    .slick-prev, .slick-next {
        position: absolute;
        top: 145px !important;
        z-index: 100;
    }
    
}
@media (max-width: 720px) {
    .removerespo {
        display: none !important;
    }
}

@media (max-width: 576px) {
    .fa-home {
        font-size: 30px;
    }

    .fa-2x {
        font-size: 25px;
    }
}

@media (max-width: 344px) {
    .slick-prev, .slick-next {
        position: absolute;
        top: 119px !important;
        z-index: 100;
    }
}
/*responsive*/
@media only screen and (max-width: 991px) {
    #top-header .header-links.pull-left {
        float: none !important;
    }

    #top-header .header-links.pull-right {
        float: none !important;
        margin-top: 5px;
    }

    .header-logo {
        float: none;
        text-align: center;
    }

        .header-logo .logo {
            display: inline-block;
        }

    #product-imgs {
        margin-bottom: 60px;
        margin-top: 15px;
    }

    #rating {
        text-align: center;
    }

    #reviews {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .section-title .section-nav {
        float: none;
        margin-top: 10px;
    }

    .section-tab-nav li {
        margin-top: 10px;
    }

    .newslettertext {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    [class*='col-xs'] {
        width: 100%;
    }

    .store-grid {
        float: none;
        margin-top: 10px;
    }

    .store-pagination {
        float: none;
        margin-top: 10px;
    }
}