@media (min-width: 1600px){



body{
    font-size: 100%;
}



.container-fluid {
    padding: 0 6.188em;
}

.right-side-mode {
    float: right;
}
.form-style-1 .form-control, .checkbox-btn, .form-style-1 .form-select {
  
    height: 60px;

}

.calender {
    margin-right: 2em;
}


.user-info {
    padding-left: 2em;
}

.custom-grid-row .col-md-8 {
    width: 74%;
}

.custom-grid-row .col-md-4 {
    width: 26%;
}
}



@media (max-width: 1600px){

    
main{
    font-size: 100%;
}




}

@media (min-width: 1024px){
.container-fluid {
    padding: 0 3em;
}
}

@media (max-width: 1440px){




  
.card-style-1 .card-body, .card-style-1 .card-footer {
    padding: 15px 18px;
    background: transparent;
}
}
@media (min-width: 768px){

    .bottom-modal .modal-dialog {
    max-width: 55%;
}

.browserInfoModal .modal-dialog {
    max-width:40%;
}


    .bottom-modal {
     top: calc(100vh - 40vh);

}

    .step-form-page .col-md-4 {
    width: 30%;
}

.step-form-page .col-md-8 {
    width: 69%;
}

}


@media (max-width: 767px){
    header {
    padding: 0 20px;

}
}