:root {
	--contentwidthdesktop: 1140px;
	--desktopmenuposition: right;

	--headertopsticky: inherit;
	--headermiddlesticky: inherit;
	--headermenusticky: sticky;
	
	--bodycolor: #000000;
	--bodybackground: #ffffff;
	--anchorcolor: #0a7100;
	--headermiddlebg: #ffffff;
	--color1st: #0099ff;
	--color2nd: #0066ff;
	--color3rd: #ffffff;
	--color4th: #f5ff90;
	--colordanger: #ff0000;
	--breadcrumb_text_color: #ffffff;
	--breadcrumb_bg_color: #232E80;
    --preloaderwrapperbg: #ffffff;
    --preloadercolor1: #0099ff;
    --preloadercolor2: #0066ff;
    --preloadercolor3: #0a7100;
    --preloadercolor4: #ff0000;

    --woobasiccolor: #0099ff;
    --wooanchorcolor: #0099ff;
    --wootitlecolor: #0099ff;
    --woopricecolor: #0099ff;
    --woobuttonbgcolornormal: #0099ff;
    --woobuttontextcolornormal: #ffffff;
    --woobuttonbgcolorhover: #0066ff;
    --woobuttontextcolorhover: #ffffff;

	--header_top_bg_color: #e8e8e8;
	--header_top_fg_color: #000000;
	
	--pagination_color: #fff;
	--pagination_bg_color: #0099ff;
	--pagination_color_hover: #fff;
	--pagination_bg_color_hover: #0066ff;
	
	--headerpadding: 24px;
	--logomaxheight: 80px;
	
	--menufont: Oswald, sans-serif;
	--menutransform: capitalize;
	--menucontbackground: #0b2a41;
	--menupadding: 20px;
	--menubg: rgba(0,0,0,0);
	--menutextcolor: #32b67a;
	--menutextcolorhover: #FFFFFF;
	--menuhoverbg: #29377E;
	
	--submenubg: #9f241c;
	--submenutext: #ffffff;
	--submenubghover: #9f241c;
	--submenutexthover: #ffffff;
	--menuhoverstroke: #0099ff;
	--menucolor1: #17479d;
	--menucolor2: #FF6600;
	--menucolor3: #C40A2A;
	--menucolor4: #84154D;
	--menucolor5: #098346;
	--menucolor6: #1399BE;
	--menucolor7: #8768DE;
	--menucolor8: #FF6600;
	--menuiconcolor: #FFFFFF;
	--menuiconcolorhover: #187404;
	
	--hamburgercolor: #000000;
	--mobilemenubgcolor: #ffffff;
	--mobilemenubgcolorhover: #ebebeb;
	--mobilemenutextcolor: #29377E;
	--mobilemenutextcolorhover: #F78121;
	--mobilemenuclosecolor: #000000;
	--mobilemenuheadercolor: #ffffff;
	
	--footerbgcolor: #f6f6f6;
	--footertextcolor: #000000;
	--copyrightbgcolor: #000000;
	--copyrighttextcolor: #ffffff;
	--royalscrolltop_right: 30px;
	--royalscrolltop_bottom: 30px;
	--royalscrolltop_bg: #5636d1;
	--royalscrolltop_color: #ffffff;

	--archivecolumns: 250px;
	--archivecolumngap: 20px;
}

.royalsaletag{
	background-image: url("https://demo.royaltechbd.com/wp-content/themes/royal-elementor/images/discounttag.png");
	color: #fff;    
}

.header {
	background-color: #ffffff;
}

.royalfixed.royalfixedscrollingdown .header{
	background-color: #ffffff;
}

#royalpreloaderwrapper .loadersection{
	background: var(--preloaderwrapperbg);
}
.preloadercolor1{
	fill:var(--preloadercolor1);
	stroke:var(--preloadercolor1);
}

.preloadercolor2{
	fill:var(--preloadercolor2);
	stroke:var(--preloadercolor2);
}

.preloadercolor3{
	fill:var(--preloadercolor3);
	stroke:var(--preloadercolor3);
}

.preloadercolor4{
	fill:var(--preloadercolor4);
	stroke:var(--preloadercolor4);
} 

.preloadercolor5{
	fill:var(--preloadercolor5);
	stroke:var(--preloadercolor5);
}




@media only screen and (min-width: 768px) and (max-width:992px) {
	:root {
		--headermiddlesticky: sticky;
	}



}


@media only screen and (max-width:767px) {
#header .top .container {
    flex-direction: column;
}
	
}