/* Created by Artisteer v4.1.0.59861 */




.responsive body {
    min-width: 240px;
}

.responsive .art-content-layout img,
.responsive .art-content-layout video {
    max-width: 100%;
    height: auto !important;
}

.responsive .art-content-layout .BenefitsList img {
    max-width: 27%;
}

.responsive .art-content-layout .art-sidebar0,
.responsive .art-content-layout .art-sidebar1,
.responsive .art-content-layout .art-sidebar2 {
    width: auto !important;
}

.responsive .art-content-layout,
.responsive .art-content-layout-row,
.responsive .art-layout-cell {
    display: block;
}

.responsive .image-caption-wrapper {
    width: auto;
}

.responsive.responsive-tablet .art-vmenublock,
.responsive.responsive-tablet .art-block {
    margin-left: 1%;
    margin-right: 1%;
    /*width: 48%;*/
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.responsive .art-responsive-embed {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
}

    .responsive .art-responsive-embed iframe,
    .responsive .art-responsive-embed object,
    .responsive .art-responsive-embed embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.responsive .art-sheet {
    width: auto !important;
    min-width: 240px !important;
    max-width: none;
    /*margin-right: 1% !important;
    margin-left: 1% !important;*/
}

#art-resp {
    display: none;
}

@media all and (min-width: 1000px) {
    #art-hmenu-bg {
        top: auto !important;
    }
}


@media all and (max-width: 990px) {
    .SidePanelRight {
        position: initial;
    }

   #dnn_sidebar1 .ProductBox .SmallProductImage   {max-width:20%
}
    #art-resp, #art-resp-t {
        display: block;
    }

    .ProductBox, .ProductBox230, .stateListings > div {
        /*width: 45%;*/
    }

    .VideoProductBox, .VideoProductBoxLarge {
        width: 30%;
    }

    #art-resp-m {
        display: none;
    }

    .cycle-pager, .cycle-overlay-background {
        display: none;
    }

    .cycle-overlay {
        font-size: 14px;
    }

    .responsive #art-header-bg {
        height: 250px;
    }

    .cycle-overlay {
        position: static;
        padding-top: 0px;
    }

    #dnn_ContentPane .itemStyle {
        display: inline-block;
        width: 50%;
        float: left;
        border-bottom: 1px solid #e8e8e8;
    }

    #JoinAra, #contactInfo {
        top: 95px;
    }

    div.art-search {
        top: 60px;
    }
}

@media all and (max-width: 960px) {
    #dnn_Extra1 {
        display: none;
    }

    #JoinAra, #contactInfo {
        top: 95px !important;
    }

    #ARAmission {
        top: 75px;
    }

    #art-login {
        top: 0px;
    }

    div.art-search {
        top: 30px;
    }

    #trscontactInfo {
        /*top: 65px;*/
    }

    .trswidelogo {
        margin-left: 0px;
    }

    #ConnectOnline {
        right: 50px;
        top: -15px;
    }
}

@media all and (max-width: 880px) {
    .searchSkinObjectPreview {
        right: auto !important;
    }

    .trswidelogo {
        margin-top: 20px;
    }

        .trswidelogo img {
            height: auto;
        }

    div.art-search {
        top: 0px !important;
        left: 0px;
    }

    #trscontactInfo img {
        display: none;
    }
}

@media all and (max-width: 850px) {
    #trsJoinAra {
        top: 135px;
        z-index: 9999;
    }

    #trscontactInfo {
        top: 145px;
        right: 120px;
        z-index: 9999;
        color: #ffffff;
    }

    #JoinAra, #contactInfo {
        top: 100px !important;
    }

    #ARAmission {
        top: 70px;
    }

    div.art-search {
        top: 30px;
    }

    #art-login {
        top: 0px !important;
    }

    .ARAarticleblock {
        width: 47%;
    }

    .SidePanelRight {
        position: initial;
    }

    .VideoCube {
        float: none;
        padding-bottom: 15px;
    }

    .responsive #art-header-bg {
        height: 250px;
    }

    #art-resp, #art-resp-m {
        display: block;
    }

    #art-resp-t {
        display: none;
    }

    .cycle-overlay {
        top: 100px;
        font-size: 12px;
    }


    #ARAtext {
        top: 30px;
    }



    #contactInfo {
        top: 80px;
    }

    #art-login {
        top: 0px;
    }

    .art-object451617596 {
        top: 15px;
        margin-left: -147px !important;
        width: 150px;
    }

    .cycle-pager {
        display: none;
    }

    .cycle-overlay {
        font-size: 14px;
    }

    #JoinAra {
        top: 70px;
    }



    /* dynamic width nav */

    .art-nav .art-menu-btn {
        border: 1px solid #404040;
        border-radius: 3px;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
        display: none;
        background: -ms-linear-gradient(top, #707070 0, #000 100%);
        background: -moz-linear-gradient(top, #707070 0, #000 100%);
        background: -o-linear-gradient(top, #707070 0, #000 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
        background: -webkit-linear-gradient(top, #707070 0, #000 100%);
        background: linear-gradient(to bottom, #707070 0, #000 100%);
        margin: 3px;
        padding: 5px;
        position: relative;
        width: 20px;
    }

        .art-nav .art-menu-btn span {
            background: #E0E0E0;
            border-radius: 2px;
            display: block;
            height: 3px;
            margin: 3px 1px;
            position: relative;
            -moz-transition: background .2s;
            -o-transition: background .2s;
            -webkit-transition: background .2s;
            transition: background .2s;
        }

        .art-nav .art-menu-btn:hover span {
            background: #f3f3f3;
        }

    .responsive .art-nav .art-menu-btn {
        display: inline-block;
    }

    .responsive nav.art-nav,
    .responsive .art-nav-inner {
        width: auto !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin-top: 0;
        margin-bottom: 0;
        min-width: 0;
        text-align: left !important;
    }

    .responsive nav.art-nav {
        min-width: 1%;
    }

    .responsive .art-nav {
        padding-left: 0;
        padding-right: 0;
    }

        /* full width hmenu, instead of inline-block */
        .responsive .art-nav ul.art-hmenu {
            display: none;
            float: none;
            text-align: center;
        }

        .responsive .art-nav .art-hmenu.visible {
            display: block;
        }

        /* elements on different lines */
        .responsive .art-nav ul.art-hmenu li,
        .art-hmenu-extra1,
        .art-hmenu-extra2 {
            float: none;
        }

        /* horizontal margins */
        .responsive .art-nav ul.art-hmenu > li:first-child,
        .responsive .art-nav ul.art-hmenu > li:last-child,
        .responsive .art-nav ul.art-hmenu > li {
            margin-left: 0;
            margin-right: 0;
            width: 50%;
            float: right;
            border-top: solid 1px #e7e7e7;
            padding-top: 5px;
            padding-bottom: 5px;
            height: auto;
        }

            .responsive .art-nav ul.art-hmenu > li:last-child {
                width: 100%;
            }

            /* separator */
            .responsive .art-nav ul.art-hmenu > li:before {
                display: none;
            }

        /* vertical distance between items */
        .responsive .art-nav ul.art-hmenu a {
            margin-top: 1px !important;
            margin-bottom: 1px !important;
            text-align: center !important;
            height: auto;
            white-space: normal;
            height: 20px;
            white-space: normal;
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .responsive .art-nav ul.art-hmenu > li:first-child > a {
            margin-top: 0 !important;
        }

        .responsive .art-nav ul.art-hmenu > li:last-child > a {
            margin-bottom: 0 !important;
        }

        /* fixes for extended menu */
        .responsive .art-nav .ext,
        .responsive .art-nav ul.art-hmenu > li > ul,
        .responsive .art-nav ul.art-hmenu > li > ul > li,
        .responsive .art-nav ul.art-hmenu > li > ul > li a {
            width: auto !important;
        }

        /* submenu position on hover */
        .responsive .art-nav ul.art-hmenu ul {
            left: auto !important;
            right: auto !important;
            top: auto !important;
            bottom: auto !important;
            display: none !important;
            position: relative !important;
            visibility: visible !important;
        }

        .responsive .art-nav ul.art-hmenu > li > ul > li:first-child:after {
            display: none;
        }

        .responsive .art-nav ul.art-hmenu ul a {
            padding-left: 4% !important;
        }

        .responsive .art-nav ul.art-hmenu ul ul a {
            padding-left: 6% !important;
        }

        .responsive .art-nav ul.art-hmenu ul ul ul a {
            padding-left: 8% !important;
        }

        .responsive .art-nav ul.art-hmenu ul ul ul ul a {
            padding-left: 10% !important;
        }

        .responsive .art-nav ul.art-hmenu ul ul ul ul ul a {
            padding-left: 12% !important;
        }

        .responsive .art-nav ul.art-hmenu > li > ul {
            padding: 5px;
        }

            .responsive .art-nav ul.art-hmenu > li > ul:before {
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }

    .responsive .art-header {
        width: auto;
        height: 200px;
        min-height: 100px;
        min-width: 1%;
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: repeat !important;
        border-bottom:0px;
    }

        .responsive .art-header .art-headline,
        .responsive .art-header .art-slogan {
            display: block !important;
            top: 0 !important;
            left: 0 !important;
            margin: 2% !important;
        }

            .responsive .art-header .art-headline a,
            .responsive .art-header .art-slogan {
                white-space: normal !important;
            }

        .responsive .art-header * {
            /*position: relative;*/
            -webkit-transform: none !important;
            -moz-transform: none !important;
            -o-transform: none !important;
            -ms-transform: none !important;
            transform: none !important;
        }

        .responsive .art-header #art-flash-area,
        .responsive .art-header .art-shapes > * {
            display: none;
        }

    .responsive #art-header-bg {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: repeat !important;
        background-color: #fff;
        height: 200px;
    }

    /* Search and other elements in header element directly */
    .responsive .art-header > .art-textblock {
        position: relative !important;
        display: block !important;
        margin: 1% auto !important;
        width: 75% !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
    }

        /* For icons like facebook, rss, etc. */
        .responsive .art-header > .art-textblock > div {
            width: 100%;
        }

    .responsive .art-content-layout,
    .responsive .art-content-layout-row,
    .responsive .art-layout-cell {
        display: block;
    }

    .responsive .art-layout-cell {
        width: auto !important;
        height: auto !important;
        border-right-width: 0 !important;
        border-left-width: 0 !important;
        border-radius: 0 !important;
    }

        .responsive .art-content-layout:after,
        .responsive .art-content-layout-row:after,
        .responsive .art-layout-cell:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

    .responsive .art-post {
        border-radius: 0;
    }

    .responsive .art-footer-inner {
        min-width: 0;
    }

    .responsive .art-footer {
        margin-top: 1%;
    }

    .responsive .responsive-tablet-layout-cell {
        width: 50% !important;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /*#dnn_sidebar1 .art-block {
        width: 47%;
        float:left;
        max-height:300px;
    }
    #dnn_sidebar1::after {
        clear: both;
    }*/
}

@media all and (max-width: 823px) {
    .trswidelogoMiddle {
        display: none;
    }
}
@media all and (max-width: 750px) {
   
    .OrderSummary div {
    float: left;
    width: 45% !important;
    font-size: 1.1em;
    margin-top:5px;
        margin-bottom:5px;

}

    
     .dnnSearchResultPagerTop {
        display: none !important;
    }
    .dnnSearchBoxPanel {
 max-width: 98%; 
}
    #araSearchFilter{
top: 0px;
left: 0px;
}
        #araSearchFilter .dnnLabel {
            width: auto;
        }


    #araSearchFilter_Filter, #araSearchFilter_Clear {
        position: relative;
         top: 5px;
        left: 10%;
        cursor: pointer;
    }
     #araSearchFilter_Clear {
         top:-12px;
         left: 30%;
    }
  

    #JoinAra, #contactInfo {
        top: 95px !important;
    }

    .ProductBox {
        margin: 0.5%;
    }

    div.art-search {
        top: 30px;
    }

    #art-login {
        top: 0px !important;
    }

    #contactInfo {
        left: auto;
        right: 120px;
    }

    .Col2 .personRow {
        width: 90%;
    }

    @media all and (max-width: 650px) {
        .col2 {
            width: 98% !important;
        }

        .popup {
            width: 90%;
            margin: 10px 0 0 -50%;
        }

        .HomePageFullWidthAd {
            padding: 0px;
        }

            .HomePageFullWidthAd img {
            }

            .HomePageFullWidthAd .Content p {
                top: 73px;
                width: 90%;
                margin-left: -5%;
            }

            .HomePageFullWidthAd .Title {
            }

        .personRow {
            border-bottom: 1px solid #e8e8e8;
            margin-bottom: 18px;
            padding-bottom: 18px;
        }

        .Col3 .personRow {
            width: 45%;
        }

        .dnnSearchResultContainer > .dnnSearchResultItem {
            width: 97%;
            height: auto;
        }

        .SidePanelRight {
            position: initial;
        }

        .AraLinks ul > li {
            width: 98%;
        }

        .VidDiv {
            width: 48%;
        }

        #ARAmission {
            display: none;
        }

        #dnn_ContentPane .itemStyle {
            display: inline-block;
            width: 100%;
            float: left;
            border-bottom: 1px solid #e8e8e8;
        }

        .ProductBox, .ProductBox230, .stateListings > div {
            width: 95%;
            height: auto!important;
        }

        .VideoProductBox, .VideoProductBoxLarge {
            width: 98%;
            height: 140px;
        }

            .VideoProductBox .SmallProductImage {
                /*position: initial !important;*/
                max-width: 45%;
            }

            .VideoProductBox .araProductTitle {
                /*width: 50%;
            height: 20px;
            position: initial;
            float:right !important;
            top:0;*/
            }

            .VideoProductBox .araLine2 {
                padding-top: 5px;
                line-height: 100%;
                height: auto;
            }

        .ModAraAraProductBoxC .araProductTitle {
            height: auto;
            max-width: 75%;
            float: left;
        }

        .ModAraAraProductBoxC .SmallProductImage {
            width: 100%;
            height: auto;
            max-width: 90%;
            float: right;
        }

        .VideoProductBoxLarge .SmallProductImage {
            width: 30% !important;
            left: 0px;
        }

        .VideoProductBoxLarge .araProductTitle {
            width: 60% !important;
            left: 35%;
            top: 5px;
        }

        .ModAraAraProductBoxC .araProductButtons {
            /*position: initial;*/
        }

        .ModAraAraProductBoxC .araLine2 {
            display: none;
        }

        .ModAraAraLendingLibraryC .Description {
            height: auto;
            overflow-y: auto;
        }

        .ModAraAraLendingLibraryC .ProductBox {
            height: 170px;
        }

        .ModAraAraLendingLibraryC .ProductInfo {
            height: auto;
            padding: 0px;
            width: 98%;
            overflow-x: hidden;
        }

        .ModAraAraLendingLibraryC .ProductDetails {
            max-HEIGHT: 100PX;
            overflow: auto;
        }

        .ModAraAraLendingLibraryC .ProductButtons {
            background-color: transparent;
            padding-left: 7px;
            margin-top: 5px;
        }

        .ModAraAraLendingLibraryC .ProductInfo .ImgFloatText {
            width: 40%;
            margin: 0px;
            float: left;
        }

        #dnn_sidebar1 .ModAraAraProductBoxC .araLine2 {
            position: relative;
            clear: both;
            top: 0px;
            left: 0px;
            width: 98%;
        }

        #dnn_sidebar1 .araProductTitle {
            position: static;
            max-width: 75%;
            line-height: 15px;
            float: right;
        }

        #dnn_sidebar1 .ModAraAraProductBoxC .SmallProductImage {
            width: 18%;
            float: left;
        }
        .SmallProductImage img {
            width: auto;
        }
        #dnn_sidebar1 .ModAraAraProductBoxC .araLine2 {
            position: relative;
            clear: none;
            top: 0px;
            left: 0px;
            width: 98%;
        }

        .trResourceLocator .araProductPricing {
            position: initial;
        }

        .trResourceLocator .araProductButtons, .trResourceLocator .araProductDetailsButtons, .trResourceLocator .araProductPurchaseButtons {
            position: initial;
            /*float: right;*/
        }

        #contactInfo {
            left: auto;
            right: 120px;
        }

        #JoinAra, #contactInfo {
            top: 124px !important;
            z-index: 999;
        }

        #contactInfo {
            top: 80px;
            top: 140px !important;
            z-index: 999;
            color: #ffffff;
        }

            #contactInfo img {
                display: none;
            }

        div.art-search {
            top: 30px;
        }

        #art-login {
            top: 0px !important;
        }

        #ARAmission {
            top: 140px;
        }
    }

    @media all and (max-width: 605px) {
        .ARAarticleblock {
            width: 98%;
        }

        #dnn_Bottom1, #dnn_Bottom2, #dnn_Bottom3, #dnn_Top1, #dnn_Top2, #dnn_Top3 {
            width: 100%;
            float: left;
        }

        #art-resp, #art-resp-m {
            display: block;
        }

        #art-resp-t {
            display: none;
        }

        .cycle-overlay {
            top: 10px;
            font-size: 12px;
        }

        #dnn_Extra1, #ARAmission, #contactInfo {
            display: none;
        }



        #art-login {
            top: 0px;
            width: 30%;
        }

        .art-object451617596 {
            top: 15px;
            margin-left: -147px !important;
            width: 150px;
        }

        .cycle-pager {
            display: none;
        }

        .cycle-overlay {
            font-size: 14px;
            top: 40px;
        }

        #JoinAra {
            top: 70px;
        }



        /* dynamic width nav */

        .art-nav .art-menu-btn {
            border: 1px solid #404040;
            border-radius: 3px;
            box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
            display: none;
            background: -ms-linear-gradient(top, #707070 0, #000 100%);
            background: -moz-linear-gradient(top, #707070 0, #000 100%);
            background: -o-linear-gradient(top, #707070 0, #000 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
            background: -webkit-linear-gradient(top, #707070 0, #000 100%);
            background: linear-gradient(to bottom, #707070 0, #000 100%);
            margin: 3px;
            padding: 5px;
            position: relative;
            width: 20px;
        }

            .art-nav .art-menu-btn span {
                background: #E0E0E0;
                border-radius: 2px;
                display: block;
                height: 3px;
                margin: 3px 1px;
                position: relative;
                -moz-transition: background .2s;
                -o-transition: background .2s;
                -webkit-transition: background .2s;
                transition: background .2s;
            }

            .art-nav .art-menu-btn:hover span {
                background: #f3f3f3;
            }

        .responsive .art-nav .art-menu-btn {
            display: inline-block;
        }

        .responsive nav.art-nav,
        .responsive .art-nav-inner {
            width: auto !important;
            position: relative !important;
            top: auto !important;
            left: auto !important;
            right: auto !important;
            bottom: auto !important;
            margin-top: 0;
            margin-bottom: 0;
            min-width: 0;
            text-align: left !important;
        }

        .responsive nav.art-nav {
            min-width: 1%;
        }

        .responsive .art-nav {
            padding-left: 0;
            padding-right: 0;
        }

            /* full width hmenu, instead of inline-block */
            .responsive .art-nav ul.art-hmenu {
                display: none;
                float: none;
                text-align: center;
            }

            .responsive .art-nav .art-hmenu.visible {
                display: block;
            }

            /* elements on different lines */
            .responsive .art-nav ul.art-hmenu li,
            .art-hmenu-extra1,
            .art-hmenu-extra2 {
                float: none;
            }

            /* horizontal margins */
            .responsive .art-nav ul.art-hmenu > li:first-child,
            .responsive .art-nav ul.art-hmenu > li:last-child,
            .responsive .art-nav ul.art-hmenu > li {
                margin-left: 0;
                margin-right: 0;
                width: 100%;
                float: right;
                border-bottom: solid 1px #e7e7e7;
                height: auto;
            }

                /* separator */
                .responsive .art-nav ul.art-hmenu > li:before {
                    display: none;
                }

            /* vertical distance between items */
            .responsive .art-nav ul.art-hmenu a {
                margin-top: 1px !important;
                margin-bottom: 1px !important;
                text-align: center !important;
                height: 20px;
                white-space: normal;
                padding-top: 5px;
                padding-bottom: 5px;
            }

            .responsive .art-nav ul.art-hmenu > li:first-child > a {
                margin-top: 0 !important;
            }

            .responsive .art-nav ul.art-hmenu > li:last-child > a {
                margin-bottom: 0 !important;
            }

            /* fixes for extended menu */
            .responsive .art-nav .ext,
            .responsive .art-nav ul.art-hmenu > li > ul,
            .responsive .art-nav ul.art-hmenu > li > ul > li,
            .responsive .art-nav ul.art-hmenu > li > ul > li a {
                width: auto !important;
            }

            /* submenu position on hover */
            .responsive .art-nav ul.art-hmenu ul {
                left: auto !important;
                right: auto !important;
                top: auto !important;
                bottom: auto !important;
                display: none !important;
                position: relative !important;
                visibility: visible !important;
            }

            .responsive .art-nav ul.art-hmenu > li > ul > li:first-child:after {
                display: none;
            }

            .responsive .art-nav ul.art-hmenu ul a {
                padding-left: 4% !important;
            }

            .responsive .art-nav ul.art-hmenu ul ul a {
                padding-left: 6% !important;
            }

            .responsive .art-nav ul.art-hmenu ul ul ul a {
                padding-left: 8% !important;
            }

            .responsive .art-nav ul.art-hmenu ul ul ul ul a {
                padding-left: 10% !important;
            }

            .responsive .art-nav ul.art-hmenu ul ul ul ul ul a {
                padding-left: 12% !important;
            }

            .responsive .art-nav ul.art-hmenu > li > ul {
                padding: 5px;
            }

                .responsive .art-nav ul.art-hmenu > li > ul:before {
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                }

        .responsive .art-header {
            width: auto;
            height: 150px;
            min-height: 100px;
            min-width: 1%;
            background-position: center center !important;
            background-size: cover !important;
            background-repeat: repeat !important;
        }

            .responsive .art-header .art-headline,
            .responsive .art-header .art-slogan {
                display: block !important;
                top: 0 !important;
                left: 0 !important;
                margin: 2% !important;
            }

                .responsive .art-header .art-headline a,
                .responsive .art-header .art-slogan {
                    white-space: normal !important;
                }

            .responsive .art-header * {
                /*position: relative;*/
                -webkit-transform: none !important;
                -moz-transform: none !important;
                -o-transform: none !important;
                -ms-transform: none !important;
                transform: none !important;
            }

            .responsive .art-header #art-flash-area,
            .responsive .art-header .art-shapes > * {
                display: none;
            }

        .responsive #art-header-bg {
            background-position: center center !important;
            background-size: cover !important;
            background-repeat: repeat !important;
        }

        /* Search and other elements in header element directly */
        .responsive .art-header > .art-textblock {
            position: relative !important;
            display: block !important;
            margin: 1% auto !important;
            width: 75% !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            left: auto !important;
        }

            /* For icons like facebook, rss, etc. */
            .responsive .art-header > .art-textblock > div {
                width: 100%;
            }

        .responsive .art-content-layout,
        .responsive .art-content-layout-row,
        .responsive .art-layout-cell {
            display: block;
        }

        .responsive .art-layout-cell {
            width: auto !important;
            height: auto !important;
            border-right-width: 0 !important;
            border-left-width: 0 !important;
            border-radius: 0 !important;
        }

            .responsive .art-content-layout:after,
            .responsive .art-content-layout-row:after,
            .responsive .art-layout-cell:after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
            }

        .responsive .art-post {
            border-radius: 0;
        }

        .responsive .art-footer-inner {
            min-width: 0;
        }

        .responsive .art-footer {
            margin-top: 1%;
        }

        .responsive .responsive-tablet-layout-cell {
            width: 50% !important;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        #contactInfo {
            display: block !important;
        }
    }

    @media all and (max-width: 750px) {
        .responsive #art-header-bg {
            height: 200px;
        }

        .art-postheader {
            font-size: 15px;
        }
        .slotMachine {
            width: 44.2%;
        }
        .LockBody {
            height: 445px;
        }
        .machineContainer {
            height: 550px;
        }
        .Chain {
            margin-top: 150px;
        }
        .slotMachine {
            height: 220px;
        }
    }

    @media all and (max-width: 550px) {
        .arawidelogo {
            height: 90px;
        }

        div.art-search {
            top: 0px !important;
            left: 0px !important;
        }

        .arawidelogo img {
            max-width: 90%;
            height: 80px;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        #JoinAra {
            top: 100px !important;
        }

        #contactInfo {
            top: 109px !important;
        }

        div.art-search {
            top: 0px !important;
        }

            div.art-search input[type="button"], input.art-search-button, a.art-search-button {
                /*height: 30px !important;*/
                left: -55px;
            }

        #art-login {
            top: 0px !important;
        }

        #ARAtext {
            font-size: 40px !important;
            top: 45px !important;
        }

        #ARAmission {
            display: none;
        }

        .responsive #art-header-bg {
            height: 160px;
        }

        #category-art-header-bg [id$='HtmlModule_lblContent'] {
            width: 100%;
        }

        #category-art-header-bg p {
            display: none;
        }

        #category-art-header-bg [id$='HtmlModule_lblContent'] p {
            width: 100%;
        }

        .responsive.responsive-phone .art-content-layout .ModDNNHTMLC img {
            /*float: none !important;*/
            /*max-width: 40% !important;*/
            /*updated to fix mobile banner issue, see ticket #17364*/
            max-width: 99% !important;
        }

        .ICG_ETH_Title img {
            width: 12px !important;
        }

        #category-art-header-bg #dnn_HeaderPane {
            border-bottom: solid 1px #762432;
            width: 100%;
            height: 35px;
        }

        #category-art-header-bg {
            height: 35px;
        }

        .art-postheader {
            font-size: 13px;
        }

        .ARAarticleblock {
            height: auto;
        }

        .responsive.responsive-phone .art-content-layout .ARAarticleblock img, .responsive.responsive-phone .art-content-layout .BenefitsList img {
            float: left !important;
        }

        .BenefitsList {
            height: 300px;
        }

        #ARAtext {
            font-size: 15px;
        }

        .topnodeNarrow ul li a, .topnodeNarrow li a {
            font-size: 16px !important;
            line-height: 30px;
        }

        .Col3 .personRow {
            width: 90%;
        }
    }

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

        .arabigbutton {
            font-size: 14px !important;
        }


        #ARAtext {
            font-size: 15px;
            z-index: 999;
            top: 115px;
            color: #ffffff;
            left: 65px;
        }

        .HomePageFullWidthAd {
            width: 99%;
            padding: 0px;
        }

            .HomePageFullWidthAd img {
            }

            .HomePageFullWidthAd .adDescription p {
                top: 40px;
                width: 99%;
                margin-left: -5%;
                line-height: 10px;
            }

            .HomePageFullWidthAd .Title {
                width: 80%;
                line-height: 15px;
            }




        div.art-search input[type="button"], input.art-search-button, a.art-search-button {
            /*height: 30px !important;*/
            left: -55px;
        }

        #art-login {
            top: 9px !important;
        }

        #ARAtext {
            font-size: 35px !important;
            top: 110px !important;
        }
    }

    @media all and (max-width: 450px) {
        #trsJoinAra {
            top: 134px;
            position: absolute;
            left: 100%;
            z-index: 9999;
        }

        .trswidelogo {
            height: 120px;
        }

            .trswidelogo img {
                max-width: 50%;
            }
    }