* {
  box-sizing: border-box;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e8ecf2;
	position: relative;
}

body.en-page {
	font-family: 'Merriweather', serif;
}

body.ar-page{
	font-family: 'Markazi Text', serif;
	font-size: 3em;
}

#backdrop {
 padding: 0px;
 background:url('../images/bkgnd.jpg') no-repeat center;
 background-size: cover;
 margin:0px;
 padding: 0px;
}

#backdrop.large {
 padding: 0px;
 background:url('../images/bkgnd-lg.jpg')center;
 background-size: cover;
 margin:0px;
 padding: 0px;
}


#logo {
   background: url('../images/LOGO.png') no-repeat;
   width: 250px;
   height: 156px;
   margin: 10px 5px 10px 15px;
}

#fbk {
	width:40px;
	height:40px;
	border-radius: 2.9px;
}

#fbk:hover {
	background-color: #f2f4f7;
}

#ar {
	width:50px;
	height:50px;
	color: #003f7d;
	font-weight: 900;
	font-size: 2em;
	text-align: center;
	vertical-align: center;
	padding-top: 8px;
	border-radius: 2.9px;
}

#ar:hover {
	background-color: #f2f4f7;	
}

#header-nav{
	background-color: rgba(255,255,255,0);
	height: 230px;
	border:0px;
}

header {
	background-color: rgba(255,255,255,0);
	position: relative;
}

h1#brnd {
	color: #003f7d;
}

p#moto {
	color: #14b0d1;
	font-size: 1.5em;
}

div#menu-items.collapse.navbar-collapse {
	clear: both;
	float: center;
	position: absolute;
	bottom: 0px;
	left:0px;
	width: 100%;
}


.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #f2f4f7;
}

ul.nav.navbar-nav {
  width: 100%;
  padding:10px 25px 10px 25px;
}

div#menu-items.collapse.navbar-collapse li {
	border:none;
	width: 16.66%;
}

div#menu-items.collapse.navbar-collapse li a {
    color: black;
    font-size: 1.5em;
	font-weight:900;
	text-align: center;
}

div#menu-items.collapse.navbar-collapse li a:hover, div#menu-items.collapse.navbar-collapse li a:focus,
 div#menu-items.collapse.navbar-collapse li a.active  {
	background-color: #f2f4f7;
	color: #006fb4;
}

div.row.content {
	background-color: rgba(255,255,255,0.4);
	margin-bottom: 30px;
}

div.heading{
	padding-bottom: 20px;
}

div#txt-welcome.heading, div#txt-weoffer.heading {
	text-align: center;
	font-size :32px;
	color:#003f7d;
	font-weight: 900;
	padding-top: 5px;
}

div#txt-weoffer.heading {
    padding-bottom: 20px;
}

div#txt-findus.heading {
	text-align: left;
	font-size :32px;
	color:#003f7d;
	font-weight: 900;
	padding-top: 5px;
	padding-bottom: 20px;
}



p.par {
	margin-bottom: 0px;
}

.row {
	margin-right:auto;
	margin-left: auto;
	vertical-align: center;
	position:relative;
}

div.col-md-12 ,div.col-sm-12 {
	margin-bottom: 30px;
}

div.col-md-12 p ,div.col-sm-12 p {
	color :#030c19;
	font-size:20px;
	font-weight:900;
	padding:3px;
	}
a.thumbnail {
    border:0px;
    padding: 0px;
    height: 190px;
    text-decoration: none;
    border-radius: 2.5px;
    transition: transform .2s;
}

a.thumbnail:hover {
	box-shadow:0 1px 4px 8px  rgba(255,255,255,0.7);
	transform: scale(1.05);
}

a.thumbnail div {
	border-radius: 2.5px;
	width: 100%;
	height: 190px;
    position:relative;
}

a.thumbnail  div#sea {
	background:url('../images/sea.jpg') no-repeat center; 
	background-size: 100% 190px;
}

a.thumbnail  div#air {
	background:url('../images/air.jpg') no-repeat center;
	background-size: 100% 190px;
}
a.thumbnail  div#land {
	background:url('../images/land.jpg') no-repeat center;
	background-size: 100% 190px;
}
a.thumbnail  div#door {
	background:url('../images/door to door.jpg') no-repeat center;
	background-size: 100% 190px;
}

a.thumbnail div span {
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align:center;
	vertical-align: middle;
	background-color: rgba(50,50,50,0.7);
	font-size: 1.5em;
	color: black;
	border-radius: 2.5px;
}

div.tile-pic {
	float: left;
	width: 250px;
	height:150px;
}

div.tile-content {
	margin-top: 0px;
	padding-left: 15px;
	font-size: 18px;
	font-weight: bold;
	color: black;
}

h2.tile-title {
	color: #003f7d;
	margin-top: 0px;
	font-weight: 900;
}

span.service-subheading {
	font-weight: 900;
}

ul.service-ul {
	color: black;
}

div#customs.tile-pic {
	background:url('/images/customs.jpg') no-repeat center;
	background-size: 250px 230px;
	height:230px;
}

div#seafr.tile-pic {
	background:url('/images/sea.jpg') no-repeat center;
	background-size: 250px 230px;
	height: 230px;
}

div#landfr.tile-pic {
	background:url('/images/land.jpg') no-repeat center;
	background-size: 250px 230px;
	height: 230px;
}

div#airfr.tile-pic {
	background:url('/images/air.jpg') no-repeat center;
	background-size: 250px 230px;
	height: 230px;
}

div#doortodoor.tile-pic {
	background:url('/images/door to door.jpg') no-repeat center;
	background-size: 250px 230px;
	height: 230px;
}

footer.panel-footer{
	background-color: rgba(20,176,209,0.7);
	border-color: rgba(20,176,209,0.7);
}

footer.panel-footer div {
	background-color: rgba(20,176,209,0);
	text-align: center;
	font-weight: bold; 
}
footer.panel-footer div.row, footer.panel-footer div.row a {
	margin-top: 20px;
	font-size: 11px;
	color: #b8babc;
	position: relative;
}
footer.panel-footer div.footer-head {
	margin-bottom: 20px;
	font-size: 13px;
	color: white;
}

div#IATA {
	background:url('/images/IATA.png') no-repeat center;
	background-size: 100px 70px;
	height:70px;
}


div#copy-contact {
	margin-top: 0px;
}

div#footer-logo {
	background: url('/images/Footer-Logo.png') no-repeat center;
	background-size: contain;
	height:60px;
	margin-bottom: 5px;
}

div#copyright {
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	color: white;
}

div#designed-by {
	text-align: center;
	margin-top: 20px;
}

div#contact-mail {
	text-align: center;
}

#equ-con {
	background-color: rgba(255,255,255,0.6);
}


.equip-collapse, .nested-collapse {
    background-color: rgba(255,255,255,0);
    color: #006fb4;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    font-weight: bold;
    margin-bottom:3px;
}

.equip-collapse .pushed {
    margin-left:30px; 
}

.collapse-active, .equip-collapse:hover, .nested-collapse:hover {
    background-color: #006fb4;
	color: #f2f4f7;
}

.collapse-section {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: rgba(255,255,255,0);
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #003f7d;
    padding-bottom: 3px;
}

.collapse-section p {
    margin-top: 30px;
}


.input-group {
	width: 100%;
	background-color: rgba(255,255,255,0.4);
	margin-bottom: 30px;
	position: relative;
}

.input-label {
	color: black;
	font-weight: bold;
	font-size: 1.2em;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 30px;
	float: left;
}

div#pod.input-label {
	text-align: center;
}

div.con.row {
	margin-bottom: 20px;
}

div#contact.heading {
	text-align: center;
	font-size :32px;
	color:#003f7d;
	font-weight: 900;
	padding-top: 5px;
}

span.req {
	color: red;
	font-size: .5em;
	vertical-align: top;
}	

.radio-label {
	padding:0px;
}

input#radio{
	height:15px;
	float: left;
	width:100%;
	padding:0px;
}

input#radio:focus{
	box-shadow: none
}

button#btn-sub {
	font-size: 1.5em;
	font-weight: bold;
}

div#col-sub {
	margin-right:90px;
}

div#call.heading {
	text-align: left;
	font-size :32px;
	color:#003f7d;
	font-weight: 900;
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 10px;
}

ol {
	color :#030c19;
	font-size:20px;
	font-weight:900;
	line-height: 2.5;
}

div#containers.heading {
	text-align: center;
	font-size :32px;
	color:#003f7d;
	font-weight: 900;
	padding-top: 5px;
}

div#calc-body {
	background-color: #003f7d;
	position: relative;
	color: white;
	padding: 10px 3px 10px 3px; 
	margin-bottom: 0px;
	width: 50%; 
	text-align: center;
}

div#calc-body span {
	margin-right: 0px;
}

div.row.cbm {
	width:70%;
	margin-bottom: 20px;
}

input.cbm-field {
	color: black;
}

input.res-field {
	color: black;
	float :left;
}

div#calc-res {
	background-color: #14b0d1;
	position: relative;
	color: white;
	padding: 10px 3px 10px 3px; 
	margin-bottom: 30px;
	width: 50%; 
	text-align: center;
}

.input-group-addon {
	padding-right: 1px;
	padding-left: 1px;
	width:20%;
	font-size: 0.8em;
	height: 26px;
}

.contact-info {
	color: black;
	font-weight: bold;
	font-size: 18px;
	padding-left: 30px;
}

.contact-info span {
	padding-left: 70px;
	line-height: 3;
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: none;
    background-color: rgba(255,255,255,0.4);
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: rgba(255,255,255,0);
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    transition: 0.3s;
    width:50%;
}

.tab button:hover {
    background-color: #f2f4f7;
    color:#003f7d;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #f2f4f7;
    color:#003f7d;
    font-weight: 900;
}

.tabcontent {
    display: none;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

div#info-intro.heading {
	text-align: center;
	font-size :32px;
	color:#003f7d;
	font-weight: 900;
	padding-top: 5px;
}

div.inco-subhead {
	color:black;
	font-size: 16px;
	font-weight: 700;
}

div.inco-subtitle {
	color:#003f7d;
	font-weight: 900;
	font-size: 24px;
	margin-top: 10px;
}

div#inco-rtp-div {
	margin-left: 25%;
}

img#inco-rtp-img {
	margin: auto;
	height:1000px;
	width:500px;
}

div#inco-rfc-div {
	margin-left: 25%;
}

img#inco-rfc-img {
	margin: auto;
	height:700px;
	width:500px;
}

p.inco-par.par {
	font-weight: 700;
	font-size: 16px;
	padding-left: 10px;
}

span.learn-more {
	padding-left: 10px;
}

span.learn-more a {
	text-decoration: none;
	font-size: 16px;
	font-weight:700;
}

span.learn-more a:hover {
	cursor:pointer;
}

div#about-intro.heading {
	text-align: center;
	font-size :32px;
	color:#003f7d;
	font-weight: 900;
	padding-top: 5px;
}

div.about-subheading {
	text-align: left;
	font-size :24px;
	color:#003f7d;
	font-weight: 900;
	padding-top: 5px;
}

p#about-txt.par {
	font-size:18px;
}

p.about-par.par {
	font-size:18px;
	font-weight: bold;
	padding-left: 15px;
}

ul.about-values li {
	color: black;
	font-weight:900; 
}

span.value-name {
	font-weight: 900;
	font-size: 1.1em;
}

a.inco-link {
	text-decoration: none;
	color: #003f7d;
	font-size: 24px;
	font-weight: bold;
}

div.container-info  {
	text-decoration: none;
	color: #003f7d;
}

div.container-info:hover {
	text-decoration: none;
	cursor: pointer;
}

div.container-info p:hover {
	background-color: white;
}

.description {
	display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index:1024; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

div.description div {
	background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}


div#msg {
	display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1024; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

div#msg span.close {
	color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: 10px;
}

span.close:hover, span.close:focus {
	color: white;
    text-decoration: none;
    cursor: pointer;
}

div#msg-txt {
	background-color: #00FF7F;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    border-radius: 10px;
    color: black;
    width: 80%; /* Could be more or less, depending on screen size */
    position: relative;
}

div.description div.modal-header  {
	background-color: #003f7d;
	color: white;
	font-weight: bold;
	font-size: 24px;
	margin:0px;
	padding:20px 20px 20px 20px;
	width:100%;
	border-width:0px;
}

div.description div.modal-box {
	padding:0px;
	margin-bottom: 0px;
	height: auto;
	background-color: white;
}

div.description div.modal-img  {
	width:100%;
	height:350px;
	border-width:0;
	border-color: white;
	margin:0px 0px 0px 0px;
	position: relative;
	margin-bottom: 25px;
}

div.modal-img img {
	width:60%;
	height:350px;
	position:absolute;
	left:20%;
}

div.description div.modal-data {
	margin:5px 0px 0px 0px;
	float: left;
	border:none;
	width:100%;
	padding-top:0px;
	padding-bottom: 0px;
	height:150px;
}

div.description div.modal-split {
	width: 50%;
}

div.row.modal-row {
	padding:0px;
	width:100%;
    border:none;
    margin-top: 0px;
    margin-bottom: 5px; 
}

div.description div.modal-sub {
	margin:2px 0px 5px 0px;
	margin-right: 0px;
	border:none;
	color: #003f7d;
	font-size: 22px;
	font-weight: bold;
}

p#IMO-intro {
	font-size: 14px;
	line-height: 1.5;
}

div.IMO-row.row {
	margin-top: 2px;
	margin-bottom: 8px;
	position: relative;
}


div.IMO-class {
	font-size: 20px;
	color:#003366;
	font-weight: 900;
 	margin-top: 20px;
}

div.IMO-row div.sub-img {
	width:100px;
	height:100px;
	padding:3px;
	margin-left: 10px;
	vertical-align: bottom;
	display: block;
}
 

div.IMO-row h3.subclass-title {
 	font-size: 18px;
 	color:black;
 	font-weight: bold;
 }


div.IMO-row p.subclass-brief {
 	font-size: 14px;
 	color:black;
 }

/* For Large devices*/


/* For tablet view */
@media (min-width: 768px) and (max-width: 991px) {


				div.nabar-header button.navbar-toggle, .navbar-header .icon-bar {
					border:1px solid #003f7d;
				}
				#logo {
					   background: url('../images/LOGO.png') no-repeat;
					   width: 200px;
					   height: 90px;
					   background-size: contain;
				}

				#fbk {
					width:30px;
					height:30px;
				}


				#ar {
					width:50px;
					height:50px;
					color: #003f7d;
					font-weight: 900;
					font-size: 2em;
					text-align: center;
					vertical-align: center;
					padding-top: 8px;
					border-radius: 2.9px;
				}

				#ar:hover {
					background-color: #f2f4f7;	
				}

				#header-nav{
					
					height: 200px;
				}

				h1#brnd {
				font-size: 32px;
				}

				p#moto {
					font-size: 1.2em;
				}


				div#menu-items.collapse.navbar-collapse li a {
				    font-size: 1.1em;
				}

				div.row.content {
					margin-bottom: 20px;
				}

				div.heading{
					padding-bottom: 15px;
				}

				div#txt-welcome.heading, div#txt-weoffer.heading {
					font-size :24px;
				}

				div#txt-weoffer.heading {
				    padding-bottom: 20px;
				}

				div#txt-findus.heading {
					font-size :24px;
				}


				div#div-welcome p.par, ol{
					font-size: 16px;
				}

				a.thumbnail {
					width:70%;
					margin-left: 15%;
				}

				a.thumbnail div span {
					font-size: 1.3em;
					font-weight: bold;
				}

				div.tile-content {
					font-size: 12px;
					margin-bottom: 30px;	
				}

				h2.tile-title {
					font-size: 18px;
				}



				div#customs.tile-pic {
					background-size: 100% 200px;
					height:200px;
					padding:0px;
				}

				div#seafr.tile-pic {
					background-size: 100% 200px;
					height: 200px;
					padding:0px;
				}

				div#landfr.tile-pic {
					background-size: 100% 200px;
					height: 200px;
					padding:0px;
				}

				div#airfr.tile-pic {
					background-size: 100% 200px;
					height: 200px;
					padding:0px;
				}

				div#doortodoor.tile-pic {
					background-size: 100% 200px;
					height: 200px;
					padding:0px;
				}

				footer.panel-footer div.row, footer.panel-footer div.row a {
					font-size: 8.5px;
				}
				footer.panel-footer div.footer-head {
					font-size: 11px;
				}

				/*div#IATA {
					background:url('/images/IATA.png') no-repeat center;
					background-size: 100px 70px;
					height:70px;
				}*/


				div#footer-logo {
					height:50px;
				}


				div#designed-by {
					margin-top: 10px;
				}


				.equip-collapse, .nested-collapse {
				    font-size: 16px;
				}

				.collapse-section {
				    font-size: 14px;
				}

				.collapse-section p {
				    margin-top: 20px;
				}


				.input-label {
					font-size: 1em;
					
				}

				div#pod.input-label {
					padding-left: 0px;
				}

				div.con.row {
					margin-bottom: 20px;
				}

				div#contact.heading {
					font-size :24px;
				}

				input#radio{
					width:200%;
				}

				button#btn-sub {
					font-size: 1.2em;
				}


				div#call.heading {
					font-size :24px;
				}

				div#containers.heading {
					font-size :24px;
				}


				div#calc-body {
					width: 70%; 
				}

				div#calc-body span {
					font-size:14px;
				}

				div.row.cbm {
					width:70%;
				}


				div#calc-res {
					width: 70%; 
				}

				.input-group-addon {
					font-size: 0.6em;
				}

				.contact-info {
					font-size: 14px;
				}


				/* Style the buttons that are used to open the tab content */
				.tab button {
				    font-size: 22px;
				}

				div#info-intro.heading {
					font-size :24px;
				}

				div.inco-subhead {
					font-size: 14px;
				}

				div.inco-subtitle {
					font-size: 18px;
				}

				div#inco-rtp-div {
					margin-top: 15px;
					margin-left: 15%;
				}

				div#inco-rfc-div {
					margin-top: 10px;
					margin-left: 15%;
				}


				p.inco-par.par {
					font-size: 14px;
				}


				span.learn-more a {
					font-size: 14px;
				}

				div#about-intro.heading {
					font-size :24px;
				}

				div.about-subheading {
					font-size :20px;
				}

				p#about-txt.par {
					font-size:14px;
				}

				p.about-par.par {
					font-size:14px;
				}


				div.description div {
				    padding: 15px;
				    width: 90%; /* Could be more or less, depending on screen size */
				}

				div#msg span.close {
				    font-size: 16px;
				}


				div#msg-txt {
				    width: 90%; /* Could be more or less, depending on screen size */
				}

				div.description div.modal-header  {
					background-color: #003f7d;
					color: white;
					font-weight: bold;
					font-size: 16px;
					margin:0px;
					padding:20px 20px 20px 20px;
					width:100%;
					border-width:0px;
				}

				div.description div.modal-box {
					padding:0px;
					margin-bottom: 0px;
					height: auto;
					background-color: white;
				}

				div.description div.modal-img  {
					width:100%;
					height:250px;
					margin-bottom: 25px;
				}

				div.modal-img img {
					width:80%;
					height:250px;
					position:absolute;
					left:10%;
				}


				div.row.modal-row {
				    margin-bottom: 3px; 
				}

				div.description div.modal-sub {
					font-size: 16px;
					font-weight: bold;
				}

				p#IMO-intro {
					font-size: 12px;
				}

				div.IMO-class {
					font-size: 16px;
				}

				 

				div.IMO-row h3.subclass-title {
				 	font-size: 14px;
				 }


				div.IMO-row p.subclass-brief {
				 	font-size: 12px;
				 }

}


@media (max-width: 767px) {

				.navbar-header .icon-bar {
					border:1px solid #003f7d;
				}

				button.navbar-default.navbar-toggle:hover, button.navbar-default.navbar-toggle:focus {
						background-color: white;
				}

				button.navbar-default.navbar-toggle{
					border:2px solid #003f7d;
					background-color: inherit;
					position: absolute;
					right :5px;
					bottom:5px;
				}


				div.navbar-header {
					display: inline-block;
				}

				

				#logo {
					   width: 150px;
					   height: 100px;
					   background-size: contain;
					   margin-right: 5px;
					   margin-left: 2px;
					   padding-left: 2px;
				}

				#fbk {
					width:30px;
					height:30px;
					position: absolute;
					right:15px;
					top:10px;
				}


				#ar {
					width:50px;
					height:50px;
					color: #003f7d;
					font-weight: 900;
					font-size: 2em;
					text-align: center;
					vertical-align: center;
					padding-top: 8px;
					border-radius: 2.9px;
				}

				#header-nav{
					
					height: 120px;
				}

				h1#brnd {
				display:none;
				}

				p#moto {
					display:none;
				}

				div#menu-items.collapse.navbar-collapse{
					position:absolute;
					top:120px;
					right:0px;
					left:0px;
					margin-right: auto;
					bottom:-240px;
				}

				div#menu-items.collapse {
					background-color:#003f7d;
					width:100%;
					margin:auto auto;
					border:none;
				}
				ul.nav.navbar-nav {
					width:100%;
					margin:auto auto;
				}
				div#menu-items.collapse.navbar-collapse li a:hover{
					background-color: white;
					color : #003f7d;
				}

				div#menu-items.collapse.navbar-collapse li a {
				    font-size: 0.9em; 
				    width:100%;
					color:white;
				}

				div#menu-items.collapse.navbar-collapse li a.active {
					color:#003f7d;
					background-color: white
				}

				div#menu-items.collapse.navbar-collapse li {
					width:100%;
				}

				div.row.content {
					margin-bottom: 20px;
				}

				div.heading{
					padding-bottom: 15px;
				}

				div#txt-welcome.heading, div#txt-weoffer.heading {
					font-size :14px;
				}

				div#txt-weoffer.heading {
				    padding-bottom: 20px;
				}

				div#txt-findus.heading {
					font-size :14px;
				}


				div#div-welcome p.par, ol{
					font-size: 9px;
				}

				a.thumbnail {
					width:70%;
					margin-left: 15%;
				}

				a.thumbnail div span {
					font-size: 0.9em;
					font-weight: bold;
				}

				div.tile-content {
					font-size: 9px;
					margin-bottom: 30px;	
				}

				h2.tile-title {
					font-size: 11px;
				}



				div#customs.tile-pic {
					display: none;
				}

				div#seafr.tile-pic {
					display: none;
				}

				div#landfr.tile-pic {
					display: none;
				}

				div#airfr.tile-pic {
					display: none;
				}

				div#doortodoor.tile-pic {
					display: none;
				}


				footer.panel-footer div.row, footer.panel-footer div.row a {
					font-size: 4px;
				}
				footer.panel-footer div.footer-head {
					font-size: 5px;
				}
				footer.panel-footer div.container-fluid {
					padding:0;
				}

				/*div#IATA {
					background:url('/images/IATA.png') no-repeat center;
					background-size: 100px 70px;
					height:70px;
				}*/


				div#footer-logo {
					height:30px;
				}


				div#designed-by {
					margin-top: 8px;
				}


				.equip-collapse, .nested-collapse {
				    font-size: 10px;
				    margin-bottom: 5px;
				}

				.collapse-section {
				    font-size: 10px;
				    margin-bottom: 10px;
				}

				.collapse-section p {
				    margin-top: 5px;
				    padding-top: 3px;
				}


				.input-label {
					font-size: 0.4em;
					vertical-align: middle;
				}

				input.form-control {
					font-size: 8px;
					height:10px;
				}

				div#pod.input-label {
					padding-left: 0px;
				}

				div.con.row {
					margin-bottom: 20px;
				}

				div#contact.heading {
					font-size :14px;
				}

				input#radio{
					width:8px;
				}

				button#btn-sub {
					font-size: 0.8em;
				}


				div#call.heading {
					font-size :14px;
				}

				div#containers.heading {
					font-size :14px;
				}


				div#calc-body {
					width: 100%; 
				}

				div#calc-body span {
					font-size:8px;
				}

				div.row.cbm {
					width:100%;
				}


				div#calc-res {
					width: 100%; 
				}

				div#calc-res span {
					font-size: 8px; 
				}

				.input-group-addon {
					font-size: 0.5em;
					height:23px;
				}

				.radio-label {
					margin-top: 10%;
				}

				input#volume.res-field{
					width:80%;
					font-size: 12px;
				}

				input#weight.res-field{
					width:80%;
					font-size: 12px;
				}

				.contact-info {
					font-size: 6px;
				}


				/* Style the buttons that are used to open the tab content */
				.tab button {
				    font-size: 16px;
				}

				div#info-intro.heading {
					font-size :12px;
				}

				div.inco-subhead {
					font-size: 7px;
				}

				div.inco-subtitle {
					font-size: 12px;
				}

				div#inco-rtp-div {
					margin-top: 15px;
					margin-left: 0px;
				}

				img#inco-rtp-img {
					width:300px;
					height:800px;
				}

				div#inco-rfc-div {
					margin-top: 10px;
					margin-left: 0px;
				}

				img#inco-rfc-img {
					width:300px;
					height:400px;
				}

				p.inco-par.par {
					font-size: 8px;
				}


				span.learn-more a {
					font-size: 8px;
				}

				div#about-intro.heading {
					font-size :16px;
				}

				div.about-subheading {
					font-size :14px;
				}

				p#about-txt.par {
					font-size:8px;
				}

				p.about-par.par {
					font-size:8px;
				}


				div.description div {
				    padding: 15px;
				    width: 90%; /* Could be more or less, depending on screen size */
				}

				div#msg span.close {
				    font-size: 10px;
				}


				div#msg-txt {
				    width: 90%; /* Could be more or less, depending on screen size */
				}

				div.description div.modal-header  {
					background-color: #003f7d;
					color: white;
					font-weight: bold;
					font-size: 12px;
					margin:0px;
					padding:10px 10px 10px 10px;
					width:100%;
					border-width:0px;
				}

				div.description div.modal-box {
					padding:0px;
					margin-bottom: 0px;
					height: auto;
					background-color: white;
				}

				div.description div.modal-img  {
					width:100%;
					height:100px;
					margin-bottom: 15px;
				}

				div.modal-img img {
					width:80%;
					height:100px;
					position:absolute;
					left:10%;
				}


				div.row.modal-row {
				    margin-bottom: 3px; 
				}

				div.description div.modal-sub {
					font-size: 8px;
					font-weight: 900;
				}

				th {
					font-size: 4px;
				}

				td {
					font-size: 4px;
				}

				div.description div.modal-data {
					height:100px;
				}

				p#IMO-intro {
					font-size: 8px;
				}

				div.IMO-class {
					font-size: 10px;
				}

				 div.IMO-row div.sub-img{
				 	width:100px;
				 	height:100px;
				 	background-size: contain;
				 }

				div.IMO-row h3.subclass-title {
				 	font-size: 8px;
				 }


				div.IMO-row p.subclass-brief {
				 	font-size: 6px;
				 }



}