/************************************************* Header ********************************************************************/
#Header  {}  #Header + main {margin-top:194px;}  
#Header .TopLink a{color:#0147fe;}#Header .TopLink a:hover{color:#2b2b2b;}

/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption h1{font-size:80px; line-height:1.1;text-shadow:0px 0px 2px rgba(0,0,0,.4);}
.end-0 {
  right: 3% !important;
}
.Welcome h2{text-transform:uppercase;}
.inner .left-image {
    position: absolute;
    left: 20px; /* Adjust the left position as needed */
    top: 10%;
    transform: translateY(-50%);
    width: 40px; /* Adjust the width of the left quote image */
    height: 30px; /* Adjust the height of the left quote image */
    background: url(../images/left.png) no-repeat scroll left center transparent !important;
    /* Add any additional styles for the left quote image */
}
hr .gray {
  background: #450000;
  margin: 10px 0px 18px 0px;
  opacity: 1;
}

.prod-cat a{color:#fff !important;font-size: 23px;}
.prod-cat a:hover{color:#fff !important;}

.inner .right-image {
    position: absolute;
   right: 12px;
top: 89%;
transform: translateY(-50%);
width: 41px;
height: 30px;
    background: url(../images/right.png) no-repeat scroll left center transparent !important;
    /* Add any additional styles for the right quote image */
}

.text-center.fs20 {
  font-size: 26px;
  font-weight: bold;
  color: #000;
}
.bg-blue {
  background: #e0e5f5 !important;
  padding: 10px;
}
.bottom-0 {
  bottom: 0% !important;
  left:0;
}
.dark-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.load-more-btn:hover {
  background: #000;
  color: #fff;
  border-color: #000;
  padding: 10px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: bold;
}
.dark-overlay {
  position: relative;
}
.load-more-container a{
  font-size: 27px;
  color:#fff;
}

.load-more-container a:hover{
  font-size: 27px;
  color:#000;
}
.load-more-btn {
  background: #004bf8;
  color: #fff;
  border-color: #084df1;
  padding: 10px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: bold;
}
/************************************************* Testimonials ********************************************************************/
.Welcome a{font-weight:400;  display:inline-block;}.Welcome a:hover{color:#fff;}
.bglogo{background:#FFF url(../images/bglogo.png) no-repeat center center; z-index:-1 !important; } 

/********** Footer ***************************************************************************************************/
#Footer{color:#fff; font-size:18px; line-height:30px;clear: both;}
#Footer a{color:#fff;}#Footer a:hover,#Footer .list-inline a:hover{color:#6790fe;}
 
/*************************************************************************************************************/
.List {padding:0; margin:0 0 15px 0; list-style-type:none;}
.List li{background:url(../images/check.png) no-repeat 0.1em 0.43em; padding:1px 0 1px 30px; margin:0px;}

/*************************************************************************************************************/
.container{max-width:1640px;}
.container-new{max-width:100% !important; width:100%; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}

/* ============ desktop view ============ *
@media all and (min-width: 1025px) {
	.navbar .nav-item .dropdown-menu{ display:none;}
	.navbar .nav-item:hover .nav-link{ color:#adadad;}
	.navbar .nav-item:hover .dropdown-menu{ display:block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
}	
/* ============ desktop view .end// ============ */


/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:rgba(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:112px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:80px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:14px 0px;}
.shrink .navbar-brand{padding:5px 0px;}

.ls-4{letter-spacing:4.6px;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { }
@media (min-width: 1920px) {.container{max-width:1750px;} 
.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) and (max-width: 1919.98px){}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {h1, .h1 {font-size:44px;}
.sec-align.wp-block-columns{
		flex-wrap: wrap !important;
	}
	 .sec-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}
	.d-lg-none{display:none;}
	.navbar-nav > li + li {
  margin-left: 40px;
}
}

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header{position:static; background:#fff;} #Header + main {margin-top:0px;} 
.MainBanner .carousel-caption h1{font-size:60px;}h1, .h1 {font-size:40px;}h2, .h2 {font-size:34px;}h3, .h3 {font-size:26px;}
	.sec-align.wp-block-columns{
		flex-wrap: wrap !important;
	}
	 .sec-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}
	.d-lg-none{display:none;}
	.navbar-nav > li + li {
  margin-left: 16px;
}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
.container{max-width:100%;}#Header{position:static; background:#fff;} #Header + main {margin-top:0px;} 
.MainBanner .carousel-caption h1{font-size:50px;} .TopLink .h2{font-size:30px;}h1, .h1 {font-size:40px;}h2, .h2 {font-size:34px;}h3, .h3 {font-size:26px;}
#Footer .nav-link {padding:.5rem .5rem;}
.wpf_layout_horizontal .wpf_item_name {
  font-size: 15px !important;
 
}
	.br_brand_berocket_product_brand_widget--1 .br_widget_brand_element_slider {
  width: calc(50% - 6px) !important;
}
}

@media (max-width:575.98px) {
.MainBanner .Homebnr .carousel-item  img {
    height:170px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.MainBanner .carousel-caption h1{font-size:30px;} .MainBanner .carousel-caption {font-size:16px;} .TopLink .h2{font-size:20px;}h1, .h1 {font-size:36px;}
}
/* X-Small devices (portrait phones, less than 576px) */