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

.page-head  { height: 400px; }

}


@media screen and (max-width: 1439px) {
	
.tourist-block .body { padding-left: 64px; padding-right: 40px; font-size: 16px; }
.tourist-block .body .content .title .line { width: 64px; left: -96px; }	

.page-head  { height: 340px; }

.passengers-head { padding: 96px 64px; }
.passenger-links .body { padding: 0 64px 64px 64px; }
.passenger-links ul { margin-top: 64px; font-size: 16px; }
.passenger-links ul li { padding: 4px 0; }
.passenger-links ul:first-of-type { margin-top: 0; }

.download-app .title { font-size: 48px; line-height: 48px; }
.download-app .punch { font-size: 18px; margin-top: 24px; }
.download-app .desc { font-size: 16px; margin-top: 24px; line-height: 1.5em; }
.download-app .download { margin-top: 32px; }
.download-app .download a img { height: 48px !important; }

.airlines .owl-controls .owl-prev,
.airlines .owl-controls .owl-next { margin-top: -24px; }
.airlines .owl-controls .owl-prev { left: -4%; }
.airlines .owl-controls .owl-next { right: -4%; }
.airlines .owl-controls .owl-prev::before { width: 24px; height: 48px; font-size: 48px;  }
.airlines .owl-controls .owl-next::before { width: 24px; height: 48px; font-size: 48px;  }
	
}


@media screen and (max-width: 1199px) {
	
h1 { font-size: 32px; }
	
.logo { left: 32px; }
.main-nav { position: fixed; width: 0; height: 100%; right: 0; top: 0; background: #006eae; padding-top: 64px; text-align: left; box-shadow: -20px 0 32px rgba(0,0,0,0.3); overflow: scroll; z-index: 2000; }
.main-nav .close { display: block; position: absolute; top: 40px; margin-top: -12px; right: 32px; color: #fff; font-size: 24px; }
.show-main-nav { display: block; position: absolute; top: 50%; margin-top: -18px; right: 32px; color: #fff; font-size: 32px; }
.main-nav > ul { display: none; }
.main-nav > ul.visible { display: block; }
.main-nav > ul > li { display: block; margin-right: 0; padding: 0; font-size: 18px; }
.main-nav > ul > li > a { display: block; padding: 16px 32px; }
.main-nav > ul > li > a > span { display: inline-block; width: 32px; font-size: 12px; text-align: center; margin-left: -16px; margin-right: 4px;  }
.main-nav .submenu { position: static; width: auto; left: auto; top: 0; padding-top: 12px; padding-bottom: 24px; display: none; visibility: visible; opacity: 1; transition: none; }
.main-nav .submenu.last { right: auto; }
.main-nav .submenu a { white-space: normal; }

.main-nav > ul > li .line-active { display: none; }

header.is_stuck .main-nav .submenu { box-shadow: none;  }
header.is_stuck .main-nav > ul > li .line-active { display: none; }

.hero { background-image: url(../img/zracna-luka-sumrak-tablet.jpg); }
.hero.business { background-image: url(../img/zracna-luka-poslovni-sumrak-tablet.jpg); }

.hero-content { padding-top: 0; padding-bottom: 16px; margin-top: 0; }
.hero-content .container > .welcome { font-size: 48px; line-height: 56px; }
.hero-content .container > .title { font-size: 24px; line-height: 24px; }

.hero-content .common { margin-top: 48px; }
.common .item { margin-top: 60px; }
.common .item .circle { margin: -60px 0 0 -60px; width: 120px; height: 120px; }
.common .item .title { padding: 80px 0 26px 0; font-size: 18px; }
.common .item.first .circle span { position: relative; font-size: 64px; top: 26px; }
.common .item.second .circle span { position: relative; font-size: 68px; top: 26px; }
.common .item.third .circle span { position: relative; font-size: 52px; top: 34px; }
.common .item.fourth .circle span { position: relative; font-size: 54px; top: 34px; }

.common.business .item.first .circle span { font-size: 68px; top: 28px; }
.common.business .item.second .circle span { font-size: 64px; top: 28px; }
.common.business .item.third .circle span { font-size: 64px; top: 30px; }
.common.business .item.fourth .circle span { font-size: 64px; top: 30px; }

.hero .scroll-down { bottom: 40px; }

.section-title { font-size: 32px; line-height: 32px; }

.recent-flights { padding: 72px 6% 64px 6%; background-image: url(../img/recent-flights-bgnd-tablet.jpg); }
.recent-flights .owl-carousel { margin-top: 64px; }
.recent-flights .item { margin-left: 6%; margin-right: 6%; }
.recent-flights .flight-id { margin-left: -10px; margin-right: -10px; }
.recent-flights .flight-points { font-size: 18px; margin-left: -10px; margin-right: -10px; }
.recent-flights .flight-points,
.recent-flights .flight-times,
.recent-flights .flight-status { margin-top: 12px; }

.recent-flights .owl-controls .owl-prev,
.recent-flights .owl-controls .owl-next { margin-top: -24px; }
.recent-flights .owl-controls .owl-prev { left: -6%; }
.recent-flights .owl-controls .owl-next { right: -6%; }
.recent-flights .owl-controls .owl-prev::before, 
.recent-flights .owl-controls .owl-next::before { width: 24px; height: 48px; font-size: 48px;  }

.wall-position-middle { padding-bottom: 72px; }

.passengers-left { display: none; } 
.passengers-right { float: none; width: 100%; }
.passenger-links ul { margin-top: 64px; }

.tourist-block { float: none; width: 100%; }
.tourist-block .body { padding-right: 64px; padding-left: 64px; }

.download-app .pic img { margin-top: 32px; }

.breadcrumbs { padding-left: 32px; padding-right: 32px; }

.page-head  { height: 280px; }
.page-head .body .content { padding-left: 32px; padding-right: 40px; }
.page-head .body .content-wide { padding-left: 32px; padding-right: 32px; }
.page-head.no-pic .body { padding-top: 32px; padding-bottom: 32px; }
.page-head .lead-text { font-size: 20px; margin-top: 12px; }

.page-head.no-pic .body .content { padding-left: 32px; padding-right: 40px; }

.page-content { padding-top: 48px; }
.page-content .content { padding-left: 32px; padding-right: 32px; }

.grid-view .item { padding-top: 48px; }
.grid-view .item .body { padding-left: 40px; font-size: 16px; }
.grid-view .item .body .title { font-size: 24px; line-height: 1.5em; }
.grid-view .item .body .desc { line-height: 1.5em; margin-top: 8px; }
.grid-view .item .body .more-link { margin-top: 8px; }
.grid-view .item:nth-child(2n+2) .body { padding-right: 40px; }

.emergency .content { padding: 32px; }
.emergency .title { font-size: 24px; }
.emergency .title .close-emergency { font-size: 18px; }
.emergency .desc { font-size: 16px; margin-top: 8px; }

.page-text { padding-bottom: 48px; }
.right-col { width: 26%; }

.right-menu .parent-cat { padding: 16px 40px 16px 24px; }
.right-menu .parent-cat span { right: 24px; top: 16px; }
.right-menu > ul li { padding: 4px 24px; }
.right-menu > ul li.active { padding-left: 24px; }
.right-menu > ul li.active::before { display: none; }

.faq { padding-top: 48px; padding-bottom: 48px; }
.faq .title { margin-bottom: 32px; }
.faq-items .q { font-size: 16px; }

.table-view { padding-bottom: 48px; margin-bottom: 48px; }
.table-wrapper table td.create-alarm-trigger { padding-left: 16px; padding-right: 16px; width: 52px; }
.table-wrapper table td.create-alarm-trigger span { visibility: visible; opacity: 1; }
.table-wrapper table td { padding: 12px 16px; }
 
.flight-terminal { width: 96px; }
.flight-no { width: 104px; }
.flight-sta,
.flight-eta { width: 96px; }
.flight-via { width: 64px; }
.flight-date,
.flight-status { width: 120px; }

.airlines { padding-top: 48px; padding-bottom: 48px; }

.filter,
.filter-button { margin-left: 4%; }
.filter.single-line { display: table; width: 100%; margin-bottom: 16px; }
.filter.single-line > div { display: table-cell; }
.filter.single-line > div:first-of-type { width: 15%; }
.filter.single-line .filter-body { line-height: 24px; }

.destination-input { width: 32%; }
.date-input { width: 18%; }
.filter-button { width: 12%; }

.flights-summary .route { font-size: 24px; }
.flights-summary .route > span { font-size: 20px; top: 1px; margin: 0 12px; }
.flights-summary .period { font-size: 18px; }

footer .content { padding-left: 32px; padding-right: 32px; }

.calc-wrapper .parking-type { width: 30%; }
.calc-wrapper .parking-date { width: 18%; }
.calc-wrapper .parking-time { width: 13%; }
.calc-wrapper .parking-button { width: 100%; margin-left: 0; margin-top: 32px; }
.calc-wrapper .parking-button .btn { width: auto; }

.map-wrapper { margin-bottom: 48px; }

.facts { width: 100%; float: none; margin-bottom: 48px; }
.facts td:first-of-type { width: 48px; padding-right: 24px; }

.grid-cards { margin: -48px -32px 0 -32px; }
.grid-cards .card { padding: 48px 24px; }
.grid-cards .card ul li { font-size: 18px; }
.grid-cards .card ul li:first-of-type { font-size: 64px; margin-bottom: 24px; }
.grid-cards .card ul li:first-of-type > span > span::before { height: 64px; line-height: 64px; }

.ask-help { padding: 48px 0; }
.ask-help .title { font-size: 32px; }
.ask-help .desc { padding: 24px 0 32px 0; margin-bottom: 0; }

.airlines-directory { padding-bottom: 48px; margin: -10px; }
.airlines-directory .item { padding: 10px; }
.airlines-directory .item .pic { width: 140px; padding: 12px 24px; }
.airlines-directory .item .body { padding: 12px 12px 12px 24px; font-size: 18px; }

.news { margin-bottom: 48px; }
.news-item .pic { width: 33.333%; }
.news-item .body { padding-left: 32px; }

.galleries { margin-bottom: 18px; }
.gallery-item { margin-bottom: 30px; }
.gallery-item .title { font-size: 18px; }

.page-nav { margin-bottom: 48px; }

.gallery-single { margin-bottom: 18px; }
.gallery-single a { margin-bottom: 30px; }

.flightsearch-info { background: #fff; padding: 48px 0; }

table.tablica-mala.responsive { display: block; overflow: scroll; table-layout: fixed; }
table.tablica-mala.responsive tbody { display: table; width: 100% !important; min-width: 720px; }

.home-faq { padding: 72px 0; }

}



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

.hero-content .common { width: 88%; margin-left: auto; margin-right: auto; margin-top: 16px; }
.common .item { width: 46%; margin-left: 2%; margin-right: 2%; margin-top: 88px; }
.common .item:first-of-type { margin-left: 2%; }

.recent-flights { padding-left: 10%; padding-right: 10%; }
.recent-flights .owl-controls .owl-prev { left: -10%; }
.recent-flights .owl-controls .owl-next { right: -10%; }

.passengers-head { padding: 64px 48px; }
.passengers-head .desc { font-size: 18px; margin-top: 24px; }
.passenger-links .body { padding: 0 48px 48px 48px; }
.passenger-links ul { margin-top: 40px; }

.tourist-block .body { padding-right: 48px; padding-left: 48px; }
.tourist-block .body .content .title .line { width: 48px; left: -72px; }

.download-app .pic,
.download-app .body { float: none; width: 100%; }
.download-app .pic { padding-left: 10%; padding-right: 20%; }
.download-app .pic img { margin-top: 0; }
.download-app .body { padding: 64px 80px; text-align: center; }

footer { padding-top: 48px; padding-bottom: 48px; }

.page-head { display: block; height: auto; }
.page-head > div { display: block; width: 100%; }
.page-head .body .content,
.page-head .body .content-wide { display: block; width: 100%; max-width: none; padding-top: 32px; padding-bottom: 32px; }
.page-head .pic { height: 400px; }
.page-head .lead-text { margin-top: 0; }

.page-text { width: 64%; }

.right-col { width: 30%; }

.page-head.no-pic .body { padding-top: 0; padding-bottom: 0; }

.tabs > a { min-width: 160px; padding: 20px 40px; }
.tabs .last-update { position: absolute; right: 0; top: 50%; margin-top: -12px; font-weight: 300; color: #006eae; }

.table-wrapper table td { padding-left: 0; padding-right: 0; font-size: 14px; }
.table-wrapper table .airline { display: none; }
.table-wrapper table td.create-alarm-trigger { width: 52px; padding-left: 16px; padding-right: 16px; font-size: 18px; }
.flight-no, 
.flight-sta,
.flight-eta,
.flight-terminal { width: 80px; }
.flight-date,
.flight-status { width: 96px; }

.airlines .owl-controls .owl-prev { left: -6%; }
.airlines .owl-controls .owl-next { right: -6%; }

.filter, .filter-button { margin-left: 3%; }
.destination-input { width: 30%; }
.date-input { width: 20%; }
.filter-button { width: 14%; }

footer .col-left { float: none; width: 100%; text-align: center; }
footer .col-middle { display: none; float: none; width: 100%; text-align: center; margin-top: 32px; }
footer .col-middle ul { float: none; margin-left: 0; }
footer .col-right { float: none; width: 100%; text-align: center; margin-top: 32px; }

.reminder { left: 0; top: 50%; width: 100%; margin: -300px 0 0 0; }
.reminder .pic { width: 38%; }

.parking_content { margin-bottom: 48px; }
.calc-wrapper .parking-type { width: 100%; }
.calc-wrapper .parking-date { width: 25%; margin-top: 20px; margin-left: 0; }
.calc-wrapper > div:nth-child(4) { margin-left: 4%; }
.calc-wrapper .parking-time { width: 20%; margin-top: 20px; margin-left: 2%; }
.calc-wrapper .parking-button { width: 100%; margin-left: 0; margin-top: 24px; }
.calc-wrapper .parking-button .btn { width: auto; }

.calc-wrapper .directions-start { width: 70%; }
.calc-wrapper .directions-button { width: 27%; margin-left: 2%; }

.map-wrapper { height: auto; }
#map_canvas { height: 380px; }
#map_canvas.directions-visible { width: 100%; float: none; }
#directionsPanel { position: relative; float: none; height: 290px; width: 100%; margin-bottom: 20px; }

.airline-info { display: block; }
.airline-info > div { display: block; }
.airline-info .pic { width: 60%; margin-bottom: 32px; }
.airline-info .body { padding: 0; }

.gallery-item .body { padding: 16px 20px; }

.gallery-single a { width: 29.333%; }

.cargo-check-wrapper .cc-field { width: 120px; }

}



@media only screen and (max-width: 767px) {
	
h1 { font-size: 24px; line-height: 24px; }
.btn, 
.textbox,
.bootstrap-select .btn  { font-size: 14px; padding: 8px 16px; }
.bootstrap-select .btn .filter-option { font-size: 14px; }

.division-tabs { position: relative; font-size: 12px; line-height: 32px; }
.division-tabs ul a { height: 32px; padding: 0 16px; }

.lang a { margin-left: 16px; }

.close-take-over { font-size: 24px; }

.search { margin-left: 20px; }
.search > div { position: absolute; left: 0; top: 32px; width: 100%; display: none; margin-left: 0; padding-left: 20px; padding-right: 4px; visibility: visible; opacity: 1; z-index: 1000; box-shadow: 0 16px 32px rgba(0,0,0,0.3); }
.search > div.show-it { display: block; }
.search > div form { display: table; width: 100%; }
.search > div input[type=text] { display: table-cell; width: 100%; border: 0; font-size: 16px; vertical-align: middle; }
.search > div a { display: table-cell; width: 40px; text-align: center; margin-left: 0; top: auto; vertical-align: middle; }
.search > div a span { position: relative; top: 2px; }

header { height: 72px; top: 32px; padding: 0; }
.logo { left: 20px; width: 120px; margin-top: -18px; }
.show-main-nav { margin-top: -14px; right: 20px; font-size: 24px; }
.main-nav { padding-top: 48px; }
.main-nav .close { top: 32px; margin-top: -8px; right: 22px; font-size: 16px; }
.main-nav > ul > li { font-size: 16px; }
.main-nav > ul > li > a { padding: 12px 24px; }
.main-nav .submenu { padding-top: 8px; padding-bottom: 16px; font-size: 14px; }
.main-nav .submenu a { padding: 0 24px; margin-top: 8px; }

header.is_stuck { height: 56px; }
header.is_stuck .logo { width: 100px; margin-top: -16px; }

.hero { background-image: url(../img/zracna-luka-sumrak-mobile.jpg); }
.hero.business { background-image: url(../img/zracna-luka-poslovni-sumrak-mobile.jpg); }	
.hero-content { padding-top: 0; }
.hero-content .container > .welcome { max-width: 320px; font-size: 32px; line-height: 32px; margin-left: auto; margin-right: auto; }
.hero-content .container > .title { font-size: 18px; line-height: 18px; margin-top: 8px; }

.hero-content { padding-bottom: 24px; }
.hero-content .common { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; margin-top: 32px; }
.common .item { float: left; width: 50%; height: 100px; margin-left: 0; margin-right: 0; margin-top: 0; }
.common .item:first-of-type { margin-left: 0; }
.common .item .circle { position: relative; left: 0; top: 0; margin: 16px 0 0 0; width: 100%; height: 42px; border-radius: none; box-shadow: none; }
.common .item:hover .circle { transform: none; }
.common .item .title { padding: 0; margin: 6px 0 0 0; font-size: 14px; }
.common .item.first .circle,
.common .item.second .circle,
.common .item.third .circle,
.common .item.fourth .circle,
.common.business .item.first .circle,
.common.business .item.second .circle,
.common.business .item.third .circle,
.common.business .item.fourth .circle { background: none; }
.common .item.first .circle span { font-size: 44px; top: -2px; }
.common .item.second .circle span { font-size: 46px; top: 0; }
.common .item.third .circle span { font-size: 36px; top: 2px; }
.common .item.fourth .circle span { font-size: 34px; top: 4px; }

.common.business .item.first .circle span { font-size: 36px; top: 2px; }
.common.business .item.second .circle span { font-size: 36px; top: 2px; }
.common.business .item.third .circle span { font-size: 36px; top: 2px; }
.common.business .item.fourth .circle span { font-size: 36px; top: 2px; }

.hero .scroll-down { bottom: 24px; width: 18px; height: 24px; margin-left: -12px; font-size: 24px; }

.section-title { font-size: 24px; line-height: 24px; }

.recent-flights { padding: 40px 10%; background-image: url(../img/recent-flights-bgnd-mobile.jpg); }
.recent-flights .owl-carousel { margin-top: 40px; }
.recent-flights .flight-points { font-size: 16px; }
.recent-flights .flight-times,
.recent-flights .flight-status { font-size: 14px; }

.recent-flights .owl-controls .owl-prev,
.recent-flights .owl-controls .owl-next { margin-top: -16px; }
.recent-flights .owl-controls .owl-prev { left: -10%; }
.recent-flights .owl-controls .owl-next { right: -10%; }
.recent-flights .owl-controls .owl-prev::before, 
.recent-flights .owl-controls .owl-next::before { width: 16px; height: 32px; font-size: 32px;  }

.wall-panel { display: none; }
.wall-panel-mobile { display: block; }
.wall-position-top { display: none; }
.wall-position-middle { padding-top: 0; padding-bottom: 40px; padding-left: 0; padding-right: 0; }

.wall-take-over { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.9); z-index: 999; }

.passengers-head { padding: 48px 40px 32px 40px; }
.passengers-head .desc { font-size: 16px; margin-top: 16px; }
.passenger-links .body { padding: 0 40px 40px 40px; }
.passenger-links ul { margin-top: 32px; }

.tourist-block .body { padding-right: 40px; padding-left: 40px; }
.tourist-block .body .content .title .line { width: 40px; left: -60px; }

.download-app .body { padding: 40px 24px; }
.download-app .title { font-size: 32px; line-height: 32px; }
.download-app .punch { font-size: 16px; margin-top: 16px; }
.download-app .desc { font-size: 16px; margin-top: 16px; }
.download-app .download { margin-top: 24px; }
.download-app .download a img { height: 36px !important; }

footer { padding-top: 32px; padding-bottom: 32px; }

.breadcrumbs { padding-left: 20px; padding-right: 20px; line-height: 20px; font-size: 12px; }
.breadcrumbs ul li { padding-right: 8px; }
.breadcrumbs ul li::before { padding-right: 8px; }
.page-head .body .content,
.page-head .body .content-wide { padding: 24px 20px; }
.page-head .lead-text { font-size: 18px; margin-top: 8px; }

.page-content { padding-top: 32px; }
.page-content .content { padding-left: 20px; padding-right: 20px; }

.page-head.no-pic .body .content { padding-left: 20px; padding-right: 20px; }

.grid-view .item { padding-top: 32px; }

.emergency .content { padding: 20px; }
.emergency .title { font-size: 20px; }
.emergency .title .close-emergency { font-size: 16px; }
.emergency .desc { font-size: 16px; margin-top: 8px; }

.page-text { float: none; width: 100%; line-height: 1.5em; padding-bottom: 32px; }
.page-text h2 { font-size: 20px; margin-bottom: 16px; }

.right-col { display: none; }

.faq { padding-top: 32px; padding-bottom: 32px; }
.faq .title { font-size: 24px; margin-bottom: 24px; }
.faq-items .q > span:first-of-type { width: 48px; height: 48px; font-size: 13px; line-height: 48px; }
.faq-items .q .text { padding: 12px 24px; }
.faq-items .a { padding: 16px 24px 16px 72px; }

.tabs > a { float: left; min-width: 0; padding: 8px 0; width: 33.333%; font-size: 14px; border-left: 2px solid #fff; }
.tabs > a:first-of-type { border-left: 0; }
.tabs .last-update { position: relative; margin-bottom: 16px; right: auto; top: 0; margin-top: 0; font-size: 14px; }

.table-view { padding-bottom: 32px; margin-bottom: 32px; }
.table-view .table-button { margin-top: 32px; }

.table-headings { display: none; }
.table-data tbody,
.table-data tr { display: block; }
.table-data tr td { display: block; }

.table-wrapper table tbody tr { position: relative; }
.table-wrapper table tbody td.create-alarm-trigger { position: absolute; left: 0; width: 50px; background: none; }
.table-wrapper table tbody td.location { float: left; width: 100%; padding-left: 50px; padding-right: 100px; }
.table-wrapper table tbody td.flight-no { position: absolute; right: 0; width: 90px; text-align: right; padding-right: 16px; background: none; }
.table-wrapper table tbody td.via { clear: both; }
.table-wrapper table tbody td.flight-status,
.table-wrapper table tbody td.flight-sta,
.table-wrapper table tbody td.flight-eta,
.table-wrapper table tbody td.flight-via,
.table-wrapper table tbody td.flight-days,
.table-wrapper table tbody td.flight-date,
.table-wrapper table tbody td.flight-terminal { display: block; width: 100%; background: none; padding-left: 16px; padding-right: 16px; padding-top: 4px; padding-bottom: 4px; overflow: hidden; text-align: right; padding-left: 50px; border-top: 1px solid #eee; }
.table-wrapper table tbody td > i { display: block; float: left; width: 140px; font-style: normal; text-align: left; font-weight: 700; color: #888; }

.airlines { padding-top: 32px; padding-bottom: 32px; }
.airlines .section-title { font-size: 24px; margin-bottom: 0; }
.airlines .airlines-button { margin-top: 0; }
.airlines .owl-controls .owl-prev,
.airlines .owl-controls .owl-next { margin-top: -16px; }
.airlines .owl-controls .owl-prev { left: -4%; }
.airlines .owl-controls .owl-next { right: -4%; }
.airlines .owl-controls .owl-prev::before { width: 16px; height: 32px; font-size: 32px;  }
.airlines .owl-controls .owl-next::before { width: 16px; height: 32px; font-size: 32px;  }

.filters { padding: 24px 0; margin-bottom: 32px; }
.filter,
.filter-button { margin-left: 0; margin-top: 16px; padding-left: 20px; padding-right: 20px; font-size: 14px; }
.filter .filter-title { padding-bottom: 0; text-transform: uppercase; }
.filter:first-of-type { margin-top: 0; }
.filter.single-line { display: block; width: 100%; margin-bottom: 0; }
.filter.single-line > div { display: block; }
.filter.single-line > div:first-of-type { width: 100%; }
.filter label { display: block; margin-left: 0; }

.destination-input,
.date-input,
.filter-button { width: 100%; }

.flights-summary { margin-bottom: 16px; }
.flights-summary .route { display: block; font-size: 20px; }
.flights-summary .route > span { top: 2px; font-size: 18px; margin: 0 12px; }
.flights-summary .period { display: block; margin-left: 0; font-size: 14px; }

footer .content { padding-left: 20px; padding-right: 20px; }
footer .col-right { margin-top: 24px; }
footer .copy { margin-top: 24px; padding-top: 24px; }
table.tablica th, 
table.tablica td { font-size: 14px; padding: 8px 8px; }

table.tablica.responsive { display: block; overflow: scroll; table-layout: fixed; }
table.tablica.responsive tbody { display: table; width: 100% !important; min-width: 640px; }

.form-label { font-size: 14px; margin-bottom: 4px; }

.reminder { height: 540px; margin-top: -270px; }
.reminder .body { padding: 32px 40px; }
.reminder .title { font-size: 16px; }
.reminder .flights-summary { margin-top: 20px; margin-bottom: 16px; }
.reminder .flight-no { font-size: 16px; margin-bottom: 8px; }
.reminder .body > .text { font-size: 14px; margin-bottom: 20px; margin-top: 8px; }
.reminder .form-block { margin-top: 20px; }
.reminder .form-label { font-size: 14px; }
.reminder .buttons { margin-top: 32px; }
.reminder .return-back { font-size: 16px; }

.parking_content { padding: 24px 20px 32px 20px; margin-left: -20px; margin-right: -20px; margin-top: -32px; margin-bottom: 32px; }
.parking_content .title { font-size: 18px; }
.parking_content .calc-wrapper { margin-top: 16px; }
.parking_content p { font-size: 16px; }
.parking_content .disclaimer { margin-left: -20px; margin-right: -20px; padding: 24px 20px; }

.directions_content { margin-bottom: 32px; padding: 24px 20px 32px 20px; margin-left: -20px; margin-right: -20px; margin-top: -32px; }
.directions_content .title { font-size: 18px; }
.directions_content .calc-wrapper { margin-top: 16px; }
#mapadiv { margin-bottom: 32px; }

.ui-datepicker { width: 280px; }
.ui-datepicker table { font-size: 14px; }
.ui-datepicker thead th { padding: 8px 0; }
.ui-datepicker td a, .ui-datepicker td span { padding: 6px 0; }
.ui-datepicker .ui-datepicker-header { padding: 4px 0; font-size: 14px; }

.directions_content { padding-bottom: 0; }
.map-wrapper { margin-bottom: 32px; }
#map_canvas { height: 240px; }
#directionsPanel { height: 160px; margin-bottom: 12px; border-top: 1px solid #ddd; }
.adp, .adp table { font-size: 14px; }
.adp-text { padding: 8px; font-size: 14px; }
.adp-summary { padding: 8px !important; font-size: 14px; }
.adp-placemark > tbody > tr > td:first-of-type { padding-left: 8px; }
.adp-step, .adp-substep { padding: 4px 4px !important; font-size: 14px; line-height: 20px; }
.adp-substep .adp-stepicon { top: 2px; }

.facts { margin-bottom: 32px; }
.facts td:first-of-type { padding-right: 24px; }

.figures td:first-of-type { width: 120px; }

.plavi-veliki { font-size: 24px; }
.plavi-srednji { font-size: 18px; }

.grid-cards { margin: -32px -20px 0 -20px; }
.grid-cards .card { width: 50%; padding: 48px 24px; }
.grid-cards .card ul li { font-size: 16px; line-height: 20px; }
.grid-cards .card ul li:first-of-type { font-size: 48px; margin-bottom: 16px; }
.grid-cards .card ul li:first-of-type > span > span::before { height: 48px; line-height: 48px; }

.form-wrapper .half-col { float: none; width: 100%; margin-left: 0; }
.form-wrapper .form-block { margin-top: 24px; }
.form-wrapper textarea { min-height: 160px; }
.form-wrapper .form-buttons,
.form-wrapper .form-message { margin-top: 24px; }
.form-wrapper .form-block.short { width: 100%; }

.ask-help { padding: 32px 0; }
.ask-help .title { font-size: 24px; }
.ask-help .desc { font-size: 16px; padding: 16px 0 24px 0; }

.airlines-directory { padding-bottom: 32px; margin: -10px; }
.airlines-directory .item { width: 100%; padding: 10px; }
.airlines-directory .item .pic { width: 120px; padding: 8px 16px; }
.airlines-directory .item .body { padding: 8px 10px 8px 20px; font-size: 16px; }

.news { margin-bottom: 32px; }
.news-item .pic { width: 33.333%; }
.news-item .title { font-size: 18px; }
.news-item .desc { display: none; }

.galleries { margin-bottom: 32px; }

.page-nav { margin-bottom: 32px; padding-top: 32px; }

.galleries { margin-bottom: 8px; }
.gallery-item { width: 46%; }
.gallery-item .body { padding: 16px; }
.gallery-item .title { font-size: 16px; line-height: 20px; }

.gallery-single { margin-bottom: 8px; }
.gallery-single a { width: 46%; margin-bottom: 24px; }

.search_result { margin-top: 24px; }

.flightsearch-info { display: none; }
.flightsearch-info .content { padding-left: 20px; padding-right: 20px; }
.flightsearch-info .filters { border: 0; padding: 0; margin: -12px -20px;  }

.home-faq { padding: 48px 0; }
.home-faq-content { margin: 32px auto; }

.cargo-check .title { font-size: 20px; }


}



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

.passengers-left { display: block; float: none; width: 100%; }
.passengers-head { padding: 40px 20px 32px 20px; }
.passenger-links .pic { display: none; }
.passenger-links .body { width: 100%; padding: 0 20px 32px 20px; }
.passenger-links ul { margin-top: 24px; }

.tourist-block { display: block; float: none; width: 100%; }
.tourist-block .pic { display: block; width: 100%; }
.tourist-block .body { display: block; width: 100%; padding: 32px 20px; }
.tourist-block .body .content .title .line { width: 2px; height: 32px; left: 0; top: -48px; }

.download-app .pic { padding-left: 0; padding-right: 8%; }

.page-head .pic { height: 240px; }

.grid-view .item .content > div { float: none; width: 100%; }
.grid-view .item .body { padding-left: 0; padding-bottom: 32px; }
.grid-view .item .body .title { font-size: 20px; }
.grid-view .item .body .text-wrapper { padding-top: 20px; }
.grid-view .item:nth-child(2n+2) .body { padding-right: 32px; padding-top: 20px; }

.reminder { height: 100%; margin-top: 0; top: 0; overflow: auto; font-size: 14px; }
.reminder .pic { display: none; }
.reminder .body { padding: 24px 24px; }
.reminder .flights-summary { margin-bottom: 8px; }
.reminder .form-block { margin-top: 16px; }
.reminder .buttons { margin-top: 24px; }
.reminder .buttons a { float: left; margin-bottom: 16px; box-shadow: none; }
.reminder .buttons a:first-of-type { margin-right: 24px; }

.calc-wrapper .parking-date { width: 48%; margin-top: 16px; }
.calc-wrapper > div:nth-child(4) { margin-left: 0; }
.calc-wrapper .parking-time { width: 47%; margin-top: 16px; margin-left: 3%; }
.calc-wrapper .parking-button { margin-top: 16px; }

.calc-wrapper .directions-start { width: 100%; }
.calc-wrapper .directions-button { width: 100%; margin-left: 0; margin-top: 20px; }
.calc-wrapper .directions-button .btn { width: auto; }
.calc-wrapper .directions-button { margin-top: 20px; }

.grid-cards .card { padding: 32px 16px; }

.page-nav ul li a { padding: 4px 12px; font-size: 14px; }
.page-nav ul li a span { font-size: 11px; }

}


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

.page-head .pic { height: 160px; }

.airlines .owl-controls .owl-prev { left: -8%; }
.airlines .owl-controls .owl-next { right: -8%; }

.airline-info .pic { width: 100%; }

.galleries { margin-left: 0; margin-right: 0; }
.gallery-item { width: 100%; margin-left: 0; margin-right: 0; }

.gallery-single { margin-left: -3%; margin-right: -3%; }
.gallery-single a { width: 44%; margin-left: 3%; margin-right: 3%; }

.news-item { display: block; margin-top: 32px; }
.news-item > div { display: block; }
.news-item .pic { width: 100%; }
.news-item .body { padding: 16px 0 0 0; }
.news-item .title { font-size: 16px; }

.cargo-check .title { font-size: 20px; }
.cargo-check-wrapper .cc-field { float: none; width: 100%; margin-left: 0; margin-top: 16px; }
.cargo-check-wrapper > div:first-of-type { margin-left: 0; margin-top: 0; }
.cargo-check-wrapper .cc-button { float: none; margin-left: 0; margin-top: 16px; }

}