@media screen and (min-width: 769px) {
    .mobile {
        display: none;
    }

    .main-content {
        width: 50%;
    }
    .container-body {
    margin-top: 70px;
}
}

@media screen and (max-width: 769px) {
    .desktop {
        display: none;
    }

    hr {
        border: 0;
        height: 1px;
        background: #333;
        width: 80%;
    }

    .headerDesc {
        display: none;
    }
    .panel-heading {
        padding: 1px 15px;
    }
    .header {
        font-size: 20px;
    }
}

.bg-img {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -98;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(/img/oslo2.jpg) no-repeat;
    background-size: cover;
}


.single {
padding: 30px 15px;
margin-top: 25px;
background: #fcfcfc;
border: 1px solid #f0f0f0; }

.single h3.side-title {
margin: 0;
margin-bottom: 10px;
padding: 0;
font-size: 20px;
color: #333;
text-transform: uppercase; }

.single h4.side-title {
margin: 0;
margin-bottom: 10px;
margin-top: 20px;
padding: 0;
color: #333; }


.single h3.side-title:after {
content: '';
width: 260px;
height: 1px;
background: #ff173c;
display: block;
margin-top: 6px; }

.single h4.side-title:after {
content: '';
width: 260px;
height: 1px;
background: #ff173c;
display: block;
margin-top: 6px; }

.single ul {
margin-bottom: 0; }
.single li a {
color: #666;
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px solid #f0f0f0;
line-height: 40px;
display: block;
text-decoration: none; }
.single li a:hover {
color: #ff173c; }
.single li:last-child a {
border-bottom: 0; }

.info-col {
    width: 100%;
}


.imgButton {
  float: right !important;
  margin-top: -1em;
  margin-right: -0.3em;
}

h4 {
    font-weight: 400;
}


.lead {
    margin-top: 20px;
}

.loader {
    position: relative;
    content: url(../img/spinnerloading.gif);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border: 0;
    vertical-align: middle;
    top: 0;
    padding: 0;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
}

.starInfo {
    color: #fffff7;
}

#carInfoDiv {
    margin-bottom: 3%;
}



/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height || Not needed anymore - new footer */
 /* margin-bottom: 60px; */
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container .text-muted {
  margin: 20px 0;
}

/* FOOTER STUFF */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
ul,li{
    padding:0;
    margin:0;
}
li{
    list-style-type:none;
}



footer { background-color:#0c1a1e; min-height:260px; font-family: 'Open Sans', sans-serif; }
.footer-col { margin-top:30px; }
.logofooter { margin-bottom:10px; font-size:25px; color:#fff; font-weight:700;}

.footer-col p { color:#fff; font-size:12px; font-family: 'Open Sans', sans-serif; margin-bottom:15px;}
.footer-col p i { width:20px; color:#999;}

.footer-ul { list-style-type:none;  padding-left:0; margin-left:2px;}
.footer-ul li { line-height:29px; font-size:12px;}
.footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; }
.footer-ul i { margin-right:10px;}
.footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#ff670f; }

 .copyright { min-height:40px; background-color:#000000;}
 .copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0;}
 .heading7 { font-size:21px; font-weight:700; color:#d9d6d6; margin-bottom:22px;}
 .post p { font-size:12px; color:#FFF; line-height:20px;}
 .post p span { display:block; color:#8f8f8f;}
 .bottom_ul { list-style-type:none; float:right; margin-bottom:0;}
 .bottom_ul li { float:left; line-height:40px;}
 .bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
 .bottom_ul li a { color:#FFF;  font-size:12px;}
.social-icon {
    width: 30px;
    height: 30px;
    font-size: 15px;
    background-color: blue;
    color: #fff;
    text-align: center;
    margin-right: 10px;
    padding-top: 7px;
    border-radius: 50%;
}
 .footer-social li{
     float:left;
 }
 .linked-in{
     background-color:#007bb6;
 }
 .facebook{
     background-color:#3b5998;
 }
 .twitter{
     background-color:#1da1f2;
 }
 .google{
     background-color:#f63e28;
 }
#seo_footer {
    position: relative;
    top: -30px;
}
/* FOOTER STUFF END */