@charset "utf-8";
/*   
Theme Name: Zirve Sigorta
Theme URI: http://www.zirvesigorta.com
Description: Zirve Sigorta Wordpress Teması
Author: Kolaysitem
Author URI: http://kolaysitem.com
Version: 1
*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700&subset=latin-ext');


body {background: #FFF; font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: 400; color: #333; position: relative; height: 100%; line-height: 1.7em;}
.site {background: #FFF; max-width: 1200px; margin: auto;}
.container-fluid {max-width: 1360px;}
.main-content {margin:50px 0;}
.site-container {max-width: 1360px; margin: auto; background: #FFF; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); }
a {text-decoration: none; color: #444;}
a:hover {text-decoration: none; transition: all .2s; color: #000;}
h1 {font-size: 26px;}
h2 {font-size: 20px;}
.flex-center {display: flex; align-items: center; justify-content: flex-end;}
.img-rounded {border-radius: 3px;}

h1, h2, h3 {font-weight: 700; letter-spacing: -.5pt; }

header {background: #FFF; position: relative; }
header .logo {max-width: 200px; height: auto; margin: 40px 0;}
header .sigorta-logo {max-width: 300px; height: auto; margin: 40px 0; margin-left: 40px}
header .header-items {float: right; margin-top: 60px;}
header .header-items .item {float: left; margin-left: 50px; position: relative; padding-left: 60px; color: #1d2834;}
header .header-items .item:before {font-family: 'Font Awesome 5 Free'; font-weight: 700; position: absolute; left: 0; top: 5px; color: #e42518; font-size: 50px;}
header .header-items .item h1 {font-weight: 700; font-size: 18px; margin: 0;}
header .header-items .item h2 {font-weight: 400; font-size: 14px; margin: 0;}
header .header-items .item-phone:before {content: '\f098';}
header .header-items .item-email:before {content: '\f199';}



.margin {margin-top: 40px; margin-bottom: 40px;}
.bg-light {background: #FFF;}
.flex-center {display: flex; align-items: center;}

.btn-ghost {padding: 6px 30px; background: none; color: #FFF; border:2px solid #FFF; font-size: 18px; font-weight: 500; border-radius: 2px; display: inline-block;}
.btn-ghost:hover, .btn-ghost:active, .btn-ghost:focus {background: #FFF; color: #000; text-decoration: none; outline: none;}

.btn-default {padding: 6px 30px; background: none; color: #FFF; background: #e42518; border:2px solid #e42518; font-size: 18px; font-weight: 500; border-radius: 2px; display: inline-block;}
.btn-default:hover {background: #1d2834; border:2px solid #1d2834; color: #FFF;}

.main-navigation {background: #e42518;}


/************************************************************************
 *
 * MOBILE MENU            
 *
 ************************************************************************/
.slideout-menu {position: fixed; top: 0; bottom: 0; width: 256px; min-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 0; display: none; background: #333; padding: 20px;}
.slideout-menu h2 {color: #FFF; font-size: 18px;}
.slideout-menu ul, .slideout-menu ul li {list-style-type: none; list-style: none; list-style-position: inside; margin: 0; padding: 0; }
.slideout-menu ul {margin-bottom: 0px;}
.slideout-menu ul li a {color: rgba(255,255,255,1); padding: 5px 0; font-weight: 700; border-bottom: 1px solid rgba(255,255,255,0.1); display: block;}
.slideout-menu ul ul li a {color: rgba(255,255,255,0.7); padding: 5px 0; font-weight: 400; border-bottom: 1px solid rgba(255,255,255,0.1); display: block; margin-left: 10px;}
.slideout-menu-left {left: 0;}
.slideout-menu-right {right: 0;}
.slideout-panel {position: relative; z-index: 1; will-change: transform; background-color: #FFF; /* A background-color is required */ min-height: 100vh;}
.slideout-open, .slideout-open body, .slideout-open .slideout-panel {overflow: hidden;}
.slideout-open .slideout-menu {display: block;}
#panel {max-width: 1920px; margin: auto; overflow-x: hidden;}

.mobile-navigation-open {display: none; float: right; margin-top: 6px; margin-right: 10px; font-size: 30px; color: #ffffff; background: #e42518; padding: 10px 12px; border-radius: 100px;}  
.mobile-navigation-open:active, .mobile-navigation-open:focus { color: #FFF;}

/************************************************************************
 *
 * SWIPER SLIDER - Customization
 *
 ************************************************************************/
.main-slider-container {position: relative;}
.main-slider .slide-item {background-size: cover; background-position: center; border-radius: 0; min-height: 500px; position: relative; outline: 0;}
.main-slider .slide-item .overlay {position: absolute; width: 100%; top: 0; bottom: 0; background: rgba(0,0,0,0.4);}
.main-slider .slide-item .mask {position: absolute; width: 100%; top: 0; bottom: 0; background: url('images/slide-mask.png') no-repeat center center;}
.main-slider img {width: 100%; height: auto;}
.main-slider .slide-text {position: relative; bottom: 0; color: #000; height: 500px; display: flex; align-items: center;}
.main-slider .slide-text .slide-text-inner {font-size: 16px; left: 0px; text-align: left;}
.main-slider .slide-text .slide-text-inner .bg {background: #FFF; padding: 30px; border-radius: 3px;}
.main-slider .slide-text .slide-text-inner h1 {font-size: 30px; margin: 0;}
.main-slider .slide-text .slide-text-inner .text {margin: 30px 0; font-weight: 400; line-height: 1.5em;}
.slide-item {outline: 0;}

.main-slider-container .img-slider-bottom {position: absolute; bottom: 0; left: 0; right: 0; background: url(images/slider-bottom.svg) no-repeat bottom center; background-size: cover; height: 200px; width: 100%;}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.slick-dots {
    bottom: 25px;
    width: 1170px;
    margin: 0 auto;
    list-style: none;
    text-align: left;
    left: calc( calc( 100% - 1140px ) / 2 );
}
.slick-dots ul {
	position: relative;
	width: 100%; max-width: 1170px;
	margin: auto;
}
.slick-dots li {text-align: center; width: auto; height: auto;}
.slick-dots li button:before {
    display: none;
}
.slick-dots li button {
    width: 14px;
    height: 14px;
    background: #1d2834;
    border-radius: 10px;
    transition: all .2s;
    display: inline-block;
}
.slick-dots .slick-active button {
    width: 40px;
    height: 14px;
    background: #1d2834;
    border-radius: 10px;
}

/************************************************************************
 *
 * SECTIONS            
 *
 ************************************************************************/
.section {padding: 50px 0; position: relative;}
.section-small {padding: 30px 0; position: relative;}

.img-post {margin-bottom: 20px;}

.section-action {background: #e42518; }
.section-action h1 {color: #FFF; margin: 0; font-size: 24px;}



.services {background: #FFF;}
.services .service-item img {display: inline-block; max-width: 80px; height: auto;}


.section-gallery {background: #f8f8f8;}
.section-gallery h1 {margin-top: 0; margin-bottom: 40px;}
.section-gallery .item img {margin-bottom: 40px;}



.products-title-hp {padding-bottom: 40px;}
.products-title-hp h1 {margin: 0; margin-bottom: 10px; font-weight: 700; font-size: 40px; color: #131D33;}
.products-title-hp p {color: #888;}

.product-item-hp {border-radius: 5px; transition: all .2s;}
.product-item-hp img {border-radius: 5px 5px 0 0; transition: all .2s;}
.product-item-hp .text {background: #131D33; padding: 15px 10px; border-radius: 0 0 5px 5px; text-align: center; transition: all .2s;}
.product-item-hp .text h2 {color: #FFF; margin: 0; font-size: 18px; font-weight: 400;}
.product-item-hp:hover .text {background: #ff774a;}

/* Homepage About */
.about-section-hp {background: #FFF;}
.about-section-hp h3 {margin: 0; margin-bottom: 15px; color: #00ADEF;}
.about-section-hp h1 {margin: 0; color: #131D33; margin-bottom: 34px; font-size: 40px;}
.about-section-hp .experience {border: 3px solid #00ADEF; padding: 30px; margin-top: 45px; border-radius: 7px;}
.about-section-hp .experience .exp-40 {font-size: 80px; margin: 30px 0; display: inline-block; color: #00ADEF;}
.about-section-hp .experience .exp-text {font-size: 30px; margin: 10px 0; line-height: 1em; display: inline-block;}
.about-section-hp .experience .exp-btn {margin-top: 22px; text-align: right}

.section-post-container .form-group p {margin-bottom: 10px; float: left; width: 100%;}
.section-post-container label {width: 40%; float: left;}
.section-post-container input, .section-post-container textarea {width: 60%; float: left; border:1px solid #DDD; padding: 2px 7px;}
.section-post-container textarea {max-height: 100px;}

.section-post-container input[type=submit] {padding: 6px 30px; width: auto; background: none; color: #FFF; background: #e42518; border:2px solid #e42518; font-size: 18px; font-weight: 500; border-radius: 2px; display: inline-block;}
.section-post-container input[type=submit]:hover {background: #1d2834; border:2px solid #1d2834; color: #FFF;}



.svg-map {position: relative;
    margin: 0 auto;
    width: 750px;
    height: 500px;}

/************************************************************************
 *
 * POST - PAGE
 *
 ************************************************************************/
.title-breadcrumb {background-color: #FFF; border-bottom: 1px solid #f5f5f5;}
.breadcrumb {padding: 0; margin: 10px 0; list-style: none; background-color: #FFF; border-radius: 0px; font-size: 12px;}
.breadcrumb ul, .breadcrumb ol, .breadcrumb li {list-style: none; list-style-type: none; list-style-position: inside; padding: 0; margin:0;}
.breadcrumb li {display: inline-block; padding-right: 20px; position: relative;} 
.breadcrumb li:after {content: '\f105'; font-family: 'FontAwesome'; position: absolute; right: 8px; top: 0px;} 
.breadcrumb li:last-child:after {content: '';} 
.breadcrumb li, .breadcrumb li a {color: #999;} 
.breadcrumb .trail-browse {display: none;}

.section-title {background: #EEE; padding: 30px 0;}
.section-title h1 {margin: 0; font-weight: 700; color: #222;}


#map {width: 100%; height: 300px; border:1px solid #DDD; margin-bottom: 5px; }
#map a[href^="http://maps.google.com/maps"]{display:none !important}
#map a[href^="https://maps.google.com/maps"]{display:none !important}
#map .gmnoprint a, .gmnoprint span, .gm-style-cc {display:none;}
#map .gmnoprint div {background:none !important;}

.contact, .contact li {margin: 0; padding: 0; list-style-type: none;}
.contact-form .form-group {margin-bottom: 10px; float: left; width: 100%;}
.contact-form label {width: 100%; float: left;}
.contact-form input, .contact-form textarea {width: 100%; float: left; border:1px solid #DDD;}
.contact-form textarea {max-height: 100px;}

.contact-form input[type=submit] {padding: 6px 30px; width: auto; background: none; color: #FFF; background: #e42518; border:2px solid #e42518; font-size: 18px; font-weight: 500; border-radius: 2px; display: inline-block;}
.contact-form input[type=submit]:hover {background: #1d2834; border:2px solid #1d2834; color: #FFF;}

.contact-title {margin-bottom: 20px; color: #131D33;}

.contact-page-menu, .contact-page-menu li {list-style-type: none; list-style: none; padding: 0; margin: 0;}
.contact-page-menu li span {padding: 5px 0; padding-left: 20px; display: block;}
.contact-page-menu li:before {position: absolute; padding-top: 5px; color:#e42518; font-weight: 700; font-size: 14px!important; }
.contact-page-menu li a {}
.contact-page-menu li a:hover {color: #e42518;}

.contact-page-menu .address:before {content: '\f041'; font-family: "Font Awesome 5 Free"; padding-right: 5px;}
.contact-page-menu .fax:before {content: '\f1ac'; font-family: "Font Awesome 5 Free"; padding-right: 5px;}
.contact-page-menu .company:before {content: '\f1ad'; font-family: "Font Awesome 5 Free"; padding-right: 5px;}
.contact-page-menu .phone:before {content: '\f095'; font-family: "Font Awesome 5 Free"; padding-right: 5px;}
.contact-page-menu .email:before {content: '\f0e0'; font-family: "Font Awesome 5 Free"; padding-right: 5px;}


/************************************************************************
 *
 * SIDEBAR
 *
 ************************************************************************/
#sidebar {}
#sidebar aside {background: #F5f5f5; margin-bottom: 20px; border: 1px solid #eee; float: left; width: 100%;}
#sidebar aside h2 {color: #444; padding: 20px; font-size: 20px; font-weight: 700; margin: 0; }
#sidebar ul {list-style-type: none; padding: 0; margin-bottom: 0;}
#sidebar li {list-style-type: none; margin: 0;}
#sidebar li a {padding: 8px 20px; border-top: 1px solid #eee; display: block; color: #444; transition: all .3s; position: relative; font-weight: 400; }
#sidebar li a:hover {text-decoration: none; color:#FFF; background: #1d2834; }
#sidebar ul ul li a {padding-left: 30px;  font-weight: 400!important;}
#sidebar ul ul li a:before {font-family: 'FontAwesome'; content: '\f105'; position: absolute; left: 20px;}

#sidebar .widget_search .screen-reader-text {display: none;}
#sidebar .widget_search {float: left; margin-bottom: 20px;}
#sidebar .widget_search .search-form {padding: 20px 20px 17px; border-top: 1px solid #eee; float: left;}
#sidebar .widget_search .search-form label {width: 70%; float: left;}
#sidebar .widget_search .search-form input[type=search] {width: 100%; border: 1px solid #eee; background: #FFF; padding: 10px 5px;}
#sidebar .widget_search .search-form input[type=submit] {width: 30%; float: left; border: 1px solid #eee; background: #eee; padding: 10px 0;}
#sidebar .widget_search .search-form:after {float: none; clear: both;}

/******************************************"******************************
 *
 * FOOTER            
 *
 ************************************************************************/
footer {background: #1d2834; padding: 80px 0 60px; float: left; width: 100%; line-height: 1.5em; color: #DDD; font-weight: 300; font-size: 13px;}
footer h2 {font-size: 20px; letter-spacing: -0.5pt; margin-top: 0; font-weight: 700; color: #FFF;}
footer ul {padding: 0; margin: 0;}
footer ul li {list-style-type: none;}
footer ul li a {transition: all .2s;}
footer ul li a:hover {text-decoration: none;}
footer .footer-logo {max-width: 80%; height: auto;}

footer .widget ul li a, .footer-menu li a {padding-bottom: 7px; display: block; transition: all .2s; color: #DDD;}
footer .widget ul li a:before , .footer-menu li a:before {content: '\f0da'; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 10px; padding-right: 5px; color: #e42518;}
footer .widget ul li a:hover , .footer-menu li a:hover {color: #e42518;}

.contact-menu li span {padding: 5px 0; padding-left: 20px; display: block;}
.contact-menu li:before {position: absolute; padding-top: 5px; color:#e42518; font-weight: 700; font-size: 14px!important; }
.contact-menu .phone {font-size: 24px;}

.contact-menu .address:before {content: '\f041'; font-family: "Font Awesome 5 Free"; padding-right: 5px;}
.contact-menu .phone:before {content: '\f095'; font-family: "Font Awesome 5 Free"; padding-right: 5px;}
.contact-menu .fax:before {content: '\f1ac'; font-family: "Font Awesome 5 Free"; padding-right: 5px;}
.contact-menu .email:before {content: '\f0e0'; font-family: "Font Awesome 5 Free"; padding-right: 5px;}

.social-nav {float: left; margin-top: 20px; padding-top: 20px;}
.social-nav a {font-size: 30px!important; padding-left: 0!important}

footer .widget .footer-contact {position: relative;}
footer .widget .footer-contact li span {position: relative; padding-left: 18px; display: block;}
footer .widget .footer-contact li span a {padding-left: 0;}
footer .widget .footer-contact li span a:before {content: ''; display: none;}
footer .widget .footer-contact li span:before {
    position: absolute;
    left: 0;
    top: -1px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    color: #e42518;
}
footer .widget .footer-contact .title:before {content: "\f1ad"!important;}
footer .widget .footer-contact .address:before {content: "\f041";}
footer .widget .footer-contact .phone:before {content: "\f095";}
footer .widget .footer-contact .email:before {content: "\f2b6";}
footer .widget .footer-contact .fax:before {content: "\f1ac";}


/************************************************************************
 *
 * FANCYBOX LIGHTBOX           
 *
 ************************************************************************/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap {position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; }
.fancybox-skin {position: relative; background: #f9f9f9; color: #444; padding: 0!important; text-shadow: none; -webkit-border-radius: 3px;    -moz-border-radius: 3px;         border-radius: 3px; }
.fancybox-opened {z-index: 8030; }
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner {position: relative; }
.fancybox-inner {overflow: hidden; }
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch; }
.fancybox-error {color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe {display: block; width: 100%; height: 100%; }
.fancybox-image {max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(images/fancybox/fancybox_sprite.png); }
#fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div {width: 44px; height: 44px; background: url(images/fancybox/fancybox_loading.gif) center center no-repeat; }
.fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(images/fancybox/blank.gif); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev {left: 0; }
.fancybox-next {right: 0; }
.fancybox-nav span {position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span {left: 10px; background-position: 0 -36px; }
.fancybox-next span {right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span {visibility: visible; }
.fancybox-tmp {position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock {   overflow: visible !important;     width: auto; }
.fancybox-lock body {   overflow: hidden !important; }
.fancybox-lock-test {   overflow-y: hidden !important; }
.fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(images/fancybox/fancybox_overlay.png); }
.fancybox-overlay-fixed {position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay {overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title {visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title {visibility: visible; }
.fancybox-title-float-wrap {position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child {display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px;    -moz-border-radius: 15px;         border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap {position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap {padding-top: 10px; }
.fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ 
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {  background-image: url(images/fancybox/fancybox_sprite@2x.png);  background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/}
#fancybox-loading div { background-image: url(images/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/}
}


.gallery {margin-bottom: 1.5em; margin-left: -15px; margin-right: -15px;}
.gallery-item {display: inline-block; text-align: center; vertical-align: top; width: 100%; padding-left: 10px; padding-right: 10px;}
.gallery-item img {width: auto; max-width: 100%; height: auto;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption {display: block;}
.gallery-icon {border: 1px solid #eee; margin-bottom: 20px; }



/************************************************************************
 *
 * RESPONSIVE           
 *
 ************************************************************************/

/* Tablet Landscape (1024px) */
@media only screen and (max-width: 1024px) {
	.site-container {width: 100%; overflow: hidden;}
}

/* Tablet Portrait (768px) */
@media only screen and (max-width: 800px) {
	header {padding-top: 30px; padding-bottom: 30px;}
	header .logo {margin-top: 0;}
	.mobile-hide {display: none;}
    .mobile-navigation-open {display: inline-block;}

	.main-slider .slide-item, .main-slider .slide-text {min-height: inherit; height: 400px;}
	.main-slider .slide-text .slide-text-inner {text-align: center; right: inherit;}
	.main-slider .slide-text .slide-text-inner .text {text-align: center; margin: 10px 0;}
    .main-slider .slide-text .slide-text-inner .bg {padding:15px 10px;}
	.main-slider .slide-text .slide-text-inner {position: absolute; bottom: 10px; font-size: 13px; width: 100%;}
	.main-slider .slide-text .slide-text-inner h1 {font-size: 20px; margin: 0;}
	.section {padding-top: 30px; padding-bottom: 30px;}
	footer {padding: 30px 0 0;}
	footer .widget {margin-bottom: 30px;}
}

/* Small Tablet Portrait (600px) */
@media only screen and (max-width: 600px) {
    header .logo {max-width: 200px; height: auto; margin: 0 auto; display: inline-block;}
    header .sigorta-logo {max-width: inherit; width:70%; height: auto; margin-bottom: 0; margin-left: 0}
    header .header-items {float: left; width: 100%; margin: 0; text-align: left!important;}
    header .header-items .item {margin-left: 0; margin-top: 20px;}
}

/* iPhone Landscape (586px) */
@media only screen and (max-width: 586px) {
}

/* Phone Landscape (480px) */
@media only screen and (max-width: 480px) {
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
}