html, body {
}

html, body, form {
    margin: 0;
    padding: 0;
}

body {
    background-color: #ffffff;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 76%;
    color: #000000;
    padding: 0px;
    margin: 0px;
}


a {
    color: #34CCFF;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color: #78ddff;
    }

    a img {
        border-style: none;
        border-width: 0;
    }

h1 {
    font-size: 1.8em;
    font-weight: 600;
    color: #414141;
    margin: 0 0 0.4em 0;
    font-family: 'Julius Sans One', sans-serif;
    text-transform: uppercase;
}

h2 {
    font-size: 1.4em;
    font-weight: 600;
    color: #414141;
    margin: 0.6em 0 0.4em 0;
    font-family: 'Julius Sans One', sans-serif;
    text-transform: uppercase;
}

h3 {
    font-size: 1.2em;
    font-weight: 600;
    color: #414141;
    margin: 0.4em 0 0.1em 0;
    font-family: 'Julius Sans One', sans-serif;
    text-transform: uppercase;
}

h4 {
    font-size: 1em;
    font-weight: 600;
    color: #414141;
    margin: 0.2em 0 0.1em 0;
    font-family: 'Julius Sans One', sans-serif;
    text-transform: uppercase;
}

p {
    line-height: 1.6em;
    margin: 0.2em 0 1em 0;
    color: #414141;
}

ul li {
    color: #4F4B4B;
    font-family: 'Julius Sans One', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}


/*områden */
#body {
    text-align: center;
    background: #ffffff;
}

/*#bodyPlaceholder
{
	width:980px;
	margin:0px auto 0 auto;
	text-align:left;
}*/

.wrapper {
    width: 980px;
    margin: 0px auto 0 auto;
}

#contentPlaceholder {
    min-width: 980px;
    max-width: 980px;
    margin: 0px auto;
    overflow: hidden;
}


.contentMainPlaceholder {
    text-align: left;
    padding: 40px 0px 0px 0px;
}

#top {
    /*margin-bottom:2px;
	border-bottom:3px solid #080383;*/
    background: url(/media/build/heading.jpg) repeat-x;
    background-size: 100% 100%;
    width: 100%;
    text-align: center;
    clear: both;
    height: 560px;
    position: relative;
    padding: 0px;
}

    #top .logo {
        margin: 20px auto;
    }

    #top .position {
        float: right;
        color: #b5b4db;
        padding-top: 35px;
    }

.large-icon {
    display: block;
    width: 200px;
    height: 190px;
    background: url(/media/build/seagull.png) no-repeat;
    position: absolute;
    bottom: -49px;
    right: 0px;
}

.large-icon-2 {
    display: block;
    width: 200px;
    height: 160px;
    background: url(/media/build/seagull.png) no-repeat;
    background-size: auto 160px;
    position: absolute;
    bottom: -10px;
    right: 0px;
}

.contentSpacer {
    width: 2px;
}

#footer {
    padding-bottom: 20px;
    border-top: 3px solid #080383;
    font-size: 0.9em;
}



.moduleHeader {
    margin: 2px 0 0 0;
    padding: 3px 0 3px 5px;
    font-size: 1em;
    color: #ffffff;
}

.moduleHeaderEditorial {
    background-color: #5d69af;
}

/* News ------------------------ */
.box {
    width: 100%;
    height: 200px;
    border: 1px solid #000;
    display: inline-block;
}

    .box.news {
        background: url(/media/build/news.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .box.buy-sell {
        background: url(/media/build/ads.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .box.eventcalender-content {
        background: url(/media/build/calendar.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .box h3 {
        vertical-align: middle;
        font-family: 'Julius Sans One', sans-serif;
        color: #fff;
        font-size: 2.2em;
        text-shadow: 1px 1px 1px #000;
        display: block;
        clear: both;
        margin-bottom: 10px;
        margin-top: 70px;
    }

    .box a {
        display: block;
        background: url(/media/build/op-2.png) repeat;
        float: none;
        border: 1px solid #eee;
        width: auto;
        clear: both;
        margin: 0px auto;
        padding: 5px;
        max-width: 120px;
        color: #ccc;
        text-transform: uppercase;
        border-radius: 3px;
        font-weight: bold;
        font-size: 0.9em;
        font-family: Arial, Helvetica, sans-serif;
    }

        .box a:hover {
            background: url(/media/build/op-3.png) repeat;
            color: #fff;
        }

        .no-acitivitys{
            color:#FF0000;
            font-weight:normal;
        }
/* Ads ----------------------- */

.ads {
    position: absolute;
    right: 20px;
    width: 150px;
}

    .ads .placeholder {
        margin: 40px 0px 0px 0px;
        background: #fff;
    }

.fixed {
    position: fixed;
    top: 0px;
    right: 20px;
    width: 150px;
}

    .fixed .placeholder {
        margin: 10px 0px 0px 0px;
    }

.ads .placeholder hr {
    display: none;
}


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

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

    #contentPlaceholder {
    }

    .contentMainPlaceholder {
        width: 780px;
    }

    .ads {
        width: 150px!important;
        margin: 0px auto!important;
        position: relative!important;
        float: right!important;
    }

        .fixed .placeholder, .ads .placeholder {
            margin: 20px 0px 0px 0px!important;
        }

    .fixed-layout, .fixed {
        position: relative!important;
        display: block!important;
        clear: both!important;
        text-align: left!important;
        right: auto;
        left: auto;
    }
    
    .large-icon-2{
        display:none;
    }
}
/* Menu ----------------------- */
.RadMenu {
    margin: 0px 2%;
    display: block;
    clear: both;
    width: 96%;
    text-align: center;
    white-space: normal!important;
}

    .RadMenu ul.rmHorizontal {
        margin: 0px auto!important;
        float: none!important;
        background: none!important;
        border: 0px!Important;
        text-align: center!important;
        width: 980px!important;
        display: block!important;
        /*word-wrap: break-word!important;*/
    }

        .RadMenu ul.rmHorizontal .rmItem {
            /*float:left;*/
            float: none;
            display: inline-block;
            *Display: inline;
            zoom: 1;
            border: 0px!important;
            margin: 0px!important;
            white-space: normal!important;
            list-style-position: inside!important;
                  width:auto;
        }

            .RadMenu ul.rmHorizontal .rmItem .rmLink {
                border-left: 0px!important;
                border: 1px solid transparent!important;
                color: #eee;
                border-radius: 20px;
                background-color: none;
                background: none;
                margin: 0px!important;
                text-transform: none!important;
                width:auto;
            }

                .RadMenu ul.rmHorizontal .rmItem .rmLink:hover {
                    border: 1px dotted #b1d8f5!important;
                    background-color: none;
                    background: url(/media/build/op.png) repeat;
                    color: #fff;
                    cursor: pointer;
                }

                .RadMenu ul.rmHorizontal .rmItem .rmLink .rmText {
                    border: 0px!important;
                }

        .RadMenu ul.rmHorizontal .rmSlide {
            /*background: url(/media/build/point.png) no-repeat 40px top;
            padding-top: 2px;
            margin-top: 2px;*/
            width:auto;
        }

        .RadMenu ul.rmHorizontal .rmGroup {
            padding: 5px 0px 10px 0px;
            background: #7abbf3 url(/media/build/menu-bg.jpg) repeat!important;
            margin-top: 5px;
            border: 1px dotted #b1d8f5!important;
            border-radius: 3px;
            z-index: 20002;
            min-width:220px;
            width:auto;
            max-width:220px;
        }

            .RadMenu ul.rmHorizontal .rmGroup .rmItem, .RadMenu ul.rmHorizontal .rmGroup .rmItem:hover {
                display: block!important;
                clear: both;
                text-align: left;
                background-color: none!important;
                background: none!important;
                margin:0px;
                padding:0px;
            }

                .RadMenu ul.rmHorizontal .rmGroup .rmItem .rmLink {
                    background-color: none!important;
                    background: none!important;
                    margin:0px;
                    margin-bottom: 5px;
                    padding:0px;
                }

                    .RadMenu ul.rmHorizontal .rmGroup .rmItem .rmLink:hover {
                        background-color: none!important;
                        background: none!important;
                        border: 1px solid transparent!important;
                    }

                    .RadMenu ul.rmHorizontal .rmGroup .rmItem .rmLink .rmText, .RadMenu ul.rmHorizontal .rmGroup .rmItem .rmLink .rmText:hover {
                        background-color: none!important;
                        background: none!important;
                    }

/* Kolumner --------------------- */
.row {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 40px 0px;
    border: 1px dotted #999;
    border-left: 0px;
    border-right: 0px;
    padding: 30px 0px;
    clear: both;
}

    .row .col {
        float: left;
        width: 32%;
        margin-right: 1%;
    }

        .row .col.second {
            width: 34%;
        }

        .row .col.last {
            margin-right: 0px;
             width: 31.5%;
        }

/* Footer ----------------------- */
.footer {
    display: block;
    clear: both;
    width: 100%;
    padding: 0px 0px 10px 0px;
    overflow: hidden;
    font-size: 0.9em;
    margin-top: 40px;
}

    .footer .image {
        display: block;
        clear: both;
        width: 100%;
        background: url(/media/build/heading.jpg) repeat-x bottom center;
        background-size: 100% auto;
        height: 160px;
        margin-bottom: 10px;
    }

    .footer .copyright {
        float: left;
        font-style: italic;
        color: #838383;
    }

    .footer .powered-by {
        float: right;
        opacity: 0.8;
    }

        .footer .powered-by:hover {
            opacity: 1.0;
        }

/* Slider ------------------ */
.slider-wrapper {
    display: block;
    clear: both;
    height: 325px;
    width: 980px;
    margin: 0px auto;
    position: relative;
    top: 60px;
}

ul#slider {
    height: 325px;
    margin: 0px;
    padding: 0px;
}

div.anythingSlider .anythingControls {
    overflow: hidden;
    text-align: center;
    outline: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 0px;
}

ul.anythingBase {
    background: transparent;
    list-style: none;
    position: absolute;
    overflow: visible !important;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

    ul.anythingBase li.panel {
        display: block;
        float: none;
        padding: 0;
        margin: 0px auto;
        height: 100%;
    }

div.anythingSlider .thumbNav {
    margin: 0px auto!important;
    float: none;
    padding: 0px;
}

    div.anythingSlider .thumbNav li {
        display: inline-block;
        border-style: none !important;
        border-color: inherit !important;
        border-width: 0px !important;
        background-position: 0% 0%;
        background-color: none!important;
        *display: inline;
        zoom: 1;
        box-shadow: none!important;
        float: none;
        background-image: none !important;
        background-repeat: repeat !important;
        background-attachment: scroll !important;
    }

    div.anythingSlider .thumbNav a, div.anythingSlider .thumbNav a:hover, div.anythingSlider .thumbNav a.cur {
        font-size: 0px;
        box-shadow: none!important;
        background-color: none!important;
        background: transparent url(/media/build/anything-buttons.png) no-repeat bottom center!important;
        display: inline-block;
        *display: inline;
        zoom: 1;
        text-decoration: none!important;
        padding: 0px;
        height: 8px;
        width: 8px;
        margin: 0 5px 0 0;
        text-align: center;
        cursor: pointer;
        opacity: 0.8;
    }

        div.anythingSlider .thumbNav a span {
            background-position: 0% 0%;
            background-color: none!important;
            background-image: none !important;
            background-repeat: repeat !important;
            background-attachment: scroll !important;
        }

        div.anythingSlider .thumbNav a:hover {
            background: url(/media/build/anything-buttons.png) no-repeat bottom center!important;
            opacity: 1.0;
        }

        div.anythingSlider .thumbNav a.cur {
            background: url(/media/build/anything-buttons.png) no-repeat top center!important;
            opacity: 1.0!important;
        }

            div.anythingSlider .thumbNav a.cur:hover {
                background: url(/media/build/anything-buttons.png) no-repeat top center!important;
                opacity: 1.0!important;
            }

div.anythingSlider.activeSlider .anythignControls ul a.cur, div.anythingSlider.activeSlider.anythingControls ul a {
    background: none!important;
}

div.anythingSlider .anythingWindow {
    border: 0px solid #ccc!important;
}

.slider-wrapper ul li {
    font-family: 'Julius Sans One', sans-serif;
    color: #fff;
}

div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
    transition-duration: 0;
    -o-transition-duration: 0;
    -moz-transition-duration: 0;
    -webkit-transition-duration: 0;
}

    div.anythingSlider .arrow {
        top: 0%;
        position: absolute;
        z-index: 10;
    }

        div.anythingSlider .arrow a {
            visibility: visible!important;
            display: block!important;
            padding-top: 80px;
            height: 232px;
            margin: 0 0 0 0; /* half height of image */
            width: 25px;
            text-align: center;
            outline: 0;
        }

    div.anythingSlider .back a, div.anythingSlider .back a:hover {
        background: url(/media/build/left.png) no-repeat center center!important;
        opacity: 0.6;
    }

    div.anythingSlider .forward a, div.anythingSlider .forward a:hover {
        background: url(/media/build/right.png) no-repeat center center!important;
        opacity: 0.6;
    }


        div.anythingSlider .forward a:hover, div.anythingSlider .back a:hover {
            opacity: 1.0;
        }

.slider-wrapper ul li h1, .slider-wrapper ul li h2 {
    font-family: 'Julius Sans One', sans-serif;
    color: #fff;
    font-size: 2.6em;
    text-shadow: 1px 1px 1px #333;
    margin-top: 60px;
}

.slider-wrapper ul li .link {
    display: block;
    background: #1C2630;
    margin: 0px auto;
    width: 180px;
    padding: 2px 5px 0px 5px;
    color: #fff;
    opacity: 0.8;
    font-size: 1.2em;
    border: 1px solid #ddd;
    position: relative;
    top: 40px;
}

    .slider-wrapper ul li .link:hover {
        background: #000;
        opacity: 1.0;
    }

    .slider-wrapper ul li .link span {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
    }

        .slider-wrapper ul li .link span.icon {
            background: url(/media/build/anchor.png) no-repeat top center;
            background-size: auto 20px;
            width: 20px;
            height: 25px;
            margin: 5px 5px 0px 5px;
        }

        .slider-wrapper ul li .link span.text {
            position: relative;
            top: -1px;
        }

/* ------------------------------------ */

.language {
    padding: 2px;
    text-align: right;
}

#languagelist {
    list-style-type: none;
    margin: 0 5px 0 0;
    padding: 0;
}


    #languagelist li {
        display: inline;
    }

        #languagelist li a {
        }


#address {
    margin-top: 40px;
    font-size: smaller;
}


/* ------------------- */

hr {
    background: none;
    border: 0;
    border-top: 1px dotted #999;
    margin: 5px 0;
    height: 1px;
}

div.separator {
    height: 1px;
    background: #666666 url('/Media/Build/spacer.gif');

    margin: 5px 0;
}

    div.separator hr {
        display: none;
        margin: 0;
        clear: both;
    }
.contentMain img{
max-width:100%;
height:auto;
}


img.left {
    float: left;
    margin-right: 6px;
}

img.right {
    float: right;
    margin-left: 6px;
}

.ErrMsg, .EmptyGridView {
    padding: 10px;
    margin: 9px;
    background-color: #f8fbdc;
    border: 1px solid #576080;
    clear: both;
}

.ToolTip {
    background-color: #f8fbdc;
    border: 1px solid #576080;
}


/* formulär */
input[type=button], input[type=submit] {
    font-size: 11px;
}

input[type=text], input[type=password], textarea {
}

textarea {
    font-family: Verdana, Arial, Sans-Serif;
}

label {
    cursor: pointer;
}


/*bredder */
.w50 {
    width: 50px;
}

.w100 {
    width: 100px;
}

.w120 {
    width: 120px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

.w300 {
    width: 300px;
}

.w400 {
    width: 400px;
}



/* färger */
.red {
    color: Red;
}

.bold {
    font-weight: 700;
}

.underline {
    text-decoration: underline;
}

.strikethrough {
    text-decoration: line-through;
}


.small {
    font-size: 10px;
}

.smaller {
    font-size: smaller;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.clear {
    clear: both;
}

.block {
    display: block;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}


@media only screen and (min-width : 0px) and (max-width : 980px) {
    	table, thead, tbody, th, td, tr { 
		display: block; 
	}

            .buyAndSell{
        width:95%;
}


    .buyAndSell .large{
	width:96%!Important;
}

.buyAndSell .xlarge{
	width:96%!Important;
}

.event .calendar table{
    display:table;
}

.event .calendar thead {
    display:table-header-group;
}

.event .calendar tbody {
display:table-row-group;
}

.event .calendar{
    width:100%;
    text-align:center;
}

.event .show-events{
    box-sizing:border-box;
    width:98%;
}

.event .calendar table{
    margin:0px auto;
}

.event .calendar tr{
    display:table-row;
}

.event .calendar th, .event .calendar td{
    display:table-cell;
}

    body{

    }

    .contentMainPlaceholder{
        margin:0px 2%;
    }

   .contentMainPlaceholder img{
        max-width:100%!important;
        display:block!important;
        clear:both!important;
        margin:0px auto!important;
        float:none!important;
        height:auto!important;
    }

    .wrapper {
    width: 96%;
    margin: 0 2%;
}

    .large-icon{
        display:none;
    }
    
#top {
    /*margin-bottom:2px;
	border-bottom:3px solid #080383;*/
    background: url(/media/build/heading.jpg) repeat-x;
    background-size: 100% 100%;
    width: 100%;
    text-align: center;
    clear: both;
    height: 420px;
    position: relative;
    padding: 0px;
}

#top .logotype{
    /*float:left;*/
}

  #top .logotype img{
        width:200px!important;
        height:auto!important;
        margin:10px auto;
       
    }

  #top .menu-icon{
      display:block;
      background:#007CDC url(/Media/Build/menu-icon.png) no-repeat center center;
      width:45px;
      height:45px;
      float:right;
      margin:15px 0 0 0;
      border-radius:400px;
  }


#contentPlaceholder {
      min-width: 96%;
      max-width: 96%;
    margin: 0 2%;
    overflow: hidden;
}

.slider-wrapper {
    display: block;
    clear: both;
    width: 100%;
    margin: 0px auto;
    position: relative;
    top: 0px;
    height:250px;
}

ul#slider {
    height: 250px;
    margin: 0px;
    padding: 0px;
}

.slider-wrapper ul li h1, .slider-wrapper ul li h2 {
    font-family: 'Julius Sans One', sans-serif;
    color: #fff;
    font-size: 2em;
    text-shadow: 1px 1px 1px #333;
    margin-top: 60px;
}

.RadMenu {
    margin: 0px;
    display: none;
    clear: both;
    width: 100%;
    text-align: center;
    white-space: normal!important;
    background:#fff;
        position:absolute!Important;
        right:0px!important;
        overflow-y: scroll;
        top:75px;
        -webkit-overflow-scrolling: touch;
        border:0px!important;   
        height: calc(100vh - 100px);
        height: -o-calc(100vh - 100px); /* opera */
        height: -webkit-calc(100vh - 100px); /* google, safari */
        height: -moz-calc(100vh - 100px); /* firefox */
        box-sizing:border-box;
        border-top:1px dotted #ccc!important;
        border-left:1px dotted #ccc!important;
        padding-bottom:100px;
}

    .RadMenu ul.rmHorizontal {
        margin: 0px auto!important;
        float: none!important;
        background: none!important;
        border: 0px!Important;
        text-align: center!important;
        width: 100%!important;
        display: block!important;
        /*word-wrap: break-word!important;*/
    }

        .RadMenu ul.rmHorizontal .rmItem {
            /*float:left;*/
            float: none;
display:block;
            border: 0px!important;
            margin: 0!important;
            white-space: normal!important;
            list-style-position: inside!important;
            clear:both;
            padding:0!important;
        }

            .RadMenu ul.rmHorizontal .rmItem .rmLink {
                border: 0px solid transparent!important;
                color: #333;
                background-color: none;
                background: none;
                margin: 0!important;
                text-transform: none!important;
                padding:10px 20px!important;
                font-size:1.2em!important;
                border-bottom:1px solid #eee!important;
                border-radius:0px;
                width:100%;
                display:block;
                box-sizing:border-box;
            }

                .RadMenu ul.rmHorizontal .rmItem .rmLink:hover {
                    border: 0px dotted #b1d8f5!important;
                           border-bottom:1px solid #eee!important;
                    background-color: none;
                    background: url(/media/build/op.png) repeat;
                    color: #333;
                    cursor: pointer;
                    border-radius:0px;
                }

                .RadMenu ul.rmHorizontal .rmItem .rmLink .rmText {
                    border: 0px!important;
                }

     

		.RadMenu ul.rmHorizontal .rmSlide {
			/*background: url(/media/build/point.png) no-repeat 40px top;
            padding-top: 2px;
            margin-top: 2px;*/
			display: block !important;
			position: relative !important;
			visibility: visible !important;
			clear: both !important;
			width: 100% !important;
			top: 0px !important;
			overflow: visible !important;
		}

			.RadMenu ul.rmHorizontal .rmFirst .rmSlide {
			
				display: none !important;
			
			}

        .RadMenu ul.rmHorizontal .rmGroup {
            padding: 0px 0px 10px 0px;
            background:none!important;
            margin-top: 0px;
            border: 0px dotted #b1d8f5!important;
            border-radius: 0px;
            z-index: 20002;
            min-width:100%;
                display:block!important;
            position:relative!important;
             visibility: visible!important;
             clear:both!important;
             width:100%;
                top:0px!important;
        }

          .RadMenu ul.rmHorizontal .rmItem .rmLink:hover .rmGroup{
                 min-width:100%!important;
                display:block!important;
                top:0px!important;
          }

            .RadMenu ul.rmHorizontal .rmGroup .rmItem, .RadMenu ul.rmHorizontal .rmGroup .rmItem:hover {
                display: block!important;
                clear: both;
                text-align: left;
                background-color: none!important;
                background: none!important;
                margin:0px;
                padding:0px;
                width:100%;
                display:block!important;
               
            }

                .RadMenu ul.rmHorizontal .rmGroup .rmItem .rmLink {
                    background-color: none!important;
                    background: none!important;
                    margin:0px;
                    margin-bottom: 5px;
                    padding:0px;
                     border: 0px solid transparent!important;
                       border-bottom:1px solid #eee!important;
                       width:100%!important;
                       display:block;
                }

                    .RadMenu ul.rmHorizontal .rmGroup .rmItem .rmLink:hover {
                        background-color: none!important;
                        background: none!important;
                        border: 0px solid transparent!important;
                          border-bottom:1px solid #eee!important;
                    }

                    .RadMenu ul.rmHorizontal .rmGroup .rmItem .rmLink .rmText, .RadMenu ul.rmHorizontal .rmGroup .rmItem .rmLink .rmText:hover {
                        background-color: none!important;
                        background: none!important;
                    }

                    .contentMainPlaceholder{
                        width:100%;
                    }

                    .ads {
    position: relative!important;
    right: 0px;
    width: 100%!important;
    display:block!important;
    clear:both!important;
}

    .ads .placeholder {
        margin: 40px 0px!important;
        background: #fff;
        text-align:center;
        border-bottom:1px dotted #666;
    }

     .ads p{
         display:inline-block;
         *display:inline;
         zoom:1;
         vertical-align:top;
         text-align:left;
         margin:0 20px 20px 0;
     }

        .ads p.ad-heading {
            display:block;
            clear:both;
        }

.fixed {
    position: fixed;
    bottom: 0px;
    right: 0px;
    left:0px;
    width: 100%;
}

    .fixed .placeholder {
        margin: 10px 0px 0px 0px;
    }

.ads .placeholder hr {
    display: none;
}


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

.footer .image{
    height:100px;
}

.footer .copyright{
    float:none;
    display:block;
    margin:20px auto;
    border-bottom:1px dotted #ccc;
    padding-bottom:20px;
}

.footer .powered-by{
    display:block;
    margin:10px auto;
    float:none;
}

.rmSlide {
	display:none !important;
}


}

@media only screen and (min-width : 0px) and (max-width : 768px) {
    .row {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 40px 0px;
    border: 1px dotted #999;
    border-left: 0px;
    border-right: 0px;
    padding: 30px 0px;
    clear: both;
    box-sizing:border-box;
}

    .row .col {
        float: left;
        width: 100%;
        margin-right: 0%;
    }

        .row .col.second {
            width: 100%;
        }

        .row .col.last {
            margin-right: 0px;
             width: 100%;
        }

        .row .col .box{
            height:0px;
           padding-bottom:66%;
                box-sizing:border-box;
                margin-bottom:10px;
                position:relative;
                text-align:center;
        }

          .box h3 {
              margin-top:20%;
    }

    .box a {
        display: block;
        background: url(/media/build/op-2.png) repeat;
        float: none;
        border: 1px solid #eee;
        width: auto;
        clear: both;
        margin: 0px auto;
        padding: 5px;
        max-width: 120px;
        color: #ccc;
        text-transform: uppercase;
        border-radius: 3px;
        font-weight: bold;
        font-size: 0.9em;
        font-family: Arial, Helvetica, sans-serif;
    }
}