@charset "utf-8";
/* CSS Document */

::selection { 
	background: #000; /* Safari */ 
	color:#fff;
}
body {font-family: "Roboto", sans-serif; margin:0; padding:0;} 
* { margin:0px; padding:0px; outline:none;}
ul, li { margin:0px; padding:0px ;}
h1, h2, h3, h4, h5, h6{ font-family: "Roboto", sans-serif; font-weight:700;}   
 
@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.ttf") format("truetype");
  }
  
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.ttf") format("truetype"); }
  
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.ttf") format("truetype"); }
@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("fonts/fa-v4compatibility.woff2") format("woff2"), url("fonts/fa-v4compatibility.ttf") format("truetype");
  unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; } 
 
.fa {
	font-family: var(--fa-style-family, "Font Awesome 6 Free");
	font-weight: var(--fa-style, 900)
}

.width_100 { float:left; width:100%;}
header { float:left; width:100%; padding:0;}

.modal-lg button.close  { z-index:99;}
.logo { float:left; width:20%; }
.logo img { float:left; width:100%;}
.header_advertising_right { float:right; padding:30px 0 0 0;}
.header_advertising_right a { font-size:18px; line-height:22px;  font-family: "Roboto", sans-serif; font-weight:700; color:#052430; margin-left:25px; position:relative;}
.header_advertising_right a span { background:#FF0000; font-size:14px; color:#fff; position:absolute; top:-10px; right:-10px; border-radius:50%; padding:1px 5px; line-height:normal !important;}
.header_advertising_right .dropdown { float:left;}
.header_advertising_right .dropdown .dropdown-menu { margin:0;}
.header_advertising_right .dropdown li a { padding:6px 12px; font-size:16px; font-family: "Roboto", sans-serif; margin:0;}
.nav_right_side a span { right:-9px;}
.desktop_register_bg  {  background:url(../images/register-background.png) right top no-repeat;  background-size:47%;}
.home_estores_bg { margin-bottom:0px;}

.home_category_bg p { font-size:18px; color:#000; text-align:center; max-width:1100px; margin:0 auto; padding-bottom:30px; }
 
  
.inner_search_bar_bg { background:none; padding:0;}
 
.search_category_right .search_categories_input { width:100%;}

.ecard_box_border .ecard_save_box .viewmore_button a {background: var(--secondarycolor); padding:7px 12px; border-radius:5px; color: var(--primarycolor); font-size:13px; font-weight:500;}
.ecard_box_border .ecard_save_box .viewmore_button a:hover {background: var(--primarycolor); color:#fff;} 
header .navbar.bg1 .navbar-toggler {background: var(--primarycolor);}

@media only screen and (min-width:220px) and (max-width:768px) {

/*======NEW DESign 2023========*/
.top_search_category_box .members_text_box { width:100%; font-size:16px; padding:10px 0;}
.home_category_bg h2 { font-size:16px;}

}

@media only screen and (min-width:220px) and (max-width:640px) { 
.header_sponser_main { float:left; width:100%; display: flex; justify-content: center; align-items: center; margin-bottom:10px;}
.logo { text-align:center;}
/*.logo img {  width:18% !important; float:none !important; margin:0 auto;}*/
}

@media only screen and (min-width:220px) and (max-width:480px) { 
/*.logo img {  width:22% !important; float:none !important; margin:0 auto;}*/
}