@media screen and (min-height : 700px)
{
  .mainheading > h4
  {
    font-size: 20px !important;
  }
  .mainheading > h5
  {
    font-size: 19px !important;
  }
  .forminput > h5 {
    font-size: 18px !important;
    }
    .radioinput>span {
        font-size: 18px;
    }
}
.formwaterpump>h5
{
    font-size: 18px;

}
.buttons
{
    margin-top: 30px !important;
    margin-bottom: 30px;
}
.buttons > button
{
    font-size: 18px;

}

* {
    margin: 0;
    padding: 0;
    
}
body
{
    font-family: 'Roboto', sans-serif;
    /* height: 10vw; */
    background-color: rgb(237, 252, 252);
    
}


.productmain {
    width: 100%;
    position: absolute;
    height: 100%; 
    background-repeat: no-repeat;
 }

.mainheading {
    padding: 5px;
    background-color: #1DA1F2;
    color: rgb(231, 229, 229);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 5px;
    text-align: center;
    opacity: 0.9;
    box-shadow: 0 2px 10px rgb(105, 105, 105);

}

.mainheading>h4 {
    line-height: 23px !important;
}

.category_heading {
    color: grey;
    text-transform: uppercase;
}

.category_heading>h5 {
    font-weight: 800 !important;
    font-size: 18px !important;
    margin-bottom: 10px;
    text-align: center;
}

.category_subs
{
    text-align: center;
    margin-bottom: 10px;
    font-weight: 550;
}

.categoryinfo 
{
    margin-bottom:  0 !important;
    /* margin-top: 15px !important; */
}

.list-group
{
    /* box-shadow: 0 0.5px 2px rgb(71, 71, 73); */
    /* align-items: center; */
    align-content: center;
    margin-bottom: 12px !important;
    /* color: blue !important; */
}

.list-group > a
{
    text-align: center;
    background: #dffb81;
    background: -moz-linear-gradient(top,  #dffb81 0%, #91cf50 12%, #91cf50 88%, #dffb81 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dffb81), color-stop(12%,#91cf50), color-stop(88%,#91cf50), color-stop(100%,#dffb81));
    background: -webkit-linear-gradient(top,  #dffb81 0%,#91cf50 12%,#91cf50 88%,#dffb81 100%);
    background: -o-linear-gradient(top,  #dffb81 0%,#91cf50 12%,#91cf50 88%,#dffb81 100%);
    background: -ms-linear-gradient(top,  #dffb81 0%,#91cf50 12%,#91cf50 88%,#dffb81 100%);
    background: linear-gradient(to bottom,  #dffb81 0%,#91cf50 12%,#91cf50 88%,#dffb81 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dffb81', endColorstr='#dffb81',GradientType=0 );

    border: 0;
    color: #204b78;
    border-radius: 10px;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
}
.list-group > a > img
{
    width: 40px;
    text-align: left !important;
}
.forminput
{
    text-align: right;
    justify-content: right;
    display: flex;
    width: 100%;
    padding: 10px 0 5px 0;
    
    
    border-bottom: 1px solid black;

}

.formradio
{
    border-bottom: 1px solid black;
}
.formradio>h4
{
     text-align: center; 
}
.radioinput
{
    justify-content: space-evenly;
    /* text-align: center; */
    display: flex;
    /* align-items: center; */
    margin-bottom: 15px;
}
.radioinput>input
{
    
    right: 10px;
    margin-right: 30px;
    width: 20px;
    height: 20px;
}
.radioinput>span
{
    margin-bottom: 10px;
}


/* #rdbtn1
{
    margin-left: 54px;
} */
.forminput > h5
{
    
    font-weight: 500;
    font-size: 16px;
    width: 80%;
    display: inline-block;
    word-wrap: break-word;
}

.forminput > .input-suffix>h6
{
 text-align: left;
 margin-top: 5px;
    
}

.forminput > .input-suffix>input
{
    padding: 5px 5px 5px 5px;
        width: 100%;
        
    /* height: 5vh; */
   position: relative;
   left:0px;
    border: 1.5px solid maroon;
    border-radius: 0px;
    margin-left: -25px;

}
.forminput > .input-suffix
{
    position: relative;
    display: table;
    flex-direction: column;
    justify-content: center;
    width: 20%;
}

.formwaterpump
{
    display: flex;
    width: 100%;
    padding: 5px;
    align-items: center;
    border-bottom: 1px solid black;
}


.formwaterpump >select
{
    position: relative;
    padding: 8px;
    width: 45%;
    /* height: 5vh; */
   /* place-content: center; */
   float: right;
    display: flex;
    
    border: 1.5px solid maroon;
     border-radius: 0px;

}
input[type="number"]::placeholder {  
                  
    /* Firefox, Chrome, Opera */ 
    text-align: center; 
}

.buttons
{
    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
    justify-content: space-evenly;
}

.buttons > button
{
    /* background-color: red !important; */
}

#clearbtn
{
    background-color: red !important;
    color: white !important;
}

#searchbtn
{
    background-color: #1DA1F2 !important;
    color: white !important;
}

.fullname_input
{
    display: flex;
}

.name_prefix
{
    flex: 0.2;
}

.name_text
{
    flex: 0.8;
}

.mobilenumber_input
{
    display: flex;
    align-items: center;
}

.number_prefix
{
    background-color: grey;
    color: white;
    padding: 8.5px;
    border: 1px solid white;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}