#pull {	display: none;}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#pull {	display:block;}
ul#mainnav{ display:none;}	
nav{width:100%; margin:0px 0px 0px 0px; float:inherit;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; width:100%;} 

nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; float:inherit; width:100%; padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13;}

nav ul li a{border:none; display:block; padding:10px 0px; height:auto; line-height:normal; font-size:14px; margin:0px; color:#666666;  height:auto; width:auto; text-align:left;}

nav ul li a.active{color:#C59F04; background:none;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a;}

nav a:hover{background:none; color:#fff; text-decoration:none;}		

nav ul{display: none; height: auto;}

nav a#pull {display: block; width:100%; position: relative; background:#e0081d; margin:0px 0 0px 0; color:#fff; text-transform:uppercase; font-weight:600; line-height:39px;}
  
nav a#pull:after{content:""; background:url(images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}

#wrapper{ width:100% !important;}
#header{ width:100% !important;}
.logo-bg{ width:100%;}
.logo{ margin:0px; height:inherit !important;}
.logo img{ position:inherit !important; width:auto; height:auto; max-width:100%;}
.logo h1{ margin:0px; padding:5px 10px 10px 10px; position:inherit !important; float:left; width:30%;}

.top-menu{ margin:0px; padding:10px 0px 0px 0px; width:53%; float:right;}
.jcarousel-clip-horizontal{ width:98%;}
.centered-wrapper{ width:95%;}
.jcarousel-container{ margin:0px;}
.jcarousel-container-horizontal{ width:100%;}
.intro{ padding:15px 0px 0px 0px;}
.separator{ margin:15px 0px;}
ul#mycarousel{ width:100% !important;}
.jcarousel-item-horizontal{ width:24%; margin:0px 0px 0px 7px;}
.jcarousel-item img{ width:100%; height:150px;}
.one-fourth{ width:38%;}
.one-fourth-footer{ width:60%; margin:0px;}
.one-fourth-footer h3{ margin-bottom:0px;}
.column-last h3{ margin-bottom:10px;}
.one-fourth h3{ margin-bottom:10px;}
.column-last{ width:100%; float:none;}
#bottomfooter{ margin-top:10px; padding:15px 0px 10px 0px;}
ul#social{ float:none; text-align:center;}
ul#social li a{ float:none; display:inline-block; margin:0px 5px 5px 5px;}
#bottomfooter p{ text-align:center; float:none;}
.nav-bg{ width:100% !important;}
ul#mainnav li a{ display:block; height:auto; line-height:inherit; padding:10px 0px;}
ul#mainnav li{ margin:0px;}
ul#mainnav li ul{ width:100%; position:static;}
ul#mainnav li ul li a{ padding:10px 0px; width:100%;}
ul#mainnav li ul li{ width:100% !important; height:auto !important;}

.page-title{ width:98%;}
.page-heading-banner {
    float: right;
    height: auto;
    margin-bottom: 15px;
    width: 59%;
}

.page-heading-banner img{ width:auto; height:auto; max-width:100%;}
.one-half {width:100%;}

#contactform fieldset{ margin:0px; padding:0px; width:58%; float:right;}
#contactform input[type="text"]{ padding: 2% 5%; width:89.5%;}

#portfolio-wrapper {
    float: right;
    width: 58%;
}

.portfolio {
    margin-right: 0;
   
}

#portfolio-wrapper .three-columns li {
    height: auto;
    margin: 0 2px 15px;
    width: 48.5%;
}

#portfolio-wrapper .three-columns img{ width:auto; height:auto; max-width:100%;}

.portfolio h4{ font-size:13px;}

.sitemap{ width:58%; float:right; }

.information {
    
  float: right;
    margin: 0;
    padding: 0;
    width: 58.7%;
}

.phone_left {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.phone_right {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.phone_left label{ width:180px;}
.phone_right label{ width:180px;}
.phone_right_inpt_text{ width:185px;}

.pickup_select2{ width:205px;}
.pickup span{margin: 0 8px 0 56px;}
.pickup_inpt_text{margin: 0 0 4px !important;}
.billing small{margin: 0 8px 0 110px;}

.sub_btn {
    margin: 3px auto 0;
    padding: 0;
    width: 188px;
}

}


@media only screen and (min-width: 960px) and (max-width:1024px) {
.top-menu{text-align:center; width:41%;}

.centered-wrapper{ width:96%;}
#bottomfooter{ margin-top:10px; padding:15px 0px 10px 0px;}
.one-half {width:100%;}
ul#social{ float:none; text-align:center;}
ul#social li a{ float:none; display:inline-block; margin:0px 5px 5px 5px;}
#bottomfooter p{ text-align:center; float:none;}

.page-title{ width:98%;}
.page-heading-banner {
    float: right;
    height: auto;
    margin-bottom: 15px;
    width:100%;
}

.page-heading-banner img{ width:auto; height:auto; max-width:100%;}
.one-half {width:100%;}

.centered-wrapper {
    width: 92.2%;
}


form.autoform{ width:50% !important; float:left!important;}



}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
ul#mainnav{ display:none;}	
nav{width:100%; margin:0px 0px 0px 0px; float:inherit;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; width:100%;} 

nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; float:inherit; width:100%; padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13;}

nav ul li a{border:none; display:block; padding:10px 0px; height:auto; line-height:normal; font-size:14px; margin:0px; color:#666666;  height:auto; width:auto; text-align:left;}

nav ul li a.active{color:#C59F04; background:none;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a;}

nav a:hover{background:none; color:#fff; text-decoration:none;}		

nav ul{display: none; height: auto;}

nav a#pull {display: block; width:100%; position: relative; background:#e0081d; margin:0px 0 0px 0; color:#fff; text-transform:uppercase; font-weight:600; line-height:39px;}
  
nav a#pull:after{content:""; background:url(images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}

#wrapper{ width:100% !important;}
#header{ width:100% !important;}
.logo-bg{ width:95%; float:none; margin:0px auto; padding:0px;}
.logo{ margin:0px; height:inherit !important;}
.logo h1{ margin:0px auto; padding:5px 10px 10px 10px; position:inherit !important; float:none; width:38%;}
.logo h1 img{ position:inherit !important; width:auto; height:auto; max-width:100%;}

.top-menu{ margin:0px; padding:10px 0px 20px 0px; width:96%; float:none; text-align:center;}
.jcarousel-clip-horizontal{ width:98%;}
.centered-wrapper{ width:95%;}
.jcarousel-container{ margin:0px;}
.jcarousel-container-horizontal{ width:100%;}
.intro{ padding:15px 0px 0px 0px;}
.separator{ margin:15px 0px;}
ul#mycarousel{ width:100% !important;}
.jcarousel-item-horizontal{ width:24%; margin:0px 0px 0px 7px;}
.jcarousel-item img{ width:100%; height:150px;}
.one-fourth{ width:100% !important; float:none; }
.one-fourth-footer {
    float: none;
    margin: 0;
    width: 100%;
}


.one-fourth-footer h3{ margin-bottom:0px;}
.column-last h3{ margin-bottom:10px;}
.one-fourth h3{ margin-bottom:10px;}
.column-last{ width:100%; float:none;}
#bottomfooter{ margin-top:10px; padding:15px 0px 10px 0px;}
ul#social{ float:none; text-align:center;}
ul#social li a{ float:none; display:inline-block; margin:0px 5px 5px 5px;}
#bottomfooter p{ text-align:center; float:none;}
.nav-bg{ width:100% !important;}
ul#mainnav li a{ display:block; height:auto; line-height:inherit; padding:10px 0px;}
ul#mainnav li{ margin:0px;}
ul#mainnav li ul{ width:100%; position:static;}
ul#mainnav li ul li a{ padding:10px 0px; width:100%;}
ul#mainnav li ul li{ width:100% !important; height:auto !important;}
.jcarousel-item-horizontal {
    margin: 0 0 0 7px;
    width: 23%;
}

.one-half {width:100%;}
.page-heading-banner img{ width:auto; height:auto; max-width:100%;}
.page-title{ width:95%;}
.page-heading-banner {
    float: none;
    height: auto;
    margin-bottom: 15px;
    width:100%;
}

textarea {width: 95.5%;}

.percent-one-third {
    margin-right: 0 !important;
    width: 100% !important;
}

.column-last h3{ margin-top:20px;}
#contactform input[type="text"]{ width:90%;}

.percent-one-fourth {
    width: 100% !important;
}


.portfolio {
    margin-right: 0;
   
}

#portfolio-wrapper .three-columns li {
    height: auto;
    margin: 0 10px 15px 10px;
    width: 45%;
}

#portfolio-wrapper .three-columns img{ width:auto; height:auto; max-width:100%;}
.portfolio h4{ font-size:13px;}


.phone_left {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.phone_right {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.phone_left label {
    float: none;
    text-align: left;
    width: 100%;
}
.phone_left_inpt_text{ width:87%; float:none;}
.phone_left label {
    float: none;
    text-align: left;
    width: 100%;
}

.phone_right label {
    float: none;
    text-align: left;
    width: 100%;
}

.pick label{ float:none; margin:0px; width:100%; text-align:left;}
.pick_select{ width:90%;}
.pick_select1{ width:90%;}
.pick_select2{ width:90%;}
.pick_select3{ width:90%;}
.pickup label{ margin:0px; float:none; text-align:left; width:100%;}

.phone_left img{ vertical-align:middle;}
.phone_right img{ vertical-align:middle;}
.phone_right_inpt_text{ width:87%; float:none;}

.pickup_select2{ width:100%;}
.pickup span {
    display: block;
    float: none;
    margin: 0;
    text-align: left;
    width: 100%;
}

.pickup_inpt_text1{ width:99%;}

.pickup_inpt_text2{ width:92%;}
.billing label{ margin:0px; float:none; widows:100%; text-align:left;}
.pickup_inpt_text{margin: 0 0 4px !important; width:91%;}
.billing small{margin: 0 8px 0 110px;}

.billing_select{ width:94%;}
.billing_inpt_text{ width:91%;}
.billing_inpt_text1{ width:91%;}

.billing span {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

.billing_inpt_text2{ width:91%;}
.billing_inpt_text3{ width:91%;}
.pickup img{ vertical-align:middle;}

.billing small {
    display: block !important;
    float: none;
    margin: 40px 0 0;
    text-align: left !important;
    width: 100%;
}

.billing_inpt_text4{ width:91%;}

.sub_btn {
    margin: 4px 0 0;
    padding: 0;
    width: 94%;
}

.sub_btn_btn{ width:100%;}


}





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

ul#mainnav{ display:none;}	
nav{width:100%; margin:0px 0px 0px 0px; float:inherit;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; width:100%;} 

nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; float:inherit; width:100%; padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13;}

nav ul li a{border:none; display:block; padding:10px 0px; height:auto; line-height:normal; font-size:14px; margin:0px; color:#666666;  height:auto; width:auto; text-align:left;}

nav ul li a.active{color:#C59F04; background:none;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a;}

nav a:hover{background:none; color:#fff; text-decoration:none;}		

nav ul{display: none; height: auto;}

nav a#pull {display: block; width:100%; position: relative; background:#e0081d; margin:0px 0 0px 0; color:#fff; text-transform:uppercase; font-weight:600; line-height:39px;}
  
nav a#pull:after{content:""; background:url(images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}

#wrapper{ width:100% !important;}
#header{ width:100% !important;}
.logo-bg{ width:95%; float:none; margin:0px auto; padding:0px;}
.logo{ margin:0px; height:inherit !important;}
.logo h1{ margin:0px auto; padding:5px 10px 10px 10px; position:inherit !important; float:none; width:57%;}
.logo h1 img{ position:inherit !important; width:auto; height:auto; max-width:100%;}

.top-menu{ margin:0px; padding:10px 0px 20px 0px; width:96%; float:none; text-align:center;}
.jcarousel-clip-horizontal{ width:98%;}
.centered-wrapper{ width:95%;}
.jcarousel-container{ margin:0px;}
.jcarousel-container-horizontal{ width:100%;}
.intro{ padding:15px 0px 0px 0px;}
.separator{ margin:15px 0px;}
ul#mycarousel{ width:100% !important;}
.jcarousel-item-horizontal{ width:24%; margin:0px 0px 0px 7px;}
.jcarousel-item img{ width:100%; height:150px;}
.one-fourth{ width:100% !important; margin:0px 0px !important; float:none;}
.one-fourth-footer{ width:100%; margin:0px; float:none;}
.one-fourth-footer h3{ margin-bottom:0px;}
.column-last h3{ margin-bottom:10px;}
.one-fourth h3{ margin-bottom:10px;}
.column-last{ width:100%; float:none;}
#bottomfooter{ margin-top:10px; padding:15px 0px 10px 0px;}
ul#social{ float:none; text-align:center;}
ul#social li a{ float:none; display:inline-block; margin:0px 5px 5px 5px;}
#bottomfooter p{ text-align:center; float:none;}
.nav-bg{ width:100% !important;}
ul#mainnav li a{ display:block; height:auto; line-height:inherit; padding:10px 0px;}
ul#mainnav li{ margin:0px;}
ul#mainnav li ul{ width:100%; position:static;}
ul#mainnav li ul li a{ padding:10px 0px; width:100%;}
ul#mainnav li ul li{ width:100% !important; height:auto !important;}
h2.intro-text a{display: inline-block; margin:10px 0px 0px 0px}

.jcarousel-item-horizontal {
    margin: 0 0 0 7px;
    width: 22%;
}

.one-half {width:100%;}
.page-heading-banner img{ width:auto; height:auto; max-width:100%;}
.page-title{ width:95%;}
.page-heading-banner {
    float: none;
    height: auto;
    margin-bottom: 15px;
    width:100%;
}

textarea {width: 95%;}

.percent-one-third {
    margin-right: 0 !important;
    width: 100% !important;
}

#contactform input[type="text"]{ width:89.5%;}

.column-last h3{ margin-top:20px;}

.percent-one-fourth {
    width: 100% !important;
}

.portfolio {
    margin-right: 0;
   
}

#portfolio-wrapper .three-columns li {
    height: auto;
    margin: 0 0px 15px 0px;
    width: 100%;
}

#portfolio-wrapper .three-columns img{ width:auto; height:auto; max-width:100%;}

.phone_left {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.phone_right {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.phone_left label {
    float: none;
    text-align: left;
    width: 100%;
}
.phone_left_inpt_text{ width:87%; float:none;}
.phone_left label {
    float: none;
    text-align: left;
    width: 100%;
}

.phone_right label {
    float: none;
    text-align: left;
    width: 100%;
}

.pick label{ float:none; margin:0px; width:100%; text-align:left;}
.pick_select{ width:90.2%;}
.pick_select1{ width:90.2%;}
.pick_select2{ width:82%;}
.pick_select3{ width:82%;}
.pickup label{ margin:0px; float:none; text-align:left; width:100%;}

.phone_left img{ vertical-align:middle;}
.phone_right img{ vertical-align:middle;}
.phone_right_inpt_text{ width:87%; float:none;}

.pickup_select2{ width:92.2%;}
.pickup span {
    display: block;
    float: none;
    margin: 0;
    text-align: left;
    width: 100%;
}

.pickup_inpt_text1{ width:90%;}

.pickup_inpt_text2{ width:76%;}
.billing label{ margin:0px; float:none; widows:100%; text-align:left;}
.pickup_inpt_text{margin: 0 0 4px !important; width:76%;}
.billing small{margin: 0 8px 0 110px;}

.billing_select{ width:82%;}
.billing_inpt_text{ width:78%;}
.billing_inpt_text1{ width:78%;}

.billing span {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

.billing_inpt_text2{ width:78%;}
.billing_inpt_text3{ width:78%;}
.pickup img{ vertical-align:middle;}

.billing small {
    display: block !important;
    float: none;
    margin: 40px 0 0;
    text-align: left !important;
    width: 100%;
}

.billing_inpt_text4{ width:78%;}

.sub_btn {
    margin: 4px 0 0;
    padding: 0;
    width: 82%;
}

.sub_btn_btn{ width:100%;}

}