img{ width:100%; height:100%;}
.bg-nav{background-color: #ffe900;padding: 5px 0px;}
.logo-box img{width:200px;padding-top: 10px;}
.contact-right-box {
    text-align: right;
    color: #b60000;
}
.phone-box{display:block;}
.mail-box{display:block;}
.phone-box a{font-size:16px;color: #000000;font-weight:500;}
.mail-box a{font-size:16px;color: #000000;font-weight:500;}
.social {
    display: block;
    margin-top: 5px;
}
.social a {
    background: #000000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 2px;
    color: #ffe900;
    text-align: center;
    display: inline-block;
}

.slider img{border: 3px solid #ffe900;}
.slider-box img{height:auto;}
.mobile-slider-box{ display:none;}

.img-box{display:block;border: 12px solid #ffeb3b;border-radius: 99px;}
.img-box img{width:100%;height:100%;border: 4px solid #b60000;}
.profile-name {
    text-align: center;
    background-color: #b60000;
    color: #ffe906;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0px;
}

.img-box a{ text-decoration:none;}
.profile-name:hover{ background-color:#ffeb3b; color:#000;}

.img-box:hover{display:block;border: 12px solid #ffeb3b;border-radius:0px;}
.img-box img:hover{width:100%;height:100%;border: 4px solid #b60000;border-radius: 99px;}

.service-list{width:100%;height:auto;}
.service-list ul{ margin:0px; padding:0px;}
.service-list ul li{list-style:none;display:block;float:left;width: 33.3%;background-color: #ffe906;margin-bottom: 5px;text-align: center;border: 1px solid #152634;}
.service-list ul li:hover{ background-color:#fe0707d1;}
.service-list ul li a{font-size: 13px;text-decoration:none;color: #000;font-weight: 500;padding: 7px 0px;display: block;}
.service-list ul li a:hover{color:#ffe906;}

.location-list{width:100%;height:auto;}
.location-list ul{ margin:0px; padding:0px;}
.location-list ul li{list-style:none;display:block;float:left;width: 33.3%;background-color: #ffe906;margin-bottom: 5px;text-align: center;border: 1px solid #152634;}
.location-list ul li:hover{ background-color:#fe0707d1;}
.location-list ul li a{font-size: 13px;text-decoration:none;color: #000;font-weight: 500;padding: 7px 0px;display: block;}
.location-list ul li a:hover{color:#ffe906;}

.active{background-color: #b60000;color:#ffe906!important;border-radius: 4px;}

.heading-tittle {
    font-size: 25px;
    color: #ffe809;
    line-height: 52px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 0;
    text-align: center;
    text-transform: capitalize;
    position: relative;
    margin: 15px 0px;
}
.heading-tittle:before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 20%;
    height: 4px;
    background: #ffe809;
    margin: 0 40%;
}

.heading-tittle-bg h4 {
    padding: 5px 0px;
    color: #000000;
    background: linear-gradient(to right, #8e8200, #ffe906, #8e8200);
    border: 2px solid #ffe906;
    text-align: center;
}
.text-bg {
    background-color: #0000004f;
    padding: 20px 15px;
}
.btn-yellow {
    background: #ffe809;
    color: #000;
}
.banner-box{height:100%;border: 4px solid #ffe906;}
.banner-box img{ height:100%;}

.footer-bg {
    background-color: #ffe900;
    color: #000;
}
.footer-bg a{
    color: #000;
}

@media (min-width : 992px) {
  .offcanvas {
    visibility      : visible;
    position        : relative;
    background      : none;
    border          : none;
    justify-content : end;
    color           : red;
  }
}

@media (max-width : 992px) {
  .offcanvas {
    width : 250px !important;
  }

  .offcanvas-start-lg {
    top          : 0;
    left         : 0;
    border-right : 1px solid rgba(0, 0, 0, .2);
    transform    : translateX(-100%);
  }

}

.navbar-nav li a {color: black;}

@media (max-width : 500px) {
	.logo-box img{width:200px;text-align: center;margin: 0 17% 15px 17%;}
	.contact-right-box {
    text-align: center;
}
.slider-box img{ display:none;}
.mobile-slider-box{display:block;height:auto;margin-bottom: 30px;}
.location-list ul li {width: 100%;}
.service-list{display:none;}
.service-list ul li{width: 100%;}
	}