/*******************Mobile view***********/

@media only screen and (min-width: 960px) {
    /* styles for browsers larger than 960px; */
}
@media only screen and (max-width: 1084px) {
    div.column-first {
        width: 55.333333% !important;
    }
    div.column-second {
        width: 37.666667% !important;
    }
}
@media only screen and (max-width: 1244px) {
    div.column-first {
        width: 42.333333% !important;
    }
    /* div.column-second{
    width: 51.666667% !important;
  } */
}
@media only screen and (min-width: 1441px) {
    /* styles for browsers larger than 1440px; */
    /* body{
  } */
    .accordion-item:nth-child(1):after,
    .accordion-item:nth-child(2):after {
        left: 5%;
    }
}
@media only screen and (min-width: 2000px) {
    /* for sumo sized (mac) screens */
}
@media only screen and (max-device-width: 480px) {
    /* styles for mobile browsers smaller than 480px; (iPhone) */
    div.column-first {
        width: 100% !important;
    }
    div.column-second {
        width: 100% !important;
    }
}
@media only screen and (device-width: 768px) {
    div.column-first {
        width: 100% !important;
    }
    div.column-second {
        width: 100% !important;
    }

     
    /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
    div.column-first {
        width: 100% !important;
    }
    div.column-second {
        width: 100% !important;
    }
    /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
    div.column-first {
        width: 50% !important;
    }
    div.column-second {
        width: 50% !important;
    }
    /* For landscape layouts only */
}

@media ((min-width: 375px) and (max-width: 667px)) {
    .is-hidden {
        display: none !important;
    }

    nav.navbar {
        position: relative;
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        /* justify-content: space-between; */
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0px !important;
    }
    nav.navbar .navbarrightarea {
        display: none;
    }
    main.container {
        padding-top: 18px;
    }
    section.container-fluid {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
        padding-left: 0rem !important;
        padding-right: 0rem !important;
        margin-top: 0rem !important;
    }

    section div.main-body {
        padding: none !important;
    }
    section div.main-body label.wallet-balance {
        padding-top: 7px !important;
        height: 42px !important;
    }
    /**************Dashboard info box************************/
    .card.faq-card img {
        width: 100%;
        height: 200px !important;
    }
    .card.faq-card-detail .card-body {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
}