@media only screen and (min-width:761px) and (max-width:1000px) {
img {max-width:100%; height:auto;}
.topsection-main{ width:98%; height:auto; padding:10px 0px; margin:0px auto;}
.logosection{ width:25%;}
.banner-section-main{ width:98%; margin:0px auto;}

.content-section-main{ width:98%; margin:0px auto;} 
.content-section-main h2{ font-size:24px;}

.philosophay{ width:98%; height:auto; padding:30px 0px; margin:0px auto;}

.contact-section{ width:98%; margin:0px auto;}




}

@media only screen and (min-width:480px) and (max-width:760px) {
img {max-width:100%; height:auto;}

.topsection-main{ width:98%; height:auto; padding:10px 0px; margin:0px auto;}
.logosection{ width:100%; float:none; text-align:center;}
.navsection{ display:none;}

.banner-section-main{ width:98%; margin:0px auto;}

.content-section-main{ width:98%; height:auto; padding:15px 0px; margin:0px auto;}
.provide-section-left{ width:100%; float:none; padding:0px; margin:0px auto 15px auto;}
.provide-section-right{ float:none; margin:0px auto;}

.philosophay{ width:98%; height:auto; padding:30px 0px; margin:0px auto;}
.philosophay .leftpic{ width:100%; height:auto; float:none; padding:0px; margin:0px auto 20px auto; text-align:center;}

.contact-section{ width:98%; margin:0px auto;}
.contact-section-left{ width:100%; float:none; padding:0px; margin:0px auto 20px auto;}
.contact-section-right{ width:100%; float:none; padding:0px; margin:0px auto 20px auto;}
.contact-section-right h2{ font-size:20px;}


}


@media only screen and (min-width:320px) and (max-width:479px){
img {max-width:100%; height:auto;}
.topsection-main{ width:98%; height:auto; padding:10px 0px; margin:0px auto;}
.logosection{ width:100%; float:none; text-align:center;}
.navsection{ display:none;}

.banner-section-main{ width:98%; margin:0px auto;}

.content-section-main{ width:98%; height:auto; padding:15px 0px; margin:0px auto;}
.content-section-main h2{ font-size:20px; line-height:normal;}
.provide-section-left{ width:100%; float:none; padding:0px; margin:0px auto 15px auto;}
.provide-section-right{ float:none; margin:0px auto;}

.philosophay{ width:98%; height:auto; padding:30px 0px; margin:0px auto;}
.philosophay .leftpic{ width:100%; height:auto; float:none; padding:0px; margin:0px auto 20px auto; text-align:center;}

.contact-section{ width:98%; margin:0px auto;}
.contact-section-left{ width:100%; float:none; padding:0px; margin:0px auto 20px auto;}
.contact-section-right{ width:100%; float:none; padding:0px; margin:0px auto 20px auto;}
.contact-section-right h2{ font-size:20px;}

}