body{
    /* background-color: #2f3830; */
    background-color: #31b69f;
    color: #ffffff;
}
.centerhead{
    display: none;
}
.main{
    margin-left:14%;
    margin-right: 14%;
}
.submain{
    margin-top: 2%;
    /* margin: 0; */
    /* border: 1px solid white;  */
}
.smalldisp{
    display: none;
}
.left{
    float: left;
}
.right{
    float: right;
    margin-top: 1%;
    margin-left: 2%;
}
.center{
    text-align: center;
}
hr.new1 {
    clear: both;
    display: block;
    margin-top: 6%;
    margin-bottom: 2.5%;
    border-top: 1px solid #ffffff;
    /* border-top: 1px solid #f2d9c2; */
    /* opacity: 36%; */
    opacity: 0.3;
    -moz-opacity: 0.3; /* Firefox and Mozilla browsers */
    -webkit-opacity: 0.3; /* WebKit browser e.g. Safari */
    filter: alpha(opacity=30); /* For IE8 and earlier */
    -khtml-opacity: 0.3;
}
hr.new2 {
    display: block;
    width: 100%;
    margin: 2.5% 2% 1% 2%;
    border-top: 1px solid #ffffff;
    /* border-top: 1px solid #f2d9c2; */
    opacity: 0.3;
    -moz-opacity: 0.3; /* Firefox and Mozilla browsers */
    -webkit-opacity: 0.3; /* WebKit browser e.g. Safari */
    filter: alpha(opacity=30); /* For IE8 and earlier */
    -khtml-opacity: 0.3;
}
.downloadbtn{
    /* background-color: #ffffff !important; */
    background-color: #d0e577 !important;    
    font-size: 1vw;
    border-radius: 5px;
    padding: 2px 1%;
    border: none;
}
.downloadbtn:hover{
    /* background-color: #f2d9c2 !important; */
    /* background-color: #000000 !important; */
    background-color: #06669e !important;
    color: white;
    /* border: 1px solid white; */
}
.respbtn{
    background-color: #d0e577 !important;
}

.respbtn:hover{
    background-color: #06669e !important;
    color: white;
}
.largedisplaylogo{
    display: none;
}
/* .logoimg{
   max-width: 22%;
   
} */
.logoimg2{
    /* max-width: 68%; */
    margin-left: 2%;
 }
 .logoalign{
     margin-top: -1%;
 }
.mocimg{
    max-width: 80%;
    margin-left: 2%;
}
.space{
    margin-top: 2%;
}
.btns{
    max-width: 33%;
    margin-left: 5%;
}
.texthead{
    /* color: #f2d9c2; */
    color: #f2ef6e;
    /* margin-top: 5%;  */
    margin-top: 9%; 
    /* margin-bottom: 5%; */
    margin-bottom: 6%;
    padding-left: 5%;
    letter-spacing: 2px;
    font-size: 2.3vw;
}
.textdesc{
    padding-left: 5%;
    /* margin-bottom: 5%; */
    margin-bottom: 6%;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 1.34vw;
}
.footericons{
    /* max-height: 44%;   */
    max-height: 38%;  
    /* max-height: 5vw; */
    margin-top: 2%;
    margin-left:5%;
}
.icons{
    text-decoration: none;
    border: none;
    outline: 0;
}
.icons:hover {
    text-decoration: none;
    border: none;
    outline: 0;
  }
  
/* #fb:hover { */
    /* content: url('images/newicons/ogFacebook.png'); */
    /* object-fit: contain; */
    /* max-height: 100%; */
/* } */

/* #insta:hover {
    content: url('images/newicons/ogInsta.png');  */
    /* max-height: 100%; */
    /* object-fit: contain;
}
#tweet:hover {
    content: url('images/newicons/ogTwitter.png'); */
    /* max-height: 100%; */
    /* object-fit: contain; */
/* }
#utube:hover {
    content: url('images/newicons/ogyoutube.png'); */
    /* max-height: 100%; */
    /* object-fit: contain;
} */
.space2{
    margin-top: 1%;
}
a{
    text-decoration: none;
    color: white;
}
.smalldisplay{
    display: none;
}
.largedisplay{
    display: block;
}
.col-lg-4{
    text-align: center;
    margin-top: 1%;
}
.footerlinks{
    color: #ffffff;
    font-size: 1vw;
    margin: 2%; 
}
.suport{
    font-size: 1.2vw;
}
.islamy{
    text-align: center;
    margin-top: 2%;
}

.captcha{
    /* background-color: gray; */
    background-color: white;
    padding: 10px 20px;
    cursor: default;
    opacity: 0.8;
    color: black;
    text-decoration: none;
    pointer-events: none;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
    /* font-variant: diagonal-fractions; */
}


@media screen and (max-width: 1920px) and (min-width: 1480px) {
    .logoalign{
        /* margin-top: -2%; */
        margin-top: 0%;
    }
    .texthead{
        font-size: 2.5vw;
    }
    .textdesc{
        font-size: 1.4vw;
    }
    .smalldispnone{
        margin-top: 1.3%;
    }
    .suport{
        margin-top: 0.9%;
    }
    .largedisplaylogo{
        display: block;
    }
    .largedisplaynone{
        display: none;
    }
}
@media screen and (max-width: 1320px) and (min-width: 100px) {
    .main{
        margin-left:2%;
        margin-right: 2%;
    }
    .alignright {
        text-align: right;
        margin-right: 18%;
    }
}
@media screen and (max-width: 1320px) and (orientation:landscape) {
    .footericons{
        max-height: 1.5vw;  
        /* max-height: 2vw; */
    }
 }
@media screen and (max-width: 995px) and (min-width: 100px) {
    .main{
        margin-left:2%;
        margin-right: 2%;
    }
    .right{
        /* margin-top: 2%; */
        margin-top: 1%;
    }
    .alignright {
        text-align: right;
        margin-right: 18%;
    }
    .footericons{
        /* max-height: 34%;   */
        max-height: 2vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 100px) {
    .col-sm-12{
        text-align: center;
    }
    .smalldispnone{
        display: none;
    }
    .smalldisp{
        display: block;
    }
    .logoimg2{
        display: none;
    }
    .texthead{
        text-align: center;
        font-size: 2.5vw;
    }
    .btns{
        text-align: center;
        margin-right: 5%;
        margin-bottom: 10px;
        max-width: 39%;
    }
    .textdesc{
        text-align: center;
        font-size: 2vw;
    }
    .downloadbtn{
        font-size: 1.5vw;
        margin-top: -4%;
    }
    .smalldisp{
        float: none;
    }
    .footerlinks{
        color: #ffffff;
        font-size: 2vw;
        margin: 2%; 
    }
    .respcenter{
        clear: both !important;
        text-align: center;
        float: none;
    }
    img.left{
        float: none;
        text-align: center;
    }
    .alignright{
        text-align: center;
        margin:0;
    }
    hr.new1 {
        /* margin-top: 3%; */
        margin-top: 2%;
        margin-bottom: 3%;
    }
    .btncenter{
        text-align: center;
    }
    .footericons{
        max-height: 44%;  
        /* max-height: 2vw; */
    }
}
@media screen and (max-width: 575px) and (min-width: 100px) {
    .smalldisplay{
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 70%;
    }
    .largedisplay{
        display: none;
    }
    .centerhead{
        display: block;
    }
    .resplogo{
        max-width: 90%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3%;
        margin-bottom: 5%;
    }
    .respbtn{
        /* css for button but in iphone 5s color not showed */
        display: block;
        color: black;
        margin-left: auto;
        margin-right: auto;
        /* background-color: #ffffff; */
        background-color: #d0e577;    
        margin-bottom: 5%;
        font-size: 4vw;
        border-radius: 4px;
        padding: 1.2px 2%;
        width: max-content;
    }

    .respbtn:hover{
        background-color: #06669e;
        color: white;
    }
    .texthead{
        font-size: 9vw;
        padding-left: 0;
        margin-bottom: 3%;
    }
    .textdesc{
        text-align: center;
        font-size: 4.5vw;
    }
    .btns{
        max-width: 75%;
        margin-top: 2.5%;
    }
    .footerlinks{
        font-size: 3.5vw;
        margin-bottom: 2%;
    }
    .footericons{
        /* max-height: 44%;   */
        max-height: 5vw;
        margin-top: 2%;
        margin-left:5%;
        margin-bottom: 2%;
    }
    .islamy{
        text-align: center;
        margin-top: 2%;
    }
}

.contactformdiv{ 
    /* margin-top:3%; */
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 1%;
    /* padding: 2%; */
    /* border: 1px solid black; */
    /* box-shadow: 1px 1px 1px 1px white; */
}
.dataform{
    margin-top:3%;
    margin-bottom: 1%;
    padding: 2%;
    /* border: 1px solid white; */
    border: 1px solid black;
    /* box-shadow: 5px 5px 5px 5px gray; */
}
.inputdesign {
    width: 100%;
    padding: 7px 20px;
    /* margin: 8px 0; */
    margin:0px 0px 10px 0px;
    display: inline-block;
    /* border: 1px solid #ccc; */
    border: 1px solid #29706d;
    border-radius: 4px;
    box-sizing: border-box;
    /* background-color: #576158 !important; */
    background-color: #1c9976 !important;
  }
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  textarea:-webkit-autofill:active,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus,
  select:-webkit-autofill:active
  {
    background-color:   #576158 !important;
    box-shadow: 0 0 0px 1000px #576158 inset;
    -webkit-box-shadow: 0 0 0px 1000px #576158 inset;
  }
  
  .submitbtn {
    /* width: 10%; */
    /* background-color: #4CAF50; */
    /* background-color:white; */
    background-color:#d0e577;
    
    color: black;
    padding: 7px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  .submitbtn:hover {
    /* background-color: #1c9976; */
    background-color: #06669e !important;
    color: white;
  }  
  label{
      margin-bottom: 4px;
      margin-top:1rem;
  }
  .checkbox{
    margin-left: 2%;
  }
  ::placeholder {
    color: black;
    opacity: 0.6; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
  }