/******  MOBILES ONLY ******/
@media (max-width: 767px) {
body {padding-top: 95.5px;}
header .nav-link {padding:.5rem}
header .nav-link img {display:block;margin: 0 auto 0.5rem;height:26px;}
.ms-parent {margin-top:.5rem;}
.search-input input {border-top-right-radius: 2.5rem !important;border-bottom-right-radius: 2.5rem !important;margin-bottom: 1rem;}
.search-input .btn {border-top-left-radius: 2.5rem !important;border-bottom-left-radius: 2.5rem !important;}
.result-collecte .radio-group {top:30px}
#confirmation-benne .btn {width:100%}
#parc_benne_paginate {font-size: .625rem;}
.circle-badge.active {display:none}
.logo-w {width:42px;}
.planning label {margin-bottom:.25rem;margin-top:.75rem;}
.planning .ms-parent {margin-top:0}
.conditions-collecte {max-height: 47vh;}
.navbar-brand img {height: 49px;}
table.quick_search_tab {width: 90%;margin: -17px auto 15px !important;}
}
@media (max-width: 320px) {
body {font-size:14px;}
body {padding-top: 85.5px;}
}
@media (max-width: 768px) and (orientation: landscape) {
	
}

/******  MOBILES & TABLETTES PORTRAIT ******/
@media only screen (max-width:768px), (max-width:1024px) and (orientation: portrait) {
	.font-xs-8 {font-size:.5rem}
	.font-xs-9 {font-size:.5625rem}
	.font-xs-10 {font-size:.625rem}
	.font-xs-11 {font-size:.6875rem}
	.font-xs-12 {font-size:.75rem}
	.font-xs-13 {font-size:.8125rem}
	.font-xs-14 {font-size:.875rem}
	.font-xs-15 {font-size:.9375rem}
	.font-xs-16 {font-size:1rem}
	.font-xs-17 {font-size:1.063rem}
	.font-xs-18 {font-size:1.125rem}
	.font-xs-19 {font-size:1.1875rem}
	.font-xs-20 {font-size:1.25rem}
	.font-xs-21 {font-size:1.3125rem}
	.font-xs-22 {font-size:1.375rem}
	.font-xs-23 {font-size:1.438rem}
	.font-xs-24 {font-size:1.5rem}
	.font-xs-25 {font-size:1.563rem}


}

/******  TABLETTES ONLY******/
@media(min-width:768px) and (max-width:1024px) {
	.planning .label {display:block}
}

@media(min-width:768px) and (max-width:1024px) and (orientation:landscape) {
	.font-sm-8 {font-size:.5rem}
	.font-sm-9 {font-size:.5625rem}
	.font-sm-10 {font-size:.625rem}
	.font-sm-11 {font-size:.6875rem}
	.font-sm-12 {font-size:.75rem}
	.font-sm-13 {font-size:.8125rem}
	.font-sm-14 {font-size:.875rem}
	.font-sm-15 {font-size:.9375rem}
	.font-sm-16 {font-size:1rem}
	.font-sm-17 {font-size:1.063rem}
	.font-sm-18 {font-size:1.125rem}
	.font-sm-19 {font-size:1.1875rem}
	.font-sm-20 {font-size:1.25rem}
	.font-sm-21 {font-size:1.3125rem}
	.font-sm-22 {font-size:1.375rem}
	.font-sm-23 {font-size:1.438rem}
	.font-sm-24 {font-size:1.5rem}
	.font-sm-25 {font-size:1.563rem}

}

@media(min-width:768px) and (max-width:1024px) and (orientation:portrait) {
.bkg {background-size: auto 70%;}
.circle-badge {width: 210px;height: 210px;padding: 1.3rem 1rem 1rem;}
.actions-collecte .btn {width:32%;line-height: .3rem;padding-bottom: 17px;}
.type-collecte .btn {width: 200px;margin: 0.5rem 1rem;}
}
@media (min-width:768px) {
.liste-collecte tr th, .liste-collecte tr td {padding-left:.5rem;padding-right:.5rem;}
}
@media (min-width:1024px) {

}