@media screen and (min-width:320px) and (max-width:1024px) {
html {
	font-size: 69%
}
.head_title {
	font-size: 2rem
}
#mainNav .navbar-brand {
	width: 40px
}
.nav_right {
	display: block;
}
.nav_right li {
	display: inline-block;
}
.top_bar .topInner {
	flex-direction: column
}
.top_bar .topInner .topDiv {
	width: 100% !important;
	text-align: center
}
.top_bar .topInner .topDiv.logisticaTxt {
	text-align: center
}
.banner_txt {
	padding: 4rem 0rem
}
.banner_txt h2 {
	font-size: 3rem;
	text-align: center
}
.banner_txt p {
	text-align: center;
	padding: 0 1em;
}
.product_first ul li h2 {
	font-size: 12px;
	left: 10px;
	right: 10px;
	top: 20px;
}
.product_first ul {
	margin-top: 30px
}

.product_first_1 ul li h2 {
	font-size: 12px;
	left: 20px;
	top: 20px;
}
.product_first_1 ul {
	margin-top: 30px
}
.services_wrapper {
	padding: 3rem 0rem !important;
}
.serviceTab {
	width: 100%
}
.serviceImage {
	width: 100%;
	max-height: 300px;
}
.serviceImage img {
	width: 100%
}
.serviceTab .tab-content .sr_item {
	width: 50%;
	padding: 5px;
}
.serviceTab .nav-tabs .nav-link {
	font-size: 11px
}
.serviceTab .tab-content .sr_item figure {
	height: 90px;
}
.main_product ul li {
	width: 47.9%
}
.main_product ul li figcaption {
	margin: 10px 0px
}
.client_area {
	margin-top: 1rem
}
.client_slide {
	padding: 10px 0px
}
.client_slide ul li img {
	max-height: 50px;
	height: auto
}
.vamos_area {
	padding: 3rem 1rem
}
.vamos_txt h1 {
	font-size: 3rem
}
.testmonial_area #testimonialDiv {
	padding: 0px
}
.testmonial_area .carousel-item {
	font-size: 1.25rem
}
footer {
	padding: 3rem 0rem
}
footer .col-lg-3.nav_list {
	width: 50%;
}
footer .logo img {
	max-width: 40px
}
footer .social ul {
	text-align: center
}
footer .newsletterDiv input[type="text"] {
	width: 70%
}
footer .newsletterDiv .btn-primary {
	width: 30%;
	float: right;
	height: 30px;
}
footer .newsletterDiv {
	display: block
}
.productCategory .side_filter {
	padding: 15px;
	width: 100%
}
.productCategory .productListing {
	width: 100%
}
.brandom_area {
	padding: 2rem 1rem
}
.popular {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.popular h2 {
	width: 100%;
}
.popular h2:not(:first-child) {
	flex: 1;
}
.productCategory .productListing .main_product ul li {
	width: 48%;
}
.brandom_area2 {
	margin-bottom: 0rem
}
.productDesArea {
	padding: 1rem
}
.productDesArea .ImageArea {
	width: 100%
}
.productDesArea .ItemDesArea {
	width: 100%
}
.productTab .prTabInner {
	flex-direction: column
}
.productTab .prTabInner figure img {
	width: 100%
}
.productTab .prTabInner figcaption {
	margin-left: 0rem;
	margin-top: 2rem
}
.bannerInner.serviceBnr .container {
	padding: 8rem 4rem
}
.serviceFilter ul {
	flex-wrap: wrap
}
.serviceFilter ul li {
	width: 32%;
margin-bottom:.5rem
}
.aboutBnr h2 {
	margin-top: 2rem;
	font-size: 2rem
}
.aboutBnr p {
	font-size: 1rem
}
.aboutTextarea h2 {
	margin: 3rem 0rem
}
.aboutTextarea h3 {
	margin: 2rem;
	line-height: 2rem;
	font-size: 1.5rem
}
.aboutTextarea .aboutScroll {
	max-height: 20rem;
	padding: 1rem
}
.aboutNosa ul {
	flex-wrap: wrap;
}
.aboutNosa ul li {
	width: 44%;
margin:.5rem
}
.aboutMarca .marcaDiv {
	padding: 1rem
}
.aboutMarca .marcaDiv figure {
	width: 100%
}
.aboutMarca .marcaDiv figcaption {
	width: 100%;
	padding-left: 0px
}
.cnctArea ul {
	flex-direction: column
}
.cnctArea ul li {
	width: 96%
}
.cnctForm {
	padding: 2rem 1rem
}
.blog_wrapper .head_title {
	margin: 2rem 0rem
}
.blog_wrapper .blog_inner {
	flex-wrap: wrap
}
.blog_wrapper .blog_inner .blog_left {
	width: 100%;
	padding: 1rem
}
.blog_wrapper .blog_inner .blog_right {
	width: 100%;
	padding: 1em;
}
.blog_wrapper .blog_inner .blog_right .blog_item {
	width: 100%;
	max-width: 300px;
	margin: 1rem auto
}
.banner_mob {
	background: url(../images/banner-home-mobile.jpg) center top no-repeat;
	background-size: 100% auto;
}
.banner_search {
	width: 90%
}
.banner_search ul li {
	margin: 2px
}
.serviceTab .nav-tabs {
	height: 576px;
}
.popular-mob {
	display: block
}
.popular-desk {
	display: none
}
.productBnr_mob {
	background: url(../images/product-banner-mob.jpg) center top no-repeat !important;
	background-size: 100% auto !important
}
.productDesArea .quantityDiv {
	align-items: center
}
.productDesArea .ImageArea #myCarousel .carousel-indicators {
	width: 26%
}
}
 @media (min-width: 768px) {
	.collapse.dont-collapse-sm {
		display: block;
		height: auto !important;
		visibility: visible;
	}
}

 @media (max-width: 767px) {
 	.bannerInner_inr{
		position: relative;
	}
	.owl-carousel .owl-item img{
		margin: 0 auto;
	}
	.owl-carousel .owl-item .item figcaption {
	    text-align: center;
	}
	.bannerInner.productBnr .container{
	 padding: 8rem 4rem;
	}
	.serviceTab .tab-content .sr_item figcaption {
	    min-height: 90px;
	}
	.serviceFilter .coll_nav li a{
		min-height: 50px;
	}
	.serviceImage .service_bgimg {
	    background-image: unset !important;
	    min-height: 140px;
	}
	.aboutBnr .container {
    	top: 2.5%;
    }
    .aboutBnr .playBtn{
    	margin-top: 0;
    }
    .bannerInner.serviceBnr{
    	background-position: top right !important;
    	background-size: cover !important;
    }
    .product_first ul li img{
    	min-height: 100px;
    	max-height: 100px;
    }
}