/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2023-12-05 04:30:07 */
/* w:1200, b:1200*/









                .container { width: 96%; }
    
                .lte-ie8 .container { max-width:1170px; }
    




    
        




        




        




        




        
    @media only screen and (min-width: 1200px)     {
        
                            .container { max-width: 1170px; }
            
        
        /* Item grid
        -------------------------------------------------------------- */
        
.itemgrid .item { width:23%; clear:none !important; }
.itemgrid > li:nth-of-type(4n+1) { clear:left !important; }

        /* Item grid - adaptive
        -------------------------------------------------------------- */
        /* Item grid: 2 columns */
        .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) { clear:left !important; }
        
        /* Item grid: 3 columns */
        .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) { clear:left !important; }
        
        /* Item grid: 4 columns */
        .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) { clear:left !important; }
        
        /* Item grid: 5 columns */
        .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) { clear:left !important; }
        
        /* Item grid: 6 columns */
        .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) { clear:left !important; }
        
        /* Item grid: 7 columns */
        .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; }

                /* Special grid units */
        .grid-col2-sidebar  { width: 20.41%; }
        .grid-col2-main     { width: 75.58%; }

        .no-gutter.grid-col2-sidebar    { width: 22.41%; }
        .no-gutter.grid-col2-main       { width: 77.58%; }

        .grid-col3-sidebar      { width:27.01%; }
        .grid-col3-main         { width:70.34%; }

        .no-gutter.grid-col3-sidebar        { width:27.01%; }
        .no-gutter.grid-col3-main           { width:70.34%; }
        
        /* Hide */
        .hide-below-1280 { display:inherit !important; }

    }

    




    
    @media only screen and (max-width: 1199px) {
    }





        
    @media only screen and (min-width: 992px) and (max-width: 1199px)     {
        
            
        
        /* Item grid
        -------------------------------------------------------------- */
        
.itemgrid .item { width:31.3333%; clear:none !important; }
.itemgrid > li:nth-of-type(3n+1) { clear:left !important; }

        /* Item grid - adaptive
        -------------------------------------------------------------- */
        /* Item grid: 2 columns */
        .itemgrid-adaptive.itemgrid-2col .item { width:48%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(2n+1) { clear:left !important; }
        
        /* Item grid: 3 columns */
        .itemgrid-adaptive.itemgrid-3col .item { width:31.3333%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(3n+1) { clear:left !important; }
        
        /* Item grid: 4 columns */
        .itemgrid-adaptive.itemgrid-4col .item { width:23%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(4n+1) { clear:left !important; }
        
        /* Item grid: 5 columns */
        .itemgrid-adaptive.itemgrid-5col .item { width:18%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(5n+1) { clear:left !important; }
        
        /* Item grid: 6 columns */
        .itemgrid-adaptive.itemgrid-6col .item { width:14.6666%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(6n+1) { clear:left !important; }
        
        /* Item grid: 7 columns */
        .itemgrid-adaptive.itemgrid-7col .item { width:12.2857%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(7n+1) { clear:left !important; }

    }

    




    
    @media only screen and (max-width: 991px) {
    }





        
    @media only screen and (min-width: 768px) and (max-width: 991px)     {
        
            
        
        /* 2 columns - left
        -------------------------------------------------------------- */
        .page-layout-2columns-left .column-main {
            width: 75%;
        }
        .page-layout-2columns-left .sidebar-main {
            width: 25%;
        }
        .page-layout-2columns-left .sidebar-additional {
            width: 25%;
        }

        /* 2 columns - right
        -------------------------------------------------------------- */
        .page-layout-2columns-right .column-main {
            width: 75%;
        }
        .page-layout-2columns-right .sidebar-main {
            width: 25%;
        }
        .page-layout-2columns-right .sidebar-additional {
            width: 25%;
        }

        /* 3 columns
        -------------------------------------------------------------- */
        .page-layout-3columns .column-main {
            width: 75%;
            float: right;
        }
        .page-layout-3columns .sidebar-main {
            width: 25%;
            float: left;
        }
        .page-layout-3columns .sidebar-additional {
            width: 25%;
            padding-right: 2%;
            padding-left: 0;
            clear: left;
            float: left;
        }

        /* Item grid
        -------------------------------------------------------------- */
        
.itemgrid .item { width:31.3333%; clear:none !important; }
.itemgrid > li:nth-of-type(3n+1) { clear:left !important; }

        /* Item grid - adaptive
           Between breakpoints S and M decrease number of columns
           if default number of columns is 4 or higher.
        -------------------------------------------------------------- */
        /* Item grid: 4 columns */
        .itemgrid-adaptive.itemgrid-4col .item { width:31.3333%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(3n+1) { clear:left !important; }

        /* Item grid: 5 columns */
        .itemgrid-adaptive.itemgrid-5col .item { width:23%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(4n+1) { clear:left !important; }

        /* Item grid: 6 columns */
        .itemgrid-adaptive.itemgrid-6col .item { width:18%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(5n+1) { clear:left !important; }

        /* Item grid: 7 columns */
        .itemgrid-adaptive.itemgrid-7col .item { width:14.6666%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(6n+1) { clear:left !important; }

        /* Item grid: 8 columns */
        .itemgrid-adaptive.itemgrid-8col .item { width:12.2857%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-8col > li:nth-of-type(7n+1) { clear:left !important; }

    }

    




        @media only screen and (max-width: 769px) {

        .hide-when-mobile-header { display:none !important; }

    }





    
    @media only screen and (max-width: 767px)
    {
                .container {
            max-width: none !important;
            width: 100%;
        }
        
                .grid12-1,
        .grid12-2,
        .grid12-3,
        .grid12-4,
        .grid12-5,
        .grid12-6,
        .grid12-7,
        .grid12-8,
        .grid12-9,
        .grid12-10,
        .grid12-11,
        .grid12-12,
        .grid-full,
        
                        .grid-col2-sidebar,
        .grid-col2-main,
        .grid-col3-sidebar,
        .grid-col3-main
        {
            width:100% !important;             margin-left:0;
            margin-right:0;
        }

                .columns .column-main,
        .columns .sidebar-main,
        .columns .sidebar-additional
        {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
            padding-right: 0;
            padding-left: 0;
        }

                .v-grid-container { display:block; }
        .v-grid { float:inherit; display:block; width:100%; }

    }





    @media only screen and (min-width: 480px) and (max-width: 767px) {

                /* Mobile grid (for browser viewport between 480px and 768px):
           Below 768px all grid units are stretched (full width) and stack vertically.
           The "mobile-grid" class forces narrow grid units to stay narrow,
           but the width is increased to avoid too small columns.
        -------------------------------------------------------------- */
        .mobile-grid.grid12-1 { width:14.66% !important;    margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */
        .mobile-grid.grid12-2 { width:31.33% !important;    margin-left:1%; margin-right:1%; } /* 1/6  turns into 1/3 */
        .mobile-grid.grid12-3 { width:48% !important;       margin-left:1%; margin-right:1%; } /* 1/4  turns into 1/2 */
        
        /* Force other grid units to take half of the available width */
        .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; }

    }





    
    @media only screen and (min-width: 640px) and (max-width: 767px) {

        /* Item grid
        -------------------------------------------------------------- */
        
.itemgrid .item { width:31.3333%; clear:none !important; }
.itemgrid > li:nth-of-type(3n+1) { clear:left !important; }

    }





    
    @media only screen and (max-width: 639px) {

        
        
    }





    
    @media only screen and (min-width: 480px) and (max-width: 639px) {

        /* Item grid
        -------------------------------------------------------------- */
        
.itemgrid .item { width:48%; clear:none !important; }
.itemgrid > li:nth-of-type(2n+1) { clear:left !important; }

    }





    
    @media only screen and (max-width: 479px) {

        
                    
	/* Products grid
	-------------------------------------------------------------- */
		.products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */
		.products-grid .item .add-to-links { display: none !important; }
		        
    }





    
    @media only screen and (min-width: 320px) and (max-width: 479px) {

        /* Item grid
        -------------------------------------------------------------- */
        
.itemgrid .item { width:48%; clear:none !important; }
.itemgrid > li:nth-of-type(2n+1) { clear:left !important; }

    }





    
    @media only screen and (max-width: 319px) {

                    
	/* Disable hover effect
	-------------------------------------------------------------- */
		/* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
		.category-products-grid.hover-effect .item { border-top: none; }
		.category-products-grid.hover-effect .item:hover {
			margin-left:0;
			margin-right:0;
			padding-left:1%;
			padding-right:1%;
			box-shadow: none !important;
		}

		/* Show elements normally displayed only on hover */
		.category-products-grid.hover-effect .item .display-onhover { display:block !important; }
		
		/* Show full name even if enabled: display name in single line */
		.products-grid.single-line-name .item .product-name { overflow: visible; white-space: normal; }

		/* Spaces between items */
		.category-products-grid.hover-effect .item { margin-bottom: 20px; }
		        
        



        /* Item grid
        -------------------------------------------------------------- */
        /* Always show 1 column */
        /* Important: added ".itemgrid" class to override other styles */
        .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; }

    }





    
    @media only screen and (max-width: 1023px) {

        .hide-below-1024 { display:none !important; }

    }

    @media only screen and (max-width: 959px) {

        .hide-below-960 { display:none !important; }

    }

    @media only screen and (max-width: 767px) {

        .hide-below-768 { display:none !important; }

    }

    @media only screen and (max-width: 479px) {

        .hide-below-480 { display:none !important; }

    }


    @media only screen and (max-width: 319px) {

        .hide-below-320 { display:none !important; }

    }