@charset "utf-8";
/* CSS Document */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {margin: 0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#252622; -webkit-text-size-adjust:none; background:#fff;}
header, footer, section, aside, nav, article, video { display:block; }
h1, h2, h3, h4, h5, h6, section, img, div { margin:0; padding:0;font-weight:normal; }
ul, ol, li{ margin:0; padding:0; list-style:none;}
dl, dt, dd{ margin:0; padding:0; font-weight:normal;}
img { border:none;}
.fleft { float:left; }
.fright { float:right; }
p { margin:0 0 0 0; padding:0 0 0 0;}
.clear { clear:both; }
a{ text-decoration:none; color:#fff;}
.brd-none{ border:0px none !important;}
::-webkit-input-placeholder { color: #000;}
:-moz-placeholder { /* Firefox 18- */ color:#000;  }
::-moz-placeholder {  /* Firefox 19+ */ color:#000; }
:-ms-input-placeholder { color:#000; }

@font-face {
    font-family: 'Conv_ufonts.com_gillsans-light';
    src: url('../fonts/ufonts.com_gillsans-light');
    src: url('../fonts/ufonts.com_gillsans-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ufonts.com_gillsans-light.woff2') format('woff2'),
         url('../fonts/ufonts.com_gillsans-light.woff') format('woff'),
         url('../fonts/ufonts.com_gillsans-light.ttf') format('truetype'),
         url('../fonts/ufonts.com_gillsans-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_ufonts.com_gillsans';
    src: url('../fonts/ufonts.com_gillsans.eot');
    src: url('../fonts/ufonts.com_gillsans.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ufonts.com_gillsans.woff2') format('woff2'),
         url('../fonts/ufonts.com_gillsans.woff') format('woff'),
         url('../fonts/ufonts.com_gillsans.ttf') format('truetype'),
         url('../fonts/ufonts.com_gillsans.svg#centschbook_btbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_ufonts.com_gillsans-bold';
    src: url('../fonts/ufonts.com_gillsans-bold.eot');
    src: url('../fonts/ufonts.com_gillsans-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ufonts.com_gillsans-bold.woff2') format('woff2'),
         url('../fonts/ufonts.com_gillsans-bold.woff') format('woff'),
         url('../fonts/ufonts.com_gillsans-bold.ttf') format('truetype'),
         url('../fonts/ufonts.com_gillsans-bold.svg#centschbook_btbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yanone_kaffeesatzregular';
    src: url('../fonts/yanonekaffeesatz-regular.eot');
    src: url('../fonts/yanonekaffeesatz-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/yanonekaffeesatz-regular.woff2') format('woff2'),
         url('../fonts/yanonekaffeesatz-regular.woff') format('woff'),
         url('../fonts/yanonekaffeesatz-regular.ttf') format('truetype'),
         url('../fonts/yanonekaffeesatz-regular.svg#yanone_kaffeesatzregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-----------MAINWRAPPER---------------------------------------------------------------------------------------------------*/
#mainwrapper{width:100%; float:left;}

/*-----------HEADERWRAPPER---------------------------------------------------------------------------------------------------*/
#headerwrapper{width:100%; float:left; background:url(../images/header-banner.jpg) no-repeat center top; background-size:100% 100%; min-height:550px;}
#innerheaderwrapper{width:100%; float:left; background:url(../images/inner-haeder.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader1 {width:100%; float:left; background:url(../images/mainImage/bluestone-curbing.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader2 {width:100%; float:left; background:url(../images/mainImage/bluestone-sidewalk.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader3 {width:100%; float:left; background:url(../images/mainImage/bluestone.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader4 {width:100%; float:left; background:url(../images/mainImage/brickImg.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader5 {width:100%; float:left; background:url(../images/mainImage/jumboImg.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader6 {width:100%; float:left; background:url(../images/mainImage/medJumboImg.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader7 {width:100%; float:left; background:url(../images/mainImage/miniJumboImg.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader8 {width:100%; float:left; background:url(../images/mainImage/granite.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader9 {width:100%; float:left; background:url(../images/mainImage/riverImg.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader10 {width:100%; float:left; background:url(../images/mainImage/slate.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader11 {width:100%; float:left; background:url(../images/mainImage/about.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader12 {width:100%; float:left; background:url(../images/mainImage/contact.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader13 {width:100%; float:left; background:url(../images/mainImage/bluestone-main.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader14 {width:100%; float:left; background:url(../images/mainImage/bluestone-sidewalk2.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader15 {width:100%; float:left; background:url(../images/mainImage/bluestone-misc.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader16 {width:100%; float:left; background:url(../images/mainImage/other.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader17 {width:100%; float:left; background:url(../images/mainImage/gallery.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader18 {width:100%; float:left; background:url(../images/mainImage/granite-posts.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader19 {width:100%; float:left; background:url(../images/mainImage/granite-posts2.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader20 {width:100%; float:left; background:url(../images/mainImage/curbing.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader21 {width:100%; float:left; background:url(../images/mainImage/sandstone.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}
#innerheader22 {width:100%; float:left; background:url(../images/mainImage/brownstone.jpg) no-repeat center top; background-size:100% 100%; min-height:329px;}

/*-----------TOPPART--------------------------------------------------------------------------------------------------------*/
#top-part{width:100%; float:left;}
.toppart{width:932px; margin:0 auto;}
.callus{width:auto; float:right; padding:6px 30px 6px 30px; background:#6c6a6f; font-family: 'Conv_ufonts.com_gillsans'; font-size:20px; color:#ffffff;}
#navigation{width:100%; float:left; background:url(../images/menu-bg.png) repeat left top; min-height:63px;}
.navigation{width:932px; margin:0 auto;}
#header-main{width:100%; float:left;}
.header{width:932px; margin:0 auto;}
.head-pattern-bg{width:606px; margin:0 auto;}
.logo-bg{width:100%; float:left; padding:2px 0 28px 0; background:url(../images/logo-bg.png) no-repeat left top;}
h1{width:100%; float:left; padding:0 0 0 0; font-family: 'yanone_kaffeesatzregular'; font-size:36px; color:#010101; text-align:center; line-height:1.0;}
h2{width:100%; float:left; padding:0 0 0px 0; font-family: 'yanone_kaffeesatzregular'; font-size:28px; color:#010101; text-align:center; line-height:1.0;}
.greentext{width:100%; float:left; text-align:center; padding:6px 0 0 0;font-family: 'Conv_ufonts.com_gillsans'; font-size:15px; color:#42721a; font-style:italic;}

/*-----------MIDDLEWRAPPER---------------------------------------------------------------------------------------------------*/
#middlewrapper{width:100%; float:left; background:url(../images/patterns.jpg) repeat-x left top; margin-top:5px;}
#welcomepart{width:100%; float:left;}
.welcomepart{width:970px; margin:0 auto;}
.welcomepart .about-img{width:338px; float:left;margin-top: 30px;}
.welcomepart .about-img img{width:100%; height:auto;}
.welcomepart p a:link, .welcomepart p a:visited {color: #42721a; text-decoration: underline;}
.welcomepart p a:hover {color: #42721a; text-decoration: none;}
.welcome{width:640px; float:left; margin-left:-10px;}
.welcome h3 {line-height: 72px;}
h3{width:100%; float:left; padding:0px 0 5px 0; font-family: 'yanone_kaffeesatzregular'; font-size:72px; text-transform:uppercase; color:#42721a;}
.welcome p{ width:100%; float:left;font-family: 'Conv_ufonts.com_gillsans-light'; font-size:18px; color:#737070; line-height:22px; padding:0 0 20px 0;}
.middle2{width:100%; float:left; margin-top:50px;}
.middlepart2{width:932px; margin:0 auto;}
h4{width:100%; float:left; padding:0 0 2px 0; font-family: 'yanone_kaffeesatzregular'; font-size:22px; color:#42721a; text-align:center; line-height:24px; font-weight: bold;}
.subtitle{ color:#737070; font-size:15px; font-style:italic;font-family: 'Conv_ufonts.com_gillsans-light'; width:100%; text-align:center; float:left; padding-bottom:20px;}
.middlepart2 p{ width:100%; float:left;font-family: 'Conv_ufonts.com_gillsans-light'; font-size:17px; color:#737070; line-height:21px; padding:0 0 20px 0; text-align:center;}

.iconpart{width:646px; margin:0 auto; padding:0 0 0 0; list-style-type:none; text-align:center;}
.iconpart li {padding:0 0 0 0;float:left; width:185px; height:200px; margin:20px 15px 0 15px;}
.iconpart li .icon-1{width:100%; float:left; background:url(../images/icon-1.png) no-repeat left top; height:200px;text-align:center; padding:75px 0 0 0; color:#202121; font-size:19px;font-family: 'yanone_kaffeesatzregular';}
.iconpart li .icon-1:hover{width:100%; float:left; background:url(../images/icon-1-hover.png) no-repeat left top; height:200px; color:#ffffff;}
.iconpart li .icon-2{width:100%; float:left; background:url(../images/icon-2.png) no-repeat left top; height:200px;text-align:center; padding:75px 0 0 0; color:#202121; font-size:19px;font-family: 'yanone_kaffeesatzregular';}
.iconpart li .icon-2:hover{width:100%; float:left; background:url(../images/icon-2-hover.png) no-repeat left top; height:200px; color:#ffffff;}
.iconpart li .icon-3{width:100%; float:left; background:url(../images/icon-3.png) no-repeat left top; height:200px;text-align:center; padding:75px 0 0 0; color:#202121; font-size:19px;font-family: 'yanone_kaffeesatzregular';}
.iconpart li .icon-3:hover{width:100%; float:left; background:url(../images/icon-3-hover.png) no-repeat left top; height:200px; color:#ffffff;}

/*-----------FOOTERWRAPPER---------------------------------------------------------------------------------------------------*/
#footerwrapper{width:100%; float:left; margin-top:100px; background:#737070; padding:40px 0 40px 0;}
.footerwrapper{width:932px; margin:0 auto;}
.col1{width:423px; float:left;}
.col1 .title{width:100%; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#ffffff; padding:0 0 6px 0;}
.col1 .title span{font-size:11px; padding:0 0 0 40px;}
.address{width:100%; float:left; color:#dcdad8; font-size:13px; line-height:19px;font-family: 'Conv_ufonts.com_gillsans-light'; padding:15px 0 0 0;}
.email-link{color:#dcdad8; text-decoration:underline;}
.email-link:hover{color:#ffffff; text-decoration:none;}

.col2{width:150px; float:left;}
.col2 .title{width:100%; float:left; font-family: 'yanone_kaffeesatzregular'; font-size:18px; color:#dcdad8; padding:0 0 6px 0;}
.footer-link{width:100%; float:left; padding:0 0 0 0; margin:0px; list-style-type:none;}
.footer-link li {padding:0 0 0 0; display:block;}
.footer-link li a {font-size:13px; text-decoration:none; color:#dcdad8; padding:0 0 0 0;font-family: 'Conv_ufonts.com_gillsans-light';}
.footer-link li a:hover{text-decoration:none; color:#ffffff;}

.col3{width:199px; float:left;}
.col3 .title{width:100%; float:left; font-family: 'yanone_kaffeesatzregular'; font-size:18px; color:#dcdad8; padding:0 0 6px 0;}
.col4{width:160px; float:left;}
.col4 .title{width:100%; float:left; font-family: 'yanone_kaffeesatzregular'; font-size:18px; color:#dcdad8; padding:0 0 6px 0;}
.col-md-4{width:33.09%; float: left; text-align: center;}
.col-md-8{width:66.66666667%; float: left;}
.col-md-3{width:24%; float: left; padding-right: 1%;}
.img-responsive {
    display: block;
    max-width: 100%;
	height: auto;}
/*-----------IINNERMIDDLEWRAPPER---------------------------------------------------------------------------------------------------*/
#inner-middlewrapper{width:100%; float:left; margin-top:50px;}
.inner-middlewrapper p a:link, .inner-middlewrapper p a:visited {color: #42721a; text-decoration: underline;}
.inner-middlewrapper p a:hover {color: #42721a; text-decoration: none;}
.inner-middlewrapper h2 a:link, .inner-middlewrapper h2 a:visited {color: #42721a; text-decoration: none;}
.inner-middlewrapper h2 a:hover {color: #42721a; text-decoration: underline;}
.inner-middlewrapper{width:932px; margin:0 auto;}
.inner-tite{width:100%; float:left; padding:0 0 16px 0; background:url(../images/title-line.png) no-repeat center bottom;}
.inner-tite h1{font-family: 'yanone_kaffeesatzregular'; font-size:28px; color:#737070; text-align:center; line-height:24px; }
.inner-tite h2{ color:#737070; font-size:17px; font-style:italic;font-family: 'Conv_ufonts.com_gillsans-light'; width:100%; text-align:center; float:left; padding-bottom:20px; background:none; padding-left:0px;}
.inner-middlewrapper p{ width:100%; float:left;font-family: 'Conv_ufonts.com_gillsans-light'; font-size:17px; color:#737070; line-height:21px; padding: 0 0px 25px 0; text-align:left;}
.green-text{color:#42721a!important; font-style:italic; font-size:14px; text-decoration:underline;}
.green-text:hover{color:#737070!important; text-decoration:none;}
.inner-middlewrapper h3 {font-family: 'yanone_kaffeesatzregular'; font-size:22px; color:#737070; margin-bottom:0; padding-bottom:0;}
.inner-middlewrapper h4 {color:#42721a; font-size:15px; font-family: 'Conv_ufonts.com_gillsans-light'; width:100%; float:left; padding-top: 0; padding-bottom: 0; margin-bottom:0;text-align: left; background:none; padding-left:0px;}

.list{width:100%; float:left; margin:50px 0 0 0;}
#inner-middlewrapper ul {width:100%; float:left; margin:0px; padding:0px;}
#inner-middlewrapper li{padding:3px 0 3px 19px; margin:0px; background:url(../images/green-dot.png) no-repeat left 4px; font-size:17px; font-style:italic; color:#737070;font-family: 'Conv_ufonts.com_gillsans-light';}


@media screen and (max-width: 900px) {
.toppart{width:100%;}
.navigation{width:100%;}
#navigation{min-height:40px;}
#headerwrapper{min-height:290px;}
.header{width:100%;}
.welcomepart{width:100%;}
.middle2{margin-top:25px;}
.footerwrapper{width:100%; padding-left:10px; padding-right:10px;}
.col1 {width:370px;}
h3{font-size: 32px;}
.welcome{width:560px;}
.middlepart2{width:100%; padding-left:10px; padding-right:10px;}
.inner-middlewrapper{width:100%; padding-left:10px; padding-right:10px;}
}

@media screen and (max-width: 800px) {
.toppart{width:100%;}
.navigation{width:100%;}
#navigation{min-height:40px;}
#headerwrapper{min-height:290px;}
.header{width:100%;}
.welcomepart{width:100%;}
.middle2{margin-top:25px;}
.footerwrapper{width:100%; padding-left:10px; padding-right:10px;}
.col1 {width:270px;}
h3{font-size: 32px;}
.welcome{width: 450px;}
.middlepart2{width:100%; padding-left:10px; padding-right:10px;}
}

@media screen and (max-width: 768px) {
.toppart{width:100%;}
.navigation{width:100%;}
#navigation{min-height:40px;}
#headerwrapper{min-height:290px;}
.header{width:100%;}
.welcomepart{width:100%;}
.middle2{margin-top:25px;}
.footerwrapper{width:100%; padding-left:10px; padding-right:10px;}
.col1 {width:237px;}
.col1 .title{font-size:14px;}
.col1 .title span{padding: 0 0 0 32px;}
h3{font-size: 32px;}
.welcome{width: 440px;}
.middlepart2{width:100%; padding-left:10px; padding-right:10px;}
	.col-md-4{width:100%}
	.col-md-8{width:100%}
.col-md-3{width:100%}
}

@media screen and (max-width: 667px) {
.toppart{width:100%;}
.navigation{width:100%;}
#navigation{min-height:40px;}
#headerwrapper{min-height:290px;}
#innerheaderwrapper{min-height:250px;}
.header{width:100%;}
h1{ font-size:34px;}
h2{font-size: 18px;padding: 0 0 0 120px;}
h3{ font-size:40px;}
.welcomepart .about-img{width:60%; margin:0 auto; float:none;}
.welcomepart{width:100%;}
.welcome{width:100%; padding:0 10px 0 10px; margin-left:0px;}
.middlepart2{width:100%; padding:0 10px 0 10px;}
.middle2{margin-top:25px;}
.iconpart{width:100%;}
.iconpart li{text-align:center; margin-left:17px; margin-right:11px;}
.iconpart li .icon-1 {background:url("../images/icon-1.png") no-repeat scroll center top;}
.iconpart li .icon-2 {background:url("../images/icon-2.png") no-repeat scroll center top;}
.iconpart li .icon-3 {background:url("../images/icon-3.png") no-repeat scroll center top;}
.footerwrapper{width:100%; padding-left:10px; padding-right:10px;}
.col1{margin-bottom:20px; width:100%;}
.col2{margin-bottom:20px;width:100%;}
.col3{margin-bottom:20px;width:100%;}
}

@media screen and (max-width: 640px) {
.toppart{width:100%;}
.navigation{width:100%;}
#navigation{min-height:40px;}
#headerwrapper{min-height:290px;}
#innerheaderwrapper{min-height:250px;}
.header{width:100%;}
h1{ font-size:34px;}
h2{font-size: 18px;padding: 0 0 0 120px;}
h3{ font-size:40px;}
.welcomepart .about-img{width:60%; margin:0 auto; float:none;}
.welcomepart{width:100%;}
.welcome{width:100%; padding:0 10px 0 10px; margin-left:0px;}
.middlepart2{width:100%; padding:0 10px 0 10px;}
.middle2{margin-top:25px;}
.iconpart{width:100%;}
.iconpart li{text-align:center; margin-left:10px; margin-right:11px;}
.iconpart li .icon-1 {background:url("../images/icon-1.png") no-repeat scroll center top;}
.iconpart li .icon-2 {background:url("../images/icon-2.png") no-repeat scroll center top;}
.iconpart li .icon-3 {background:url("../images/icon-3.png") no-repeat scroll center top;}
.footerwrapper{width:100%; padding-left:10px; padding-right:10px;}
.col1{margin-bottom:20px; width:100%;}
.col2{margin-bottom:20px;width:100%;}
.col3{margin-bottom:20px;width:100%;}
}

@media screen and (max-width: 600px) {
.toppart{width:100%;}
.navigation{width:100%;}
#navigation{min-height:40px;}
#headerwrapper{min-height:290px;}
#innerheaderwrapper{min-height:250px;}
.head-pattern-bg{width:100%;}
.header{width:100%;}
h1{ font-size:34px;}
h2{font-size: 18px;padding: 0 0 0 120px;}
h3{ font-size:40px;}
.welcomepart .about-img{width:60%; margin:0 auto; float:none;}
.welcomepart{width:100%;}
.welcome{width:100%; padding:0 10px 0 10px; margin-left:0px;}
.middlepart2{width:100%; padding:0 10px 0 10px;}
.middle2{margin-top:25px;}
.iconpart{width:100%;}
.iconpart li{text-align:center; width:100%; margin-left:0px; margin-right:0px;}
.iconpart li .icon-1 {background:url("../images/icon-1.png") no-repeat scroll center top;}
.iconpart li .icon-2 {background:url("../images/icon-2.png") no-repeat scroll center top;}
.iconpart li .icon-3 {background:url("../images/icon-3.png") no-repeat scroll center top;}
.footerwrapper{width:100%; padding-left:10px; padding-right:10px;}
.col1{margin-bottom:20px; width:100%;}
.col2{margin-bottom:20px;width:100%;}
.col3{margin-bottom:20px;width:100%;}
}

@media screen and (max-width: 480px) {
.toppart{width:100%;}
.navigation{width:100%;}
#navigation{min-height:40px;}
#headerwrapper{min-height:290px;}
#innerheaderwrapper{min-height:250px;}
.head-pattern-bg{width:100%;}
.header{width:100%;}
h1{ font-size:29px;}
h2{font-size: 18px;padding: 0 0 0 86px;}
h3{ font-size:40px;}
.welcomepart .about-img{width:100%;}
.welcomepart{width:100%;}
.welcome{width:100%; padding:0 10px 0 10px; margin-left:0px;}
.middlepart2{width:100%; padding:0 10px 0 10px;}
.middle2{margin-top:25px;}
.iconpart{width:100%;}
.iconpart li{text-align:center; width:100%; margin-left:0px; margin-right:0px;}
.iconpart li .icon-1 {background:url("../images/icon-1.png") no-repeat scroll center top;}
.iconpart li .icon-2 {background:url("../images/icon-2.png") no-repeat scroll center top;}
.iconpart li .icon-3 {background:url("../images/icon-3.png") no-repeat scroll center top;}
.footerwrapper{width:100%; padding-left:10px; padding-right:10px;}
.col1{margin-bottom:20px; width:100%;}
.col2{margin-bottom:20px;width:100%;}
.col3{margin-bottom:20px;width:100%;}
}

@media screen and (max-width: 375px) {
.toppart{width:100%;}
.navigation{width:100%;}
#navigation{min-height:40px;}
#headerwrapper{min-height:290px;}
#innerheaderwrapper{min-height:250px;}
.head-pattern-bg{width:100%;}
.header{width:100%;}
h1{ font-size:23px;}
h2{font-size: 18px;padding: 0 0 0 65px;}
h3{ font-size:40px;}
.welcomepart .about-img{width:100%;}
.welcomepart{width:100%;}
.welcome{width:100%; padding:0 10px 0 10px; margin-left:0px;}
.middlepart2{width:100%; padding:0 10px 0 10px;}
.middle2{margin-top:25px;}
.iconpart{width:100%;}
.iconpart li{text-align:center; width:100%; margin-left:0px; margin-right:0px;}
.iconpart li .icon-1 {background:url("../images/icon-1.png") no-repeat scroll center top;}
.iconpart li .icon-2 {background:url("../images/icon-2.png") no-repeat scroll center top;}
.iconpart li .icon-3 {background:url("../images/icon-3.png") no-repeat scroll center top;}
.footerwrapper{width:100%; padding-left:10px; padding-right:10px;}
.col1{margin-bottom:20px; width:100%;}
.col2{margin-bottom:20px;}
.col3{margin-bottom:20px;}
}

@media screen and (max-width: 360px) {
.toppart{width:100%;}
.navigation{width:100%;}
#navigation{min-height:40px;}
#headerwrapper{min-height:290px;}
#innerheaderwrapper{min-height:250px;}
.head-pattern-bg{width:100%;}
.header{width:100%;}
h1{ font-size:20px;}
h2{font-size: 18px;padding: 0 0 0 72px;}
h3{ font-size:40px;}
.welcomepart .about-img{width:100%;}
.welcomepart{width:100%;}
.welcome{width:100%; padding:0 10px 0 10px; margin-left:0px;}
.middlepart2{width:100%; padding:0 10px 0 10px;}
.middle2{margin-top:25px;}
.iconpart{width:100%;}
.iconpart li{text-align:center; width:100%; margin-left:0px; margin-right:0px;}
.iconpart li .icon-1 {background:url("../images/icon-1.png") no-repeat scroll center top;}
.iconpart li .icon-2 {background:url("../images/icon-2.png") no-repeat scroll center top;}
.iconpart li .icon-3 {background:url("../images/icon-3.png") no-repeat scroll center top;}
.footerwrapper{width:100%; padding-left:10px; padding-right:10px;}
.col1{margin-bottom:20px; width:100%;}
.col2{margin-bottom:20px;}
.col3{margin-bottom:20px;}
}

@media screen and (max-width: 320px) {
.toppart{width:100%;}
.navigation{width:100%;}
#navigation{min-height:40px;}
#headerwrapper{min-height:290px;}
#innerheaderwrapper{min-height:250px;}
.head-pattern-bg{width:100%;}
.header{width:100%;}
h1{ font-size:20px;}
h2{font-size: 18px;padding: 0 0 0 54px;}
h3{ font-size:40px;}
.welcomepart .about-img{width:100%;}
.welcomepart{width:100%;}
.welcome{width:100%; padding:0 10px 0 10px; margin-left:0px;}
.middlepart2{width:100%; padding:0 10px 0 10px;}
.middle2{margin-top:25px;}
.iconpart{width:100%;}
.iconpart li{text-align:center; width:100%; margin-left:0px; margin-right:0px;}
.iconpart li .icon-1 {background:url("../images/icon-1.png") no-repeat scroll center top;}
.iconpart li .icon-2 {background:url("../images/icon-2.png") no-repeat scroll center top;}
.iconpart li .icon-3 {background:url("../images/icon-3.png") no-repeat scroll center top;}
.footerwrapper{width:100%; padding-left:10px; padding-right:10px;}
.col1{margin-bottom:20px; width:100%;}
.col2{margin-bottom:20px;}
.col3{margin-bottom:20px;}
}