.wrapper { width:100% }
.header { width:1025px; height:100px; }
#nav { font-size: 16px; text-transform: uppercase; position:relative; z-index:1000; font-family: 'Droid Sans', sans-serif; font-weight: bold; }
#nav ul { margin:0; float:right; list-style:none; }
#nav li { margin:0 0 0 30px; float:left; padding:15px 0; position:relative; }
#slider { display:block; }
#welcome-mgs{ width:970px; height:210px; }
#slider { display:block; }
.section-1 { width:600px; float:left; }
.section-2 { float:right; width:350px; }
.section-2 p { font-style:italic; font-size:18px; }
#service{ width:1024px; height:290px; }
.box { width:224px; height:220px;}
#info { width:970px; height:261px; }
.item  { float:left; width:242px; height:261px; }
#footer { width:970px; height:80px;  }
#servicePage { width:980px; height:auto; }
#landscaping{ width:1025px; height:auto; }
#tree-service{ width:980px; height:auto; }
#masonry { width:980px; height:auto; }
#projects { width:980px; height:auto; }
.gallery { width:994px; height:auto; }
.gallery  h2 { text-align:left; margin-left:50px; }
.gallery div p { margin: 8px -6px;text-align:center;  }
.line { width:72%; }
#contact { width:970px; height:300px; margin:0 auto; } #nav li { margin:0 0 0 30px; float:left; padding:15px 0; position:relative; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.wrapper { width:100% }
.header { width:700px; max-width:900px; height:50px; }
#nav { font-size: 10px; text-transform: uppercase; position:relative; z-index:1000; font-family: 'Droid Sans', sans-serif; }
#nav ul { margin:0; float:right; list-style:none; }
#nav li { margin:0 0 0 30px; float:left; padding:15px 0; position:relative; }
#slider { display:block; }
#welcome-mgs{ width:710px; height:260px; }
.section-1 { width:450px; float:left; }
.section-2 { float:right; width:250px; }
.section-2 p { font-style:italic; font-size:18px; }
#service{ width:726px; height:432px; }
.box { width:224px; height:220px;}
#info { width:630px; height:461px; }
.item  { width:210px; height:261px; }
#footer { width:350px; height:80px;  }
#servicePage { width:94%; height:auto; }
#landscaping{ width:680px; height:auto; }
#tree-service{ width:680px; height:auto; }
#masonry { width:680px; height:auto; }
#projects{ width:680px; height:auto; }
.gallery { width:750px; height:auto; }
.gallery  h2 { text-align:left; margin-left:50px; }
.line { width:72%; }
#contact { width:670px; height:350px; margin:0 auto; }
} @media only screen and (max-width: 767px) {
.header-phone{font-size:17px;margin-top:10px; text-align:center !important;}
.header-phone a{font-size:17px;}
.wrapper { width:99% }
.header { width:170px; height:120px; }
#nav li { margin:0 -70px -20px 15px; float:none; padding:12px 0; position:relative; }
#nav ul { margin:0; list-style:none; }
#nav {width:200px;}
#nav{
bottom:0;
}
#slider { display:block;max-width:100%; padding-top: 20px;}
#slider.carousel .wrapSlider{
height: 250px !important;
}
#welcome-mgs { height: auto; width: 96%; margin-top: 28px; }
.section-1 { float: none; width: 92%; margin: 0px auto; }
.section-2 { float: none; width: 92%; margin: 0px auto; }
.section-2 p { font-style:italic; font-size:13px; }
#service{ height: auto; width: 98%; margin-top: 28px; }
.box { width:92%; height:auto; margin-bottom: 16px; }
.box img { width:100%; height:auto;}
#service2{width:100%;}
#service2 .box{max-width:100%;float:none;}
#info { height: auto; width: 87%; margin: 0px auto; }
.item { height: auto; width: 100%; margin-bottom: 30px; }
#footer { width:270px; height:40px;  }
#servicePage { width:96%; height:auto; margin-left:10px; margin-top:40px; }
#landscaping{ width:286px; height:auto; margin-left:10px; margin-top:70px; }
#tree-service { width:286px; height:auto; margin-left:10px; margin-top:70px; }
#masonry { width:286px; height:auto; margin-left:10px; margin-top:70px; }
#projects { width:286px; height:auto; margin-left:10px; margin-top:70px; }
.gallery { width:68%; height:auto; margin:30px auto; }
.gallery  h2 { text-align:center; margin:0 auto; }
.line { width:70%; margin: 0 auto; }
#contact { width:270px; height:430px; margin:0 20px; }
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper { width:100%; }
.header { width:300px; height:120px; }
#nav li { margin:0 0 -20px 15px; float:none; padding:12px 0; position:relative; }
#nav ul { margin:0; float:left; list-style:none; }
#nav {width:200px;}
#slider { display:block;max-width:99%; padding-top: 20px;}
#welcome-mgs { height: auto; width: 100%; margin-top: 28px; }
.section-1 { float: none; width: 92%; margin: 0px auto; }
.section-2 { float:left; width:420px }
.section-2 p { font-style:italic; font-size:16px; }
#service{ width:100%; height:auto; }
.box { width:46%; height:auto;}
.line { width:80%; margin-left:70px }
#info { width:400px; height:400px; }
.item  { width:200px; height:220px; }
#footer { width:330px; height:80px;  }
#servicePage { width:95%; height:auto; margin:25px auto; }
#landscaping{ width:410px; height:auto; margin:25px auto; }
#tree-service { width:410px; height:auto; margin:25px auto; }
#masonry { width:410px; height:auto; margin:25px auto; }
#projects { width:410px; height:auto; margin:25px auto; }
.gallery { width:510px; height:auto; margin:30px auto;}
.gallery  h2 { text-align:left; margin-left:50px; }
#contact { width:430px; height:380px; margin:0 20px; }
}
.ga_wraper{height:180px !important;}