/* -----------------------------------------------------------------------
    Responsive
-------------------------------------------------------------------------- */

@media only screen and (min-width: 1800px) and (max-width: 1999px) {
	
	#introduction-promos { top: -435px; }
	
    #proposal-tabs li a { min-height: 76px; } 

}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
	
	#introduction-promos { top: -401px; }

	#proposal-tabs ul,
    #proposal-tabs video,
    #proposal-tabs video[poster] { width: 77%; }
    #proposal-tabs li a { font-size: 18px; line-height: 22px; }
	#proposal-tabs ul li a div { font-size: 13px; }
    
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	
	#introduction-promos { top: -381px; }
	#introduction-promos .kicker { font-size: 26px; margin-bottom: 20px; }
	#ceo-video { margin-bottom: 40px; }
	
	.overview-promo p { font-size: 18px; line-height: 26px; }
	
	#logo img { width: 450px; }

	#proposal-tabs ul,
    #proposal-tabs video,
    #proposal-tabs video[poster] { width: 80%; }
    #proposal-tabs li a { font-size: 16px; line-height: 20px; }
	#proposal-tabs ul li a div { font-size: 12px; }

}

@media only screen and (max-width: 1499px) {
	
	#side-nav { display: none; }
	
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	
	#logo img { width: 450px; }
	
	#hero-video { padding-bottom: 150px; }
	
	#introduction-promos { top: -420px; }
	#introduction-promos .kicker { font-size: 26px; line-height: 32px; }
	.introduction-promo p { font-size: 18px; line-height: 26px; }
	
	#proposal-tabs ul,
    #proposal-tabs video,
    #proposal-tabs video[poster] { width: 80%; }
	#proposal-tabs li a { font-size: 16px; line-height: 20px; }
	#proposal-tabs ul li a div { font-size: 13px; }
	
	#footer-fb { margin-right: 8%; }
	
}

@media only screen and (max-width: 1399px) {
	
	#newline-when-1399 { display: block; }
    #proposal-tabs li a { min-height: 90px; } 
	#proposal-tabs ul li a div { margin-left: 0; }
	
	#footer-contact { margin-top: 18px; }
	#footer-contact li { display: block; margin-bottom: 5px; }
	#footer-fb { margin-right: 10%; }

}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
	
	body { font-size: 18px; line-height: 28px; }
	h1,
	h2 { font-size: 42px; line-height: 46px; }
	#content h2 { font-size: 32px; line-height: 36px; padding-top: 40px; }
	h3 { font-size: 26px; line-height: 32px; }
	#content h3 { font-size: 23px; line-height: 27px; }
	.kicker { font-size: 20px; line-height: 30px; }
	
	.wave { padding: 50px 0; }
	
	#logo img { width: 360px; }
	
	#hero-video { padding-bottom: 170px; }
	
	#introduction-promos { top: -410px; }
	#introduction-promos .kicker { font-size: 26px; line-height: 32px; }
	.introduction-promo p { font-size: 16px; line-height: 25px; }
	
	#ship-content h5 { font-size: 17px; }
	#ship-content p { padding: 0; font-size: 16px; }
	
	#proposal-tabs ul,
    #proposal-tabs video,
    #proposal-tabs video[poster] { width: 88%; }
    #proposal-tabs li a { min-height: 90px; } 
	#proposal-tabs .tab-title { font-size: 16px; }
	
	#safety { padding-top: 46%; }
	#safety h2 { top: 18%; }
	
	.key-consideration-overlay { padding: 12px 15px 0 15px; }
	.key-consideration-overlay h3 { font-size: 22px; line-height: 26px; margin-bottom: 5px; }
	.key-consideration-overlay p { font-size: 14px; line-height: 20px; margin-bottom: 2px; }
	
	#content { padding: 35px 0; }
	
	.single .container-1200 { width: 980px; }
	
	#sidebar-right-sticky-wrapper.is-sticky #sidebar-right.col-one-third { width: 281px !important; }
	
}

@media only screen and (max-width: 979px) {
	
	#consideration-content { margin-bottom: 0 !important; }
	#consideration-content, #sidebar-right { width: 100%; clear: both; }
	#sidebar-right { position: relative !important; top: 0 !important; }
    #sidebar-right-sticky-wrapper { width: 100%; height: auto !important; }
    #sidebar-right-sticky-wrapper.is-sticky,
    #sidebar-right-sticky-wrapper.is-sticky #sidebar-right.col-one-third { width: 100% !important; }
	
	#subnav { padding-left: 0; text-align: left; }
	
    #proposal-tabs ul,
    #proposal-tabs video,
    #proposal-tabs video[poster] { width: 100%; }
	#proposal-tabs .tab-title { line-height: 1.2; }
	#proposal-tabs .tab-number { display: block; margin: 0 auto 8px auto; }

}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	
	.container-1200,
	.container-1020,
	.container-880 { width: 720px; padding-left: 0; padding-right: 0; }
	
	.wave { padding: 50px 0; }
	
	body { font-size: 18px; line-height: 28px; }
	h1 { font-size: 36px; line-height: 42px; }
	h2, #content h2, #feedback h3 { font-size: 32px; line-height: 38px; }
	#content h2 { padding-top: 40px; }
	h3 { font-size: 24px; line-height: 30px; }	
	h4 { font-size: 20px; line-height: 26px; }	
	h5 { font-size: 18px; line-height: 24px; }
	.kicker { font-size: 18px; line-height: 28px; }
	
	#main-nav { top: 0; }
	#menu-main-navigation > li > a { font-size: 15px; line-height: 22px; padding: 25px 16px; }
	
	#logo img { width: 300px; }
	
	#hero-video { padding-bottom: 160px; }
	
	#introduction-promos { top: -352px; }
	#introduction-promos .kicker { padding: 0; font-size: 20px; line-height: 24px; margin-bottom: 20px; }
	.introduction-promo div { min-height: 112px; padding: 15px 20px 0 20px; }
	.introduction-promo p { font-size: 16px; line-height: 24px; }
	.introduction-promo .btn { bottom: -15px; padding: 10px 20px; font-size: 18px; }
	
	#ceo-video { margin-bottom: 40px; }
	#ceo-video i { font-size: 80px; }
	
	#ship-content { margin-top: -10px }
	#ship-content h5 { font-size: 18px; }
	#ship-content p { padding: 0; font-size: 16px; line-height: 24px; clear: both; }
	#ship-content span { font-size: 20px; clear: both; padding: 10px 15px; }
	
	#proposal-tabs li a { padding: 15px 15px 20px 15px; min-height: 118px; }
	#proposal-tabs .tab-title { font-size: 16px; }
	#proposal-tabs ul em { font-size: 12px; line-height: 16px; }
	
	#safety { padding-top: 46%; }
	#safety h2 { top: 16%; }
	
	#key-consideration-list li { width: 48%; }
	#key-consideration-list li.clear { display: none; }
	#key-consideration-list li.col-last { margin-right: 4%; }
	#key-consideration-list li.tablet-last { margin-right: 0; }
	
	#document-links li:before { top: -1px; }
	#document-links a { font-size: 14px; padding-left: 26px; }
	#document-links a em { font-size: 11px; }
	
	#content { padding: 30px 0; }
	
	#consent-tab-list li a { font-size: 17px; }
	
	#global-footer { font-size: 16px; }
	#global-footer ul { margin-left: 20px; }
	#global-footer img { margin-left: -20px; }
	#footer-nav { margin-top: 18px; }
	#footer-nav li { display: block; margin-bottom: 5px; }
	#footer-fb { float: left; margin: 22px 0 0 10px; }
	
}

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

    .col-full,
    .col-half,
    .col-one-third,
    .col-two-third,
    .col-one-fourth,
    .col-three-fourth,
    .col-one-fifth,
    .col-two-fifth,
    .col-three-fifth,
    .col-four-fifth,
    .col-one-sixth,
    .col-five-sixth { width: 100%; }

    .col-full,
    .col-half,
    .col-one-third,
    .col-two-third,
    .col-three-fourth,
    .col-one-fourth,
    .col-one-fifth,
    .col-two-fifth,
    .col-three-fifth,
    .col-four-fifth,
    .col-one-sixth,
    .col-five-sixth { margin-right: 0; float: none; }
    
    .col-full,
    .col-half,
    .col-one-third,
    .col-two-third,
    .col-three-fourth,
    .col-one-fourth,
    .col-one-fifth,
    .col-two-fifth,
    .col-three-fifth,
    .col-four-fifth,
    .col-one-sixth,
    .col-five-sixth { margin-bottom: 40px !important; }
    
	.alignleft,
	.alignright,
	.aligncenter,
	.alignnone { margin: 0 0 15px 0; }
	
	.container { padding: 0; }
	
	.modal-dialog { width: 90%; }
	
	#main-nav { width: 100%; right: 0; top: 0; }
	#menu-main-navigation { display: none; }
    #responsive-nav { display: block; width: 100%; position: relative; z-index: 5; }
    .slicknav_menu { position: relative; z-index: 10000; }
	.slicknav_btn { position: relative; display: block; overflow: hidden; cursor: pointer; text-decoration: none; padding: 16px 20px; margin: 0; font-size: 20px; line-height: 26px; font-weight: 700; clear: both; letter-spacing: 1px; background-color: #E3773A; }
	.slicknav_menu { background: transparent; *zoom: 1; margin-bottom: 0; }
	.slicknav_menutxt, .slicknav_icon { display: block; float: left; }
	.slicknav_menutxt { color: #fff; }
	.slicknav_icon { float: left; margin: 4px 0 0 10px; }
	.slicknav_icon-bar { background-color: #fff; display: block; width: 1.1em; height: 0.15em; }
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.19em }
	.slicknav_nav { clear: both; margin: 0; padding: 0; text-align: left; }
	.slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; }
	.slicknav_nav ul { padding: 0; margin: 0; list-style: none; }
	.slicknav_nav li { display: block; margin: 0; font-size: 18px; line-height: 22px; border-bottom: 1px solid #d7d7d7; }
	.slicknav_nav li:last-child { border-bottom: none; }
	.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
	.slicknav_nav .slicknav_item { display: block; cursor: pointer; padding: 15px 20px; }
	.slicknav_nav a { display: block; padding: 15px 20px; background: #fff; color: #555; text-transform: uppercase; font-weight: 700; }
	.slicknav_nav .slicknav_item a { display: inline-block; float: left; padding: 0; margin: 0; }
	.slicknav_nav li:hover a,
	.slicknav_nav a:hover,
	.slicknav_nav .slicknav_arrow:hover,
	.slicknav_nav .slicknav_item:hover,
	.slicknav_nav li.current-menu-item a,
	.slicknav_nav li.current-menu-parent a,
	.slicknav_nav li.current_page_parent a { background-color: #E4963E; color: #fff; }
	.slicknav_nav .sub-menu { border-top: 1px solid #d7d7d7; }
	.slicknav_nav .sub-menu li { margin-left: 0; }
	.slicknav_nav .sub-menu li a { font-size: 15px; color: #555; padding: 15px 25px; }
	.slicknav_nav .sub-menu li a span { font-family: 'Lato', sans-serif; font-weight: 400; display: block; font-size: 14px; line-height: 20px; text-transform: none; }
	.slicknav_nav .sub-menu li a:hover, .slicknav_nav .sub-menu li.current-menu-item a { background-color: #fff; color: #000; }
	.slicknav_nav .sub-menu li.current-menu-item a { color: #28a7ce; }
	.slicknav_nav .slicknav_txtnode { margin-left: 15px; }
	.slicknav_menu:before,
	.slicknav_menu:after { content: " "; display: table; }
	.slicknav_menu:after { clear: both }
	
	#hero-video { background: #072F39 url('../gfx/video-poster.jpg') no-repeat center top; padding-top: 53%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; }
	#hero-video video { display: none; }
	
	#main-content { background-color: #072F39; }
	
	#introduction-promos { left: 50%; }
	.introduction-promo .btn { bottom: -15px; padding: 10px 20px; font-size: 18px; }
	#promo-full-story { margin-bottom: 50px !important; }
	#introduction-content { margin-bottom: 20px; }
	
	#overview-content { padding-top: 50px; }
	#ship-content { margin-top: 0; }
	#ship-graphic { margin-bottom: 20px; }
    
	#proposal-tabs li { width: 33%; }
	
	#overview .col-half,
	#economy .col-half { width: 100%; margin-right: 0; margin-bottom: 20px !important; }
	
	#key-consideration-list li { margin-bottom: 25px !important; }
	#key-consideration-list img { display: none; }
	.key-consideration { position: relative; background-color: #152532; }
	
	#document-links div { margin-bottom: 0 !important; }
	
	.consultation-dates div { margin-bottom: 0 !important; }
	.consultation-dates em { text-align: left; }
	
	#global-footer { position: relative; z-index: 1; }
	#global-footer:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 92px; background-color: #fff; background-color: rgba(255,255,255,0.8); }
	#global-footer ul { z-index: 5; position: relative; }
	#global-footer img { margin-left: -20px; z-index: 5; position: relative; }
	#footer-nav { clear: both; }
	#footer-fb { float: left; }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.container-1200,
	.container-1020,
	.container-880 { width: 440px; }
	
	.page-section { padding: 50px 0; }
	.wave { padding: 40px 0; }
	
	body { font-size: 16px; line-height: 25px; }
	h1 { font-size: 32px; line-height: 38px; margin-bottom: 20px; }
	h2, #feedback h3 { font-size: 24px; line-height: 30px; }
	#content h2 { font-size: 28px; line-height: 32px; padding-top: 40px; }
	#content h2:before { height: 3px; width: 60px; }
	h3 { font-size: 22px; line-height: 28px; }	
	h4 { font-size: 20px; line-height: 26px; }
	h5 { font-size: 18px; line-height: 24px; }
	.kicker { font-size: 20px; line-height: 30px; }
	
	#logo img { width: 220px; padding-top: 8%; }
	
	#hero-video { padding-bottom: 480px; }
	
	#introduction-promos { left: 50%; margin-left: -220px; width: 440px; top: -598px; }
	#introduction-promos .kicker { font-size: 20px; line-height: 24px; margin-bottom: 20px; padding-top: 30px; }
	.introduction-promo div { padding: 20px 20px 0 20px; }
	.introduction-promo p { font-size: 16px; line-height: 24px; }
	#introduction-title { padding-top: 40px; }
	
	#ceo-video { margin-bottom: 40px; }
	#ceo-video i { font-size: 70px; }

	#ship-content .col-half { margin-bottom: 0 !important; }
	#ship-content h5 { font-size: 15px; }
	#ship-content span { font-size: 18px; clear: both; padding: 10px 12px; }
	#ship-content p { font-size: 13px; line-height: 20px; }
	
	#overview #ship-content .col-half { width: 48%; float: left; margin-right: 4%; }
	#overview #ship-content .col-half.col-last { margin-right: 0; }
	
	#proposal-tabs li a { font-size: 14px; line-height: 20px; padding: 10px 10px 15px 10px; min-height: 108px; }
	#proposal-tabs ul em { font-size: 11px; line-height: 14px; }
	
	#economy p,
	#safety-content p { max-width: 440px; margin: 0 auto 20px auto; }
	
	#safety { padding-top: 44%; }
	#safety h2 { top: 10%; }
	
	.key-consideration-overlay { padding: 20px 25px; }
	.key-consideration-overlay p { font-size: 16px; line-height: 24px; }
	
	#document-links li:before { top: -1px; }
	#document-links a { font-size: 15px; padding-left: 26px; }
	
	.ui-accordion h4.ui-accordion-header { font-size: 18px; line-height: 22px; }
	
	#content { padding: 30px 0; }
	
	#consent-tab-list li { margin-right: 5px; }
	#consent-tab-list li a { padding: 12px; font-size: 13px; }
	#consent-tab-list li a:before { display: none; }
	
	#footer-nav { margin: 25px 0 20px 0; }
	#footer-fb { margin: 15px 0px 20px 10px; }
	
    #back-to-top { right: 15px; bottom: 15px; }
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	.container-1200,
	.container-1020,
	.container-880 { width: 280px; }
    
    .page-section { padding: 40px 0; }
    .wave { padding: 30px 0; }
    
	body { font-size: 15px; line-height: 24px; }
	h1 { font-size: 30px; line-height: 36px; margin-bottom: 20px; }
	h2, #feedback h3 { font-size: 20px; line-height: 26px; margin-bottom: 20px; }
	#content h2 { font-size: 24px; line-height: 28px; padding-top: 40px; }
	#content h2:before { height: 3px; width: 50px; }
	h3 { font-size: 19px; line-height: 25px; }	
	h4 { font-size: 17px; line-height: 23px; }
	h5 { font-size: 16px; line-height: 22px; }
	.kicker { font-size: 17px; line-height: 27px; }
	.btn { font-size: 18px; line-height: 24px; }
	.btn.toggle { font-size: 14px; padding: 10px 20px; }
	
	input[type="text"], input[type="email"], input[type="password"], select, textarea { font-size: 15px; line-height: 21px; }
	
	#crawler span { padding: 0 10px; }
	
	#logo img { width: 150px; padding-top: 8%; }
	
	#hero-video { padding-bottom: 540px; }
	
	#introduction-promos { margin-left: -140px; width: 280px; top: -580px; }
	#introduction-promos .kicker { font-size: 18px; line-height: 22px; margin-bottom: 20px; }
	.introduction-promo div { padding: 15px 15px 0 15px; }
	.introduction-promo p { font-size: 14px; line-height: 22px; }
	#introduction-content br { display: none; }
	
	#ceo-video { margin-bottom: 30px; }
	#ceo-video i { font-size: 55px; }
	
	#ship-content { padding-top: 10px; }
	#ship-content h5 { font-size: 16px; }
	#ship-content h5 span { display: block; margin-bottom: 10px; font-size: 16px; padding: 6px 15px; }
	#ship-content #aframax span { background-color: #F78229; }
	#ship-content #suezmax span { background-color: #FA9918; }
	#ship-content span { font-size: 16px; padding: 8px 12px; }
	#ship-content p { font-size: 15px; }
	
	#proposal-tabs li a { font-size: 12px; line-height: 16px; padding: 10px 5px 15px 5px; min-height: 130px; }
	#proposal-tabs ul em { font-size: 10px; line-height: 13px; }
	
	#economy p,
	#safety-content p { max-width: 280px; margin: 0 auto 20px auto; }
	
	#safety { padding-top: 50%; }
	#safety h2 { top: 4%; }
	
	.key-consideration-overlay { padding: 18px 22px; }
	.key-consideration-overlay p { font-size: 14px; line-height: 20px; }
	
	#document-links li:before { top: -1px; }
	#document-links a { font-size: 14px; padding-left: 26px; }
	#document-links a em { font-size: 11px; }
	    
	.ui-accordion h4.ui-accordion-header { font-size: 16px; line-height: 20px; }
	
	#content { padding: 20px 0; }
	
	#expert-info li strong { font-size: 15px; }
	
	.consultation-dates { padding: 18px; }
	.consultation-dates h4 { margin-bottom: 20px; }
	.consultation-dates p { font-size: 14px; line-height: 20px; }
	.consultation-dates li { font-size: 13px; line-height: 19px; margin-bottom: 10px; padding-left: 18px; }
	.consultation-dates li:before { font-size: 12px; top: 0; }
	
	#consent-tab-list li { width: 100%; }
	#consent-tab-list li a { text-align: left; padding: 12px 20px; }
	#consent-tabs .ui-tabs-panel { padding: 20px; }
	
	#footer-contact { clear: both; }
	#footer-nav { margin: 10px 0 20px 0; }
	#footer-fb { margin: 0px 0px 20px 10px; }
	
    #back-to-top { right: 10px; bottom: 10px; }

}