/*------------------------------------------------------------------
Project:	AutoImage
Version:	1.0
Last change:	09/09/14 []
Assigned to:	Alex zaymund (vf), Mike Prestazilla (sl)
Primary use:	RESPONSIVE STYLES
-------------------------------------------------------------------*/

@media only screen and (min-width :530px) and (max-width :700px) {
.how-work ul {
	text-align: center
}
}

@media only screen and (min-width :1000px) and (max-width :1100px) {
.main-menu>li>a {
	padding: 11px 0!important
}
.widget-search [type="text"] {
	width: 216px!important
}
}

@media only screen and (min-width :768px) and (max-width :1130px) {
.home-slider .flex-caption {
	display: none !important;
}
.page-header {
	height: auto;
}
.page-header .logo {
	margin: 0 auto!important
}
.sticky-header .page-header {
	top: 0
}
.page-header .logo {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
	float: none;
	display: table;
	margin: 30px auto 40px;
	max-width: 300px;
	max-height: 150px
}
.page-header.sticky .logo {
	display: none
}
.page-header .main-menu {
	display: table!important;
	float: none;
	margin: 0 auto
}
table {
	display: block;
	margin: 10px 0
}
table th, thead {
	display: none
}
table tbody, table tr {
	display: inline-block;
	width: 100%
}
table td {
	display: inline-block;
	width: 100%
}
.pb-right-column .btn-lg {
	font-size: 12px
}
}

@media only screen and (max-width :991px) {
table {
	display: block;
	margin: 10px 0
}
#wp-calendar td, #wp-calendar th, #wp-calendar tr, #wp-calendar tfoot {
	display: inline-block;
	width: 100%
}
table th, thead {
	display: none
}
table tbody, table tr {
	display: inline-block;
	width: 100%
}
table td {
	display: inline-block;
	width: 100%
}
#our-clients td {
	padding: 20px 35px;
	text-align: center
}
.pb-center-column .product-name {
	margin: 20px 0 0 0
}
.page-img {
	margin-top: 0!important
}
.post .entry-format {
	display: none!important
}
.post .entry-meta {
	margin: -25px 0 35px!important;
	padding: 2%;
	width: 96%!important
}
.post .entry-meta ul {
	float: left!important
}
.post .entry-meta {
	width: 100%!important
}
.post .entry-meta>ul {
	padding-left: 0!important
}
.page-footer .copyright, .page-footer .social {
	float: none;
	display: table;
	margin: 5px auto 0;
	text-align: center
}
.blog-post, .portfolio-item {
	width: 330px
}
.main-menu>li>a {
	padding: 11px 1px
}
#sequence .slide-text {
	top: 50%!important
}
.slide-logo, .slide-title {
	display: none!important
}
#sequence ul li .slide-text p {
	font-size: 19px!important
}
.auto5, .auto6, .auto7, .auto8, .auto9, .auto10, .auto11 {
	display: none
}
#Services2 .nav-tabs a {
	padding: 20px 0!important
}
#Services2 {
	height: auto!important
}
.map {
	margin-top: 30px
}
.go-top {
	display: none!important
}
.bg {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7) !important;
}
html .atabs li .ftitle-content {
	box-sizing: content-box;
	float: none;
	text-align: center;
	width: 100%;
}
.atabs-img img {
	margin-left: -25px;
}
.featured-item {
	margin: 30px 0;
}
html .wrap-offer, html .wrap-offer * {
	transform: rotate(0deg) scale(1.003) skew(0deg) translate(0px);
	-webkit-transform: rotate(360deg) scale(1.003) skew(0deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1.003) skew(0deg) translate(0px);
	-o-transform: rotate(0deg) scale(1.003) skew(0deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1.003) skew(0deg) translate(0px);
}
html .span-title {
	left: 0;
}
html .contact_info {
	text-align: center;
}
html .flex-direction-nav a {
	margin: -45px 0 0;
}
}

@media only screen and (max-width :768px) {
.section {
	padding: 75px 0
}
.section-header .heading {
	font-size: 1.875em
}
.sticky-header .page-header {
	top: 0
}
.go-top {
	display: none!important
}
.featured-item {
	margin-top: 20px;
	text-align: center
}
html #Services2 .nav-tabs a {
	display: inline-block;
	float: none;
	text-align: center;
	width: 100%
}
.post img {
	height: auto;
	max-width: 100%
}
#wp-calendar td, #wp-calendar th, #wp-calendar tr, #wp-calendar tfoot {
	display: inline-block;
	width: 100%
}
.sidebar {
	margin-top: 20px
}
.item-total {
	display: none
}
.brand-logo {
	display: inline-block;
	padding: 15px;
	width: 100%
}
.home-slider .flexslider {
	margin-top: 0!important;
	height: auto!important
}
html .flex-caption {
	display: none!important
}
.entry-media .flex-direction-nav a {
	top: 83%!important
}
html .page-img h3 {
	font-size: 22px;
	margin-top: 22px
}
html .catalog-product-list .media>.pull-left {
	margin-left: -22px;
	margin-bottom: 30px
}
.pb-left-column, pb-right-column {
	padding: 0 10px
}
.top-bar .pull-right, .top-bar .text-right, .top-bar .pull-left {
	display: inline-block;
	float: none!important;
	padding: 5px;
	text-align: center;
	width: 100%!important
}
#sequence .slide-text {
	top: 30%!important
}
.slide-logo, .slide-title {
	display: none!important
}
#sequence ul li .slide-text p {
	font-size: 19px!important
}
#portfolio, #office-location {
	min-height: inherit!important
}
.portfolio-item {
	max-width: 330px
}
#portfolio .sly_scrollbar {
	margin: -18px auto 30px!important
}
#facts {
	background-size: cover!important
}
.wrap-circle {
	height: 80px;
	margin: 0 auto;
	width: 80px
}
article.numbers li .span-title {
	display: block;
	font-size: 14px;
	padding-top: 8px
}
article.numbers li .span-circle {
	font-size: 26px;
	line-height: 74px;
	text-align: center
}
article.numbers li .span-circle {
	font-size: 26px;
	height: 84px;
	width: 83px
}
#contact .section-header img {
	width: 100%;
	height: auto
}
#contact .section-header h2 {
	display: inline-block;
	margin: 15px
}
.post .entry-format>a {
	height: 70px!important;
	width: 70px!important
}
html .post .entry-format>a .glyph-item {
	font-size: 33px;
	left: 19px;
	top: 4px
}
html .post .entry-meta>ul>li {
	display: inline-block;
	float: none;
	font-size: 14px;
	margin: 5px;
	position: relative;
	top: 0;
	width: 100%
}
html .post .entry-title {
	font-size: 20px
}
html .post .entry-content {
	line-height: 1.333
}
html .dl-menuwrapper li a {
	padding: 5px 10px
}


}

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

#Services .tab-content {
	display: none!important
}
.atabs-img .tab-pane {
	max-width: 69%;
}
#our-clients td, #our-clients th, #our-clients tr, #our-clients table, #our-clients tbody {
	display: inline-block!important;
	width: 100%;
	border: none!important
}
.page-header .logo {
	position: relative;
	z-index: 555
}
.numbers ul {
	margin: 0;
	padding: 0
}
html .section-header .heading.heading-type2 {
	font-size: 16px
}
html .portfolio-filter-wrap {
	height: auto
}
.details-review {
	float: left;
	height: auto;
	padding: 5%;
	position: relative;
	text-align: left;
	width: auto
}
#our-reviews {
	display: none
}

.section-header .heading{
	font-size:18px !important;
}


}

@media only screen and (max-width :320px) {
.portfolio-filter {
	display: none!important
}
#our-clients td, #our-clients tr {
	display: block!important;
	height: auto!important;
	width: 100%!important;
	border: none!important
}
#our-clients td img {
	margin-bottom: 20px
}
.go-top {
	display: none!important
}
}