@media (max-width: 1600px){

    /* como funciona */
    #como-funciona-cel .img1 { padding-top:130px !important; }
	#como-funciona-cel .img2 { padding-top:100px !important; margin-right: -520px !important; }
	

}

@media (max-width: 1400px){

    /* como funciona */
    #como-funciona-cel .img1 { padding-top:190px !important; }
	#como-funciona-cel .img2 { padding-top:150px !important; margin-right: -490px !important; }
	
}

@media (max-width: 1150px){

    /* global */
    .container { width: 100%; padding: 0px 20px; }

    /* home */
    #home section article { left: 20px; margin-left: 0px; }
    #home section footer span a { left: 20px; margin-left: 0px; }

    /* feat */
    #feat section { left: 20px; margin-left: 0px; }
    #feat-vantagens section { left: 20px; margin-left: 0px; }
    #feat-vantagens figure img { bottom: 0px; right: 20px; height: 568px; margin-right: 0px; }

    /* side */
    .side.item-chegando figure.side.float img.img2 { display: none; }

    /* como funciona */
    #como-funciona-header article { left: 20px; margin-left: 0px; }
    #como-funciona-slide section article sup { left: -10px; z-index: -1; }
    #como-funciona-side h6 { transform: translateX(-50px); }
    #como-funciona-side.on h6 { transform: translateX(0px); }

    /* contact */
    #contact section { right: 20px; margin-right: 0px; }

}

@media (max-width: 1000px){

    /* global */
    .visible-desktop { display: none; }
    .visible-mobile { display: block; }

    /* header */
    #header { height: 75px; margin: 0px; background-color: #F6F6F6; }
    #header span.logo { width: 120px; margin-top: 20px; }
    #header nav { display: none; }
    #header b { display: block; }

    /* home */
    #home section { width: 100%; height: 40vh; text-align: center; }
    #home section article { position: relative; top: auto; left: auto; width: 100%; padding: 100px 50px 0px 50px; transform: none; }
    #home section article h1 { font-size: 60px; }
    #home section article p { width: 100%; font-size: 20px; }
    #home section footer span a { left: 50%; padding-left: 0px; transform: translate(-50%, -50%); }
    #home aside { width: 100%; height: calc(60vh - 170px); }
    #home section footer { position: fixed; z-index: 10; }

    /* sobre */
    #sobre section { padding: 100px 0px; }

    /* quem somos */
    #quem-somos-header header h1 { width: 100%; margin: 40px 0px 20px 0px; }
    #quem-somos-header header figure { height: auto; margin: 60px 0px; }
    #quem-somos-header header figure img { position: relative; height: auto; }
    #quem-somos-header header span h5 { padding: 0px; }
    #quem-somos-header header span h5::before { left: 0px; }
    #quem-somos-header header span p { padding-right: 0px; }
    #quem-somos-list section { grid-template-columns: 1fr 1fr; }
    #quem-somos-video span { width: 100%; }

    /* control */
    #control section { grid-template-columns: 1fr; grid-gap: 40px; padding: 20px; text-align: left; }
    #control section::before { display: none; }
    #control section article { position: relative; padding-left: 80px; }
    #control section article figure { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); }

    /* side */
    .side section h2, .side section h3 { font-size: 32px; }
    .side figure.side { width: 100%; }
    .side.item-1 .container, .side.item-mora .container { display: flex; flex-wrap: wrap; }
    .side.item-1 section { padding: 40px 0px; text-align: center; }  
    .side figure.side { width: 100% !important; }
    .side.item-1 figure img { height: auto; }
    .side section, .side.item-mora { width: 100%; padding: 40px 0px !important; order: 1; }
    .side figure.side, .side.item-mora figure.side { order: 2; }
    .side.item-chegando figure.side.float { display: none; }
    .side.item-chegando section { padding: 40px 0px 0px 0px; }
    .side.item-chegando.item-list section { padding: 0px; }
    .side.item-mora section { padding-top: 0px !important; text-align: center; }
    .side.item-chegando { padding-bottom: 0px; }
    .side.item-chegando section { padding-top: 40px !important; text-align: center; }
    .side.side.item-chegando figure.side { padding-bottom: 0px !important; }
    .side.item-mora figure.side img, .side.side.item-chegando figure.side img { width: 100%; height: auto; margin: 0px !important; }
    .side.item-mora figure.side img.img2 { display: none; }
    .side.item-chegando.item-list section h3 { padding: 0px; font-size: 24px; }
    .side.item-chegando.item-list section p { text-align: left; }

    /* como funciona */
    #como-funciona-header { display: inline-block; height: auto; max-height: none; padding-top: 60px; }
    #como-funciona-header sub { display: none; }
    #como-funciona-header article { position: relative; left: auto; top: auto; transform: none; width: 100%; padding: 0px 20px; text-align: center; }
    #como-funciona-header article h1 { width: auto; font-size: 32px; }
    #como-funciona-header figure { display: inline-block; width: 100%; height: auto; padding: 40px; }
    #como-funciona-header figure img { position: relative; bottom: auto !important; right: auto; display: inline-block; width: 50%; height: auto; margin: 0px auto !important; }
    #como-funciona-header figure img.img1 { margin-right: -40px !important; }
    #como-funciona-header figure img.img2 { transform: translate(50px, 70px); }
    #como-funciona-all aside { width: 100%; height: 340px; margin-top: 20px; }
    #como-funciona-all section { width: 100%; margin-left: 0px; }
    #como-funciona-all section article h2 { font-size: 32px; }
    #como-funciona-all section .circle { width: 100%; }
    #como-funciona-all section article { height: auto; padding: 20px 40px 80px 40px; }
    #como-funciona-slide { height: auto; padding: 60px 0px; }
    #como-funciona-slide span h2 { font-size: 32px; }
    #como-funciona-slide figure, 
    #como-funciona-slide section article sup,
    #como-funciona-slide::before,
    #como-funciona-slide::after,
    #como-funciona-slide .slick-dots::before,
    #como-funciona-slide .slick-dots li.slick-active::before,
    #como-funciona-slide .slick-dots li.slick-active::after,
    #como-funciona-side h6::before,
    #como-funciona-functions section::before,
    #como-funciona-functions section span::before { display: none; }
    #como-funciona-slide span { height: auto; width: 100%; padding: 0px; text-align: center; }
    #como-funciona-slide .slick-dots { position: relative; top: auto; right: auto; display: inline-block; width: 100%; margin-top: 60px; transform: none; text-align: center; background-color: transparent; }
    #como-funciona-slide .slick-dots li { display: inline-block; width: 12px; height: 12px; margin: 0px 10px; }
    #como-funciona-side { padding: 60px 0px; }
    #como-funciona-side h6 { width: 100%; margin: 0px 0px 40px 0px; padding: 0px; transform: none !important; opacity: 1 !important; text-align: center; font-size: 32px; }
    #como-funciona-side p { width: 100%; width: 100%; padding: 0px; transform: none !important; opacity: 1 !important; text-align: center; }
    #como-funciona-functions { padding: 40px 0px 0px 0px; }
    #como-funciona-functions header h6 { margin-bottom: 40px; font-size: 32px; }
    #como-funciona-functions section { width: 100%; }
    #como-funciona-functions section .circle { height: auto; }
    #como-funciona-functions section article { height: auto; }
    #como-funciona-functions section sub { position: relative; top: auto; left: auto; display: block; width: 140px; height: 140px; margin: 0px auto 20px auto; transform: none; }
    #como-funciona-functions section sub img { width: 40%; }
    #como-funciona-functions section span { position: relative; top: auto !important; right: auto !important; left: auto !important; display: inline-block; width: 49%; padding: 12px 20px; text-align: center !important; }
    #como-funciona-functions .slick-dots { margin-top: 40px; }
    #como-funciona-side p,
    #como-funciona-slide span p { font-size: inherit; }

    /* mobile */
    #como-funciona-functions-mob { padding: 60px 0px; background: #fff url('../img/como-funciona-bg.jpg') no-repeat center center; background-size: cover; }
    #como-funciona-functions-mob .container { padding: 0px; }
    #como-funciona-functions-mob header h6 { display: block; margin-bottom: 40px; font-weight: bold; font-size: 32px; color: var(--blue); text-align: center; }
    #como-funciona-functions-mob section sub { position: relative; display: block; width: 116px; height: 116px; margin: 0px auto 46px auto; background-color: var(--green); border-radius: 100%; }
    #como-funciona-functions-mob section sub img { position: absolute; top: 50%; left: 50%; width: 40px; height: auto; transform: translate(-50%, -50%); }
    #como-funciona-functions-mob section .circle { display: inline-block; width: 100%; height: auto; padding: 46px 20% 0px 20%; border-top: 3px solid var(--green); }
    #como-funciona-functions-mob section .circle p { position: relative; font-weight: bold; font-size: 24px; text-align: center; opacity: 0; transition: all .5s ease; }
    #como-funciona-functions-mob section .circle p::before { position: absolute; top: -64px; left: 50%; width: 28px; height: 28px; background-color: #fff; border: 3px solid var(--green); border-radius: 100%; transform: translateX(-50%); content: ''; }
    #como-funciona-functions-mob section .circle p.slick-active { opacity: 1; }
    #como-funciona-functions-mob section .circle .slick-list { overflow: visible; }
    #como-funciona-functions-mob .arrow { position: absolute; top: 50%; color: var(--green); transform: translateY(-50%); font-size: 28px; cursor: pointer; }
    #como-funciona-functions-mob .arrow.arrow-prev { left: 20px; }
    #como-funciona-functions-mob .arrow.arrow-next { right: 20px; }

    /* contact */
    #contact section { position: relative; top: auto; right: auto; display: block; width: 100%; padding: 40px 20px; border: none; border-radius: 0px; }
    #contact section h6 { font-size: 24px; }

    /* footer */
    #footer .column { width: 33%; }
    #footer .column:last-of-type { width: 100%; margin-top: 50px; text-align: left; }
    #footer .column:last-of-type span a { margin-left: 0px; }

}

@media (max-width: 760px){
	
	/* como funciona */
    #como-funciona-cel { display:none !important; }

	
    /* home */
    #home section article h1 { font-size: 32px; line-height: 1.2; }
    #home section article p { font-size: 16px; line-height: 1.4; }
    #home aside { height: calc(60vh - 90px); }
    #home section footer { height: 90px; }
    #home section footer span a { width: auto; white-space: nowrap; font-size: 20px; }
    #home section footer span a::before { display: none; }
    #home section footer span a i { top: -1px; left: -34px; width: 24px; height: 24px; font-size: 14px; line-height: 24px; }

    /* feat */
    #feat { height: auto; padding-top: 30px; max-height: none; }
    #feat section { position: relative; bottom: auto; left: auto; display: block; width: 100%; text-align: center; }
    #feat section h1 { margin-bottom: 20px; padding: 0px 20px; font-size: 30px; }
    #feat section span { margin-bottom: 20px; }
    #feat figure img { position: relative; bottom: auto; right: auto; display: block; width: auto; height: 250px; margin: 0px auto; }
    #feat-vantagens { height: auto; padding: 30px 0px; max-height: none; }
    #feat-vantagens section { position: relative; bottom: auto; left: auto; display: block; width: 100%; padding: 0px 20px; text-align: center; }
    #feat-vantagens section h1 { margin-bottom: 20px; font-size: 30px; }
    #feat-vantagens section p { font-size: 16px; }
    #feat-vantagens figure img { display: none; }
    #feat-contact .container { width: 100%; }
    #feat-contact h6 { font-size: 32px; }
    #feat-contact p { font-size: 16px; }

    /* slide */
    #slide { padding: 20px 0px; }
    #slide header { width: 100%; }
    #slide header h6 { font-size: 20px; }
    #slide section { margin-top: 20px; }
    #slide section article { min-height: auto; }
    #slide section article p { position: relative; top: auto; display: block; padding: 20px; transform: none; }

    /* side */
    .side.item-2 { padding-bottom: 0px; }
    .side.item-2 figure img { height: auto; }
    .side.item-2 figure::before { display: none; }
    .side.item-3 figure.side img { height: auto; }
    .side.item-3 section { padding: 0px !important; }

    /* sobre */
    #sobre figure img { display: none; }
    #sobre section { width: 100%; padding: 40px 0px; }

    /* control */
    #control header { width: 100%; }

    /* menu float */
    #menu-float section { width: 354px; padding: 100px 0px 0px 40px; }
    #menu-float section span.logo img { left: 38px; }
    #menu-float section span.help a { width: 100px; height: 35px; font-size: 10px; }
    #menu-float section nav ul li a { font-size: 24px; }
    #menu-float section span.social a { padding-left: 24px; font-size: 16px; }
    #menu-float section span.social a b { font-size: 7px; }
    #menu-float section span.social a i { font-size: 20px; }
    #menu-float section span.bottom a { font-size: 12px; }

}

@media (max-width: 600px){

    /* feat */
    #feat section span small a { zoom: .7; }
    #feat-vantagens section span small { margin: 0px 10px; zoom: .7; }

    /* quem somos */
    #quem-somos-header::before { height: 20vh; }
    #quem-somos-header header h1 { font-size: 24px; margin: 40px 0px; }
    #quem-somos-header header figure { margin: 0px 0px 40px 0px; }
    #quem-somos-header header figure::before { display: none; }
    #quem-somos-header header span { text-align: center; }
    #quem-somos-header header span h5::before { display: none; }
    #quem-somos-header header span h5 { width: 100%; font-size: 32px; }
    #quem-somos-header header span p { width: 100%; margin-top: 20px; font-size: 16px; }
    #quem-somos-list section { padding: 20px 0px; }
    #quem-somos-video { height: 260px; }
    #quem-somos-video span sup { width: 60px; height: 60px; padding-left: 7px; line-height: 60px; font-size: 40px; }
    #quem-somos-video span p { display: none; }

    /* download */
    #download .container { width: 100%; }
    #download h2 { font-size: 20px; }
    #download span small a { margin: 0px 15px 15px 15px; zoom: .7; }

    /* footer */
    #footer { padding: 20px 0px; }
    #footer .column { width: 100% !important; margin-bottom: 20px; }
    #footer .column ul.social { display: block; margin-top: 40px; }
    #footer .column:last-of-type { margin-top: 20px; }

}

@media (max-width: 520px){

    /* global */
    body { overflow-x: hidden; }

    /* quem somos */
    #quem-somos-list section { grid-template-columns: 1fr; }
    #quem-somos-list section article:first-of-type img { margin-left: auto; }
	#quem-somos-video span sup i {    text-align: center; font-size: 30px;  }
	
	/* blog */
	
	@media (max-width: 520px){
	
	#feat-blog figure img { position: relative; bottom: auto; right: auto; display: block; width: auto; height: auto; margin: 0px auto;  }
	#feat-blog figure {width: 100%; height:100%; margin-bottom: 20px;}
	#feat-blog section { position: relative; bottom: auto; left: auto; display: block; width: 100%; text-align: center; }
	#feat-blog article { position: relative; bottom: auto; right: auto; display: block; width: auto; height: auto; margin: 0px auto; padding-left: 0; text-align:left; }
	#feat-blog { height: auto; padding-top: 30px; max-height: none; }
	#blog-list header {border-top:0px; margin-top: 0px;}
	#blog-list figure img { position: relative; bottom: auto; right: auto; display: block; width: auto; height: auto; margin: 0px auto;  }
	#blog-list section { position: relative; bottom: auto; left: auto; display: block; width: 100%; text-align: center; text-align:left; }
	#blog-list .search form { margin-left: 100px !important; width: 100%; text-align: center;  }
	#feat-blog header { width: 100%;  }
    #feat-blog header h6 { font-size: 32px; }
	#feat-blog header p { font-size: 16px; }
		
	/* blog single */
		
	@media (max-width: 520px){
	
	#single figcaption { padding: 0px 30px !important;  }
	#single header { height: 300px; margin-top: 20px;}
	#single section { padding: 20px 20px 60px 20px}
	#share small {margin-bottom: 10px;}
	#single #share {padding-bottom:20px; margin-bottom:40px;}
	#continue section { position: relative; bottom: auto; left: auto; display: block; width: 100%; text-align: center; text-align:left; }
		
	/* O que é */	
		
	#feat small a {margin-bottom: 15px;}
	#feat section span {margin-left: 15px;}
		
	/* base */
		
	body.page-id-5 { background: #fff;}
	body.page-id-13 { background: #fff; }
	body.page-id-15 { background: #fff; }
	body.page-id-17 { background: #fff; }
	body.page-id-11 { background: #fff; }
		
	/* Como Funciona */
		
	#como-funciona-functions .slick-dots {margin-bottom:15px;}
	#como-funciona-all aside {margin-bottom:15px;}
	#como-funciona-functions-mob .arrow.arrow-prev { top: 75px; }
    #como-funciona-functions-mob .arrow.arrow-next { top: 75px; }
		

}