@media screen and (min-width:1488px) and (max-width:1536px){
.panel-heading{
font-size:1.3rem !important;
}
.nav>.active{
font-size:1.3rem !important;
}
.Custom>.btn{
font-size:16px !important;
}
.Custom>.inputs{
height: 35px !important;
}
#GoButtonID, #deliveryIDID{
height: 5rem !important;
}
.Custom1>.panel-heading,
.Custom>.panel-body{
padding:10px 7px !important;
}
.Custom1>.inputs{
height:45px !important;
}
}



@media screen and (min-width:1537px) and (max-width:1680px){
.panel-heading{
font-size:1.5rem !important;
}
.nav>.active{
font-size:1.5rem !important;
}
.Custom>.btn,
#getRatesId,
#validateAddressId{
font-size:18px !important;
}
#shipToToggleBtnId{
font-size:13px !important;
}
.Custom>.inputs{
height: 40px !important;
font-size: initial !important;
}
#GoButtonID, #deliveryIDID{
height: 6rem !important;
font-size : 15px !important;
}
#GoButtonID{
width : 6rem !important;
}
#deliveryTypeId,
#checkFulfillmentId,
#chkSatShipment123,
#chkWorldEase123,
#chkResidentialAddr{
width :15px !important;
height:15px !important;
}
label[for="chkResidentialAddr"],
label[for="deliveryType"],
label[for="checkFulfillment"],
label[for="chkSatShipment"],
label[for="invOrgIdForMultiInv"],
#shipToAddressReadOnlyId{
font-size : medium !important;
}
.Custom1>.panel-heading,
.Custom>.panel-body{
padding:10px 7px !important;
}
.Custom1>.inputs{
height:45px !important;
font-size:initial !important;
}
.Custom2{
height:30px !important;
font-size:initial !important;
}
.inputs_A{
height : 30px !important;
min-inline-size: -webkit-fill-available !important;
font-size:initial !important;
}
.Custom>.table-responsive{
min-height: 110px !important; 
max-height: 147px !important;
}
.float-label{
font-size: 100% !important;
}
.Custom3{
min-height: 98px !important; 
max-height: 130px !important;
}
.circle-container>.circle{
width : 35px !important;
height: 35px !important;
}
#PhoneNumberText,
#ContactNameText,
#RefOneText,
#RefTwoText,
#deptText,
#collectionInstructionsID,
#deliveryInstructionsID,
#EmailNotificationText,
#FreightDetailsModalId{
font-size: initial !important;
}
.Custom4{
width : 50% !important;
}
}
 
 
 
 
@media screen and (min-width:1681px) and (max-width:1920px){
.panel-heading{
font-size:1.8rem !important;
}
.nav>.active{
font-size:1.8rem !important;
}
.Custom>.btn,
#getRatesId,
#validateAddressId{
font-size:23px !important;
}
#shipToToggleBtnId{
font-size:17px !important;
}
.Custom>.inputs{
height: 50px !important;
font-size: medium !important;
}
#GoButtonID, #deliveryIDID{
height: 7rem !important;
font-size : 17px !important;
}
#GoButtonID{
width : 8rem !important;
}
#deliveryTypeId,
#checkFulfillmentId,
#chkSatShipment123,
#chkWorldEase123,
#chkResidentialAddr{
width :17px !important;
height:17px !important;
}
label[for="chkResidentialAddr"],
label[for="deliveryType"],
label[for="checkFulfillment"],
label[for="chkSatShipment"],
label[for="invOrgIdForMultiInv"],
#shipToAddressReadOnlyId{
font-size : medium !important;
}
.Custom1>.panel-heading,
.Custom>.panel-body{
padding:10px 7px !important;
}
.Custom1>.inputs{
height:55px !important;
font-size: medium !important;
}
.Custom2{
height:35px !important;
font-size:medium !important;
}
.inputs_A{
height : 35px !important;
min-inline-size: -webkit-fill-available !important;
font-size:medium !important;
}
.Custom>.table-responsive{
min-height: 123px !important; 
max-height: 163px !important;
}
.float-label{
font-size: 105% !important;
}
.Custom3{
min-height: 110px !important; 
max-height: 146px !important;
}
.circle-container>.circle{
width : 50px !important;
height: 50px !important;
}
#PhoneNumberText,
#ContactNameText,
#RefOneText,
#RefTwoText,
#deptText,
#collectionInstructionsID,
#deliveryInstructionsID,
#EmailNotificationText,
#FreightDetailsModalId
{
font-size: medium !important;
}
.Custom4{
width : 55% !important;
}
}
 
 
 
@media screen and (min-width:1921px) and (max-width:2560px){

.panel-heading{
font-size:2rem !important;
}
.nav>.active{
font-size:2rem !important;
}
.Custom>.btn,
#getRatesId,
#validateAddressId{
font-size:25px !important;
}
#shipToToggleBtnId{
font-size:20px !important;
}
.Custom>.inputs{
height: 50px !important;
font-size: x-large !important;
}
#GoButtonID, #deliveryIDID{
height: 7rem !important;
font-size : 20px !important;
}
#GoButtonID{
width : 8rem !important;
}
#deliveryTypeId,
#checkFulfillmentId,
#chkSatShipment123,
#chkWorldEase123,
#chkResidentialAddr{
width :20px !important;
height:20px !important;
}
label[for="chkResidentialAddr"],
label[for="deliveryType"],
label[for="checkFulfillment"],
label[for="chkSatShipment"],
label[for="invOrgIdForMultiInv"],
#shipToAddressReadOnlyId{
font-size : large !important;
}
.Custom1>.panel-heading,
.Custom>.panel-body{
padding:10px 7px !important;
}
.Custom1>.inputs{
height:55px !important;
font-size: x-large !important;
}
.Custom2{
height:35px !important;
font-size:medium !important;
}
.inputs_A{
height : 35px !important;
min-inline-size: -webkit-fill-available !important;
font-size:medium !important;
}
.Custom>.table-responsive{
min-height: 123px !important; 
max-height: 163px !important;
}
.float-label{
font-size: 110% !important;
}
.Custom3{
min-height: 110px !important; 
max-height: 146px !important;
}
.circle-container>.circle{
width : 75px !important;
height: 75px !important;
}
#PhoneNumberText,
#ContactNameText,
#RefOneText,
#RefTwoText,
#deptText,
#collectionInstructionsID,
#deliveryInstructionsID,
#EmailNotificationText,
#FreightDetailsModalId
{
font-size: x-large !important;
}
.Custom4{
width : 60% !important;
}
}