@media screen 
and (max-width: 1024px) {
#logo {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: center;
}
#logo a img {
width: 30%;
}
#header-top .top-left,
#header-top .top-right {
width: 100%;
text-align: center;
}
#features {
width: 100%;
}
.feature {
width: 25%;
}
#site-navigation {
text-align: center;
}
#site-navigation:after,
#site-navigation:before {
border: 0 !important;
border-color: transparent !important;
}
#site-navigation {
background-color: transparent !important;
margin: 0;
min-height: 24px !important;
}
#site-navigation { 
border-top: none !important;
padding-bottom: 10px;
}
#services-wrap,
.about,
#get-started,
#footer,
#copyright {
padding: 1%;
}
.banner ol.dots {
display: none;
}
}
@media screen and (max-width: 768px) {
.banner .inner { 
padding-top: 0 !important;
}
.navbar ul {
float: left;
width: 100%;
}
#logo {
width: 100% !important;
text-align: center;	
}
#cart-wrapper,
#cart-wrapper #account-set, 
#cart-wrapper #shopping-cart,
#address-bar {
width: 100% !important;
text-align: center;	
}
#address-bar,
#cart-wrapper {
margin-top: 0;
}
#address-bar {
margin-bottom: 18px;
}
.phone-box {
display: none;
}
.sidebar-frame {
width: 100% !important;
}
.sidebar-frame .sidebar {
margin: 0 auto !important;
}
.standard-posts-wrapper {
width: 100% !important;
}
.posts-wrapper #post-body .post-single .text-holder .meta span {
line-height: 1.8em;
}
.posts-wrapper #post-body .post-single .text-holder .meta {
font-size: 11px !important;
}
.sidebar-footer {
width: 100% !important;
}
.sidebar-footer div {
margin: auto 10px !important;
}
#content-box {
width: 97% !important;
margin: auto 10px !important;
}
.post-sidebar {
display: none !important;
}
.post-single {
width: 100% !important;
}
.post-single .meta span {
display: block !important;
}
.standard-posts-wrapper .meta span i {
margin-left: 0 !important;
}
.meta span a span.post_date {
display: inline !important;
}
.posts-featured-details-wrapper h3 {
font-size: 16px;
}
#features {
width: 100%;
}
.services-right,
.services-left {
width: 100%;
}
.services-left h2 {
text-align: center;
}
.services-left h2,
.services-left p, 
.row .row-item {
width: 94%;
}
.feature {
width: 50%;
}
.post-info {
width: 100%;
}
.post-info span {
width: 100%;
display: block;
margin-bottom: 5px;
}
.post-info span.separator {
display: none;
}
.meta span.separator {
display: none !important;
}
.meta span i {
font-size: 14px;
}
.get-strated-left {
width: 100%;
text-align: center;
}
#services-wrap p,
#services-wrap .row-item {
width: 100%;
text-align: center;
}
.row .row-item .service i.fa {
float: none;
}
.content-boxes div.col {
width: 100%;
margin-bottom: 18px;
}
.isStuck {
position: absolute !important;
}		
}
@media screen and (max-width: 550px) {	
.banner .inner h1 { 
font-size: 1.4em;
}
.banner .btn,
.banner .inner p {
display: none;
}
.copyright-wrap span.right {
display: none !important;
}
.posts-featured-details-wrapper h3 {
font-size: 15px;
}
.posts-featured-details-wrapper p {
display: none;
}
#features {
width: 100%;
}
.feature {
width: 100%;
}
}
@media screen and (max-width: 320px) {
.featured-text .meta span.meta-comments,
.featured-text .meta span.meta-more {
display: none !important;
}
#features {
width: 100%;
}
.feature {
width: 100%;
}
}