/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
.modal-body{max-height: calc(520px - 3.5rem);overflow-y: auto;}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    #cover-area h1{font-size: 2rem;}
    #cover-area p{font-size: 15px;}
    #menu-area .navbar .navbar-brand{padding: 10px 0;}
    #menu-area .navbar-brand img{width: 180px;}
    #menu-area.sticky .navigation-wrap .nav-link{padding: 8px 0 !important;}
    #cover-area{height: 450px;}
    #stamp-area ul{overflow-y: scroll;}
    #stamp-area ul li img{height: 40px;}
    #stamp-area ul li{min-width: 60px;}
    .heading h1{font-size: 2rem;}
    #menu-area .navbar-collapse{background-color: var(--white);}
    #menu-area .navigation-wrap .nav-link{padding: 8px 0 !important;color: var(--black);}
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .container{padding:0 16px;}
    .scroll{right: 5px;bottom: 5px;height: 40px;width: 40px;}
    #inner-area-banner .inner-banner h4{font-size: 2rem;}
    .breadcrumb li{font-size: 1rem;}
    #quick-guide .img-area{height: calc(100% - 20px);}
    #quick-guide .form-area{padding: 30px 15px;}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    #cover-area h1{font-size: 1.5rem;}
    #cover-area p{font-size: 14px;}
    .heading h1{font-size: 1.5rem;}
    .side-heading h2{font-size: 1.4rem;}
}