.mainlogo
{
    width: 100% !important;
}
.TD_Left {
    width:20px;
}

.TD_Middle {
    width: 300px;
    padding-left :3px;
}

.Control100p {
    width :100%;
}


.Control300 {
    width: 300px;
}

.pageLayout {
    font: 14px 'Segoe UI', Arial, sans-serif;
}

    .pageLayout h1,
    .pageLayout h2 {
        font-weight: normal;
        color: #c03234;
    }

    .pageLayout h1 {
        margin: 0;
        font-size: 2.3em;
    }

    .pageLayout h2 {
        font-size: 1.23em;
    }


    /*header*/
    .pageLayout .header {
        background-color: #e2e2dc;
    }

        .pageLayout .header p {
            font-size: 1.43em;
        }

        .pageLayout .header img {
            width: 100%;
            display: block;
        }

/*content*/
.content {
    text-align: center;
}

    .content .t-container {
        padding: 0;
    }

    .content img {
        display: inline-block;
    }

    .content .description {
        height: 230px;
        background-color: #f3f3f1;
        margin: 0 -15px;
        padding: 5px 20px;
    }

.deviceImage {
    width :64px !important;
    height : auto;
}

.deviceIcon {
    padding: 15px 0;
}

@media only screen and (min-width: 769px) {

    .pageLayout .header {
        padding: 4% 4% 0;
    }
}

@media only screen and (max-width: 768px) {

    .pageLayout .header {
        text-align: center;
    }
}

@media only screen and (min-width: 568px) and (max-width: 768px) {

    .content .description {
        height: 170px;
    }
}

@media only screen and (max-width: 360px) {

    .content .description {
        height: auto;
    }
}