/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
*/ 
@media (min-width: 481px) and (max-width: 767px) {
    /* NAVBAR STYLE */
    nav.navbar{
        border-bottom: 2px solid rgb(255, 121, 0);;
    }
    nav img#imgLogo {
        width: auto;
        height: 52px;
        margin: 0;
    }
    a.nav-link {
        text-align: center;
    }


    /* BTN's STYLE OPTIONS */
    a.btn-back {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    a.btn-order {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    a.btn-subStepColor {
        margin-top: 0.6em;
    }


    /* HELP PIN STYLE */
    img.img-pin {
        width: 36px; 
        height: auto;
    } 
    div#divBtnInfo03 {
        top: -15%;
        right: 29%;
    }


    /* HOME STYLE */
    div#divMoreSell {
        padding-bottom: 0.6em;
    }
}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    /* NAVBAR STYLE */
    nav.navbar{
        border-bottom: 2px solid rgb(255, 121, 0);;
    }
    nav img#imgLogo {
        width: auto;
        height: 52px;
        margin: 0;
    }
    a.nav-link {
        text-align: center;
    }


    /* BTN's STYLE OPTIONS */
    a.btn-back {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    a.btn-order {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    a.btn-subStepColor {
        margin-top: 0.6em;
    }


    /* HELP PIN STYLE */
    img.img-pin {
        width: 36px; 
        height: auto;
    } 
    div#divBtnInfo03 {
        top: -15%;
        right: 29%;
    }

    
    /* HOME STYLE */
    div#divMoreSell {
        padding-bottom: 0.6em;
    }
}