JezK

Edit File: requestquote.css

.heading{
margin-top:8%;
margin-bottom:5%;
}

.flex-container{
display:flex;
justify-content: space-around;

}

.imageclass{
padding-left:20px;
}

.headingclass{
    margin-right: 30%;
}

.alignmentclass{
    width: 35%;
    margin: 0px auto;
    
    }

input[id="space"]::placeholder {  
                  
                /* Firefox, Chrome, Opera */ 
                text-align: right; 
            } 
            
            
            
.form-control{

border: 2px solid #ced4da;
    background-color: white !important;

}

.border{
 border: 2px solid #ced4da !important;
 padding:10px;
 margin-left:32%;
 width:60%;
 border-radius:5px

}

.calendericon{
    position: absolute;
    top: 5px;
    right: 5px;

}

input[id="currencyname"]::placeholder {  
text-align: right; 
}

.description{
width:60%;
margin-left:32%;
}

.submit{
justify-content: flex-end; 
margin-right: 190px;
padding-top:20px

}

.navbarborder{

box-shadow: 0 3px 5px #888888;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.navbar .navbar-nav li .lr-styl {
    font-weight: 600;
    text-transform: uppercase;
    color: #2c60d0 !important;
    font-size: 16px;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}
.nav-item ul {
    background: #3b88f9;
    visibility: hidden;
    opacity: 0;
    min-width: 18rem;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: 1rem;
    top: 30px;
    /* left: 0; */
    display: none;
    list-style: none;
    z-index: 9999;
    border-radius: 5px;
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
}
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar .navbar-nav li.active .menu-icon,
.navbar .navbar-nav li:hover .toggle_nav_button:before,
.navbar .navbar-nav li .toggle_nav_button.nav-open:before {
    color: #2157c9 !important;
}

.navbar .navbar-nav li>a:hover,
.navbar .navbar-nav li>a:hover .menu-icon {
    color: #2157c9 !important;
}

.navbar .navbar-nav li>a .badge {
    border-radius: 0;
    font-family: 'Open Sans';
    font-weight: 600;
    float: right;
    margin: 6px 0 0;
    padding: 0.4em 0.5em;
}

.navbar .navbar-nav li.menu-item-has-children {
    position: relative;
}

.navbar .navbar-nav li.menu-item-has-children a {
    line-height: 30px;
}

.navbar .navbar-nav li.menu-item-has-children a:before {
    content: "\f105";
    color: #c8c9ce;
    font-family: 'Fontawesome';
    font-size: 16px;
    position: absolute;
    /* padding: 8px; */
    /* top: 0px; */
    right: 3px;
    text-align: right;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.navbar .navbar-nav li.menu-item-has-children a:hover:before {
    color: #fff;
}

.navbar .navbar-nav li.menu-item-has-children .sub-menu {
    background: #ffffff;
    border: none;
    box-shadow: none;
    overflow-y: hidden;
    padding: 0 0 0 35px;
}

.navbar .navbar-nav li.menu-item-has-children .sub-menu li {
    position: relative;
    list-style-type: disc;
    color: #d3d9e7;
}

.navbar .navbar-nav li.menu-item-has-children .sub-menu i {
    color: #c8c9ce;
    float: left;
    padding: 0;
    position: absolute;
    left: 0;
    font-size: 14px;
    top: 9px;
}

.navbar .navbar-nav li.menu-item-has-children .sub-menu a {
    /* padding: 2px 0 2px 30px; */
}

.navbar .navbar-nav li.menu-item-has-children .sub-menu a:before {
    content: '';
    display: none;
}

.navbar .navbar-nav li.menu-item-has-children .sub-menu a .menu-icon {
    top: 13px;
    text-align: left;
    width: 25px;
}

.navbar .navbar-nav li.menu-item-has-children.show a:before {
    content: "\f107";
}

.navbar .navbar-nav li.menu-item-has-children.show .sub-menu {
    max-height: 1000px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: static !important;
}

.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.active>a:focus,
.navbar .navbar-nav>.active>a:hover {
    color: #1f1f21 !important;
}

.navbar-nav li span.count {
    background: #a9d86e;
    border-radius: 50%;
    color: #fff;
    font-family: 'Open Sans';
    font-size: 9px;
    font-weight: 700;
    float: right;
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin-right: 15px;
    text-align: center;
}

@media screen and (max-width: 780px){

.border{
 
 margin-left:25%;
 width:50%;

}

.description{
 
 margin-left:25%;
 width:50%;

}

.submit{
    width: 20%;
    margin-left: 40%;

}

}
label.inpt-label.datepickerlable {
    width: 100% !important;
    display: block !important;
}