@media all and (max-width: 1200px) {
	body {
		padding-left: 15px;
		padding-right: 15px;
	}

	.footer .width {
		padding: 0 15px;
	}

	.home .width.middle {
		padding-top: 60px;
	}

	.header {
		padding-left: 15px;
		padding-right: 15px;
	}

	.template-7 .content-left {
		width: 40%;
	}

	.template-7 .content-left {
		width: 40%;
	}

	.template-7 .content-right {
		width: 60%;
	}
}

@media all and (max-width: 1024px) {
	.suports .suport {
		width: 33.3%;
		min-width: inherit;
		display: inline-block;
	}

	.page-break {
		margin-bottom: 100px;
	}

	.template-7 .content-left {
		width: 45%;
	}

	.template-7 .content-right {
		width: 55%;
	}
}

@media all and (max-width: 900px) {
	.template-5 .col-sm-3 {
		width: 38.88888889%;
	}

	.template-5 .col-sm-14 {
		width: 55.55555556%;
	}

	ul.clients li.client {
		width: 25%;
	}

	.template-8 .col-sm-18 .col-sm-5, 
	.template-8 .col-sm-18 .col-sm-4 {
		width: 49%;
	    margin-bottom: 30px;
	    display: inline-block;
	    float: none;
	}

	.template-7 .content-left {
		width: 48%;
	}

	.template-7 .content-right {
		width: 52%;
	}

	.template-7 .content-right .pull-right {
		width: 96%;
	}

	.template-5 .col-sm-14, .template-5 .col-sm-3 {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.suports .suport {
		width: 75%;
		max-width: 100%;
		margin: 0 auto 50px auto;
		display: table;
	}
}

@media all and (max-width: 840px) { 
	.template-2 .col-sm-5 {
		width: 100%;
		display: block;
		margin-bottom: 40px;
	}

	.template-2 .col-sm-12.col-sm-offset-1 {
	    width: 100%;
	    margin: 0 0 0 0;
	    margin-bottom: 40px;
	}

	.template-8 .col-sm-18 .col-sm-5, .template-8 .col-sm-18 .col-sm-4 {
		width: 100%;
		margin: 0 0 25px 0;
	}

	.template-7 .col-sm-6, .template-7 .col-sm-12, .template-7 .col-sm-12 .col-sm-11 {
		width: 100%;
		margin: 0 0 40px 0;
	}

	.template-7 .row.content-right-1, .template-7 .row.content-right-2, .template-7 .panel-purple {
		width: 27.77777778%;
		display: inline-block;
    	float: left;
	}

	.template-7 .row.content-plus, .template-7 .row.content-equal {
		width: 13.2711111%;
		display: inline-block;
    	float: left;
	}

	.panel.panel-default.panel-profile {
		width: 50%;
	}
}

@media all and (max-width: 767px) {
	.panel.panel-default.panel-profile {
		width: 60%;
	}

	.template-2 .image, .template-2 .content {
		width: 100%;
	}

	.template-4 .post-content {
		width: 100%;
	}
	
	.template-4 .carret img {
		width: 90%;
		display: table;
		margin: 50px auto;		
	    content: url(../img/carret-2.png);
	}

	.template-6 .post-content {
		width: 30%;
	}

	.template-6 .maps {
		width: 70%;
	}
	.contact-way {
		text-align: center;
	}
	.logo-animated {
	    margin-left: auto;
	    margin-right: auto;
	    float: inherit;
	    display: block;
	}
	.address {
		text-align: center;
	}
}

@media all and (max-width: 720px) {
	body {
		padding-bottom: 100px;
	}
	.template-7 .row.content-right-1, .template-7 .row.content-right-2, .template-7 .panel-purple, .template-7 .row.content-plus, .template-7 .row.content-equal {
		width: 100%;
	}

	footer.footer {
		z-index: 1000;
	}

	.col-logo .logo img {
		max-width: 100%;
		padding-right: 15px;
	}
	
	.home {
		margin-top: 45px;
	}
	
	.home .width.middle {
		padding: 0; 
		text-align: center;
	}
	
	.home .width.middle .row > div {
		margin-bottom: 40px;
		padding-top: 0;
    	padding-bottom: 0;
	}
	
	.template-5 .col-sm-14, .template-5 .col-sm-3, .suports .suport {
		width: 100%;
		max-width: 100%;
	}
	
	.suports .suport .content {
		margin-bottom: 45px;
	}

	.panel-profile.open {
		max-width: 100%;
	}

	.panel.panel-default.panel-profile {
		width: 100%;
		text-align: left;
	}

	.template-6 .post-content {
		width: 100%;
		margin: 0 0 50px 0;
	}

	.template-6 .maps {
		width: 100%;
	}
}

@media all and (max-width: 765px) {
	#home {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-row-gap: 15px;
		align-items: center;
	}

	#home .logo {
		grid-column-start: 1;
		grid-row-start: 1;
	}

	#home .contact-way {
		grid-column-start: 1;
		grid-row-start: 2;
	}

	#floating-header {
		height: 80px;
		display: grid;
		grid-template-columns: 3fr 1fr;
		column-gap: 15px;
		align-items: center;
	}
	
	#floating-header .col-logo {
		grid-column-start: 1;
	}
	
	#floating-header .col-language {
		grid-column-start: 2;
	}

	.width .page-section:last-child {
		margin-bottom: 120px;
	}
}