@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .holder {
    	width: 90%;
    	padding: 2%;
    }

        h2 {
    	border-right: none;
    	text-align: center;
    }

    .contact {
    	text-align: center;
    }

    .nav {
    	top: 25px;
    	width: 35%;
    }

    .nav li {
    	margin: 0;
    	padding: 15px 0 15px 15px;
    	float: left;
    }

    .nav a {
    	padding: 15px;
    }

    h1.title, h2, .service-desc h2 {
    	line-height: 30px;
    	font-size: 30px;
    	width: 100%;
    	padding-right: 0;
    }

    .title {
    	width: 40%;
    }

    .intro {
    	text-align: center;
    	float: none;
    	width: 100%;
    }

    .map {
    	margin: 0px auto !important;
    	float: none;
    }

    h1.title {
    	width: 40%;
    }

    .nivoSlider {
    	width: 256px;
    }

    .team-right {
    	width: 60%;
    	margin-left: 35px;
    }

    .service-desc img {
    	width: 50%;
    }


  }



@media all and (min-width: 0px) and (max-width: 699px) {
    
    .holder {
    	width: 85%;
    	padding: 2%;
    }

    h2 {
    	border-right: none;
    }

    .contact {
    	text-align: center;
    }

    .nav {
    	top: 8px;
    	width: 100%;
    }

    .nav ul {
    	text-align: center;
    }

    .nav li {
    	margin: 0;
    }

    .nav a {
    	padding: 10px 5px;
    	font-size: 14px;
    	color: #d7ea58;
    }

    .logo {
        width: 400px;
        position: relative;
        height: auto;
        max-width: 95%;
        display: block;
        margin: 15px auto 0 auto;
    }

    .header2{
        height: 165px;
    }

    .banner {
    	height: 310px;
    }

    h1.title, h2, .service-desc h2 {
    	line-height: 30px;
    	font-size: 30px;
    	width: 100%;
    	padding-right: 0;
    }

    #slider {
    	display: none;
    }

    .intro, .service, .service img {
    	width: 100%;
    }

    .service {
    	margin: 10px 0;
    	padding: 0;
    }

    .map {
   	width: 100%;
    float: none;
    margin: 25px 0 60px !important;
    overflow: hidden;
    }

    footer {
    	width: 90%;
    	padding: 5%;
    }

    .team-right, .service-desc img {
    	width: 98%;
    	float: none;
    	margin: 15px 0;
    }
}