/* max-width: 7000px ///////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 7000px){
	.page-wrapper{
		overflow: hidden;
	}
}
/*END max-width: 7000px */

/* max-width: 1799px ///////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1799px){
	.main-footer.style-four:before {
		display: none;
	}
	.main-footer.style-four .side-image {
		display: none;
	}
	.inputx-label-pqr{
		left: 17em !important;
	}
	
}
/*END max-width: 1799px */

/* max-width: 1675px ///////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1675px){
	.header-left-option {
		display: none;
	}
	.inputx-label-pqr{
		left: 175px;
	}
}
/*END max-width: 1675px */

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

	.main-menu .navigation>li:nth-last-child(-n+3)>ul>li>ul {
	    left: auto;
	    right: 100%;
	}
	.main-menu .navigation > li:nth-last-child(-n+2) > ul {
	    left: auto;
	    right: 0;
	}
	.main-menu .navigation > li:nth-last-child(-n+2) > ul > li > ul {
	    left: auto;
	    right: 100%;
	}
	/*  */
	.left-panel {
		margin-top: 3.1em;
	}
	.banner-section .background-text {
		display: none;
	}
	.facts-section .counter-column:nth-child(2) {
		left: 0;
	}
	.facts-section .counter-column:nth-child(3) {
		right: 0;
	}
	.facts-section .shape {
		display: none;
	}
	.branches-section .owl-theme .owl-nav {
		display: none;
	}
	.carrusel-consulta-pqr{
		margin-top: 0em;
		padding: 0 0px;
	}
	.inputx-label-pqr{
		left: 11em !important;
	}
}
/*END max-width: 1400px */

/* max-width: 1199px ///////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1199px){
	/* Default */
	.main-header .nav-outer .main-menu,
	.sticky-header{
		display: none !important;
	}
	.nav-outer .mobile-nav-toggler{
		display: block;
	}
	.main-header.header-style-two .header-info-right {
		display: none;
	}
	.img-new-pqr{
		display: none;
	}
	.carrusel-consulta-pqr{
		margin-top: 2em;
		padding: 0 0px;
	}
	.inputx-label-pqr{
		left: 7em !important;
	}
	.select2-container {
		display: block;
		width: auto !important;
	}
	.custom-buttons {
		display: flex;
		flex-direction: row;
		justify-content:  space-between;
		align-items:  space-between;
		margin-top: 50px;
	}
	.card-cotizador {
		max-height: 30em;
		min-height: 41em;
	}
	.pricing-section.col-lg-10.mt-3 {
		max-width: 100%;
		top: 35px;
	}
	.date-label{
		display: none;
	}
	/*  */
}
/*END max-width:1139px */

/* max-width: 991px ///////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 768px){
	.getaquote-section.style-two .side-image {
		display: none;
	}
	.getaquote-section.style-two .wrapper-box:before {
		width: 100%;
	}
	.getaquote-section .investor {
		margin-left: 0;
	}
	.getaquote-section .getaquote-form {
		padding-right: 0;
	}
	.banner-section.style-three .content-box h1 {
		font-size: 48px;
		line-height: 55px;
	}
	.header-style-three .navbar-right-info {
		margin-right: 20px;
	}
	.main-header.header-style-three .header-upper .inner-container {
		justify-content: center;
	}
	.header-upper .contact-info-two {
		display: none;
	}
	.getaquote-section .right-column,
	.getaquote-section .left-column {
		width: 100%;
	}
	.getaquote-section .left-column .inner-container {
		margin: 0 auto;
	}
	.about-section-two .shape {
		display: none;
	}

	.about-section-two .image-one {
		padding-top: 0;
	}

	.about-section-two .video-box {
		position: relative;
		margin-bottom: 30px;
	}
	.footer-top .newsletter-form-two {
		width: 100%;
		margin: 0;
		padding: 0;
	}	
	.footer-top .newsletter-form-two:before {
		display: none;
	}
	.banner-section .content-box h1 {
		font-size: 50px;
		line-height: 60px;
	}
	.newsletter-form {
		margin-top: 20px;
	}
	.industries-covered .background-text {
		display: none;
	}
	.industries-covered .image {
		right: 0;
	}
	.industries-covered .text-block .inner-box {
		padding: 60px 0;
	}
	.header-top .inner-container {
		justify-content: center;
	}
	.header-top .search-box:before {
		display: none;
	}
	.work-process-block .count:before {
		border-color: #ff5f15;
	}
	.work-process-block .count {
		color: #ff5f15;
	}
	.header-style-two .header-top:before {
		display: none;
	}
	.main-header.header-style-two .header-upper .inner-container {
		padding-left: 0;
	}
	.main-header.header-style-two .header-upper .logo-box {
		position: relative;
		top: 0;
	}
	.main-header .header-upper .logo-box .logo {
		padding: 15px 0;
	}
	.header-style-two .header-top .inner-container {
		padding-left: 0;
	}
	.header-style-two .auto-container {
		padding: 0 15px;
	}
	.banner-section.style-two .content-box h1 {
		font-size: 45px;
		line-height: 55px;
	}
	.getaquote-section .auto-container {
		padding: 0 15px;
	}
	.whychooseus-section-three .sec-bg {
		display: none;
	}
	.whychooseus-section-three .wrapper-box {
		margin-bottom: 30px;
	}
	.banner-section-two .text-block h1 {
		font-size: 45px;
		line-height: 55px;
	}
	.statement-section .content {
		margin-left: 0;
		padding: 0;
	}
	.statement-section .badge {
		display: none;
	}
	.who-we-are-section .author-info {
		margin-bottom: 50px;
	}
	.page-title .background-text {
		display: none;
	}
	.page-title .content-box .bread-crumb.style-two li {
		width: 50%;
		margin-bottom: 10px;
	}
	.who-we-are-section .overview .wrapper-box {
		padding: 30px 20px;
	}
	.faq-section .nav-tabs.tab-btn-style-one .nav-item {
		width: 50%;
		margin-bottom: 10px;
	}
	.getaquote-section .note {
		margin-bottom: 20px;
		text-align: left;
	}
	.contact-info-section-two .sec-title {
		padding-left: 24px;
	}
	
	.contact-info-section-two .text {
		padding-left: 25px;
	}
	
	.contact-info-section-two .link {
		padding-left: 25px;
	}
	.carrusel-consulta-pqr{
		display: none;
	}
	.img-new-pqr{
		display: none;
	}
	.inputx-label-pqr{
		left: 26em !important;
	}
	/* ************************ */
	.img-contactenos{
		display: none;
	}
	.content-head-titleForm {
		margin-left: 0em;
		position: relative;
		display: inline-flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.content-head-titleForm img{
		width: 50%;
		height:  60%;
		margin-right: 10px;
	}
	.content-head-titleForm h1 {
		font-size: 20px;
		font-weight: 800 !important;
		color: #172B4E;
		font-family: sans-serif;
		margin-top: 0px;
		line-height: 1.1;
	}
	.content-head-titleForm h1::after {
		content: "";
		display: block;
		width: 80%;
		border-bottom: 5px solid #F2BC1B;
	}
	.tratamiento-de-datos label{
		font-size: 10px;
	}
	.wrapper-box{
		display: none;
	}
	.page-quote .title-quote h1 {
		font-size: 20px;
		font-weight: 800 !important;
		color: #fff;
		font-family: sans-serif;
		padding: 0px 20px;
		line-height: 1.1;
		text-align: center;
	}
	.section-calc .title-calc h1::after {
		content: "";
		display: block;
		width: 75%;
		border-bottom: 4px solid #F2BC1B;
	}
	.page-quote .title-quote p {
		color: #fff;
		font-size: 15px;
		font-family: "Poppins", sans-serif;
		text-align: justify;
		margin: 0 auto;
		width: 70%;
		padding: 10px 0px;
	}
	.content-calc-img img{
		display: none;
	}
	.section-calc .section-calc-card {
		padding: 0px 0px;
	}
	.content-form-cotizador img{
		display: none;
	}
	.card-cotizador {
		max-height: 0em;
		min-height: 60em; 
	}
	.content-form-cotizador {
		position: relative;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.mercancia label{
		font-size: 10px;
		line-height: 1.2;
		text-align: justify;
	}
	.date-label{
		display: none;
	}
	.custom-buttons {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: space-between;
		margin-top: 50px;
	}
	.inputx-label2, .inputx-label3 {
		font-size: 0.7rem;
	}
	.select2-container {
		display: block;
		width: auto !important;
	}
}
/*END max-width: 991px */

/* max-width: 768px ///////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 667px){	
	br {
		display: none;
	}
	.news-section-three .owl-theme .owl-nav {
		display: none;
	}
	.news-section .sec-top .link {
		width: 100%;
		margin-bottom: 20px;
	}
	.header-top .right-column {
		display: none;
	}
	.header-style-four .header-top .search-box,
	.header-style-three .header-top .search-box {
		width: 190px;
	}
	.service-block-two .content {
		padding: 30px 20px;
	}
	.getaquote-section.style-two .wrapper-box {
		margin: 0;
		padding: 0;
		background: transparent;
	}	
	.getaquote-section.style-two .wrapper-box:before {
		display: none;
	}	
	.getaquote-section .getaquote-form .form-group {
		margin-bottom: 20px;
	}
	.footer-bottom.style-three .copyright-text {
		margin-bottom: 10px;
	}	
	.facts-section-three .content:before {
		display: none;
	}
	.facts-section-three .icon {
		margin-left: 0;
	}
	.getaquote-section .inner-container {
		max-width: 100%;
	}
	.getaquote-section .investor {
		max-width: 100%;
	}
	.testimonials-section-four .owl-theme .owl-nav {
		display: none;
	}
	.testimonials-section-four .wrapper-box {
		margin: 0;
	}	
	.certificate-section .sec-top .link {
		margin-bottom: 30px;
		width: 100%;
	}
	.accordion-box .block .acc-btn strong {
		display: none;
	}	
	.accordion-box .block .acc-content {
		padding-left: 30px;
	}
	.accordion-box .block .icon-outer {height: 100%;}
	.click{
		position:absolute;
		margin-left: 6em;
		margin-top: 2.5em;
		z-index: 1;
	}
	.iconSectores img{
		display: none;
	}
	.titleSectores{
		font-size: 20px;
		line-height: 28px;
		left: 0;
		font-style: normal;
	}
	.image-box .image-one{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: flex-end;
		left: 1em;
	}
	.parallax1 h1 {
		color: #fff;
		font-family: "Quattrocento Sans", sans-serif;
		font-size: 28px;
		text-align: center;
		top: 6em;
	}
	
	.parallax1 h2.btncontact {
		color: #fff;
		font-size: 20px;
		margin: 0 auto;
		width: 190px;
		border: 1px solid #fff;
		text-align: center;
		border-radius: 7px;
		background-color: #172B4E;
		top: 10em;
		padding: 10px 10px;
	}
	.img-new-pqr{
		display: none;
	}
	.carrusel-consulta-pqr{
		display: none;
	}
	.inputx-label-pqr{
		left: 16em !important;
	}
	/****************************************************/
	.img-contactenos{
		display: none;
	}
	.content-head-titleForm {
		margin-left: 0em;
		position: relative;
		display: inline-flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.content-head-titleForm img{
		width: 50%;
		height:  60%;
		margin-right: 10px;
	}
	.content-head-titleForm h1 {
		font-size: 20px;
		font-weight: 800 !important;
		color: #172B4E;
		font-family: sans-serif;
		margin-top: 0px;
		line-height: 1.1;
	}
	.content-head-titleForm h1::after {
		content: "";
		display: block;
		width: 80%;
		border-bottom: 5px solid #F2BC1B;
	}
	.tratamiento-de-datos label{
		font-size: 10px;
	}
	.wrapper-box{
		display: none;
	}
	.page-quote .title-quote h1 {
		font-size: 20px;
		font-weight: 800 !important;
		color: #fff;
		font-family: sans-serif;
		padding: 0px 20px;
		line-height: 1.1;
		text-align: center;
	}
	.section-calc .title-calc h1::after {
		content: "";
		display: block;
		width: 75%;
		border-bottom: 4px solid #F2BC1B;
	}
	.page-quote .title-quote p {
		color: #fff;
		font-size: 15px;
		font-family: "Poppins", sans-serif;
		text-align: justify;
		margin: 0 auto;
		width: 70%;
		padding: 10px 0px;
	}
	.content-calc-img img{
		display: none;
	}
	.section-calc .section-calc-card {
		padding: 0px 0px;
	}
	.content-form-cotizador img{
		display: none;
	}
	.card-cotizador {
		max-height: 0em;
		min-height: 60em; 
	}
	.content-form-cotizador {
		position: relative;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.mercancia label{
		font-size: 10px;
		line-height: 1.2;
		text-align: justify;
	}
	.date-label{
		display: none;
	}
	.custom-buttons {
		display: flex;
		flex-direction: row;
		justify-content:  space-between;
		align-items: space-between;
		margin-top: 50px;
	}
	.inputx-label2, .inputx-label3 {
		font-size: 0.6rem;
	}
	.section-body-recoleccion img{
		display: none;
	}
	.section-recol .title-rec h1 {
		left: -107px;
		font-size: 20px;
	}
	.section-head-recoleccion{
		padding: 5px 0px;
	}
	.section-head-recoleccion img{
		width: 60%;
	}
		
}
/*END max-width: 767px */

/* max-width: 768px ///////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 667px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
}

/* max-width: 575px ///////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 412px){
	.faq-section .nav-tabs.tab-btn-style-one .nav-item {
		width: 100%;
	}
	.header-style-four .header-top .search-box,
	.header-style-three .header-top .search-box {
		display: none;
	}
	.header-style-three .navbar-right-info .getaquote {
		display: none;
	}	
	.newsletter-form input {
		width: 100%;
		right: 0;
		margin-bottom: 20px;
	}
	/* .banner-section .banner-slider-nav {
		display: none;
	} */
	.banner-section.style-two .content-box .inner {
		padding-left: 40px;
	}
	.banner-section.style-two .content-box .inner:before {
		left: 0;
	}
	.footer-top .newsletter-form-two input {
		width: 100%;
		margin-bottom: 20px;
	}
	.style-two.footer-bottom .bg:before {
		transform: skew(0);
	}
	.industries-covered-two .owl-theme .owl-nav {
		display: none;
	}	
	.industries-covered-two .nav-tabs.tab-btn-style-one {
		padding-left: 0;
	}
	.banner-section-two .text-block h4 {
		padding-left: 0;
	}
	.banner-section-two .text-block h4:before {
		display: none;
	}
	.industries-covered-two .theme-btn-two {
		margin: 29px 0;
	}
	
	.industries-covered-two .theme-btn-two:before {
		display: none;
	}
	.page-title .content-box .bread-crumb.style-two {
		display: none;
	}
	.who-we-are-section .author-title {
		margin-top: 20px;
	}
	.statement-section .nav-tabs.tab-btn-style-one li.nav-item:before {
		display: none;
	}
	.statement-section .nav-tabs.tab-btn-style-one li.nav-item {
		width: 100%;
		margin-bottom: 20px;
	}
	.statement-section .nav-tabs.tab-btn-style-one li.nav-item:last-child {
		margin-bottom: 0;
	}
	.statement-section .nav-tabs.tab-btn-style-one .nav-item .nav-link {
		margin-right: 0;
	}
	.history-section .nav-tabs.tab-btn-style-one li.nav-item:after,
	.history-section .nav-tabs.tab-btn-style-one li.nav-item:before,
	.history-section .nav-tabs.tab-btn-style-one:before {
		display: none;
	}
	.history-section .nav-tabs.tab-btn-style-one {
		margin-bottom: 40px;
	}
	.history-section:before {
		background-color: transparent;
	}
	.contact-info-section-three:before {
		background-color: transparent;
	}
	.who-we-are-section,
	.team-section.style-three,
	.history-section,
	.contact-info-section-three {
		padding-top: 120px;
	}
	.page-title .content-box h1 {
		font-size: 40px;
		line-height: 50px;
	}
	.cta-section-two h4 {
		margin-bottom: 15px;
	}
	.cta-section-two .wrapper-box {
		padding-left: 0;
	}
	.cta-section-two .icon {
		position: relative;
		top: 0;
		margin-bottom: 20px;
	}
	.service-details .nav-tabs.tab-btn-style-one {
		position: relative;
		width: 100%;
	}
	.service-details .tab-area .left-column {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	
	.service-details .tab-area .content {
		margin-left: 0;
	}
	.service-details .tab-area .right-column {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.testimonial-block-five .inner-box {
		padding: 30px 20px;
	}
	.testimonial-block-five .inner-box .content {
		width: 100%;
	}
	.getaquote-section .getaquote-form .form-group.dimension input[type="text"] {
		width: 100%;
		border-left: 1px solid #e9e5df;
		margin-bottom: 11px;
	}
	
	.getaquote-section .getaquote-form .form-group.unit {
		width: 100%;
	}
	
	.getaquote-section .getaquote-form .form-group.dimension {
		width: 100%;
	}
	
	.getaquote-section .getaquote-form .form-group.per-piece input[type="text"] {
		border-left: 1px solid #e9e5df;
	}
	
	.getaquote-section .getaquote-form .form-group.per-piece {
		width: 100%;
	}
	
	
	.getaquote-section .dimension .label {
		margin-left: 0;
	}
	
	.getaquote-section .per-piece .label {
		margin-left: 0;
	}
	.news-block-four .post-share-btn .hint {
		display: none;
	}
	.news-block-four .post-meta li {
		width: 100%;
	}
	.news-block-four .post-meta li:before {
		display: none;
	}
	.blog-single-post.news-block-four .date {
		position: relative;
		margin-bottom: 20px;
	}
	
	.blog-single-post .top-content {
		padding-left: 0;
	}
	
	.blog-single-post .top-content {
		width: 100%;
	}
	
	.blog-single-post .audio-player {
		flex-wrap: wrap;
		border: 0;
		padding: 0;
	}
	
	.blog-single-post .audio-player .image {
		margin-bottom: 11px;
	}
	
	.blog-single-post .audio-player h5 {
		margin-bottom: 64px;
	}
	
	.blog-single-post .tag li {
		margin-bottom: 10px;
	}
	
	.blog-single-post.news-block-four .post-share-btn {
		display: none;
	}
	
	.post-pagination .prev-post {
		width: 100%;
	}

	.post-pagination .all-blog {
		width: 100%;
		margin-bottom: 15px;
	}

	.post-pagination .next-post {
		width: 100%;
	}

	.post-pagination .next-post h5 i {
		top: -1px;
	}

	.news-section .author-box {
		padding-left: 30px;
		padding-right: 40px;
	}

	.news-section .author-box .image {
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 30px;
	}

	.comments-area .comment {
		padding-left: 0;
	}

	.comments-area .comment-box .author-thumb {
		position: relative;
	}
	.banner-section .content-box h1 {
	    font-size: 35px;
	    line-height: 45px;
	}
	.banner-section .content-box h4 {
		font-size: 20px;
		line-height: 28px;
	}
	.banner-section .content-box .text {
		font-size: 20px;
	}
	.click{
		position:absolute;
		margin-left: 6em;
		margin-top: 5.5em;
		z-index: 1;
	}
	.iconSectores img{
		display: none;
	}
	.titleSectores{
		font-size: 20px;
		line-height: 28px;
		left: 0;
		font-style: normal;
	}
	.image-box .image-one{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: flex-end;
		left: 1em;
	}
	.parallax1 h1 {
		color: #fff;
		font-family: "Quattrocento Sans", sans-serif;
		font-size: 28px;
		text-align: center;
		top: 3em;
	}
	
	.parallax1 h2.btncontact {
		color: #fff;
		font-size: 20px;
		margin: 0 auto;
		width: 190px;
		border: 1px solid #fff;
		text-align: center;
		border-radius: 7px;
		background-color: #172B4E;
		top: 6em;
		padding: 10px 10px;
	}
	.bg-yellow .history-botton h1 {
		position: relative;
		color: #172B4E;
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 20px;
		margin-left: 0px;
	}
	.bg-yellow .history-botton img {
		width: 60%;
		height: 60%;
		margin-right: 0px;
	}
	.text-med p{
		text-align: justify;
		color: #fff;
		font-size: 15px;
		width: 100%;
		line-height: 1;
	}
	.text-med h1{
		color: #fff;
		text-align: center;
		font-size: 30px;
		font-weight: 700;
	}
	/* ----- mision y vision----------------- */
	.page-title-vision{
		padding: 100px 0px;
		background-size: cover;
	}
	.page-title-vision .title-mv{
		display: flex;
		flex-direction: column;
		align-items: center;
		align-content: center;
	}
	.page-title-vision .title-mv h1{
		font-size: 20px;
		color: #fff;
		font-weight: 700;
		-webkit-animation: flicker 2s linear both;
		animation: flicker 2s linear both;
	}
	.text-myv{
		position: relative;
		padding: 40px 0px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		text-align: center;   
		align-content: center; 
	}
	.text-myv h1{
		color: #fff;
		font-weight: 700;
		font-size: 17px;
	}
	.text-myv h1::after{
		content: "";
		display: block;
		width: 90%;
		border-bottom: 5px solid #F2BC1B;
		margin: 0 auto;
	}
	.text-myv p{
		color: #fff;
		font-size: 15px;
		text-align: justify;
		padding: 20px 20px;
		
	}
	/* --------politicas y normativas----- */
	.page-title2 .title-PN h1{
		font-size: 30px;
		line-height: 35px;
		color: #fff;
		font-weight: 700;
		text-align: center;
	}
	.page-title2 .title-PN h1::after{
		content: "";
		display: block;
		width: 68%;
		border-bottom: 5px solid #F2BC1B;
		margin: 0 auto;
	}
	/* --------faq----- */
	.bg-blue .text-faq{
		position: relative;
		padding: 80px 0px;
		display: flex;
		flex-direction: row;
		text-align: center;
		justify-content: center;
	}
	.bg-blue .text-faq h1{
		position: relative;
		display: block;
		font-size: 20px;
		line-height: 25px;
		color: #fff;
		font-weight: 700;
		text-align: center;
	}
	.bg-blue .text-faq h1::after{
    content: "";
    display: block;
    width: 68%;
    border-bottom: 5px solid #F2BC1B;
    margin: 0 auto;
	}
	.bg-blue .text-faq p{
	    color: #FFF;
	    font-size: 15px;
	    padding: 20px 0px;
	}
/* --------*-------------- */
	.counter-column .inner h1{
		text-align: center;
		color: #172B4E;
		font-size: 30px;
		font-weight: 700;
		padding: 10px 0px;
	}
	.text-val li{
		padding-top: 11px ;
		font-size: 10px;
		font-weight: 900;
	}
	.service-details .counter-column .icon {
		position: absolute;
		left: 25px;
		top: 40px;
	}
	.content-title{
		position: relative;
		width: 100%;
		padding: 120px 0px;
	}
	.page-title .content-title h1 {
		display:none;
	}
	.services-section .title-tp h2{
		position: relative;
		text-align: center;
		color: #172B4E;
		font-size: 30px;
		font-weight: 700;
	}
	.services-section .title-tp::after{
			content: "";
			display: block;
			width: 81%;
			margin-left: 2em;
			border-bottom: 5px solid #F2BC1B;
	}
	.services-section  .pasj-mid{
		display: inline;
	}

	.services-section .icon-psj{
		display: none;
	}
	.services-section .form-psaj{
		display: block;
	}
	.services-section .microbus{
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
	}
	.services-section .title-rutas h2{
		text-align: center;
		color: #172B4E;
	}
	.services-section .title-rutas::after{
		display: none;
	}
	.tituloservicios{
		display: block;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
	}
	.bg-serv-ag{
		background-color:#F1BC20;
		position: relative;
		text-align: center;
		padding: 0px 0px 10px 0px;
	}
	.bg-serv-ag .bus3{
		margin-top: 3em;
		margin-left: -40px;
		position: relative;
		transform: scale(5.3);
		-webkit-transform: scale(5.3);
		-moz-transform: scale(5.3);
		-ms-transform: scale(5.3);
		-o-transform: scale(5.3);
	}
	.cont-midle{
		position: relative;
		display: flex;
		text-align: justify;
	}
	.cont-midle h1{
	position: relative;
	color: #000;
	font-size: 30px;
	font-weight: 900;
	margin-top: 0em;
	margin-bottom: 20px;
	}
	.cont-midle span{
		font-size: 12px;
		font-weight: 0;
		color: #000;
		line-height: -1;
		font-family: sans-serif;
	}
	.services-section ul li{
		position: relative;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		padding: 20px 0px;
	}
	.services-section ul li >h1{
		background-color: #012547;
		color: #fff;
		text-align: left;
		padding: 5px 24px;
		border-radius: 35px;
		font-size: 34px;
		margin-bottom: 7px;
	}
	.services-section ul li >span{
		padding: 0 23px 0 21px;
		font-size: 20px;
	}
	.viaje-section .title-viaje h1{
		font-weight: 800 !important;
		color: #172B4E;
		font-family: sans-serif;
		text-align: center;
		padding: 25px 0 0 0;
	}
	.viaje-section .title-viaje::after{
		content: "";
		display: block;
		width: 100%;
		border-bottom: 5px solid #F2BC1B;
	}
	.page-title{
		position: relative;
		padding: 60px 0px;

	}
	.page-title .title-carg h1{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-end;
		color: #fff;
		padding: 0px 0px;
		font-family: "Quattrocento Sans", sans-serif;
		font-weight: 600;
		font-size: 20px;
		text-align: right;
		width: 50%;
		line-height: 1.5;
		float: right;

	}
	.page-title .title-carg h1>u{
		text-decoration-color: red;
		-moz-text-decoration-color: red;
	}
	.two-section{
		position: relative;
		padding: 40px 0px;
	}
	.two-section .carga-midle h1{
		font-size: 20px;
		font-weight: 800 !important;
		color: #fff;
		font-family: sans-serif;
		text-align: center;
		line-height: 1.1;
	}
	.two-section .carga-midle h1::after{
		content: "";
		display: block;
		width: 90%;
		border-bottom: 5px solid #F2BC1B;
		padding-top: 8px;
		margin: 0 auto;
	}
	.two-section .carga-midle p{
		color: #fff;
		font-size: 14px;
		text-align: justify;
		padding: 20px 0px;
	}
	.box-section{
		position: relative;
		padding: 100px 0px;
	}
	.box-section .title-box{
		position: relative;
		padding: 20px 0px;
	}
	.box-section .title-box h1{
		font-size: 42px;
		font-weight: 800 !important;
		color: #172B4E;
		font-family: sans-serif;
		text-align: center;
		padding: 25px 0 0 0;
	}
	.box-section .title-box h1::after{
		display: none;
	}
	.box-section .box-carga{
		position: relative;
		background-color: #F2BC1C;
		border-radius: 31px;
		padding: 20px 10px;
		text-align: center;
		margin-bottom: 1em;
	}
	.box-section .box-carga h1{
		font-size: 34px;
		line-height: 60px;
		font-weight: 800;
		font-family: sans-serif;
		color: #182A4D;
	}
	.box-section p{
		background-color: #e4e4e4;
		border-radius: 12px;
		text-align: justify;
		padding: 20px 20px;
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
	}
	.servcarg-section .serv-content aside{
		display: none;
	}
	.bg-serv-ag .cont-midle .car{
		margin-top: 4.5em;
		margin-right: 2em;
		transform: scale(10.7);
		-webkit-transform: scale(10.7);
		-moz-transform: scale(10.7);
		-ms-transform: scale(10.7);
		-o-transform: scale(10.7);
	}
		
	/* ------Servicio especial----------------- */
	.page-title-sesp{
		position: relative;
		background-image: url(../images/background/bannerSesp.jpg);
		background-size: cover;
		padding: 100px 0px;
		width: 100%;
	}
	.page-title-sesp .title-Sesp h1{
		position: relative;
		display: block;
		font-size: 20px;
		color: #fff;
		font-weight: 700;
		transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		-webkit-animation: text-flicker-in-glow 2s linear both;
		animation: text-flicker-in-glow 2s linear both;
	}
	.page-title-sesp .title-Sesp h2{
		position: relative;
		display: block;
		font-size: 20px;
		color: #fff;
		font-weight: 700;
		transform: translateY(-80px);
		-webkit-transform: translateY(-80px);
		-moz-transform: translateY(-80px);
		-ms-transform: translateY(-80px);
		-o-transform: translateY(-80px);
		-webkit-animation: text-flicker-in-glow 3s linear both;
		animation: text-flicker-in-glow 3s linear both;
	}
	.two-section .sesp-midle h1{
		font-size: 15px;
		font-weight: 800 !important;
		color: #fff;
		font-family: sans-serif;
		text-align: center;
		line-height: 1.1;
	}
	.two-section .sesp-midle h1::after{
		content: "";
		display: block;
		width: 80%;
		border-bottom: 5px solid #F2BC1B;
		padding-top: 8px;
		margin: 0 auto;
	}
	.two-section .sesp-midle p{
		color: #fff;
		font-size: 15px;
		text-align: justify;
		line-height: 1.5;
		padding: 20px 0px;
	}
	.sespecial-section .title-sesp h1{
		color: #172B4E;
		font-size: 20px;
		font-weight: 800 !important;
		color: #172B4E;
		font-family: sans-serif;
		text-align: left;
		padding: 60px 0 0 0;
	}
	.sespecial-section .title-sesp::after{
		content: "";
		display: block;
		width: 20%;
		border-bottom: 5px solid #F2BC1B;
	}
	.sespecial-section .tipotrans{
		display: inline-flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		align-content: center;
		padding: 20px 0px;
	}
	.sespecial-section .tipotrans .box-esp{
		position: relative;
		display: inline-block;
		width: 70%;
		background-color: #F2BC1C;
		border-radius: 31px;
		padding: 11px 19px;
		text-align: center;
		height: 210px;
		margin-bottom: 1em;
	}
	.sespecial-section .tipotrans .box-esp h5{
		font-family: 'Poppins', sans-serif;
		font-weight: 600;
		color: #172B4E;
		padding: 5px 0px;
	}
	.vesp-section .title-vesp h1{
		color: #172B4E;
		font-size: 22px;
		font-weight: 800 !important;
		color: #172B4E;
		font-family: sans-serif;
		text-align: left;
		padding: 60px 0 0 0;
	}
	.vesp-section .title-vesp h1::after{
		content: "";
		display: block;
		width: 90%;
		border-bottom: 5px solid #F2BC1B;
	}
	.vesp-section .vesp{
		display: inline-flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 20px 0px;
		margin-right: 1em;
	}
	.vesp-section .vesp img{
		padding: 20px 0px;
		margin-left: 1em;
		width: 92%;
	}
	/* ----- Transporte de liquidos----------------- */
	.page-title-TL{
		position: relative;
		width: 100%;
		padding: 100px 0px;
		background-image: url(../images/background/bannerTL.jpg);
		background-size: cover;
		background-repeat:no-repeat;
	}
	.page-title-TL .title-TL h1{
		position: relative;
		display: block;
		font-size: 30px;
		line-height: 30px;
		color: #fff;
		text-align: left;
		font-weight: 700;
		transform: translateY(-80px);
		-webkit-transform: translateY(-80px);
		-moz-transform: translateY(-80px);
		-ms-transform: translateY(-80px);
		-o-transform: translateY(-80px);
		-webkit-animation: text-flicker-in-glow 2s linear both;
		animation: text-flicker-in-glow 2s linear both;
	}
	.two-section .TL-midle h1{
		font-size: 25px;
		font-weight: 800 !important;
		color: #fff;
		font-family: sans-serif;
		text-align: center;
		line-height: 1.1;
	}
	.two-section .TL-midle h1::after{
		content: "";
		display: block;
		width: 52%;
		border-bottom: 5px solid #F2BC1B;
		padding-top: 8px;
		margin: 0 auto;
	}
	.two-section .TL-midle p{
		color: #fff;
		font-size: 15px;
		text-align: justify;
		padding: 20px 0px;
	}
	/* ----- Izado de carga----------------- */
	.page-title-izado{
		position: relative;
		width: 100%;
		padding: 100px 0px;
		background-image: url(../images/background/bannerizado.jpg);
		background-size: cover;
		background-repeat:no-repeat;
	}
	.page-title-izado .title-izado h1{
		position: relative;
		font-size: 20px;
		line-height: 25px;
		color: #fff;
		font-weight: 700;
		transform: translateY(30px);
		-webkit-transform: translateY(30px);
		-moz-transform: translateY(30px);
		-ms-transform: translateY(30px);
		-o-transform: translateY(30px);
		-webkit-animation: text-flicker-in-glow 2s linear both;
		animation: text-flicker-in-glow 2s linear both;
	}
	.page-title-izado .title-izado h2{
		position: relative;
		font-size: 20px;
		line-height: 25px;
		color: #fff;
		font-weight: 700;
		transform: translateY(30px);
		-webkit-transform: translateY(30px);
		-moz-transform: translateY(30px);
		-ms-transform: translateY(30px);
		-o-transform: translateY(30px);
		-webkit-animation: text-flicker-in-glow 2s linear both;
		animation: text-flicker-in-glow 2s linear both;
	}
	.two-section .izado-midle p{
		color: #fff;
		font-size: 15px;
		text-align: justify;
		padding: 20px 0px;
	}
	.vesp-section .vizado, .vizado2 img{
		position: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 20px 0px 0px 15px;
	}
	.vesp-section .vizado2 img{
		position: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 99%;
		padding: 0px 2px 20px 0px;
	}
		
	/* ----- Camiones de vacío----------------- */
	.page-title-cv{
		position: relative;
		width: 100%;
		padding: 100px 0px;
		background-image: url(../images/background/ban-car6.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.page-title-cv .title-cv h1{
		position: relative;
		font-size: 20px;
		line-height: 25px;
		color: #fff;
		text-align: right;
		font-weight: 700;
		transform: translateY(100px);
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-o-transform: translateY(100px);
		-webkit-animation: text-flicker-in-glow 2s linear both;
		animation: text-flicker-in-glow 2s linear both;
	}
	.two-section .cv-midle h1{
		font-size: 20px;
		font-weight: 800 !important;
		color: #fff;
		font-family: sans-serif;
		text-align: center;
		line-height: 1.1;
	}
	.two-section .cv-midle h1::after{
		content: "";
		display: block;
		width: 75%;
		border-bottom: 5px solid #F2BC1B;
		padding-top: 8px;
		margin: 0 auto;
	}
	.two-section .cv-midle p{
		color: #fff;
		font-size: 15px;
		text-align: justify;
		padding: 20px 0px;
	}
	.vesp-section .car{
		padding: 20px 0px;
	}
	.vesp-section .car img{
		width: 99%;
	}
	.vesp-section .cars{
		display: inline-flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 0px 3px 20px 0px;
	}
	.vesp-section .cars img{
		width: 98%;
	}
	/* aca */
	/* ----- Materiales pétreos----------------- */
	.page-title-mp{
		padding: 100px 0px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.page-title-mp .title-mp h1{
		position: relative;
		font-size: 20px;
		line-height: 25px;
		transform: translateY(-90px);
		-webkit-transform: translateY(-90px);
		-moz-transform: translateY(-90px);
		-ms-transform: translateY(-90px);
		-o-transform: translateY(-90px);
		-webkit-animation: text-flicker-in-glow 2s linear both;
		animation: text-flicker-in-glow 2s linear both;
	}
	/* ----- Transporte cortes----------------- */
	.page-title-cp{
		padding: 100px 0px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.page-title-cp .title-cp h1{
		font-size: 20px;
		line-height: 25px;
		transform: translateY(80px);
		-webkit-transform: translateY(80px);
		-moz-transform: translateY(80px);
		-ms-transform: translateY(80px);
		-o-transform: translateY(80px);
		-webkit-animation: text-flicker-in-glow 2s linear both;
		animation: text-flicker-in-glow 2s linear both;
	}
	.vesp-section .car-cp{
		padding: 10px 0px 0px 0px;
	}
	.vesp-section .car-cp img{
		width: 99%;
	}
	.vesp-section .cars-cp{
		display: inline-flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 10px 2px 20px 0px;
	}
	.vesp-section .cars-cp img{
		width: 98%;
	}
	/* ----- centro diagnostico y mantenimiento----------------- */
	.page-title-cdm{
		padding: 100px 0px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.page-title-cdm .title-cdm h1{
		font-size: 20px;
		line-height: 25px;
		color: #fff;
		font-weight: 700;
		transform: translateY(40px);
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		-webkit-animation: text-flicker-in-glow 2s linear both;
		animation: text-flicker-in-glow 2s linear both;
	}
	.two-section .cdm-midle h1{
		font-size: 18px;
		font-weight: 800 !important;
		color: #fff;
		font-family: sans-serif;
		text-align: center;
		line-height: 1.1;
	}
	.two-section .cdm-midle h1::after{
		content: "";
		display: block;
		width: 52%;
		border-bottom: 5px solid #F2BC1B;
		padding-top: 8px;
		margin: 0 auto;
	}
	.two-section .cdm-midle{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.two-section .cdm-midle p{
		color: #fff;
		font-size: 15px;
		text-align: justify;
		padding: 20px 0px 0px 0px;
		width: 80%;
	}
	.cdm-section .title-cdma h1{
		color: #172B4E;
		font-size: 22px;
		font-weight: 800 !important;
		color: #172B4E;
		font-family: sans-serif;
		text-align: left;
		padding: 60px 0 0 0;
	}
	.cdm-section .title-cdma::after{
		content: "";
		display: block;
		width: 43%;
		border-bottom: 5px solid #F2BC1B;
	}
	.cdm-section  .tiposerv{
		display: inline-flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		align-content: center;
		padding: 20px 0px;
	}
	.cdm-section .tiposerv .box-cdm img{
		width: 60%;
		height: 60%;
	}
	.cdm-section .tiposerv .box-cdm{
		position: relative;
		display: inline-block;
		width: 80%;
		background-color: #F2BC1C;
		border-radius: 31px;
		padding: 11px 19px;
		text-align: center;
		margin-bottom: 1em;
	}
	.cdm-section  .tiposerv .box-cdm h5{
		font-family: 'Poppins', sans-serif;
		font-weight: 600;
		color: #172B4E;
		padding: 5px 0px;
	}
	.cdm-section p{
		font-size: 17px;
		padding: 20px 0px;
	}
	.vcdm-section .title-vcdm h1{
		color: #172B4E;
		font-size: 22px;
		font-weight: 800 !important;
		color: #172B4E;
		font-family: sans-serif;
		text-align: left;
		padding: 60px 0 0 0;
	}
	.vcdm-section .title-vcdm h1::after{
		content: "";
		display: block;
		width: 34%;
		border-bottom: 5px solid #F2BC1B;
	}
	.vcdm-section .car-cdm{
		padding: 20px 0px 0px 15px;
	}
	.vcdm-section .car-cdm img{
		width: 98%;
	}
	.vcdm-section .cars-cdm{
		display: inline-flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 10px 0px 10px 0px;
	}
	.vcdm-section .cars-cdm img{
		width: 98%;
	}
	/* ----------Dian-------- */
	.page-title2 .title-dian h1::after{
		content: "";
		display: block;
		width: 50%;
		border-bottom: 5px solid #F2BC1B;
		margin: 0 auto;
	}
	.getaquote-section .sec-title h2{
		color: #000;
	}
	.accordion-box .block .acc-btn {
		position: relative;
		font-size: 15px;
		padding: 10px 80px 10px 20px;
	}
	/* ----------pasajes-------- */
	.page-viaje{
		position: relative;
		padding: 80px 0px;
	}
	.page-viaje .title-viaje h1{
		position: relative;
		display: block;
		font-size: 25px;
		line-height: 25px;
		color: #fff;
		font-weight: 700;
		text-align: center;
	}
	.page-viaje .title-viaje h1::after{
		content: "";
		display: block;
		width: 85%;
		border-bottom: 5px solid #F2BC1B;
		margin: 0 auto;
	}
	.page-viaje .title-viaje p{
		color: #FFF;
		font-size: 12px;
		text-align: justify;
		line-height: 1.5;
		padding: 20px 10px;
	}
	.getaquote-section .for-pago {
		display: inline-flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		align-content: center;
	}
	.getaquote-section .for-pago h3 {
		font-size: 18px;
		font-weight: 700;
	}
	.getaquote-section .for-pago span {
		color: #172B4E;
		font-size: 15px;
	}
	.getaquote-section .img-pagos img{
		width: 15%;
	}
	/* ----------view contacto-------- */
	.page-contac{
		position: relative;
		padding: 80px 0px;
	}
	.conten-map{
		position: relative;
		padding: 60px 0px;
	}
	.conten-map .videow{
		width: 90%;
		height: 20em;
	}
	.page-contac .title-contac h1{
		font-size: 20px;
	}
	.page-contac .title-contac p{
		font-size: 15px;
		text-align: justify;
	}
	.page-contac .title-contac h1::after{
		width: 75%;
	}
	.page-contac .content-info{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		padding: 20px 0px;
	}
	.page-contac span{
		display: flex;
		flex-direction: row;
		font-weight: 600;
		font-family:sans-serif;
	}
	.page-contac .icon-info {
		text-align: right;
		width: 50%;
	}
	.page-contac .title-info h1{
		font-size: 20px;
		font-weight: 800 !important;
		color: #172B4E;
		font-family: sans-serif;
		margin-top: 0px;
		line-height: 1.1;
	}
	.page-contac .title-info h1::after{
		width: 65%;
	}
	.page-contac .title-info2 h1{
		font-size: 20px;
	}
	.page-contac .title-info2 h1::after{
		width: 50%;
	}
	.page-contac .title-info3 h1{
		font-size: 20px;
	}
	.page-contac .title-info3 h1::after{
		width: 90%;
	}
	.getaquote-section .form{
		display: flex;
		flex-direction: column;
		padding: 20px 0px;
	}
	.getaquote-section .label {
		position: relative;
		color: #a0a0a0;
		margin-bottom: 5px;
		display: block;
		font-weight: 700;
		font-size: 15px;
		text-transform: uppercase;
	}
	.getaquote-section .auto-container{
		padding: 0px 0px;
	}
	.getaquote-section .getaquote-form{
		padding: 0px 0px;
	}
	.getaquote-section button.btn.dropdown-toggle{
		font-size: 20px;
	}
	/* ----------view solicitud-recoleccion-------- */
	.section-recol{       
		padding: 80px 0px;
	}
	.section-recol img{       
		display: none;
	}
	.section-recol .form{
		display: flex;
		flex-direction: column;
		padding: 20px 0px;
	}
	.section-recol .title-rec h1{
		font-size: 30px;
		text-align: left;
	}
	.section-recol .title-rec h1::after{
		width:90%;
	}
	.section-recol .cont-rec{
		display: flex;
		justify-content: flex-end;
		padding: 0px 150px 0px 300px;
	}
	.getaquote-section .getaquote-form .check{
		display: inline-flex;
	}
	.getaquote-section .getaquote-form .check span{
		position: relative;
		color: #a0a0a0;
		padding: 0px 10px;
		margin-bottom: 0px;
		display: block;
		font-weight: 700;
		font-size: 8px;
		text-transform: uppercase;
	}
	.section-head-recoleccion{
		display: flex;
		flex-direction: column;
	}
	.section-head-recoleccion img{
		display: none;
	}
	.section-body-recoleccion{
		display: flex;
		flex-direction: column;
	}
	.inputx-label-pqr{
		left: 10em !important;
	}
	.img-pqr-consulta{
		display:none;
	}
	.content-pqr-card-body h3{
		font-size: 22px;
	}
	.img-new-pqr{
		display: none;
	}
	.carrusel-consulta-pqr{
		display: none;
	}	
	/* --------Estado de envios---------------- */
	.page-envios{
		padding: 30px 0px;
	}
	.page-envios .title-envios h1{
		font-size: 25px;
	}
	.page-envios .title-envios p{
		font-size: 20px;
		text-align: justify;
		padding: 0px 40px;
	}
	.getaquote-section .left-column .inner-container{
		padding: 0px 10px;
	}
	.getaquote-section .right-column .inner-container{
		margin-top: -2em;
		padding: 0px 10px;
	}
	.rb-container ul.rb li{
		margin-left: 2em;
	}


	.traza-guia h1{
		font-size: 35px;
	}
	.ruta h7{
		font-size: 15px;
	}
	.content-traza-datos-personales li{
		font-size: 12px;
	}
	ul.rb li .item-title{
		font-size: 12px;
	}
	.timestamp{
		font-size: 12px;
	}
	.left-panel {
		z-index: 999;
	}
	.header-upper .navbar-right-info {
		margin-left: 89px;
	}	
	.img-contactenos{
		display: none;
	}
	.content-head-titleForm {
		margin-left: 0em;
		position: relative;
		display: inline-flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.content-head-titleForm img{
		width: 50%;
		height:  60%;
		margin-right: 10px;
	}
	.content-head-titleForm h1 {
		font-size: 20px;
		font-weight: 800 !important;
		color: #172B4E;
		font-family: sans-serif;
		margin-top: 0px;
		line-height: 1.1;
	}
	.content-head-titleForm h1::after {
		content: "";
		display: block;
		width: 80%;
		border-bottom: 5px solid #F2BC1B;
	}
	.tratamiento-de-datos label{
		font-size: 15px;
	}	
	.wrapper-box{
		display: none;
	}
	.img-contactenos{
		display: none;
	}
	.content-head-titleForm {
		margin-left: 0em;
		position: relative;
		display: inline-flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.content-head-titleForm img{
		width: 50%;
		height:  60%;
		margin-right: 10px;
	}
	.content-head-titleForm h1 {
		font-size: 20px;
		font-weight: 800 !important;
		color: #172B4E;
		font-family: sans-serif;
		margin-top: 0px;
		line-height: 1.1;
	}
	.content-head-titleForm h1::after {
		content: "";
		display: block;
		width: 80%;
		border-bottom: 5px solid #F2BC1B;
	}
	.tratamiento-de-datos label{
		font-size: 10px;
	}
	.wrapper-box{
		display: none;
	}
	.page-quote .title-quote h1 {
		font-size: 20px;
		font-weight: 800 !important;
		color: #fff;
		font-family: sans-serif;
		padding: 0px 20px;
		line-height: 1.1;
		text-align: center;
	}
	.section-calc .title-calc h1::after {
		content: "";
		display: block;
		width: 75%;
		border-bottom: 4px solid #F2BC1B;
	}
	.page-quote .title-quote p {
		color: #fff;
		font-size: 15px;
		font-family: "Poppins", sans-serif;
		text-align: justify;
		margin: 0 auto;
		width: 70%;
		padding: 10px 0px;
	}
	.content-calc-img img{
		display: none;
	}
	.section-calc .section-calc-card {
		padding: 0px 0px;
	}
	.content-form-cotizador img{
		display: none;
	}
	.card-cotizador {
		max-height: 0em;
		min-height: 60em; 
	}
	.content-form-cotizador {
		position: relative;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.mercancia label{
		font-size: 10px;
		line-height: 1.2;
		text-align: justify;
	}
	.date-label{
		display: none;
	}
	.custom-buttons {
		display: flex;
		flex-direction: row;
		justify-content:  space-between;
		align-items:  space-between;
		margin-top: 50px;
	}
	.inputx-label2, .inputx-label3 {
		font-size: 0.5rem;
	}
			
}

/* END width: 375px ///////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 375px) {
	.header-top .social-icon li {
		margin-right: 10px;
	}
	.img-new-pqr{
		display: none;
	}
	.carrusel-consulta-pqr{
		display: none;
	}

	 /* ----------------INPUTS CONSULTA PQR------------------- */ 
	.iu-form-pqr{
		border: 1px solid #ced4da;
		border-radius: 0.5rem;
		background: #fff;
		width:18em;
		padding:  0.5em 1em;
		font-family: "Poppins", sans-serif;
		font-size: 0.9rem;
		color: #172B4E;
		transition: border 150ms cubic-bezier(0.4,0,0.2,1);
		-webkit-border-radius: 0.5rem;
		-moz-border-radius: 0.5rem;
		-ms-border-radius: 0.5rem;
		-o-border-radius: 0.5rem;
	}  
	.inputx-label-pqr{
		position: absolute;
		left: 25px !important;
		font-family: "Poppins", sans-serif;
		color: #ced4da;
		font-size: 0.8rem;
		pointer-events: none;
		transform: translateY(0.5rem);
		transition: 150ms cubic-bezier(0.4,0,0.2,1);
		-webkit-transform: translateY(0.5rem);
		-moz-transform: translateY(0.5rem);
		-ms-transform: translateY(0.5rem);
		-o-transform: translateY(0.5rem);
	}   
	.iu-form-pqr:focus ~ .inputx-label-pqr{
		transform: translateY(-50%) scale(1);
		background-color: #fff;
		font-family: "Poppins", sans-serif;
		color: #2196f3;
		-webkit-transform: translateY(-50%) scale(1);
		-moz-transform: translateY(-50%) scale(1);
		-ms-transform: translateY(-50%) scale(1);
		-o-transform: translateY(-50%) scale(1);
	}
	.iu-form-pqr:focus ~ .inputx-label-pqr, input:valid ~ .inputx-label-pqr {
		transform: translateY(-50%) scale(1);
		background-color: #fff;
		color: #28a745;
		-webkit-transform: translateY(-50%) scale(1);
		-moz-transform: translateY(-50%) scale(1);
		-ms-transform: translateY(-50%) scale(1);
		-o-transform: translateY(-50%) scale(1);
	}
	.iu-form-pqr:focus ~ .inputx-label-pqr, textarea:valid ~ .inputx-label-pqr{
		transform: translateY(-50%) scale(1);
		background-color: #fff;
		color: #2196f3;
		-webkit-transform: translateY(-50%) scale(1);
		-moz-transform: translateY(-50%) scale(1);
		-ms-transform: translateY(-50%) scale(1);
		-o-transform: translateY(-50%) scale(1);
	}
	/* -------------------timeline------------------- */
	.chat-timeline-pqr{
		max-height: 30em;
		overflow-y: scroll;
		overflow-x: hidden;
		background: #f2f2f3;
		border-radius: 9px;
		box-shadow: inset 5px 5px 10px #a9a9aa77,
					 inset -5px -5px 10px #ffffff7e;
	   }
	   .timeline__cards{
		max-width: 15em !important;
		width: max-content !important;
		}

		.chat-pqr .float-left{
			font-size: 15px;
		}
		.chat-pqr .float-right{
			font-size: 15px;
		}
		.content-pqr-card-body h3{
			position: relative;
			font-size: 15px;
			color: #172B4E;
			font-weight: 700;
			font-family: "Poppins", sans-serif;
		}
		/* --------Estado de envios---------------- */
		.page-envios{
			padding: 16px 0px;
		}
		.page-envios .title-envios h1{
			font-size: 20px;
		}
		.page-envios .title-envios p{
			font-size: 15px;
			text-align: justify;
			padding: 0px 40px;
		}
		.getaquote-section .left-column .inner-container{
			padding: 0px 10px;
		}
		.getaquote-section .right-column .inner-container{
			margin-top: -2em;
			padding: 0px 10px;
		}
		.rb-container ul.rb li{
			margin-left: 0em;
		}
		.content-traza-datos-personales li{
			font-size: 9px;
		}
		.ruta h7{
			font-size: 9px;
		}
		.traza-guia h1{
			font-size: 20px;
		}
		ul.rb li .item-title{
			font-size: 9px;
		}
		.timestamp{
			font-size: 9px;
		}
		.left-panel {
			z-index: 999;
		}
		.header-upper .navbar-right-info {
			margin-left: 89px;
		}
		/* ////////////// */
		.img-contactenos{
			display: none;
		}
		.content-head-titleForm {
			margin-left: 0em;
			position: relative;
			display: inline-flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
		}
		.content-head-titleForm img{
			width: 50%;
			height:  60%;
			margin-right: 10px;
		}
		.content-head-titleForm h1 {
			font-size: 20px;
			font-weight: 800 !important;
			color: #172B4E;
			font-family: sans-serif;
			margin-top: 0px;
			line-height: 1.1;
		}
		.content-head-titleForm h1::after {
			content: "";
			display: block;
			width: 80%;
			border-bottom: 5px solid #F2BC1B;
		}
		.tratamiento-de-datos label{
			font-size: 10px;
		}
		.wrapper-box{
			display: none;
		}
		.page-quote .title-quote h1 {
			font-size: 20px;
			font-weight: 800 !important;
			color: #fff;
			font-family: sans-serif;
			padding: 0px 20px;
			line-height: 1.1;
			text-align: center;
		}
		.section-calc .title-calc h1::after {
			content: "";
			display: block;
			width: 75%;
			border-bottom: 4px solid #F2BC1B;
		}
		.page-quote .title-quote p {
			color: #fff;
			font-size: 15px;
			font-family: "Poppins", sans-serif;
			text-align: justify;
			margin: 0 auto;
			width: 70%;
			padding: 10px 0px;
		}
		.content-calc-img img{
			display: none;
		}
		.section-calc .section-calc-card {
			padding: 0px 0px;
		}
		.content-form-cotizador img{
			display: none;
		}
		.card-cotizador {
			max-height: 0em;
		    min-height: 60em; 
		}
		.content-form-cotizador {
			position: relative;
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
		}
		.mercancia label{
			font-size: 10px;
			line-height: 1.2;
			text-align: justify;
		}
		.date-label{
			display: none;
		}
		.custom-buttons {
			display: flex;
			flex-direction: row;
			justify-content:  space-between;
			align-items:  space-between;
			margin-top: 50px;
		}
		.inputx-label2, .inputx-label3 {
			font-size: 0.5rem;
		}
}		
/* END width: 375px */