@media screen and (max-width: 1024px) {
    .page-width {
        max-width: 100%;
        padding: 0 10px;
        width: 100%;
    }

    body {
        overflow-x: hidden;
    }

    .stellarnav.desktop > ul > li > a {
        padding: 20px 15px;
    }
}

@media screen and (max-width: 820px) {
    body {
        font-size: 13px;
    }

    .stellarnav.desktop > ul > li > a {
        font-size: 14px;
        letter-spacing: 0px;
    }

    .row > * {
        font-size: 13px;
    }
	#footMenu{display:none;}
	
	.detail-content img{
		height:auto !important;
	}
}

@media screen and (max-width: 680px) {
    .page-width {
        max-width: 480px;
    }

    .col-space-20 {
        margin: 0 -10px;
    }

        .col-space-20 > * {
            padding: 0 10px;
        }

    .col-space-10 {
        margin: 0 -5px;
    }

        .col-space-10 > * {
            padding: 0 5px;
        }

    #headRight a {
        display: inline-block;
        font-size: 14px;
    }

    #headRight .email {
        margin-bottom: 0px;
        float: left;
    }

    #headRight .phone {
        float: right;
    }

    #headPage {
        padding: 10px 0;
    }

    #headRight {
        float: none;
    }

    #logo {
        width: 100px;
        position: absolute;
        left: 10px;
        top: 0px;
        z-index: 111;
    }

    .stellarnav .full {
        width: auto;
        text-align: right;
        padding: 23px 0;
        color: black;
        float: right;
    }

    .stellarnav.mobile {
        height: 61px;
        overflow: visible;
        position: relative;
    }

    #wrapMenu {
        margin-bottom: 10px;
        z-index: 100;
        position: sticky;
        top: 0px;
        background: white;
    }

    .stellarnav.mobile > ul {
        top: 100%;
        position: absolute;
        width: 100%;
    }

    .stellarnav.mobile ul {
        background: rgba(187, 187, 187, 0.9);
    }

    .stellarnav li a {
        color: black;
    }

    #headPage #logo {
        display: none;
    }

    #wrapMenu #logo {
        display: block;
    }

    .only-desk {
        display: none;
    }

    .only-mobi {
        display: block;
    }

    .col-m-6 {
        width: 50%;
    }

    .col-5, .col-7 {
        width: 100%;
    }

    .col-9, .col-3 {
        width: 100%;
    }

    #footPage .col-3 {
        display: none;
    }

    #footPage {
        padding: 20px 0;
    }
	#footMenu{display:none;}
    .wrapBreadcrumb {
        font-size: 12px;
    }

    .title-form {
        font-size: 18px;
        margin: 10px 0;
    }

    .col-4 {
        width: 100%;
    }

    .intro-menu a {
        line-height: 20px;
        font-size: 12px;
        display: block;
        margin: 0px;
        padding: 10px 0;
        border-bottom: solid 1px #b5b5b5;
    }

    .title-page {
        font-size: 18px;
        margin: 10px 0;
    }

    .arc-item {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: solid 1px #Ddd;
    }

    .col-6, .col-6 {
        width: 100%;
    }

    .product-desc {
        margin-top: 30px;
    }
}

@media screen and (max-width: 500px) {
}

@media screen and (max-width: 450px) {
}