.whats {display:none;}

@media (max-width: 1240px){
.tw-portfolio .portfolio-media .portfolio-title {
    font-size: 12px;
 
}

}

@media (max-width: 1100px){
.tw-portfolio .portfolio-media .portfolio-title {
    font-size: 11px;
 
}

}



@media (max-width: 985px){
.tw-portfolio .portfolio-media .portfolio-title {
    font-size: 10px;
 
}

}


@media (max-width: 925px){
.tw-portfolio .portfolio-media .portfolio-text{
    display:none;
 
}
	.tw-portfolio .portfolio-media .portfolio-title {
    font-size: 14px;
 
}
	
	.tw-portfolio .portfolio-media .portfolio-content {
   
    padding: 0px;
 
}

}

@media (max-width: 1050px){
.tw-portfolio .uk-grid-xsmall .portfolio-item {
    padding-left: 20px;
    margin-bottom: 10px;
    max-width: 32.7%;
}

}


@media (max-width: 900px){
.tw-portfolio .uk-grid-xsmall .portfolio-item {
    padding-left: 10px;
    margin-bottom: 10px;
    max-width: 30%;
}
	

}
@media (max-width: 450px){
.tw-portfolio .uk-grid-xsmall .portfolio-item {
        margin-left: 30px;
    padding-left: 0px;
    margin-bottom: 10px;
    max-width: 40%;
}
}


@media (max-width: 400px){
.tw-portfolio .uk-grid-xsmall .portfolio-item {
        margin-left: 20px;
    padding-left: 0px;
    margin-bottom: 10px;
    max-width: 40%;
}
}

@media (min-width: 768px) and (max-width: 1365px) {
#cookie-law .cookie-info-box{
	width: 90vw;
}
	.lentes{
width:55%;	
	
	}
#cookie-law .cookie-info-box a.cookie-info-button{
	font-size: 13px;
}

	
	.brandsGeral{
	width:70%;
	}
	.brandOeiras {
	width:70%;
	}
}
@media (max-width: 767px){
	.social-bar{
	display: none;
    }
    .whats {position: fixed;
            display: block !important;
            bottom: 25px;
            right: 25px;
            z-index: 999;
        
    }
	.mapa{
		width:100vw;
	height:50vh;
	}
	
.covid-warning {
    /* display: none; */
    position: fixed;
    display: none;
    width: 100vw;
    height: auto;
    padding: 5px 0;
    top: 0;
    left: 0;
    color: rgb(255,255,255);
    background-color: rgba(0,0,0,0.9);
    z-index: 9;
}

#cookie-law .cookie-info-box{
	width: 90vw;
	font-size:12px;
}
	
#cookie-law .cookie-info-box a.cookie-info-button{
	font-size: 13px;
}
	
}

@media (min-width: 451px){
#page-banner-video .hhv-video_wrap video {
    min-height: 100vh;
    width: 100vw;
}
}

@media (max-width: 1080px) {
.covid-warning .text {
	padding-left:14vmin;
	position: relative;
	display: inline-block;
	width: 75vw;
	height: auto;
	vertical-align: middle;
	color: rgb(255,255,255);
}
}

@media (max-width: 500px) {
.covid-warning .text {
	padding-left:14vmin;
	position: relative;
	display: inline-block;
	width: 70vw;
	height: auto;
	vertical-align: middle;
	color: rgb(255,255,255);
}
	.covid-warning .close-covid {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 20px;
}
	
}
@media (max-width: 1080px) {


/*
ThemeWaves Responsive CSS
*/
/* Affects device widths of 959px and smaller. */
@media (max-width: 1599px) {
    .tw-header.tw-header-sidebar ~ .main-container {
        margin-left: 0;
    }
    .uk-padding-large .uk-padding{
        padding: 10px;
    }
    .uk-padding .uk-padding-large{
        padding: 30px;
    }
}

@media (max-width: 1199px) {
    .tw-magazine-fixed{
        position: relative !important;
    }
	.tw-box.layout-2{
	padding-top: 2vmin; 
    padding-left: 8vmin;
		padding-bottom:2vmin;
	}
	
    .uk-section.tw-blog-magazine .uk-container{
        padding: 0 40px;
    }
    .bottom-area .uk-padding-left{
        padding-left: 0;
    }
    .uk-padding-large{
        padding: 40px;
    }
    .tw-box.uk-padding:not(.layout-2){
        padding: 10px;
    }
    .tw-box.uk-padding.layout-2:not(.right){
     padding-right: 0;
    }
    .tw-call-action{
        flex-direction: column;
        align-items: flex-start;
    }
    .call-content + .call-btn{
        margin-top: 20px;
    }
    .sidebar-area .sidebar-inner{
         padding-left: 10px;
    }
    .sidebar-area .widget{
        margin-bottom: 36px;
    }
    .portfolio-single8{
        width: 100%;
    }
	
			
	.tw-box > i {
    display: inline-block;
    font-size: 30px;
    padding: 0 5px;
    margin-bottom: 26px;
    color: #151515;
}
	
	.tw-box.layout-2 > i {
    position: absolute;
    top: 10px;
    left: 0;
    /* margin-bottom: 0;*/
	
}
	
tw-box.layout-2 {
    padding-bottom: 1vmin;
    /* min-height: 56px; */
    /* padding-top: 10px; */
    /* padding-left: 70px;*/
	}

}
	
	
}



/* Affects device widths of 959px and smaller. */
@media (max-width: 959px) {
    .fp-tableCell,
    .tw-fullpage-main>section,
    .tw-fullpage-main{
        height: auto !important;
        max-width: 100% !important;
        display: inline-block !important;
        left: 0 !important;
        top:0 !important;
        position: static !important;
        transform: none !important;
    }
    .fp-tableCell{
        padding: 70px 0;
    }
    .tw-fullpage-main-container{
        overflow-y: auto !important;
    }
    #fp-nav{
        /*display: none;*/
    }
    .big-images.owl-carousel.owl-theme .owl-stage-outer, .big-images.owl-carousel.owl-theme .owl-item{
        width: auto !important;
    }
    .tw-fullpage-main>section>.fp-tableCell,
    .tw-fullpage-main>section{
        min-width: 100%;
        width: 100%;
        visibility: visible !important;
        opacity: 1 !important;
    }
    .isotope-container .portfolio-media img,
    .isotope-container .portfolio-media,
    .owl-carousel .shop-image-container,
    .owl-carousel .portfolio-media{
        width: 100%;
    }
    .tw-slider .slider-item{
        height: 600px;
    }
    .tw-heading .tw-sub-title{
        font-size: 10px;
    }
    .tw-heading h1{
        font-size: 42px;
    }
    .tw-heading h2{
        font-size: 36px;
    }
    .tw-carousel .owl-theme .owl-dots{
        bottom: 50px;
    }
    .footer-area .copyright{
        text-align: center;
    }
    .tw-process .tw-process-block .tw-process-circle:after {
        display: none;
    }
    .tw-tablet-margin{
        margin-top: 20px;
    }
    .sidebar-area{
        width: 100%;
    }
	#slider-container3 {
    width: 95%;
		margin-left:3vmin;
}
	.tw-box p {
	font-size:3.7vmin;
	}
	
    .sidebar-area .sidebar-inner{
        padding-left: 0;
        padding-right: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .content-area + .sidebar-area,
    .sidebar-area + .content-area{
        margin-top: 60px;
    }
    .tw-portfolio.promo .promo-text-container,
    .tw-portfolio.promo .uk-first-column .promo-text-container,
    .tw-portfolio.promo .promo-image-container,
    .tw-portfolio.promo .uk-first-column .promo-image-container{
        margin-left: 0;
        margin-right: 0;
    }
    .tw-header .uk-container .uk-navbar-left {
        left: 30px;
    }
    .tw-header .uk-container .uk-navbar-right {
        right: 30px;
    }
    .tw-topbar{
        height: auto;
        line-height: auto;
    }
    .tw-topbar-right,
    .tw-topbar-left{
        justify-content: center;
    }
}
@media (max-width: 767px) {
    
	.logoShop {
width:45vmax;
}
	.lentes{
width:50%;	
}
	.uk-section.tw-splitpage-section .uk-container, .uk-section.tw-blog-magazine .uk-container {
    padding: 0px 20px;
    max-height: 100%;
    max-height: 100%;
}
	
    html, body{
		    font-size: 3.7vmin;
        overflow: auto;
    }
	h2 {
	font-size:3vmin;
	}
	.service{font-size:2.7vmin}
	.iconStyle {
	/*margin-top:8vmin;*/
	}
	
	.service {
	
	} 
    .tw-splitscreen .uk-section.tw-splitpage-section{
        padding: 25px 5vmin;
        background-size: cover;
        min-height: 350px;
    }
    .tw-splitscreen .tw-header.tw-header-transparent{
        position: relative;
      
    }
    .tw-splitscreen .uk-section.tw-splitpage-section .tw-box.layout-2.no-icon{
        padding-left: 0;
    }
}
@media (max-width: 639px) {
    .tw-element + .uk-grid, .tw-element + .tw-element {
        margin-top: 20px;
    }
    .uk-container{
        padding-left: 30px;
        padding-right: 30px;
    }
    .tw-slider .slider-item{
        height: 400px;
    }
    .tw-pricing-table .pricing-title,
    .tw-heading h1{
        font-size: 36px;
    }
    .tw-heading h2{
        font-size: 30px;
    }
    .tw-carousel-testimonial .testimonial-title{
        font-size: 20px;
    }
    .tw-coming-soon .counter-item{
        margin-left: 15px;
        margin-right: 15px;
    }
    .tw-coming-soon .counter{
        font-size: 24px;
        width: 90px;
        height: 90px;
    }
    .tw-page-title-container .tw-page-title{
        font-size: 30px;
    }
    .metro-blog article .entry-content p:not(.more-link){
        display: none;
    }
    .metro-blog article .entry-date,
    .metro-blog article .entry-title{
        top: 0 !important
    }
}
/* Affects device widths of 639px and smaller. */
@media (max-width: 480px) {
    .uk-container{
        padding-left: 20px;
        padding-right: 20px;
    }
	
	
	.tw-box.layout-2 {
		padding:15px;
    /*padding-bottom: 0vmin;*/
    /* min-height: 56px; */
    /* padding-top: 2vmin; */
    padding-left: 8vmin;
}
	
}
@media (max-width: 639px) {
    .uk-width-1-1\@xs,
    .uk-child-width-1-2\@xs>.uk-width-1-1,
    .uk-child-width-1-1\@xs>* {
        width: 100%;
    }
    .uk-child-width-1-2\@xs>* {
        width: 50%;
    }
    .tw-call-action{
        padding: 40px 60px;
    }
}
@media (max-width: 360px) {
    .uk-width-1-1\@xxs,
    .uk-child-width-1-2\@xxs>.uk-width-1-1,
    .uk-child-width-1-1\@xxs>* {
        width: 100%;
    }
    .uk-child-width-1-2\@xxs>* {
        width: 50%;
    }
    .tw-heading h1, .tw-heading h2{
        font-size: 24px;
    }
	
	
	.tw-box > i {
    display: inline-block;
    font-size: 30px;
    padding: 0 5px;
    margin-bottom: 26px;
    color: #151515;
}
	
	.tw-box.layout-2 > i {
    position: absolute;
    top: 20px;
    left: 0;
    /* margin-bottom: 0;*/
	
}
	
tw-box.layout-2 {
    padding-bottom: 1vmin;
    /* min-height: 56px; */
    /* padding-top: 10px; */
    /* padding-left: 70px;*/
	}

}