/* Responsive Web */
/*
    PC >= 1024px 
    Tablet >= 740px && < 1024px  
    Mobile < 740px
 */


/* PC */
@media (min-width: 64em) {      /* 64em = 1024px */

}


/* Tablet */
@media (min-width: 46.25em) and (max-width: 63.9375em) { 
    .contact-info {
        line-height: 2.0;
    }
}

/* Tablet and Mobile */
@media (max-width :  63.9375em) {
    .place-buy-button{
        padding: 15px 16px;
    }

    #nav .subnav a {
        padding: 5px 12px;
    }

    .contact-form .form-control {
        padding: 15px;
    }

    .social-list{
        font-size: 48px;
    }

    #footer .social-list a {
        margin: 0 8px;
    }

    #footer .copyright {
        padding: 12px 0px;
        display: inline-block;
    }
}

/* Mobile */
@media (max-width : 46.1875em) {

    .s-full-width,
    .s-col-full {
        width: 100% !important;
    }

    .s-mt-8{
        margin-top: 8px;
    }

    #nav  {
        display: block;
    }

    #nav > li {
        display: block;
    }

    #nav li a {
        padding: 1px 24px ;
    }

    #nav > li:first-child {
        display: inline-block;
    }

    #nav .subnav {
        position:initial;
        background: #333;
    }


    #nav .subnav a {
        padding : 5px 41px; 
        /* 42 - 48 ngon tay moi de bam  */
        color: #fff
    }

    #header {
        overflow: hidden;
    }
    

    #header .mobile-menu-btn{
        display : block;
    }

    #header .search-button {
        display: none;
    }

    #content .member-img {
        width: 60%;
    }

    .contact-form {
        margin-top: 32px;
    }

    .place-buy-button {
        width: 100%;
        text-align: center;
    }

}