body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Roboto', sans-serif;
  color: #333;
  background-color: #f7f7f7; }

::-moz-focus-inner {
  border: 0; }

a, a:hover, a:visited, a:focus, a:active {
  text-decoration: none;
  color: inherit;
  outline: 0 !important; }

h3 {
	font-size: 24px;
	color: #333333;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
button {
	border: none;
	box-shadow: none;
	outline: none;
}
.button {
	background-color: #333333;
	padding: 10px 15px;
	font-size: 18px;
	transition: all 0.3s;
	color: white!important;
	font-weight: 300;
	display: inline-block;
	text-transform: uppercase;
}
.button:hover,
.button:focus {
	background-color: #1f3d57;
}
.button-white {
	background-color: white;
	padding: 10px 15px;
	font-size: 18px;
	transition: all 0.3s;
	color: #333333!important;
	font-weight: 300;
	display: inline-block;
	text-transform: uppercase;

}
.button-white:hover,
.button-white:focus {
	background-color: #333333;
	color: white!important;
}
.white {
    width: 100%;
    height: 970px;
    position: absolute;
    z-index: -1;
    background-color: white;
}
.big-wraper {
    box-shadow: 0px 0px 25px lightgray;
}

.bannertitle {
    background-color: #e9eaed;
    font-weight: 300;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 25px;
    padding-top: 25px;
    margin: 0;
}

.first-line {
	color: #666666;
	font-size: 14px;
	font-weight: 300;
}
.first-line .row {
	background-color: #f7f7f7;
	padding: 10px;
}
.first-line p {
	margin-bottom: 0;
}
.first-line p span {
	padding-right: 25px;
}
.logo-section {
	background-color: white;
	padding: 20px;
}
.logo-section img {
	display: inline-block;
}
.logo-section .col-md-4 {
	text-align: right;
}
.logo-section .col-md-4 img {
	margin-left: 15px;
}
header .row {
    background-color: #1f3d57;
    min-height: 70px;
}

header .logo {
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 30px;
    z-index: 5;
}

.navbar-header {
    margin-top: 5px;
}

.navigacija .navbar-default {
    margin-bottom: 0px;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.navigacija .navbar-default li {
    border-bottom: 5px solid transparent;
    transition: all 0.2s;
}

.navigacija .navbar-default li a {
    padding-bottom: 20px;
    padding-top: 25px;
    padding-left: 8px;
    padding-right: 8px;
    color: white!important;
    text-transform: uppercase;
    font-size: 14px;
    background-color: transparent!important;
}

.navigacija .navbar-default li:hover {
    border-bottom: 5px solid white;
}

.navigacija .navbar-default li:hover a {
    color: white;
}

.navigacija .navbar-default li.active {
    border-bottom: 5px solid white;
}
.social {
	padding: 25px 0 20px 0;
	text-align: right;
	margin-bottom: 0;
}
.social li {
	padding-left: 15px;
}
.social li a {
	color: white;
	font-size: 16px;
}
/* menu button animation*/

.navbar-default .navbar-toggle {
    border: 0px;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-toggle .icon-bar {
    width: 29px;
    height: 3px;
}

.navbar-toggle .icon-bar {
    transition: all 0.2s;
}

.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggle .middle-bar {
    opacity: 0;
}

.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 0% 70%;
}

.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggle .bottom-bar,
.navbar-toggle .top-bar,
.navbar-toggle .middle-bar {
    font-size: 30px;
    margin-bottom: 6px;
    font-weight: 500;
}

.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}

/*SLIDER*/

.slick-initialized .slick-slide {
    outline: 0 !important;
}

.slick-prev,
.slick-prev:focus,
.slick-next,
.slick-next:focus {
    position: absolute;
    z-index: 2;
    display: block;
    height: 55px;
    width: 55px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    border-radius: 50%;
    color: white;
    top: 45%;
    padding: 0;
    outline: none;
    text-align: center;
    border: none;
    background: transparent;
    border-radius: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    background-position: center;
    background-repeat: no-repeat;
}

.main-slider .slick-prev,
.main-slider .slick-prev:focus {
    left: 0px;
    background-image: url("../images/arrow-left.png");
}

.main-slider .slick-next,
.main-slider .slick-next:focus {
    right: 0px;
    background-image: url("../images/arrow-right.png");
}
.slick-prev:before, .slick-next:before {
    display: none;
}
.main-slider .slick-next:hover,
.main-slider .slick-prev:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.main-slider .slider-caption {
	background-color: rgba(31,61,87, 0.6);
	padding: 30px 0;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}
.main-slider .slider-caption h2 {
	color: white;
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.main-slider .slider-caption p {
	font-size: 16px;
	color: white;
	margin-bottom: 0;
}
.main-slider .main-slide {
	position: relative;
}

/*THREE POINTS*/

.regular-padding {
	padding: 60px 0;
}

.three-points .row {
	background-color: #f6f6f6;
	padding: 60px 0;
}
.three-points article {
	background-color: white;
}
.three-points article img {
	width: 100%;
}
.three-points article .article-text {
	padding: 25px 15px;
    min-height: 183px;
}
.three-points article .article-text h3 {
	font-size: 24px;
	color: #222222;
	margin-top: 0;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.three-points article .article-text p {
	color: #999999;
	font-size: 14px;
    min-height: 60px;
}
.link-to {
	color: #1f3d57!important;
	font-size: 16px;
	transition: all 0.3s;
}
.link-to:hover,
.link-to:focus {
	color: #222222!important;
}
.link-to img {
	width: auto!important;
	margin-left: 5px;
}

/*UBER UNS HOME*/

.uber-uns-home .row {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.uber-uns-home h1 {
	font-size: 24px;
	color: white;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.uber-uns-home p {
	font-size: 16px;
	color: white;
}

/*KONTAKT HOME*/

.kontakt-home .row {
	background-color: #f7f7f7;
	padding: 40px 0;
}
.kontakt-home p {
	font-size: 16px;
	color: #616161;
	font-weight: 300;
	margin-bottom: 0;
}
.kontakt-home .button {
	margin-top: 10px;
}

/*MAP*/
.map .row {
	background-color: white;
}
.map .map-desc {
	padding: 60px 0;
}
.map .map-desc h2 {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.map .dl-horizontal {
	margin-bottom: 0;
}
.map .dl-horizontal dt {
	width: 20px;
	text-align: left;
	margin-right: 15px;
	color: #333333;
	font-size: 18px;
}
.map .dl-horizontal dd {
	margin-left: 30px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #333333;
}
.map .dl-horizontal dd:last-child {
	margin-bottom: 0;
}
#googleMap {
    height: 314px;
}
.map .col-md-9 {
	padding: 0;
}

/*FOOTER*/

footer .row {
	background-color: #1f3d57;
}
footer img {
	margin-top: 70px!important;
	margin: 0 auto;
}
footer h3 {
	color: white!important;
	border-left: 3px solid #45698b;
	padding-left: 10px;
	margin-bottom: 40px;
}
footer .navigation-footer {
	padding-left: 0;
    text-transform: uppercase;
	list-style-type: none;
	margin-bottom: 0;
}
footer .navigation-footer li {
	font-size: 17px;
	color: #f8f8f8;
	margin-bottom: 5px;
}
footer .navigation-footer i {
	margin-right: 10px;
	font-size: 14px;
}
footer .navigation-footer li.active {
	color: #45698b;
}
footer .social {
	text-align: center;
}
footer p {
	color: #f8f8f8;
	font-size: 17px;
	text-transform: uppercase;
	line-height: 1.7;
}
.last-line .row {
	background-color: white;
	padding: 15px 0;
}
.last-line p {
	font-size: 14px;
	color: #616161;
	margin-bottom: 0;
	display: inline-block;
	padding-top: 15px;
}
.last-line span {
	display: inline-block;
	padding: 0 20px;
	color: #616161;
}
.last-line a {
	display: inline-block;
	color: #616161;
	font-size: 16px;
}
.last-line #toTop {
    width: 50px;
    height: 50px;
    color: white;
    text-align: center;
    line-height: 50px;
    z-index: 2;
    font-size: 16px;
    border-radius: 0;
    margin: 0 auto;
    display: inline-block;
    background-color: #292929;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.last-line #toTop:hover {
    background-color: #1f3d57;
    color: white;
}

/*BANNER*/

.banner .row {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	padding-top: 371px;
}
.banner .row .page-links {
	background-color: rgba(31,61,87, 0.6);
	padding: 0 20px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.banner .row .page-links li {
	font-size: 14px;
	color: white;
	padding: 0;
	font-weight: 500;
	padding: 20px 0;
}
.banner .row .page-links li.active {
	border-bottom: 5px solid white;
}
.banner .row .page-links li i {
	color: white;
	font-size: 12px;
	padding: 0 15px;
}
.banner .row .page-links .list-inline {
	margin-bottom: 0;
}

/*TEAM*/

.team .row {
	background-color: white;
}
.section-intro h1,
.section-intro h2 {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.section-intro p {
	font-size: 16px;
	color: #999999;
	margin-bottom: 0;
}
.team article {
	background-color: #f6f6f6;
	transition: all 0.3s;
	margin-top: 30px;
}
.team article:hover {
	background-color: #1f3d57;
}
.team article img {
	width: 100%;
}
.team article .team-info {
	padding: 20px;
	min-height: 109px;
}
.team article .team-info h3 {
	font-size: 18px;
	color: #333333;
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 500;
}
.team article .team-info p {
	font-size: 14px;
	color: #333333;
	margin-bottom: 0;
	font-weight: 300;
}
.team article:hover .team-info h3,
.team article:hover .team-info p {
	color: white;
}
.geschite .row {
	background-color: white;
}
.geschite .section-intro {
    padding-bottom: 15px;
}
.geschite .panel-default>.panel-heading {
	background-color: #1f3d57;
	font-size: 24px;
	font-weight: bold;
	color: white;
	padding: 15px 20px;
	border-radius: 0;
}
.geschite .panel-title {
	font-size: 24px;
}
.geschite .panel-default>.panel-heading i {
	color: white;
	font-size: 16px;
	float: right;
}
.geschite .panel-body {
	font-size: 16px;
	color: #999999;
	font-weight: 300;
    background-color: #f6f6f6;
}
.geschite .section-intro {
	margin-bottom: 20px;
}
.geschite .panel-group .panel+.panel {
	margin-top: 10px;
}
/*FAHRZEUGANKAUF*/

.fahrzeuge-angebote .row {
	background-color: white;
}

/*SERVICE*/
.service .row {
	background-color: white;
}
.service .section-intro {
	margin-bottom: 30px;
}
.service-item {
    background-color: white;
    padding: 5px 5px 5px 70px;
    margin-bottom: 15px;
    border-bottom: 5px solid #f6f6f6;
    min-height: 75px;
    display: table;
    width: 100%;
    transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333333;
}

.service-item img {
    left: 20px;
    top: 15px;
    position: absolute;
}

.service-item p {
    display: table-cell;
    vertical-align: middle;
    word-break: break-word;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #999999;
    text-transform: uppercase;
}

/*TO FAHRZEUGEANGEBOTE*/

.to-fahrzeuge .row {
	background-color: #1f3d57;
	padding: 40px 0;
}
.to-fahrzeuge h3 {
	color: white;
}
.to-fahrzeuge p {
	font-size: 16px;
	color: white;
	font-weight: lighter;
	margin-bottom: 0;
}
.to-fahrzeuge .button-white {
	margin-top: 10px;
}

/*GALERIE*/
.galerie .row {
	background-color: white;
}
.galerie .photo figure {
    position: relative;
}
.galerie .photo figure {
    margin: 0 5px;
}
.galerie .slick-slide img {
    width: 100%;
    margin-top: 30px;
}
.galerie .photo figure div {
    position: absolute;
    z-index: 2;
    text-align: center;
    height: 100%;
    width: 100%;
    background-color: rgba(31, 61, 87, 0.5);
    color: white;
    padding-top: 20%;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.galerie .photo figure div span {
    display: inline-block;
    font-size: 28px;
    text-align: center;
    line-height: 130px;
}
.galerie.galerie-detail .photo figure div span {
    font-size: 70px;
}
.galerie .photo figure:hover div {
    opacity: 1;

}
.galerie .slick-dots li button:before {
	font-size: 10px;
	line-height: 22px;
	color: #1f3d57;
}
.galerie .slick-dots li button {
	border: 1px solid #1f3d57;
	border-radius: 50%;
}

/*KONTAKT*/
.kontakt .row {
	background-color: white;
}
.kontakt .section-intro {
	margin-bottom: 30px;
}
#form {
    position: relative;
    z-index: -1;
    visibility: hidden;
    top: -50px;
}

.message-contact {
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    color: #505050;
    margin-bottom: 20px;
    line-height: 1;
}
.message-contact strong {
    font-size: 20px;
}


.forma input[type="text"],
.forma input[type="email"],
.forma input[type="date"],
.forma select,
.forma textarea {
    display: block;
    width: 100%;
    border: 1px solid #cfcfcf;
    background-color: white;
    margin-bottom: 20px;
    transition: all 0.2s;
}

.forma input[type="text"],
.forma input[type="email"],
.forma input[type="date"],
.forma select {
    height: 50px;
    padding: 0 15px;
    outline: none;
    background-color: white;
    border-radius: 0;
}

.forma input[type="text"]:focus,
.forma input[type="email"]:focus,
.forma input[type="date"]:focus,
.forma select:focus {
    border: 1px solid #1f3d57;
}

.forma input:focus {
    outline: none!important;
}

.forma textarea {
    padding: 15px;
    height: 110px;
    resize: none;
    outline: none;
    background-color: white;
    border: 1px solid #cfcfcf;
    transition: all 0.2s;
    border-radius: 0;
}

.forma textarea:focus {
    border: 0;
    border: 1px solid #1f3d57;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
}

.forma label {
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 16px;
    color: #333333;
}

.forma label span {
    font-weight: 700;
    color: #1f3d57;
    font-size: 18px;
}

.forma .button {
    width: 170px;
    margin-top: 0;
}


/*ERROR PAGE*/

.error-page .section-intro .button {
	margin-top: 30px;
}
.error-page .row {
    background-color: white;
}

/*************

IMPRESSUM

*****************/
.impressum .row {
    background-color: white;
}
.impressum h1 {
    font-weight: bold;
    margin-top: 0;
}
.impressum h2 {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    padding-left: 0;
}
.impressum h2 span {
    display: block;
}
.impressum h3 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
}
.impressum p {
    font-size: 16px;
    color: #333333;
    margin-bottom: 30px;
}
.impressum p span {
    font-weight: 500;
    margin-top: 10px;
}
.impressum .imp-info span {
    color: #333;
    font-weight: 400;
}
.impressum .impressumBtn {
    outline: none;
    background-color: #2a3858;
    color: white;
    height: 35px;
    width: 35px;
    font-weight: 800;
    line-height: 35px;
    font-size: 30px;
    text-align: center;
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
    color: white;
}
.impressum .impressumBtn::after {
    content: "-";
    display: inline-block;
}
.impressum .impressumBtn.closed::after {
    content: "+";
    display: inline-block;
}
.impressum .company {
    margin-bottom: 30px;
}
.impressum .company a {
    color: #333333;
}
.impressum .company a:hover {
    color: #333333;
}
.imp-info h2 {
    margin-bottom: 0;
    font-weight: 800;
    font-size: 16px;
}
.impressum ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 30px;
}
.impressum ul li {
    font-size: 15px;
    line-height: 1.8;
}
.imp-info ul b {
    font-weight: 600;
}
.imp-info .disc-list li {
    position: relative;
    padding-left: 15px;
}
.imp-info .disc-list li::before {
    content: "";
    width: 4px;
    height: 1px;
    background-color: black;
    position: absolute;
    left: 0;
    top: 13px;
}
.imp-info p a,
.imp-info h2 a {
    text-decoration: underline;
    color: #1d2224;
}
.imp-info p b {
    font-weight: 600;
}
.imp-info .intended {
    padding-left: 40px;
}
.imp-info h3,
.imp-info h4,
.imp-info h5 {
    font-size: 15px;
    margin: 0;
    font-weight: 600;
    line-height: 1.8;
}
.pdf-download .row {
    padding: 60px 0;
}
.pdf-download .section-intro a {
    font-size: 24px;
    color: #1f3d57;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s;
}
.pdf-download .section-intro a:hover,
.pdf-download .section-intro a:focus {
    color: #333333;
}
.pdf-download .section-intro a i {
    font-size: 36px;
    margin-left: 30px;
}
/* gmpc */
.gmpc_wrap {
  position: relative;
}
.gmpc_btn {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-position: center;
  background-size: cover;
}
.gmpc_btn span {
  display: inline-block;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 10px 15px;
  border: 1px solid #eee;
  box-shadow: 0 0 15px rgba(0,0,0, 0.1);
  text-align: center;
  max-width: 200px;
  width: 100%;
  transition: all .2s;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #fff;
  color: #222;
}
.gmpc_btn:hover span {
  border-color: #222;
  background-color: #222;
  color: #fff;
}
/*************
MEDIA
*************/
/******
1199
******/
@media only screen and (max-width: 1199px) {
    .team article .team-info {
        min-height: 128px;
    }
    .galerie .photo figure div {
        padding-top: 15%;
    }
}
/******
991
******/
@media only screen and (max-width: 991px) {
    .navigacija .navbar-default li a {
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .social li {
        padding-left: 10px;
    }
    .main-slider .slider-caption h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .main-slider .slider-caption p {
        font-family: 14px;
    }
    .main-slider .slider-caption {
        padding: 20px 0;
    }
    .three-points article .article-text h3 {
        font-size: 20px;
    }
    .link-to img {
        display: none;
    }
    .kontakt-home,
    .kontakt-home .text-right,
    .to-fahrzeuge,
    .to-fahrzeuge .text-right {
        text-align: center!important;
    }
    .kontakt-home .button,
    .to-fahrzeuge .button-white {
        margin-top: 15px;
    }
    footer h3 {
        margin-top: 30px;
    }
    .galerie .photo figure div {
        padding-top: 20%;
    }
}
/******
767
******/
@media only screen and (max-width: 767px) {
    .navigacija .navbar-default li a {
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
        box-shadow: none;
    }
    header .row {
        min-height: 60px;
    }
    .navbar-default .navbar-toggle {
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .navigacija .navbar-default li,
    .navigacija .navbar-default li:hover {
        border-bottom: none;
    }
    .navigacija .navbar-default li.active:hover {
        border-bottom: 5px solid white;
    }
    .navigacija .navbar-default li.active {
        display: inline-block;
    }
    .navbar-nav {
        text-align: center;
    }
    .first-line {
        display: none;
    }
    .social {
        display: none;
    }
    .logo-section .col-md-4 {
        text-align: center;
        margin-top: 20px;
    }
    .logo-section {
        text-align: center;
    }
    .main-slider .slider-caption {
        display: none;
    }
    .white {
        display: none;
    }
    .main-slider {
        margin-bottom: 0;
    }
    .regular-padding,
    .map .map-desc,
    .three-points .row,
    .kontakt-home .row,
    .to-fahrzeuge .row,
    .pdf-download .row {
        padding: 30px 0;
    }
    footer .social {
        display: block!important;
    }
    footer img {
        margin: inherit;
        margin-top: 0!important;
    }
    footer .social {
        text-align: left;
    }
    .last-line span {
        display: none;
    }
    .last-line {
        text-align: center;
    }
    .last-line .col-md-1  {
        text-align: right;
    }
    .last-line a {
        margin-top: 15px;
    }
    footer h3 {
        margin-bottom: 30px;
    }
    .map .dl-horizontal dt {
        float: left;
    }
    .three-points .col-md-4 {
        margin-bottom: 30px;
    }
    .three-points .col-md-4:last-child {
        margin-bottom: 0;
    }

    .panel-group {
        margin-bottom: 0;
    }
    .banner .row {
        padding-top: 180px;
    }
    .team article .team-info {
        min-height: inherit;
    }
    .section-intro br {
        display: none;
    }
    .captcha img {
        margin-bottom: 20px;
    }
    .impressum h2 {
        margin-top: 5px;
        margin-bottom: 20px;
    }
    .impressum .company {
        margin-bottom: 15px;
    }
    .impressum p {
        font-size: 15px;
    }
    .service-item p {
        font-size: 16px;
    }
    .galerie .photo figure div span {
        font-size: 20px;
    }
    .galerie .photo figure div {
        padding-top: 13%;
    }
    .galerie.galerie-detail .photo figure div {
        padding-top: 13%;
    }
}
/******
479
******/
@media only screen and (max-width: 479px) {

}