/*
*
* @copyright ixiaplus inc. ireland 2018
* @version 1.0.0.0.0
*/
/**[OUTLINES CONTENTS]
*/
/*(min-width:1400px)*/
@media only screen and (max-width:1400px) {
    .main-body-container-sub-contents div.outline-content-left {
        width: 75%;
        padding: 10px 3%;
        background-image: linear-gradient(to right, rgba(255, 255, 255, .65), rgba(255, 255, 255, 1));
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        -ms-border-radius: 5px 0 0 5px;
        -o-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
    }

    .main-body-container-sub-contents div.outline-content-right {
        width: 75%;
        padding: 10px 3%;
        background-image: linear-gradient(to right, rgba(0, 128, 128, 0), rgba(0, 128, 128, .65));
        -webkit-border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        -ms-border-radius: 0 5px 5px 0;
        -o-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
    }

    .outline-header {
        width: 75%
    }

    .main-contact-body-wrapper div#text-header {
        padding: 2% 5%;
    }
}

/*(min-width:1115px)*/
@media only screen and (max-width:1115px) {
    .main-body-container-sub-contents div.outline-content-left {
        width: 80%;
        font-size: 1.256rem;
        background-image: linear-gradient(to right, rgba(255, 255, 255, .75), rgba(255, 255, 255, 1));
    }

    .main-body-container-sub-contents div.outline-content-right {
        width: 80%;
        font-size: 1.256rem;
        text-shadow: 1px 1px 2px rgba(0, 128, 128, 1);
        color: rgba(255, 255, 255, 1);
        background-image: linear-gradient(to right, rgba(0, 128, 128, 0), rgba(0, 128, 128, .85));
    }

    span.outline-contents {
        font-size: 1.85rem;
    }

    .main-body-container-sub-home {
        height: 450px;
    }

    .outline-header {
        width: 90%
    }

    .main-body-container-home-index {
        height: 450px;
    }

    .index-header-container {
        width: 80%;
        margin: 10px auto 0;
    }

    .main-contact-body-wrapper .sub-report,
    .main-contact-body-wrapper .sub-recommend,
    .main-contact-body-wrapper .sub-report-job,
    .main-contact-body-wrapper .sub-recommend-job {
        padding: 20px;
    }

    .main-contact-body-wrapper .sub-report-open,
    .main-contact-body-wrapper .sub-recommend-open {
        padding: .325rem .526rem;
    }

    .main-contact-body-wrapper span#report-text-right {
        display: block;
        padding: 10px;
        background-image: linear-gradient(to right, rgba(255, 248, 220, .55), rgba(255, 248, 220, 1));
        font-size: 1.025rem;
        font-weight: bold;
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        -ms-border-radius: 5px 0 0 5px;
        -o-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
    }

    .main-contact-body-wrapper span#report-text-left {
        display: block;
        padding: 10px;
        background-image: linear-gradient(to right, rgba(255, 248, 220, 1), rgba(255, 248, 220, .55));
        font-size: 1.025rem;
        font-weight: bold;
        -webkit-border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        -ms-border-radius: 0 5px 5px 0;
        -o-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
    }

    .main-contact-body-wrapper span#report-header {
        margin: 15% auto 1%;
        text-shadow: 0px 0px 8px rgba(255, 248, 220, 1);
    }
}

/*(min-width:850px)*/
@media only screen and (max-width:850px) {
    .index-header-container {
        margin: 80px auto 0;
    }

    .index-header-container span.heading {
        font-size: 30px;
        margin: 15px 0 0;
    }

    .index-header-container span {
        font-size: 20px;
        line-height: 35px;
    }

    .main-body-container-sub-contents span {
        display: block;
    }

    .main-home-app-body-container {
        width: 96%;
    }

    .main-home-app-body-container h1 {
        border-bottom: 1px solid rgba(0, 128, 128, .85);
    }

    .outline-header {
        font-size: 35px;
    }

    .outline-contents-map {
        background-size: contain;
        height: 350px;
    }

    .outline-contents-shopping {
        background-size: contain;
        height: 350px;
    }

    .outline-contents-contents {
        background-size: contain;
        height: 350px;
    }

    .outline-contents-letterBox {
        background-size: contain;
        height: 350px;
    }

    .main-contact-body-wrapper .sub-report,
    .main-contact-body-wrapper .sub-recommend,
    .main-contact-body-wrapper .sub-report-job,
    .main-contact-body-wrapper .sub-recommend-job {
        border: 1px solid rgba(0, 128, 128, .45);
        padding: 0 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
    }

    .main-contact-body-wrapper .sub-report-open,
    .main-contact-body-wrapper .sub-recommend-open {
        background-color: rgba(255, 255, 255, .75);
    }

    .main-contact-body-wrapper {
        margin: 2% auto;
    }

    .main-app-crumb-path .dropdown svg {
        width: 40px;
        height: 40px;
    }

    .asr-home-content-links {
        min-width: 250px;
    }

    .main-advert-right-holder {
        width: 260px !important;
    }
}

/*(min-width:800px)*/
@media only screen and (max-width:800px) {
    .index-header-container {
        width: 90%;
        margin: 80px auto 0;
    }

    .main-contact-body-text div#contact-main-text,
    .main-press-body-text div#contact-main-text {
        margin: 10px
    }

    .main-contact-body-text div#contact-sub-text,
    .main-press-body-text div#contact-sub-text {
        margin: 5px
    }
}

/*(min-width:600px)*/
@media only screen and (max-width:670px) {
    .main-advert-right-holder {
        display: none;
    }

    .main-advert-layer-holder {
        display: block;
        width: 96% !important;
    }
}

/*(min-width:600px)*/
@media only screen and (max-width:600px) {
    .main-body-container-sub-home {
        height: 350px;
    }

    .main-body-container-home-index {
        height: 350px;
    }

    .index-header-container {
        margin: 40px auto 0;
    }

    .index-header-container span.heading {
        font-size: 25px;
        margin: 10px 0 0;
    }

    .index-header-container span {
        font-size: 18px;
        line-height: 25px;
    }

    .main-body-container-contents-header {
        font-size: 2rem;
    }

    .main-body-container-sub-contents {
        letter-spacing: 0px;
    }

    .main-body-container-sub-contents div.outline-content-left {
        width: 85%;
        padding: 10px;
        font-size: 1.0256rem;
    }

    .main-body-container-sub-contents div.outline-content-right {
        width: 85%;
        padding: 10px;
        font-size: 1.0256rem;
    }

    .outline-header {
        font-size: 30px;
    }

    .outline-header span#outline-header-header {
        font-size: 40px;
    }

    .main-contact-body-text {
        display: block;
        width: 96%;
        margin: 0 auto;
    }

    .main-press-body-text {
        display: block;
        width: 96%;
        margin: 0 auto;
    }

    .main-press-body-wrapper {
        display: block;
        width: 100%;
    }

    .main-contact-body-wrapper .sub-report,
    .main-contact-body-wrapper .sub-recommend,
    .main-contact-body-wrapper .sub-report-job,
    .main-contact-body-wrapper .sub-recommend-job {
        margin: 20px 0;
    }

    .main-contact-body-text div#contact-main-text,
    .main-press-body-text div#contact-main-text {
        margin: 10px 20px
    }

    .main-contact-body-text div#contact-sub-text,
    .main-press-body-text div#contact-sub-text {
        margin: 5px 20px
    }

    .main-contact-body-wrapper {
        display: block;
        width: 98%;
        margin: 0 auto;
    }

    .main-contact-body-wrapper div#text-header {
        padding: 2%;
    }

    .main-contact-body-form-wrapper .contact-container {
        width: 99%;
    }

    .main-contact-body-form-wrapper .contact-container label {
        font-size: 1rem;
        width: 40%;
    }

    .main-contact-body-form-wrapper .contact-container input[type='text'],
    .main-contact-body-form-wrapper .contact-container textarea,
    .main-contact-body-form-wrapper .contact-container select {
        width: 60%;
    }

    .main-contact-body-wrapper div#text-header ul {
        list-style-image: url(../../imagesAssets/pngs-images/arrow-right-small.png);
    }
}

/*(min-width:415px)*/
@media only screen and (max-width:415px) {
    .outline-header {
        font-size: 25px;
    }

    .outline-header span#outline-header-header {
        font-size: 35px;
        display: block;
    }

    .outline-contents-map {
        height: 250px;
    }

    .outline-contents-shopping {
        height: 250px;
    }

    .outline-contents-contents {
        height: 250px;
    }

    .outline-contents-letterBox {
        height: 250px;
    }

    .main-body-container-sub-contents span.outline-contents {
        font-size: 1.25rem;
    }

    .main-body-container-sub-contents span {
        padding: 5px 3%
    }

    .main-body-container-sub-contents span:not(.outline-contents) {
        line-height: 1.2rem;
        ;
    }

    .main-body-container-sub-contents div.outline-content-left {
        width: 90%;
        font-size: 1.125rem;
        right: 0%;
        padding: 10px 0px;
    }

    .main-body-container-sub-contents div.outline-content-right {
        width: 90%;
        font-size: 1.125rem;
        left: 0%;
        padding: 10px 0px;
    }

    .main-body-container-contents-header {
        font-size: 1.456rem;
    }

    .main-body-container-contents-header .outline-contents {
        font-size: 1.56rem;
    }

    .main-home-app-body-sub-container {
        font-size: .8725rem;
    }

    .main-contact-body-wrapper label#val-ctrl span {
        display: none;
    }

    .main-contact-body-wrapper .contact-container label#referrer-label,
    .main-contact-body-wrapper .contact-container input#referrer-label {
        display: block;
        width: 100%;
    }

    .jobs-container-main div,
    .jobs-sub-container-main div {
        display: block;
        width: 99%;
        margin: 1% auto;
        font-size: 1rem;
    }

    .jobs-container-sharp div#jobs-tab-text {
        display: none;
    }

    .asr-home-content-links {
        min-width: 300px;
    }
}

/*((min-width:375px)*/
@media only screen and (max-width:375px) {
    .main-contact-body-wrapper label#attach-files {
        display: none;
    }

    .main-contact-body-form-wrapper .contact-container label {
        width: 45%;
    }

    .main-contact-body-form-wrapper .contact-container input[type='text'],
    .main-contact-body-form-wrapper .contact-container textarea,
    .main-contact-body-form-wrapper .contact-container select {
        width: 55%;
    }

    .jobs-container-main div span {
        display: inline-block;
        font-weight: bold;
    }
}