/* Before SM */
@media (max-width: 575px) {
	h1 {
		font-size: 1.5em !important;
	}
    .container {
		max-width: 540px !important;
	}
	
	.position-sm-absolute {
		position: absolute !important;
	}
	
	.position-sm-relative {
		position: relative !important;
	}
	
	.w-sm-25 {
		width: 25% !important;
	}
	
	.w-sm-50 {
		width: 50% !important;
	}
	
	.w-sm-75 {
		width: 75% !important;
	}
	
	.w-sm-100 {
		width: 100% !important;
	}
	
	.w-sm-auto {
		width: auto !important;
	}
	
	.no-sm-wrap {
		white-space: nowrap;
	}
	.form-control-comment {
		margin-left: 5% !important;
	}
}


/* MD */
@media (max-width: 768px) {
	.container {
		max-width: 720px !important;
	}
	.pl-0-mobile{
		padding-left: 0px;
	}
	
	.mobile-max-width-250 {
		max-width: 250px;
	}
	.mobile-margin-0 {
		margin: 0;
	}
	.mobile-padding-0{
	padding: 0;
	}
	.mobile-mx-auto{
		margin: 0 auto !important;
	}
	.position-md-absolute {
		position: absolute !important;
	}
	
	.position-md-relative {
		position: relative !important;
	}
	
	.w-md-25 {
		width: 25% !important;
	}
	
	.w-md-50 {
		width: 50% !important;
	}
	
	.w-md-75 {
		width: 75% !important;
	}
	
	.w-md-100 {
		width: 100% !important;
	}
	
	.w-md-auto {
		width: auto !important;
	}
	
	.no-md-wrap {
		white-space: nowrap;
	}

    .custom-card {
        padding: 1.5rem;
        flex-direction: column;
    }
    .custom-card img {
            width: 70px;
            height: 70px;
    }
    .custom-btn-exchange{
        margin: 0 auto;
    }
    
    .link-history{
        padding-right: 0px ;
        text-align: center;
    } 
    
    .md-mx-auto{
        margin: 0 auto;
    }
    
    .text-align-status{
        text-align: center;
    }
    
    
    #body-content {
        font-size: 17px;
    }


    .card-address{
        display: flex;
        flex-direction: column;
        gap: 2em;
    }
    
    .container-address{
        width: 100%;
    }
    
    .container-choice-carrier{
        width: 100%;
    }
    
    .container-choice-postcode{
        display: flex;
        flex-direction: column;
        gap: 2em;
    }

		.container-choice-postcode .form-control{
			flex: 0 0 100% !important;
			max-width: 100% !important
		}
		.container-choice-postcode button{
			flex: 0 0 100% !important;
			max-width: 100% !important
		}
    
    .mobile-size{
        font-size: 0.75em;
    }
    
    .container-btn-procedure {
        display: flex;
        justify-content: center;
    }
    

}


@media (max-width: 750px) {
	.h-content {
		height:auto;
	}
	.mini-screen {
		flex-direction: row;
	}
}

@media screen and (min-width: 770px) {
	.margin-top-responsive {
			margin-top: -10px; 
	}
	
	.h-size{
			height: 75%;
	}
	.d-flex-responsive{
		display: flex;
		flex-direction: row;
	}
	.center-md{
		text-align: left;
	}

    .size-description{
        min-height: 50px;
        height: auto;
    }
    .custom-padding {
        padding-right: 32px; /* 24 * 0.25rem = 6rem */
    }

}