@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {

	.story-area {display:none}
	.circle {display:none !important}
	body {cursor: auto !important}
		#sobre .row>* {flex:none; width:100%}
	#sobre .line1, #sobre .line2 {padding:0px}
	#sobre .partedois h2 {line-height:1}
	
}

@media (max-width: 767.98px) {
	
	.video-modal-content .mobile-demoreel {display:block !important; visibility:inherit !important; }
	.video-modal-content .full-demoreel {display:none !important; visibility:hidden !important}
	
	.bg-video {translate: none;
    rotate: none;
    scale: none;
    transform: none !important;
    top: 0 !important;
    left: 0 !important;
    position: absolute;
    aspect-ratio: auto;
    width: 100%;}
	
	#portfolio-posts .masonry-item, .rel-posts .masonry-item {height:400px !important}
	#portfolio-posts .masonry-item .copy-desc, .rel-posts .copy-desc {opacity:1 !important; background: linear-gradient(transparent, black); padding-top:40px; width: 100%;}
	
	.post-type-archive section.full-page {padding:var(--x-space) 0px !important; margin-bottom:100px}
	
	.portfolio-archive .portfolio-filter {display:none !important}
	
	.portfolio-archive .portfolio-filter-mobile {display:block !important}
	
	.portfolio-archive .portfolio-filter-mobile #portfolio-filter-select {width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 40px;}
	
	.spacing-border {    margin-top: var(--x2-space) !important;}
	#floatingMenu {    margin: 0 .8rem;}
	
	
	.section-fullscreen {height: 100% !important;}

	
	.section-fullscreen .content {min-height: calc(130px + 85vh) !important;}
	
	
	
	
	
	#portfolio .section-header h3 {margin-top:0px}

	
	section#leads .container {padding: 0px 2rem !important;}
	
	section#leads .desc-copy {line-height:1; text-align:center; margin-bottom:var(--x2-space)}
	
	
	
	section#marcas .container {padding:0px 2rem !important;}
	
	.carrossel-marcas {margin-bottom:var(--x2-space); margin-bottom: 0px;}
	
	
	.short-description {padding: 40px 0;}
	
	.port-item-single .details h5 {    padding-bottom: 5px;}
	
	
	

	
	
	
	
	#footer .col-3, #footer .col-2, #footer .col-5 {flex: 0 0 100%;max-width: 100%; }
	#footer ul {padding:0px}
	#footer .col-3 {margin-top:30px}

	#footer .col-2 {padding-top: 30px;
border-top: 1px solid #525252;
margin-top: 30px;}
	#footer .col-2 h6 {}
	#footer .col-2 ul {display:block}
	#footer .col-2 ul li {display: inline-flex;
		text-align: left; margin-right:18px}
	
	

	section.full-page {padding:140px 0 !important}
	.full-page .row .col-6:nth-child(2) {display:none}
	.full-page .row .col-6:nth-child(1) {flex:none; width:100%}
	
	.full-page .demoReeltake {margin:var(--x2-space) 0px !important; max-height:300px !important}
	
	.full-page .big-section h5 {margin:0px !important}
	
	
	.full-page .big-section p {    font-weight: 300;
    font-size: 19px;
    line-height: 35px;
    display: block;
    margin-top: 20px;}
	
	
	.full-page .about-section .col-6 h6 {margin:var(--x2-space) 0 !important}
	
	.full-page .big-section {
    text-align: center;
    padding: 20px 5% !important;}
	
	.full-page .about-section .col-1 {display:none}
	.full-page .about-section .col-5 {flex:none; width:100%}
	
	.full-page .pde-sobre .col {margin-bottom:7%; margin-right:0px !important}

	
	.full-page .pde-sobre {--bs-gutter-x: 0px !important}
	
	
	.contact-details {margin-top:40px}
	.contact-section .col-1 {display:none}
	.contact-section .col-5 {    flex: none;
    width: 100%;}
	.contact-details .col-4 {flex:none; width:100%; margin-bottom:20px}
	
	#servicos-full .section-border-rounded {margin-top: -80px;    height: 80px;}
	
	#servicos-full .info-servicos-head {margin:var(--x2-space) 0px var(--x-space);}
	#servicos-full .info-servicos-head img, #servicos-full .info-servicos-head .col-md-4 {display:none}
	#servicos-full .info-servicos-head .col-md-8 {flex:none; width:100%}
	
	#servicos-full .item-servicos .col {flex:none; width:100%}
	
	section#servicos-full .item-servicos:nth-child(even) .desc-col-servicos {order:2 !important;}
section#servicos-full .item-servicos:nth-child(even) .rel-col-servicos {order:1 !important;}

	#servicos-full .carousel, #servicos-full .carousel-item {height:350px;}
	#servicos-full .item-servicos .col {padding:0px !important}
	#servicos-full .desc-col-servicos {margin-top:30px}
	
	.info-servicos-head p {text-align:center}
	
	
	
}




@media (max-width: 576px) {
	
	.mobile-video-topo {display:initial !important}
	.full-video-topo {display:none}
	.post-type-archive .section-fullscreen {        min-height: 60vh !important;}
	
	.post-type-archive .section-fullscreen .content {min-height: calc(130px + 60vh) !important;}
	
	.section-border-rounded {height: 60px !important; margin-top:-60px !important;     border-radius: 30px 30px 0 0 !important;}
	
	section#contact-services {border-radius: 30px 30px 0 0 !important; }
	section#contact-services .container {margin:calc(var(--x2-space) * 3) 0px !important; padding: 0px 2rem !important;}
	
	section#contact-services .display-1 {    margin-bottom: 20px;}
	
	.container {padding-right: calc(var(--bs-gutter-x) * 1.0);
    padding-left: calc(var(--bs-gutter-x) * 1.0);}
	
	#servicos-full .container {    --bs-gutter-x: 3rem;}
	#floatingMenu .container {padding:0px}
	.row {padding: 0px 0px;}
	
	#portfolio .masonry .masonry-item {        height: auto;
        height: 320px !important;}

	#portfolio .masonry-item .copy-desc {opacity:1; width: 100%; text-align:center; background: linear-gradient(transparent, black); padding-top:40px}
	#portfolio .section-border-gap, #sobre .section-border-gap {height:50px !important}
	
	#sobre .line1 {padding:30px 0 !important}
	#sobre .line2 {padding:70px 60px !important; margin-bottom:var(--x2-space)}
	
	#footer .col-5 {text-align:center; padding:0 5%}
	#footer .col-5 p {opacity:0.7; max-width:100% !important; margin:0px 5%}
	
	#footer .hidden {display:none}
	
	#footer .wpcf7 .input-with-icon {max-width:100% !important}
	
	#leads .input-with-icon p, #footer .wpcf7 .input-with-icon p {margin:0px !important}
	
	section#leads .input-with-icon input {
		max-width: calc(100% - 50px);
    padding: 15px 10px;}
	
	#footer .copyright {    font-size: 11px !important;
    margin-top: 30px !important;
    line-height: 1.4 !important;
    padding: 30px 4% 10px !important;
    opacity: 0.5;}
	
	#marcas .carrossel-marcas {margin-bottom:0px}
	
	
	.full-page .title-page .col-6 {text-align:center}
	
	.full-page .big-section span.tag {    scale: 0.7;}
	.full-page .big-section p {    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;}
	
	.display-3 {font-size: calc(1.525rem + 2.3vw);}
	
	.full-page .reelbg {margin:30px 0px !important;height:400px !important;}
	
	.full-page .overreel {padding:0 7% !important}
	
	.full-page .reelbg img {width: 100%;
  height: 100%;
  object-fit: cover;      /* preenche tudo */
  object-position: center;/* corta a partir do centro */
  display: block;}

	section#servicos h2 {font-size: var(--gg-size) !important; line-height:calc(1em + 10px) !important; padding: 5% 0px;}
	
	section#contact-services {background-size:cover}
	

	
	.contact-section .contactform p {margin-bottom: 15px !important;}
	
	
	
	
	
}



@media (max-width: 460px) {
	section#contact-services p {font-size: 20px !important;}
	.port-item-single .details {padding: 0px !important;}
	.port-item-single .short-description {padding: 30px 0;}
	
	.video-embed {padding: 0px !important;}
	
	#demoreel .hero-text {padding: 0px 5% !important}
	#sobre .line2 {padding: 60px 30px !important;}
	.display-1 {font-size: calc(1.625rem + 3.5vw) !important;}
	.display-4 {    font-size: calc(1.475rem + 1vw) !important}
	.display-5 {    font-size: calc(1.425rem + 1.6vw) !important}
	section#servicos-full .desc-col-servicos a b {display:none}
	section#servicos-full .desc-col-servicos h6 {font-size: 14px !important;}
	section#servicos-full .h5 {font-size: 17px;}
	

	
	
}



@media (max-width: 410px) {
	
	
	.full-page .contact-details h4 {margin-bottom: 10px !important;;font-size: 17px !important;}
	.full-page .contact-details a {    font-size: 18px !important;;}
	
	.port-item-single .short-description {
    font-size: 18px !important;
    line-height: 1.5 !important;
		margin:30px 0px;
}
	.port-item-single .short-description .col {padding:0px}
	
	
	
	.row {padding: 0px !important;}
	
	.details {
		padding: 20px 0px !important; 
		margin:25px 0px !important;
}
	
	.details > .col {
    flex: 0 0 50%;
    max-width: 50%;
		padding:0px !important;
		margin-bottom:10px
  }
	.details h5 {padding-bottom:0px !important;     font-size: 0.8rem;}
	
	.full-logo {display:none}
	.medium-logo {display:block !important}
	
	#portfolio .section-header h3 {padding:0px !important}
	
	
	.display-3 {font-size:calc(1.525rem + 1.3vw) !important}

	.display-4 {font-size: calc(1.475rem + 0.4vw) !important;}

	
	.full-page .about-section .col-5 p {    font-weight: 350 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;}
	
	.rel-posts .masonry-item {    height: 300px !important;}
	
	#servicos-full .rel-col-servicos {display:none}
	    #servicos-full .desc-col-servicos {
        margin-top: 0px;
    }
	
	section#servicos-full .desc-col-servicos h6 {display:none !important}
	
}


@media (max-width: 340px) {
	.full-logo, .medium-logo {display:none !important}
	.icon-logo {display:block !important}
	.details > .col {
    flex: 0 0 100%;
    max-width: 100%;
		padding:0px !important;
		margin-bottom:20px
  }
	

	
	
	
}