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

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

/* Medium Devices, Desktops */
@media only screen and (min-width : 850px) {
    .header-inner {
        padding: 0 45px !important;
    }

    .home header {
        position: absolute !important;
        top: 0;
    }

    .home header .header-bg-color{
        background-color: rgba(0, 0, 0, 0) !important;
    }

    .a-shop h1 {
        font-size: 50px;
    }

    .a-bai-viet h2 {
        font-size: 50px;
    }

    .a-section h1,
    .a-section h2 {
        font-size: 50px;
    }

    .a-quote {
        width: 115%;
        transform: translateX(-12%);
    }

    .a-single-kol h1 {
        font-size: 50px;
    }

    .a-single-kol .show-title {
        font-size: 30px;
    }

    .a-single-kol .show-title span {
        font-size: 20px;
    }

    .a-single-kol .a-form h2 {
        font-size: 24px;
    }

    .a-bai-viet h2 {
        font-size: 50px;
    }
	.a-form h2{
		font-size: 32px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 850px) {}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
    .a-form {
        padding: 40px 20px;
    }

    .a-banner h1 {
        font-size: 40px;
    }

    .a-contact h2 {
        font-size: 25px;
    }
    .a-shop .row{
        padding: 0 20px;
    }
    #logo{
        max-width: 100px;
        order: -1;
    }
}

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