@media (min-width: 992px) {
    .collapse {
        /* display: none; */
    }
}
@media (min-width: 1601px) and (max-width: 2560px) {
    body {
        /* max-width: 1600px; */
        width: auto;
        margin: 0 auto;
        font-size: 16px;
    }
}
@media (max-width: 1440px) {
    /*    body{
            width: 100%;
            margin: 0 auto;
        }*/
}
/*ipad landscape view*/
@media (min-width: 991px) and (max-width: 1199px) {
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
@media (max-width: 1100px) {
    .bannerHero{
            width: auto;
            position: relative;
            left: 15px;
            right: 15px;
        }
        .bannerHero {
            figure {
                display: none;
            }
        }
    }
@media (min-width: 768px) {
    .float-md-end {
        float: right;
    }

    .me-md-4 {
        margin-left: 1.5rem;
    }
}
/*ipad potrait view*/
@media (max-width: 768px) {
    .order-first-md {
        order: -1;
    }
    .panel.h-screen{
        height: 100%;
    }
}
/*nexus 7 landscape*/
@media (min-width: 769px) and (max-width: 990px) {
}
/*iphone 5 and android lanscape and nexus 7 potrait*/
@media (max-width: 640px) {
    h1 {
        font-size: 1.4rem !important;
    }
    .bannerHero {
        top: 5%;
    }
    h3 {
        font-size: 1.4rem !important;
    }
    .inr-banner > figure {
    height: 10rem !important;
    }
    
    .inr-banner > figure img {
    height: 10rem !important;
    }
      
   .fp-title[class*='w-'],
   .ff-list > div > div[class*='w-']{
        width: 100%;
   }
   .fs-item .text-left,
   .fs-item .text-right{
    text-align: center;
    margin: 0 auto;
   }
   .fs-item {
    article {
        width: 100%;
    }
}
}
/*iphone 4 landscape(optional)*/
@media (max-width: 480px) {
    
}

/*iphone 5 and android potrait*/
@media (max-width: 380px) {
    .fp-banner article > div.inline-flex{
        flex-direction: column;
        align-items: start;
        justify-content: space-around;
    }
    .fp-banner article > div.inline-flex button:first-child {
        margin-bottom: 5px;
    }
}

/*iphone4 potrait(optional)*/
@media (max-width: 320px) {
}

/*nexus 7 potrait(optional)*/
@media (max-width: 603px) {
}
/*nexus 7 landscape(optional)*/
@media (min-width: 769px) and (max-width: 990px) {
}

@media (min-width: 768px) {
    /* .navbar-brand {
        display: none;
    } */
}