@media (max-width: 800px) {
    #help-panel {
        display: none;
    }
    .pDdl-mar {
        margin-right: 0px;
    }
    .sortPane {
        padding: 15px;
        width: 100%;
    }

    #pnlMajorProducts {
        padding-bottom: 50px;
    }

    .krPic {
        margin: 0 auto;
        overflow: hidden;
        width: 80px;
        height: auto;
        text-align: center;
    }

    .controlBox {
        width: 100%;
        text-align: initial;
    }
    .krPic-first{
        margin: 0px ;
    }
    .imgbannerDiscount {
        width: 100%;
        position: relative;
    }
    .prooItem {
        width: 100% !important;
    }
    #PrDiscountGreen{
        left : 0px ;
    }
    #pnlDiscountedProducts{
        padding: 0px ;
    }
    #ctl00_ctl00_Content_Content_UpdatePanelGroups {
        display: grid;
        /*! grid-auto-columns: 1fr 1fr 1fr; */
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
        padding: 0px;
        margin: 0px;
        flex-wrap: wrap;
        /*! margin-left: ; */
        width: 100%;
        justify-content: center;
        text-align: center;
        place-content: center;
    }

    .item img {
        width: 100% ;
        height: auto;
        text-align: center;
    }

    #ctl00_ctl00_Content_Content_UpdatePanelGroups .item {
      
        /*! margin: 0px 5px ; */
        /*! margin-left: ; */
    }

    .sortTit {
        position: relative;
        padding-right: 10%;
        color: white;
        opacity: 1;
        font-weight: 600;
    }

    .pDdl > li {
        padding: 2px 2px;
    }

    .discounta {
        background-color: white;
        width: 170px;
        margin-top: 16px;
        border-radius: 20px;
        margin-right: -7px;
    }

    .div-imgbanner {
        height: auto;
        display: inline-block;
        text-align:;
    }

    pDdl {
        display: inline-block;
        font-size: 15px;
        width: 100%;
    }

    .timer {
        width: 100%;
    }

    .sortTit {
        margin: 0px;
    }

    .time-box {
        margin-bottom: 5px !important;
        ;
    }

    .sortPaneDiscount {
        padding: 10px 5px;
        width: 100%;
        /*! max-width: 500px; */
        /*! min-width: 300px; */
    }

    #ctl00_ctl00_Content_Content_UpdatePanel1 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-right: 10px;
        padding-bottom: 70px;
        justify-content: center;
        text-align: center;
    }

        #ctl00_ctl00_Content_Content_UpdatePanel1 .item {
            height: 345px;
        }

    .prPic {
        width: 80%;
    }

    .prPic {
        max-width: 150px;
        margin: 0 auto;
        overflow: hidden;
        max-height: 150px;
        width: 100%;
        height: auto;
    }

    .Major {
        width: 10rem;
    }

    .pakej-price {
        display: block;
    }
    #help-panel {
        display: none;
    }
    .iteem{
        display:flex;
    }
}
@media (min-width: 450px ) and (max-width: 579px) {

    #ctl00_ctl00_Content_Content_UpdatePanelGroups {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }


    }
@media (min-width: 580px ) and (max-width: 800px) {
    #ctl00_ctl00_Content_Content_UpdatePanel1 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin-right: 10px;
        padding-bottom: 70px;
    }

    #ctl00_ctl00_Content_Content_UpdatePanelGroups {
        display: grid;
        /*! grid-auto-columns: 1fr 1fr 1fr; */
        grid-template-columns: repeat(4, 1fr);
        gap: 0px;
        padding: 0px;
        margin: 0px;
        flex-wrap: wrap;
        /*! margin-left: ; */
        width: 100%;
        justify-content: center;
        text-align: center;
        place-content: center;
    }
}


@media (min-width: 801px ) and (max-width: 1100px) {

    .prooItem{
        width: 100% !important ;
    }
    .iteem{
        display: flex ;
    }
    #ctl00_ctl00_Content_Content_UpdatePanel1 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin-right: 10px;
        padding-bottom: 10px;
    }

    #ctl00_ctl00_Content_Content_UpdatePanelGroups {
        display: grid;
        /*! grid-auto-columns: 1fr 1fr 1fr; */
        grid-template-columns: repeat(5, 1fr);
        gap: 0px;
        padding: 0px;
        margin: 0px;
        flex-wrap: wrap;
        /*! margin-left: ; */
        width: 100%;
        justify-content: center;
        text-align: center;
        place-content: center;
    }
    #pnlDiscountedProducts{
        padding: 0px ;
    }
    .div-imgbanner {
        height: auto ;
    }
    .controlBox {
        width: 50%;
    }
    .min-xs{
        margin-bottom: 60px ;
    }
    .sortPaneDiscount {
        width: auto ;
    }
    .sortPane{
        width : auto;
    }
    }

@media (min-width: 1101px) {
    #pnlDiscountedProducts {
        padding: 0px;
    }
    .prooItem {
        width: 100% !important;
    }

    .iteem {
        display: flex;
    }
    .controlBox {
        width: 65%;
    }

    .min-xs {
        margin-bottom: 60px;
    }

    .sortPaneDiscount {
        width: auto;
    }
    .div-imgbanner {
        height: auto;
        padding: 5px 0px;
    }
    #ctl00_ctl00_Content_Content_UpdatePanel1 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        margin-right: 10px;
        padding-bottom: 10px;
    }
    #ctl00_ctl00_Content_Content_UpdatePanelGroups {
        display: grid;
        /*! grid-auto-columns: 1fr 1fr 1fr; */
        grid-template-columns: repeat(6, 1fr);
        gap: 0px;
        padding: 0px;
        margin: 0px;
        flex-wrap: wrap;
        /*! margin-left: ; */
        width: 100%;
        justify-content: center;
        text-align: center;
        place-content: center;
    }

}

@media (min-width: 1350px){

    #ctl00_ctl00_Content_Content_UpdatePanel1 {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
        margin-right: 10px;
        padding-bottom: 10px;
    }

    #ctl00_ctl00_Content_Content_UpdatePanelGroups {
        display: grid;
        /*! grid-auto-columns: 1fr 1fr 1fr; */
        grid-template-columns: repeat(8, 1fr);
    }
    }