@media (max-width:992px) {

    .setmargin_top{

        margin-top: 30px !important;

        max-width: 500px !important;

    }

    .img_Icons2{

        margin-left: 200px !important;

    }

    .smallBoxFont{

        font-size: 12px !important

    }



}

@media (max-width:767px) {

    .boxes{

        max-width: 500px !important;

    }

    

    .img_Icons{

        margin-left: 200px !important;

    }

    .smallBoxmargin2 {

        margin-top: 31px !important;

    }

    /* .form-control{

        font-size: 15px !important;

    }

    select .form-control{

        font-size: 15px !important;

    } */

    .pdbtm{

        padding-bottom: 23px;

    }   

    .isLarge{

        text-align: center

    }

    .smallBoxFont{

        font-size: 12px !important;

    }

}

@media (max-width:500px) {

    .boxes{

        max-width: 300px !important;

    }

    .img_Icons{

        margin-left: 105px !important;

    }

    .img_Icons2{

        margin-left: 105px !important;

    }

    /* .sm_widthFull .d-flex{

        display:  block !important;

       

    } */

    /* .withFourty{

        width: 100% !important;

        margin-top: 10px;

    } */

}

@media (max-width:438px) {

    .form-control{

        font-size: 13px !important;

    }

    select .form-control{

        font-size: 13px !important;

    }

}

@media (max-width:385px) {

    .form-control{

        font-size: 12px !important;

    }

    select .form-control{

        font-size: 12px !important;

    }

    label{

        font-size: 12px !important;

    }

}

@media (max-width:350px) {

    .form-control{

        font-size: 11px !important;

        padding: 0px 0px !important;

    }

    select .form-control{

        font-size: 11px !important;

        padding: 0px 0px !important;

    }

    label{

        font-size: 12px !important;

    }

    .smallBoxFont{

        font-size: 11px !important;

    }

}

@media (max-width:332px) {

    .margin_top_sm{

        margin-top: 15px !important;

    }

}

.mobileScreenDisplayBlock{
    display: none;
}

@media (max-width:1200px) {

    .smallBoxmargin{

       margin-top: 61px !important

    }

}



.img_Icons

{

    margin-top: -20px;margin-left: 105px;position: absolute;

}

.img_Icons2{

    margin-top: -20px;margin-left: 105px;position: absolute;

}

.smallBoxFont

{

    font-size: 18px;

}

.withFourty

{width: 40%;}



.isLarge{

    font-weight: 600;

}



@media (max-width:767px) {

    .mobileScreenDisplayNone{

        display: none;

    }
    
    .mobileScreenDisplayBlock{
        display: none;
    }

    .isLarge{

        font-size: 23px;

    }

    .tablet_marginTop {

        margin-top: 30px !important;

    }

    .mobileMarginTopBottom{

        margin-top: 10px !important;

        margin-bottom: 10px !important;

    }

    .setmargin_top{

        margin-top: 10px !important;

        margin-bottom: 10px !important;

    }

    .label_red div label{

        margin-bottom: 4px !important;
        font-size: 14px !important;
        font-weight: bold !important;

    }

    .lineHeightMobileScreen{

        line-height: 1.2;

    }
    
    /* Mobile grid improvements */
    .mobileScreenDisplayBlock .col-6 {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .mobileScreenDisplayBlock .form-control {
        font-size: 14px !important;
        padding: 8px !important;
        text-align: center;
    }
    
    .mobile-data-display {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    
    .mobile-result-display {
        margin-top: 20px !important;
    }
    
    .result-item small {
        display: block;
        margin-bottom: 5px;
        opacity: 0.8;
    }
    
    /* Auto show data styling */
    #mobileCalculationMethod {
        font-size: 18px !important;
        font-weight: bold !important;
        text-transform: uppercase;
        transition: all 0.3s ease;
    }
    
    .mobile-data-display .data-item {
        transition: all 0.3s ease;
    }
    
    .mobile-data-display .data-item:hover {
        transform: scale(1.02);
    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .tabletDisplayNone {

        display: none;

    }

    .tabletFontSize{

        font-size: 28px !important;

        width: 100%;

        min-width: 200px;

    }

    .tabletMarginBottom{

        margin-bottom: 10px !important;

    }



    .boxes{

        width: 100% !important;

        max-width: 100% !important;

        margin-top: 30px !important;

        margin-bottom: 10px !important;

    }

    .img_Icons{

        margin-top: 0px;

        margin-left: 0px;

        position: absolute;

        left: 50%;

        top: -25px;

        transform: translateX(-25px);

    }

    .img_Icons2{

        margin-top: 0px;

        margin-left: 0px !important;

        position: absolute;

        left: 50%;

        top: -25px;

        transform: translateX(-25px);

    }

}

@media (min-width: 991px) and (max-width: 1024px) {

    .boxes{

        width: 100% !important;

        max-width: 100% !important;

        margin-top: 30px !important;

        margin-bottom: 10px !important;

    }

    .img_Icons{

        margin-top: 0px;

        margin-left: 0px;

        position: absolute;

        left: 50%;

        top: -25px;

        transform: translateX(-25px);

    }

    .img_Icons2{

        margin-top: 0px;

        margin-left: 0px !important;

        position: absolute;

        left: 50%;

        top: -25px;

        transform: translateX(-25px);

    }

    .smallBoxFont{

        font-size: 17px;   

    }

}


/* Sticky orange bar */
.head-bg{
  position: sticky !important;
  top: 0;
  z-index: 1040;                 /* above dropdowns & content */
  background-color: white;
}

/* Visual cue when stuck (optional) */
.head-bg.is-sticky{
  box-shadow: 0 2px 6px rgba(0,0,0,.1);
}

/* Ensure container doesn't block sticky */
header, .head-bottom, .head-bg, .container {
  overflow: visible !important;
}