* {
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
}

.d-flex {
	display: flex;
}

.space-between {
	justify-content: space-between;
}

a {
	text-decoration: none;
}

ul {
	margin: 0px;
	padding: 0px;
}

body{
	background: #fbfbfb;
}

.form-control-lg {
	font-size: 16px;
	padding: 10px 20px;
}
.form-select-lg{
	font-size: 16px;
	width: 100%;
	border: 1px solid #ced4da;
	 padding: 10px 20px;
}
.alert.alert-danger {
    font-size: 13px;
}
button:focus {
    outline: none !important;
    box-shadow: none !important;
}
.owl-next:focus, .owl-prev:focus {outline: none;}
/*home page css*/
i#icon {
    margin-right: 10px;
}
.dropdown-menu {
    background-color: #2b2d52!important;
    background-clip:inherit!important; 
     border:none!important; 
     padding:0px 10px;
     width:50%!important;
     
     
}
 a.dropdown-item2 {
    width: 100% !important;
    margin: 5px 0px !important;
    text-align: center !important;
    background:none!important;
    color:#fff!important;
}

a.dropdown-item {
    width: 100% !important;
    margin: 10px 0px !important;
    text-align: center !important;
      background:none!important;
      color:#fff!important;
}
a.dropdown-item1 {
    width: 100% !important;
    margin: 5px 0px !important;
    text-align: center !important;
      background:none!important;
      color:#fff!important;
}
.whatsapp{
	position: fixed;
	bottom: 100px;
	right: 20px;
	z-index: 10000;
}

.whatsapp i {
    font-size: 35px;
    color: #ffff;
    background: #25d366;
    width: 60px;
    line-height: 60px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    align-items: center;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

.man-header {
	background: #2b2d52;
	padding: 10px 0px;
}



a.login{
	padding: 8px 15px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #2f9bd6;
	margin-left: 15px;
}


.header {
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}






.header_details {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.Contacts-bar a {
	font-size: 14px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
}

.Contacts-bar i {
	margin-right: 10px;
	font-size: 15px;
}

.icons {
justify-content: end;
text-align: right;
}

.icons i {
	color: #fff;
	font-size: 15px;
	margin-left: 10px;
}

.icons i:hover{
	color: #0a88d5;
}

.header-bar{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo{
	width: 20%;
}

.logo img {
	width: 85%;
}


.navbar-a{
	width: 55%;
}


li.nav-item {
    text-align: left!important;
}

.navbar-nav .nav-link{
    padding-right:0px!important;
}

.navbar-expand-lg .navbar-nav .nav-link {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin: 0px 11px!important;
}


.navbar-expand-lg .navbar-nav .nav-link:hover{
	color: #0a88d5;
}

.voucher-btn{
	width: 30%;
	    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
.voucher-btn .nav-item.dropdown .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}
a#navbarDropdown {
    margin: 0px !important;
}

a.dropdown-item {
    text-align: center !important;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(47 155 214)!important;
}

.voucher-btn a {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	padding: 10px 17px;
	background: #2b2d52;
	border-radius: 5px;
	color: #fff;
	/*float: right;*/
	/*margin-right:10px;*/
}

.voucher-btn a:hover{
	background: #0a88d5;
	color: #fff;
}

.voucher-btn .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
    color: #2b2d52;
}

 button.sub12{
	padding: 10px 30px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #2b2d52;
	border: none;
	margin-top: 10px;
	border-radius: 5px;

}
.slider {
	background: url(../img/home.png);
	width: 100%;
	background-repeat: no-repeat;
	height: 500px;
	background-size: cover;
	position: relative;
	margin-top: 140px;
}

.forms {
	background: #fff;
	padding: 35px;
	margin-top: -160px;
	z-index: 10;
	position: relative;
	box-shadow: 0px 4px 8px 0px rgb(31 41 55 / 14%);
}
.forms_content h1
{
    font-size:20px;
    font-weight: bold;
}

.input_bar {
    margin-bottom: 20px;
}
.forms_content span {
	display: block;
	padding: 5px;
}


.forms .form-control-lg {
	padding: 10px 20px;
	font-size: 16px;
}

.forms .form-select-lg {
	padding: 10px 20px;
	font-size: 16px;
	width: 100%;
	border: 1px solid #ced4da;
}

 .text_area textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 20px;
	height: 100px;
	border: solid 1px #ced4da;
}

.form_right_content .form-check label {
	display: inline-block;
	font-size: 16px;
	color: gray;
}

.forms button.sub12 {
	padding: 10px 30px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #2b2d52;
	border: none;
	margin-top: 10px;
	border-radius: 5px;
}
.forms button.sub12:hover{
	color: #fff;
	background: #2f9bd6;
}

.Boma_Mabati_heading {
	margin-top: 80px;
}

.Boma_Mabati_heading h1 {
	color: #2b2d52;
	font-weight: bold;
	font-size:36px;
}

.Boma_Mabati_boxs {
	margin-left: 25px;
	margin-right: 25px;
}

.Boma_Mabati_boxs .owl-prev {
	left: -20px;
}

.Boma_Mabati_boxs .owl-next {
	right: -20px;
}

.Boma_Mabati_boxs .owl-prev,
.Boma_Mabati_boxs .owl-next {
	position: absolute;
	top: 128px;
}

.Boma_Mabati_boxs .owl-prev span,
.Boma_Mabati_boxs .owl-next span {
	font-size: 30px;
	background: #2f9bd6;
	width: 50px;
	line-height: 50px;
	border-radius: 100%;
	text-align: center;
	display: inline-block;
	color: #fff;
}

.Boma_Mabati_boxs .owl-theme .owl-nav [class*=owl-]:hover {
	color: #fff!important;
	background: inherit !important
}

.BomaMabati-box {
	border: solid 2px #eee;
	height: 325px;
	margin-bottom: 0px;
}

.BomaMabati-box h2 {
	font-size: 18px;
	font-weight: 700;
	color: #2b2d52;
	padding: 25px;
}

.Boma_Mabati_boxs .owl-carousel .owl-item img {
width: 100%!important;
    height: 230px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #2b2d52!important;
}

#Our-Products {
	padding-top: 80px;
	text-align: center;
}

#Our-Products h1 {
	color: #2b2d52;
	font-weight: bold;
	font-size:36px;
}

.Our-Products-box {
	   background: #fff;
    box-shadow: 0px 4px 8px 0px rgb(31 41 55 / 14%);
    padding: 10px;
    border-radius: 5px;
    height: 410px;
    margin-bottom: 40px;
}

.boxes-img img {
width: 100%;
    border-radius: 5px;
    height: 240px;
}

.Our-Products-box h2 {
	font-size: 17px;
	font-weight: bold;
	margin-top: 25px;
	color: #111;
}

.Our-Products-box p {
	font-size: 14px;
	color: gray;
	text-decoration: line-through;
	margin: 0px;
}

.Our-Products-box span {
	font-size: 15px;
	font-weight: bold;
	color: #2b2d52;
	text-decoration: inherit!important;
	display: inline-block;
	margin-left: 10px;
}

.Products-price {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
}

/*.Our-Products-box a {*/
/*	font-size: 12px;*/
/*	font-weight: bold;*/
/*	border-radius: 5px;*/
/*	display: inline-block;*/
/*	padding: 10px 20px;*/
/*	color: #fff;*/
/*	background: #2b2d52;*/
/*	margin-bottom: 15px;*/
/*}*/
/*.Our-Products-box a:hover{*/
/*	color: #fff;*/
/*	background: #2f9bd6;*/
/*}*/

.Shop-Now a {
	padding: 10px 30px;
	color: #fff;
	display: inline-block;
	margin-top: 40px;
	justify-content: center;
	background: #2b2d52;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
}

.Shop-Now a:hover{
	background: #2f9bd6;
	color: #fff;
}

.Recent-Projects {
  margin-top: 80px;
    background: #eee;
    padding: 50px 0px;
}
.Recent-Projects{
    font-weight:bold;
    font-size:36px;
}

.home_img {
  margin-bottom: 20px;
    background: #fff;
    height: 315px;
}


.home_img h2{
	font-size: 20px;
	font-weight: bold;
	color: #000!important;
	padding-bottom: 20px!important;
	padding-top: 15px!important;
}

.Recent-Projects .owl-theme .owl-nav {
	display: none;
	margin-top: 15px;
}

.Recent-Projects h2 {
	color: #2b2d52;
}

.maps iframe {
	width: 100%;
	height: 300px;
	margin-top: 80px;
	border: none;
}

.home_img img {
	 height: 250px;
	width: 100%;
	object-fit: cover;
}

.TESTIMONIALS .owl-carousel .owl-item img {
	width: inherit!important;
	margin: auto;
}

.TESTIMONIALS {
	background: url(../img/Testmonals.png);
	padding: 50px 0px;
	margin-top: 80px;
	background-repeat: no-repeat;
	background-size: cover;
}

.testimonials-heading h2 {
	color: #fff;
	font-size: 38px;
	font-weight: bold;
	margin-bottom: 30px;
}

.testimonials-heading h3 {
	font-size: 22px;
	font-weight: bold;
	color: #0a88d5;
}

.testimonials_content {
	padding-right: 35px;
	padding-left: 35px;
}

.testimonials-client {
padding: 25px 25px;
    border: solid 1px #2f9bd6;
    border-radius: 5px;
    margin: auto;
    position: relative;
    height: 420px;
}

.testimonials-client img{
       width: 100px;
       height: 100px;
       border-radius: 50%;
       object-fit: cover;
}

.quote-img {
	position: absolute;
	bottom: 9px;
	right: 40px;
}

.testimonials-client h4 {
	font-size: 16px;
	font-weight: bold;
	color: #2f9bd6;
	margin-top: 10px;
	display: inline-block;
	margin-bottom: 0px;
}

.testimonials-client p {
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 30px;
}

.footer {
	background: #2b2d52;
	padding-top: 50px;
	padding-bottom: 25px;
	margin-top: 80px;
}

.opan-time img {
	width: 70%;
}

.opan-time h2 {
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	margin-top: 20px;
}

.opan-time p {
	color: #fff;
	font-size: 15px;
	margin-bottom: 0px;
}

.Address h2 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

.Address ul {
	margin-top: 20px;
}

.Address li {
	margin-bottom: 10px;
	display: flex;
}

.Address ul li a {
	font-size: 15px;
	color: #fff;
	display: inline-block;
}

.Address i {
	margin-right: 10px;
	color: #fff;
}

.Usefull-Link h2 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

.Usefull-Link ul {
	margin-top: 20px;
}

.Usefull-Link li {
	margin-bottom: 10px;
	display: flex;
}

.Usefull-Link ul li a {
	font-size: 15px;
	color: #fff;
	display: inline-block;
}
.Usefull-Link ul li a:hover{
	color: #0a88d5;
}


.Subscribe h2 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}

.footer .Subscribe button.submit {
	padding: 10px 30px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #0a88d5;
	border: none;
	margin-top: 20px;
	border-radius: 5px;
}

.footer hr {
	color: #fff;
	margin-top: 10px;
}

.footer .copyrights p {
	font-size: 15px;
	color: #fff;
	margin: 0px;
}

.footer .copyrights a {
	font-size: 15px;
	color: gray;
	display: inline-block;
	margin-left: 5px;
}

.footer .form-control-lg{
	font-size: 16px;
}


/*About us page css*/

.About_slider {
	background: url(../img/about-us.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 100px 0px;
	margin-top: 140px;
}

.about-us-content h1 {
	font-size: 38px;
	color: #fff;
	font-weight: bold;
}

.about-us-content span {
	color: #2f9bd6;
}

.btn-1 {
	justify-content: center;
}

a.Our-Products {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	color: #fff;
	padding: 10px 20px;
	background: #2f9bd6;
	border-radius: 5px;
	margin-top: 15px;
}

a.About-Us {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	color: #fff;
	padding: 10px 30px;
	border-radius: 5px;
	border: solid 1px #2f9bd6;
	margin-left: 20px;
	margin-top: 15px;
}

a.About-Us:hover {
	color: #fff;
	background: #2f9bd6;
}

.about-details {
	margin-top: 80px;
}

.about-details-right h2 {
	color: #2b2d52;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 15px;
}

.about-details-right p {
	font-size: 15px;
	color: #545454;
}

.about-details a.Our-Products {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	color: #fff;
	padding: 10px 20px;
	background: #2b2d52;
	border-radius: 5px;
}

.about-details a.About-Us {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	color: #111;
	padding: 10px 30px;
	border-radius: 5px;
	border: solid 1px #2b2d52;
	margin-left: 20px;
	margin-top: 15px;
}

.about-details a.About-Us:hover{
	color: #fff;
	background: #2b2d52;
}


#target_mission {
	background: #f9f9f9;
	padding: 50px 0px;
	margin-top: 80px;
}

.target_mission_content {
	margin-left: 50px;
	margin-right: 50px;
}

.target-box {
	background: #fff;
	box-shadow: 0px 2px 7px 1px #0000000f;
	padding: 25px;
	text-align: center;
}

.target-box img {
	width: 10%;
}

.target-box h3 {
	font-size: 16px;
	font-weight: bold;
	color: #444444;
	margin-top: 10px;
}

.target-box p {
	font-size: 15px;
	margin-top: 10px;
	color: #545454;
}

#OUR-CORE {
	margin-top: 80px;
	margin-bottom: 80px;
}

.OUR-CORE h2 {
	font-size: 28px;
	font-weight: bold;
	color: #2b2d52;
}

.OUR-CORE p {
	font-size: 15px;
	color: #545454;
}

.core-values-title {
	background: #fff;
	padding: 30px;
	box-shadow: -1px 4px 7px 0px rgba(199, 199, 199, 0.75);
	height: 220px;
	margin-bottom:25px;
}

.core-values-title h6 {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #444444;
	margin-bottom: 0px;
	margin-top: 15px;
}

.core-values-title p {
	font-size: 15px;
	margin-top: 10px;
	color: #545454;
	margin-top: 5px;
}

.core-values-title img {
	width: 15%;
}

.products-slider {
	margin-top: 140px;
	background: url(../img/our-products.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 100px 0px;
}

.products-slider h1 {
	font-size: 38px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.Our-Products {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.Products-results h6 {
	font-size: 16px;
	margin-bottom: 0px;
}

.Our-Products .form-select {
	padding: 10px 40px;
}

#Our-Products-page {
	margin-top: 80px;
}



button {
	border: none;
	background-color: transparent;
	cursor: pointer;
}

.title {
	position: absolute;
	display: flex;
	justify-content: center;
	width: 100%;
	color: #a5b4fc;
}

.made {
	text-align: center;
	position: absolute;
	bottom: 16px;
	width: 100%;
	color: #a5b4fc;
	display: flex;
	align-items: flex-end;
	gap: 8px;
	justify-content: center;
}

/*.pagination {*/
/*	display: flex;*/
/*	flex-direction: row;*/
/*	padding: 5px;*/
/*	border-radius: 6px;*/
/*	box-shadow: 0px 4px 8px 0px rgba(31, 41, 55, 0.14);*/
/*	background-color: #fff;*/
/*	position: relative;*/
/*	margin-top: 25px;*/
/*	width: 380px;*/
/*	margin: auto;*/
/*}*/

/*.pagination__number-indicator {*/
/*	position: absolute;*/
/*	height: 2px;*/
/*	background-color: #2b2d52;*/
/*	opacity: 0;*/
/*	bottom: 22px;*/
/*	transition: all 0.2s ease;*/
/*}*/

/*.pagination__number {*/
/*	font-weight: 600;*/
/*	font-size: 16px;*/
/*	color: #d1d5db;*/
/*}*/

/*.pagination__number--active {*/
/*	color: #2b2d52;*/
/*	position: relative;*/
/*}*/

/*.pagination__number,*/
/*.pagination__arrow {*/
/*	padding: 16px;*/
/*}*/

/*.pagination__arrow--right {*/
/*	transform: scaleX(-1);*/
/*}*/

/*.pagination__arrow:hover .pagination__arrow-half:first-child {*/
/*	transform: translateY(0.5px) rotate(-30deg);*/
/*}*/

/*.pagination__arrow:hover .pagination__arrow-half:last-child {*/
/*	transform: translateY(-0.5px) rotate(30deg);*/
/*}*/

/*.pagination__arrow:active .pagination__arrow-half:first-child,*/
/*.pagination__arrow--disabled .pagination__arrow-half:first-child {*/
/*	transform: translateY(0) rotate(0);*/
/*}*/

/*.pagination__arrow:active .pagination__arrow-half:last-child,*/
/*.pagination__arrow--disabled .pagination__arrow-half:last-child {*/
/*	transform: translateY(0) rotate(0);*/
/*}*/

/*.pagination__arrow--disabled .pagination__arrow-half:last-child,*/
/*.pagination__arrow--disabled .pagination__arrow-half:first-child {*/
/*	opacity: 0.2;*/
/*}*/

/*.pagination__arrow--disabled {*/
/*	pointer-events: none;*/
/*}*/

/*.pagination__arrow-half {*/
/*	width: 9px;*/
/*	height: 2px;*/
/*	border-radius: 1px;*/
/*	background-color: #2b2d52;*/
/*	display: inline-block;*/
/*	position: absolute;*/
/*	transform-origin: 0px;*/
/*	opacity: 1;*/
/*	transition: transform 0.1s ease-in-out, opacity 0.2s ease-in-out;*/
/*}*/

/*.pagination__arrow-half:first-child {*/
/*	transform: translateY(0.5px) rotate(-45deg);*/
/*}*/

/*.pagination__arrow-half:last-child {*/
/*	transform: translateY(-0.5px) rotate(45deg);*/
/*}*/
.pagination {
    justify-content: center;
}





/*Contacts css start*/



.contact-slider{
	background: url(../img/contact.png);
	padding: 80px 0px;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 140px;
	width: 100%;
}

#contacts-us{
	margin-top: 80px;
} 

.contact-details{
	width: 500px;
}


.contact-details h2{
	font-size: 34px;
	font-weight: bold;
	color: #fff;
}

.contact-details p{
	font-size: 15px;
	color: #fff;
	margin-top: 10px;
}

.contact-details span{
	color: #0a88d5;
}


.contact-details a{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 30px;
	background:#0a88d5 ;
	color: #fff;
	display: inline-block;
	margin-top: 15px;
	border-radius: 5px;
}

.contact-form{
	background: #fff;
	padding: 25px;
	box-shadow: 0px 4px 8px 0px rgb(31 41 55 / 14%);
	height: 510px;
}
.contact-details-1 iframe{
	width: 100%;
	height: 510px;
}

.contact-form h2{
	font-size: 22px;
	font-weight: bold;
	color: #444444;
	margin-top: 20px;
	margin-bottom: 35px;
	text-align: center;
}

.contact-form button.sub12 {
	padding: 10px 30px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #2b2d52;
	border: none;
	margin-top: 20px;
	margin-bottom: 10px;
	border-radius: 5px;
}
.contact-form button.sub12:hover{
    	color: #fff;
	background: #2f9bd6;
}

.Our-Official-heading h1{
	font-size: 38px;
	font-weight: bold;
	color: #2b2d52;
	
}


.Address-bar{
	padding-left: 70px;
	padding-right: 70px;
}

.contact-boxs{
	background: #fff;
	padding: 35px;
	box-shadow: 0px 4px 8px 0px rgb(31 41 55 / 14%);
	margin-top: 30px;
	text-align: center;
	height: 210px;
	margin-bottom: 20px;
}

.contact-boxs i{
	font-size: 30px;
	color: #2b2d52;
	display: inline-block;
}

.contact-boxs h6{
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	color: #444444;
}

.contact-boxs p{
	color: #545454;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}


/*Our-Work pages css*/ 


.Our-Work-slider{
	background: url(../img/our-works.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 100px 0px;
	margin-top: 140px;

}
.Recent-Works-img img {
    height: 280px;
    object-fit: cover;
}


.Recent-Works-img h2 {
    font-size: 20px;
    font-weight: bold;
    color: #000!important;
    padding-bottom: 20px!important;
    padding-top: 15px!important;
}


.Recent-Works-img {
    background: #fff;
    text-align: center;
    height: 350px;
    box-shadow: -1px 4px 7px 0px rgb(199 199 199 / 75%);
    margin-bottom:30px;
}

.Our-Work-slider h1{
	font-size: 38px;
	font-weight: bold;
	color: #fff;
}

.Our-Work-slider h3{
	font-size: 28px;
	font-weight: bold;
	color: #0a88d5;
	margin-top: 10px;
}

.Recent-Works h1{
	font-size: 38px;
	font-weight: bold;
	margin-top: 80px;
	color: #2b2d52;
}

.worker-img{
	background: url(../img/building-construction-worker-site.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 0px;
	margin-top: 80px;
	background-position: right;

}

.worker-img h2{
	font-size: 36px;
	font-weight: bold;
	color: #2b2d52;
	text-align: center;
}

.all-item-box{
	background: #fff;
	padding: 30px;
	box-shadow: 0px 4px 8px 0px rgb(31 41 55 / 14%);
	height: 220px;
	    margin-bottom: 25px;
}

.all-item-box h4{
	font-size: 20px;
	font-weight: bold;
	color: #2b2d52 ;
}

.all-item-box p{
	font-size: 15px;
	color: #545454;
}
.all-item-box span{
	font-weight: bold;
	color: #0a88d5;

}

/*cart page css*/

.cart-slider{
	background: url(../img/cart_slider.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	padding: 100px 0px;
	margin-top: 155px;

}

.cart-title h1{
	font-size: 38px;
	font-weight: bold;
	color: #fff;
}
.cart-title ul{
	display: flex;
	justify-content: center;
}

.cart-title li{
	margin: 0px 15px;
}

.cart-title li a{
	font-size: 15px;
	color: #fff;
	display: inline-block;
}
.cart-title li a:hover{
	color: #0a88d5;
}



span.right-border {
	position: relative;
	display: inline-block;
}
.right-border::before{
	content: "|";
	color: #fff;
}
.Cart{
	background: #fff;
	padding: 25px;
	    box-shadow: 0px 4px 8px 0px rgb(31 41 55 / 14%);
	    height: auto;
}

.my-cart-title h2{
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.my-cart-title p{
	font-size: 14px;
	color: #777777;
	margin-bottom: 0px;
}

.cart-shop-img{
	width: 25%;
}


.cart-shop-img img{
	width: 100%;
	border-radius: 5px;
	height: 175px;
}

.cart-shop-content{
  /*width: 50%;*/
}




.cart-shop-content span{
	font-size: 15px;
	font-weight: bold;
	display: block;
	color: #444444;
	margin-top: 5px;
	margin-bottom: 10px;
}
.cart-shop-content a{
	font-size: 14px;
	display: inline-block;
	margin-top: 5px;
	color: #2b2d52;
	font-weight: bold;
}
.cart-shop-content a:hover{
	color: #777777;
}

.color-select{
	align-items: center;
	margin-bottom: 10px;
}

.cart-shop-content .color-select label{
	font-size: 14px;
	font-weight: bold;
	color: #444444;
	width: 30%;
}

.cart-shop-content .color-select .form-select  {
	font-size: 13px;
	padding: 5px 10px;
	width: 70%;


}

.cart-shop-content .color-select input{
	border: none;
	padding: 3px 10px;
	width: 60px;
	font-size: 13px;
	border: solid 2px #bec6ca;
	border-radius: 5px;
}

.close button{
	padding: 8px;
	background-color: #bec6ca;


}

.close{
	width: 20%;
	justify-content: end;
	text-align: right;
}

.subtotal{
	display: flex;
	justify-content: end;
	margin-top: 50px;
}

.subtotal span{
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
.subtotal p{
	font-size: 15px;
	font-weight: bold;
	margin-left: 25px;
	color: #000;
}

.total{
	background: #fff;
	padding: 25px;
	box-shadow: 0px 4px 8px 0px rgb(31 41 55 / 14%);
	height: auto;
}

.SUB-TOTAL{
	align-items: center;
	margin: 10px 0px;
}

.TOTAL-title span{
	font-size: 16px;
	font-weight: bold;
	color: #000;
}


.TOTAL-title p{
	font-size: 14px;
	font-weight: normal;
	color: #000;
	margin-bottom: 0px;
}

.check-out a{
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	background: #2b2d52;
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	margin: 15px 0px;
	border: none;
}

.check-out a:hover{
	color: #fff;
	background: #0a88d5;
	border: none;
}


/*Checkout css strat*/

.Checkout-slider{
	background: url(../img/check-out.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 100px;
	margin-top: 140px;
	

}

.Address-bar{
	background: #eee;
	padding: 50px 0px;
	margin-top: 80px;
}


.Billing-details .input-names label{
	font-size: 15px;
	color: #000;
	margin-bottom: 8px;
	display: inline-block;
	font-weight: bold;
}

.fast-last-name{
    margin:0px -15px!important;
}


.Billing-details  .input-names input{
	font-size: 15px;
	margin-bottom: 8px;
	display: inline-block;
	padding: 10px 20px;
}

.Billing-details .lebel-inputs{
	margin-top: 15px;
}

.Billing-details .lebel-inputs label{
	font-size: 15px;
	color: #000;
	margin-bottom: 8px;
	display: inline-block;
	font-weight: bold;
}


.Billing-details .lebel-inputs input{
	font-size: 15px;
	margin-bottom: 8px;
	display: inline-block;
	padding: 10px 20px;
}



.Billing-details .lebel-inputs .form-select {
    font-size: 15px;
    margin-bottom: 8px;
    /*/ display: inline-block; /*/
    padding: 10px 20px;
    display: block;
    width: 100%;
}

.Billing-details .password-check label{
	font-size: 15px;
	color: #000;
	margin-bottom: 8px;
	display: inline-block;
	font-weight: bold;
}

.Billing-details .password label{
	font-size: 15px;
	color: #000;
	margin-bottom: 8px;
	display: inline-block;
	font-weight: bold;
	margin-top: 10px;
}


.Billing-details  .password input{
	font-size: 15px;
	margin-bottom: 8px;
	display: inline-block;
	padding: 10px 20px;
}




.shipping .form-check{
	align-items: center;
}



.shipping .Ship-check label{
	font-size: 1.75rem!important;
	color: #000;
	margin-bottom: 8px;
	display: inline-block;
	font-weight: bold;
	margin-left: 20px;

}


.shipping .Ship-check input{
	font-size: 15px;
	margin-bottom: 8px;
	display: inline-block;
	padding: 10px;
	margin-top: 10px;
}

.Order-optional label{
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-bottom: 8px;
}

.Order-optional textarea{
	width: 100%;
	box-sizing: border-box;
	height: 150px;
	padding: 10px 20px;
	font-size: 15px;
	border: 1px solid #ced4da;
}

/*#Billing-details{*/
/*	display: none;*/
/*}*/

.order-title{
	margin-top: 80px;
}

.order-title h4{
	font-size: 22px;
	font-weight: bold;
	color: #000;
}


.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    margin: 12px 0px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 25px;
}


h2#headingTwo {
    margin-bottom: 0px;
}

h2#headingOne {
    margin-bottom: 0px;
}

.accordion-body {
    margin: 25px 0px;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    font-size: 18px;
    font-weight: bold;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px);
    font-size: 18px;
    font-weight: bold;
}

.upadte-btn button{
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 10px 35px;
	margin: 15px 0px;
	background: #2b2d52;
	display: inline-block;
	justify-content: center;
	border: none;
	text-transform: uppercase;
	border-radius: 5px;
	text-align: center;
}

.upadte-btn button:hover{
	color: #fff;
	background: #2f9bd6;
}

.accordion-button:not(.collapsed){
	box-shadow: none!important;
	color: inherit!important;
	background: inherit!important;
	border-color: inherit!important;
	font-size:18px!important;
	font-weight:bold;
}
.Billing-details label.form-check-label {
    font-size: 14px!important;
    font-weight: 600!important;
}

.orde-product{
	border: solid 1px #ced4da;
	padding: 15px 20px;
}

.orde-product hr{
	margin-left: -20px;
	margin-right: -20px;
}

.orde-product-title h6{
	font-size: 16px;
	font-weight: bold;

}


.orde-product-total h6 {
	font-size: 16px;
	font-weight: bold;
	color: #444444;
}

.orde-product-subtotal h6 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.login-title{
	margin-top: 80px;
	border-top: solid 3px #2b2d52;
	padding: 20px;
	background: #eee;
}

.login-title span{
	font-size: 16px;
	font-weight: bold;
	color: #444444;
}

.login-title a{
	color: #2b2d52;
}

.login-bar-checkout{
	border: solid 1px #ced4da;
	padding: 20px;
	display: none;

}
.login-bar-details h6{
	font-size: 15px;
	font-weight: bold;
	color: #444444;
}

.lb-title label{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #444444;
	margin-top: 8px;
}

.login-bar-details button{
	font-size: 16px;
	color: #fff;
	border: none;
	background: #2b2d52;
	padding: 12px 40px;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 15px;
}

.login-bar-details button:hover{
	color: #fff;
}

.lost-password-title a{
	font-size: 16px;
	font-weight: bold;
	color: #2b2d52;
	margin-top: 15px;
	display: inline-block;
}




.coupan-title{
	background: #eee;
	border-top: solid 3px #2b2d52;
	margin-top: 30px;
	padding: 20px 20px;
}

.coupan-title span{
	font-size: 16px;
	font-weight: bold;
	color: #444444;
}

.coupan-title a{
	color: #2b2d52;
}

.coupan-btn{
	border: solid 1px #ced4da;
	padding: 20px;
	display: none;
}



.coupan-appaly label{
	font-size: 16px;
	font-weight: bold;
	color: #545454;
	margin-bottom: 15px;
}

.coupan-appaly input.form-control.rounded{
	padding: 26px;
	border-right: none;
	border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}

button.btn.btn-outline-primary {
    padding: 15px 30px;
    background: #2b2d52;
    color: #fff;
    border: none;
    border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
    
}

 .pay-pal {
    border-radius: 5px;
    padding: 15px 20px;
    border: solid 1px #ebebeb;
    margin-top: 50px;
}

 .pay-pal img{
 	width: 15%;
 }

 .add-pay-pal {
    border-radius: 5px;
    border: solid 1px #ebebeb;
    display: none;
}

 .add-pay-pal-1 {
    background: #f6f6f6;
    padding: 15px 20px;
}

 .Proceed {
    margin: 50px 0px;
}

.Proceed p {
    font-size: 14px;
    color: #666666;
    margin-bottom: 0px;
}


 .Proceed a {
    font-size: 12px;
    padding: 10px 35px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    background: #2b2d52;
    margin-top: 15px;
}


 .Proceed a:hover{
 	color: #fff;
 	background: #0a88d5;
 }













    

    









.Our-Products-box button {
	font-size: 12px;
	font-weight: bold;
	border-radius: 5px;
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	background: #2b2d52;
	margin-bottom: 15px;
}
.Our-Products-box button:hover{
	color: #fff;
	background: #2f9bd6;
}

/*add-products page css */

 #add-products {
 	margin-top: 230px;
 }

 .add-products-img img{
 	width: 100%;
 	height: 410px;
 }

 .add-to-card-btn button{
 	padding: 10px 45px;
 	color: #fff;
 	font-size: 16px;
 	font-weight: bold;
 	background: #2b2d52;
 	border: none;
 	display: inline-block;
 	margin-top: 15px;
 }


  #add-products .cart-shop-content span{
	font-size: 20px;
	font-weight: bold;
	display: block;
	color: #444444;
	margin-top: 10px;
	margin-bottom: 5px;
}
 #add-products .cart-shop-content a{
	font-size: 22px;
	display: inline-block;
	margin-top: 5px;
	color: #2b2d52;
	font-weight: bold;
}
 #add-products .cart-shop-content a:hover{
	color: #777777;
}

 #add-products .color-select{
	align-items: center;
	margin-bottom: 10px;
}

 #add-products .cart-shop-content .color-select label{
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	display:block;
}

 #add-products .cart-shop-content .color-select .form-select  {
	font-size: 13px;
	padding: 8px 10px;
	width: 40%;


}

 #add-products .cart-shop-content .color-select input{
	display: block;
	padding: 3px 10px;
	width: 60px;
	font-size: 13px;
	border: solid 2px #bec6ca;
	border-radius: 5px;
}

ul.color-boxs {
	display: flex;

}

ul.color-boxs li {
    padding: 10px;
    cursor: pointer;
    width: 35px;
    height: 30px;
    display: inline-block;
    margin: 0px 10px;
}

label#colorbo {
    margin: 0px 5px;
}
span.red{
    margin-top:0px!important;
    display: inline-block;
}

/*add to cart table css*/

.Cart table { 
	width: 100%;
	border-collapse: collapse; 
	}

.Cart th { 
	background: #2b2d52; 
	color: white; 
	font-weight: bold; 
	}

.Cart td, th { 
	padding: 10px 20px; 
	border: 1px solid #ccc;  
	font-size: 15px;
	}

	.td-img{
		width: 100px;
		height: 70px;
		border-radius: 5px;
		object-fit: cover;
	}



.cart-slider{
	background: url(../img/cart_slider.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	padding: 100px 0px;
	margin-top: 110px;

}

.cart-title h1{
	font-size: 38px;
	font-weight: bold;
	color: #fff;
}
.cart-title ul{
	display: flex;
	justify-content: center;
}

.cart-title li{
	margin: 0px 15px;
}

.cart-title li a{
	font-size: 15px;
	color: #fff;
	display: inline-block;
}
.cart-title li a:hover{
	color: #0a88d5;
}



span.right-border {
	position: relative;
	display: inline-block;
}
.right-border::before{
	content: "|";
	color: #fff;
}
.Cart{
	background: #fff;
	padding: 25px;
	    box-shadow: 0px 4px 8px 0px rgb(31 41 55 / 14%);
	    height: auto;
	    margin-top: 50px;
}









.Cart span{
	font-size: 15px;
	font-weight: bold;
	display: block;
	color: #444444;
	margin-bottom: 5px;
}
.Cart a{
	font-size: 17px;
	display: inline-block;
	color: #2b2d52;
	font-weight: bold;
}
.Cart a:hover{
	color: #777777;
}



.Cart input{
	display: block;
	padding: 3px 10px;
	width: 60px;
	font-size: 13px;
	border: solid 2px #bec6ca;
	border-radius: 5px;
}

.Cart p{
	font-size: 15px;
	margin-bottom: 5px;
	color: #444444;
}




.subtotal{
	display: flex;
	justify-content: end;
	margin-top: 50px;
}

.subtotal span{
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
.subtotal p{
	font-size: 15px;
	font-weight: bold;
	margin-left: 25px;
	color: #000;
}

.total{
	background: #fff;
	padding: 25px;
	box-shadow: 0px 4px 8px 0px rgb(31 41 55 / 14%);
	height: auto;
}

.total h2{
    font-size: 20px;
    font-weight: bold;
}

.SUB-TOTAL{
	align-items: center;
	margin: 10px 0px;
}



.TOTAL-title span{
	font-size: 16px;
	font-weight: bold;
	color: #000;
}


.TOTAL-title p{
	font-size: 14px;
	font-weight: normal;
	color: #000;
	margin-bottom: 0px;
}

.check-out button{
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	background: #2b2d52;
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	margin: 15px 0px;
	border: none;
}

.check-out button:hover{
	color: #fff;
	background: #0a88d5;
	border: none;
}



.button_class {
    padding: 11px 30px;
    background: #2b2d52;
    border: 0;
    outline: none;
    position: relative;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    border-radius: 5px;
}


.card-body #btn {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 110px;
    height: 100%;
     background: none!important; 
    border-radius: 30px;
    transition: .5s;
}


.card-body .input_field {
    width: 86%;
    padding: 10px 20px;
    margin: 10px 0;
    / border: 0px; /
    / border-bottom: 1px solid #999; /
    / background: transparent; /
    font-size: 16px;
}

.card-body a.btn.btn-link {
    color: #f34646;
}

.card-body .submit_btn {
    width: 100%;
    padding: 14px 30px;
    display: block;
    margin-bottom: 20px;
    background: #2b2d52;
    border: 0;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.button_box {
    width: 220px;
    /*/ margin: 35px auto; /*/
    position: relative;
    border-radius: 30px;
    margin-bottom: 17px;
}


.Cart a.delete-btn {
    padding: 5px 10px;
    display: inline-block;
    background: red;
    border-radius: 5px;
    margin-left:10px;
}

.Cart a.update {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background: #2b2d52;
    padding: 10px 30px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 15px;
}


.Cart a.update:hover{
	color: #fff;
	background: #2f9bd6;
}
.Cart a.delete-btn i {
    color: #fff;
}


.place-order button{
    
    padding: 10px 30px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background: #2b2d52;
	border: none;
	margin-top: 15px;
	border-radius: 5px;

	display-inline:block;
}
.place-order {
   text-align:right;
    
}

.place-order button:hover{
	color: #fff;
	background: #2f9bd6;
}

input.pay-now{
    padding: 10px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #2b2d52;
	border: none;
	margin-top: 15px;
	border-radius: 5px;

	display-inline:block; 
}


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2b2d52;
    border-color: #2b2d52;
}

.page-link{
    color:#2b2d52;
}






/*only table tr td @media screen*/
@media 
only screen and (max-width: 489px),
(min-device-width: 767px) and (max-device-width: 991px), (min-device-width: 489px) and (max-device-width: 575px)  {

.Cart 	table { 
	  	width: 100%; 
	}

	.Cart  table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	.Cart  thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	
	.Cart  td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		padding: 31px 20px;
	}

	.Cart  td:before { 
		position: absolute;
		
		top: 6px;
		left: 21px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		content: attr(data-column);

		color: #000;
		font-weight: bold;
	}

	.Cart td, th{
		padding: 40px 20px;
	}

}











@media (min-width: 1200px) {

}

    

    
@media (max-width: 1199px) {
        .h1, h1 {
    font-size: 1.5rem;
    }

    .voucher-btn {
    width: 38%;
}

.logo img {
    width: 100%;
}
.navbar-expand-lg .navbar-nav .nav-link {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin: 0px 1px !important;
}

.forms{
	margin-top: -201px;
}

.BomaMabati-box img{
	object-fit: cover;
}

   .Our-Products-box {
       height: 325px;
   }
    
.forms .form-control-lg {
    padding: 10px 5px;
    font-size: 15px;
}
    .forms .form-control-lg {
    padding: 10px 5px;
    font-size: 15px;
}
    .text_area textarea {
    padding: 10px 5px !important;
    }
    
    .form-control-lg {
    padding: 10px 5px;
    }
    .forms .form-select-lg {
    padding: 10px 5px;
    }

     .Products-price{
   	flex-wrap: wrap;
   } 

   .about-details-right p{
   	margin: 5px 0px;
   }
   .about-details-right h2{
   	margin-bottom: 0px;
   }

   .about-details-img img{
   	height: 350px;
   	object-fit: cover;
   }

   .core-values-title{
   	height: 270px;
   }
   .contact-boxs{
	padding: 20px;
	height: 210px;
}
.contact-boxs p {
    font-size: 15px;
    }
    .boxes-img img{
    	height: 135px;
    }
 

   .all-item-box{
   	height: 255px;
   }
   .Cart{
   	margin-top: 30px;
   }
   #add-products {
    margin-top: 200px;
}
.Our-Work-slider{
	margin-top: 130px;
}
.about-details{
	align-items: center;
}
.target-box{
	height: 215px;
}
#OUR-CORE{
	margin-top: 60px;
}

    
 
}



@media (max-width: 991px) {

	.Our-Work-slider{
		background-position: 100%;
	}
   
.logo img {
    width: 100px;
}
.header {
    position: relative;
}
.navbar-a {
    position: absolute;
    top: 15px;
    right: 0px;
    width:100%;
}
.voucher-btn a {
    margin: 0 !important;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
}
.header-bar {
    justify-content: flex-start !important;
    position: relative;
}
.voucher-btn {
    width: 50%;
}

button.navbar-toggler {
    position: absolute;
    top: -13px;
    right: 0px;
}
.slider{
	margin-top: 123px;
	background-size: 100%;
}

.forms {
    margin-top: -298px;
}

.BomaMabati-box img{
	height: 481px;
	object-fit: cover;
}

.BomaMabati-box{
	height: 550px;
}

.navbar-nav{
    position: absolute;
    background: #2b2d52;
    width: 100%;
    padding: 20px;
    top: 30px;
    left: 0px;

}
.navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{
	color: #fff;
}
.navbar-light .navbar-nav .nav-link.active,{
	color: #2f9bd6;
}

.contact-form{
	padding: 10px;
}

.form-control-lg{
	font-size: 14px;
	padding: 10px 15px;
}

.contact-boxs p {
    font-size: 13px;
}
.contact-boxs {
    padding: 19px;
    height: 186px;
}

.slider-nav .item-slick{
	width: 70px;
	height: 70px;
	object-fit: cover;
}
.Checkout-slider{
	background-position: 100%;
}
.shipping .Ship-check label{
	font-size: 18px!important;
	margin-bottom: 0px!important;
}
.shipping .Ship-check input{
	margin-top: 0px!important;
}
.Order-optional {
    margin-top: 15px;
}
.all-item-box {
    height: 300px;
}
.About_slider{
	margin-top: 130px;
	background-position: 100%;
}
.Boma_Mabati_boxs .owl-carousel .owl-item img {
    width: 100%!important;
    height: 450px;
    object-fit:cover;
}



}


@media (max-width: 767px) {

	.BomaMabati-box img{
		height: 267px;


	}
	.navbar-a{
	    width:100%;
	}


	.BomaMabati-box {
    height: 355px;
}
.forms{
	padding: 25px;
}

.forms_content {
    margin-bottom: 30px;
}

.Our-Products-box {
    height: 306px;
    margin-bottom: 25px;
}

.home_img img {
    height: 370px;
    object-fit: cover;
}
.home_img {
    height: 430px;
  
}
.opan-time img {
    width: 40%;
}
.opan-time h2{
	margin-top: 25px;
	font-size: 16px;
}
.opan-time p{
	font-size: 14px;
}
.Address ul li a {
    font-size: 14px;
}
.Usefull-Link ul li a {
    font-size: 14px;
}

.Usefull-Link h2 {
    margin-top: 20px;
    font-size: 16px;
}

.copyrights {
    margin-top: 15px;
}

.Subscribe h2{
	margin-top: 20px;
	font-size: 16px;
}

.Address h2{
    font-size: 16px;
}
.footer .Subscribe button.submit{
	margin-bottom: 15px;
}
.logo img {
    width: 100%;
}
.voucher-btn {
    width: 58%;
}
.logo {
    width: 22%;
}
.contact-form {
    padding: 25px;

    height: 590px;
}

.form-control-lg{
	font-size: 16px;
}

.contact-details-1 iframe {
    height: 200px;
    margin-bottom: 25px;
}


.contact-boxs p{
	font-size: 16px;
}

.Our-Official-heading h1{
	margin-bottom: 30px;
	font-size: 28px;
}
.cart-shop-content {
    margin-top: 20px;
}
.slider-nav .item-slick {
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.Checkout-slider{
	padding: 50px;
}
.products-slider{
	background-position: 100%;
}
.products-slider{
	padding: 60px;
}
.products-slider h1{
	font-size: 32px;
}
.Recent-Works-img{
	margin-bottom: 30px;
	height: 470px;
}
.all-item-box {
    height: 205px;
    margin-bottom: 30px;
    padding:20px;
}
.worker-img{
	background-position: 70%;
}
.Recent-Works-img img{
	object-fit: cover;
	height: 390px;
}
.about-us-content h1{
	font-size: 28px;
}
.about-details-right{
	margin-top: 25px;
}
#target_mission{
	margin-top: 50px;
}
#OUR-CORE{
	margin-top: 40px;
}
.OUR-CORE h2{
	font-size: 26px;
}
.core-values-title{
	margin-bottom: 25px;
	height: 250px;
}
.footer{
	margin-top: 50px;
}
.voucher-btn a {
    margin: 0 !important;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 400;
}
.Cart{
    padding:10px;
}
#add-products .cart-shop-content .color-select .form-select{
    width:100%!important;
}


#dropdown .dropdown{
    width:100%!important;
}







}

@media (max-width: 575px) {
    .Address{
    margin-top: 15px;
}

	.forms .form-control-lg {
    padding: 10px 28px;
}
.Cart{
	margin-top: 0px;
}
.contact-boxs{
	margin: auto;
	margin: 25px 50px;
}

.text_area textarea {
    padding: 10px 28px !important;
}

.forms .form-select-lg {
    padding: 10px 28px;
}
.forms {
    margin-top: -347px;
}
.Our-Products-box {
    height: 480px;
    margin-bottom: 25px;
}
.boxes-img img {
    height: 320px;
    object-fit: cover;
}
.Recent-Projects{
	margin-top: 50px;
}

.Boma_Mabati_heading{
	margin-top: 50px;
}
.Shop-Now a{
	margin-top: 20px;
}
.testimonials-heading h2{
	font-size: 32px;
}
#Our-Products {
    margin-top: -44px;
}
.quote-img {
    position: absolute;
    bottom: 16px;
    right: 40px;
}
.voucher-btn {
    width: 60%;

}
#Our-Products h1{
    font-size:28px;
}

.Boma_Mabati_heading h1 {
    font-size: 20px;
}
.slider-for img {
    width: 100%;
    min-height: 100%;
    height: 250px;
    object-fit: cover;
}
.shipping {
    margin-top: 20px;
}
.order-title{
	margin-top: 50px;
}
.pay-pal{
	margin-top: 30px;
}
.pay-pal img {
    width: 25%;
}
.products-slider{
	padding: 50px;
}
#pagination{
	margin-top: 30px;
}
.Our-Work-slider h1 {
    font-size: 28px;

}
.Recent-Works h1 {
    font-size: 32px;
    margin-top: 50px;
}
.target-box{
	margin-bottom: 25px;
}
.target_mission_content{
	margin: 0px 20px;
}
#target_mission{
	margin-top: 30px;
}
.core-values-title{
	height: 245px;
}
#OUR-CORE{
	margin-bottom: 0PX;
}
.About_slider{
	padding: 50px 0px;
}
.accordion-item {
    padding: 15px 9px;
}
.Billing-details label.form-check-label {
    font-size: 13px!important;
}


.thanku_sec{
    margin-top:250px;
}
.Boma_Mabati_boxs .owl-carousel .owl-item img {
    width: 100%!important;
    height: 275px!important;
    object-fit: cover!important;
}
.Contacts-bar i{
    margin-right:4px;
}
.order_placed h1 {
    font-size: 18px!important;
}
.Cart a{
    font-size:15px!important;
}
.all-item-box h4{
    margin-bottom:0px!important;
}



}

@media (max-width: 488px) {
    .voucher-btn {
    position: absolute;
    width: 100%;
    top: 67px;
    justify-content: center;

}
.voucher-btn a{
   margin:0px 5px!important;
}
.accordion-item {
    padding: 15px 9px;
}
.Billing-details label.form-check-label {
    font-size: 13px!important;
}

.contact-slider{
	margin-top: 217px;
	padding: 50px 0px;
	background-position: 50%;
}
.contact-details{
	width: 100%;
}
.contact-boxs{
	margin: 25px 20px;
}

.Contacts-bar a{
	font-size: 12px;

}
.icons{
	margin-top: 10px;
}
.navbar-nav{
	z-index: 1000;
}
.header {
    padding-bottom: 80px;
}
.slider{
	margin-top: 200px;
}
.logo {
    width: 45%;
}
.forms {
    margin-top: -400px;
}
.testimonials-heading h2 {
    font-size: 28px;
}
.TESTIMONIALS{
	margin-top: 50px;
}

.BomaMabati-box img {
    height: 149px;
    object-fit: cover;
}
.BomaMabati-box {
    height: 345px;
}
.BomaMabati-box h2{
	font-size: 16px;
}
.Boma_Mabati_boxs .owl-prev, .Boma_Mabati_boxs .owl-next{
	top: 100px;
}

.Boma_Mabati_boxs {
   margin: 0px 20px;
}

.testimonials-client{
	height: 497px;
}

.footer{
	margin-top: 50px;
}
.TESTIMONIALS{
	margin-bottom: 50px;
}

.Usefull-Link ul {
    margin-top: 15px;
}
.Cart{
	margin-top: 0px;
}
.slider-nav .item-slick {
    width: 61px;
    height: 82px;
    object-fit: cover;
}

#add-products .cart-shop-content a{
	font-size: 20px;
}
#add-products .cart-shop-content span{
	margin-top: 5px;
	font-size: 18px;
}
.slider-for img {
    width: 100%;
    min-height: 100%;
    height: 200px;
    object-fit: cover;
}
.order-title h4{
	font-size: 18px;
}

.pay-pal img {
    width: 40%;
}
.opan-time img {
    width: 56%;
}
.Checkout-slider {
    margin-top: 216px;
}
.cart-slider {
    margin-top: 190px;
    padding: 50px;
}
.cart-title h1 {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}
.Our-Products {
    flex-wrap: wrap;
}
.Products-select{
	margin-top: 10px;
}
.all-item-box{
	height: 340px;
}
.Our-Work-slider h1{
	font-size: 23px;
}
.Our-Work-slider h3{
	font-size: 20px;
}

.Our-Work-slider {
    margin-top: 211px;
    padding: 50px 0px;
}
.about-details a.Our-Products {
	font-size: 13px;
}
.Recent-Works h1{
	font-size: 25px;
}

.products-slider{
	margin-top: 215px;
	padding: 50px 0px;
}
.products-slider h1 {
    font-size: 28px;
}

#add-products {
    margin-top: 250px;
}
.contact-boxs p {
    font-size: 15px;
}
.contact-form {
    padding: 21px;
    height: 614px;
}
.target-box {
    height: 245px;
}

.About_slider {
    margin-top: 200px;
}

.Boma_Mabati_boxs .owl-carousel .owl-item img {
    width: 100%!important;
    height: 240px!important;
    object-fit: cover!important;
}

.main_site{
    margin-top:250px!important;
}

button.btn.btn-outline-primary{
    padding:10px!important;
    font-size:11px;
}



}



/*end @media screen*/

a.add_button {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 20px;
    color: #fff;
    background: #2b2d52;
    margin-top: 10px;
    justify-content: end;
}

div#add_button {
    justify-content: end;
    text-align: right;
    float: revert;
}
a.add_button:hover{
	color: #fff;
	background: #2f9bd6;
}



 #dropdown   a, li {
    transition: background 0.35s ease;
}

#dropdown  h1 {
    font-size: 1.2em;
}
#dropdown  li {
    font-size: 1em;
}
 #dropdown .dropdown {
    width: 40%;
    border: 0.1em solid #c0cdd1;
    position: relative;
}
 #dropdown  a {
    display: block;
    padding: 0.5em;
    color: #000;
    text-decoration: none;
}

#dropdown   ul {
    display: none;
    border-top: 0.1em solid #c0cdd1;
}
#dropdown   li {
    padding: 0.5em;
    cursor: pointer;
}
#dropdown   li:not(:first-child) {
    border-top: 0.1em dashed #dde4e6;
}
#dropdown   li:last-child {
    color: #ad0000;
}

#dropdown a.js-link {
    font-size: 12px!important;

}

#dropdown i.fa.fa-chevron-down {
    position: absolute;
    right: 5px;
}


/*18/03/2022*/

@media screen and (min-width: 320px) and (max-width: 767px) {
    .target-box {
    margin-bottom: 1rem;
}
.boxes-img img {
    height: 350px;
}
.Our-Products-box {
    height: 500px;
    margin-bottom: 25px;
}
}
@media screen and (min-width: 320px) and (max-width: 500px){
    .Our-Products {
    flex-direction: column-reverse;
}
.Products-results {
    text-align: center;
}
.Our-Products .form-select {
    margin-bottom: 1rem;
}
}
@media screen and (min-width: 320px) and (max-width: 991px){
    .contact-details-1 iframe {
    box-shadow: 0px 0px 8px 0px rgb(31 41 55 / 14%);
}
.contact-form {
    margin-top: 1rem;
}
}

.row-column-h {
    row-gap: 25px;
    display: flex;
    flex-wrap: wrap;
}
.row.target_mission_content {
    row-gap: 24px;
}
.target_mission_content .target-box {
    height: 100%;
    margin-bottom: 0;
}
 
.core-values-title {
    height: 100%;
    margin-bottom: 0;
}