@media (max-width: 767px) {
    .main-form-block .btn.add-more-btn {
    padding: 6px 0px!important;
    border-radius: 0px!important;
}
    .web-logo{display:none;}
    .demo-1 .dl-menuwrapper button:hover, .demo-1 .dl-menuwrapper button.dl-active, .demo-1 .dl-menuwrapper ul{background-color:#b40639!important}
    .dl-menu li ul{background-color:#b40639!important}
    .dl-menu li a{color:white;}
    #hero-banner{padding:70px 0px;}
 header .top-header button{font-size:14px;}
.demo-1 .dl-menuwrapper button{float:left;}
/*.dl-menuwrapper{background-color:#fc9928}*/
.dl-menuwrapper button{right:initial; top:0;}
button.dl-active {
    text-indent: -900em!important;
}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9";
}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9";
}
.dl-menuwrapper button.dl-active:after {box-shadow:initial!important;}
.dl-menuwrapper button.dl-active:after {
    content: '';
    position: absolute;
  width: 134%;
    height: 2px;
    background: #fff;
    top: 45px;
    left: 1%;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(-45deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(-45deg);
    -o-transform-origin: left top;
    transform: rotate(-45deg);
    transform-origin: left top;
}
button.dl-active:before {
    content: '';
    position: absolute;
   width: 133%;
    height: 2px;
    background: #fff;
    top: -2px;
    left: 1%;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(45deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(45deg);
    -o-transform-origin: left top;
    transform: rotate(45deg);
    transform-origin: left top;
}

header{
	position: absolute;
    width: 100%;
    z-index: 2;
    bottom: 0px;
}
 
header .bg-red{display:none;}
.demo-1 {
    background: black!important;
    z-index: 9;
    position: fixed;
    bottom: 0px;
    width: 100%;
}
.dl-menuwrapper{z-index:1!important;}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    display: inherit;
    position: absolute;
    bottom: 45px;
    top: initial;
    width: 100%;
}

header .button-bg {
    background-color: red;
    padding: 5px;
    position: fixed;
    height: 90px;
}

header .header-btn button{position: fixed;
    bottom: 5px;
    left: 40%;
    margin:initial!important;
    z-index:10;
}

p{font-size:15px;}
li{font-size:15px;}
#page-banner h1,
#hero-banner h1{font-size: 1.4rem; line-height:30px;}

#welcome .borderd-list li{width:100%;}
#welcome .borderd-list{margin-bottom:15px;}
.heading{margin-bottom: 20px;}
.heading .heading-subtitle{width: 90%}

.section-padding {
    padding: 30px 0px;
}
.accordion .card-header{display:flex; align-items:center}
.accordion .card-header .card-title{margin-bottom:0px; width:96%;}
#process.process .box{height: initial; text-align: left;}
#process.process .box .icon{float: left; position: inherit; top: initial; right: initial; left: initial; margin-right: 15px;}
#process.process .box .box-title{margin-top: 0px; font-size:18px;}
#services.services .box{height: initial!important;}
#process.process .box .box-title:after{display: none}
#process.process .box p{text-align: left; display:flex;}
#call-to-action { padding: 30px 10px 30px 10px;}
#call-to-action .call-title{font-size:18px; line-height:30px;}
#call-to-action li{font-size: 20px;
    line-height: 26px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0px;
    font-weight: 400;}

    #process.process .box{margin-top: 0px; margin-bottom: 15px;}
    .heading-title {
    color: #b40639;
    font-size: 20px;
}

footer .countries li {
    line-height: 26px;
    width: 100%;
    float: initial;
}
} 

/*
@media (min-width: 576px) and (max-width: 767px)  ... 
@media (min-width: 768px) and (max-width: 991px)  ... 
@media (min-width: 992px) and (max-width: 1199px)  ... 
@media (min-width: 1200px)  ...*/