/*
Theme Name: KRZEWSCY
Author: Marcin  Wiśniewski
Author URI: http://4e.com.pl
Description: KRZEWSCY
Version: 1.2
*/





.alignleft{float: left; padding-right: 20px;}
.alignright{float: right; padding-left: 20px;}
.aligncenter{ margin: 0 auto; display: block;}

strong{font-weight: 600;}

.home section.main-section{min-height: auto;} 
section.main-section{min-height: 600px;}
.main-section{background: #fff; max-width: 100%;}
.content-pos h1{font-size: 1.4rem; font-weight: 300; padding-bottom: 5px; }
.content-pos{padding-bottom: 15px;}
.content-pos p{ font-size: 12px; font-weight: 300;} 

body{background: #fff; font-size: 1.3rem; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 1.4; color: #000;}
h1, h2, h3{line-height: 1.1; color: #000;}
h1{font-size: 4.8rem;}
h2{font-size: 4.8rem; font-weight: 300;}
h3{font-size: 2.6rem; font-weight: 300;}
hr{border: 0; border-bottom: 1px solid #eaeaea; width: 100%; height: 1px;}
.page-margin{max-width: 100%; width: 1186px; margin: 0 auto; position: relative; height: 100%; }
.btn-more{background: #96b52c; padding: 10px 20px; display: inline-block; margin-top: 10px;}
.atel, .amail{color: #000!important;}
.atel:hover, .amail:hover{color:#e87814!important;}

header.top-header{width: 100%;  /*min-height: 300px;*/}
.home header.top-header{padding-top: 30px; }
#logo{display: block;   top:0; left: 0;   display: block; background: #fff; text-align: center; position: absolute; z-index: 10000;}
#logo img{margin-top: 14px; height: 50px; width: auto;}
.home #logo {padding: 10px 50px;}

.home-slider{position: relative; min-height: 110px;}
.page-top{ height: 60px; position: fixed; top:0; left:0; background: #fff; z-index: 100; width: 100%;}
.page-top #logo{width: auto; height: 40px; margin-top: 10px;}
.page-top #logo img{height: 100%; width: auto; margin: 0;}
.page-baner-menu{margin: 0; padding: 0; list-style: none;}
.page-baner-menu{ position: relative;  background: rgba(255,255,255, 0.7);    border: 1px solid #fff; bottom: 90px; z-index: 10; text-align: left;}
.page-slider .sticky-wrapper, .home .sticky-wrapper, .page-baner-menu{margin: 0 auto; width: 1188px;  height: 52px; max-width: 100%; left:-1px; right: 0;}
.page-slider .sticky-wrapper, .home .sticky-wrapper{bottom: 0px; position: absolute; height: 50px!important; }
.is-sticky .page-baner-menu, .home .is-sticky ol{background: #fff; z-index: 100000; height: 52px; border: 1px solid #eaeaea;;}

.is-sticky #top-doc{ z-index: 10000; height: 60px; max-width: 100%; }
#top-doc, #top-doc-sticky-wrapper{height: 60px; background: #fff; position: absolute; top: 0px; width: 100%;}
.is-sticky #top-doc #logo{padding: 0; height: 40px; margin-top: 10px;}
 .is-sticky #top-doc #logo img{height: 100%; width: auto; margin: 0;  text-align: left;}
.home .is-sticky #fast-contact-def{line-height: 60px; }
.is-sticky #fast-contact{line-height: 60px; float: left; padding: 0; display: block;}

.page-baner-menu li:first-child{border: none;}
.page-baner-menu li {width: 16.666%; margin:0px; float: left; border-left: 1px solid #fff;  display: inline-block; height:50px; line-height: 50px; zoom: 1; *display: inline; text-align: center;}
.page-baner-menu .icon{width: 20px; height: 20px; margin-right: 16px;}
.flex-control-nav br{display: none;}

ol.page-baner-menu{bottom: -1px;}
.rsSliderContent .desc-wrap.page-baner-desc{padding-top: 50px; display: inline-block;}
.page-baner-desc .desc-size{min-width: 390px; text-align: left; padding-bottom: 50px}
#fast-contact-wrap{background: #fff; position: absolute; right: 0; top:0; z-index: 10000;}
#fast-contact{padding: 0; display: inline-block;}
 #fast-contact-def span{vertical-align: middle;}
 #fast-contact-def img{vertical-align: bottom;}
#fast-contact-left, #fast-contact-right{display: inline-block; vertical-align: middle;}
#fast-contact-left{text-align: right; padding-right: 15px; border-right: 1px solid #949494;}
#fast-contact-right{padding-left: 15px;}
#fast-contact-right a, .tel{font-size: 1.6rem; color: #323232;}
#fast-contact-right a:hover{color: #e87814;}
#fast-contact-def, #fast-contact-def .tel, #fast-contact-def a{font-size: 1.4rem;  color: #323232;}
#fast-contact-def{display: block; float: right;}
.home #fast-contact-def{line-height: 84px;}
#fast-contact-def{line-height: 60px;}
#fast-contact-def a:hover{color: #e87814;}
#fast-contact-def li{line-height: 1; display: inline-block; padding: 0 15px; border-right: 1px solid #323232;}
#fast-contact-def li:last-child{padding-right: 0; border: none;}

#scroll-down-wrap{padding-top: 30px; position: absolute; text-align: center; z-index: 100; display: block; bottom: 0; margin: 0 auto;width: 80px; height: 32px;  left: 0; right: 0; background: transparent url('img/scroll-down-bg.png') top left no-repeat;}

#down-1, #down-2{display: block; margin: -5px auto 0 auto;}
#down-1 {
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-name: scrollDown;
    
}
#down-2 {
    animation-delay: 0.7s;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-name: scrollDown;
   
}
@keyframes scrollDown {
0% {
    opacity: 1;
}
50% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}

.slider-img.big{}
.gallery-wrap{text-align: center;}
.slider-gallery-wrap{padding: 10px; max-width: 100%; padding-bottom: 25px; display: inline-block; border: 1px solid #eaeaea;}
.slider-img.big a{display: block; position:relative;}
.slider-img.big img{width: auto!important; position:absolute;  height: auto!important; margin: 0 auto!important; left:0; right: 0; top: 50%!important; display: block; transform: translateY(-50%)!important; max-width: 100%; max-height: 100%;}

#home-tooltips{width: 100%; text-align: center; position: relative; margin-bottom: 70px; margin-top: 90px; }
.tooltips-btn{transition: 0.4s ease-in-out; width: 170px; height: 170px; position: absolute; z-index: 10; left: 0px; right: 0; margin: 0 auto; background-color: #e8e8e8; background-repeat: no-repeat; background-position: center center;}
.content-tooltips h3{font-size: 4.8rem; font-weight: 300; margin-bottom: 40px;}
.content-tooltips p{font-size: 1.4rem; font-weight: 300;}
.tooltips-btn.active{background-color: #e77813;}
#btn-valuation-of-property{background-image: url("img/wycen-nieruchomosc.png"); top: 50%;}
#btn-search-property{background-image: url("img/poszukaj-nieruchomosc.png"); top: 5%;}
.home-left, .home-right{width: 950px; color: #000; display: inline-block; height: 700px; max-width: 49%; background: #fff; position: relative;}
.home-right{ max-width: 47.9%;}
.home-left .content-tooltips{z-index: 9; position: absolute; right: 150px; width: 435px; top: 5%; text-align: left;  max-width: 65%;}
.home-right .content-tooltips{z-index: 9; position: absolute; left: 150px; width: 465px; top: 50%; text-align: left; max-width: 65%;}
.home-left img{position: absolute; right: 0px; top:0px;}
.home-right img{position: absolute; left: 0px; top:-16px;}
.home-left img, .home-right img{opacity: 0.1; transition: 0.4s ease-in-out; max-width: 100%;}
.home-left img.active, .home-right img.active{opacity: 0.6;}
.home-left{}
.home-right{}



#find-offert-header{min-height: 170px; width: 100%; max-width: 1800px; margin: 0 auto; text-align: center; padding-top: 90px;}
#find-offert-header h2{margin-bottom: 30px;}


/*wyszukiwarka*/

#group-of-search-wrap{position: relative;overflow: hidden;}
#group-of-search-wrap img{position: relative; display: block; left: 50%; transform: translate(-50%, 0);}


#search-by-NO{text-indent: -999990px; margin:0; padding: 0;}

#group-of-search{width: 100%; position: absolute; top:50%; transform: translate(0, -50%);  z-index: 2;}
#group-of-search>div{display: inline-block; margin: 5px 4.5%; transition: 0.4s all ease-in-out; vertical-align: top; cursor: pointer; background: #e8e8e8; color: #434343; font-size: 2.2rem; font-weight: 300; padding: 20px 70px;  }
#group-of-search>div:hover, #group-of-search>div.active{background: #e87814; color: #fff;}
div#find-offer-by-NO, div#find-offer-by-NO form{ padding: 0;}
 div#find-offer-by-NO form{margin: 10px; position: relative;}
div#find-offer-by-NO{ cursor: none;}
div#find-offer-by-NO input{text-align: left; font-size: 2.0rem; margin: 0;}
#input-no{width: 210px;}
#search-by-NO{ width: 26px; height: 26px; display: block; background: transparent url("img/search-btn.png") no-repeat center center; position: absolute; right: 10px ; top: 10px; }

.tokenize-sample { width: 100%; }
div.Tokenize ul.TokensContainer li.TokenSearch{width: auto!important;}
.TokenSearch input{width: auto!important;}
div.Tokenize ul.TokensContainer{min-height: 40px; height: auto; overflow: hidden;}
#find-offer{width: 100%;font-size: 1.6rem; text-align: left; display: block;  }
.home #find-offer{padding-top: 50px; padding-bottom: 40px; background: #fbfbfb;}
#find-offer select{padding: 2px 20px 2px 10px;}
.home #sel-loc{width: 66%;}
#sel-loc .select-input{width: 95%;}
.select-wrap{ display: inline-block;  min-width: 270px; vertical-align: top;  text-align: left;}
.home .select-wrap{padding-bottom: 30px;}
.home .select-wrap, .home #sel-rooms, .home #sel-area, .home #sel-floor{width: 30%;}
.home #sel-price{width: 30%;}


input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:40px;
    height:40px;
    margin:-1px 4px 0 0;
    border: 1px solid #b3b3b3;
    vertical-align:middle;
    background: #fff;
    cursor:pointer;
}
.only-recommendend input[type="checkbox"] + label span{width: 35px; height: 35px;}
input[type="checkbox"]:checked + label span {
    background: #fff url("img/checkbox.png") center center no-repeat;
}


.select-wrap{padding-bottom: 20px;}
#find-offer{padding: 0;  padding-bottom: 25px;}
#sel-loc{width: 53%;}
/*#sel-floor{width: 25%;}*/
#sel-rooms, #sel-area{width: 24%;}
.select-wrap{width: 30%;}
#find-offer select[name="field_destiny"], #find-offer select[name="house_types"], #find-offer select[name="local_destiny"]{margin:0;}

.w100 select{width: 400px;}
.select-wrap .select-input span{margin: 0 5px; }
.select-wrap .select-input:first-child span{margin-left: 0;}
.select-wrap select{margin: 0 0; color: #434343; max-width: 100%; appearance:none; border: 0; border: 1px solid #b3b3b3; font-size: 1.6rem; font-weight: 300; font-family: 'Open Sans', sans-serif; background: url("img/select.png") no-repeat right #fff;}
.select-wrap select option{padding: 5px 10px;}
#sel-type select{margin: 0; min-width: 240px;}
#search-btns{width: 100%; text-align: right;}
#open-search-adv{font-size: 1.4rem; float: left; cursor: pointer; position: absolute; left:0px; bottom: 0px; font-weight: 300; color: #fff; padding: 12px; display: inline-block; background: #e87814;}
#search-btn{float: right; margin-top: 30px;}
#find-offer .tooltips{font-size: 1.1rem;}
.select-input{display: inline-block; vertical-align: top; max-width: 95%;}
.select-wrap>span{padding-bottom: 10px; display: block;}
.select-wrap>span strong{font-size: 1.6rem; font-weight: 400;}
div.Tokenize ul.TokensContainer{padding: 0;}
div.Tokenize ul.TokensContainer, div.Tokenize ul.Dropdown{border: 1px solid #b3b3b3;}
div.TokenizeMeasure, div.Tokenize ul li span, div.Tokenize ul.TokensContainer li.TokenSearch input{font-size: 14px;}
div.Tokenize ul.TokensContainer{padding-top: 5px;}
div.Tokenize ul.TokensContainer li.Token{ background-color: #e9e9e9; border: none;  float: left; line-height: 26px; height: 26px;  margin: 1px; padding: 0 10px;}
div.Tokenize ul.TokensContainer li.TokenSearch{width: 1px; line-height: 18px; }
div.Tokenize ul.TokensContainer li.Placeholder{line-height: 26px;  float: left; padding: 0; margin: 1px 0; height: 26px; display: inline-block; color: #949494; font-size: 14px; position: relative;}
div.Tokenize ul.TokensContainer li.Token a.Close{line-height: 24px; font-weight: 300; font-size: 24px!important; color: #434343;}
div.Tokenize ul.Dropdown li.Hover {
    background: #e87814!important;  color: #fff;
}
#search-adv{width: 100%; display: none;}



/*22px*/

/*polecane*/
#recommendend-wrap{width: 100%; height: 400px; position: relative;}
.recommendend-absolute{position: absolute; top:80px; width: 100%; transition: 0.4s all ease-in-out; z-index: 10;}
.recommendend-absolute.hide{opacity: 0; z-index: 1;}
.recommendend-absolute.show{opacity: 1; z-index: 10;}
.recommendend{margin-bottom: 130px; margin-top: 50px; padding: 0; margin: 0; }
#recommendend-tabs{position: absolute; right: 0; top: 10px;}
#recommendend-tabs div, #recommendend-tabs span{display: inline-block; margin-left: 10px; padding: 10px 0;}
#recommendend-tabs div:hover, #recommendend-tabs div.active{color: #e87814;}
#recommendend-tabs span{font-size: 1.2rem; font-weight: 300;}
#recommendend-tabs div{cursor: pointer; font-size: 1.6rem; font-weight: 600;}
.offert-wrap{margin: 0 25px; width: 360px; height: auto; display: inline-block; vertical-align: top; font-size: 1.5rem; font-weight: 300; color: #414141;}
.offert-thumb img{width: 100%; height: auto;}
.offert-wrap .offert-thumb{position: relative; display: block;z-index: 1;}
.offert-wrap .offert-thumb .active{opacity: 0; transition: 0.4s all ease-in-out; position: absolute; background: rgba(231, 120, 19, 0.6); color: #fff; text-align: center; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10;}
.offert-wrap .offert-thumb .active span{ font-size: 2.6rem; font-weight: 300; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.offert-wrap .offert-thumb:hover .active{opacity: 1;}
.offert-type{margin-bottom: 10px;}
.offert-area{float: right;}
.offert-price{font-weight: 600; float: right; margin-left: 15px;}
.offert-price, .offert-area, .offert-location{margin-top: 10px; display: inline-block}


/*ajax*/
#results{min-height: 800px; margin-bottom: 60px; width: 100%;}
#results .page-margin{text-align: left;}
#results{text-align: center;}
.btn.btn-more-data{margin: 40px auto;}

/*lista offert sprzedazy*/
.offertlist-wrap{width: 100%; display: block; padding: 40px 0; border-bottom: 1px solid #e0e0e0; color: #373737;}
.offertlist-left, .offertlist-right{display: inline-block; vertical-align: top; width: 49.5%;}
.offertlist-top >div{display: inline-block; margin-right: 10px; padding-right: 10px;  border-right: 1px solid #e0e0e0; vertical-align: top; min-height: 90px;}
.offertlist-top span, .span-desc{color: #949494; font-size: 1.2rem; margin-bottom: 18px; display: block;}
.offertlist-top >div>div{font-size: 1.6rem; font-weight: 600;}
.offertlist-quarter{font-weight: 400;}
.offertlist-thumb{position: relative; width: 95%;}
.offertlist-thumb img{width: 100%; height: auto;}
.offertlist-symbol{position: absolute; left:0; top:0; padding: 5px 15px; background: rgba(255,255,255,0.8);}
.offertlist-symbol span{font-size: 1.4rem;}
.offertlist-symbol div{font-size: 1.6rem; font-weight: 600; }
.offertlist-alert{position: absolute; top: 0; right: 0; font-size: 1.6rem; font-weight: 600;}

.offertlist-new, .offertlist-recommended, .offertlist-exclusiveness{margin-left: 1px; float: right; padding: 15px 15px;}
.offertlist-exclusiveness{color: #fff; background: #e84c14;}
.offertlist-new{ color: #262626;background: rgba(255, 234, 0, 0.9);}
.offertlist-recommended{color: #fff; background: rgba(231, 120,19, 0.9);}
.offertlist-desc, .offertlist-slogan{margin-top: 10px;}
.offertlist-desc div, .offertlist-slogan{font-size: 1.5rem; }
.offer-slogan{margin: 0px 0 30px 0; font-size: 2.4rem; text-align: center;}
.style-list hr{display: none;}

/*widok bloczkowy*/
.style-box .offertlist-wrap{display: inline-block; width: 47.2%; border: none; vertical-align: top;}
.style-box .offertlist-left, .style-box .offertlist-right{width: 100%;}
.style-box .offertlist-right{margin-top: 28px;}
.style-box .offertlist-thumb{width: 100%;}
.style-box .offertlist-wrap.odd{margin-right: 5.1%;}
.style-box hr{display: block;}

/*pojedyncza oferta*/
.offer-bar{width: 100%; height: 68px; line-height: 68px; background: #fafafa; margin-top: 30px; margin-bottom: 20px;}
.offer-bar-left, .offer-bar-right{display: inline-block;}
.offer-bar-left, .offer-bar-left h2{text-align: left; font-size: 2.0rem; display: inline-block;}
.offer-bar-left h2{padding-right: 20px; border-right: 1px solid #676767; font-weight: 300;}
.offer-bar-left span{padding: 0 20px;  font-weight: 600;}
.exclusiveness{border-left: 1px solid #676767; }
.offer-bar-right{float: right;}
.offer-bar-right ul li{display: inline-block; }
.offer-bar-right ul li a{padding: 0 10px;  border-left: 1px solid #676767;}
.offer-bar-right ul li a img{vertical-align: text-bottom;}
.offer-bar-right ul li:first-child a{border: none;}
.offer-bar-right ul li:last-child a{padding-right: 0;}
.offer-bar-right a{color: #484848; font-size: 1.4rem;}
.offer-bar-right a:hover{color: #e77813;}

.single-offer h3{margin: 30px 0;}
.basic-information{width: 40%; font-size: 1.8rem; margin-top: 30px;}
.offer-gm{float: right; margin-right: 4px; max-width: 50%;}
#map-canvas{max-width: 100%;}
.row{width: 100%; display: block; padding-bottom: 20px;}
.key,.val{display: inline-block; width: 47%;  vertical-align: top;}
.val{font-weight: 600; text-align: left; padding-left: 4%; }
.key{text-align: right;}
.room{display: inline-block; width: 40%; vertical-align: top; margin-right: 9%;}
.other-information .room .row{width: 100%; display: block;}
.other-information{width: 100%; margin-top: 50px; font-size: 1.6rem;}
.other-information .row{width: 40%; vertical-align: top; display: inline-block; margin-right: 9%;}
.offer-descripction, .offertlist-desc, .offer-descripction h1, .offertlist-desc h1, .offer-descripction h2, .offertlist-desc h2, .offer-descripction h3, .offertlist-desc h3, .offer-descripction h4,  .offertlist-desc h4, .offer-descripction h5, .offertlist-desc h5, .offer-descripction h6, .offertlist-desc h6, .offertlist-desc p, .offer-descripction p, .offertlist-desc span, .offer-descripction span, .offertlist-desc div, .offer-descripction div, .offertlist-desc table, .offer-descripction table{line-height: 1.4; font-weight: 400; font-size: 1.5rem;}
.offer-contact{font-size: 1.6rem; margin-bottom: 30px;}
.offer-agent, .offer-contact-office{display: inline-block; width: 49.5%; vertical-align: top;}
.offer-agent img{width: 118px; height: 118px; display: block;  border: 1px solid #e77813; border-radius: 118px;}
.offer-agent .agent-right{width: 79%; display: inline-block; vertical-align: top;}
.photo-agent{width: 20%; display: inline-block; vertical-align: top;}
.contact-title{color: #e77813; width: 100%; font-weight: 600; margin-bottom: 35px;}
.offer-legal{margin-top: 30px; font-size: 1.5rem; margin-bottom: 30px;}

/*kalkulatory*/
.calculators{width: 100%;  clear: both; padding-bottom: 25px; border-bottom: 1px solid #eaeaea;}
.calculators h2{margin: 0;}
.btn, .content a.btn{margin: 30px 0; background: #fff; display: inline-block; transition: all 0.4s ease-in-out;  margin-right: 40px; min-width: 358px; font-size: 2.4rem; font-weight: 300; text-align: center; padding: 0 23px;line-height: 66px; height: 66px; color:#e77813; border: 2px solid #e77813; vertical-align: middle;}
.btn:hover, .content a.btn:hover{background: #e77813; color: #fff;}
.btn img{vertical-align: middle; margin-right: 28px;}

.callk, .callz{font-size: 1.6rem; font-weight: 300; }
.form-header div:first-child{margin-bottom: 20px;}
.form-header input{margin-left: 30px; }
.form-header label{padding-left: 25px; line-height: 2.0;}
.form-container{width: 70%; font-size: 1.4rem; margin-top: 45px;}
.form-container .row{padding-bottom: 5px;}
input[type="text"].inputbox-readonly{color: #b2b2b2;}
.form-container .val{font-weight: 300;}
.form-container .key, .form-container .val{vertical-align: middle;}
input{font-family: 'Open Sans', sans-serif;}
input[type="text"]{padding: 10px; font-size: 1.4rem; color: #414141; text-align: right; margin-right: 10px;}
.form-container .val input[type="text"]{width: 180px;}
.sum{margin-top: 30px;}
.button, input[type="submit"]{border: none; padding: 14px 75px; transition: all 0.4s ease-in-out; background: #e8e8e8; font-size: 2.6rem; font-weight: 300; cursor: pointer;}
.button:hover, input[type="submit"]:hover{background: #e77813; color: #fff;}

/*slick*/
/* Arrows */
.slick-prev,
.slick-next
{font-size: 0; border: none;  transition: all ease-in-out 0.2s; line-height: 0; position: absolute; top: 30%; display: block; width: 40px; height: 80px;  padding: 0; cursor: pointer; color: transparent;  outline: none; 
}


.slick-next:hover, .slick-prev:hover{
    background-color: #e87814;
}

.slick-prev{background: transparent url('img/arrow-left.png') center center no-repeat; left:-60px;}
.slick-next{background: transparent url('img/arrow-right.png') center center no-repeat; right: -60px;}
.slick-disabled{opacity: 0;}
/*div.slick-active:first-child img{opacity: 0.4;}*/
/*.slick-active:last-child img{opacity: 0.4;}*/

.page-slider {width: 100%; position: relative; min-height: 280px; margin-bottom: 30px; margin-top: 60px;}
.page-slider .baner-thumb{width: 100%; position: relative; height: 280px;  overflow: hidden; }
.page-slider .baner-thumb > img{width: auto; height: auto; margin: 0 auto; left: 50%; transform: translate(-50%, 0); position: absolute;}




.box-center{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 2; color: #fff; font-size: 1.8rem; text-align: center;}
.box-center a{display: inline-block; margin-top: 20px; padding: 10px 50px; color: #327eaf; background: #fff; transition: all ease-in-out 0.6s;}
.box-center a:hover{background: #96b52c none repeat scroll 0 0; color: #fff;}
#zone-of-doctor footer{position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
/*#zone-of-doctor, #zone-of-doctor body{width: 100%; height: 100%; position: relative;}*/



/*extra menu*/
#extra-menu{width: 100%; margin-top: -28px; margin-bottom: 20px; clear: both;}
#extra-menu > div, #extra-menu > a{transition: all ease-in-out 0.4s; font-size: 1.6rem; display: inline-block; font-weight: 300;  color: #000; padding: 10px 50px; background: #e8e8e8; margin-right: 1px; cursor: pointer;}
#extra-menu .active, #extra-menu a:hover,  #extra-menu div:hover{background: #e87814; color: #fff;}

/*page preloader*/
.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999999999; width: 100%; height: 100%; overflow: visible; background: #fff; }
#preloader-container{position: absolute; top:50%;  left: 50%; transform: translate(-50%, -50%);}
#preloader-progress{font-size: 8.0rem; font-weight: 300; color: #000; margin: 35px auto; text-align: center;}
#preloader-container img{max-width: 100%; height: auto;}

/*toolbar*/
.toolbar{min-height: 68px; line-height: 68px; position: relative; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: 20px; font-weight: 300;}
.toolbar>div{display: inline-block;}
.counter-offer{width: 30%;}
.only-recommendend{margin-right: 20px; width: 25%; }
.only-recommendend strong{color: #e77813; }

.listing-sort-dropdown{width: 35%; text-align: left;}
.change-view{width: 8%; position: absolute; top: 0px; right: 0px;}
.important{color: #e77813;}
.counter-offer{text-align: left;}
.change-view{text-align: right;}
.change-view > div{display: inline-block;}
.change-view > div:hover{cursor: pointer;}
.choose-style-list{width: 22px; height: 19px; background: url("img/list-horizontal.png") no-repeat center center;}
.choose-style-list.active{background: url("img/list-horizontal-active.png") no-repeat center center;}
.choose-style-box{width: 19px; height: 19px; background: url("img/list-box.png") no-repeat center center;}
.choose-style-box.active{background: url("img/list-box-active.png") no-repeat center center;}

.sort-dropdown{display: inline-block; position: relative;}

.listing-sort-dropdown > div:first-child{display: inline-block;}
.toggle{cursor: pointer; text-align: left;  background: url("img/arrow-select.png") no-repeat 232px center; padding-left: 15px;  font-size: 1.6rem; display: inline-block; width: 260px; height: 38px; line-height: 38px; border:  1px solid #b2b2b2; color: #414141; font-size: 1.6rem;}
.options-param-select{font-weight: 600;}
.options-close{ position: absolute; top: -1px; right: -38px; width: 38px; height: 38px; border:  1px solid #b2b2b2; border-right: none; transform: rotate(180deg); cursor: pointer; background: #fff url("img/arrow-select.png") no-repeat center center;}
.options{display: none; padding: 16px; position: absolute; top:15px; left: 0px; width: 100%; background: #fff; border:  1px solid #b2b2b2; z-index: 10; }
.option{font-size: 1.4rem; text-align: right; padding: 16px 0; border-bottom: 1px solid #e0e0e0;}
.option:first-child{padding-top: 0;}
.option span{display: block; line-height: 1.4; }
.options-param{cursor: pointer; font-weight: 600;}
.options-param:hover, .options-param.active{color: #e77813;}
.option span.options-desc{float: left; }


/*menu*/
#mmenu{display: none; position: absolute; width: 100%; top: 0px;}
#mmenu-offers{ display: none; position: absolute; width: 100%; top: 0px; }
#mmenu .slicknav_btn{z-index: 10;}
#mmenu-offers .slicknav_btn{margin-right: 65px;}
#top{width: 100%; height: 100%; position: relative;}


/*page - header*/
.go-to-home, #back-to-list-a{padding: 10px 0;  border-bottom: 1px solid #eaeaea; text-align: right; margin-top: 60px;}
#back-to-list{width: 100%; z-index: 10;  position: relative;}
#back-to-list-a{z-index: 10000;  position: relative; margin: 0; border: none; float: right; cursor: pointer; font-size: 1.8rem; color: #000; display: inline-block; font-weight: 300;  position: absolute; right: 30px; top: 10px;}
.go-to-home a{font-size: 1.4rem; font-weight: 600; color: #323232; display: inline-block; margin-top: 20px;}
.go-to-home a:hover, #back-to-list-a:hover{color: #e87814;}
#back-to-list-a span{margin-left: 16px; transform: rotate(-90deg);border: 1px solid #b4b4b4; vertical-align: middle; display: inline-block; width: 43px; height: 43px; border-radius: 43px; background: #fff url(img/backToTop.png) no-repeat center center;}
#back-to-list-a:hover span{border-color: #e87814;}
#back-to-list-a:hover{color: #e87814;}

#nav-bar{padding: 25px; width: 100%; background: #f4f4f4; }
.default-header{width: 100%; text-align: center;}
.default-title{padding-top: 30px; padding-bottom: 30px;  font-weight: 300; }
.default-title a, .default-title{}


.breadcrumbs{padding: 20px 0;}
.breadcrumbs, .breadcrumbs a{color: #9e9e9e; font-size: 1.2rem;}
.breadcrumbs a:hover{text-decoration: underline;}

/*contents*/
.left-site, .right-site{display: inline-block; vertical-align: top;}
.left-site{width: 18%;}
.right-site{width: 82%; margin-left: -4px; min-height: 400px;}
.right-site-margin{padding-left: 50px; padding-bottom: 50px;}

.fiftyfifty, .fiftyfifty tbody, .fiftyfifty tr{width: 100%;}
.fiftyfifty td{width: 50%;}
.page-content{padding-bottom: 30px;}
.content{font-size: 1.4rem; }
.content a:hover{color: #de0000;}
.content img{max-width: 100%; height: auto;}
.content h3,.content h4, .content h5, .content h6, .content h1, .content h2{padding-bottom: 10px;  }

.content{line-height: 1.8; overflow: hidden; color: #000;}
.content h1{font-size: 4.8rem; font-weight: 300;   padding-bottom: 30px;}
.content h2{font-size: 4.8rem;  font-weight: 300; padding-bottom: 30px; }
.content h3{font-size: 2.6rem; font-weight: 300; padding-bottom: 25px;}
.content h4{font-size: 16px;}
.content h5{font-size: 14px;}
.content h6{font-size: 12px;}
.content p{padding: 12px 0; font-weight: 400;}
.content ul li{padding-bottom: 0px; display: list-item; list-style: outside disc; padding-left: 10px;  margin-left: 20px; }
.content ol li{padding-bottom: 0px; display: list-item; list-style: outside decimal ; padding-left: 10px;  margin-left: 20px; }
sup{vertical-align: top; font-size: 1rem;}
.content a, .content{color: #000;}
.content a{color: #e77813; }
.content a:hover{}
.content table td{vertical-align: top; padding: 0 30px;}
.content .gray{background: #edf1f4; padding: 25px;}
.content table{clear: both;}
.clearfix {overflow: auto; zoom: 1; clear: both;}

.contact-3columns td{width: 33%;}
.contact-3columns h4{padding-top: 30px; margin-top: 10px; }

.table-medtronic-in-poland{margin-top: -25px;}
.content .table-medtronic-in-poland td{background: #edf1f4;width: 29%; padding: 25px;}
.table-medtronic-in-poland td:first-child{background: #fff; width: 70%; padding: 0;  padding-top: 25px; padding-right: 30px;}
.table-medtronic-in-poland h3{padding-top: 0; padding-bottom: 20px;}


.home-content-wrap{}
.home .content{font-weight: 300; text-align: left;}
.home .content a, .home .content h2{color: #000; }

.home .content table{text-align: left;}
.home .content table a{padding-bottom: 60px; color: #000; display: inline-block; }
.content p.read-more{width: 100%; text-align: right; padding-right: 20px; background: transparent url('img/home-a.png') center right no-repeat;}
.home-content-wrap img{vertical-align: sub;}
.home .content table a:hover, .home .content a:hover, .home .content a:hover h3{color: #e87814;}
.home .content table h3{padding-left: 60px; position: relative; display: inline-block;}
.home .content table, .home .content table tbody, .home .content table tbody tr{width: 100%;}
.home .content table td{max-width: 32.5%; display: inline-block;}
.home .content table p{font-size: 1.4rem;}
.home .content table img{position: absolute; left: 0px; vertical-align: middle;}
/*attachments*/
ul.attachment li, ul.attachment{list-style: none; display: block; width: 100%;}
.attachment{margin-top: 5px;}
.attachment li{height: 70px;}
.attachment li a{color: #365b76; text-decoration: none; font-size: 14px; line-height: 1.1; vertical-align: middle;}
.attachment img{float: left; margin-right: 15px; display: block; margin-bottom: 10px;}
.attachment li a:hover{color: #0087dd;}



/*strona kontakt*/
.go-to-home .default-title{float: left; margin: 0; padding: 0; font-size: 3.6rem; color: #323232;margin-bottom: 10px;}
#dane-teleadresowe{margin-top: 50px; margin-bottom: 50px; width: 100%;}
#dane-teleadresowe h2{width: 50%; display: inline-block; vertical-align: top;}
.contact-data{font-size: 2.5rem; font-weight: 300; display: inline-block; }

#team-us .prioryty > div{display: inline-block; width: 33%; vertical-align: middle;}
#team-us .prioryty{margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #eaeaea;}
.tu-70 .key{width: 60px;}
.tu-name{text-align: right;}
.tu-img{text-align: center;}
.tu-img img{ width: 190px; height: 190px; border-radius: 190px; border: 1px solid #e77813; display: inline-block; }
.tu-data{text-align: left;}
.tu-data .row{ width: auto;}
#team-us .normal{margin-top: 70px; margin-bottom: 70px; border-bottom: 1px solid #eaeaea;}
.normal>div{width: 49%; margin-right: 0%; display: inline-block; vertical-align: top; margin-bottom: 30px;}
.normal .agent-right{width: 79%; display: inline-block; vertical-align: top;}
.normal img{ width: 118px; height: auto; border-radius: 118px; border: 1px solid #e77813; display: inline-block; }

.gm-contact{margin-top: 70px;}
.contact-form{margin-top: 85px;}
.contact-form form{font-size: 1.4rem; font-family: 'Open Sans', sans-serif;}
form{padding-top: 20px;}

.contact-form p span{display: inline-block; max-width: 100%;}
.vertical-top{vertical-align: top;}
.contact-form p span:first-child{width: 140px; text-align: right; margin-right: 30px; display: inline-block; }
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea{font-family: 'Open Sans', sans-serif; width: 540px; padding: 10px; max-width: 100%; text-align: left; font-size: 1.4rem; border: 1px solid #b2b2b2;}
.contact-form textarea{height: 100px;}
.contact-form select{margin: 0 0; width: 540px;  color: #000; padding: 0 10px; max-width: 100%; appearance:none; border: 0; border: 1px solid #b3b3b3; font-size: 1.4rem; font-weight: 300; font-family: 'Open Sans', sans-serif; background: url("img/select.png") no-repeat right #fff;}
.contact-form select option{padding: 10px;}
.captcha-wrap{width: 80px; }
.captcha-wrap span{max-width: 100%;}


/*popup*/
.content form p, .contact-form-popup p{padding: 2px 0;}
/*.contact-form-popup p{padding: 10px 0;}*/
.contact-form-popup p span{width: 74%; }
.contact-form-popup p span:first-child{width: 20%; margin-right: 5%;}


/*strona nasz zespol*/
.special-table tr{padding-bottom: 50px; margin-bottom: 30px; border-bottom: 1px solid #eaeaea; display: block; }
.special-table td:first-child{min-width: 230px;}
#post-40 .special-table img{border-radius: 190px; border: 1px solid #e77813; display: inline-block;}
#post-152 .bg-100{margin-top:-25px; padding-top:0px;}

/*category*/
.entry-date, .entry-title{margin:0; margin-bottom: 10px; padding: 0;}
.entry-title{font-weight: 600;}
.entry img{float: left; margin-right: 40px;}
.entry-date{font-size: 10px; color: #c0c0c0;}
.content:first-child .entry-wrap{padding-top: 0;}
.entry-wrap{padding: 30px 0; border-bottom: 1px solid #eaeaea;}
.entry-text{font-size: 12px;}
.more{color: #de0000;}


/*google maps*/
.gmpInfoWindowtitle{margin: 0!important; padding-bottom: 4px;}
.gmpInfoWindowContent p{padding: 0; margin: 0;}

/*gallery*/
.gallery-wrap{max-width: 100%;}

.gallery a, .gallery img, .gallery-certyfikaty img{display: block;}

.gallery a, .gallery-certyfikaty img{transition: all ease-in-out 0.4s; box-shadow: 10px 10px 0 #e8e8e8;}
.gallery a:hover{}
.gallery, .gallery-certyfikaty{margin:0 -53px;}
.gallery-item, .gallery-certyfikaty a{display: inline-block; position:relative;  display: inline-block; padding: 0; margin: 0 53px 100px 53px; }

.gallery-item .gallery-caption{transition: all ease-in-out 0.4s; opacity:0; position:absolute; bottom: 0px; width:100%; padding:10px 0; background: rgba(255,255,255,0.9); text-align:center; border: 1px solid #de0000; border-top:none; color: #de0000;} 
.gallery-item:hover .gallery-caption{opacity:1;}
.gallery-item a, .gallery-certyfikaty a{background: rgb(231, 120, 19); }
.gallery-item a:hover img, .gallery-certyfikaty a:hover img{transition: all ease-in-out 0.4s;}
.gallery-item a:hover img, .gallery-certyfikaty a:hover img{opacity: 0.6;}


/*shortcode*/
.bg-100{padding: 30px 0; width: 100%; margin: 30px 0;}
/*paralax*/
/*.parallax-window-wrap{
    height: 300px;
   width: 100%;
    position: relative;
}*/
.parallax-window{margin-bottom: 30px;}
.imageHolder h2, .parallax-window h2{z-index: 10; color: #414141; position: absolute; left: 0; width: 100%; text-align: center; top:50%;  transform: translate(0, -50%);  }


/*praca*/
.job{padding-bottom: 10px;}
.job-header{min-height: 40px; text-align: left; line-height: 40px;  width: 100%;}
.job-header h2{line-height: 40px; font-weight: 600; width: auto; display: inline; margin-left: 20px;}
.job-header span{float: right; padding-right: 10px; margin-right: 20px; display: inline-block;}
.job-header a{width: 100%; height: 100%; text-align: center; color: #fff; background: #df0001; display: block;}
.job-header-left, .job-header-right{display: inline-block; height: 100%;}
.job-header-left{transition: all ease-in-out 0.6s;  width: 75%; background: #f7f7f7; color: #3c3c3c;}
.job-header-right{width: 25%; margin-left: -4px;}


.job-header-left:hover{width: 75%; cursor: pointer; color:#fff; background: #5e5e5e;}
.job-content{ height: 0; transform: scaleY(0); min-height: 0; transform-origin: top; transition: all ease-in-out 0.3s;  overflow: hidden; position: relative;  }
.job-content-margin{padding: 30px 20px;  }
.job-content.active{height: auto; transform: scaleY(1); min-height: 100px; }

/*left menu*/
.left-site{font-size: 1.3rem; border-right: 1px solid #d1d1d1; }
.left-site ul li{display: block; padding-bottom: 18px;}
.left-site ul li a{color: #2a343e;}
.left-site ul li.current-menu-item a, .left-site ul li a:hover{color: #de0000;}

/*footer*/
#footer-main-menu{margin-top: 30px; padding-top: 30px; border-top: 1px solid #eaeaea; padding-bottom: 30px;}
#footer-main-menu>div{display: inline-block; vertical-align: top; width: 22%;}
#footer-main-menu>div>span{font-size: 1.6rem; margin-bottom: 20px; display: block; color: #e87814;}
#footer-main-menu ul li{display: block;}
#footer-main-menu ul li a{color: #666666; font-size: 1.3rem; margin-bottom: 18px; display: block;}
#footer-main-menu ul li a:hover{color: #e87814;}


.hide_baner{position: fixed; top:60px;}

#footer-offer-manu{text-align: left; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 25px 0;}
#footer-offer-manu li{display: inline-block; padding: 0 5px; border-left: 1px solid #949494; font-size: 1.3rem;}
#footer-offer-manu li:first-child{border: none;}
#footer-offer-manu  a{color: #000;}
#footer-offer-manu  a:hover{color: #e77813;}

#footer-info{text-align: center; padding-top: 100px; padding-bottom: 30px; font-size: 1.3rem;}
#footer-info, #footer-info a{color: #949494;}
#footer-info a:hover{color: #e87814;}


#realization{float: right;}
#copyright{float: left;}

.home .page-top{display: none;}



@media screen and (max-width:1200px) {
    .only-recommendend, .counter-offer, .listing-sort-dropdown{width: 100%; margin-right: 0;}
    .page-margin{width: 95%; margin: 0 2.5%;}
    #mmenu, #mmenu-offers{display: block;}
    #main-menu, .flex-control-nav, .fix-menu{display: none;}
    
    .desc-wrap{padding-top: 15%!important; width: 50%!important; height: 100%!important;}
    .slider-more{display: none!important;}
    /*header.top-header{height: 60px;}*/
    #logo{height: 80px; width: 230px;}
    #fast-contact-def{float: left;  margin-left: 185px; line-height: 60px;}
    #fast-contact-left br{display: none;}
    /*.page-top #logo img{height: 30px; margin-top: 5px; width: auto;}*/
    .page-top #logo{height: 35px;}
    .home #logo{padding: 0;}
    .home #fast-contact-def{line-height: 1;}
    .page-top{height: 60px; border-bottom: 1px solid #eaeaea;}
    .page-slider{margin-top: 60px;}
    .home .page-top{display: block;}
    #top-doc-sticky-wrapper{display: none;}
    .gallery{margin: 0;}
    .gallery-item{max-width: 30%; margin: 1%;}
    
    .slick-prev, .slick-next{display: none!important;}
    
    .content-tooltips h3, .desc-size h2{font-size: 3.4rem!important;}
    .home-left img, .home-right img{opacity: 0.8; position: relative;}
    .home-left, .home-right{height: auto; width: 100%; max-width: 100%;}
    .home-left .content-tooltips, .home-right .content-tooltips{top: 10%; left: 40%; max-width: 50%; right: auto;}
        .home-right .content-tooltips{left: 14%;}
    #btn-valuation-of-property{top: 70%; right: 10px; left: auto;}
    #btn-search-property{top: 20%; right: 10px; left: auto;}
    .tooltips-btn{background-color: #e87814;}
    
    #sel-rooms, #sel-area, #sel-loc{width: 49%;}
    .select-wrap{width: 49%}
    
    
}

@media screen and (max-width:800px) {
    .slider-gallery-wrap{padding: 0; border: none;}
    .btn, .content a.btn{min-width: 0; display: block;}
 
    .page-baner-desc .desc-size{min-width: 0!important;}
  
  .style-box .offertlist-wrap.odd{margin-right: 4.8%;}
  .style-box  .offertlist-top > div{width: 100%; min-height: 0; padding-bottom: 10px;}
  .style-box  .offertlist-top span, .style-box  .span-desc{margin-bottom: 4px;}
    #fast-contact-def{position: absolute; bottom: 5px; z-index: 1000000; margin-left: 0; line-height: 1.1; }
    #fast-contact-def, #fast-contact-def .tel, #fast-contact-def a{font-size: 1.2rem;}
    .page-top{height: 80px;}
    
    #extra-menu > div{width: 100%; padding-left:0; padding-right: 0; text-align: center; margin-bottom: 1px; }
    
    .offer-agent, .offer-contact-office, .offer-agent .agent-right{width: 100%;}
    
    .single-offer,#basic-information{width: 100%;}
    .offer-gm, #map-canvas{float: none; width: 100%!important; height: 300px!important; max-width: 100%;}
    .offer-gm{margin-bottom: 50px;}
    .btn, .content a.btn{margin: 10px 0; width: 100%; max-width: 100%;}
    #footer-main-menu > div{width: 49%;}
    #copyright, #realization{float: none; display: block; margin: 10px auto;}
  
    
}
@media screen and (max-width:667px) {
    .offer-bar{height: auto;}
    .offer-bar-right, .offer-bar-right{width: 100%; float: none;}
    #extra-menu > div, #extra-menu > a{width: 100%; margin-bottom: 2px;}
    .home .content table td{width: 100%; max-width: 100%;}
    .form-container{width: 100%;}
   h2, .imageHolder h2, .parallax-window h2{font-size: 3.4rem;}
   #recommendend-tabs{top: 35px;}
   .btn, .content a.btn{font-size: 1.8rem;}
    .offertlist-left, .offertlist-right{width: 100%; margin: 0;}
    .toolbar > div.change-view{display: none;}
    .flex-control-nav li, .page-baner-menu li{float: none!important; width: 49.5%!important;}
    .flex-control-nav, .page-baner-menu{position: relative!important;}
    #btn-valuation-of-property{left: 10px; right: 10px; top: 78%;}
    #btn-search-property{left: 10px; right: 10px; top: 28%;}
    .home-left, .home-right{margin-bottom: 100px;}
    
    .row, .room{width: 100%!important; margin: 0!important;}
    .contact-form-popup p span{width: 100%; display: block; }
    .contact-form-popup p span:first-child{width: 100%; margin-right: 0%; margin-bottom: 5px; text-align: left;}
    .form-container .val, .form-container .key{width: 100%; text-align: left; padding-left: 0;}
    .form-container .key{margin-top: 10px;}
    
    
    div.select-wrap{width: 100%!important;}
    #search-btns{text-align: center; clear: both;}
    #open-search-adv{position: relative; margin-bottom: 30px;}
    .gallery-item{max-width: 40%; margin: 2%;}
    .special-table img{display: block; margin: 10px auto; float: none; max-width: 100%;}
    table td{width: 100%!important; display: block; padding: 0!important;}
    iframe, .normal > div{width: 100%;}
    #team-us .prioryty > div{width: 100%; text-align: center;}
    .normal > div{margin-right: 0;}
    .offer-agent img{margin: 10px auto; }
    .photo-agent, .normal .agent-right{width: 100%; display: inline-block; text-align: center;}
    .home #fast-contact-def{display: block; width: 100%; margin: 0 auto; text-align: center;}
    
}

@media screen and (max-width:480px) {
    .offer-contact{font-size: 12px;}
    .slicknav_menu .slicknav_menutxt{font-size: 1.3rem; margin-top: 2px;}
    .gallery-item{max-width: 100%; margin: 1% 0; }
    .content-tooltips h3{margin-bottom: 10px;}
    .home-left img, .home-right img{opacity: 0.3; }
    .home-left .content-tooltips, .home-right .content-tooltips{left:10%; max-width: 80%;}
    .desc-wrap{ width: 100%!important;}
    #footer-main-menu > div{width: 100%;}
     .page-top #logo img{}
  .offertlist-top > div{width: 100%; min-height: 0; padding-bottom: 10px;}
  .offertlist-top span, .span-desc{margin-bottom: 4px;}
  .flex-control-nav li, .page-baner-menu li{width: 100%!important; }
  .home-left .content-tooltips, .home-right .content-tooltips{top: 2%;}
  #find-offert-header{padding-top: 30px;}
  .page-top #logo{height: 27px;}
  #fast-contact-def li{padding: 0 5px;}
  #fast-contact-def li:nth-child(2){display: none;}
  #fast-contact-def span{vertical-align: calc();}
    
}



@media print {
       
}




/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}