@media only screen and (max-width: 1280px){
    .carousel-caption{
        padding: 30px;
    }
    .carousel-caption h3{
        font-size: 30px;
        line-height: 35px;
    }
    .carousel-caption h2{
        font-size: 40px;
        line-height: 50px;
    }
    .carousel-caption h1 {
        font-size: 50px;
        line-height: 60px;
    }
    h1{
        font-size: 65px;
        line-height: 70px;
    }

}
/* end max-width 1280px */
/* start  max-width 1024px */
@media only screen and (max-width: 1024px){
    .homeslider-section, .page-banner{
        margin-top: 100px;
    }

}
/* end  max-width 1024px */
/* start  max-width 600 */
@media only screen and (max-width: 600px){
    .homeslider-section:after {
        height: 50px;
    }
    .is-next, .is-prev{
        width: 30px;
        height: 30px;
    }
    .f-button svg {
        width: 20px;
        height: 20px;
    }
    .homeslider-section, #homebanner-carousel, .page-banner {
        height: auto;
    }
    #homeslider .carousel-items img, .page-banner-pic img{
        object-fit: cover;
    }
    #homeslider .carousel-caption, .text-shadow {
        padding: 20px;
    }
    .page-banner-heading .col-sm-12 {
        padding: 13px 26px;
    }
    .carousel-caption h1{
        font-size: 24px;
        line-height: 30px;
    }
    .carousel-caption h2{
        font-size: 20px;
        line-height: 22px;
    }
    .carousel-caption h3{
        font-size: 16px;
        line-height: 16px;
    }
    .download-apk {
        background-size: auto;
        background-position: left;
        height: 100%;
        padding: 50px 30px;
        margin-top: 50px;
    }
    #announcements h2{
        font-size: 32px;
        padding-bottom: 50px;
    }
    #promo_events .f-carousel {
        --f-carousel-slide-width: 100%;
    }
    .newsletter-form .input-group .btn-gradient {
        font-size: 12px;
    }
    #download-apk{
        padding-bottom: 50px;
    }
    #promo_events h2, .featured-news-section h2{
        font-size: 32px;
        line-height: 50px;
    }
    #promo_events h6, .featured-news-section h3{
        font-size: 22px;
        line-height: 30px;
    }
    #promo_events {
        padding: 50px 0;
    }
    .news-item-inner-wrap {
        padding: 0;
    }
    .news-item-inner-wrap .news-meta p,
    .news-articles-publishdate p {
        font-size: 14px;
    }
    .news-item-inner-wrap .news-meta p img,
    .news-articles-publishdate img {
        width: 25px;
        height: auto;
    }
    .news-title h4 {
        font-size: 20px;
        line-height: 34px;
    }
    .newsletter-form .input-group{
        padding: 12px 15px;
    }
    .newsletter-form .input-group .form-control {
        font-size: 14px;
    }
    .newsletter-form .input-group .btn-gradient {
        max-width: 122px;
    }
    .page-banner-heading h1{
        font-size: 25px;
        margin-bottom: 10px;
    }
    .page-banner-heading h3 {
        font-size: .5em;
        line-height: normal;
    }
    .page-banner-heading {
        top: 50%;
        -ms-transform: translateY(-50%);
        bottom: initial;
        transform: translateY(-50%);
        height: auto;
        min-height: auto;
    }
    .promo_events-list-section h2, 
    .promo_events-detail-section h2,
    .news-list-heading h2,
    .about-content h2,
    .booking-facility-type h2,
    .guest-invitation-form h2,
    .guest-list h2,
    .working-permit-form h2,
    .working-permit-list h2,
    .ipl-maintenance-form h2,
    .booking-facility-list h2,
    .loading-unloading-detail-section-heading h2,
    .booking-facility-detail-section-heading h2,
    .guest-detail-section-heading h2,
    .working-permit-detail-section-heading h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .promo_events-list-section h6,
    .news-list-heading h6{
        font-size: 18px;
        line-height: normal;
    }
    .news-articles-title h4, 
    .promo_events-title h4 {
        font-size: 25px;
        line-height: 35px;
    }
    .news-articles-excerpt, .news-articles-excerpt p, .news-articles-excerpt span {
        font-size: 17px;
        line-height: 25px;
    }
    .news-articles-readmore .btn {
        min-height: 45px;
    }
    .news-list-section iframe {
        height: 200px;
    }
    .contact_us_company div, .contact_us_company p{
        font-size: 16px;
        line-height: 25px;
    }
    .contact_us_company h4{
        font-size: 22px;
        line-height: 35px;
    }
    .contact_us_company .section-form {
        padding: 25px;
    }
    .contact_us_company .section-form .form-container .form-label{
        font-size: 15px;
    }
    .contact_us_company .section-form input {
        font-size: 14px;
        line-height: 20px;
        min-height: 40px;
    }
    .about-content h3 {
        font-size: 22px;
        line-height: 40px;
    }
    .site-title h2 {
        font-size: 42px;
        line-height: 55px;
    }
    .booking-facility-general h2 {
        font-size: 30px;
    }
    .wrap-content-ipl {
        grid-template-columns: 1fr;
        grid-gap: 1;
        padding: 20px;
    }
    .box-content-ipl {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .box-content-ipl h2 {
        font-size: 20px;
    }
    .box-content-ipl .form-container,
    .ipl-maintenance-form .form-container {
        padding: 20px;
    }
    .box-content-ipl h5 {
        font-size: 22px;
    }
    .ipl-maintenance-detail-havebg .fw-normal {
        font-size: 15px;
    }
    .guest-list th,
    .guest-list td {
        font-size: 15px;
        line-height: 23px;
    }
    .loading-unloading-form h2{
        font-size: 32px;
        line-height: 50px;
    }
    #video-tutorial {
        padding: 20px;
        font-size: 22px;
    }
    #video-tutorial video, #download-apk video {
        max-height:300px;
        margin-top: 20px;
    }
    .download-apk .video {
        margin-left: 0;
        margin-top: 40px;
        text-align: center;
    }
    .download-apk .video label{
        margin-bottom: 0;
    }
    #profiletabs .nav-tabs .nav-item{
        flex: auto;
    }
    .pagination-number-booking{
        flex-wrap: wrap;
    }
    .pagination-number-booking .page-item{
        /* flex: 25%; */
        /* padding: 3px; */
    }
    .pagination-container .pagination .page-item .page-link{
        width: 38px;
        height: 36px;
        font-size: 15px;
    }
    .header-section .btn-login-register .dropdown-menu{
        position: absolute;
        top: -425px;
        left: -200px;
        max-width: 350px;
        z-index: 999;
    }
    .loading-unloading-detail-section-heading,
    .booking-facility-detail-section-heading,
    .guest-detail-section-heading,
    .working-permit-detail-section-heading {
        padding: 60px 20px;
    }
    .loading-unloading-detail-table-heading-group {
        flex-direction: column;
        gap: 10px;
    }
    .loading-unloading-detail-content > .row > [class*='col-']:first-child,
    .guest-detail-content > .row > [class*='col-']:first-child,
    .working-permit-detail-content > .row > [class*='col-']:first-child {
        justify-content: start;
    }
    #modal-panicbutton .modal-content, 
    #modal-panicbutton .modal-dialog{
        width: 320px;
        max-width: 320px;
    }
}
/* end max-width 600px; */
/* start max-width 400px; */
@media only screen and (max-width: 400px){
    .download-apk .video label{
        font-size: 15px;
        margin-bottom: 0;
    }
}
/* end max-width 400px; */