@media screen and (min-width: 740px) and (max-width: 999px) { 

.main-container {width: 100%;}
.services ul li {width: 24%; margin: 0 1% 0 0;}
.services ul li img {width: 100%; height: auto;}
.services ul li h5 {font-size: 15px;}
.client ul {text-align: center; margin: 0 auto;}
.client ul li {float: none; display: inline-block;}
.ditributor ul {text-align: center; margin: 0 auto;}
.ditributor ul li {float: none; display: inline-block;}

}


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

.mob_title {display: block; background: #5E5E5E; color: #ffffff; padding: 10px; font-style: normal; font-size: 18px;}
.mob_title em {font-style: normal;}
#nav {height: auto; float: none; width: 100%;}
#nav ul {display: none; position: absolute; width: 100%; background: #5E5E5E; padding: 0; z-index: 100000;}
#nav ul li {float: none; padding: 5px 0 5px 0 !important; border: 0 !important; text-align: center; margin: 0;}
#nav ul li a {padding: 0; font-size: 17px; color: #ffffff; text-align: center; display: inline-block;}
.mob_title a.menubtn {
    background: url("../images/menu-bg.png") no-repeat scroll right 2px rgba(0, 0, 0, 0);
    display: block;
    float: right;
    height: 24px;
    width: 34px;
}
#nav ul li ul {position: relative; width: auto; top: 0; background: none; padding: 10px 0 0 0;}
#nav ul li ul li ul {position: relative; width: 1uto; top: 0; left: 0;}

.main-container {width: 100%;}
#header a.phone {float: none; margin: 0 auto; display: block;}
#logo {float: none; margin: 0 auto;}
#logo img {float: none; display: block; margin: 0 auto; padding: 10px 0;}
.banner .caption {bottom: 10px;}
.banner .caption h1 {font-size: 20px; line-height: 25px;}
.inner-content {padding: 25px 5%;}
.inner-content h1 {font-size: 40px; line-height: 44px;}
.services ul li {float: none; margin: 0 auto 20px !important;}
.client ul {width: 100%;}
.client ul li {float: none; margin: 0;}
.client ul li img {display: block; margin: 0 auto;}
.ditributor ul {width: 100%; padding: 30px 0;}
.ditributor ul li {float: none; margin: 0;}
.ditributor ul li img {display: block; margin: 0 auto;}
#footer .left {float: none; text-align: center;}
#footer {padding: 0px 5% 30px;}
#footer .right {float: none; padding: 15px 0 0 0;}
#footer .right ul {text-align: center;}
#footer .right ul li {float: none; display: inline-block;}

/** INNER1 **/

.inner-page {padding: 30px 5%;}
.inner-page ul li {text-align: center;}
.inner-page ul li p {text-align: center; padding: 0 0 20px 0;}
.inner-page ul li img {float: none; display: block; margin: 0 auto; padding: 0 0 20px 0;}

}