/* 
================================================== */
@media only screen and (max-width: 1000px) {
    .OrderButton {
        display: none;
    }

   

    img {
        max-width: 100% !important;
        height: auto;
    }

    .BoxLeftCategory {
        display: none;
    }

    .BoxRightCategory {
        width: 100%;
    }

    .ArticleArchiveLeft {
        width: 100%;
    }

    .ArticleArchiveRight {
        width: 100%;
    }
}
/* 


/* 
================================================== */
@media only screen and (max-width: 450px) {
    .SlidePicture {
        width: 100%;
        height: auto;
        background-image: none;
        margin: 0px;
        display: none;
    }

    .SlidePictureBox {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .HeaderBox {
        height: auto;
    }

    .HeaderBoxBox {
        height: auto;
    }
}
/* 
================================================== */
@media only screen and (max-width: 450px) {
    .ContentUpItem {
        width: 96%;
        margin: 50px 2% 0 2%;
    }
}
/* 
================================================== */
@media only screen and (max-width: 400px) {
    .WebsiteProjectIndexItem {
        float: right;
        width: 96%;
        background-image: none;
        height: auto;
        margin: 10px 2% 0 2%;
    }

        .WebsiteProjectIndexItem .ImageBox {
            width: 100%;
            height: auto;
            margin: 0;
            height: 200px;
        }
}
/* 
 ================================================== */
@media only screen and (max-width: 800px) {
    .ArticleBox {
        width: 96%;
        margin: 2%;
        margin-right: 2%;
        margin-top: 30px;
    }
}
/* 
 ================================================== */
@media only screen and (max-width: 600px) {
    .SeoProjectListArchive .info2 {
        display: none;
        width: 0;
    }

    .SeoProjectListItem {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
    }

    .SeoProjectListArchiveItem {
        width: 99%;
    }
}
/* 
 ================================================== */
@media only screen and (max-width: 400px) {
    .RepeaterArchive {
        display: inline-table;
        width: 92%;
        padding: 15px 2% 15px 2%;
        margin-right: 2%;
        margin-left: 2%;
        height: auto;
    }

    .BoxNews {
        display: inline-table;
        width: 94%;
        margin-right: 2%;
        margin-left: 2%;
    }
}

@media only screen and (max-width: 900px) {
    .HeaderTop strong {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .HeaderTop strong .Row {
            text-align: center;
        }

    .HeaderTop .Tell {
        display: none;
    }

    .HeaderTop {
        background-image: none;
        background-color: #003e51;
    }
}

@media only screen and (max-width: 1200px) {
    .BoxSizeAsli {
        width: 100%;
    }

   

    .nav-toggle {
        display: block;
    }

    .navCategory {
        width: 100%;
        height: auto;
        display: none;
    }

        .navCategory li {
            width: 49.5%;
        }

        .navCategory ul {
            display: none !important;
        }

        .navCategory li a {
            width: 98%;
            height: auto;
            padding-top: 5px;
            padding-bottom: 5px;
            border: solid 1px #333;
            margin-top: 5px;
        }

            .navCategory li a .MenuP {
                display: none;
            }

    .is-visible {
        display: inline-block;
        position: fixed;
        top: 60px;
        left: 0;
        background-color: #000;
    }
}