@charset "UTF-8";

/* CSS - Sabrina Rodrigues | Codificado por: Ueek Agência Digital | Ano: 2020 */

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

	#menu-mobile .menu-text {margin-left: 68.5%}

	#banner .container {max-width: 1400px}

	#banner .owl-theme .owl-nav {
	    bottom: 85px;
	    left: 190px;
	}

	#banner .number {
	    bottom: 89px;
	    left: 235px;
	}

	#banner .drop-content .to-bottom img {
	    width: 40px;
	    right: 120px;
    	bottom: 100px;
	}

	#about .container {margin-left: 10%}

	#contact .container {max-width: 1500px}

	#client #carousel-experience .content-area {
	    left: 86px;
	    top: 445px;
	}

	#client #carousel-experience .change-content .change-experience .number {
	    top: 180px;
	    left: 463px;
	}

	#img-top {margin-bottom: 240px}

	#img-top .img{height: 110px}

	#edit-info .container .text-content {padding: 115px 160px}

	#edit-info .container .img {margin-right: -14px}

	#items-info .container .text-content {padding: 129px 160px}

	#items-info .container .img {width: 50.9%}

	#budget-bundle .container .learn-more .items .item .price {font-size: 25px}

	#budget-bundle .container .location-item .content {left: 340px}

	#budget-bundle .container .location-item .location-gallery {margin-top: 55px}

	#budget-bundle .container .location-item .location-gallery .images {
	    width: 78%;
		right: 315px;
	}

	#about-page {
	    background-size: 36%;
	    padding-bottom: 116px;
	}

    #about-page .about-text {
	    margin-top: 50px;
	    padding: 67px 60px;
	    width: 930px;
	}

	#client #carousel-experience .owl-nav {
	    bottom: 275px;
	    left: 507px;
	}

	#tour-info .container {margin-bottom: 95px}

	.tour-location:nth-child(odd) .container .img{
        margin-right: -17px;
        width: 51%; 
    }

    .tour-location .container .img{
	    margin-left: -16px;
	    width: 51.1%;
    }


	.tour-location .container .text-content {padding: 148px 160px}

	#login-client .about-text {width: 730px}

	#selection .step-2 .photos .group-img {
	    grid-column-gap: 15px;
	    grid-template-columns: repeat(4, 1fr);
	}

	#selection{padding: 40px 120px 100px}

	#selection .step-3 .step-3-description .description-container .step-3-title {font-size: 43px;}

	#selection .step-3 .step-3-description .description-container .btn-step-3 {
	    font-size: 15px;
	    padding: 7px 17px;
	}

	#selection .step-3 .step-3-description .description-container .btn-step-3-whatsapp {
	    font-size: 12px;
	    padding: 7px 10px;
	}


	#selection .step-3 .step-3-description {
	    width: 60%;
	    margin-left: 20px;
	}

	#selection .step-3 .step-3-description .description-container {padding: 0}

	#selection .step-3 .selected-img .imgs .image-selected {
		height: 20em;
		width: unset; 
	}

	#selection .step-3 .selected-img .imgs {
	    grid-template-columns: repeat(auto-fit,minmax(250px,220px));
	    grid-column-gap: 20px;
	}

	#selection .top-header .title-div {display: block}

	#selection .top-header .title-div .warning {
	    margin-bottom: 20px;
	    margin-right: 250px;
	}

	#selection .top-header .title-div .warning:last-child{margin-right: 0px;}

	#selection .top-header .line-two {margin-top: 10px}

	.modal-content .description .obs-title {margin-top: 20px}

	.modal-content .description .btn-obs-check {
	    width: 100%;
	    margin-left: 0;
	}

	#selection .step-3 .selected-img .imgs .image-selected .obs-area {
	    height: 40%;
	    font-size: 14px;
	}

	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-remove,
	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-zoom {
    	height: 30px;
	}


	.modal-content {height: 90vh}

}

@media only screen and (max-width: 1536px){
	#about-page .about-text {
	    padding: 67px 81px;
	    margin-top: 0;
	    width: 70%;
	}

	#about-page {
	    background-size: 30%;
	    padding-bottom: 25px;
	}

	#client #carousel-experience .owl-nav {bottom: 98px}

	#edit-info .container .text-content {padding: 115px 70px}

	#edit-info .container .img {width: 50.2%}

	#items-info .container .img {
	    width: 51.8%;
	    margin-left: -15px;
	}

	#items-info .container .text-content {padding: 127px 90px}

	#img-top {margin-bottom: 260px}

	#budget-bundle .container .location-item .location-gallery .images {
		width: 68%;
	    right: 380px;
	}

	#tour-info .container {margin-bottom: 78px}

	.tour-location .container .text-content {padding: 141px 90px}

	.tour-location:nth-child(odd) .container .img {width: 50%}

	.tour-location .container .img {width: 52.7%}

	#login-client #client-form-login .btn-send {margin-top: 0}

	#login-client {padding-top: 130px}

	#selection .step-2 .photos .image.active {border: 12px solid #91ae8a}

	#selection .step-3 .step-3-description .description-container .step-3-title {
	    font-size: 35px;
	    margin-bottom: 20px;
	}

	#selection .step-3 .step-3-description .description-container .texts p {margin-bottom: 20px}

	#selection .step-3 .step-3-description .description-container .btn-step-3-whatsapp {font-size: 15px}

	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-zoom img {
	    height: 18px;
	}

	.btn-select, .btn-unset, .btn-remove, .unset-modal{
        height: 40px;
    }

	.modal-content .description .obs-title {margin-top: 30px}

	.modal-content .description .obs-textarea {height: 9em}

}


/* Notebooks */
@media only screen and (max-width: 1440px) {

	#menu-mobile .menu-text {margin-left: 65%}

	#banner .container {max-width: 1280px}

	#banner .drop-content .to-bottom img {right: 100px}
	
	#about .about-text {width: 855px;}

	#contact .container {margin-left: 60px}

	#edit-info .container .text-content {padding: 83px 100px}

	#edit-info .container .img {
		width: 51%;
		margin-right: -15px
	}

	#img-top {margin-bottom: 230px}
	
	#items-info .container .img {
	    width: 51%;
	    margin-left: -13px;
	}

	#items-info .container .text-content {padding: 90px 100px}

	#budget-bundle .container .location-item .content {left: 220px}

	#budget-bundle .container .location-item .location-gallery .images {right: 475px}

	.container .location-item .location-gallery .images {right: 475px}

	#about-page {background-size: 32%}

	#about-page .about-text {
	    margin-right: 50px;
	    padding: 35px 40px;
	    width: 60%;
	}

	#tour-info {padding-top: 50px}

	.tour-location:nth-child(odd) .container .img{
        margin-right: -14px;
        width: 51%; 
    }

    .tour-location .container .img{
	    margin-left: -16px;
	    width: 51.1%;
    }

	.tour-location .container .text-content {padding: 120px 125px}

	#client #carousel-experience .owl-nav {bottom: 276px}

	#client #carousel-experience .background {
		background-position: right 120px;
		height: 100vh;
	}

	#selection .step-2 .photos .image {
		height: 330px;
	}

	#login-client .about-text {width: 630px}

	#selection .step-3 .step-3-description .description-container .step-3-title {font-size: 34px}

	#selection .step-3 .pagination-div {width: 110%}

	#selection .step-3 .selected-img .imgs {
	    grid-template-columns: repeat(auto-fit,minmax(200px,220px));
	    grid-column-gap: 20px;
	}

	#selection .step-3 .selected-img .imgs .image-selected {
	    height: 18em;
	    width: unset;
	}

	#selection .step-3 .step-3-description {
	    width: 60%;
	    margin-left: unset;
	}

	#selection .step-3 .step-3-description .description-container {padding: 0}

	#selection .step-3 .selected-img .imgs .image-selected .obs-area {
	    height: 34%;
	    font-size: 12px;
	    line-height: 15px;
	}

	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-remove,
	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-zoom {
    	height: 25px;
    	font-size: 14px;
	}

	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-remove img,
	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-zoom  img{
    	height: 15px;
	}

	.modal-content .description .obs-title {margin-top: 60px}

	.modal-content .description .obs-textarea {height: 12em}

}

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

	#menu-mobile .menu-text {margin-left: 60%}

	.menuToggle {margin-left: 25px}

	#banner .container {max-width: 1160px}

	#banner .drop-content .change-banner .number {left: 245px}

	#banner .drop-content .change-banner .arrow2 {left: 300px}

	#banner .drop-content .to-bottom img {
	    right: 130px;
	    bottom: 100px;
	}

	#about .container {margin-left: 3%}

	#contact .container {margin-left: 0}

	#client #carousel-experience {height: 100vh}

	#client #carousel-experience .background {height: 99.9vh}

	#client .fixed .name {font-size: 11px}

	#client .fixed .title {
	    font-size: 35px;
	    line-height: 45px;
	}

	#client #carousel-experience .content-area {top: 365px}

	#client #carousel-experience .client-text .text {
	    font-size: 16px;
	    margin-bottom: 35px;
	}

	#client #carousel-experience .client-text .client-name{
	    font-size: 14px;
	}

	#client #carousel-experience .arrow {
	    width: 25px;
	}

	#client #carousel-experience .change-content .change-experience .number {
		font-size: 15px;
	    left: 456px;
	    top: 167px;
	}

	#client #carousel-experience .owl-nav {bottom: 236px}

	#experience .top-text .title {font-size: 43px}

	#experience .doubt {margin-bottom: 50px}

	#experience .doubt .question {font-size: 17px}

	#experience .doubt .answer {font-size: 16px}

	#info .content .title-line .title {
	    width: 82%;
	    font-size: 35px;
	    line-height: 45px;
	}

	#info .content .title-line .line-title {
	    margin-left: 40%;
	    width: 30%;
	}

	#info .content .texts {
	    font-weight: 300;
	    font-size: 16px;
	    line-height: 25px;
	}

	#edit-info .line {width: 200px}

	#edit-info .container .text-content {padding: 72px 100px}

	#edit-info .container .text-content .title {margin-bottom: 10px}

	#edit-info .container .text-content .texts {font-size: 17px}

	#edit-info .container .img {margin-right: -14px}

	#items-info .container .img {
		margin-left: -15px;
		width: 51.2%;
	}

	#items-info .container .text-content {padding: 85px 100px}

	#items-info .container .text-content .title {
	    font-size: 24px;
	    margin-bottom: 15px;
	}	

	#items-info .container .text-content .texts {
	    font-size: 17px;
	    line-height: 28px;
	}

	#budget-bundle .container .location-item .content {
	    left: 280px;
	    padding: 200px 143px 53px 75px;
	}

	#budget-bundle .container .location-item .location-gallery {margin-top: 25px}

	#budget-bundle .container .location-item .location-gallery .images {
		width: 54%;
		right: 550px;
	}

	#budget-bundle .container .location-item .location-gallery .images .img{height: 215px}

	#budget-bundle .container .step-4 .calendar-div { justify-content: space-around; }

	#budget-bundle .container .step-4 .calendar-div .calendar { width: 30%; }

	#budget-bundle .container .step-4 .calendar-div .hour-mark { width: 50%; }

	#about-page {
		background-size: 33%;
		background-position: right 117px;
    	padding-bottom: 37px;
	}

	#about-page .about-text .text {font-size: 17px}

	#about-page .about-text .title {font-size: 44px}

	.breakpoint-gray p {font-size: 14px}

	#img-top {margin-bottom: 240px}

	#img-top.budget-img-top {margin-bottom: 200px}

	#tour-info .content .title-line .title {
		font-size: 36px;
		line-height: 46px;
	}

	#tour-info .container {margin-bottom: 80px}

	.tour-location .container .text-content {
		padding: 108px 90px;
		width: 48vw;
	}

	.tour-location:nth-child(odd) .container .img { width: 50vw; }

	#selection .step-3 .selected-img .imgs .image-selected {height: 20em}

	#selection .step-3 .step-3-description .description-container .obs-title {font-size: 17px}

	#selection .step-3 .step-3-description .description-container .btn-step-3-whatsapp {padding: 0px 10px}

	#selection {padding: 80px 90px 100px}

	#selection .step-2 .photos .image {
	    height: 310px;
	}

	#selection .step-3 .selected-img .imgs .image-selected .obs-area {
	    height: 29%;
	    font-size: 12px;
	    line-height: 15px;
	    padding: 5px 10px;
	}

}

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

	#menu-mobile .menu-text {margin-left: 55%}

	#menu-mobile .menuToggle {margin-left: 41px}

	#menu-mobile .menu-cel .links .open-link {
	    font-size: 23px;
	    line-height: 10px;
	    margin-bottom: 36px;
	}

	#menu-mobile .menu-cel .footer .social-medias {margin-bottom: 30px}

	#menu-mobile .menu-cel .footer .social-medias a {font-size: 24px}

	#banner .container {max-width: 1050px}

	#about .container {
	     padding-bottom: 0px; 
	     padding-top: 0px; 
	}

	#about .about-text {
	    height: 410px;
	    padding: 40px 50px;
	    width: 750px;
	}

	#about .container .title {
	    font-size: 43px;
	    margin-bottom: 25px;
	}

	#about .about-text .btn-light {
	    font-size: 14px;
	    padding: 10px 46px;
	}

	#about .about-text .text {margin-bottom: 40px}

	.breakpoint p {font-size: 15px}

	.breakpoint .btn-light {margin-left: 35px;}

	.breakpoint .btn-light img {margin-right: 15px}

	#budget .budget-text {
	    height: 410px;
	    padding: 50px 60px;
	    width: 750px;
	}

	#budget-bundle .container .location-item .content .title {width: 160px}

	#budget .container {margin-left: 35%}

	#budget .budget-text .title {
	    font-size: 43px;
	    margin-bottom: 20px;
	}

	#budget .budget-text .btn-light {font-size: 15px}

	#contact {padding-top: 50px}

	#bottom .container .columns {
	    display: block;
	    margin-top: 13px;
	}

	#bottom .container .columns .text {
	    width: 100%; 
	    margin-bottom: 10px;
	}

	#client .fixed .line {width: 50px}

	#client #carousel-experience .client-text {width: 450px}

	#client #carousel-experience .owl-nav {
	    bottom: 188px;
	    left: 435px;
	}

	#client #carousel-experience .change-content .change-experience .number {
	    left: 386px;
	    top: 167px;
	}

	#client #carousel-experience .arrow2 {
	    width: 26px;
	}

	#info .container {margin-bottom: 30px}

	#edit-info .container .text-content {padding: 62px 90px}

	#edit-info .container .img {
	    margin-right: -15px;
	    width: 51.2%;
	}

	#edit-info .container .text-content .texts {font-size: 16px}

	#items-info .container .text-content {padding: 62px 100px}

	#items-info .container .text-content .texts {
	    font-size: 16px;
	    line-height: 27px;
	}

	#budget-bundle .container .card {
	    height: 650px;
	    padding: 35px 43px 60px 43px;
	}

	#budget-bundle .container .card .title {
	    font-size: 23px;
	    line-height: 25px;
	}

	#budget-bundle .container .card .text {font-size: 16px}

	#budget-bundle .container .card .price {
	    font-size: 40px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}

	#img-top {top: 116px}

	#budget-bundle .container .learn-more {padding: 50px 60px}

	#budget-bundle .container .location-item .content {left: 180px}

	#budget-bundle .container .location-item .location-gallery {margin-top: 17px}

	#budget-bundle .container .location-item .location-gallery .images {right: 636px}

	#budget-bundle .container .location-item .content .avg-price {font-size: 16px}

	#budget-bundle .container .step-4 .calendar-div { 
		align-items: center;
		justify-content: center; 
	}

	#budget-bundle .container .step-4 .calendar-div .calendar { width: 35%; }

	#budget-bundle .container .step-4 .calendar-div .calendar .pignose-calendar {
	    max-width: 350px;
	    font-size: 95%;
	    margin: 0 auto;
	}

	#budget-bundle .container .step-4 .calendar-div .hour-mark {
	    height: auto;
	    margin-top: unset;
	    width: 30%; 
	}

	#budget-bundle .container .step-4 .calendar-div .hour-mark .title {
	    font-size: 22px;
	    margin-bottom: 10px;
	}

	#budget-bundle .container .step-4 .calendar-div .hour-mark .hours { margin-bottom: 30px; }

	#budget-bundle .container .step-4 .calendar-div .hour-mark .hours a {
	    display: inline-block;
	    margin-bottom: 10px;
	}

	#about-page .about-text {padding: 35px 45px}

	#about-page .about-text .title {font-size: 40px}

	#about-page .about-text .text {font-size: 16px}

	#tour-info .container {margin-bottom: 50px}

	.tour-location .container .text-content {padding: 92px 65px}

	.tour-location .container .img {width: 51.3%}

	#login-client #client-form-login .btn-send {margin-top: unset}

	#selection .step-2 .photos .image {
	    height: 290px;
	}

	#selection .step-3 .selected-img .imgs {
	    grid-template-columns: repeat(auto-fit,minmax(200px,210px));
	    grid-column-gap: 20px;
	}

	#selection .step-3 .selected-img .imgs .image-selected {height: 18em}

	#selection .step-3 .step-3-description {width: 55%}

	#selection .step-3 .selected-img .imgs .image-selected .obs-area {
	    font-size: 11px;
	    height: 32%;
	}

	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-remove,
	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-zoom {
    	height: 25px;
    	font-size: 14px;
	}

	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-remove img,
	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-zoom  img{
    	height: 15px;
	}

}

/* Tablets até 1200 */
@media only screen and (max-width: 1200px) {
	
	#menu-mobile .menu-text {margin-left: 53%}

	#menu-mobile .menu-cel .links .open-link {
	    font-size: 23px;
	    line-height: 15px;
	    margin-bottom: 18px;		
	}

	#menu-mobile .menu-cel .footer .social-medias {margin-bottom: 15px}

	#top .menu .link a {
	    font-size: 14px;
	    margin-right: 18px;
	}

	#top .menu .line {margin-right: 20px}

	#banner .drop-content .to-bottom img {right: 120px}

	#banner .content-banner .title {
	    font-size: 44px;
	    line-height: 48px;
	}

	#banner .content-banner .btn-banner {
		font-size: 15px;
	    padding: 10px 35px;
	    margin-top: 30px;
	}

	#banner .container {max-width: 1000px}

	#about .about-text {
	    height: 300px;
	    padding: 28px 50px;
	    width: 750px;
	}

	#about .container .title {
	    font-size: 35px;
	    margin-bottom: 15px;
	}

	#about .about-text .text {
	    font-size: 17px;
		line-height: 25px;
		margin-bottom: 25px;
	}

	#about .about-text .btn-light {
	    font-size: 13px;
	    padding: 2px 46px;
	}

	.breakpoint {
	    height: 150px;
	    display: block;
	    text-align: center;
	    padding-top: 30px;
	}

	.breakpoint p {font-size: 16px}

	.breakpoint .btn-light {
	    margin-left: 0px; 
	    margin-top: 20px;
	}


	#budget {
	    background-size: 500px;
	    padding-top: 70px;
	}

	#budget .budget-text {
	    height: 350px;
	    padding: 45px 50px;
	    width: 700px;
	}

	#budget .budget-text .title {
	    font-size: 38px;
	    margin-bottom: 15px;
	}

	#budget .budget-text .text {
	    font-size: 16px;
	    margin-bottom: 40px;
	}

	#budget .budget-text .btn-light {
	    font-size: 16px;
	    padding: 5px 46px;
	}

	#contact {padding-bottom: 50px}

	#contact .container .contact-form {width: 65%}

	#contact .background-color {
		bottom: 1;
	    height: 370px;
	    width: 565px;
	}

	#contact .container {padding: 50px 71px}

	#client #carousel-experience .content-area {top: 300px}

	#client .fixed {
		top: 200px;
		left: 70px;
	}

	#client #carousel-experience .content-area {
	    top: 300px;
	    left: 54px;
	}

	#client #carousel-experience .owl-nav {
	    bottom: 254px;
	    left: 402px;
	}

	#experience .doubt .question {font-size: 16px}

	#experience .doubt .answer {font-size: 16px}

	#experience .top-text .title {
	    font-size: 37px;
	    line-height: 30px;
	    margin-bottom: 0;
	}

	#info .container {width: 90%;}

	#edit-info .container .text-content {padding: 66px 57px}

	#items-info .container .img {
	    margin-left: -15px;
	    width: 51.4%;
	}

	#items-info .container .text-content {padding: 58px 70px}

	#img-top .img{height: 120px}

	#budget-breakpoint{padding-top: 60px}

	#budget-bundle .container .form-top .title {font-size: 40px}

	#budget-bundle .container .card {height: 590px}

	#budget-bundle .container .card .title {font-size: 18px}

	#budget-bundle .container .card .infos .info img {height: 15px}

	#budget-bundle .container .card .infos .info p {font-size: 14px}

	#budget-bundle .container .card .text {font-size: 14px}

	#budget-bundle .container .card .price {font-size: 30px}

	#budget-bundle .container .location-item .location-gallery .images {right: 715px}

	#budget-bundle .container .location-item .content .title {
	    font-size: 22px;
	    width: 152px;
	}	

	#budget-bundle .container .location-item .content {padding: 209px 143px 53px 75px}

	#budget-bundle .container .location-item .content .text {font-size: 15px}

	#budget-bundle .container .location-item .content .price {
	    font-size: 40px;
	    margin-bottom: 20px;
	    margin-top: 20px;
	}

	#budget-bundle .container .location-item .location-gallery .images {
		width: 58%;
		right: 715px;
	}

	#budget-bundle .container .step-4 .step-4-resume .line {width: 250px}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .text {font-size: 17px}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .price {
	    font-size: 18px;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .payment-text {font-size: 17px}

	#budget-bundle .container .step-4 .budget-form-top {margin-bottom: 60px}

	#budget-bundle .container .step-4 .budget-form-top .title {font-size: 40px}

	#budget-bundle .container .step-4 .budget-form {margin-left: 150px}

	#budget-bundle .container .step-4 .budget-form .form-info {
	    font-size: 16px;
	    line-height: 27px;
	}

	#budget-bundle .container .card-group .step-3-card {height: 470px}

	#budget-bundle .container .card-group .step-3-card .title {font-size: 22px}

	#budget-bundle .container .card-group .step-3-card .info .info-text {font-size: 15px}

	#budget-bundle .container .card-group .step-3-card .info img {height: 16px}

	#budget-bundle .container .card-group .step-3-card .price {
	    font-size: 40px;
	    margin-top: 20px;
	}

	#budget-bundle .container .card-group .step-3-card .btn-light {margin-top: 21px}

	#about-page {
		background-position: right 118px;
		background-size: 34.5%;
	}

	#about-page .about-text {
	    padding: 38px 73px;
	    margin-top: 0;
	    width: 67%;
	}

	.breakpoint-gray {
	    height: 150px;
	    display: block;
	    text-align: center;
	    padding-top: 40px;
	}

	.breakpoint-gray .btn-light {
	    margin-left: 0px; 
	    margin-top: 20px;
	}

	#img-top {margin-bottom: 250px}

	#img-top.budget-img-top {margin-bottom: 150px}

	#tour-info .content .title-line .title {font-size: 33px}

	#tour-info .content .texts .text {font-size: 17px}

	.tour-location:nth-child(odd) .container .img {width: 51.3%}
	
	.tour-location .container .text-content {padding: 92px 78px}


	.tour-location .container .text-content .title {
	    font-size: 23px;
	    margin-bottom: 14px;
	}

	.tour-location .container .text-content .subtitle {
	    font-size: 18px;
	    margin-bottom: 20px;
	}

	.tour-location .container .text-content .texts {font-size: 17px}

	#selection .top-header .title-div {display: block}

	#selection .top-header .title-div .title {
	    font-size: 42px;
	    margin-bottom: 20px;
	}

	#second-warning{margin-left: 235px}

	#selection .top-header .line-two {
	    margin-top: 10px;
	    margin-bottom: 65px;
	}

	#login-client .about-text {width: 570px}



	#selection .step-3 .step-3-description .description-container .btn-step-3 {font-size: 14px}

	#selection .step-3 .step-3-description .description-container .btn-step-3-whatsapp {
	    font-size: 14px;
	    line-height: 23px;
	    padding: 4px 10px;
	}

	#selection .step-2 .photos .image {
	    height: 260px;
	}

	.btn-select, .btn-unset, .btn-remove, .unset-modal{
	    height: 35px;
    }

    #selection .step-3 .selected-img .imgs {grid-template-columns: repeat(auto-fit,minmax(200px,200px))}

	#selection .step-3 .selected-img .imgs .image-selected {height: 17em}

	#selection .step-3 .selected-img .imgs .image-selected .obs-area {
	    height: 36%;
	}

	.modal-content .description .btn-select, .modal-content .description .btn-unset {margin-top: 40px}

	.modal-content .description .btn-select .selected {height: 35px}

	.modal-content .description .btn-unset .uncheck {
	    padding-top: 3px;
	}

	.modal-content .description .obs-title {
	    margin-top: 30px;
	}

	.modal-content .description .btn-obs-check {
	    margin-top: 10px;
	}

}

/* Tablets */
@media only screen and (max-width: 1024px) {

	#menu-mobile .menu-text {margin-left: 47.5%}

	#menu-mobile .menuToggle {margin-left: 35px}

	#top .logo {height: 12px}

	#top .menu-desktop .container {padding: 60px 50px 38px 50px}

	#top .menu .link a {margin-right: 12px}

	#top .menu .line {margin-right: 12px}

	#banner .container {max-width: 880px}

	#banner .content-banner .title {
	    font-size: 40px;
	    line-height: 40px;
	}

	#banner .drop-content .to-bottom img {
	    right: 90px;
	    width: 35px;
	}

	#banner .owl-theme .owl-nav {left: 150px}

	#banner .number {left: 190px}

	#about {
	    background-size: 400px;
	    padding-bottom: 115px;
	    padding-top: 39px;
	}

	#about .about-text {
		height: 380px;
		padding: 28px 65px;
		width: 716px;
	}

	#about .container .title {
	    font-size: 30px;
	    margin-bottom: 15px;
	}

	#about .about-text .text {
	    font-size: 17px;
	    margin-bottom: 40px;
	}

	#about .about-text .btn-light {
	    font-size: 15px;
	    padding: 5px 46px;
	}

	.breakpoint p {font-size: 15px}

	.breakpoint .btn-light {font-size: 14px}

	.breakpoint .btn-light img {
	    height: 20px;
	    margin-right: 10px;
	}

	#budget {
	    background-size: 400px;
	    padding-top: 15px;
	}

	#img-top {top: 102px}

	#budget .container {margin-left: 30%}

	#budget .budget-text {width: 676px}

	#budget .budget-text .title {font-size: 35px}

	#contact .container {
		display: block;
		padding: 20px 71px;	
	}

	#contact .container .contact-form {width: 100%;}

	#contact .container .contact-info {
		padding-top: 80px;
		display: flex;
	    justify-content: space-between;
	}

	#contact .background-color {
	    bottom: 0px;
	    height: 260px;
	    width: 100%;
	}

	#client .fixed {
	    top: 200px;
	    left: 50px;
	    width: 330px;
	}

	#client #carousel-experience .client-text .text {min-height: 110px}

	#client #carousel-experience .background {
    	background-position: right 120px;
		height: 100vh;
		width: 40%;
	}

	#client #carousel-experience .content-area {
	    top: 290px;
	    left: 35px;
	}

	#client #carousel-experience .client-text {width: 400px}

	#client #carousel-experience .owl-nav {
	    bottom: 72px;
	    left: 49px;
	}

	#client #carousel-experience .change-content .change-experience .number {
	    left: 50px;
	    top: 238px;
	}

	#experience {margin-top: 110px}

	#experience .container {width: 800px}

	#experience .top-text {
	    width: auto;
	    margin-bottom: 60px;
	}

	#experience .top-text .title {font-size: 35px}

	.container .text-content {padding: 23px 33px}

	#edit-info .container .text-content {padding: 42px 36px}

	#edit-info .container .text-content .texts {font-size: 15px}

	#edit-info .container .text-content .title {
	    font-size: 20px;
	    line-height: 50px;
	}

	#edit-info .container .text-content .texts {line-height: 23px}

	#edit-info .container .img {
	    margin-right: -15px;
	    width: 51.2%;
	}

	#items-info .container .img {
	    margin-left: -15px;
	    width: 51.8%;
	}

	#img-top {margin-bottom: 190px}

	#img-top .img{height: 120px}

	#items-info .container .text-content {padding: 48px 57px}

	#items-info .container .text-content .title {
	    font-size: 19px;
	    line-height: 30px;
	}

	#items-info .container .text-content .texts {
	    font-size: 14px;
	    line-height: 24px;
	}

	#budget-bundle {padding-top: 130px}

	#budget-bundle .container .learn-more .items .item {margin-right: 60px}	

	#budget-bundle .container .form-top .title {font-size: 35px}

	#budget-bundle .container .group-card {width: auto}

	#budget-bundle .container .card {
	    height: 630px;
	    width: 315px;
	}

	#budget-bundle .container .card .text {line-height: 25px}

	#budget-bundle .container .card .btn-light {font-size: 14px}

	#budget-bundle .container .learn-more {width: auto;}

	#budget-bundle .container .learn-more .items .item .text {font-size: 16px}

	#budget-bundle .container .learn-more .items .item .price {font-size: 20px}

	#budget-bundle .container .location-item .content {
	    left: 200px;
	    padding: 240px 143px 53px 75px;
    	width: 600px;
	}

	#budget-bundle .container .location-item .content .title {
	    font-size: 27px;
	    width: 405px;
	    margin-top: 15px;
	}

	#budget-bundle .container .location-item .location-gallery .images {
		right: 880px;
		width: 79.5%;
	}

	#budget-bundle .container .location-item .location-gallery .images .img {
		height: 200px;
    	background-position: center;
	}

	#budget-bundle .container .step-4 {width: auto}

	#budget-bundle .container .step-4 .step-4-resume {width: 700px}

	#budget-bundle .container .step-4 .budget-form-top {margin-bottom: 30px}

	#budget-bundle .container .step-4 .budget-form-top .title {font-size: 35px}

	#budget-bundle .container .step-4 .budget-form {
	    margin-left: auto;
	    margin-right: auto;
	}

	#budget-bundle .container .step-4 .time-info {margin-bottom: 100px}

	#budget-bundle .container .step-4 .calendar-div .calendar { width: 40%; }

	#budget-bundle .container .step-4 .calendar-div .hour-mark { width: 37%;}

	#about-page {background-size: 32.3%}

	#about-page .about-text {
	    padding: 15px 45px;
	    margin-top: -37px;
	}

	#about-page .about-text .title {font-size: 35px}

	#about-page .about-text .text {
	    font-size: 14px;
	}

	#img-top {margin-bottom: 210px}

	#img-top.budget-img-top {margin-bottom: 210px}

	#selection {padding: 80px 110px 100px}

	#tour-info .content .title-line .title {
	    font-size: 27px;
	    line-height: 40px;
	}

	#tour-info .content .texts .text {
	    font-size: 16px;
	    margin-bottom: 15px;
	}

	#tour-info .container {margin-bottom: 25px}

	.tour-location .container .text-content {padding: 54px 55px}

	.tour-location .container .text-content .title {font-size: 21px}
	
	.tour-location .container .text-content .subtitle {font-size: 17px}

	.tour-location .container .text-content .texts {font-size: 16px}

	.tour-location:nth-child(odd) .container .img {width: 51.5%}

	.tour-location .container .img {width: 51.5%}

	.tour-location .container .send-whatsapp {
	    font-size: 16px;
	    padding: 3px 40px;
	}


	#bottom {padding: 15px 67px 50px 67px}

	#login-client .about-text {
	    padding: 0px 40px;
	    width: 460px;
	}

	#login-client .about-text .name {font-size: 11px	}

	#login-client .about-text .line { margin-bottom: 10px}

	#login-client .about-text .title { font-size: 38px}

	#login-client #client-form-login {margin-top: 30px}

	#login-client #client-form-login .form-group .form-control {font-size: 16px}

	#login-client #client-form-login .login-small {margin-bottom: 40px}

	#selection .top-header .title-div .warning {font-size: 13px}

	#selection .top-header .title-div .title {
	    font-size: 38px;
	    margin-bottom: 10px;
	}

	#selection .top-header .line {width: 40px}

	.modal-content {
	    height: 80vh;
	    width: 80%;
	    margin-left: auto;
	    margin-right: auto;
	}

	#selection .step-2 .photos .image {
	    height: 240px;
	}

	.modal-content .description .content {width: 80%}

	.modal-content .description .obs-title {
	    margin-top: 40px;
	    font-size: 16px;
	}

	.modal-content .description .obs-textarea {height: 8em}

	#selection {padding: 80px 50px 100px}

	#selection .title {font-size: 38px}

	#selection .step-1 {font-size: 17px}



	#selection .step-3 .pagination-title {font-size: 15px}

	.paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input, .paginationjs .paginationjs-nav {font-size: 16px}

	#selection .step-3 .selected-img .imgs .image-selected {
	    height: 20em;
	}

	#selection .step-3 .step-3-description .description-container .obs-title {
	    font-size: 16px;
	}

	#selection .step-3 .step-3-description .description-container .texts {font-size: 17px}

	#selection .step-3 .step-3-description .description-container .obs-geral-textarea {height: 8em}

	#selection .step-3 .step-3-description .description-container .btn-step-3 {font-size: 12px}

	#selection .step-3 .btn-back-step {font-size: 15px}

	.modal-content .description .btn-select, 
	.modal-content .description .btn-unset, 
	.modal-content .description .btn-remove, 
	.modal-content .description .unset-modal{margin-top: 30px}

	.modal-content .description .btn-obs-check {
	    margin-left: unset;
	    padding-left: 10px;
	    margin-top: 10px;
	    font-size: 15px
	}

	#selection .step-3 .selected-img .imgs {
	    grid-template-columns: repeat(auto-fit,minmax(280px,280px));
	}

	#selection .step-3 .selected-img .imgs .image-selected .obs-area {
	    height: 28%;
	}

}

/* Tablets Menores */
@media only screen and (max-width: 1000px) {

	#banner .drop-content .to-bottom img {right: 75px}

	#contact .container .contact-form .title {
	    font-size: 42px;
	    line-height: 52px;
	    margin-bottom: 20px;
	}

	#experience .container {width: 700px}

	#experience .doubt .question {line-height: 23px}

	#experience .doubt .line {margin-top: 2px}

	#about-page {background-size: 32.3%}

	#img-top .img {height: 118px}

	#img-top {margin-bottom: 160px}

	#items-info .container .img {width: 51.9%}

	#second-warning {margin-left: 215px}

	#selection .step-3 .pagination-div {width: 100%}

	#selection .step-3 .selected-img .imgs {
	    grid-template-columns: repeat(auto-fit,minmax(250px,250px));
	}

	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-remove {
		height: 25px;
		font-size: 15px;
		padding: 7px 40.3px;
	}

	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-zoom {
	    height: 25px;
	    width: 50%;
	    padding: 7px 40px;
	}

	#selection .step-3 .step-3-description .description-container .btn-step-3-whatsapp {
	    font-size: 11px;
	    padding: 7px 10px;
	}

	#selection .step-3 .step-3-description .description-container .btn-step-3 {padding: 3px 17px}

	#tour-info {padding-top: 90px}

}

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

	#menu-mobile {padding: 40px 55px 65px}

	#menu-mobile .menu-text {
	    margin-left: 32%;
	    opacity: 0;
	}

	#banner #carousel .item-banner img {
	    height: 100%;
	    width: auto;
	}

	#banner .line-instagram {opacity: 0}

	#banner .container {max-width: 650px}

	#banner .content-banner {
	    margin-bottom: 300px;
	    text-align: right;
	    width: 70%;
	}

	#banner .content-banner .title {
	    font-size: 53px;
	    line-height: 58px;
	}

	#banner .content-banner .btn-banner {
	    font-size: 23px;
	    text-align: center;
	}

	#banner .arrow{height: 12px}

	#banner .owl-theme .owl-nav {
	    bottom: 85px;
	    left: 70px;
	}

	#banner .number {
	    left: 110px;
	    font-size: 18px;
	}

	#banner .drop-content .to-bottom img {width: 50px}

	#menu-mobile .menu-cel .links {margin-top: 20%}

	#menu-mobile .menu-cel .links .open-link {
	    font-size: 32px;
	    line-height: 34px;
	    margin-bottom: 30px;
	}

	#menu-mobile .menu-cel .footer .social-medias {margin-bottom: 80px}

	#menu-mobile .menu-cel .footer .social-medias a {font-size: 32px}

	#menu-mobile .menu-cel .footer .social-medias img {height: 30px}

	#about {
	    padding-bottom: 0;
	    padding-top: 0px;
	}

	#about .container {
	    padding: 0;
	    width: 100%;
	    margin-left: 0;
	}

	#about .about-text .name {font-size: 15px}

	#about .about-text .line {width: 20px}

	#about .container .title {
	    font-size: 60px;
	    line-height: 100px;
	}

	#about .about-text .text {
	    font-size: 21px;
	    line-height: 35px;
	    margin-bottom: 40px;
	}

	#about .about-text .btn-light {
	    font-size: 20px;
	    padding: 17px 46px;
	    width: 100%;
	}

	#about {
		background-image: none !important;
	    background-position: bottom;
	    background-size: 100%;
	    padding-top: 0;
	    padding-bottom: 0;
	}
	#about .container {
	    margin-left: 0;
	    width: 100%;
	    padding: 0;
	    height: 385px;
	}

	#about .about-text {
	    height: 575px;
	    padding: 100px 88px 93px;
	    margin-bottom: 0;
	    margin-top: 170px;
		width: 100%;
	}

	#about .about-text .name {
	    color: #777777;
	    font-size: 15px;
	    font-weight: bold;
	    line-height: 16px;
	    margin-bottom: 13px;
	    text-transform: uppercase;
	}

	#about .about-text .line {width: 20px}

	#about .container .title {
	    font-size: 48px;
	    line-height: 65px;
	    margin-bottom: 15px;
	}

	#about .about-text .text {
	    font-size: 20px;
	    line-height: 33px;
	    margin-bottom: 40px;
	}

	#about .about-text .btn-light {
	    font-size: 18px;
	    padding: 10px 46px;
	    width: 100%;
	}

	#about #img-mobile {
	    opacity: 1;
	    height: 725px;
	    background-repeat: no-repeat;
	    background-size: 100%;
	    background-position: bottom;
	    margin-top: 185px;
	}

	.breakpoint {
	    height: 220px;
	    text-align: left;
	    padding: 50px;
	}

	.breakpoint p {font-size: 18px}

	.breakpoint .btn-light {
	    font-size: 17px;
	    width: 100%;
	    padding: 10px;
	}

	#img-top {top: 88px}

	#img-top .img {
	    background-size: auto;
	    background-position: -620px center;
	    height: 140px;
	}


	#budget {
	    background-repeat: no-repeat;
	    background-position: center bottom;
        background-color: #F9F9F9;
	    background-size: 100%;
	    padding-top: 0;
	    padding-bottom: 850px;
	}

	#budget .container {
	    margin-left: 0;
	    padding: 0;
	}

	#budget .budget-text {
	    height: 520px;
	    padding: 80px 80px;
	    margin-top: 0;
	    width: 100%;
	}

	#budget .budget-text .name {font-size: 15px}

	#budget .budget-text .line {width: 60px}

	#budget .budget-text .title {
	    font-size: 45px;
	    line-height: 59px;
	}

	#budget .budget-text .text {
	    font-size: 20px;
	    margin-bottom: 60px;
	}

	#budget .budget-text .btn-light {
	    font-size: 18px;
	    padding: 10px 46px;
	    width: 100%;
	}

	#budget-bundle .container .step-3 .extra-button{
		width: 450px;
	    margin-left: 9em;
	    padding-left: 0;
	}

	#budget-bundle .container .step-3 .step-3-button{
	    font-size: 18px;
	}

	#budget-bundle .container .step-4 .calendar-div { flex-direction: column; }

	#budget-bundle .container .step-4 .calendar-div .calendar {
	    margin-bottom: 35px;
	    width: 100%;
	}

	#budget-bundle .container .step-4 .calendar-div .hour-mark { 
		padding: 30px;
		width: 80vw; 
	}

	#budget-bundle .container .step-4 .calendar-div .hour-mark .hours:last-child { margin-bottom: 0 }

	#contact .group-input {display: block}

	#contact .group-input .form-group {
	    width: 100%;
	    margin-bottom: 40px;
	}

	#contact .form-control {
	    border: none;
	    border-bottom: 1px solid black;
	}

	#contact .container .contact-info {display: block}

	#contact .container .contact-info .text-group .title {font-size: 20px}

	#contact .container .contact-info .text-group .text {font-size: 18px}

	#contact .background-color {height: 480px}

	#bottom {
	    padding: 50px 51px 50px 67px;
	    height: 300px;
	}

	#bottom .container {display: none;}

	#bottom .container-mobile {display: block;}

	#bottom .container-mobile .logo-mobile{height: 15px}

	#bottom .container-mobile .text-mobile{
		color: #fff;
	    font-size: 17px;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}

	#bottom .container-mobile .columns{
		align-items: baseline;
		display: flex;
    	justify-content: space-between;
	}

	#bottom .container-mobile .columns .icons a{margin-right: 10px}
	#bottom .container-mobile .columns .icons a:last-child{margin-right: 0}

	#bottom .container-mobile .columns .develop{
		color: #fff;
	    font-size: 17px;
	    width: 62%;
	    display: flex;
	    align-items: flex-end;
	    text-align: right;
	}

	#bottom .container-mobile .columns .develop .link{
		color: #ffffff;
		text-decoration: underline;
	}


	#bottom .container-mobile .columns .develop img{
		height: 16px;
    	margin-left: 10px;
	}

	#client {display: none}

	#client-responsive{display: inline}

	#client-responsive #carousel-experience-responsive .change-content .other-depoiments {font-weight: bold}

	#experience .doubt {
	    margin-bottom: 50px;
	    display: block;
	    text-align: left;
	    width: 100%;
	    margin-left: 50px;
	}

	#experience .doubt .question {
	    line-height: 26px;
	    font-size: 20px;
	    text-align: left;
	    width: 70%;
	}

	#experience .doubt .line {
	    height: 0;
	    width: 80px;
	    margin-left: 0;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}

	#experience .doubt .answer {
	    font-size: 18px;
	    width: 70%;
	}

	#experience .container {margin-bottom: 150px}

	#gallery .img {height: 180px}

	#info .container {
	    width: 100%;
	    padding: 60px;
	}

	#info .content {
	    display: block;
	    padding-top: 30px;
	}

	#info .content .title-line {width: 100%}

	#info .content .title-line .title {width: 100%}
	
	#info .content .title-line .line-title {
	    margin-left: -70px;
	    width: 70%;
	}

	#info .content .texts {
	    font-size: 18px;
	    margin-top: 20px;
	    width: 100%;
	}

	#info .container {margin-bottom: unset}

	#edit-info .line {width: 56%}

	#edit-info .container {
	    display: flex;
	    flex-direction: column-reverse;
	    padding: 0;
	}

	#edit-info .container .text-content {
	    padding: 42px 50px;
	    width: 100%;
	}

	#edit-info .container .img-mobile {
	    display: inline;
	    width: 100%;
	    background-repeat: no-repeat;
	    background-position: center top;
	    background-size: 100%;
	    height: 410px;
	}	

	#edit-info .container .img {display: none}

	#edit-info .container .text-content .title {font-size: 27px}

	#edit-info .container .text-content .texts {
	    line-height: 26px;
	    font-size: 18px;
	}

	#items-info .container {
	    display: block;
	    padding: 0;
	}

	#items-info .container .img {display: none}

	#items-info .container .img-mobile {
	    display: block;
	    width: 100%;
	    background-repeat: no-repeat;
	    background-position: center top;
	    background-size: 100%;
	    height: 410px;
	}

	#items-info .container .text-content {
	    padding: 48px 60px;
	    width: 100%;
	}

	#items-info .container .text-content .title {
	    font-size: 27px;
	    line-height: 30px;
	    margin-bottom: 25px;
	}

	#items-info .container .text-content .texts {
	    font-size: 18px;
	    line-height: 27px;
	}

	.breakpoint {
	    height: 280px;
	    text-align: center;
	    padding: 50px;
	}

	.breakpoint p {
	    font-size: 25px;
	    line-height: 35px;
	}

	.nav-link {padding: 1rem 1.5rem}

	#budget-bundle .container .nav-link {
	    font-size: 25px;
	    margin-right: 40px;
	}

	#budget-bundle .container .group-card {
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	}

	#budget-bundle .container .card {
	    height: 650px;
	    width: 65%;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 40px;
	    padding: 50px;
	}

	#budget-bundle .container .card .title {
	    font-size: 25px;
	    line-height: 25px;
	}

	#budget-bundle .container .card .infos .info img {height: 20px}

	#budget-bundle .container .card .infos .info p {font-size: 18px}

	#budget-bundle .container .card .text {
	    font-size: 18px;
	    line-height: 30px;
	}

	#budget-bundle .container .card .price {
	    font-size: 50px;
	    line-height: 80px;
	    margin-top: 30px;
	    margin-bottom: 30px;
	}

	#budget-bundle .container .card .btn-light {font-size: 18px}

	#budget-bundle .container .learn-more {
	    height: 650px;
	    padding: 80px 70px;
	    margin-bottom: 40px;
	    width: 65%;
	}

	#budget-bundle .container .location-item .location-gallery {margin-top: 0}

	#budget-bundle .container .location-item .location-gallery .images {
		right: 1147px;
		width: 59%;
	}

	#budget-bundle .container .extra-button .button-extra-div {width: 100%}

	.container .location-item .location-gallery .images .img {height: 217px}

	#budget-bundle .container .learn-more .subtitle {margin-bottom: 30px}

	#budget-bundle .container .learn-more .items {display: block}

	#budget-bundle .container .learn-more .items .item {margin-right: unset}

	#budget-bundle .container .learn-more .items .item .text {
	    font-size: 20px;
	    line-height: 28px;
	}

	#budget-bundle .container .learn-more .items .item .price {
	    font-size: 26px;
	    line-height: 37px;
	    margin-top: 10px;
	    margin-bottom: 50px;
	}

	#budget-bundle .container .location-item .content {
	    left: 80px;
	    padding: 220px 75px 53px 75px;
	    width: 600px;
	    height: 620px;
	}

	#budget-bundle .container .location-item .content .title {
	    font-size: 27px;
	    margin-top: 35px;
	}

	#budget-bundle .container .location-item .location-gallery .images .img {height: 217px}

	#budget-bundle .container .location-item .content .text {font-size: 18px}

	#budget-bundle .container .location-item .content .price {font-size: 43px}

	#budget-bundle .container .location-item .content .btn-light {font-size: 18px;}

	#budget-bundle .container .card-group {
	    display: block;
	    width: 100%;
	}

	#budget-bundle .container .card-group .step-3-card {
	    height: 520px;
	    width: 60%;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 40px;
	}

	#budget-bundle .container .card-group .step-3-card .title {font-size: 27px}

	#budget-bundle .container .card-group .step-3-card .info img {height: 20px}

	#budget-bundle .container .card-group .step-3-card .info .info-text {font-size: 18px}

	#budget-bundle .container .card-group .step-3-card .text {font-size: 19px}

	#budget-bundle .container .card-group .step-3-card .price {
	    font-size: 50px;
	    margin-top: 30px;
	}

	#budget-bundle .container .card-group .step-3-card .btn-light {
	    margin-top: 30px;
	    font-size: 18px;
	}

	#budget-bundle .container .step-4 .step-4-resume {width: 75%}

	#budget-bundle .container .step-4 .step-4-resume .title {font-size: 25px}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .subtitle {
	    font-size: 20px;
	    margin-bottom: 20px;
	}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .text {font-size: 18px}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .price {font-size: 18px}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .text {font-size: 18px}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .payment-title {font-size: 19px}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .payment-text {font-size: 18px}

	#budget-bundle .container .step-4 .step-4-resume .line {width: 100%}

	#budget-bundle .container .step-4 .budget-form {width: 80%}

	#budget-bundle .container .step-4 .budget-form .group-input {
	    display: block;
	    width: 100%;
	}

	#budget-bundle .container .step-4 .budget-form .group-input .form-group {width: 100%;}

	#budget-bundle .container .step-4 .budget-form .form-info {
	    font-size: 18px;
	    line-height: 30px;
	}

	#budget-bundle .container .step-4 .budget-form .btn-group {display: block}

	#budget-bundle .container .step-4 .budget-form .btn-group .send {
	    margin-bottom: 25px;
	    width: 100%
	}

	#budget-bundle .container .step-4 .budget-form .btn-group .send-whatsapp {width: 100%}

	#budget-bundle .container .step-4 .time-info {
	    width: 80%;
	    margin-left: auto;
	    margin-right: auto;
	}

	#budget-bundle .container .step-4 .budget-form .form-control {
	    border: none;
	    background-color: transparent;
	    border-bottom: 1px solid black;
	    border-radius: 0;
	    padding-bottom: 15px;
	    padding-left: 5px;
	}

	.owl-carousel .owl-nav button.owl-prev img, .owl-carousel .owl-nav button.owl-next img{
		height: 45px;
	}

	.owl-theme .owl-nav [class*='owl-']:hover {background: #fff}

	#about-page {background-image:none !important;}

	#about-page .about-page-img-mobile {
	    display: block;
	    height: 650px;
	    background-repeat: no-repeat;
	    width: 100%;
	    background-size: 100%;
	}

	#about-page .about-text {
		padding: 70px 45px;
		width: 100%;
	}

	#about-page .about-text .name {font-size: 15px}

	#about-page .about-text .title {font-size: 40px}

	#about-page .about-text .text {font-size: 18px}

	.breakpoint-gray {
	    height: 210px;
	    padding: 40px;
	}

	.breakpoint-gray p {font-size: 18px}

	.breakpoint-gray .btn-light {
	    font-size: 18px;
        padding: 10px 45px;
	    margin-top: 25px;
	    width: 100%;
	}

	#tour-info .content {display: block}

	#tour-info .content .title-line {width: 100%}

	#tour-info .content .title-line .title {
	    font-size: 35px;
	    line-height: 45px;
	}

	#tour-info .content .title-line .line-title {
	    margin-left: -69px;
	    width: 90%;
	    margin-bottom: 30px;
	}

	#tour-info .content .texts {width: 100%}

	#tour-info .content .texts .text {font-size: 18px}

	.tour-location .container {
	    flex-direction: column-reverse;
	    padding: 0;
	}

	.tour-location:nth-child(even) .container {
		flex-direction: column-reverse;
		padding: 0;
	}

	.tour-location .container .text-content {
	    padding: 90px 90px;
	    width: 100%;
	}

	.tour-location .container .text-content .title {
	    font-size: 23px;
	    margin-bottom: 20px;
	}

	.tour-location .container .text-content .subtitle {
	    font-size: 19px;
	    margin-bottom: 20px;
	}

	.tour-location .container .text-content .texts {font-size: 18px}

	.tour-location .container .img {
	    width: 100vw;
	    margin-left: 0;
	}

	.tour-location:nth-child(odd) .container .img {width: 100%}
	
	.tour-location .container .send-whatsapp {
	    font-size: 18px;
	    width: 50%;
	}

	#budget-breakpoint{padding-top: 100px}

	#login-client {
		height: unset; 
		background-image: none !important
	}

	#login-client .container {
	    height: unset;
	    display: block;
	}

	#login-client .responsive-img {
	    display: block;
	    width: 100%;
	    height: fit-content;
	}

	#login-client .about-text {
	    padding: 80px 60px;
	    width: 100%;
	}

	#login-client .about-text .name {font-size: 12px}

	#login-client .about-text .title {font-size: 50px}

	#login-client #client-form-login .form-group .form-control {font-size: 19px}

	#login-client #client-form-login .login-small {margin-bottom: 40px}

	#login-client #client-form-login .btn-send {font-size: 18px}

	#selection .line {width: 60px}

	#selection .step-1 .btn-change {width: 100%}

	#selection .step-1 {
    	font-size: 18px;
	    margin-top: 70px;
	}

	#selection .top-header {margin-top: 70px}

	#second-warning {
	    margin-left: unset;
	    display: block;
	    margin-top: 10px;
	}

	#selection .step-2 .photos .image {
	    height: 343px;
	}

	#selection .step-2 .btn-step-2 {
	    font-size: 18px;
	    width: 100%;
	}

	.modal-content {
	    height: 90vh;
	    width: 70%;
	    display: block;
	    overflow-y: auto;
	}

	.modal-content .picture {
	    height: 50%;
	    width: 100%;
	}

	.modal-content .description {
		width: 100%;
		height: 50%;
	}

	.modal-content .description .close-modal {
		margin-left: unset; 
		margin-top: unset; 
		position: absolute;
		top: 20px;
		right: 20px;
	}

	.modal-content .description .close-modal .modal-black{display: none}

	.modal-content .description .close-modal .modal-white{display: block}

	.modal-content .description .btn-select {padding-left: 145px}

	.modal-content .description .btn-unset {padding-left: 145px}

	.modal-content .description .btn-obs-check {
	    width: 100%;
	    padding-left: 60px;
	    font-size: 18px;
	    margin-left: auto;
	}

	#selection .step-3 .selected-img .imgs {
	    grid-template-columns: repeat(2, 1fr);
	}

	#selection {padding: 10px 50px 100px}

	#selection .step-3 .selected-img .imgs .image-selected .btn-group {width: 100%}

	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-remove {
	    height: 35px;
	    font-size: 18px;
	}

	#selection .step-3 .selected-img .imgs .image-selected .btn-group .btn-zoom {height: 35px}

	#selection .step-3 .btn-back-step {
	    font-size: 18px;
	    margin-top: 30px;
	    width: 100%;
	    margin-bottom: 40px;
	}

	#selection .step-2 .photos .group-img {
	    grid-column-gap: 15px;
	    grid-template-columns: repeat(2, 1fr);
	}

	#selection .step-3 .step-3-description {width: 100%}

	#selection .step-3 .step-3-description .description-container .step-3-title {font-size: 36px}

	#selection .step-3 .step-3-description .description-container .texts {font-size: 18px}

	#selection .step-3 .step-3-description .description-container .obs-title {
	    font-size: 18px;
	    margin-top: 40px;
	}

	#selection .step-3 .step-3-description .description-container .obs-geral-textarea {height: 9em}

	#selection .step-3 .step-3-description .description-container .btn-step-3 {
	    padding: 10px 17px;
	    font-size: 18px;
	}

	#selection .step-3 .step-3-description .description-container .btn-step-3-whatsapp {
	    font-size: 18px;
	    padding: 16px 17px;
	}

}



/*Celulares*/
@media only screen and (max-width: 680px) {

	.owl-theme .owl-nav {margin-top: 7px}

	#menu-mobile .menu-text {margin-left: 20%}

	#banner .content-area {
	    top: -20px;
	    width: 90%;
	}


	#banner .owl-theme .owl-nav {
	    bottom: 105px;
	}

	#banner .drop-content .to-bottom img {
		right: 20px;
		width: 55px;
	}

	#about #img-mobile {margin-top: 235px}

	#budget {padding-bottom: 800px}

	#budget .budget-text {padding: 100px 80px}

	#bottom {margin-top: -1px}

	#bottom .container-mobile .columns .develop {width: 69%}

	#contact .container .contact-form {width: 95%}

	#about .about-text {margin-top: 95px}
	
	#about #img-mobile {margin-top: 60px}

	.breakpoint {margin-top: -1px}

	

	#experience .container {width: 95%}

	#gallery .img {
	    height: auto;
	    width: 100%;
	}

	#info .container {width: 95%}

	#edit-info .line {display: none}

	#edit-info .container .text-content {margin-bottom: 30px}

	#edit-info .container .text-content .texts {
	    line-height: 29px;
	    font-size: 19px;
	}

	#items-info .container .text-content {margin-bottom: 20px}

	#items-info .container .text-content .texts {
	    font-size: 19px;
	    line-height: 29px;
	}

	#img-top {top: 81px}

	#budget-bundle .container .card {height: 720px}

	#budget-bundle .container .card .text {
	    font-size: 19px;
	    line-height: 32px;
	}

	#budget-bundle .container .card .price {font-size: 46px}

	#budget-bundle .container .learn-more {height: 700px}

	#budget-bundle .container .location-item .content {
	    left: 63px;
	    width: 500px;
	    height: 650px;
	}

	#budget-bundle .container .location-item .location-gallery .images {
		width: 52.2%;
    	right: 1136px;
	}

	#budget-bundle .container .location-item .location-gallery .images .img {height: 192px}

	#budget-bundle .container .step-3 .extra-button {
	    width: 390px;
	    margin-left: 8em;
	    text-align: center;
	}

	#budget-bundle .container .step-3 .step-3-button {
	    font-size: 17px;
	}

	.container .location-item .location-gallery .images {right: 1135px}

	.container .location-item .location-gallery .images .img {height: 192px}

	.breakpoint-gray {margin-top: -6px}

	#login-client .responsive-img {height: 100%}

	#selection .step-2 .photos .image {
	    height: 30em;
	}

	#selection .step-2 .photos .image {
	    height: 20em;
	}

	#selection .step-3 .selected-img .imgs .image-selected {height: 30em}

	#selection .step-3 .selected-img .imgs {
	    display: block;
	    padding: 0px 30px 0px 0px;
	}

	#selection .step-3 .selected-img .imgs .image-selected {
	    height: 30em;
	    margin-bottom: 40px;
	}

	#selection .step-3 .selected-img .imgs .image-selected .obs-area {
	    height: 21%;
	    font-size: 15px;
	    line-height: 18px;
	}

	.modal-content .picture {height: 55%}
	
	.modal-content .description .btn-select .selected, .modal-content .description .btn-unset .uncheck{height: 40px}

	.modal-content .description .btn-select, .modal-content .description .btn-unset{padding-left: 115px;}

	.modal-content .description .btn-unset .uncheck{padding-top: 5px;}

	.modal-content .description .obs-title {margin-top: 30px}

	.modal-content .description .btn-obs-check {
	    width: 100%;
	    padding-left: 40px;
	}	

	#selection .step-3 .selected-img .imgs{
		padding: 0
	}

	#selection .step-4 .btn-step-4-whatsapp {
	    padding: 7px 10px;
	    width: 100%;
	}
		
}

/** iPhone 6/7/8 Plus */
@media only screen and (max-width: 425px) {

	#menu-mobile {padding: 40px 32px 65px}

	#menu-mobile .col-logo img {width: 215px}

	#menu-mobile .menu-text {margin-left: 12px}

	.menuToggle .span-menu {
	    height: 2px;
	    width: 30px;
	}

	.menuToggle .span-menu:first-child { transform-origin: 0% 0%; }

	.menuToggle .span-menu:nth-last-child(2) { transform-origin: 0% 100%; }

	.menuToggle .span-menu:nth-child(4) { 
	    width: 18px;
	    margin-left: 12px;
	    transition: all 0.2s ease;
	}

	#banner .content-area {
	    top: -20px;
	    width: 95%;
	}

	#banner .content-banner {margin-bottom: 200px}

	#banner .content-banner .title {
	    font-size: 31px;
	    line-height: 35px;
	}

	#banner .content-banner .btn-banner {font-size: 15px}

	#banner .number {
	    bottom: 90px;
	    left: 90px;
	    font-size: 17px;
	}

	#banner .owl-theme .owl-nav {left: 50px}

	#client-responsive .owl-carousel .owl-nav {
	    left: 25px;
	    bottom: 40px;
	}

	#client-responsive #carousel-experience-responsive .text {min-height: 140px}

	#banner .arrow {height: 10px}

	#banner .drop-content .to-bottom img {
	    right: 20px;
	    width: 40px;
	}

	#menu-mobile .menu-cel {padding: 105px 60px}

	#menu-mobile .menu-cel .links .open-link {
	    font-size: 23px;
	    line-height: 23px;
	    margin-bottom: 25px;
	}

	#menu-mobile .menu-cel .line {margin-bottom: 40px}

	#menu-mobile .menu-cel .footer .social-medias {margin-bottom: 60px}

	#menu-mobile .menu-cel .footer .social-medias a {font-size: 23px}

	#menu-mobile .menu-cel .footer .social-medias img {height: 23px}

	#about .about-text {
	    height: 610px;
	    padding: 100px 60px 96px;
	}

	#about .about-text .name {font-size: 11px;}

	#about .about-text .line {width: 35px}

	#about .container .title {font-size: 40px}

	#about .about-text .text {
	    font-size: 18px;
	    line-height: 29px;
	}

	#about .about-text .btn-light {
	    font-size: 14px;
	    padding: 10px 14px;
	}

	#about #img-mobile {margin-top: -175px}

	.breakpoint p {
	    font-size: 17px;
	    line-height: 28px;
	    text-align: left;
	}

	#img-top .img {
	    background-size: cover;
	    background-position: -520px center;
	    height: 120px;
	}

	.breakpoint .btn-light {font-size: 16px}

	#budget {padding-bottom: 500px}

	#budget .budget-text {padding: 100px 60px}

	#budget .budget-text .name {font-size: 11px}

	#budget-bundle .container .step-3 .extra-button {
	    width: 300px;
	    margin-left: 2em;
	}

	#budget-bundle .container .step-3 .step-3-button {
	    font-size: 17px;
	}

	#budget-bundle .container .extra-button-img {
	    margin-top: 40px;
	}

	#budget-bundle .container .step-4 .calendar-div .hour-mark { width: 85vw; }

	#budget .budget-text .title {
	    font-size: 37px;
	    line-height: 59px;
	}

	#budget .budget-text .text {
	    font-size: 18px;
	    margin-bottom: 50px;
	}

	#budget .budget-text .btn-light {
	    font-size: 13px;
	    padding: 10px 7px;
	    width: 100%;
	}

	#contact .container {padding: 20px 60px 5px}

	#contact .container .contact-form .name {font-size: 12px}

	#contact .container .contact-form .title {font-size: 37px}

	#contact .container .contact-form .text {font-size: 17px}

	#contact .container .contact-info {padding-top: 100px}

	#contact .container .contact-info .text-group .title {font-size: 18px}

	#contact .container .contact-info .text-group .text {font-size: 17px}

	#contact .background-color {height: 480px}

	#bottom {
	    padding: 50px 27px 50px 50px;
	    height: 340px;
	}

	#bottom .container-mobile .logo-mobile {height: 13px}

	#bottom .container-mobile .text-mobile {
	    font-size: 16px;
	    line-height: 25px;
	}

	#bottom .container-mobile .columns .icons {margin-bottom: 0}

	#bottom .container-mobile .columns .icons a img{height: 17px}

	#bottom .container-mobile .columns .develop {
	    font-size: 12px;
	    line-height: 15px;
	    width: unset;
	}

	#client-responsive .fixed {padding: 170px 30px 20px}

	#client-responsive .fixed .title {
	    font-size: 35px;
	    line-height: 39px;
	}

	#client-responsive #carousel-experience-responsive .container .client-text {width: 84%}

	#client-responsive #carousel-experience-responsive .change-content {padding: 0px 30px 10px}

	#client-responsive #carousel-experience-responsive .change-content .other-depoiments {font-size: 18px}

	#client-responsive #carousel-experience-responsive .change-content .number {
	    margin-left: 50px;
	    font-size: 18px;
	}


	#client-responsive .owl-carousel .owl-nav button.owl-prev img, 
	#client-responsive .owl-carousel .owl-nav button.owl-next img {
		height: 10px;
	}

	#experience .top-text .title {
	    font-size: 34px;
	    text-align: left;
	    margin-left: auto;
	    margin-right: auto;
	    width: 80%;
	}

	#experience .doubt {margin-left: 35px}

	#experience .doubt .question {
	    line-height: 29px;
	    font-size: 18px;
	    text-align: left;
	    width: 80%;
	}

	#experience .doubt .answer {
	    font-size: 17px;
	    width: 80%;
	}

	#experience .container {margin-bottom: 120px}

	#img-top {margin-bottom: 100px}

	#info .container {width: 100%}

	#info .container .subtitle {font-size: 11px}

	#info .content .title-line .title {
	    font-size: 27px;
	    line-height: 35px;
	}

	#info .content .title-line .line-title {
	    margin-top: 30px;
	    width: 90%;
	    margin-bottom: 30px;
	}

	#info .content .texts {font-size: 17px}

	#edit-info .container {height: 800px}

	#edit-info .container .text-content {padding: 42px 66px}

	#edit-info .container .text-content .title {font-size: 22px}

	#edit-info .container .text-content .texts {font-size: 17px}

	#edit-info .container .img-mobile {background-position: top}

	#items-info .container .img-mobile {height: 240px}

	#items-info .container .text-content {margin-bottom: unset}

	#items-info .container .text-content .title {font-size: 20px}

	#items-info .container .text-content .texts {
	    font-size: 17px;
	    line-height: 29px;
	}

	#budget-breakpoint {
	    padding-top: 50px;
	    height: 150px;
	}

	.nav-link {padding: 0.5rem 1rem}

	#budget-bundle .container .nav-link {
	    font-size: 18px;
	    margin-right: 20px;
	}

	#budget-bundle .container .form-top .title {font-size: 30px}

	#budget-bundle .container .card {
	    height: 700px;
	    width: 80%;
	    padding: 30px;
	}

	#budget-bundle .container .card .title {
	    font-size: 23px;
	    line-height: 30px;
	}

	#budget-bundle .container .card .infos .info {width: 46%}

	#budget-bundle .container .card .infos {
	    margin-top: 25px;
	    margin-bottom: 25px;
	}

	#budget-bundle .container .card .infos .info img {height: 15px}

	#budget-bundle .container .card .infos .info p {font-size: 16px}

	#budget-bundle .container .card .text {
	    font-size: 17px;
	    line-height: 29px;
	}

	#budget-bundle .container .card .price {
	    font-size: 45px;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}

	#budget-bundle .container .card .btn-light {font-size: 16px}

	#budget-bundle .container .learn-more {
	    height: 720px;
	    width: 80%;
	    padding: 60px 50px;
	}

	#budget-bundle .container .learn-more .items .item .text {
	    font-size: 18px;
	    line-height: 28px;
	}

	#budget-bundle .container .learn-more .items .item .price {font-size: 20px}

	#budget-bundle .container .location-item .content {
	    left: 50px;
	    width: 300px;
	    height: 640px;
	    padding: 124px 45px;
	}

	#budget-bundle .container .location-item .content .title {
	    font-size: 20px;
	    margin-top: 35px;
	    width: auto;
	}

	#budget-bundle .container .location-item .content .text {font-size: 17px}

	#budget-bundle .container .location-item .content .price {
	    font-size: 40px;
    	line-height: 30px;
	    margin-top: 30px;
	    display: block;
	}

	#budget-bundle .container .location-item .content .avg-price {
	    display: block;
	    font-size: 15px;
	    font-weight: 400;
	    margin-top: 10px;
	    margin-bottom: 10px;
	    margin-left: 0;
	}

	#budget-bundle .container .location-item .location-gallery .images {
		right: 1200px;
    	width: 31.9%;
	}

	#budget-bundle .container .location-item .location-gallery .images .img {height: 130px}

	#budget-bundle .container .location-item .content .btn-light {font-size: 16px}

	#budget-bundle .container .location-item .content .avg {font-size: 13px}

	#budget-bundle .container .card-group .step-3-card {
	    height: 490px;
	    width: 80%;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 40px;
	}

	#budget-bundle .container .card-group .step-3-card .title {font-size: 23px}

	#budget-bundle .container .card-group .step-3-card .info img {height: 16px}

	#budget-bundle .container .card-group .step-3-card .info .info-text {font-size: 16px}

	#budget-bundle .container .card-group .step-3-card .text {font-size: 18px}

	#budget-bundle .container .card-group .step-3-card .price {
	    font-size: 45px;
	    margin-top: 20px;
	}

	#budget-bundle .container .card-group .step-3-card .btn-light {
	    margin-top: 20px;
	    font-size: 17px;
	}

	#budget-bundle .container .step-4 .step-4-resume {width: 80%}

	#budget-bundle .container .step-4 .step-4-resume .title {font-size: 20px}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .subtitle {
	    font-size: 18px;
	    margin-bottom: 30px;
	}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .text {font-size: 17px}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .price {font-size: 18px}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .payment-title {
	    font-size: 18px;
	    margin-bottom: 10px;
	}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .payment-text {font-size: 17px}

	#budget-bundle .container .step-4 .budget-form-top .title {
	    font-size: 30px;
	    margin-top: 15px;
	    line-height: 43px;
	}

	.owl-carousel .owl-nav button.owl-prev img, .owl-carousel .owl-nav button.owl-next img {height: 35px}

	#budget-bundle .container .step-4 .budget-form .form-info {
	    font-size: 17px;
	    line-height: 29px;
	}

	#budget-bundle .container .step-4 .budget-form .btn-group .send {
		font-size: 15px;
	    width: 100%;
	}

	#budget-bundle .container .step-4 .budget-form .btn-group .send-whatsapp {
	    font-size: 14px;
	    padding: 4px 10px;
	}

	#budget-bundle .container .step-4 .budget-form .btn-group .send-whatsapp img {
	    height: 15px;
	    margin-left: 9px;
	}

	#about-page .container {display: block}

	#about-page .about-text {
	    padding: 70px 45px;
	    width: 100%;
	}

	#about-page .about-text .name {font-size: 12px}

	#about-page .about-text .line {width: 40px}

	#about-page .about-text .title {font-size: 38px}

	#about-page .about-text .text {
	    font-size: 17px;
	    width: 100%;
	}

	#about-page .about-page-img-mobile {height: 396px}

	.breakpoint-gray {height: 231px}

	.breakpoint-gray p {font-size: 17px}

	.breakpoint-gray .btn-light {
	    font-size: 17px;
	    padding: 5px 45px;
	}

	.tour-location .container .text-content {padding: 85px 60px}
	
	.tour-location .container .text-content .title {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.tour-location .container .text-content .subtitle {
	    font-size: 18px;
	    margin-bottom: 15px;
	}

	.tour-location .container .text-content .texts {font-size: 17px}

	.tour-location .container .send-whatsapp {
	    font-size: 18px;
	    width: 85%;
	}

	#login-client .about-text {padding: 20px 30px 80px}

	#login-client .about-text .line {width: 40px}

	#login-client .about-text .title {font-size: 38px}

	#selection .title, #selection .top-header .title-div .title {
	    font-size: 28px;
	    line-height: 36px;
	}

	#selection .top-header{margin-top: 100px}

	#selection .step-1 .btn-change {padding: 6px 20px}

	#selection .step-1 {
	    font-size: 18px;
	    margin-top: 100px;
	}

	#selection .top-header .intro-div .back-instructions {display: none}

	#selection .top-header .title-div #back-instructions{
		display: block;
	    margin-top: 30px;
	    margin-bottom: 30px;
	}
	
	#selection .top-header .title-div #back-instructions img{margin-left: 10px}

	#selection .step-2 .photos .image {height: 20em}

	#selection .step-2 .btn-step-2 {
	    font-size: 12px;
	    padding: 6px 10px;
	}

	#selection .step-2 .photos .group-img {
	    grid-template-columns: repeat(1, 1fr);
	}

	.modal-content {width: 80%}

	.modal-content .description .btn-unset .uncheck {
		font-size: 20px;
	    padding-top: 1px;
	}

	.modal-content .picture {height: 50%}

	.modal-content .description .btn-obs-check {
	    padding-left: 5px;
	    font-size: 14px;
	}

	.modal-content .description .btn-select, 
	.modal-content .description .btn-unset, 
	.modal-content .description .btn-remove, 
	.modal-content .description .unset-modal{
		padding-left: 60px;
	    font-size: 14px;
	    margin-top: 20px; 
	}

	.modal-content .description .btn-select, 
	.modal-content .description .btn-unset, 
	.modal-content .description .btn-remove, 
	.modal-content .description .unset-modal, 
	.modal-content .description .btn-obs-check {
	    height: 35px;
	}

	.modal-content .description .btn-select .selected, 
	.modal-content .description .btn-unset .uncheck, 
	.modal-content .description .btn-remove .uncheck, 
	.modal-content .description .unset-modal .uncheck, 
	.modal-content .description .btn-obs-check .selected {
	    width: 35px;
	    height: 100%;
	}

	.modal-content .description .obs-title {margin-top: 10px}

	.modal-content .description .obs-textarea {height: 5em}


	#selection .step-3 .selected-img .imgs .image-selected {height: 20em}

	#selection .step-3 .step-3-description .description-container .btn-step-3 {
	    padding: 10px 12px;
	    font-size: 13px;
	}

	#selection .step-3 .step-3-description .description-container .btn-step-3-whatsapp {
	    font-size: 14px;
	    padding: 16px 17px;
	}

	#selection .step-3 .selected-img .imgs .image-selected {
	    height: 22em;
	}

	#selection .step-3 .selected-img .imgs .image-selected .obs-area {
	    height: 32%;
	    font-size: 13px;
	    line-height: 18px;
	}

	#selection .step-1, #selection .top-header {
	    margin-top: 40px;
	}

}

/** iPhone 6/7/8 **/
@media only screen and (max-width: 376px) {

	#menu-mobile .col-logo img {width: 200px}

	#menu-mobile .menu-text {margin-left: unset}

	#menu-mobile .menuToggle {margin-left: 15px}

	#banner .owl-theme .owl-nav {left: 28px}
	#banner .number {left: 70px}

	#banner .content-banner .title {
	    font-size: 28px;
	    line-height: 38px;
	}

	#banner .content-banner .btn-banner {
	    font-size: 15px;
	    line-height: 25px;
	    padding: 10px 20px;
	}

	#menu-mobile .menu-cel .links {margin-top: unset}

	#about .about-text {padding: 100px 40px 96px}

	#about .container .title {font-size: 35px}

	#about .about-text .btn-light {
	    font-size: 14px;
	    padding: 10px 14px;
	}

	#about #img-mobile {margin-top: -210px}

	.breakpoint {padding: 45px}
	
	.breakpoint p {font-size: 16px;}

	#budget {padding-bottom: 450px}

	#budget .budget-text {padding: 100px 50px}

	#budget .budget-text .title {font-size: 35px}

	#contact .container .contact-info {margin-left: -15px}

	#contact .container .contact-info .text-group .text {font-size: 16px}

	#bottom {padding: 50px 27px 50px 37px}

	#bottom .container-mobile .text-mobile {font-size: 15px}

	#bottom .container-mobile .columns .develop {
	    font-size: 14px;
	    flex-basis: 70%;
	}

	#bottom .container-mobile .columns .develop img {
	    height: 14px;
	    margin-left: 6px;
	}

	#client-responsive .fixed .name {font-size: 11px}

	#client-responsive .fixed .title {font-size: 30px}

	#client-responsive #carousel-experience-responsive .text {
	    font-size: 17px;
	    margin-bottom: 35px;
	}

	#client-responsive #carousel-experience-responsive .client-name {font-size: 17px}



	#experience .container {
		margin-bottom: 100px;
	    width: 100%;
	}

	#experience .top-text {margin-bottom: 45px}

	#experience .top-text .title {
	    font-size: 30px;
	    line-height: 33px;
	    width: 80%;
	}

	#experience .doubt {margin-bottom: 60px}

	#info .container {padding: 50px}

	#img-top {margin-bottom: 140px}

	#edit-info .container {height: 857px}

	#edit-info .container .text-content {padding: 42px 50px}

	#items-info .container .text-content {padding: 48px 50px}

	#budget-bundle {padding-top: 115px}

	#budget-bundle .container .card {width: 90%}

	#budget-bundle .container .card .price {font-size: 45px}

	#budget-bundle .container .learn-more {
	    height: 700px;
	    width: 90%;
	}

	#budget-bundle .container .learn-more .items .item .price {
	    font-size: 24px;
	    line-height: 29px;
	}

	#budget-bundle .container .location-item .content {left: 29px}

	#budget-bundle .container .location-item .content .price {
	    font-size: 45px;
	    margin-bottom: 25px;
	    margin-top: 30px;
	    line-height: 35px;
	}

	#budget-bundle .container .location-item .location-gallery .images {
		right: 1240px;
    	width: 28.8%;
	}

	#budget-bundle .container .location-item .location-gallery .images .img {height: 125px}

	#budget-bundle .container .card-group .step-3-card {width: 90%}

	#budget-bundle .container .card-group .step-3-card .price {font-size: 50px}

	#budget-bundle .container .step-4 .budget-form-top .title {
	    font-size: 33px;
	    line-height: 40px;
	}

	#budget-bundle .container .step-4 .budget-form .btn-group .send {font-size: 13px}

	#budget-bundle .container .step-4 .budget-form .btn-group .send-whatsapp {font-size: 12px}

	#budget-bundle .container .step-4 .calendar-div .calendar .pignose-calendar {
	    font-size: 85%;
	    max-width: 320px;
	}

	#about-page .about-text .title {font-size: 35px}

	.breakpoint-gray {
		margin-top: -43px;
		padding: 60px 40px;
		height: 280px;
	}

	.breakpoint-gray p {font-size: 16px}

	#tour-location-right .container .text-content .subtitle {font-size: 18px}

	#tour-location-left .container .text-content .subtitle {font-size: 18px}

	#login-client .about-text .title {font-size: 33px}

	#login-client .responsive-img {margin-bottom: 40px}

	#selection {padding: 80px 30px 100px}

	.modal-content {height: 95vh}

	.modal-content .description .obs-title {font-size: 15px}

	.modal-content .description .btn-obs-check {
		padding-left: 10px;
	    font-size: 12px;
	}

	.modal-content .description .btn-select, 
	.modal-content .description .btn-unset, 
	.modal-content .description .btn-remove, 
	.modal-content .description .unset-modal {
	    font-size: 12px;
	}

	#selection .step-3 .btn-back-step {
	    font-size: 16px;
	    padding: 4px 20px;
	}

}


/** Moto G4 e Galaxy S5 **/
@media only screen and (max-width: 360px) {

	#banner .content-area {
	    width: 96%;
	}

	#banner .arrow {height: 8px}

	#banner .number {left: 63px}

	#banner .owl-theme .owl-nav {left: 23px}

	#banner .content-banner .title {font-size: 27px}

	#banner .content-banner .btn-banner {padding: 10px 15px}

	#about .about-text .btn-light {padding: 10px 10px}

	#about #img-mobile {margin-top: -240px}

	.breakpoint p {font-size: 15px}

	#budget .budget-text .btn-light {
	    font-size: 13px;
	    width: 106%;
	    margin-left: -6px;
	}

	#budget {padding-bottom: 390px}

	#bottom .container-mobile .columns .develop {width: 105%}

	#budget-bundle .container .card {
		height: 700px;
		padding: 25px
	}

	#img-top .img {
	    background-size: 894px;
	    background-position: -454px center;
	    height: 104px;
	}

	#budget-bundle .container .location-item .location-gallery .images {
		right: 1255px;
		width: 27.7%;
	}

	#budget-bundle .container .location-item .location-gallery .images .img {height: 142px}

	#budget-bundle .container .location-item .content {left: 17px}

	#budget-bundle .container .location-item .content .text {font-size: 16px}

	#budget-bundle .container .location-item .content .price {font-size: 40px}

	#budget-bundle .container .card-group .step-3-card {padding: 40px 20px}

	#budget-bundle .container .card-group .step-3-card .price {font-size: 45px}

	#budget-bundle .container .step-3 .extra-button {margin-left: 1em}

	#budget-bundle .container .step-4 .budget-form .btn-group .send {
	    font-size: 12px;
	    padding: 3px 4px;
	}

	#budget-bundle .container .step-4 .budget-form .btn-group .send-whatsapp {
		font-size: 12px;
		padding: 4px 6px;
	}

	#budget-bundle .container .step-4 .budget-form .form-info {font-size: 16px}

	#edit-info .container {height: 780px}

	#edit-info .container .text-content {padding: 0px 40px 20px}

	#items-info .container .text-content {padding: 15px 40px}

	#about-page .about-text {padding: 50px 30px}

	.breakpoint-gray {margin-top: -57px}

	#tour-info .container .subtitle {font-size: 11px}

	#tour-info .content .title-line .title {
	    font-size: 30px;
	    line-height: 41px;
	}

	.tour-location .container .text-content {padding: 85px 45px}
	
	.tour-location .container .text-content .title {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.tour-location .container .text-content .subtitle {
	    font-size: 17px;
	    margin-bottom: 15px;
	}

	.tour-location .container .text-content .texts {font-size: 16px}

	.tour-location .container .send-whatsapp {
	    font-size: 16px;
	    width: 85%;
	}

	#login-client .about-text .title {font-size: 31px}

	#login-client #client-form-login .form-group .form-control {font-size: 17px}

	#login-client .responsive-img {margin-bottom: 50px}

	.modal-content {width: 90%}

	#selection .step-2 .btn-step-2 {font-size: 11px}

	#selection .step-1, #selection .top-header {margin-top: 80px}

	.prev-image, .next-image{font-size: 30px}

	#selection .step-1, #selection .top-header {
	    margin-top: 20px;
	}

}

/** iPhone 5 e SE **/
@media only screen and (max-width: 320px) {

	#menu-mobile {padding: 40px 30px 38px}

	#menu-mobile .col-logo img {width: 168px}

	#menu-mobile .menuToggle {margin-left: unset}

	#banner .content-banner .title {
	    font-size: 24px;
	    line-height: 29px;
	}

	.owl-carousel .owl-nav button.owl-prev {right: 5.8em}

	.owl-carousel .owl-nav button.owl-next {right: 3.5em}

	#banner .content-banner .btn-banner {
	    font-size: 13px;
	    line-height: 20px;
	    padding: 10px 10px;
	}

	#banner .number {
	    left: 68px;
	    font-size: 14px;
	    bottom: 90px;
	}

	#banner .drop-content .to-bottom img {width: 35px}

	#menu-mobile .menu-cel .links .open-link {
	    font-size: 19px;
	    line-height: 18px;
	    margin-bottom: 18px;
	}

	#menu-mobile .menu-cel .footer .social-medias {margin-bottom: 45px}

	#menu-mobile .menu-cel .footer .social-medias a {font-size: 19px}

	#menu-mobile .menu-cel .footer .social-medias img {height: 19px}

	#about .container .title {font-size: 30px}

	#about .about-text .text {font-size: 16px}

	#about .about-text .btn-light {
	    font-size: 12px;
	    padding: 10px 8px;
	}

	#about #img-mobile {margin-top: -270px}

	.breakpoint {
	 	height: 320px;
	    padding: 44px;
	}

	.breakpoint p {font-size: 15px}

	#budget .budget-text {padding: 100px 35px}

	#budget .budget-text .title {font-size: 28px}

	#budget .budget-text .text {font-size: 16px}

	#budget .budget-text .btn-light {
	    font-size: 12px;
	    padding: 10px 4px;
	    width: 105%;
	}

	#contact .container {padding: 20px 40px 5px}

	#contact .container .contact-info .text-group .text {font-size: 15px}

	#bottom {padding: 50px 20px 50px 20px}

	#bottom .container-mobile .columns .develop {
		font-size: 13px;
		width: 105%;
	}

	#client-responsive #carousel-experience-responsive .container .client-text {width: 81%}

	#client-responsive #carousel-experience-responsive .text {font-size: 16px}

	#client-responsive #carousel-experience-responsive .client-name {font-size: 16px}

	#client-responsive #carousel-experience-responsive .change-content .other-depoiments {font-size: 17px}

	#client-responsive #carousel-experience-responsive .change-content .number {
	    margin-left: 52px;
	    font-size: 17px;
	}

	#experience .top-text {margin-bottom: 40px}

	#experience .top-text .subtitle {font-size: 12px}

	#experience .top-text .title {font-size: 27px}

	#experience .doubt {margin-left: 10px}

	#experience .doubt .question {
	    line-height: 23px;
	    font-size: 16px;
	}

	#experience .doubt .answer {font-size: 16px}

	#edit-info .container {height: 820px}

	#edit-info .container .text-content {padding: 13px 45px}

	#edit-info .container .text-content .title {font-size: 20px}

	#edit-info .container .text-content .texts {font-size: 16px}

	#items-info .container .img-mobile {height: 190px}

	#items-info .container .text-content {padding: 48px 40px}

	#items-info .container .text-content .title {font-size: 20px}

	#budget-bundle .container .form-top .title {font-size: 25px}

	#budget-bundle .container .card {height: 900px}

	#budget-bundle .container .card .infos {display: block}

	#budget-bundle .container .card .infos .info {width: 100%}

	#budget-bundle .container .card .price {font-size: 40px}

	#budget-bundle .container .location-item .content {
	    left: 15px;
	    width: 255px;
	    height: 690px;
	    padding: 105px 42px;
	}

	#budget-bundle .container .location-item .content .text {font-size: 17px}

	#budget-bundle .container .location-item .content .price {
    	font-size: 35px;
	    margin-bottom: 25px;
	    margin-top: 30px;
	    line-height: 35px;
	}

	#budget-bundle .container .step-3 .extra-button {width: 260px}	

	#budget-bundle .container .location-item .location-gallery .images {
		right: 1250px;
		width: 24.6%;
	}

	#budget-bundle .container .location-item .location-gallery .images .img {height: 120px}

	#budget-bundle .container .card-group .step-3-card {
	    height: 510px;
		padding: 40px 15px;
	}

	#budget-bundle .container .card-group .step-3-card .info .info-text {font-size: 14px}

	#budget-bundle .container .card-group .step-3-card .text {font-size: 17px}

	#budget-bundle .container .card-group .step-3-card .price {font-size: 40px}

	#budget-bundle .container .card-group .step-3-card .btn-light {font-size: 16px}

	#budget-bundle .container .step-4 .step-4-resume .title {font-size: 18px}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .subtitle {font-size: 17px}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .text {font-size: 16px}

	#budget-bundle .container .step-4 .step-4-resume .step-4-item .payment-text {font-size: 16px}

	#budget-bundle .container .step-4 .step-4-resume .line {width: 150%}

	#budget-bundle .container .step-4 .budget-form-top .title {font-size: 28px}

	.owl-carousel .owl-nav button.owl-prev img, .owl-carousel .owl-nav button.owl-next img {height: 20px}

	#budget-bundle .container .step-4 .budget-form .form-info {font-size: 16px}

	#budget-bundle .container .step-4 .budget-form .btn-group .send {font-size: 11px}
	#budget-bundle .container .step-4 .budget-form .btn-group .send-whatsapp {font-size: 10px}

	#about-page .about-text .title {font-size: 29px}

	#about-page .about-text .text {font-size: 16px}

	.breakpoint-gray {
	    margin-top: -95px;
	    padding: 50px 40px;
	}

	#tour-info .container .subtitle {font-size: 12px}

	#tour-info .content .title-line .title {
	    font-size: 28px;
	    line-height: 37px;
	}

	#tour-info .content .texts .text {font-size: 17px}

	#tour-location-right .container .text-content {padding: 80px 40px}

	#tour-location-right .container .text-content .title {font-size: 23px}

	#tour-location-right .container .text-content .subtitle {font-size: 16px}

	#tour-location-right .container .text-content .texts {font-size: 17px}

	#tour-location-right .container .send-whatsapp {
	    width: 100%;
	    font-size: 17px;
	}

	#tour-location-left .container .text-content {padding: 80px 40px}

	#tour-location-left .container .text-content .title {font-size: 23px}

	#tour-location-left .container .text-content .subtitle {font-size: 16px}

	#tour-location-left .container .text-content .texts {font-size: 17px}

	#tour-location-left .container .send-whatsapp {
	    width: 100%;
	    font-size: 17px;
	}

	#login-client .responsive-img {margin-bottom: 80px}

	#selection .step-1, #selection .top-header {margin-top: 60px}

	#selection .title, #selection .top-header .title-div .title {font-size: 44px}

	#selection .step-2 .photos .image {
	    height: 17em;
	}

	.modal-content .description .btn-select, .modal-content .description .btn-unset {
	    font-size: 13px;
	    margin-top: 10px;
	    height: 30px;
	}

	.modal-content .description .btn-select .selected, .modal-content .description .btn-unset .uncheck {
	    height: 27px;
	    width: 20px;
	    background-size: 70%;
	}

	.modal-content .description .btn-unset .uncheck {
	    font-size: 15px;
	    padding-top: 0px;
	}

	.modal-content .description .btn-obs-check {
	    padding-left: 20px;
	    font-size: 11px;
	    height: 25px;
	}

	.modal-content .description .btn-obs-check .selected {
	    height: 20px;
	    width: 23px;
	    background-size: 70%;
	}

	#selection .step-2 .btn-step-2 {font-size: 10px}

	#selection .step-2 .btn-step-2 img {
	    margin-left: 5px;
	    height: 12px;
	}

	#selection .step-3 .selected-img .imgs {grid-template-columns: repeat(auto-fit,minmax(260px,auto))}

	#selection .step-3 .btn-back-step {font-size: 15px}

	.step-3-description .description-container .btn-step-3 {
	    padding: 10px 12px;
	    font-size: 10.9px;
	}

	#selection .title, #selection .top-header .title-div .title {
	    font-size: 21px;
	    line-height: 26px;
	}

	#selection .step-1, #selection .top-header {
	    margin-top: 20px;
	}

	.tour-location .container .send-whatsapp {
    font-size: 16px;
    width: 100%;
}

}