@media only screen and (max-width: 959px) {
	
	body
{
	max-width: 100%;
}	
	
}
@media only screen and (max-width:768px)
{

.topbar p {
    width: 78%;
    float: left;
    text-align: left;
    font-size: 17px;
    line-height: 40
	px;
}
.topbar img
{
	display:none;
}
.header-button
{
	    margin: 3px 0 4px 0;
}
.revolutionary-heading h1, .revolutionary-heading h3
{
	width: 73%;
	text-align:center;
}
.parellel-lines
{
	width:13%;
	margin:7px 0 0 0;
}
.revolutionary-parts
{
	width:30%;
}
.revolutinary-part1
{
	width:28%;
}
.revolutinary-part1 img
{
	width:100%;
}
.parellel-lines1 {
    border-bottom: 2px solid;
    width: 13%;
    border-top: 2px solid;
    height: 8px;
    margin: 8px 0 0 0;
    float: left;
}
.revoltionary-part2 {
    width: 69%;
    float: left;
    padding: 0 3px;
    margin: 0 0 0 5px;
}
.revoltionary-part2.one {
    margin: 0 0 0 6px;
}
.potfoliyo-lines
{
	width:31%;
}
.home-portfoliyo img
{
	height:160px;
	width:95%;
}
.revolutionary-heading.top h3 {
    margin-bottom: 20px;
}
.potfoliyo-lines {
    width: 21%;
    margin: 16px 0 0 0;
}
.portfoliyo-heading h3 {
    float: left;
    width: 58%;
}
.about-content-left {
    width: 100%;
    padding:0 10px;
    float: none;
}
.about-content-right {
    width: 100%;
    float: right;
    padding: 10px 0;
}
.value-content {
    padding: 26px 0;
    border-bottom: none;
}
.enqury-form {
    width: 100%;
    float: none;
}
.contact-adress {
    width: 45%;
    float: left;
}
.adress-map iframe {
    border: 1px solid #868686;
    width: 55%;
    height: 390px;
}
.contact-content {
    margin-top: 49px;
	width: 100%;
}
.well
{
	width:75%;
}
div#popupfoot img {
    width: 10%;
    position: relative;
    left: 100%;
    bottom: 390px;
}
.service-content-left {
    width: 100%;
    padding: 0;
    float: none;
}
.service-content-right {
    width: 100%;
    float: none;
}
.footer {
    background:url(../images/mobile-footer.jpg);
    height: auto;
}

.footer1, .footer2, .footer3, .footer4 {
    float: left;
    width: 100%;
    padding: 0 10px;
}
input, select {
    width: 80%;
    padding: 10px;
    margin: 0 0 0 10px;
}
textarea {
    width: 80%;
    height: 100px;
    margin: 0 0 0 10px;
}


}
@media only screen and (max-width:425px){
.topbar {
    text-align: center;
}
.topbar p {
    width: 97%;
    float: none;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
}
.header-button {
    margin: 3px 0 4px 0;
    float: none;
}
.logo {
    float: none;
    text-align: center;
}
.logo img {
    width: 100%;
}
.social-icon {
    padding: 4.5% 0%;
    text-align: center;
    float: none;
}

.well
{
	width:90%;
}
div#popupfoot img {
    width: 10%;
    position: relative;
    left: 100%;
    bottom: 303px;
}
#menu-icon {
    display: inline;
    top: 15px;
    cursor: pointer;
     
}
.revolutionary-parts {
    width: 97%;
    float: none;
    margin: 0px auto;
	margin-bottom:5px;
}
.revolutinary-part1 {
    width: 21%;
}
.revoltionary-part2 {
    width: 74%;
    float: right;
    padding: 0 3px;
    margin: 0 0 0 5px;
}
.middle-services1 {
    float: left;
    width: 13%;
}
.middle-services2 {
    width: 82%;
    float: left;
    padding: 0 3px;
    margin: 0 15px 32px 0;
}
.middle-services3 {
    float: left;
    width: 13%;
}
.middle-services4 {
    width: 82%;
    float: left;
    padding: 0 3px;
    margin: 0 15px 32px 0;
}
.middle-services4 h3 {
    text-align:left;
}
.middle-1-img {
    width: 100%;
    margin-top: 0;
}

.seprator {
    float: right;
    width: 57%;
    margin-top: 12px;
}
.awards h3 {
    float: left;
    color: #9c9999;
    width: 41%;
}
.certification-content {
    float: right;
    width: 100%;
}
.form-middle
{
	display:none;
}
.form-left
{
	width:100%;
	margin-bottom:10px;
	float: none;
}
input, textarea {
    width: 95%;
    padding: 10px;
    margin: 0;
}
.enquiry-form-row {
    margin: 10px 0;
}
.submit {
 margin: 1% 0 0 0 !important;
}
.contact-adress {
    width: 100%;
    float: left;
}
.adress-map iframe
{
	width:100%;
}
}


@media only screen and (max-width:360px){

div#popupfoot img {
    width: 10%;
    position: relative;
    left: 100%;
    bottom: 347px;
}
}


@media only screen and (max-width:350px){

div#popupfoot img {
    width: 10%;
    position: relative;
    left: 100%;
    bottom: 347px;
}

}