/* ====================================================================================================================
 * GENERAL TAG
 * ====================================================================================================================*/
html {
    min-height: 100%;
}
body {
    margin: 0;
    background-color:#ffffff;
    display: inline-block;
    width: 100%;
    font-family: 'Arial';
    overflow-x: hidden;
}
img{
    max-width:100%;
    overflow:hidden;
    height:auto;
}
a{
    text-decoration:underline;
    transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s;
    -ms-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
}
a:hover {  text-decoration: none;  }
h1, h2, h3, h4, h5, h6, p {  margin: 0 !important;  }
*:before,*:after,* {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
button, input[type='submit'] {
    transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
}
li {  list-style-type:none;  }

/* ====================================================================================================================
 * TERMS SECTION - 1
 * ====================================================================================================================*/
.terms-home {
    background-color: #63028f;
    padding: 30px;
    text-align: center;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
}
.terms-home img {
    width: 280px;
}
.term-content {
    margin-top: 120px;
    padding: 50px 15px;
}
.term-content span {
    display: inline-block;
    width: 100%;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 30px;
}
.term-content h1 {
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 18px;
}
.term-content h2 {
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 18px;
}
.term-content p {
    font-size: 19px;
    padding-bottom: 18px;
}
.term-content ol {
    display: inline-block;
    width: 100%;
    color: #000;
    padding-left: 30px;
    margin: 0;
}
.term-content ol li {
    font-size: 19px;
    padding-bottom: 18px;
    list-style: decimal-leading-zero;

}

/* ====================================================================================================================
 * ====================================================================================================================
 * RESPONSIVE (MEDIA QUERY)
 * ====================================================================================================================
 * ====================================================================================================================*/
@media only screen and (min-width:1601px) and (max-width:1920px) {




}
@media only screen and (min-width:1281px) and (max-width:1440px) {




}
@media only screen and (min-width:1200px) and (max-width:1280px) {




}
@media only screen and (min-width:992px) and (max-width:1199px) {




}
@media only screen and (min-width:768px) and (max-width:991px) {



}
@media only screen and (min-width:481px) and (max-width:767px) {




}
@media (max-width: 480px) {
    .terms-home img {
        width: 200px;
    }
    .terms-home {
        padding: 20px;
    }
    .term-content {
        margin-top: 90px;
        padding: 30px 15px;
    }
}