@media (max-width: 575px) {
    .logo{
    text-align: center;
}
.navbar-bg{
    background-color: #e58c17;
    padding: 0;
}

a.nav-item.nav-link.bgcol {
    color: #fff;
}
a.nav-item.nav-link.bgcolsec {
    color: #fff;
}
a.nav-item.nav-link.mx-1.bgcol {
    color: #fff;
}

.imgarea {
    position: relative;
    padding: 0;
}
.imgtext {
    color: #fff;
    background: #e68c16;
    border: 5px solid #ffc47f;
    left: 34px;
    border-radius: 10px;
    opacity: 0.8;
    padding: 10px;
    top: 23px;
    font-size: 100%;
    margin: 4% 4% 0;
}

.bgcol{
    background-color: #e58c17;
    padding: 1%;
    color: #fff;
    border-bottom:1px solid #fff;
}
.bgcolfast{
    background-color: #e58c17;
    padding: 1%;
    color: #fff;
    border-bottom:1px solid #fff;
}
.bgcolsec{
    background-color: #e58c17;
    color: #fff;
    padding: 1%;
    border-bottom:1px solid #fff;
}
.btn-ar {
    text-align: center;
    margin-bottom: 10px;
    margin-top: -20px;
}

.btns {
    background-color: #fff;
    border: 2px solid #e58c17;
    color: #e58c17 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 5px 20px;
}
.btns:hover {
    background-color: #e58c17;
    border: 2px solid #e58c17;
    color: #fff !important;
}

.btnz {
    background-color:#238391;
    border: 2px solid#238391;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: 5%;
}
.btnz:hover {
    background-color: #fff;
    border: 2px solid #238391;
    color: #238391 !important;
}

dt {
    clear: left;
    position: relative;
    padding: 15px 15px 15px 20px;
    text-align: left;
    font-weight: normal;
}
dd {
    padding: 15px 15px 15px 20px;
    margin: 0;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #DDDDDD;
    text-align: left;
}
dt::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-left: solid 8px #697b91;
    top: 55%;
    left: 4px;
    margin-top: -0.5em;
}
.col-sm-6.ml-0.text-left.footertext {
    text-align: center !important;
}

.col-sm-6.text-right.footerlogo {
    text-align: center !important;
    margin-top: 5%;
}
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .logo{
    /*text-align: center;*/
}
.navbar-bg{
    background-color: #e58c17;
    padding: 0;
}

a.nav-item.nav-link.bgcol {
    color: #fff;
}
a.nav-item.nav-link.bgcolsec {
    color: #fff;
}
a.nav-item.nav-link.mx-1.bgcol {
    color: #fff;
}

.imgarea {
    position: relative;
}
.imgtext {
    position: absolute;
    color: #fff;
    background: #777575;
    width: 50%;
    left: 34px;
    border-radius: 10px;
    opacity: 0.8;
    padding: 10px 5px 0 5px;
    top: 23px;
    font-size: 100%;
}

.bgcol{
    background-color: #e58c17;
    padding: 1%;
    color: #fff;
    border-bottom:1px solid #fff;
}
.bgcolfast{
    background-color: #e58c17;
    padding: 1%;
    color: #fff;
    border-bottom:1px solid #fff;
}
.bgcolsec{
    background-color: #e58c17;
    color: #fff;
    padding: 1%;
    border-bottom:1px solid #fff;
}
.btn-ar {
    text-align: center;
    margin-bottom: 10px;
    margin-top: -20px;
}

.btns {
    background-color: #fff;
    border: 2px solid #e58c17;
    color: #e58c17 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 5px 20px;
    float:left;
}
.btns:hover {
    background-color: #e58c17;
    border: 2px solid #e58c17;
    color: #fff !important;
}

.btnz {
    background-color:#238391;
    border: 2px solid#238391;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: 3%;
    float:right;
}
.btnz:hover {
    background-color: #fff;
    border: 2px solid #238391;
    color: #238391 !important;
}

dt {
    clear: left;
    position: relative;
    padding: 15px 15px 15px 20px;
    text-align: left;
    font-weight: normal;
}
dd {
    padding: 15px 15px 15px 20px;
    margin: 0;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #DDDDDD;
    text-align: left;
}
dt::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-left: solid 8px #697b91;
    top: 55%;
    left: 4px;
    margin-top: -0.5em;
}
.col-sm-6.ml-0.text-left.footertext {
    text-align: center !important;
}
.col-sm-6.text-right.footerlogo {
    text-align: center !important;
    margin-top: 5%;
}
}

@media (min-width: 768px) and (max-width: 991.98px) {
.navbar-bg{
    background-color: #e58c17;
    padding: 0;
}

a.nav-item.nav-link.bgcol {
    color: #fff;
}
a.nav-item.nav-link.bgcolsec {
    color: #fff;
}
a.nav-item.nav-link.mx-1.bgcol {
    color: #fff;
}

.imgarea {
    position: relative;
}
.imgtext {
    position: absolute;
    color: #fff;
    background: #777575;
    width: 50%;
    left: 34px;
    border-radius: 10px;
    opacity: 0.8;
    padding: 15px;
    top: 35px;
    font-size: 120%;
}

.bgcol{
    background-color: #e58c17;
    padding: 1%;
    color: #fff;
    border-bottom:1px solid #fff;
}
.bgcolfast{
    background-color: #e58c17;
    padding: 1%;
    color: #fff;
    border-bottom:1px solid #fff;
}

.bgcolsec{
    background-color: #e58c17;
    color: #fff;
    padding: 1%;
    border-bottom:1px solid #fff;
}
.btn-ar {
    text-align: right;
}

.btns {
    background-color: #fff;
    border: 2px solid #e58c17;
    color: #e58c17 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 150%;
    float: right;
}
.btns:hover {
    background-color: #e58c17;
    border: 2px solid #e58c17;
    color: #fff !important;
}
.btnz {
    background-color:#238391;
    border: 2px solid#238391;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 150%;
    float: right;
    margin-bottom: 10px;
}
.btnz:hover {
    background-color: #fff;
    border: 2px solid #238391;
    color: #238391 !important;
}

dt { 
    clear: left;
    position: relative;
    padding:15px 15px 15px 20px;
    text-align: left;
    font-weight: normal;
}

dd {
    padding: 15px 15px 15px 20px;
    margin:0;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #DDDDDD;
    text-align: left;
    width: 100%;
    float: left;
}

dt::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-left: solid 8px #697b91;
    top: 55%;
    left: 4px;
    margin-top: -0.5em;
}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
.navbar-bg{
    background-color: #e58c17;
    padding: 0;
}
a.nav-item.nav-link.bgcol {
    color: #fff;
}
a.nav-item.nav-link.bgcolsec {
    color: #fff;
}
a.nav-item.nav-link.mx-1.bgcol {
    color: #fff;
}

.imgarea {
    position: relative;
    width: 600px;
}
.imgtext {
    position: absolute;
    color: #fff;
    background: #777575;
    width: 50%;
    left: 34px;
    border-radius: 10px;
    opacity: 0.8;
    padding: 15px;
    top: 115px;
    font-size: 150%;
    height: 200px;
}

.bgcol{
    background-color: #e58c17;
    padding: 1%;
    color: #fff;
    border-right: 2px solid #fff;
}

.bgcolfast{
    background-color: #e58c17;
    padding: 1%;
    color: #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

.bgcolsec{
    background-color: #e58c17;
    color: #fff;
    padding: 1%;
    border-right:2px solid #fff;
}
.btn-ar {
    text-align: right;
}

.btns {
    background-color: #fff;
    border: 2px solid #e58c17;
    color: #e58c17 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btns:hover {
    background-color: #e58c17;
    border: 2px solid #e58c17;
    color: #fff !important;
}

.btnz {
    background-color:#238391;
    border: 2px solid#238391;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 116%;
    float: right;
    margin-bottom: 10px;
}
.btnz:hover {
    background-color: #fff;
    border: 2px solid #238391;
    color: #238391 !important;
}


dt { 
    clear: left;
    position: relative;
    padding:15px 15px 15px 20px;
    text-align: left;
    font-weight: normal;
}
dd {
    padding: 15px 15px 15px 20px;
    margin:0;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #DDDDDD;
    text-align: left;
    width: 100%;
    float: left;
}

dt::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-left: solid 8px #697b91;
    top: 55%;
    left: 4px;
    margin-top: -0.5em;
}
}

@media (min-width: 1200px) {
.navbar-bg{
    background-color: #e58c17;
    padding: 0;
}

a.nav-item.nav-link.bgcol {
    color: #fff;
}
a.nav-item.nav-link.bgcolsec {
    color: #fff;
}
a.nav-item.nav-link.mx-1.bgcol {
    color: #fff;
}

.imgarea {
    position: relative;
    width: 600px;
}
.imgtext {
    position: absolute;
    color: #fff;
    background: #777575;
    width: 50%;
    left: 34px;
    border-radius: 10px;
    opacity: 0.8;
    padding: 15px;
    top: 115px;
    font-size: 150%;
    height: 200px;
}

.bgcol{
    background-color: #e58c17;
    padding: 1%;
    color: #fff;
    border-right: 2px solid #fff;
}

.bgcolfast{
    background-color: #e58c17;
    padding: 1%;
    color: #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

.bgcolsec{
    background-color: #e58c17;
    color: #fff;
    padding: 1%;
    border-right:2px solid #fff;
}

.btn-ar {
    text-align: right;
}

.btns {
    background-color: #fff;
    border: 2px solid #e58c17;
    color: #e58c17 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 7px 20px;
}
.btns:hover {
    background-color: #e58c17;
    border: 2px solid #e58c17;
    color: #fff !important;
}

.btnz {
    background-color:#238391;
    border: 2px solid#238391;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btnz:hover {
    background-color: #fff;
    border: 2px solid #238391;
    color: #238391 !important;
}

dt { 
    float: left;
    clear: left;
    position: relative;
    padding:15px 15px 15px 20px;
    text-align: left;
    font-weight: normal;
    width: 30%;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #DDDDDD;
    font-size: 90%;
    
}
dd {
    padding: 15px 0px 15px 40px;
    margin:0;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #DDDDDD;
    text-align: left;
    width: 70%;
    float: left;
    font-size: 90%;
}
dt::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-left: solid 8px #697b91;
    top: 55%;
    left: 4px;
    margin-top: -0.5em;
}
}


/*ALL CSS*/

.h2-style{
border-bottom:3px double #e58c17;
border-left:5px solid #e58c17;
padding: 2% 1%;
}

.text-green{
color: #e58c17;
}

.text-white {
color: #fff!important;
text-shadow: 2px 3px 3px rgb(80 80 80);
}

.a-green{
color: #e58c17;
text-decoration: underline !important;
}

.li-h{
padding-bottom: 5% !important;
}

a.teltext {
    color: #fff;
}

/*-- side menu--*/

.border-green{
border-bottom: #e58c17;
}

.card.my-4.bordercolor {
border: 1px solid #e58c17 !important;
border-radius: 0 !important;
}

.info-bg{
/*background-color: #a3d6da;*/
background: -moz-linear-gradient(top, #FFC778, #FFF);
background: -webkit-linear-gradient(top, #FFC778, #FFF);
background: linear-gradient(to bottom, #FFC778, #FFF);
}

.footerbg{
background-image: url(/img/footer_bgend.png);
padding-bottom: 200px;
background-repeat: repeat;
}

footer.py-5 {
background-color: #e58c17;
position: relative !important;
width: 100%;
line-height: 30px;
font-size: 100%;
text-align: center;
color: #fff;
}