@media (min-width: 992px) {
    .collapse {
        /* display: none; */
    }
    #nav-links{
        display: none;
    }
}
@media (min-width: 1601px) and (max-width: 2560px) {
    body {
        /* max-width: 1600px; */
        width: auto;
        margin: 0 auto;
        font-size: 16px;
    }
    .container {
        max-width: 1600px !important;
    }
}
@media (max-width: 1900px) {
       body{
            width: 100%;
            margin: 0 auto;
        }
        .container {
            max-width: 1280px !important;
        }
        .fp-banner .container,
        .fp-banner .bx-wrapper,
        .fp-banner figure {
            height: 80vh !important;
        }
}
@media (min-width: 1200px)  and (max-width: 1310px){
    .container {
        max-width: 1080px !important;
    }
    .fp-banner .container,
        .fp-banner .bx-wrapper,
        .fp-banner figure {
            height: 60vh !important;
        }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1080px;
    }
    .fp-banner .container,
        .fp-banner .bx-wrapper,
        .fp-banner figure {
            height: 60vh !important;
        }
}
/*ipad landscape view*/
@media (min-width: 991px) and (max-width: 1199px) {
    .container {
        max-width: 1080px !important;
    }
    .fp-banner .container,
        .fp-banner .bx-wrapper,
        .fp-banner figure {
            height: 60vh !important;
        }
}
@media (max-width: 1100px) {
    .container {
        max-width: 1080px !important;
    }
    .bannerHero{
            width: auto;
            position: relative;
            left: 15px;
            right: 15px;
        }
        /* .bannerHero {
            figure {
                display: none;
            }
        } */
        #mobile-menu {
            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) {
    main[class*='pt-']{
        padding-top: 120px;
    }
    header img.h-28 {
        height: 4.5rem;
    }
    .order-first-md {
        order: -1;
    }
    .panel.h-screen{
        height: 100%;
    }
    nav#nav-links {
        align-items: flex-start;
        padding: 0 15px;
    }
    #nav-links a {
       margin-bottom: 0;
    }
    .fp-banner  .container {
            transform: translateY(0%);
            height: 60vh;
            padding: 0;
    }
    .bannerHero  img{
            object-fit: contain;
        }
    .fp-banner,
    .bannerHero figure,
    .fp-banner .bx-wrapper,
    .fp-banner .container,
    .fp-banner .bx-wrapper .bx-viewport {
        height: 50vh !important;
        overflow: hidden !important;
    }
    .sidebar-categories {
        height: auto;
        overflow-y: unset;
    }
}
/*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%;
    }
    .shopicon{
        margin-left: 0 !important;
    }
    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) {
    main {
        section {
            padding: 30px 0 !important;
        }
    }
    main[class*='pt-']{
        padding-top: 90px;
    }
    header img.h-28 {
        height: 3.5rem;
    }
    header > .container{
        padding: 10px 15px !important;
    }
    .fp-banner {
        transition: margin-top 0.4s ease; /* smooth change */
        height: 60vh !important;
        margin-top: 90px !important;
    }
    .fp-feature .grid > .flex{
        padding-bottom: 15px;
    }
    .bannerHero {
        left: 0;
        img {
            width: 100%;
            height: inherit;
            object-fit: contain;
        }
    }
    .fp-banner,
    .bannerHero figure,
    .fp-banner .bx-wrapper,
    .fp-banner .container,
    .fp-banner .bx-wrapper .bx-viewport {
            height: 20vh !important;
    }
}

/*iphone 5 and android potrait*/
@media (max-width: 380px) {
    header img.h-28 {
        height: 3rem;
    }
    .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;
    } */
}