/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

@media (max-width: 850px){
    .a-title-banner{
        font-size: 20px;
    }
    .a-title-banner-2{
        font-size: 35px;
    }
    .a-content-banner-1,
    .a-content-banner-2{
        font-size: 22px;
    }

    .icon-menu{
        color: #fff;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .tabbed-content ul li.tab{
        width: 90px;
        padding: 5px;
    }
    .tabbed-content ul li.tab a span{
        font-size: 12px;
    }
}

@media (max-width: 550px){
    .a-title-banner{
        font-size: 18px;
    }
    .tabbed-content ul li.tab,
    .tabbed-content ul li.tab.active{
        width: unset;
        background-image: none;
        padding: 2px;
    }
    .tabbed-content ul li.tab.active{
        background-color: brown;
    }
    .a-brand-slider{
        padding: 10px 0 !important;
    }
    .a-doi-tac p {
        font-size: 20px;
    }
    .tab-panels .panel.active {
        padding: 0;
    }
    .a-home-content{
        padding: 5px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}