*{ padding:0; margin:0; box-sizing:border-box;}
body{padding: 0;margin: 0;background: #fff;font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif;}
input, select, textarea , button{transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
a {color:#0000ee;text-decoration:none;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;outline:none;outline: 0;}
a::after , a::before{text-decoration:none;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
a:hover , a:focus {text-decoration:none;}
input {border: 0;outline: 0;}
ul{margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5, h6 , p {margin: 0;}
img{max-width:100%}

ul.list-inline.text-center {
    margin: 10px 0;
}
ul.list-inline.text-center li.list-inline-item {
    padding: 0 10px;
}
ul.list-inline.text-center li.list-inline-item a {
    color: #fff;
}
ul.list-inline.text-center li.list-inline-item a:hover{color:#007bff}
p.style-1{font-weight:700; margin-bottom:10px;}
.title-top {  text-align: center;}
.title-middle{text-align: center;}
.title-top h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

h3 {
    font-size: 1.17em;
    font-weight: bold;
}

/** media query **/ 

@media (min-width:320px) and (max-width:768px){
.title-top h1 {
    display: block;
    font-size: 22px;
    padding-top: 25px;
    font-weight: bold;
}	 
}