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

.top h1 {

	 font-size: 40px;

	 margin: 35px 0px 20px 0px;

}

.section1 {

    height: auto;

	background: url(assets/img/top-bg.jpg) no-repeat 50% 0%;

	}

.top h2 {

    text-align: center;

    font-size: 30px;

}

.title-box {

    height: auto!important;

	padding:10px!important;

}

.title-box p {

    font-size: 14px!important;

}

.overflow-box {

    height: 30px;

}

.overflow-box span {

    bottom: 5px;

}

.site-header h2 {

    font-size: 28px;

    margin: 25px 0px 15px 0px;

}

.hadar-content {

    width: 100%;

    position: relative;

    padding: 0px;

}

.hadar-img-section {

    height: 300px;

}

.section2 {

    width: 100%;

    background:#063C69;

    height: auto;

}

.hadar-content .aboutnewclass a {

    color: #fff;

    background: #F56506;

    padding: 10px;

    text-decoration: none;

    font-size: 18px;

    margin: 15px 0px;

    display: inline-block;

    text-align: center;

    border-radius: 6px;

    text-transform: uppercase;

}

.testimonial {

    text-align: center;

}

.testimonial p{

    text-align: justify;

}

.hedar h1 {

    font-size: 28px;

}

.centered-border {

    margin: 10px auto;

}

.benefit-icon { 

	text-align:center;

}

.benefit-icon img {

    width: auto;

	display: inline-block;

}

.border-bottom{ 

	display:none;

}

.benefit-content h3 {

    margin: 10px;

}

.benefit-content {

    height: auto;

}

.section8 {

    width: 100%;

    background:#063C69;

    height: auto;

}

.section9 {

    background:#EDF1F3;

    height: auto;

}

.batn a {

    color: #fff;

    background: #F56506;

    padding: 10px;

    text-decoration: none;

    font-size: 20px;

}
}