.front-products-services/**
 * Responsive HTML Element Styling
 */
 
#hamburger {
	box-sizing: border-box;
	display: block;
	width: 70px;
	height: 40px;
	/*position: fixed;*/
	top: 0;
	left: 0;
	z-index: 990;
}
/*.mm-opening #hamburger {
	width: 100%;
	left: 0;
	background: rgba(0, 101, 177, 1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}*/
html:not(.mm-opening):not(.mm-opened) #hamburger {
	transition: top 0.3s ease;
}
#hamburger:before,
#hamburger:after,
#hamburger span {
	background: #fff;
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	position: absolute;
	left: 20px;
}
#hamburger:before {
	top: 20px;
}
#hamburger span {
	top: 10px;	
	text-transform: lowercase;
	color: #FFFFFF;
	text-align: center;
}
#hamburger span strong {
	padding-left: 35px;
	font-family: 'DB_Adman_X_Li';
	font-weight: normal;
	font-size: 2em;
	position: relative;
	top: -10px;
}
#hamburger:after {
	top: 30px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span {
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after {
	top: 20px;	
}
html.mm-opening #hamburger span {
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before {
	transform: rotate( 45deg );
}
html.mm-opening #hamburger:after {
	transform: rotate( -45deg );
} 

#main-menu * {
	box-sizing: border-box;
}
#main-menu.mm-opened { display: block; }
#main-menu .mm-panels {
	font-family: 'DB_Adman_X_Reg';
}
#main-menu.mm-menu.mm-theme-dark {
	background: #0065b1;
}
#main-menu h2.element-invisible {
	position: relative !important;
	clip: rect(auto, auto, auto, auto);
	overflow: auto;
	height: 40px;
}
#main-menu h2,
#main-menu .mm-panel.mm-hasnavbar .mm-navbar {
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin: 0;
	background: #0065b1;
	font-size: 2em;
	font-weight: normal;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	color: #FFFFFF;
}
#main-menu .mm-panels #menu-navigation-container.mm-panel,
#main-menu .mm-panels>.mm-panel.mm-hasnavbar {
	padding: 0;
}
#main-menu .mm-panels>#menu-navigation-container.mm-panel>.mm-listview {
	margin: 0;
}
#main-menu .mm-panels>.mm-panel>.mm-listview {
	margin: 20px 0 0 0;
}
#main-menu .mm-navbar .mm-title {
	padding: 0;
	color: rgba(255, 255, 255, 1);
}
#main-menu ul.menu li.leaf {
	color: inherit;
}
#main-menu ul.menu li {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1.4em;
}
#main-menu .mm-listview a,
#main-menu .mm-listview .mm-next+span {
	color: #FFFFFF;
	padding: 10px 15px;
}
#main-menu .mm-listview>li:not(.mm-divider):after {
	left: 0;
}
.mm-panels #menu-navigation-container.mm-panel:before {
	height: auto;
}

.video-canso {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-canso iframe,
.video-canso object,
.video-canso embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*#main-menu .mm-panel.mm-hasnavbar .mm-navbar a {
	padding: 0;
	color: #27b3fe;
}
#main-menu .mm-panel.mm-hasnavbar .mm-navbar a.mm-btn {
	height: 45px;
}
#main-menu .mm-panel.mm-hasnavbar .mm-navbar a.mm-prev:before {
	width: 9px;
	height: 9px;
}
#main-menu .mm-panels>.mm-panel>.mm-listview:first-child,
#main-menu .mm-panels>.mm-panel>.mm-navbar+.mm-listview {
	margin-top: -15px;
}
#main-menu .mm-listview .mm-next {
	background: #222222;
}
#main-menu .mm-listview .mm-next.mm-fullsubopen {
	background: rgba(3,2,1,0);
}*/

/*.view-document-management .printing-cover img {
	max-height: 100%;
}

@media (min-width: 431px){
	.view-document-management .printing-cover img {
		max-height: 440px;
	}
}*/
 
@media screen and (min-width: 0px) and (max-width: 1280px) {
    html, body {
		background: #ffffff;
		margin: 0;
		padding: 0;
	}
	#wrapper {
		background: #ffffff;
		min-height: inherit;
        position: relative;
	}
    .region-content-top {
        overflow: hidden;
    }
    ul#airport-subject{
        width: 740px;
        height: 380px;
    }
	#block-block-1 {
		right: 80px;
	}
	#block-locale-language {
		top: 21px;
        right: 10px;
	}
	.region-top-menu {
		right: 5px;
	}
	#navobile-main-menu {
		margin: 0;
		font-family: 'DB_Adman_X_Reg';
		font-size: 1.5em;
	}
    
    .navobile-mobile-only {
        display: none !important;
    }
    
    .navobile-mobile-only.navobile-navigation-visible {
        display: block !important;
    }
    
	#mobile-header-bar {
		clear: both;
		/*background: #014baa;*/
        background: #2e6ca4;
		padding: 0 10px;
		margin: 10px 0 0 0;
		height: 40px;
		line-height: 40px;
		position: relative;
	}
	.i-menu {
		display: block;
		text-indent: -9999px;
		font-size: 0;
		float: left;
		text-decoration: none;
	}
	.i-menu:before {
		content: "\f0c9";
		font-family: 'FontAwesome';
		font-size: 28px;
		font-weight: normal;
		/*line-height: 28px;*/
		text-indent: 0;
		color: #FFFFFF;
		display: block;
		/*padding: 2px 5px;
		background: #4A4A4A;*/
		float: left;
	}
    
    #container {
        min-height: 400px;
    }
	
	/*.mobile-header-bar .icon:hover,
	.mobile-header-bar .icon:active {
		background: rgba(0,0,0,0.1);
	}*/

	#search-block-form {
		display: none;
	}
	#search-button {
		display: block;
		text-indent: -9999px;
		font-size: 0;
		float: right;
		text-decoration: none;
	}
	#search-button.i-search:before {
		content: "\f002";
		font-family: 'FontAwesome';
		font-size: 24px;
		font-weight: normal;
		/*line-height: 24px;*/
		text-indent: 0;
		color: #FFFFFF;
		display: block;
		/*padding: 4px 5px;
		background: #4A4A4A;*/
		float: left;
	}
	#search-button.i-close:before {
		content: "\f00d";
		font-family: 'FontAwesome';
		font-size: 28px;
		font-weight: normal;
		/*line-height: 28px;*/
		text-indent: 0;
		color: #FFFFFF;
		display: block;
		/*padding: 2px 5px;
		background: #4A4A4A;*/
		float: left;
	}
	
	#block-search-form {
		position: inherit;
		overflow: hidden;
		top: inherit;
		left: inherit;
		right: inherit;
		border: none;
		border-radius: 0;
	}
	#block-search-form {
		background: #3A3A3A;
		/*padding: 0 66px 0 20px;*/
		padding: 0;
	}
	#search-block-form {
		background: #3A3A3A !important;
		padding: 0 50px 0 10px !important;
		position: relative;
		width: 100%;
		box-sizing: border-box;
	}
	#search-block-form .form-item {
		float: none;
	}
	#search-block-form .form-item .form-text {
		height: 30px !important;
		width: 100%;
		color: #FFFFFF;
		background: #4A4A4A;
		margin: 5px 0;
		padding: 0 5px;
		border-radius: 0;
		font-size: 1.5em;
	}
	#search-block-form .form-item .form-text:focus {
		color: #FFFFFF;
	}
	#block-search-form #search-block-form .form-actions {
		position: absolute;
		top: 5px;
		right: 5px;
		padding: 3px 4px;
		background: none;
	}
	#block-search-form #search-block-form .form-actions input {
		background: url('../images/icon-search@2x.png');
		background: none, url('../images/icon-search@2x.svg');
		background-size: 100%;
		width: 24px;
		height: 24px;
	}
	
	#content h2 {
		font-family: 'DB_Adman_X_Reg';
		font-size: 2em;
		font-weight: normal;
		line-height: normal;
		color: #008dc4;
	}
	
	#content #block-views-aerothai-update-block h2 {
		line-height: 1.5;
	}
	
	.page-awards .views-exposed-form .views-widget-filter-field_award_category_tid_i18n {
		padding-right: 1em;
	}
	.page-awards .views-exposed-form .views-widget-filter-field_date_value {
		margin-left: 0;
	}

    footer {
        z-index:9999;
    }

    .node-slideshow-list-wrapper .detail {
        max-width: 690px;
        margin-left: 10px;
    }

    .view-air-traffic-control .control-center {
        max-width: 700px;
    }
}

@media screen and (min-width: 0px) and (max-width: 1199px) {
	.header-container, #container, body.page-home .region-content-top, #footer, #copyright {
		box-sizing: border-box;
	}
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
    .header-container,
	#container,
	#footer,
	#copyright {
        max-width: 1000px;
    }
    
    footer {font-size: 80%;}

    .front-products-services .views-row {width: 160px !important;}

    .slick-slide img {width: 88% !important;}

    #block-block-31 {
	right: 340px;
    }
}


@media screen and (min-width: 0px) and (max-width: 999px) {
	#block-views-slideshow-block:before,
	#block-views-slideshow-block:after,
	#block-menu-block-1,
	.region-top-menu {
		display:none;
	}
	.region-content-top {
		width: 100%;
		max-width: none;
	}

    .node-slideshow-list-wrapper .detail {
        max-width: 450px;
    }

    .view-air-traffic-control .control-center {
        max-width: 470px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1024px) {
    #block-views-lastest-news-block-5,
    #block-views-banner-list-block{
        max-width: 700px;
    }
}

@media screen and (min-width: 820px) and (max-width: 1024px) {
    .i18n-th #block-views-promote-content-block {
        width: 200px;
        font-size: 0.85em;
    }
}


@media (min-width: 769px) {
	#sliding-popup .eu-cookie-compliance-banner #popup-buttons button {min-width: 160px !important;}
}

@media screen and (min-width: 768px) and (max-width: 820px) {
    #block-views-contact-information-block-1 {
        margin-top: -30px !important;
    }
}

@media screen and (min-width: 737px) and (max-width: 767px) {
    #block-views-contact-information-block-1 {
        margin-top: -85px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 820px) {
	
	/*html, body {
		background: #ffffff;
		margin: 0;
		padding: 0
	}*/
	#header:before {
		display: none;
	}
	#wrapper {
		/*background: #ffffff;*/
		/*max-width: 800px;
		min-width: 300px;
		padding: 0 10px;*/
		min-height: 1024px;
	}
	.header-container,
	#container,
	#footer,
	#copyright {
		/*width: 100%;*/
		max-width: 800px;
		min-width: 300px;
		width: auto;
		padding: 0 10px;
	}
	#container {
		background: none;
        min-height: 500px;
	}
	.content-sidebar-wrap #content {
		/*padding: 0 10px;*/
		float: none;
		width: auto;
		display: block;
		/*background: url(../images/page-title-bg.png) center top no-repeat;*/
	}

	footer {
		min-width: 300px;
		padding: 0;
	}
	#footer {
		height: auto;
	}
	h1#site-title {
		margin: 0;
		padding: 10px 0 0 0;
	}
	.i18n-th h1#site-title a {
		width: auto;
		/*min-width: 380px;*/
		max-width: 800px;
		min-height: 60px;
		/*height: 100%;*/
		margin: auto;
		padding: 0;
		background: url(../images/logo-aerothai.svg) no-repeat;
		/*background-size: 100%;*/
		line-height: normal;
	}
    
    .i18n-en h1#site-title a {
		width: auto;
		/*min-width: 380px;*/
		max-width: 800px;
		min-height: 60px;
		/*height: 100%;*/
		margin: auto;
		padding: 0;
		background: url(../images/logo-aerothai.svg) no-repeat;
		/*background-size: 100%;*/
		line-height: normal;
	}
	/*@media screen and (min-width: 0px) and (max-width: 768px)  {
		h1#site-title a {
			min-height: 180px;
		}
	}*/
	.content-sidebar-wrap {
		float: none;
		width: auto;
	}
	/*.region-top-menu {
		display: none;
	}*/
	#block-locale-language {
		top: 25px;
        right: 10px;
	}

	/*#block-search-form {
		position: inherit;
		top: inherit;
		right: inherit;
		height: 24px;
	}*/
	/*#navobile-main-menu {
		margin: 0;
		font-family: 'DB_Adman_X_Reg';
		font-size: 1.5em;
	}*/
	
	body.page-home .region-content-top {
		padding: 0;
		height: inherit;
		/*background: none;*/
	}
	
	/*.region-slideshow {
		padding: 0 10px 0 0;
	}*/
	#block-views-slideshow-block {
		clear: both;
		float: none;
		width: auto;
		margin: 10px auto;
	}
	#sliderb_container .slider {
		padding-right: 10px !important;
	}
	#block-views-aerothai-control-center-block,
	.i18n-th #block-views-promote-content-block,
    .i18n-en #block-views-promote-content-block{
		width: auto;
		float: none;
		clear: both;
	}
	/*#block-views-aerothai-control-center-block .pin-airport {
		width: 0;
		height: 0;
		background: none;
		cursor: none;
		left: 9999px !important;
	}
	#block-views-aerothai-control-center-block .pin-flat,
	#block-views-aerothai-control-center-block .pin-flat:after {
		display: none;
	}*/
	
	.i18n-th #block-views-promote-content-block,
    .i18n-en #block-views-promote-content-block{
		background: #000000;
		overflow: hidden;
		padding: 10px;
	}
	.i18n-th #block-views-promote-content-block .views-row ul li,
    .i18n-en #block-views-promote-content-block .views-row ul li{
		float: left;
		width: 200px;
	}
    
    #block-views-aerothai-update-block .aerothai-update-list {
		width: auto;
		float: none;
		clear: both;
		margin: 10px 0;
		padding: 10px 0;
		min-height: inherit;
	}
	#block-views-aerothai-update-block h3 {
		min-height: inherit;
	}
	#block-menu-menu-policy-menu,
	#block-views-contact-information-block-2 {
		position: inherit;
		top: inherit;
		left: inherit;
	}
	#block-views-contact-information-block-2 {
		margin: 3px 0 0 0;
		float: left;
	}
	#block-views-contact-information-block-1 {
		/*float: none;*/
		margin: 3px 0 0 0;
	}
	#block-menu-menu-policy-menu ul {
		text-align: center;
		margin: 10px 0 0 0;
		padding: 0;
	}
	#block-menu-menu-policy-menu ul li {
		/*float: left;*/
		display: inline;
		margin: 0 5px 0 0;
		padding: 0;
	}
	#block-menu-menu-policy-menu ul li.last {
		margin: 0;
	}
	#copyright {
		margin: 0;
	}
	
	.flex-direction-nav .flex-prev,
	.flexslider:hover .flex-direction-nav .flex-prev {
		left: 10px;
	}
	.flex-direction-nav .flex-next,
	.flexslider:hover .flex-direction-nav .flex-next {
		right: 10px;
	}
    
    #block-views-lastest-news-block-5,
    #block-views-banner-list-block{
        width: 100%;
        float: none;
    }
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    header-container,
	#container,
	#footer,
	#copyright {
        max-width: 750px;
    }
    
    .view-general .views-field-field-youtube ul>li,
    .view-multimedia .views-row, 
    .view-multimedia-by-term .views-row {
        width: 100% !important;
        float: none;
        margin-right: 0px;
    }
    
    .view-multimedia .views-row h2, 
    #content .view-multimedia-by-term .views-row h2 {
        min-height: 0px;
    }
    
    #block-block-31 {
	margin: 0;
	position: absolute;
	top: 60px;
	right: 10px;
    }

    h1#site-title a:after {
	background: none;
    }
}

@media screen and (min-width: 0px) and (max-width: 719px) {
    #block-block-1 {
		display: none
	}

    .i18n-th #block-views-aerothai-control-center-block {
        background: url(../images/aerothai-control-bg.png) center top no-repeat;
        height: 408px;
    }  

    .i18n-en #block-views-aerothai-control-center-block {
        background: url(../images/aerothai-control-bg-en.png) center top no-repeat;
        height: 408px;
    }
    
    #block-views-aerothai-control-center-block .pin-airport {
        width: 0;
        height: 0;
        background: none;
        cursor: none;
        left: 9999px !important;
    }

    #block-views-aerothai-control-center-block .pin-flat,
    #block-views-aerothai-control-center-block .pin-flat:after {
        display: none;
    }
    
    .view-multimedia .views-row-odd {
        margin-right: 10;
    }
    
    #block-views-workgroup-block .view-workgroup .item-list ul li {
        margin: 0 10px 15px 10px;
    }

    .home-link .home-url {
        padding-top: 10px;
    }

    .views-exposed-form label {
        min-width:50px;
    }

    #block-views-contact-information-block-1 {
        float: left;
        clear: both;
    }
}

@media screen and (min-width: 0px) and (max-width: 680px) {
    .region-footer-menu {
        margin: 20px 0 0 0;
    }
    
    .view-multimedia .views-row-odd {
        margin-right: 0;
    }
}

@media screen and (min-width: 0px) and (max-width: 640px) {
    h1#site-title a {
        min-height: 50px;
        /*background-size: 100%;*/
    }

    .header-container {
        padding: 0 10px;
    }
}

@media screen and (min-width: 0px) and (max-width: 600px) {
    .i18n-th #block-views-aerothai-control-center-block,
    .i18n-en #block-views-aerothai-control-center-block {
        background-size: 600px auto;
        height: 308px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px){
    #block-views-banner-list-block .view-content ul {
        margin-left: 0px;
    }
    
    #block-views-banner-list-block .view-content ul li {
        float: left;
        width:25%;
    }
    
    #block-views-banner-list-block .view-content ul li img{
        width:90%;
    }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    h1#site-title a {
        min-height: 50px;
        background-size: 90%;
    }
    
    #block-views-workgroup-block .view-workgroup .item-list ul li {
        margin-left: 0;
    }
    
    #block-views-workgroup-block .view .view-content {
        margin: 0;
    }
    
    .careers-banner {
        height: 80px;
        line-height: 80px;
    }
    
    .i18n-th #block-views-aerothai-control-center-block,
    .i18n-en #block-views-aerothai-control-center-block {
        background-size: 480px auto;
        height: 258px;
    }
    
    .date-nav-wrapper .date-heading h3 {
        font-size: 1.0em;
    }
    
    .block-news-slide {
        padding-left: 6%;
        padding-right: 6%;
    }
    
    .block-news-slide span .view-lastest-news {
        border-bottom: 1px dashed #ddd;
    }
    .block-news-slide span .view-lastest-news .view-content {
        padding-bottom: 10px;
    }
    
    #block-views-lastest-news-block {width:96%; min-height: 100px; float:none; padding-bottom: 0px;}
    #block-views-lastest-news-block-1 {width: 96%; padding-top: 0px; min-height: 100px; float:none;}
    #block-views-lastest-news-block-5 {width:100%;}
    .block-news-slide, .block-news-list {width:auto;}
    #block-views-lastest-news-block-2 h2,
    #block-views-lastest-news-block-5 h2{
        margin: 10px;
        width: auto;
    }
    .block-news-list {
        margin-top: 0px !important;
    }
    #block-views-banner-list-block {width: 100%; padding:0px; float:none;}
    #block-views-banner-list-block .view-content ul {margin-left: 0px;}
    #block-views-banner-list-block .view-content ul li img {width:96%; padding: 2%;}
}

@media screen and (min-width: 0px) and (max-width: 430px) {
    .views-widget-filter-field_award_category_tid_i18n .views-widget,
    #edit-field-award-category-tid-i18n {
        max-width: 300px;
    }
    
    .i18n-th #block-views-aerothai-control-center-block,
    .i18n-en #block-views-aerothai-control-center-block {
        background-size: 430px auto;
        height: 228px;
    }
    
    .view-committee-position {
        display: block;
        float: none;
    }
    
    #block-views-comittee-responsibility-menu-th .view-content .item-list ul > li.views-row-last {
        float: none;
        position: inherit;
    }
    
    #block-views-comittee-responsibility-menu-th .view-content .item-list ul > li {
        margin-left: 0px;
        width: 93%;
        height: auto;
        min-height: 30px;
    }
    
    #block-views-comittee-responsibility-block-2 .view-committee-work-history img {
        display: block;
        float: none;
    }
    
    #block-views-comittee-responsibility-block-2 .view-committee-work-history .views-field-nothing {
        display: block;
        float: none;
        width: 100%;
    }
    
    .date-nav-wrapper .item-list .pager {
        top: 1px;
        position: relative;
    }
    
    .views-row.printing-cover {
        width: 100%;
        float: none;
    }
}

@media screen and (min-width: 0px) and (max-width: 420px) {
    #block-views-contact-information-block-2 img {
        width: 40px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 400px) {
    h1#site-title a {
        min-height: 60px;
    }
    
    #wrapper {
        min-height: inherit;
    }

    /*footer {
        background: url(../images/footer-bg-mobile.png) left top repeat-x #05316a;
    }*/

    
    #block-views-contact-information-block-2 p,
    #block-views-contact-information-block-1 address {
        font-size: 1.0em !important;
    }

    #breadcrumbs {
        background: url(../images/title-bg.png) center center no-repeat;
    }
    
    .i18n-th #block-views-aerothai-control-center-block,
    .i18n-en #block-views-aerothai-control-center-block {
        background-size: 400px auto;
        height: 205px;
    }
}

@media screen and (min-width: 0px) and (max-width: 380px) {
    #block-views-workgroup-block .view .view-content {
        margin: 0;
    }
    
    .careers-banner {
        font-size: 2.5em;
        height: 60px;
        line-height: 60px;
    }
    
    .views-widget-filter-field_award_category_tid_i18n .views-widget,
    #edit-field-award-category-tid-i18n {
        max-width: 280px;
    }

    .i18n-th #block-views-aerothai-control-center-block,
    .i18n-en #block-views-aerothai-control-center-block {
        background-size: 380px auto;
        height: 208px;
    }
    
    #copyright {
        font-size: 1.0em;
    }
    
    /*#block-locale-language {
		top: 85px;
        right: 10px;
	}*/
    
    .i18n-th h1#site-title a,
    .i18n-en h1#site-title a {
        background-size: 300px 85px !important;
	}
}

@media screen and (width: 360px) {
    #block-menu-menu-policy-menu ul.menu li {
        font-size: 1.0em !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 360px) {
    .views-widget-filter-field_award_category_tid_i18n .views-widget,
    #edit-field-award-category-tid-i18n {
        max-width: 240px;
    }
    
    #block-menu-menu-policy-menu ul.menu li,
    #copyright {
        font-size: 1em !important;
    }
    
    /*#container {
        min-height: 200px;
    }*/
    
    .i18n-th #block-views-aerothai-control-center-block,
    .i18n-en #block-views-aerothai-control-center-block {
        background-size: 360px auto;
        height: 208px;
    }
}

@media screen and (min-width: 0px) and (max-width: 320px) {
    h1#site-title a {
        height: 100px;
    }
    
    .views-widget-filter-field_award_category_tid_i18n .views-widget,
    #edit-field-award-category-tid-i18n {
        max-width: 220px;
    }
    
    .i18n-th #block-views-aerothai-control-center-block,
    .i18n-en #block-views-aerothai-control-center-block {
        background-size: 320px auto;
        height: 198px;
    }
}