/* Responsive CSS Styles Table of Contents */
@media only screen and (min-width: 1000px) and (max-width: 1024px){
.wrapper_boxed {
	width: 100%;
}
.site_wrapper {
	width: 100%;
}
}

@media only screen and (min-width: 1000px){}
@media only screen and (min-width: 768px) and (max-width: 999px){
.subfooter-graphics img{width:100%; height:auto}
.one_fifth img{width:100%; height:auto}
.mar_top-innerpage { height: 167px; }
.swatchTitle { display:none }
.worktop_page_head { width: 100%;}
.boxborder { width: 43.2%; margin-bottom: 40px; }
.five img { visibility: hidden}
.logo { margin: 0px 0px 0px 0px; width:100%; height:100%}
.contact_but { font-size: 10px; }
.wrapper_boxed {
	width: 768px;
}
.site_wrapper {
	width: 768px;
}

.container {
	width: 747px;
	margin: auto auto auto auto;
}

.navtitle {  font-size:1.2em; }
#access .menu ul li a {
	padding: 10px 20px 10px 10px; font-size: 13px;
}
#access .menu ul li a:hover {     

} 
#access .menu ul li a.active {
	padding: 18px 6px 20px 6px;
	margin-top: 10px;
}
.top_social_links li {

}

.left_sidebar {
	width: 26%;
}
.right_sidebar {
	width: 26%;
}
.blog_post h3 {
	width: 83%;
}
.post_info_content {
	padding: 0px;
	margin: 0 0 0 15%;
	width: 85%;
	float: left;
}
.post_info_content_small {
	padding: 0px;
	margin: 0 0 0 2.5%;
	width: 51.7%;
	float: left;
}
.post_info_content_small a.date {
	float: left;
	margin: 0px 10px 0px 0px;
}
.post_info_content_small h3 {
	font-size: 18px;
	float: left;
	width: 70%;
}
ul.post_meta_links_small {
	float: left;
	margin: -15px 0px 12px 70px;
	padding: 0px 0px 0px 0px;
	width: 70%;
}
.blog_postcontent .video_frame iframe {
	height: 250px;
}

.comment_form {
	width: 100%;
}
.address-info {
	width: 90%;
}
.boxborder { width: 88%; }
.google-map {
	width: 100%;
}

a.show_hide{
	margin: 0px 0px 0px 720px;
}

}




@media only screen and (min-width: 480px) and (max-width: 767px){
.logo { margin: 10px auto; width:80%; height: auto}	
.companyName { display: none;}
.topContacts { float: none; clear:both;  }
.topContacts ul { float: none; clear:both;  }
.topContacts li { text-align: center;  }
.Top_section_btns { display: none}

.imgColumnLeft { display: none; }
.imgColumnRight { display: none; }
.Highlight_Box { width: 100%; margin-right: 0%; }
.Gallery_Box { width: 100%; margin-right: 0%; }

.footer {  }
.sign-off { text-align:center; }
.Socialcontacts { text-align:center; float: none; width: 120px;  margin: auto auto;}
.websiteby { text-align:center; }

.testimonial-box {width: 100%;}
.blog-box {width: 100%;}


/* Disable menu */
#access .menu ul#tiny {display: none;}
/* Enable dropdown menu */
.selectnav {display: block;}
.selectnav {display: inline;}
#access .menu { padding: 9px 0px; width:100%; }
#access .menu select {
	border: 1px solid #e3e3e3;
	border-top: 2px solid #e3e3e3;
	padding: 15px; font-size:16px;
	background-color: #fff;
	color: #333639;
	margin: 0px auto; width:90%;
}

.wrapper_boxed {
	width: 480px;
}
.site_wrapper {
	width: 480px;
}

.container {
	width: 438px;
	margin: auto auto auto auto;
}

.content_left {
	float: left;
	width: 100%;
	padding: 40px 0px 0px 0px;
}
.content_fullwidth {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.right_sidebar {
	float: left;
	width: 100%;
	padding: 40px 0px 0px 0px;
}
.left_sidebar {
	float: left;
	width: 100%;
	padding: 40px 0px 0px 0px;
}
.content_right {
	float: left;
	width: 100%;
	padding: 40px 0px 0px 0px;
}

.one_full {
	width: 100%;
}
.one_half {
	width: 100%;
	margin-bottom: 40px;
}
.one_third {
	width: 100%;
	margin-bottom: 0px;
}
.one_fourth {
	width: 100%;
	margin-bottom: 0px;
}
.one_fifth {
	width: 100%;
	margin-bottom: 40px;
}
.two_third {
	width: 100%;
	margin-bottom: 40px;
}
.three_fourth {
	width: 100%;
	margin-bottom: 0px;
}
.last {
	margin-right: 0 !important;
	clear: right;
	margin-bottom: 0 !important;
}


.subfooter-graphics img{width:100%; height:auto}
.one_fifth img{width:100%; height:auto}
.leftColumn { width: 100%; }
.centralColumn { width: 100%;  }
.centralColumnFull { width: 100%;  }
.rightColumn { width: 100%;  }
.subfooter-graphics { display:none}

#logo {
	margin: 0px 0px -20px 140px;
}

#logo_innerpage { margin: 10px 0px -10px 155px; }
.top_section { margin:0px 0 20px 0; }

.blog_post h3 {
	font-size: 18px;
	float: left;
	width: 82%;
	line-height: 21px;
}
.blog_post a.date {
	float: left;
	margin-right: 15px;
}
.post_info_content {
	padding: 0px;
	margin: 0 0 0 0;
	width: 97%;
	float: left;
}
ul.post_meta_links {
	float: left;
	margin: -20px 0px 12px 72px;
	padding: 0px 0px 0px 0px;
	width: 80%;
}
.post_meta_links li.post_by {
	float: left;
	padding: 0px 0px 0px 18px;
	border-right: 1px solid #d3d3d3;
	background: url(../images/blog/icon-by-user.png) no-repeat 0px 5px;
}
.post_meta_links li.post_categoty {
	float: left;
	padding: 0px 0px 0px 25px;
	border-right: 1px solid #d3d3d3;
	background: url(../images/blog/icon-category.png) no-repeat 9px 6px;
}
.post_meta_links li.post_comments {
	float: left;
	padding: 0px 0px 0px 25px;
	background: url(../images/blog/icon-comments.png) no-repeat 9px 5px;
}
.post_meta_links li a {
	color: #a1a1a1;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
	font-size: 11px;
}
.blog_postcontent .image_frame {
	float: left;
	width: 96%;
	border: 7px solid #eee;
	margin-bottom: 25px;
}
.blog_postcontent .video_frame iframe {
	float: left;
	width: 97%;
	height: 200px;
	border: 7px solid #ddd;
	margin-bottom: 25px;
}
.blog_postcontent .image_frame.small {
	float: left;
	width: 97%;
	border: 7px solid #ddd;
	margin-bottom: 25px;
}
.blog_postcontent .video_frame.small iframe {
	float: left;
	width: 97%;
	height: 200px;
	border: 7px solid #ddd;
	margin-bottom: 25px;
}
.post_info_content_small {
	padding: 0px;
	margin: 0;
	width: 99%;
	float: left;
}
ul.post_meta_links_small {
	float: left;
	margin: -15px 0px 12px 80px;
	padding: 0px 0px 0px 0px;
	width: 82%;
}

#site-searchform #s{
	width: 83%;
}

.comment_form {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.comment_form label{
	float: left;
	width: 90px;
	height: 15px;
	padding: 7px 10px;
	margin-bottom: 20px;
}
.comment_input_bg {
	float: left;
	width: 68%;
	height: 25px;
	padding: 7px 10px 0px 10px;
	border-top: 2px solid #e3e3e3;
	border-left: 2px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9f9;
}
.comment_textarea_bg {
	float: left;
	width: 94%;
	height: 235px;
	padding: 7px 10px 0px 10px;
	margin-bottom: 20px;
	border-top: 2px solid #e3e3e3;
	border-left: 2px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9f9;
}
.comment_checkbox {
	float: left;
	display: block;
	width: 94%;
	margin-top: 10px;
}

.address-info {
	width: 90%;
}
.google-map {
	width: 100%;
}

}


@media only screen and (max-width:768px) {
.subfooter-graphics img{width:100%; height:auto}
.one_fifth img{width:100%; height:auto}
#site-searchform #s{width:68%;} 	
}
	




@media only screen and (max-width: 479px){
.logo { margin: 10px auto 0px auto; width:80%; height: auto}	
.companyName { display: none;}
.topContacts { float: none; clear:both;  }
.topContacts ul { float: none; clear:both;  }
.topContacts li { text-align: center;  }
.Top_section_btns { display: none}
.imgColumnLeft { display: none; }
.imgColumnRight { display: none; }
.Highlight_Box { width: 100%; margin-right: 0%; }
.Gallery_Box { width: 100%; margin-right: 0%; }

.contacts { width:100%; text-align:center; padding:10px 0; margin: 0px 0px 0px 0px; }
.contacts.social { display: none; }

.sign-off { text-align:center; }
.Socialcontacts { text-align:center; float: none; width: 120px;  margin: auto auto;}
.websiteby { text-align:center; }

.testimonial-box {width: 100%;}
.blog-box {width: 100%;}

/* Disable menu */
#access .menu ul#tiny {display: none;}
/* Enable dropdown menu */
.selectnav {display: block;}
.selectnav {display: inline;}
#access .menu { width:100%; padding: 9px 0px; }
#access .menu select {
	border: 1px solid #e3e3e3;
	border-top: 2px solid #e3e3e3;
	padding: 10px; font-size:16px;
	background-color: #fff;
	color: #333639;
	margin: 0px auto; width:90%;
}

.wrapper_boxed {
	width: 320px;
}
.site_wrapper {
	width: 320px;
}

.container {
	width: 300px;
	margin: auto auto auto auto;
}

.content_left {
	float: left;
	width: 100%;
	padding: 40px 0px 0px 0px;
}
.content_fullwidth {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.right_sidebar {
	float: left;
	width: 100%;
	padding: 40px 0px 0px 0px;
}
.left_sidebar {
	float: left;
	width: 100%;
	padding: 40px 0px 0px 0px;
}
.content_right {
	float: left;
	width: 100%;
	padding: 40px 0px 0px 0px;
}

.one_full {
	width: 100%;
}
.one_half {
	width: 100%;
	margin-bottom: 30px;
}
.one_third {
	width: 100%;
	margin-bottom: 10px;
}
.one_fourth {
	width: 100%;
	margin-bottom: 0px;
}
.one_fifth {
	width: 100%;
	margin-bottom: 30px;
}
.two_third {
	width: 100%;
	margin-bottom: 30px;
}
.three_fourth {
	width: 100%;
	margin-bottom: 0px;
}
.last {
	margin-right: 0 !important;
	clear: right;
	margin-bottom: 0 !important;
}
.leftColumn { width: 100%; }
.centralColumn { width: 100%;  }
.centralColumnFull { width: 100%;  }
.rightColumn { width: 100%;  }
.subfooter-graphics { display:none}
#logo {
	margin: 0px 0px -20px 85px;
}

#logo_innerpage {
	margin: 10px 0px -10px 105px;
}

.top_section { margin:0px 0 20px 0; }

.blog_post h3 {
	font-size: 18px;
	float: left;
	width: 71%;
	line-height: 25px;
}
.blog_post a.date {
	float: left;
	margin-right: 15px;
}
.post_info_content {
	padding: 0px;
	margin: 10px 0 0 0;
	width: 97%;
	float: left;
}
ul.post_meta_links {
	float: left;
	margin: -10px 0px 12px 72px;
	padding: 0px 0px 0px 0px;
	width: 70%;
}
.post_meta_links li.post_by {
	float: left;
	padding: 0px 0px 0px 18px;
	background: url(../images/blog/icon-by-user.png) no-repeat 0px 5px;
}
.post_meta_links li.post_categoty {
	float: left;
	padding: 0px 0px 0px 25px;
	background: url(../images/blog/icon-category.png) no-repeat 9px 6px;
}
.post_meta_links li.post_comments {
	float: left;
	padding: 0px 0px 0px 25px;
	background: url(../images/blog/icon-comments.png) no-repeat 9px 5px;
}
.post_meta_links li a {
	color: #a1a1a1;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
	font-size: 10px;
}
.blog_postcontent .image_frame {
	float: left;
	width: 94%;
	border: 7px solid #eee;
	margin-bottom: 25px;
}
.blog_postcontent .video_frame iframe {
	float: left;
	width: 94%;
	height: 200px;
	border: 7px solid #ddd;
	margin-bottom: 25px;
}
.blog_postcontent .image_frame.small {
	float: left;
	width: 95%;
	border: 7px solid #ddd;
	margin-bottom: 25px;
}
.blog_postcontent .video_frame.small iframe {
	float: left;
	width: 95%;
	height: 200px;
	border: 7px solid #ddd;
	margin-bottom: 25px;
}
.post_info_content_small {
	padding: 0px;
	margin: 0;
	width: 95%;
	float: left;
}
ul.post_meta_links_small {
	float: left;
	margin: -15px 0px 12px 80px;
	padding: 0px 0px 0px 0px;
	width: 70%;
}

.pagination b{
	float: left;
	margin: 0px 0px 10px 0;
	padding:0px 10px;
	font-weight: normal;
	color: #999;
	width: 90%;
}

#site-searchform #s{
	width: 74%;
}


.comment_form {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.comment_form label{
	float: left;
	width: 90px;
	height: 15px;
	padding: 7px 10px;
	margin-bottom: 20px;
}
.comment_input_bg {
	float: left;
	width: 52%;
	height: 25px;
	padding: 7px 10px 0px 10px;
	border-top: 2px solid #e3e3e3;
	border-left: 2px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9f9;
}
.comment_textarea_bg {
	float: left;
	width: 90%;
	height: 235px;
	padding: 7px 10px 0px 10px;
	margin-bottom: 20px;
	border-top: 2px solid #e3e3e3;
	border-left: 2px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9f9;
}
.comment_checkbox {
	float: left;
	display: block;
	width: 90%;
	margin-top: 10px;
}


.address-info {
	width: 90%;
}
.google-map {
	width: 100%;
}




}