/************************************************* Header ********************************************************************/
#Header .TopLink {font-size:17px;} .TopLink a{color:#000;} .TopLink a:hover{color:#ccc;} 
#Header hr{border-color:#B5B5B5; margin:0px; opacity:1;}
#search {z-index:99; right:15px; width:330px; top:50px;}
#search .form-control{height:46px; border-radius:0px; border-color:#B5B5B5; font-size:14px; color:#000;} 
#search .btn{height:46px;border-radius:0px; padding:10px 14px !important;border-color:#B5B5B5; background:#666666; font-size:12px;}
 
#Header .input-group .form-control{border-color:#ccc; border-radius:0px; box-shadow:none; color:#000; font-size:12px; height:36px;border-right:none;} 
#Header .form-control::placeholder{color:#000;} #Header .input-group .btn{height:36px;border-radius:0px; padding:10px 14px !important;border-color:#B5B5B5; background:#666666; font-size:12px;}

/********** Main Banner **************************************************************************************************/
.MainBanner a {font-size: 50px !important; line-height: 1;  color: #fff;}

.MainBanner a:hover {color: #F00;}
  
/************************************************* Content ********************************************************************/+
.dropdown-menu {width: 100%;}
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-item:focus, .dropdown-item:hover {color:#fff;background-color:#000;}
.dropdown-item.active, .dropdown-item:active {background-color: #000 !important;}
.dropdown-menu .menu-item {position: relative; font-size:14px; margin-left:1px !important;}
.dropdown-menu {overflow-y: scroll; max-height: 500px;} 


/********** ContactForm **************************************************************************************************/
.BgContact{background:url(../images/bg.jpg) no-repeat top center; min-height:702px; background-size:cover;} 
.BgContact .form-control{background:#FFF; border-color:#fff; color:#000; padding-left:20px; border-radius:50px !important; min-height:70px; font-size:19px;} 
.BgContact .btn{height:70px; width:180px;} 
 
.z-index99 {z-index:999;}
/********** Footer ***************************************************************************************************/
#Footer{font-size:16px; line-height:34px;}
#Footer li.active a {color:#ccc;}
#Footer a{color:#fff;}#Footer a:hover,#Footer .list-inline a:hover{color:#ccc;}
#Footer h4{font-size:20px;} #Footer .Copyright{font-size:14px;}

#Footer .list-inline a{font-size:19px; margin:0px; color:#fff;}
#Footer .list-inline a:hover{color:#ccc;}
#Footer .list-inline-item:not(:last-child) {margin-right:18px;}

#Footer .form-control{background:#F2E3F6; border-color:#F2E3F6; color:#000; padding-left:20px; min-height:50px; font-size:14px;} 
#Footer .btn{height:50px;background:#F2E3F6; border-color:#F2E3F6; padding:5px 15px;} #Footer .btn:hover{background:#000; border-color:#000; color:#FFF;} 

.container-fluid {max-width:1850px !important;} 

#overlay {
  position: absolute; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0 0 0 / 25%); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
} 

#overlay2 {
  position: absolute; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0 0 0 / 37%); /* Black background with opacity */
  cursor: pointer; /* Add a pointer on hover */
} 

.text-justify {text-align: justify;}

img.img-fluid.w-100.products-img {height: 400px; object-fit: contain; object-position: center;}

.accordion-section-title button.accordion-trigger {height: inherit!important;}


/*************************************************************************************************************/
@media (min-width: 1920px){
	.navbar .menu-item {margin-left: 47px !important;}
}

@media (min-width:992px) {.ls-1{letter-spacing:1px !important;}.ls-15{letter-spacing:1.5px !important;} .ls-2{letter-spacing:2px !important;} #Footer .Copyright{letter-spacing:1.4px;} 
}

@media (min-width: 1920px){.container {max-width:1740px !important;}  .navbar-nav>li+li {margin-left:72px !important;}
.gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;}
}

@media (min-width: 1600px) {
	.container {max-width:1540px;} h1, .h1 {font-size:50px;} h2, .h2 {font-size:40px;} .navbar-nav>li+li {margin-left:35px;}
	.navbar .menu-item {margin-left: 25px !important;}
	.dropdown-menu .menu-item {margin-left:1px !important;}
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1359.98px) and (max-width: 1459.98px){}

/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1359.98px){.MainBanner h1{font-size:50px !important;}}
@media (min-width: 991.98px) and (max-width: 1199.98px) {.MainBanner h1{font-size:40px !important;} .MainBanner h3{font-size:20px !important;}}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px) {.MainBanner h1{font-size:30px !important;} .MainBanner h3{font-size:20px !important;}.btn-lg{padding:15px 25px; font-size:16px;}
.CatArea .h1{font-size:26px;} .CatArea h3{font-size:20px;}}

@media (max-width: 767.98px) {.MainBanner h1{font-size:22px !important;} .MainBanner h3{font-size:16px !important;}.btn-lg{padding:12px 20px; font-size:14px;}.fs-60{font-size:40px !important;} 
.fs-70{font-size:50px !important;} .Newsletter .border-end{border:none !important;} #Footer h4{font-size:18px;}#Footer{font-size:15px; line-height:24px;}
.MainBanner a {color: #fff;}
	img.img-fluid.w-100.home-img {object-fit: cover !important; height: 350px !important; object-position:top;}
}

@media (max-width: 575.98px){
	.MainBanner .Homebnr img,.MainBanner img,.NewlyImg img {
		height:280px;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center;}
	/*.MainBanner .carousel-caption {position:static; background:#000; padding:12px 0px; bottom:0px;} */
	.CatArea .h1{font-size:22px;} 
	.CatArea h3{font-size:20px;} 
	.lh-14{line-height:1.1;}
	.fs-70{font-size:34px !important;} 
	.NewlyImg h2{font-size:24px;}
	.MainBanner a {font-size: 18px !important;}
	.text-underline {text-decoration:underline !important; }
	h1, .h1 {font-size: 27px;}
	h2, .h2 {font-size: 26px;}
	
}

@media (max-width: 479px) {}
@media (max-width: 320px) {}

.grecaptcha-badge { visibility: hidden; opacity: 0}