@media not all and (min-resolution:.001dpcm)
        { @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        .CTGY .sub-ctgy-content .sort-by-options-wrapper, .SRCH .srch-content .sort-by-options-wrapper { 
        margin-left: 63px;
        }
        }}

	.CTGY .sub-ctgy-content .sort-by, .SRCH .srch-content .sort-by {
    background-color: #fff;
    border: solid 1px #e2e2e2;
    padding: 5px;
    display: inline-block;
    text-align: center;
    width: 127px;
    font-weight: 500;
    font-size: 12.89px;
}
        .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
            z-index: 2;
            color: #fff;
            cursor: default;
            background-color: #f47a44;
            border-color: #f47a44;
        }
        .pagination-lg>li>a, .pagination-lg>li>span {
                padding: 5px 10px!important;
                font-size: 14px !important;
            }
        .serchResult {
            text-align: end;
            font-size: 14px;
        }
        .noResult {
            text-align: center;
            font-size: 18px;
        }
        .nextPreviousTxt .page-link{
            font-size: 12pt;
        }
        #pagination {
            display: inline-block;
            margin-bottom: 0.5em;
            margin-top: 1em;
        }
        .pagination-lg>li>a, .pagination-lg>li>span {
            padding: 10px 16px;
            font-size: 12pt;
        }
       #pagination {  
        display: inline-block;  
        margin-bottom: 1em;  
        margin-top: 1em;  
        }  
      #pagination li {  
        display: inline-block;  
    } 
    .loaderContainer {
            background: white;
            display: none;
            height: 100vh;
            left: 0;
            right: 0;
            position: fixed;
            top: 0;
            transition: opacity 0.2s linear;
            width: 100%;
            z-index: 9999;
            max-width: 1364px;
            margin: 0 auto;
            opacity: 0.6;
            align-self: center;
        
    }

    .loaders {
        border: 4px solid #f3f3f3;
        border-radius: 50%;
        border-top: 4px solid #f47a44;
        width: 50px;
        height: 50px;
        -webkit-animation: spin 0.8s linear infinite;
        animation: spin 0.8s linear infinite;
        position: relative;
        top: 50%;
        left: 50%
    }

      

        .loading .loading-gif {
            display: block;
        }
        .loading-container{
            align-items: center;
            background: rgb(213, 204, 204);
            display: flex;
            height: 100vh;
            left: 0;
            right: 0;
            position: fixed;
            top: 0;
            transition: opacity 0.2s linear;
            width: 100%;
            z-index: 9999;
            max-width: 1364px;
            margin: 0 auto;
            opacity: 0.6;
    align-self: center;
        }

        @media (min-width: 768px) {
            .fuzzy-search-msg {
	        /*padding-left: 105px;*/
                padding-top: 10px;
            }
        }

        @media (max-width: 767px) {
            .fuzzy-search-msg {
                padding-top: 25px;
                font-size: 14px;
            }
            .hidePagination{
                display: none !important;
            }
            .mViewSort{
		width: -webkit-fill-available;
                margin-top: 15px;
            }
	     .CTGY .sub-ctgy-content .sort-by-options-wrapper, .SRCH .srch-content .sort-by-options-wrapper{
		margin-left: 0px;
	     }
	     .CTGY .sub-ctgy-content .sort-by-options-wrapper, .SRCH .srch-content .sort-by-options-wrapper {
    		width: 140px;
	     }
            .serchResult {
            text-align: end;
            /* font-size: 18px; */
            /* margin-top: 40px;*/ /*fix for breadcrum hiding */
            }

          
        }

        /* filter css start */

        .displayNone {
            display: none;
        }

        .filterContainer {
            position: absolute;
            width: 100% !important;
            max-width: 1364px;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
            opacity: 1;
            overflow: auto;
            z-index: 999;
            margin-left: -38px
        }

        .filterContent {
            background-color: #fefefe;
            margin: auto;
            padding: 20px;
            width: 30%;
            position: absolute;
            right: 0;
            height: 100%;
        }

        @media screen and (max-width: 768px) {
            .filterContent {
                background-color: #fefefe;
                margin: auto;
                padding: 24px;
                width: auto;
                position: relative;
                height: 100vh;
                overflow: overlay;
                right: 0rem;
                top: 3rem;
                float: right;
            }

            .filterContainer {
                position: fixed;
                width: -webkit-fill-available !important;
                max-width: 1364px;
                height: -webkit-fill-available;
                background-color: rgba(0, 0, 0, 0.4);
                opacity: 1;
                overflow: scroll;
                z-index: 999;
                margin-left: -3rem;
            }
        }

        .filterHeader {
            font-size: 21px;
            font-family: ITCAvantGardePro-Bold;
            display: flex;
            justify-content: space-between
        }

        .filterDeivder {
            border: 2px solid #f47a44;
        }

        .Fclose {
            color: #f47a44
        }

        .FradioContainer {
            color: black;
            display: flex;
            margin: 15px 0 15px 0;
            justify-content: space-between
        }

        .FradioContainer form input[type=radio]:checked {
            display: inline;
        }

        .FradioContainer form input[type=radio] {
            color: blue;
            display: block;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(0, -50%);
            margin: 0;
        }

        .FradioContainer input[type=radio]+label:before {
            content: "";
            background: #FFF;
            border-radius: 100%;
            border: 1px solid #bfbfbf;
            display: inline-block;
            width: 1.2em;
            height: 1.2em;
            position: relative;
            top: 0em;
            margin-right: 0.2em;
            vertical-align: text-bottom;
            cursor: pointer;
            text-align: center;
            transition: all 250ms ease;
        }

        .FradioContainer input[type=radio]:checked+label:before {
            background-color: #f47a44;
            border: 1px solid #f47a44;
            box-shadow: inset 0 0 0 2px #FFF;
        }

        .FradioContainer input[type=radio] {
            opacity: 0;
            position: relative;
            left: 14px;
            bottom: 5px;
            z-index: 9999;
        }

        .FradioContainer form input[type=radio]:checked {
            display: inline;
        }

        .FradioContainer form input[type=radio]+label {
            display: none;
            font-weight: 700;
            font-size: 0.85em;
            color: #aeaeae;
            padding-left: 6px;
        }

        .FilterSubHeading {
            margin-top: 20px;
            font-size: 15px;
            font-family: ITCAvantGardePro-Bold;
        }

        .applyFilter {
            width: 100%;
        }

        /* filter css end */

        /* new-pagination */
        .new-pagination {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-top: solid 1px #eee;
            height: 60px;
        }
        

        .new-pagination a {
            color: black;
            float: left;
            padding: 8px 16px;
            text-decoration: none;
        }

        .new-pagination a.active {
            background-color: #f47a44;
            color: white;
        }

        .new-pagination a:hover:not(.active) {background-color: #ddd;}
        /* new-pagination */


.CTGY .tabbable .nav-tabs>li.current-item.active a{padding: 5px 15px;}
.CTGY .tabbable .nav-tabs li:first-child a{padding: 5px 15px 5px 0;}
/*.parent-nav li:nth-last-child(4) a{padding-left:0 !important;}*/
#CtgyBannerPopup .banner-popup {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1000
}

.CTGY .filter-row {
    margin-top : 15px;
}

.categoryResult{
            text-align: end;
            margin-bottom: -3px;
            margin-right: 20px;
            margin-top: 25px;
        }

        .new-pagination {
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-top: solid 1px #eee;
                height: 60px;
            }
    
            .new-pagination a {
                color: black;
                float: left;
                padding: 8px 16px;
                text-decoration: none;
            }
    
            .new-pagination a.active {
                background-color: #f47a44;
                color: white;
            }
    
            .new-pagination a:hover:not(.active) {background-color: #ddd;}

#CtgyBannerPopup .background-panel {
    background-color: rgba(0, 0, 0, .2);
    width: 100vw;
    height: 100vh
}

#CtgyBannerPopup .main-content-section {
    width: 100vw;
    max-width: 1364px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: max((100vw - 1364px)/2, 0px)
}

#CtgyBannerPopup .main-content-section {
    background: #fff;
    height: 100vh;
    overflow-y: scroll
}

#CtgyBannerPopup .see-more-cat {
    display: none
}

#CtgyBannerPopup .ctgy-desc {
    max-width: 95%;
    margin: 0 auto;
    text-align: left;
    margin-top: -40px;
    background-color: #fff;
    padding: 1px 10px 0;
    z-index: 1;
    position: relative;
    transition: all .2s linear
}

#CtgyBannerPopup .ctgy-desc h2 {
    font-weight: 700;
    padding: 10px 0 5px;
    margin: 0
}

#CtgyBannerPopup .fa.fa-close {
    display: block !important;
    position: fixed;
    top: 170px;
    right: calc(50vw - min(47.5vw, 650px));
    font-size: 15px;
    background: #f86;
    padding: 10px 11px;
    border-radius: 19px;
    color: #fff;
    z-index: 10000;
    display: block !important
}

#CtgyBannerPopup .category-banner {
    max-height: 230px;
    overflow: hidden
}

#CtgyBannerPopup .category-banner img {
    transform: translate(0, -40%)
}

.frsubstitutionmodal .product-thumbnail img {
    width: 150px;
    height: 150px
}

.frsubstitutionmodal .modal-dialog {
    width: fit-content;
    min-width: 375px
}

.frsubstitutionmodal .product-name a,
.frsubstitutionmodal p {
    font-family: ITCAvantGardePro-Bk;
    font-size: 14px;
    word-break: break-all;
    max-width: 190px;
    display: inline-block
}

.subitemslist .deliproductDisplay .gridProducts .product-item-new {
    padding: 5px
}

.closeCss {
    top: -15px !important;
    right: -45px !important
}

.product-thumbnail {
    display: flex;
    justify-content: center
}

#Substitution_product_info .product-thumbnail img {
    width: 150px;
    height: 150px
}

#Substitution_product_info .product-name a,
#Substitution_product_info p {
    font-family: ITCAvantGardePro-Bk;
    font-size: 14px;
    word-break: break-all;
    max-width: 190px;
    display: inline-block
}

.subitemslist .deliproductDisplay .gridProducts .product-item-new {
    padding: 5px
}

.closeCss {
    top: -15px !important;
    right: -45px !important
}

.viewSubstitution .modal-header .close .material-icons {
    display: none
}

.CTGY#deliGirdPage #new_globalerrorpopup {
    z-index: 99999999 !important
}

#new_globalerrorpopup {
    z-index: 99999 !important
}

.signUpForm .FradioContainer .form-check label.font8 {
    margin-bottom: 0
}

.input_btm_text {
    letter-spacing: .8px
}

.open>.dropdown-menu~.owl-wrapper {
    padding-bottom: 25px
}

.caret {
    margin-top: -15px;
    display: block;
    position: absolute;
    margin-left: 18rem;
}

.product-item-new .product-thumbnail {
    min-height: 152px
}

.product-item-new .flag {
    width: 60px
}



.subCode {
    font-family: ITCAvantGardePro-Bold;
    text-align: center
}

.subName {
    text-align: center;
    font-family: ITCAvantGardePro-Bk;
    font-weight: 600
}

.product-item-new .cart-section {
    /* display: flex !important; */
    align-items: center !important;
    justify-content: center;
    min-height: 35px;
}



.form-check {
    height: 25px
}

.dropdown-menu {
    width: 100%;
    font-size: 12px
}

.savePackDisplay,
.savePackDisplay1 {
    text-align: center;
    color: #628e83 !important;
    height: 40px;
    font-family: ITCAvantGardePro-Bold;
    font-size: 10pt;
    display: flex;
    justify-content: center;
    align-items: center
}

.dropdown-menu>li>a {
    padding: 3px 10px;
    height: 50px;
}

.dropdown:hover .owl-wrapper {
    padding-bottom: 85px
}

.viewSubstitutions {
    border: 1px solid #f47a44;
    border-radius: 0;
    color: #f47a44;
    font-size: 11px;
    font-weight: 600;
    background-color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    outline: 0 !important;
    -webkit-transition: all .7s;
    transition: all .5s;
    margin-left: 10px;
    border-radius: 3rem
}

#viewSubstitutions:hover {
    cursor: pointer
}

.owl-wrapper-outer::before {
    content: "";
    position: absolute;
    width: 97px;
    height: 150%;
    background-color: #fff;
    left: 0;
    transform: translate(-100%, 0);
    top: 0;
    z-index: 3
}

.owl-item .product-item-new,
.prod-col .product-item-new {
    width: 100%;
    padding: 0 20px
}

.owl-wrapper-outer::after {
    content: "";
    position: absolute;
    width: 97px;
    height: 150%;
    background-color: #fff;
    right: 0;
    transform: translate(100%, 0);
    top: 0
}

.owl-theme .owl-controls .owl-buttons div {
    zoom: 0 !important;
    z-index: 5;
    background: 0 0 !important
}

.gridProducts .owl-prev {
    position: absolute;
    font-size: 20px !important;
    top: 132px;
    left: 0
}

.gridProducts .owl-next {
    position: absolute;
    top: 130px;
    left: 600px;
    font-size: 20px !important
}

.gridProducts .owl-item {
    border-right: none !important
}

.gridProducts .fa,
.owl-theme .owl-controls .owl-buttons div>.fa.fa-chevron-left,
.owl-theme .owl-controls .owl-buttons div>.fa.fa-chevron-right {
    /*color: #ee7943*/
}

.owl-carousel:hover {
    z-index: 100
}

.owl-wrapper {
    text-align: center
}

.minusSign {
    float: left;
    left: 25px;
    position: relative;
    bottom: 0;
    color: #fff
}

.plusSign {
    color: #fff;
    right: -67px;
    position: relative;
    bottom: 30px
}

.viewSubMob {
    display: none
}

#Substitution_product_info .modal-header {
    min-height: 16.42857143px;
    padding: 15px 15px 0 0;
    border-bottom: none !important
}

.prod-card-btn {
    max-width: 140px; /*new size added globally need to remove here once fixed */
}

.gridProducts .owl-wrapper {
    height: 350px
}

.CTGY .modal-content .closeCss,
.PROD .modal-content .closeCss,
.SRCH .modal-content .closeCss,
.viewSubstitutionModal .modal-content .closeCss {
    top: 30px !important;
    right: 0 !important;
    color: #f47a44 !important
}

.CTGY .modal-dialog .gridProducts .owl-next {
    left: auto
}

.viewSubstitutionModal .modal-content .closeCss {
    background: #fff !important
}

.PROD .modal-dialog .gridProducts .owl-next {
    right: 0 !important
}

.CTGY .modal-dialog .gridProducts .owl-next,
.SRCH .modal-dialog .gridProducts .owl-next {
    right: 0 !important;
    left: auto
}

.PROD .modal-dialog .gridProducts .owl-next {
    right: 0 !important
}

.PROD .modal-dialog .owl-buttons {
    top: 0
}

.SFNT .height100vh.modal-content {
    min-height: 460px
}

.SFNT .modal-dialog .gridProducts .owl-prev {
    left: 20px !important
}

.SFNT .modal-dialog .gridProducts .owl-next {
    left: initial !important;
    right: 20px !important
}

.SFNT .modal-dialog .modal-header .closeCss {
    top: 30px !important;
    right: 0 !important;
    color: #ee7943 !important;
    background-color: #fff !important
}

@media screen and (min-width:1024px) {
    .CTGY#deliGirdPage .showproductmodal .prod-card-btn {
        width: 190px !important;
        margin-left: 10px
    }
}

@media only screen and (min-width :1280px) and (max-width :1310px) {
    .signUpMsg {
        letter-spacing: .6px
    }
}

@media only screen and (min-width :1030px) {
    .PROD .modal-dialog .gridProducts .owl-next {
        right: 0 !important;
        margin-right: 0 !important
    }
}

@media only screen and (min-width :768px) and (max-width :1024px) and (orientation :portrait) {
    .signUpForm {
        margin-bottom: 8px
    }

   

    #signUpMsg .signUpMsg {
        font-size: 15px
    }

    
}

@media only screen and (max-width:990px) {
    #signUpMsg .signUpMsg {
        font-size: 15px
    }
}

@media (max-width:1023px) {
    .product-item-new .flag-wrapper {
        /* width: 35%; */
    }

    .prod-card-btn {
        width: 100%;
        max-width: 120px; /*new size added globally need to remove here once fixed */
    }

    .WISH .action_all_container .button,
    .action_all_container .wishWrapp .share-basket-btn,
    .create-wishlist-btn,
    .invitewlmodal {
        max-width: 170px
    }



    .caret {
        margin-left: 15rem
    }

    .product-item-new .flag {
        width: 50px
    }
}

@media (max-width:767px) {
/* fix for breadcrum show */
.SRCH .srch-content {
    margin-top: 40px;
}
/* fix for breadcrum show */
    .threebieproductbtn > div img,
    .owl-carousel .threebieproductbtn img{max-width:13px;}
    .basket-page-quantity-update-form #cart-section.cart-section {
        margin: 0 auto;
        max-width: 260px
    }

.categoryResult{
            text-align: end;
            margin-right: 20px;
            margin-top: -7%;
        }



    #new_globalerrorpopup .cpopupinner .gpoperror {
        padding: 20px
    }

    .CTGY .sub-ctgy-content .product-detail-wrapper,
    .SRCH .srch-content .product-detail-wrapper,
    .selectsize {
        min-height: 200px
    }

    .SFNT .modal .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 15px !important
    }

    .SFNT .modal .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 15px !important
    }

    div#Substitution_product_info .product-name a,
    div#Substitution_product_info p {
        font-size: 12px
    }

    div#viewSubstitutionModal .gridProducts .owl-prev {
        top: calc(50% - 60px)
    }

    div#viewSubstitutionModal .gridProducts .owl-next {
        top: calc(50% - 60px)
    }

    .CTGY .modal .owl-theme .owl-controls .owl-buttons div.owl-next {
        top: calc(50% - 60px)
    }

    .CTGY .modal .owl-theme .owl-controls .owl-buttons div.owl-next,
    .PROD .modal .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 20px !important;
        left: auto !important
    }

    .CTGY .modal .owl-theme .owl-controls .owl-buttons div.owl-prev {
        top: calc(50% - 60px)
    }

    .CTGY .modal .owl-theme .owl-controls .owl-buttons div.owl-prev,
    .PROD .modal .owl-theme .owl-controls .owl-buttons div.owl-prev {
        right: auto !important;
        left: 20px !important
    }

    div#Substitution_product_info .modal {
        top: 0 !important
    }

    #Substitution_product_info .subitemslist .deliproductDisplay .subName {
        padding: 0 20px
    }

    div#Substitution_product_info .modal-header {
        padding: 15px
    }

    #Substitution_product_info .owl-item .product-item-new,
    #Substitution_product_info .prod-col .product-item-new {
        padding: 0 10px;
        margin-bottom: 0
    }

    #Substitution_product_info .product-thumbnail img {
        height: auto !important
    }

    #Substitution_product_info .product-item-new .product-thumbnail {
        min-height: auto !important;
        max-height: 305px
    }

    #Substitution_product_info .subitemslist .deliproductDisplay .gridProducts .owl-wrapper {
        height: 310px;
        max-height: 350px;
        min-height: 300px
    }

    .viewSubstitutionModal .subitemslist .deliproductDisplay .subName {
        padding: 0 20px
    }

    div.viewSubstitutionModal .modal-header {
        padding: 15px
    }

    #viewSubstitutionModal .product-item-new .product-thumbnail,
    .viewSubstitutionModal .product-item-new .product-thumbnail {
        min-height: auto !important;
        max-height: 305px
    }

    .viewSubstitutionModal .subitemslist .deliproductDisplay .gridProducts .owl-wrapper {
        height: 310px;
        padding-bottom: 24px;
        max-height: 350px;
        min-height: 300px
    }

    #viewSubstitutionModal .subitemslist .deliproductDisplay .gridProducts .owl-wrapper {
        height: 310px;
        padding-bottom: 24px;
        max-height: 350px;
        min-height: 300px
    }

    .viewSubstitutionModal .product-thumbnail img {
        height: auto !important
    }

    .viewSubstitutionModal .owl-item .product-item-new,
    .viewSubstitutionModal .prod-col .product-item-new {
        padding: 0 10px
    }

    .signUpForm {
        margin-bottom: 8px
    }

    #signUpMsg .checkboxContainer .checkmark {
        top: -1px
    }

    #signUpMsg .signUpMsg {
        font-size: 12px;
        letter-spacing: .7px
    }

    .signUpForm .FradioContainer {
        margin: 20px 5px 10px 0
    }

    .signUpForm .FradioContainer .form-check {
        margin-right: 0 !important
    }

    .signUpForm .FradioContainer .form-check label.font8 {
        font-size: 11px !important
    }

    .signUpForm .FradioContainer {
        line-height: 0
    }

  

    .PROD .product-information-wrapper #Substitution_product_info .prod-card-btn {
        width: 100% !important
    }

    .PROD .product-details-1 .dropdown-menu {
        width: 100% !important
    }

    .PROD .product-information-wrapper #Substitution_product_info .owl-buttons {
        display: inline-block !important;
        left: 0
    }

    .CTGY #Substitution_product_info .owl-buttons {
        display: inline-block !important;
        left: 0
    }

    .BASK .owl-buttons .owl-prev,
    .CTGY .owl-buttons .owl-prev,
    .PROD .owl-buttons .owl-prev {
        float: left;
        margin-left: -10px !important
    }

    .BASK .owl-buttons .owl-next,
    .CTGY .owl-buttons .owl-next,
    .PROD .owl-buttons .owl-next {
        float: right;
        margin-right: -10px !important
    }

    .CTGY .owl-theme .owl-controls .owl-buttons div,
    .PROD .owl-theme .owl-controls .owl-buttons div {
        color: #d1d3d4;
        font-size: 22px;
        margin: 0;
        padding: 0;
        background: 0 0
    }

    .CTGY .product-information-wrapper #Substitution_product_info .owl-buttons {
        display: inline-block !important;
        left: 25px
    }

    .product-item-new .form-check-label {
        font-size: 10px
    }

    .owl-item .product-item-new,
    .prod-col .product-item-new {
        width: auto
    }

    .product-item-new .product-name {
        height: 35px
    }

    .viewSubMob {
        display: block
    }

    .viewSubDesk {
        display: none
    }

    .orderedQty {
        font-size: 9px
    }

    .dropdown-menu {
        font-size: 9px;
        min-width: 137px;
        width: 158px
    }

    .savePackDisplay,
    .savePackDisplay1 {
        text-align: center;
        color: #628e83 !important;
        height: 30px;
        font-family: ITCAvantGardePro-Bold;
        font-size: 10px
    }

    .dropdown {
        font-size: 10px
    }

    .owl-item .product-item-new {
        width: 100%
    }

    .caret {
        margin-top: -11px;
        display: block;
        position: absolute;
        margin-left: 142px
    }

    .product-item-new .dropdown .allPrice {
        float: right;
        margin-right: 10px
    }

    .product-item-new .flag {
        width: 45px
    }

    .ordguide .viewSubstitutions {
        margin-top: 58%
    }

    .viewSubstitutions {
        border: 1px solid #f47a44;
        border-radius: 0;
        color: #f47a44;
        font-size: 12px;
        font-weight: 600;
        background-color: #fff;
        display: inline-block;
        letter-spacing: 1px;
        outline: 0 !important;
        -webkit-transition: all .7s;
        transition: all .5s;
        margin: 25px 0;
        border-radius: 3rem;
        position: absolute;
        margin-top: 35%;
        z-index: 99;
        left: 0
    }

    #Substitution_product_info .modal {
        width: 100%;
        top: -45px !important;
        left: 0 !important;
        position: fixed !important
    }

    .gridProducts .owl-item {
        border-right: none !important
    }

    .product-name {
        font-size: 12px !important
    }

    .brand {
        font-size: 12px !important
    }

    

    .form-check {
        height: 17px
    }

    #Substitution_product_info .modal-header {
        min-height: 16.42857143px;
        padding: 15px 15px 15px 0;
        border-bottom: none !important
    }

    .minusSign {
        float: left;
        left: 18px;
        position: relative;
        bottom: -4px;
        color: #fff
    }

    .plusSign {
        color: #fff;
        right: -38px;
        position: relative;
        bottom: 29px
    }

    .subMobDisplay {
        display: none !important
    }

    #Substitution_product_info .owl-controls {
        display: inline-block !important;
        left: 0 !important
    }

    .gridProducts .owl-next {
        position: absolute;
        top: 132px;
        left: 250px;
        font-size: 20px !important
    }

    .prod-card-btn {
        width: 118px;
        font-size: 10px;
        font-weight: 600;
        max-width: 140px;
    }

    .WISH .action_all_container .button,
    .action_all_container .wishWrapp .share-basket-btn,
    .create-wishlist-btn,
    .invitewlmodal {
        max-width: 170px
    }

   

    .subitemslist .caret {
        margin-left: 114px
    }

    /*.subitemslist .dropdown-menu {
        font-size: 10px;
        min-width: 130px;
        width: 130px
    }*/

   
}

#Substitution_product_info .modal-content,
.viewSubstitutionModal .modal-content {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

#Substitution_product_info .product-name {
    display: block !important
}

#viewSubstitutionModal .gridProducts .owl-next {
    right: 20px
}

#viewSubstitutionModal .gridProducts .owl-prev {
     /*left: 20px*/ /*#344 isse fix*/
}

body.touch #category-listing .expanded {
    display: flex;
    flex-wrap: wrap;
}

.cust-sub-category .inner img {
    transform: scale(1);
    transition: transform .3s
}

.cust-sub-category .inner:hover img {
    transform: scale(1.1)
}

@media (min-width:768px) and (max-width:1000px) {
    .background-container {
        padding-top: 40px !important;
    }
}

.CTGY .nav>li>a{padding: 5px 15px;}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background: 0 0
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 5px solid #f47a44;
    border-bottom-color: #f47a44;
    font-family: ITCAvantGardePro-Bold, Arial Bold;
    padding-left: 2px
}

.secondactivecat>li.active>a,
.secondactivecat>li.active>a:focus,
.secondactivecat>li.active>a:hover {
    padding-left: 17px
}



.scroll {
    width: 100%;
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-bottom-width: 0
}

.tabbable {
    overflow-x: auto;
    overflow-y: hidden;
    width: max-content;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.CTGY .sort-by-options {
    display: flex;
    color: #292c19;
    font-weight: 600;
    padding-bottom: 10px;
    flex-direction: row;
    align-items: baseline;
}

.sort-by-options-wrappers {
    padding: 6px;
}

.subdisplay {
    overflow-x: auto;
    overflow-y: hidden
}

.cust-sub-category {
    padding-top: 11px;
    border-top: none;
    border: none;
    width: max-content;
    margin-left: 0
}

.subcategories {
    list-style: none;
    padding: 0;
    margin-left: 0
}

.subcategories>li {
    float: left;
    margin-bottom: -1px
}

.subcategories>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    text-decoration: none;
    /*padding: 15px 25px 15px 2px;*/
    padding: 15px 10px 15px 10px
}

.subcategories>li>a:hover {
    opacity: 1;
    font-weight: 500;
    border-color: #eee #eee #ddd;
    background-color: #eee
}

.subcategories:before {
    display: table;
    content: ''
}

.subcategories:after {
    display: table;
    content: ''
}

.filters label.hidefacet {
    display: none
}





.round {
position: relative;
width: 35px;
}

.round label {
background-color: #fff;
border: 2px solid #ccc;
border-radius: 50%;
cursor: pointer;
height: 20px;
left: 0;
position: absolute;
top: 0;
width: 20px;
}

.round label:after {
border: 2px solid #fff;
border-top: none;
border-right: none;
content: "";
height: 5px;
left: 2px;
opacity: 0;
position: absolute;
top: 4px;
transform: rotate(-45deg);
width: 12px;
}

.round input[type="checkbox"] {
visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
background-color: #FF5722;
border-color: #FF5722;
}

.round input[type="checkbox"]:checked + label:after {
opacity: 1;
}

@media screen and (max-width:1023px) {
    .tabbable {
        border-bottom: 1px solid #ddd;
        overflow-x: auto;
        overflow-y: hidden;
        width: max-content
    }

    .CTGY .filter-row {
        margin-top : unset;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) and (pointer: coarse) {
    .filter-row {
        margin-top : 3%;
        }
  }

@media screen and (max-width:768px) {
    .CTGY .product-item-new .product-name {
        font-size: 10px
    }
    .filter-row {
        margin-top : 5%;
        }
}

@media screen and (max-width:767px) {
    .tabbable {
        border-bottom: 1px solid #ddd;
        overflow-x: auto;
        overflow-y: hidden;
        width: max-content
    }

    .filterContent {
        background-color: #fefefe;
        margin: auto;
        padding: 44px 24px;
        width: auto;
        position: fixed;
        height: auto;
        overflow: overlay;
        right: 0;
        top: -3rem;
        bottom: 0;
        float: right;
        overflow: auto
    }

    .CTGY .filter-row {
        margin-top : 20px;
        }

    .filterDeivder {
        border: 2px solid #f47a44
    }

    .filterHeader {
        font-size: 21px;
        font-family: ITCAvantGardePro-Bold;
        display: flex;
        justify-content: space-between
    }

    .filterContainer {
        position: fixed;
        width: -webkit-fill-available !important;
        max-width: 1364px;
        height: -webkit-fill-available;
        background-color: rgba(0, 0, 0, .4);
        opacity: 1;
        overflow: scroll;
        z-index: 999999;
        margin-left: -3rem;
        top: 0;
    }

    .FilterSubHeading {
        margin-top: 20px;
        font-size: 15px;
        font-family: ITCAvantGardePro-Bold
    }

    .form-check {
        height: unset;
        accent-color: #ff5722
    }

        .product-item-new .open> .dropdown-menu .allPrice {
        float: right;
        margin-right: 0;
    }

    .CTGY .product-details .open>.dropdown-menu {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: -webkit-fill-available;
    }




    
}



.currentchildcat a {
    opacity: 1
}

.bottom-cat a {
    opacity: 1
}

.CTGY .sub-ctgy-content #category-listing,
.SRCH #search-results {
    padding-top: 10px;
    margin-top: 13px;
    border-top: none;
    padding-bottom: 20px
}

.scroll::-webkit-scrollbar {
    visibility: hidden
}

.tabbable::-webkit-scrollbar {
    visibility: hidden
}

.tabbable::-webkit-scrollbar:hover {
    visibility: visible
}

.header-per-page {
    margin: 15px 0 -5px
}

input[type=radio] {
    accent-color: #ff5722;
    -webkit-appearance: radio;
    -moz-appearance: radio;
    -ms-appearance: radio
}

.bottom-filter-child {
    position: fixed;
    width: 89%;
    bottom: 0;
    padding: 0 10px 8px 0;
    display: flex;
    justify-content: center
}

.bottom-filter {
    height: 200px;
    padding: 20px 0;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.pd-rt-zero label {
    display: inline-block !important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #eeeeeeee;
}

.SRCH .product-details .open>.dropdown-menu {
    display: block;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: -5px;
}

    
  
  .filterbox {
      border: 1px #ccc solid;border-radius: 5px;display: flex;width: -webkit-fill-available;align-items: center;justify-content: center;height: 40px;padding: 5px; font-size: 12px;
  }