﻿

body.responsiveBodyContent 
{
    overflow                            : hidden auto;
    /*overflow-x                        : hidden;*/
}

body.mobileDeviceLoading
{
    overflow                            : hidden;    
}

.no-border
{
    border-style                        : none !Important;    
}

.noPaddingLeft
{
    padding-Left                        : inherit !Important;
}

.noPaddingRight
{
    padding-right                       : inherit !Important;
}

.paddingLeft10
{
    padding-Left                        : 10px !Important;
}

.paddingLeft15
{
    padding-Left                        : 15px !Important;
}

.paddingRight10
{
    padding-right                       : 10px !Important;
}

.paddingRight15
{
    padding-right                       : 15px !Important;
}

.paddingRight20
{
    padding-right                       : 20px !Important;
}

.paddingRight30
{
    padding-right                       : 30px !Important;
}

.paddingRight40
{
    padding-right                       : 40px !Important;
}

.paddingRight50
{
    padding-right                       : 50px !Important;
}

.paddingRight60
{
    padding-right                       : 60px !Important;
}

.paddingRight70
{
    padding-right                       : 70px !Important;
}

.noMarginLeft
{
    margin-left                         : inherit !Important;
}

.noMarginRight
{
    margin-right                        : inherit !Important;
}

.backgroundNone
{
    background                          : none !Important;
}

.hideElement
{
    position                            : absolute !Important;
    top                                 : -10000px !Important;
    left                                : -10000px !Important;
}

.horizontal-flip
{
    transform 			: scaleX(-1);
    -moz-transform		: scaleX(-1);
    -webkit-transform	: scaleX(-1);
    -ms-transform		: scaleX(-1);
}

div#responsiveTopPanelContainer > div
{                
    margin-left : 15px;
    margin-right: 15px;
    /*margin                            : 15px;
    margin-bottom                       : 0px;*/    
}

    div#responsiveTopPanelContainer > div:first-child
    {
        /*margin-top: 15px;*/
        margin  : 0px;
        padding : 15px 15px 4px 15px;
    }

    div#responsiveTopPanelContainer *
    {            
        -webkit-box-sizing              : border-box;
        -moz-box-sizing                 : border-box;
        box-sizing                      : border-box;
    }  
    
    div#responsiveTopPanelContainer div.searchAndNavIconContainer  
    {
        display                         : inline-block;
        width                           : 100%;
    }

    div#responsiveTopPanelContainer div#responsiveSearchContainer
    {
        float                           : left;
    }

    div#responsiveTopPanelContainer div.menu-icon,
    div#responsiveTopPanelContainer div.mini-search-icon,
    div#responsiveTopPanelContainer div.searchContainer,
    div#responsiveTopPanelContainer div.phone-icon,
    div#responsiveTopPanelContainer div.cart-icon,
    div#responsiveTopPanelContainer div.user-icon,
    div#responsiveTopPanelContainer div.waze-icon,
    div#responsiveTopPanelContainer div.whatapp-icon,
    div#responsiveTopPanelContainer div.facebook-icon,
    div#responsiveTopPanelContainer div.instagram-icon,
    div#responsiveTopPanelContainer div.youtube-icon
    {
        float                           : left;
    }

    div#responsiveTopPanelContainer div.menu-icon,
    div#responsiveTopPanelContainer div.mini-search-icon,
    div#responsiveTopPanelContainer div.searchContainer,
    div#responsiveTopPanelContainer div.phone-icon,
    div#responsiveTopPanelContainer div.cart-icon,
    div#responsiveTopPanelContainer div.user-icon
    {
        padding                         : 5px 10px;  
        -webkit-border-radius           : 5px;      
        border-radius                   : 5px;
        font-weight                     : bold;
        font-size                       : 24px;
    }

    div#responsiveTopPanelContainer div.searchAndNavIconContainer div.waze-icon,
    div#responsiveTopPanelContainer div.searchAndNavIconContainer div.whatapp-icon,
    div#responsiveTopPanelContainer div.searchAndNavIconContainer div.facebook-icon,
    div#responsiveTopPanelContainer div.searchAndNavIconContainer div.instagram-icon,
    div#responsiveTopPanelContainer div.searchAndNavIconContainer div.youtube-icon,
    div#responsiveTopPanelContainer div.searchAndNavIconContainer div.phone-icon.custom-phone-icon
    {
        margin-right                    : 8px;
    }

    div#responsiveTopPanelContainer div.searchAndNavIconContainer div.phone-icon.custom-phone-icon
    {
        padding                         : 0px;
    }

    div#responsiveTopPanelContainer div.searchContainer
    {
        font-size                       : inherit;
    }

        div#responsiveTopPanelContainer div.searchContainer > a
        {
            font-size                   : 24px;
        }

    div#responsiveTopPanelContainer div.menu-icon.rightToLeftAlignment,
    div#responsiveTopPanelContainer div.mini-search-icon.rightToLeftAlignment,
    div#responsiveTopPanelContainer div.searchContainer.rightToLeftAlignment,
    div#responsiveTopPanelContainer div.phone-icon.rightToLeftAlignment,
    div#responsiveTopPanelContainer div.cart-icon.rightToLeftAlignment,
    div#responsiveTopPanelContainer div.user-icon.rightToLeftAlignment,
    div#responsiveTopPanelContainer div.waze-icon.rightToLeftAlignment,
    div#responsiveTopPanelContainer div.whatapp-icon.rightToLeftAlignment,
    div#responsiveTopPanelContainer div.facebook-icon.rightToLeftAlignment,
    div#responsiveTopPanelContainer div.instagram-icon.rightToLeftAlignment,
    div#responsiveTopPanelContainer div.youtube-icon.rightToLeftAlignment,
    div#responsiveTopPanelContainer div.phone-icon.rightToLeftAlignment.custom-phone-icon
    {
        float                           : right;
    }
    
        div.menu-icon,
        div.phone-icon,
        div.cart-icon,
        div.user-icon
        {
            margin-right                : 10px;   
            cursor                      : pointer; 
            height                      : 44px;
        }
        
        div.menu-icon.rightToLeftAlignment,
        div.phone-icon.rightToLeftAlignment,
        div.cart-icon.rightToLeftAlignment,
        div.user-icon.rightToLeftAlignment
        {
            margin-right                : 0px;   
            margin-left                 : 8px;
        }

        div#responsiveTopPanelContainer div.searchAndNavIconContainer div.waze-icon.rightToLeftAlignment,
        div#responsiveTopPanelContainer div.searchAndNavIconContainer div.whatapp-icon.rightToLeftAlignment,
        div#responsiveTopPanelContainer div.searchAndNavIconContainer div.facebook-icon.rightToLeftAlignment,
        div#responsiveTopPanelContainer div.searchAndNavIconContainer div.instagram-icon.rightToLeftAlignment,
        div#responsiveTopPanelContainer div.searchAndNavIconContainer div.youtube-icon.rightToLeftAlignment,
        div#responsiveTopPanelContainer div.searchAndNavIconContainer div.phone-icon.rightToLeftAlignment.custom-phone-icon
        {
            margin-right                : 0px;   
            margin-left                 : 8px;
        }
        
        div.menu-icon span.glyphicon-align-justify,
        div.phone-icon span.glyphicon-phone-alt,
        div.user-icon span.glyphicon-user
        {
            vertical-align              : top;
            margin-top                  : 3px;
        }
        
        div.menu-icon span.menu-label,
        div.menu-icon span.fixed-menu-label
        div.phone-icon span.phone-number,
        div.user-icon span.user-label
        {
            line-height                 : 24px;            
        }
        
        div.phone-icon span.phone-number
        {
            font-weight                 : normal;
            line-height                 : 37px;
            margin-left                 : 5px;
        }
        
        div.phone-icon.rightToLeftAlignment span.phone-number
        {
            margin-left                 : 0px;
            margin-right                : 5px;
        }
        
        div.phone-icon > a,
        div.cart-icon > a
        {
            text-decoration             : none;
        }
        
    div#responsiveTopPanelContainer div.mini-search-icon,
    div#responsiveTopPanelContainer div.searchContainer
    {
        padding                         : 10px 14px;        
    }
    
    div#responsiveTopPanelContainer div.logoContainer div.phone-icon
    {
        float                           : none;
        margin-right                    : 0px;
        margin-top                      : 10px;
        text-align                      : center;
    }
    
    div#responsiveTopPanelContainer div.mini-search-icon, 
    div#responsiveTopPanelContainer span.glyphicon-plus,
    div#responsiveTopPanelContainer span.glyphicon-minus
    {
        cursor                          : pointer;
    }   

        div.searchContainer > a
        {            
            padding-left                : 14px;
            padding-right               : 2px;            
            padding-bottom              : 9px;
            vertical-align              : bottom;
            text-decoration             : none;                        
            float                       : left;
        }   
                
        div.searchContainer > div
        {
            max-width                   : 270px;
            float                       : right;
        }        
        
        div.searchContainer input[type=text]
        {            
            max-width                   : 270px;            
            border-style                : none;         
            padding                     : 0px;            
            padding                     : 8px 13px;
            font-weight                 : normal;
            direction                   : rtl;
            font-size                   : 16px;
            vertical-align              : top;                                      
            width                       : 100%;             
        }  
        
    div#responsiveTopPanelContainer div.cart-icon
    {
        padding-top                     : 10px;
        position                        : relative;
    }
    
        div.cart-icon span.cart-items-amount,
        div.secondary-cart-icon span.cart-items-amount
        {
            font-size                   : 11px;
            font-weight                 : normal;
            position                    : absolute;
            text-align                  : center;
        }

        div.cart-icon span.cart-items-amount
        {
            
            top                         : 15px;
            width                       : 100%;
            left                        : 0px;
        }
    
    div#responsiveTopPanelContainer div.clear-icon
    {
        margin-top                      : 10px;    
    }
        
    div#responsiveTopPanelContainer div.clear-first-icon
    {
        clear                           : left;
    }
    
    /*body.ltr div#responsiveTopPanelContainer div.clear-first-icon*/
    div#responsiveTopPanelContainer div.rightToLeftAlignment.clear-first-icon
    {
        clear                           : right;
    }

    div#responsiveTopPanelContainer .logo-secondary-menu
    {
        margin                          : 5px 0px;
        text-align                      : center;
    }

        div#responsiveTopPanelContainer .logo-secondary-menu img
        {
            max-height                  : 80px;
            max-width                   : 95%;
        }

    body:not(.ltr) div#responsiveTopPanelContainer div.menu-icon,
    body:not(.ltr) div#responsiveTopPanelContainer div.user-icon
    {
        direction                       : rtl;
    }

    div#responsiveTopPanelContainer div.user-icon > a
    {
        display                         : block;
        height                          : 100%;
    }

/*#region Two phones container - Start */

    div#responsiveTopPanelContainer div.twoPhonesContainer
    {
        clear                           : both;
        width                           : 100%;        
        float                           : none;
        -webkit-border-radius           : 0px;
        border-radius                   : 0px;
        padding                         : 6px;        
        margin-top                      : 10px;
    }
    
        div#responsiveTopPanelContainer div.twoPhonesContainer div.phone-icon
        {
            float                       : none;
            display                     : inline-block;
        }

/*#endregion Two phones container - End */

/*#region Languages container - Start */

    div#responsiveTopPanelContainer div.lang-outer-container
    {
        position                    : relative;
        margin                      : 0px;
    }

    div#responsiveTopPanelContainer div.secondary-lang-selector-wrapper
    {
        display                     : inline-block;
    }

        div#responsiveTopPanelContainer div.lang-outer-container.secondary-lang-wrapper
        {
            text-align              : left;
        }

    div#responsiveTopPanelContainer div.lang-container
    {
        z-index                     : 10000; 
        position                    : absolute; 
        top                         : 0px; 
        -webkit-border-radius       : 0px 0px 5px 5px;
        border-radius               : 0px 0px 5px 5px;
        width                       : 80px;
    }

    body.ltr div#responsiveTopPanelContainer div.lang-outer-container.secondary-lang-wrapper
    {
        direction                   : rtl;
    }

    div#responsiveTopPanelContainer div.lang-outer-container.secondary-lang-wrapper div.lang-container
    {
        right                       : 0px;
    }
    
        div#responsiveTopPanelContainer div.lang-container div.currentLang
        {
            line-height             : 22px;
        }
        
            div.lang-container div.currentLang span.glyphicon
            {
                margin-left         : 2px;
                top                 : 0px;
            }
            
            div.lang-container div.currentLang span.currentLang
            {
                font-size           : 14px; 
                padding             : 2px 0px 2px 2px;
                vertical-align      : top;
                line-height         : normal;
            }
    
        div#responsiveTopPanelContainer div.lang-container ul
        {
            list-style-type         : none; 
            margin                  : 0px; 
            padding                 : 0px; 
            display                 : none;
        } 
        
            div#responsiveTopPanelContainer div.lang-container ul li
            {
                padding             : 5px 0px; 
                text-align          : left; 
                line-height         : 20px;
            }
            
                div#responsiveTopPanelContainer div.lang-container ul li a
                {
                    font-size       : 14px; 
                    padding         : 5px 10px; 
                    line-height     : 14px;
                }
                
                    div#responsiveTopPanelContainer div.lang-container ul li a span
                    {
                        font-size   : 14px; 
                        line-height : 14px;
                    }

/*#endregion Languages container - End */

/*#region Secondary Menu - Start */

    div#responsiveTopPanelContainer div.secondary-menu
    {
        height              : 37px; 
        border-width        : 1px 0px;
        border-style        : solid;
        margin              : 0px;
        /*margin-top          : 4px;*/ 
        text-align          : right;
    }

        div.secondary-menu div.waze-icon,
        div.secondary-menu div.whatapp-icon,
        div.secondary-menu div.facebook-icon,
        div.secondary-menu div.instagram-icon,
        div.secondary-menu div.youtube-icon
        {
            display         : inline-block; 
            margin-left     : 8px;
            float           : left;
        }

        div.secondary-menu div.whatapp-icon.whatsapp-title
        {
            display         : inline-block; 
            margin-left     : 0px;
            /*margin-right  : 8px;*/
            float           : none !important;
            direction       : rtl;
        }

            div.secondary-menu div.whatapp-icon > .whatsapp-title
            {
                display         : inline-block;
                line-height     : 37px;
                vertical-align  : top;
            }

        div.secondary-menu div.secondary-menu-phone
        {
            display         : inline-block;
            margin-left     : 8px;
            float           : left;
            height          : 35px;
            line-height     : 35px;
            font-size       : 20px;
        }

        div.secondary-menu div.envelope-icon,
        div.secondary-menu div.secondary-search-icon,
        div.secondary-menu div.secondary-cart-icon,
        div.secondary-menu div.secondary-user-icon
        {
            display             : inline-block; 
            font-size           : 22px; 
            vertical-align      : top; 
            border-left-style   : solid;
            border-left-width   : 1px;
            padding-left        : 5px; 
            padding-right       : 4px; 
            line-height         : 35px; 
            height              : 35px;
        }

            div.secondary-menu div.envelope-icon a span,
            div.secondary-menu div.secondary-search-icon span,
            div.secondary-menu div.secondary-cart-icon a span,
            div.secondary-menu div.secondary-user-icon a span
            {
                line-height     : inherit;
            }

        div.secondary-menu div.secondary-cart-icon
        {
            position            : relative;
        }

            div.secondary-menu div.secondary-cart-icon span.cart-items-amount
            {                
                top             : 3px;
                left            : 3px;
                width           : 16px;
                height          : 16px;
                line-height     : 16px;
                border-radius   : 50%;
            }

            

/*#endregion Secondary Menu - End */
        
div.responsiveCatalogDLContainer ul > li.catalogDataListItemContainer:hover
{
    background                          : none !Important;        
}
    
div.responsive-content-item
{
    padding                             : 0px 10px;
}
    
div.responsive-content-item div.responsive-content-right,
div.responsive-content-item div.responsive-content-center,
div.responsive-content-item div.responsive-content-left
{
    vertical-align                      : top;
}

    div.responsive-content-item div.responsive-content-center img
    {
        object-fit                      : contain;
    }
    
table.responsiveCIPageContent
{
    padding                             : 0px 15px;
}

td.responsiveCIPageContent
{
    padding-right                       : 10px !Important;
    padding-left                        : 10px !Important;
}

@media screen and (max-width: 360px)
/*@media screen and (max-device-width: 360px)*/
{
    /*
    div#responsiveCatalogPicsContainer img#imgResponsiveCatalogItem
    {
        max-width                       : 170px !Important;
        max-height                      : 170px !Important;
    }
    */
    
    .ContentArea,
    .ContentArea table td,
    .ContentArea A, .ContentArea A:hover, .ContentArea A:visited, .ContentArea A:visited:hover, 
    div.responsive-content-item div.responsive-content-middle,
    td.responsiveCIPageContent,
    div.responsiveContentDLContainer div.ContentArea,
    div.catalogOrderForm tr.contactInformationTitle,
    div.catalogOrderForm table.contactInformation td.ContentArea .detailsPropertyLabel span
    {
        font-size                       : 14px !Important;
    }
}

@media screen and (min-width: 428px) and (max-width: 700px)
{
    div#responsiveTopPanelContainer div.menu-icon span.menu-label,
    div#responsiveTopPanelContainer div.user-icon span.user-label
    {
        display                         : inline-block;
    }
    
    /*div#responsiveTopPanelContainer div.phone-icon span.phone-number*/
    div#responsiveTopPanelContainer div.phone-icon1 span.phone-number,
    div#responsiveTopPanelContainer div.phone-icon2 span.phone-number
    {
        display                         : inline-block;
    }
}

@media screen and (min-width: 428px) and (max-width: 600px)
{
    div#responsiveTopPanelContainer div.searchContainer span.searchLabel
    {
        display                         : table-cell;
    }
}

@media screen and (max-width: 427px)
{
    div#responsiveTopPanelContainer div.searchContainer span.searchLabel
    {
        display                         : none;
    }
    
    div#responsiveTopPanelContainer div.menu-icon span.menu-label,
    div#responsiveTopPanelContainer div.user-icon span.user-label
    {
        display                         : none;
    }
    
    /*div#responsiveTopPanelContainer div.phone-icon span.phone-number*/
    div#responsiveTopPanelContainer div.phone-icon1 span.phone-number,
    div#responsiveTopPanelContainer div.phone-icon2 span.phone-number
    {
        display                         : none;
    }
    
    div#responsiveTopPanelContainer div.logoContainer img
    {   
        max-width                       : 155px;
        max-height                      : 60px;
    }

    /*
    td.catalogItemVerContainer div.catalogListVertLinks
    {
        position                        :static !Important;
    }
    */

    /*#region Catalog order form - Start */
    
    div.catalogOrderForm table.orderDetailsSummary div.shipmentPaymentCouponContainers div.divShipmentTypesContainer,
    div.catalogOrderForm table.orderDetailsSummary div.shipmentPaymentCouponContainers div.divSelfPickupBranchesContainer,
    div.catalogOrderForm table.orderDetailsSummary div.shipmentPaymentCouponContainers div.paymentTypesContainer
    {
        padding-left                    : 5px;
    }    
    
        div.catalogOrderForm table.orderDetailsSummary div.shipmentPaymentCouponContainers span.ui-selectmenu-button
        {                 
            max-width                   : 177px;
        }
    
    div.catalogOrderForm table.orderDetailsSummary div.shipmentPaymentCouponContainers div.deliveryExpansionsContainer
    {
        margin-right                    : 12px !Important;
    }
    
    div.catalogOrderForm table.orderDetailsSummary div.detailsSummary
    {
        width                           : 100%;
    }
    
        div.catalogOrderForm table.orderDetailsSummary div.detailsSummary div.generalSummary
        {
            width                       : 100%;
        }
    
    div.catalogOrderForm table.contactInformation table.purchaseOptions td a
    {
        display                         : table;
        margin                          : 3px auto;
        max-width                       : 60%;
        width                           : 100%;
        white-space                     : nowrap;
    }

    /*#endregion Catalog order form - End */
    
    div.responsive-content-item div.responsive-content-middle,
    td.responsiveCIPageContent,
    div.responsiveContentDLContainer div.ContentArea,
    tr.responsiveLeadContentRow td.ContentArea,
    div.responsiveCatalogDLContainer li.catalogDataListItemContainer td.catalogItemVerContainer,
    table.purchaseOptions a.orderSubmitBtn,
    .category-description .ContentArea,
    div.catalogOrderForm,
    div.catalogOrderForm td.orderDetails tr.itemDetails,
    div.catalogOrderForm td.orderDetails tr.itemDetails td.itemName td.itemNameLink a,
    div.catalogOrderForm td.orderDetails table.orderDetailsSummary,
    div.catalogOrderForm td.orderDetails table.orderDetailsSummary div.shipmentPaymentCouponContainers,
    div.catalogOrderForm td.orderDetails table.orderDetailsSummary div.detailsSummary,
    div.catalogOrderForm table.contactInformation tr.contactInformationTitle td.ContentSubTitle,
    div.catalogOrderForm table.contactInformation .userDetails div.detailsBlock .full-name-remark, 
    div.catalogOrderForm table.contactInformation .userDetails div.detailsBlock .full-address-remark,
    div.catalogOrderForm table.contactInformation .userDetails div.detailsBlock .detailsPropertyLabel/*,
    div.catalogOrderForm table.contactInformation .shipmentAddress*/
    {
        -webkit-text-size-adjust        : 100%;
    }
}

@media screen and (max-width: 460px)
{
    a.responsive-phone-number-logo 
    {
        /*position        : fixed; 
        bottom          : 0px; 
        width           : 100%;
        z-index         : 10000;*/
        display         : block !important;
    }

        a.responsive-phone-number-logo > img 
        {
            width       : 100%;
            border-width: 0px;
        }
}

/*@media screen and (min-width: 701px)*/
@media screen and (min-width: 601px)
{
    div#responsiveTopPanelContainer div.searchContainer
    {
        -webkit-border-radius           : 5px;
        border-radius                   : 5px;
        padding-right                   : 5px;        
        height                          : 44px;
        max-height                      : 44px;
        padding-bottom                  : 0px;
        padding-top                     : 0px;
        padding-left                    : 0px;
        display                         : table !Important;
    }
    
        div.searchContainer > a
        {                        
            padding-top                 : 10px;                                    
            width                       : 46px;            
        }  
        
        div.searchContainer > span.searchLabel
        {
            display                     : none;
        } 
        
        div.searchContainer > div
        {
            display                     : inline-block;            
            width                       : 270px;
        }   
        
        div.searchContainer input[type=text]
        {      
            height                      : 34px;
            margin-top                  : 5px;    
            -webkit-border-radius       : 5px;
            border-radius               : 5px;                       
        }        
}

@media screen and (max-width: 600px) and (orientation:portrait) 
{
    ul.ui-autocomplete:first-of-type
    {
        left                            : 0px;
        right                           : 0px;
        margin                          : 0px auto;
        max-width                       : calc(100% - 50px);
    }
}

/*@media screen and (max-width: 700px)*/
@media screen and (max-width: 600px) 
{
    div#responsiveTopPanelContainer div.mini-search-icon 
    {
        display                         : inline-block !Important;
    }
        
    div#responsiveTopPanelContainer div.searchContainer
    {
        clear                           : both;
        width                           : 100%;        
        float                           : none;        
        display                         : none;        
        -webkit-border-radius           : 0px;
        border-radius                   : 0px;
        padding                         : 10px;        
        margin-top                      : 10px;
    } 
        
        div.searchContainer > a        
        {        
            -webkit-border-radius       : 5px 0px 0px 5px;
            border-radius               : 5px 0px 0px 5px;
            padding-top                 : 8px;
            width                       : 50px;
        }
    
        div.searchContainer span.searchLabel
        {            
            line-height                 : 40px;            
            display                     : table-cell;
            vertical-align              : top;
            padding-right               : 15px;
            padding-left                : 20px;
        } 
            
        div.searchContainer > div
        {            
            float                       : none;        
            display                     : table-cell;
            vertical-align              : top;
            text-align                  : right;
            width                       : 100%;
        }
            
        div.searchContainer input[type=text]
        {
            height                      : 41px;
            margin-top                  : 0px;
            -webkit-border-radius       : 0px 5px 5px 0px;
            border-radius               : 0px 5px 5px 0px;
        }

    /*#region Catalog order form - Start */
    
    div.catalogOrderForm table.purchaseItemsHeaders td.itemNameHeading
    {            
        min-width                   : 166px !Important;
        width                       : auto;
    }
        
    div.catalogOrderForm table.purchaseItemsHeaders td.priceHeading
    {
        display                         : none;
    }
    
    div.catalogOrderForm table.rptItems tr.itemDetails td.itemName
    {
        min-width               : 167px !Important;
        width                   : auto;
    }
        
        table.rptItems tr.itemDetails td.itemName td.itemCatalogPic
        {
            padding-right       : 0px; 
        }
                
        table.rptItems tr.itemDetails td.itemName td.itemNameLink
        {
            font-size           : 12px;
        }
        
    div.catalogOrderForm table.rptItems tr.itemDetails td.itemPrice
    {
        display                         : none;
    }
        
    div.catalogOrderForm table.contactInformation table.purchaseOptions
    {
        /*margin                        : 0px auto;*/
        text-align                      : center;
    }
    
        div.catalogOrderForm table.contactInformation table.purchaseOptions td
        {
            padding-right               : 0px;
        }

    /*#endregion Catalog order form - End */
}

@media screen and (max-width: 768px), (max-width: 812px) and (orientation: landscape) 
{
    /*
    div.responsive-content-item
    {
        width       : 100% !important;
    }
    */
    
    div.responsive-content-item div.responsive-content-middle
    {
        display                 : block !Important;
    }
    
    div.responsive-content-item div.responsive-content-right,
    div.responsive-content-item div.responsive-content-center,
    div.responsive-content-item div.responsive-content-left
    {
        display                 : block !Important;
        
    }

    /*
    div.responsive-content-item div.responsive-content-center
    {
        width                   : 100% !important;
    }
    */
    
    div.responsive-content-item div.responsive-content-center
    {
        border                  : none !Important;
        /*width                 : 100% !Important;*/
        max-width               : inherit !Important;
    }
    
    div.responsive-content-item div.responsive-content-right,
    div.responsive-content-item div.responsive-content-left
    {
        padding                 : 0px !Important;
        
    }
    
    div.responsive-content-item div.responsive-dform,
    /*td.responsiveCIPageContent div.responsive-dform*/
    td.responsiveCIPageContent div.dform-container,
    td.albums-dform-container div.dform-container
    {
        width                   : 100% !important;
    }
    
        td.responsiveCIPageContent div.dform-container.vertical-responsive-dform,
        td.albums-dform-container div.dform-container.vertical-responsive-dform
        {
            display             : block !Important;
        }

        div.responsive-content-item div.dform-container.vertical-responsive-dform
        {
                display         : inline-table !important;
        }
    
        div.responsive-content-item div.responsive-dform > table,
        /*td.responsiveCIPageContent div.responsive-dform > table*/
        td.responsiveCIPageContent div.dform-container > table,
        td.albums-dform-container div.dform-container > table
        {
            width               : 100% !important;
        }
        
            div.responsive-dform table.dform-table-form,
            td.responsiveCIPageContent div.dform-container table.dform-table-form,
            td.albums-dform-container div.dform-container table.dform-table-form
            {
                width           : 100% !important;
            }
            
            div.responsive-dform table.hideQuestionCell td.tdTextCell,
            td.responsiveCIPageContent div.dform-container table.hideQuestionCell td.tdTextCell,
            td.albums-dform-container div.dform-container table.hideQuestionCell td.tdTextCell
            {
                width           : 0px;
                min-width       : inherit;
            }
            
                table.dform-table-form span.dformFieldSpan
                {
                    width       : auto !important;
                }
                
                    table.dform-table-form input.dform,
                    table.dform-table-form textarea.dform,
                    table.vertical-responsive-dform input[type=submit],
                    table.vertical-responsive-dform select
                    {
                        min-width   : 97% !important;
                    }
                    
                    table.dform-table-form span.dformFieldSpan input,
                    table.dform-table-form span.dformFieldSpan select
                    {
                        width   : 100% !important;
                    }
                    
                /*table.dform-table-form input.responsive-dform-submit*/
                table.dform-table-form input[type=submit].responsive-dform-submit,
                div.responsive-dform table.dform-table-form input[type=submit],
                div.responsive-dform table.dform-table-form select
                {
                    /*margin    : 0px auto;*/
                    display     : block;
                    /*width     : 98%;*/
                    min-width   : 97%;
                }

    div.responsive-footer-controls
    {
        position            : fixed; 
        bottom              : 0px; 
        width               : 100%;
        /*z-index           : 10000;*/
        z-index             : 1039;
    }

        div.responsive-footer-controls div.floating-purchase-button-wrapper
        {
            display         : block !important;
            padding         : 5px;
            text-align      : center;
            direction       : rtl;
        }

        body.ltr div.responsive-footer-controls div.floating-purchase-button-wrapper
        {
            direction       : ltr
        }

        div.responsive-footer-controls div.floating-purchase-button-wrapper a
        {
            direction       : rtl;
            padding         : 2px 20px;
        }

            div.responsive-footer-controls div.floating-purchase-button-wrapper a i.fa
            {
                margin      : 0px 3px;
            }

       div.responsive-footer-controls div.footer-item-quantity
       {
           display          : inline-block; 
           vertical-align   : middle; 
           margin-right     : 20px;
       }

       body.ltr div.responsive-footer-controls div.footer-item-quantity
       {
           margin-right     : 0px;
           margin-left      : 20px;
       }
            
            div.responsive-footer-controls div.footer-item-quantity div.update-item-quantity,
            div.responsive-footer-controls div.footer-item-quantity div.item-quantity  
            {
                display                     : table-cell;
                height                      : 22px;
                text-align                  : center;
                line-height                 : 22px;
                vertical-align              : middle;
                border-style                : solid;
                border-width                : 1px;
                font-weight                 : bold;
            }

            div.responsive-footer-controls div.footer-item-quantity div.update-item-quantity 
            {
                width                       : 22px;
                cursor                      : pointer;
                padding                     : 2px;
            }

                div.responsive-footer-controls div.footer-item-quantity div.update-item-quantity a
                {
                    font-weight             : inherit;
                    font-size               : inherit;
                    color                   : inherit;
                    font-family             : inherit;
                    background-color        : transparent;
                    padding                 : 0px;
                    border-style            : none;
                    width                   : 22px;
                    text-decoration         : none;
                }

           div.responsive-footer-controls div.footer-item-quantity div.item-quantity
           {
               border-style                 : none;
               width                        : 30px;
               font-size                    : 1.2em;
           }

    #tdCIPageContainer .sliderContainer, 
    #tdCIPageContainer .sliderContainer > div, 
    #tdCIPageContainer .slides > div, 
    #tdCIPageContainer .slides > div > img, 
    #tdCIPageContainer #imgResponsiveCatalogItem 
    {
        max-height                          : 300px !important;
    }

    #tdCIPageContainer #sliderContainer 
    {
        max-height                          : 314px;
    }

    .catalog-pics-wrapper li.lslide.active img
    {
        object-fit                          : scale-down;
    }

    table.tblDiscountContainer td.relativePosition a.item-image-link div.scaleItemImgContainer img,
	table.tblDiscountContainer td.relativePosition a.item-image-link img,
	div.item-image-link-wrapper a.item-image-link div.scaleItemImgContainer img,
	div.item-image-link-wrapper a.item-image-link img
	{
		max-width                           : 100% !important;
	}
}

@media screen and (min-width: 961px)
{
    /*
    .hideStaticElement
    {
        position                        : absolute;
        top                             : -10000px;
        left                            : -10000px;
        display                         : none;
    }
    */
    
    .responsive-hide-on-desktop
    {
        display     : none;
    }

    div#staticSubCategoriesContainer,
    div.staticHPSubCategoriesContainer
    {
        display     : inline-block;       
    }

    div.responsiveSubCategoriesContainer,
    /*div.responsiveHPCategoriesContainer,*/
    div.responsive-content-item,
    .mobileNewFlashRowContainer,
    .mobileDformRowContainer,
    .mobileSurveyRowContainer,
    tr.responsiveLeadContentRow,
    .responsiveLeadSubTitle
    {
        display     : none;
    }
    
    div.responsive-content-item-container > div.responsive-content-item
    {
        margin      : 0px auto;
        display     : inline-table;
        width       : 100%;
    }

        div.responsive-content-item-container > div.responsive-content-item div.responsive-content-middle > hr
        {
            border  : none; 
            height  : 1px;
            margin  : 20px 0px;
        }
    
        div.responsive-content-item-container > div.responsive-content-item div.responsive-content-right,
        div.responsive-content-item-container > div.responsive-content-item div.responsive-content-center,
        div.responsive-content-item-container > div.responsive-content-item div.responsive-content-left
        {
            display : table-cell;
        }
    
        div.responsive-content-item-container > div.responsive-content-item div.responsive-content-center
        {
            width   : 100% !important;
        }
    
    div.responsiveHPCategoriesContainer
    {
        position    : absolute !Important;
        top         : -10000px !Important;
        left        : -10000px !Important;
    }

    div.static-content-item
    {
        display             : block;
        /*display           : table-cell;*/
    }

    .staticLeadSubTitle
    {
        display             : block;
    }
    
    tr.staticLeadContentRow
    {
        display             : table-row;
    }

    body.responsiveBody .responsiveCatalogDLContainer li.catalogDataListItemContainer 
    {
        width       : 33.3% !important;
    }

        body.responsiveBody .responsiveCatalogDLContainer li.catalogDataListItemContainer > div 
        {
            width   : 100%
        }
}

@media screen and (max-width: 960px)
{
    /*
    body
    {
        height                          : 100%;
        margin-bottom                   : 0px !Important;
    }
    */
    
    .responsive-hide-on-mobile
    {
        display                         : none;
    }
    
    .hideResponsiveElement
    {
        position                        : absolute;
        top                             : -10000px;
        left                            : -10000px;
        display                         : none;
    }
        
    div.responsiveCatalogDLContainer ul > li.catalogDataListItemContainer > div,
    /*,div.responsiveSubCategoriesContainer > ul > li.liSubCategory > div*/
    div.responsiveContentDLContainer ul > li.contentDLItemContainer > div > div,
    div.responsivePicsDLContainer ul > li.liAlbumPicItem > div > div,
    div.responsiveHPPicsDLContainer ul > li.liHPAlbumPicItem > div > div
    {
        height                          : 100%;
        width                           : 100%;
    }

        div.responsiveCatalogDLContainer div.item-image-link-wrapper
        {
            display                     : inline-table;
            height                      : 100%;
        }

            div.responsiveCatalogDLContainer div.item-image-link-wrapper a.item-image-link
            {
                display                 : table-cell;
                vertical-align          : middle;
            }
    
    td.catalogItemVerContainer
    {
        /*
        position                        : relative;
        vertical-align                  : top;
        */
    }
    
        td.catalogItemVerContainer div.catalogListVertLinks
        {
            /*
            position                    : absolute;
            bottom                      : 12px;
            right                       : 0px;*/
            width                       : 100%;
        }        
        
            div.catalogListVertLinks a.purchaseItem 
            {
                font-size               : 18px;
                font-family             : Arial;
                margin                  : 1px 0px;
            }

    div#staticSubCategoriesContainer,
    div.staticHPSubCategoriesContainer
    {
        display                         : none;       
    }

    div.responsiveSubCategoriesContainer
    /*,div.responsiveHPCategoriesContainer*/
    {
        display                         : inline-block;
    }
    
    div.responsiveHPCategoriesContainer
    {
        position                        : inherit;
        top                             : inherit;
        left                            : inherit;
    }
    
    /*#region Catalog order form - Start */
    
    div.catalogOrderForm td.RightPadded
    {
        padding                         : 0px;
    }
    
    div.catalogOrderForm table.purchaseItemsHeaders
    {
        /*width                         : 320px;*/
    }        
    
    
        div.catalogOrderForm table.purchaseItemsHeaders td.itemNameHeading
        {            
            min-width                   : 248px;
            width                       : auto;
        }
                
        div.catalogOrderForm table.purchaseItemsHeaders td.priceHeading
        {
            /*display                   : none;*/
            /*
            width                       : auto;*/
            min-width                   : 95px;            
        }
        
        div.catalogOrderForm table.purchaseItemsHeaders td.deliveryCostHeading
        {
            display                     : none;
        }
        
        div.catalogOrderForm table.purchaseItemsHeaders td.quantityHeading
        {
            /*width                       : 56px;*/
            min-width                   : 56px;
            /*width                     : auto;*/
            font-size                   : 0px;
        }
        
        div.catalogOrderForm table.purchaseItemsHeaders td.totalPriceHeading
        {
            /*width                       : 69px;*/
            min-width                   : 69px;
            /*width                     : auto;*/
        }  
    
    div.catalogOrderForm td.orderDetails
    {
        /*padding                       : 0px 5px;*/
    }
    
        div.catalogOrderForm table.rptItems
        {
            /*width                     : 320px;*/        
        }
             
            table.rptItems tr.itemDetails td.itemName
            {
                min-width               : 258px;
                width                   : auto;
            } 
            
            /*  
            table.rptItems tr.itemDetails td.itemName
            {
                min-width               : 167px;
                width                   : auto;
            }
        
                table.rptItems tr.itemDetails td.itemName td.itemCatalogPic
                {
                    padding-right       : 0px; 
                }
                
                table.rptItems tr.itemDetails td.itemName td.itemNameLink
                {
                    font-size           : 12px;
                }
            */
        
            table.rptItems tr.itemDetails td.itemPrice
            {
                /*display               : none;*/
                /*
                min-width               : 85px;
                max-width               : 85px;
                width                   : auto;
                */
            }
        
            table.rptItems tr.itemDetails td.shipmentPrice
            {
                display                 : none;
            }
        
            table.rptItems tr.itemDetails td.itemQuantity
            {
                width                   : 52px;
                min-width               : 52px;
                /*width                   : auto;*/
            }
        
                table.rptItems tr.itemDetails td.itemQuantity select
                {
                    width               : 52px;
                }
        
            table.rptItems tr.itemDetails td.itemTotalPrice
            {
                /*width                   : 65px;*/
                min-width               : 65px;
                /*max-width               : 65px;*/
                /*width                 : auto;*/
                text-align              : left;
            }  
        
                table.rptItems tr.itemDetails td.itemTotalPrice span
                {
                    margin-right        : 0px;
                    font-size           : 12px;
                }    
    
    div.catalogOrderForm table.orderDetailsSummary
    {
        /*width                         : 320px;*/
    } 
                
        div.catalogOrderForm table.orderDetailsSummary div.shipmentPaymentCouponContainers
        {
            display                     : block;
            border-bottom               : solid 1px #c3c3c3;
            padding-bottom              : 20px;
            margin-bottom               : 10px;
        }
        
        div.catalogOrderForm table.orderDetailsSummary div.detailsSummary
        {
            margin-right                : 5px;
        }
        
        /*
        div.catalogOrderForm table.orderDetailsSummary div.detailsSummary div.summaryTitle
        {
            margin-right                : 5px;
        }
        */
    
    div.catalogOrderForm table.contactInformation div.detailsBlock
    {
        display                         : block;
    }

    table.contactInformation .userDetails div.detailsBlock .detailsPropertyValue input[type=text],
    table.contactInformation .userDetails div.detailsBlock .detailsPropertyValue textarea,
    table.contactInformation .userDetails div.detailsBlock .detailsPropertyValue select/*,
    table.contactInformation .shipmentAddress div.detailsBlock .detailsPropertyValue input[type=text],
    table.contactInformation .shipmentAddress div.detailsBlock .detailsPropertyValue textarea*/ {
        max-width: 203px;
        width: 203px;
        min-width: inherit;
    }

    table.contactInformation .userDetails div.detailsBlock .detailsPropertyValue select
    {
        width: 270px;
    }
                
    /*#endregion Catalog order form - End */    
    
    /*
    the footer is not sticky if the body height (100%) is less than the window height
    #siteFooter
    {
        position                        : relative !Important;
        padding-top                     : 20px;
    }
    */
    
    div.responsivePicsDLContainer table.responsiveMainAlbumPicTbl
    {
        background-color    : transparent !Important;
    }
    
    div.responsivePicsDLContainer tr.responsiveMainAlbumPicRow
    {
        height              : auto !Important;
    }

    div.responsive-content-item
    {
        margin              : 0px auto;
        /*display           : table-cell;*/
        display             : inline-table;
        width               : 100%;
    }
    
    div.responsive-content-item div.responsive-content-middle > hr
    {
        border              : none; 
        height              : 1px;
        margin              : 20px 0px;
    }
    
    div.responsive-content-item div.responsive-content-right,
    div.responsive-content-item div.responsive-content-center,
    div.responsive-content-item div.responsive-content-left
    {
        /*display       : table-cell !Important;*/
        display         : table-cell;
    }
    
    div.responsive-content-item div.responsive-content-center
    {
        width       : 100% !important;
    }

    .mobileNewFlashRowContainer,
    .mobileDformRowContainer,
    .mobileSurveyRowContainer,
    tr.responsiveLeadContentRow
    {
        display             : table-row;
    }
    
    div.static-content-item,
    tr.staticLeadContentRow,
    .staticLeadSubTitle
    {
        display             : none;
    }
    
    .responsiveLeadSubTitle
    {
        display             : block;
    }

    tr.responsiveLeadContentRow > td.ContentArea
    {
        padding-right       : 5px !Important;
        padding-left        : 5px !Important;
    }
    
    img.content-pic-full-size
    {
        max-width           : 100%;    
    }


    .TabsContentArea 
    {
        padding-right       : 0px;
    }

        .TabsContentArea div.tabDiv 
        {
            padding         : 10px 0px;
        }

    div.contentSummariesContainer:not(.min-summary-width) 
    {
        padding             : 0px 15px;
    }

    /*#region Catalog items Groups  - Start */

    div.groupItemsPanel div.groupItemsImgsContainer td:first-child
    {
        vertical-align      : top;
    }

    div.groupItemsPanel div.groupItemsImgsContainer td:not(:first-child)
    {
        display             : inline-block;
    }

        div.groupItemsPanel div.groupItemsImgsContainer td:not(:first-child) > div
        {
                white-space : nowrap;
        }

    /*#endregion Catalog items Groups  - Start */
}

div.responsive-navbar-container
{
    clear                               : both;
    margin-top                          : 10px;
    width                               : 100%;
    display                             : inline-block;
    min-width                           : 100%;
}                

    div.responsive-navbar-container > ul.responsive-navbar
    {
        list-style-type                 : none;
        margin                          : 0px;
        padding                         : 0px;
    }
    
        div.responsive-navbar-container > ul.responsive-navbar li.category,
        div.responsive-navbar-container > ul.responsive-navbar li.sub-category
        {
            font-size                   : 16px;                          
            font-weight                 : bold; 
            position                    : relative;             
        }
                
            ul.responsive-navbar li.category > a,
            ul.responsive-navbar li.category > div.category-link-icon-wrapper,
            ul.responsive-navbar li.sub-category > a
            {
                display                 : block; 
                padding                 : 10px; 
                text-decoration         : none;                 
                margin                  : 0px 15px;                
            }
            
            ul.responsive-navbar li.category > a,
            ul.responsive-navbar li.category > div.category-link-icon-wrapper
            {
                border-bottom-width     : 1px;
                border-bottom-style     : solid;                
            }

            ul.responsive-navbar li.category.user-login
            {
                border-bottom-width     : 1px;
                border-bottom-style     : solid;
                border-bottom-color     : #727172;
            }

                ul.responsive-navbar li.category.user-login .hello-anonymous
                {
                    margin-right        : 55px;
                }

                ul.responsive-navbar li.category.user-login > a
                {
                    border-bottom-style : none;
                    margin-right        : 55px;
                    display             : inline-block;
                }

                    ul.responsive-navbar li.category.user-login > a.user-login-icon
                    {
                        height          : unset;
                        line-height     : unset;
                        padding         : 0px !important;
                        margin          : 0px !important;
                    }

                    ul.responsive-navbar li.category.user-login > a.login-to-account,
                    ul.responsive-navbar li.category.user-login > a.logout-from-account
                    {
                        text-decoration : underline;
                        margin          : 0px !important;
                        padding-right   : 0px;
                        padding-left    : 0px;
                    }

                ul.responsive-navbar-ltr li.category.user-login .hello-anonymous,
                ul.responsive-navbar-ltr li.category.user-login > a
                {
                    margin-right        : 0px;
                    margin-left         : 55px;
                }

                    ul.responsive-navbar-ltr li.category.user-login > a.login-to-account,
                    ul.responsive-navbar-ltr li.category.user-login > a.logout-from-account
                    {
                        margin          : 0px !important;
                    }

            ul.responsive-navbar li.sub-category > a
            {
                border-bottom-width     : 1px;
                border-bottom-style     : solid;                
                font-weight             : normal;                
            }
                            
                ul.responsive-navbar li.sub-category > a > span,
                ul.responsive-navbar li.sub-category > a:hover
                {
                    /*color             : #29abe4;*/
                }

            ul.responsive-navbar li.category > div.category-link-icon-wrapper > div
            {
                display                 : table-cell;
                vertical-align          : middle;
            }

            ul.responsive-navbar li.category > div.category-link-icon-wrapper .category-link-wrapper
            {
                width                   : 100%;
            }

                ul.responsive-navbar li.category > div.category-link-icon-wrapper .category-link-wrapper a
                {
                    display             : block;
                }
            
            ul.responsive-navbar li.category span.glyphicon,
            ul.responsive-navbar li.sub-category span.glyphicon
            {
                display                 : block; 
                position                : absolute; 
                left                    : 0px; 
                margin                  : 10px;
                margin-left             : 20px;
            }

            ul.responsive-navbar li.category.user-login span.glyphicon.glyphicon-user
            {
                left                    : unset;
                right                   : 24px;
                margin                  : unset;
                line-height             : unset;
                font-size               : 23px;
                top                     : 7px;
            }

                ul.responsive-navbar li.category.user-login span.glyphicon.glyphicon-user:before
                {
                    color               : #727172;
                }
            
            ul.responsive-navbar-ltr li.category span.glyphicon,
            ul.responsive-navbar-ltr li.sub-category span.glyphicon
            {
                right                   : 0px;                
                left                    : inherit;
                margin-left             : 10px;                
                margin-right            : 20px;
            }

            ul.responsive-navbar-ltr li.category.user-login span.glyphicon.glyphicon-user
            {
                left                    : 24px;
                right                   : unset;
            }
                            
            ul.responsive-navbar div.navbar-nav
            {
                display                 : none;
                width                   : 100%;
                min-width               : 100%;                
            }
            
                ul.responsive-navbar div.navbar-nav ul
                {                    
                    list-style-type     : none; 
                    padding             : 0px;                     
                }
                

body.responsiveBody table.catalogTopContentContainer,
body.responsiveBody table.contentTopContentContainer
{
    padding                             : 0px 15px;
}

body.responsiveBody .hide-category-desc
{
    display                             : none;
}

body.responsiveBody div#siteFooter
{
    position                            : absolute;
    left                                : 0px;
    bottom                              : 0px;
    width                               : 100%;    
}

    body.responsiveBody div#siteFooter > table
    {
        position                        : absolute;
        bottom                          : 0px;
    }

body.responsiveBody .responsiveCatalogPicsContainer .relativePosition
{
    display                     : inline-table; 
    margin                      : 0px auto;
}

/*#region Loader - Start */

.ui-loader-container
{
    z-index                     : 10000;
    position                    : absolute;
    top                         : 0px;
    left                        : 0px;
    background-color            : white;
    width                       : 100%;
    height                      : 100%;
}

    .ui-loader-container .ui-loader-default 
    {
        background              : 0;
        filter                  : Alpha(Opacity=18);
        opacity                 : .18;
        width                   : 2.875em;
        height                  : 2.875em;
        margin-left             : -1.4375em;
        margin-top              : -1.4375em;
    }

    .ui-loader-container .ui-loader 
    {
        z-index                 : 9999999;
        position                : fixed;
        top                     : 50%;
        left                    : 50%;
        border                  : 0;	
    }

    .ui-loader-container .ui-body-b	
    {
        color                   : #fff;
        text-shadow             : 0 1px 0 #111;	
    }

    .ui-loader-container .ui-loader .ui-icon-loading 
    {
        background-color        : #000;
        display                 : block;
        margin                  : 0;
        width                   : 2.75em;
        height                  : 2.75em;
        padding                 : .0625em;
        -webkit-border-radius   : 2.25em;
        border-radius           : 2.25em;	
    }

    .ui-loader-container .ui-icon-loading 
    {
        background              : url(https://code.jquery.com/mobile/1.4.5/images/ajax-loader.gif);
        background-size         : 2.875em 2.875em;
    }
    
    .ui-loader-container .ui-loader-default h1 
    {
        font-size               : 0;
        width                   : 0;
        height                  : 0;
        overflow                : hidden;
    }

/*#endregion Loader - End */

/*#region dform - Start */

.responsiveBody .dform-table-form input[type=text], 
.responsiveBody .dform-table-form input[type=submit],
.responsiveBody .dform-table-form textarea,
.responsiveBody .dform-table-form select
{
    max-width   : max-content !important;
    box-sizing  : border-box;
}

.responsiveBody .mobileDformRowContainer .responsive-dform-fields-container
{
    padding-right   : 0px !important;
    padding-left    : 0px !important;
}

/*#endregion dform - End */

/*#region Catalog items filter - Start */

.responsiveBody .glyphicon.show-filter-box
{
    display : inline-block;
}

.responsiveBody div.filterConainerBox div.filter-box-table {
    position: fixed;
    /*display: block;*/
    width: 90%;
    height: auto;
    max-height: 95%;
    top: 20px;
    left: 0px;
    right: 0px;
    margin: auto;
    overflow-y: scroll;
}
    /*
    .responsiveBody div.filterConainerBox div.filter-box-table:not(.active) {
        display: none;
        animation: fadeOut 0.4s;
        /* Firefox ****
        -moz-animation: fadeOut 0.4s;
        /* Safari and Chrome ****
        -webkit-animation: fadeOut 0.4s;
        /* Opera ****
        -o-animation: fadeOut 0.4s;
    }
    */
    .responsiveBody div.filterConainerBox div.filter-box-table
    {
        display: block;
    }

    .responsiveBody div.filterConainerBox div.filter-box-table:not(.active):not(.not-active)
    {
        opacity: 0;
        visibility: hidden;
    }

    .responsiveBody div.filterConainerBox div.filter-box-table:not(.active), 
    .responsiveBody div.filterConainerBox div.filter-box-table:not(.not-active)
    {
        /*display: none;*/
        /*opacity: 0;*/

        /*transition: .4s opacity;*/
    }

    /*
    .responsiveBody div.filterConainerBox div.filter-box-table.active {
        /*display: block;****
        animation: fadeIn 0.4s;
        -moz-animation: fadeIn 0.4s; /* Firefox ****
        -webkit-animation: fadeIn 0.4s; /* Safari and Chrome ***
        -o-animation: fadeIn 0.4s; /* Opera ****
    }
    */

    .responsiveBody div.filterConainerBox div.filter-box-table.active {
        /*transition:.4s opacity;*/
        /*display: block;*/
        visibility: visible;
        opacity: 1;
        /*transition: .4s opacity;*/
        /*transition-delay: 0s;*/
        /*transition: visibility 0.4s linear 0.4s,opacity 0.4s linear;*/
        transition: opacity 0.4s linear 0s, visibility 0.4s linear;
    }

    /*
    .responsiveBody div.filterConainerBox div.filter-box-table {
        display: none
    }

    .responsiveBody div.filterConainerBox div.filter-box-table.active {
        display: block
    }
    */

    /*
    .responsiveBody div.filterConainerBox div.filter-box-table.not-active {
        animation: fadeOut 0.4s;
        /* Firefox ****
        -moz-animation: fadeOut 0.4s;
        /* Safari and Chrome ****
        -webkit-animation: fadeOut 0.4s;
        /* Opera ****
        -o-animation: fadeOut 0.4s;
    }
    */

    .responsiveBody div.filterConainerBox div.filter-box-table.not-active {
        /*display: none;*/
        visibility: hidden;
        opacity: 0;
        /*transition: .4s all;*/
        transition: visibility 0s linear 0.4s,opacity 0.4s linear;
    }

    .responsiveBody .filter-box-table.single-field-modal-wrapper > .filter-box-row:first-child,
    .responsiveBody .filter-box-table.single-field-modal-wrapper > .filter-box-row:last-child,
    .responsiveBody .filter-box-table.single-field-modal-wrapper > .filter-box-row span.close-filter-box,
    .responsiveBody .filter-box-table.single-field-modal-wrapper > .filter-box-row div.filterBoxMiddleRightLeft,
    .responsiveBody .filter-box-table.single-field-modal-wrapper > .filter-box-row div.filterBoxMiddleRightLeft,
    .responsiveBody .filter-box-table.single-field-modal-wrapper span.ft-filter-fields-table .filterTdContainer .filterFieldContainer .fieldValuesContainer div.fieldLabel,
    .responsiveBody .filter-box-table.single-field-modal-wrapper span.ft-filter-fields-table .filterTdContainer .filterFieldContainer .fieldValuesContainer ul.single-field-warpper,
    .responsiveBody .filter-box-table.single-field-modal-wrapper div.fieldAdditionalValues input.showAdditionalValues
    {
        display: none;
    }

    .responsiveBody .filter-box-table.single-field-modal-wrapper > .filter-box-row
    {
        background: none;
    }
    /*
.responsiveBody .filter-box-row filter-top-bottom-deco-row
{
    display: block;
    margin-top: -1px;
}
*/

.responsiveBody div.filter-box-table div.filter-box-row,
.responsiveBody div.filter-box-table div.filter-box-row > div,
.responsiveBody div.featureFilterFieldsContainer .ft-filter-fields-table {
    /*display: block;*/
}

.responsiveBody div.additionalFieldsContainer div.filterBoxMiddle div.featureFilterFieldsContainer
{
    height: auto;
    max-height: 250px;
    /*display: block;*/
    overflow-y: scroll;
}

    .responsiveBody div.featureFilterFieldsContainer .ft-filter-fields-table span.filterTdContainer 
    {
        display: block !important;
        width: 100% !important;
    }

    .responsiveBody div.featureFilterFieldsContainer .ft-filter-fields-table span.filterTdContainer:not(:first-child)
    {
        margin-top: 20px;
    }

    .responsiveBody div.filter-box-table div.filter-box-row .close-filter-box
    {
        display     : block;
    }

    .responsiveBody div.filter-box-row .close-filter-box
    {
        position: fixed;
        top: 28px;
        left: 28px;
        right: auto;
        font-size: 31px;
        width: 27px;
        height: 27px;
        line-height: 38px;
        bottom:10px;
    }

        .responsiveBody div.filter-box-row .close-filter-box .fa-times-circle
        {
            border-radius: 50%;
            width: 25px;
            height: 24px;
            line-height: 25px;
            background-color: #cdcecf;
        }

            .responsiveBody div.filter-box-row .close-filter-box .fa-times-circle:before
            {
                color: #eaeff4;
            }

.responsiveBody div.fieldAdditionalValues div.additionalFieldsContainer 
{
    position: relative;
}

.responsiveBody div.additionalFieldsContainer div.additional-fields-table
{
    /*height: auto;
    max-height: 250px;
    overflow-y: scroll;*/
    display: block;
}

@media screen and (min-width: 414px)
{
    .responsiveBody div.filter-box-row .close-filter-box 
    {
        left: 32px;
    }
}
 
@media screen and (min-width: 667px)
{
    .responsiveBody div.filter-box-row .close-filter-box 
    {
        left: 48px;
    }
}

@media screen and (min-width: 1024px)
{
    .responsiveBody div.filter-box-row .close-filter-box 
    {
        left: 68px;
    }
}

/*#endregion Catalog items filter - End */

/*#region personal area - Start */

.personal-area-wrapper 
{
    direction       : rtl;
    display         : flex;
    flex-direction  : row;
    margin-top      : 10px;
    margin-bottom   : 10px;
}

body.ltr .personal-area-wrapper 
{
    direction       : ltr;
}

    .personal-area-wrapper > div:last-child 
    {
        display     : inline-block;
    }

    .personal-area-wrapper .personal-area-buttons-wrapper 
    {
        display     : inline-block; 
        width       : 253px;
        min-width   : 253px;
    }

        .personal-area-wrapper .personal-area-buttons-wrapper ul 
        {
            list-style-type : none; 
            margin          : 0px; 
            padding         : 0px;
        }

            .personal-area-wrapper .personal-area-buttons-wrapper ul li 
            {
                height          : 50px; 
                text-align      : center; 
                line-height     : 50px; 
                background-color: #eeeeee; 
                margin-bottom   : 3px;
            }

            .personal-area-wrapper .personal-area-buttons-wrapper ul li.active-button-li
            {
                border          : solid 1px gray;
            }

                .personal-area-wrapper .personal-area-buttons-wrapper ul li a 
                {
                    display         : block;
                    text-decoration : none;
                    color           : #616064;
                    font-size       : 16px;
                    font-weight     : bold;
                }

@media screen and (max-width: 768px)
{
    .personal-area-wrapper 
    { 
        flex-direction  : column; 
    }

    .personal-area-wrapper .personal-area-buttons-wrapper,
    .personal-area-wrapper .input-and-special-prices-wrapper
    { 
        margin          : 0px 15px;
        width           : calc(100% - 30px);
    }
}

/*#endregion personal area - End */

/*
#test p {
    margin-top: 25px;
    font-size: 21px;
    text-align: center;
    animation: fadeIn 2s;
    -moz-animation: fadeIn 2s; /* Firefox ****
    -webkit-animation: fadeIn 2s; /* Safari and Chrome ****
    -o-animation: fadeIn 2s; /* Opera ****
}
*/

/*
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox ***
@-moz-keyframes fadeIn { 
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari and Chrome ***
@-webkit-keyframes fadeIn { 
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera ***
@-o-keyframes fadeIn { 
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Firefox ***
@-moz-keyframes fadeOut { 
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Safari and Chrome ***
@-webkit-keyframes fadeOut { 
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Opera ***
@-o-keyframes fadeOut { 
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
*/