#loadingpage {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 5;
    position: fixed;
    background-color: rebeccapurple;
}
#spinnersettercontainer {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#spinnerholder {
    font-family: sans-serif;
    font-weight: normal;
    font-size: 300px;
    font-style: normal;
    color: white;
    background-color: transparent;    
}
#notecontainer {
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 6;
    position: fixed;
    background-color: transparent;
    justify-content: center;
    align-items: center;
}
#notecontainer {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 30px;
    font-style: normal;
    color: white;
    background-color: transparent;
}
#frontpage {
    display: block;
    width: 100%;
    height: auto;
    background-color: lightblue;
}
#titleheadholder {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    width: 100%;
    background-color: white;
}
#heading {
    display: flex;
    height: 80px;
    width: auto;
    background-color: transparent;
}
#headingmob {
    display: none;
    height: 80px;
    width: auto;
    background-color: transparent;
}
#navigatorholder {
    display: block;
    overflow: hidden;    
    height: auto;
    width: 100%;
}
#bulnavi {
    display: flex;
    justify-content: center;
    justify-items: center;
    padding: 5px 10px;
    width: 100%;
    height: auto;
    transition: 0.6s;
    background-color: rebeccapurple;
}
#myhome, #mytracking, #mypromo, #myservices, #mycontactus, #myabout, #myfacebook {
    display: flex;
    justify-content: center;
    justify-items: center;
    padding: 10px 10px;
    margin-left: 5px;
    margin-right: 5px;
    color: white;
    background-color: rebeccapurple;
    text-decoration: none;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: 'Segoe UI';
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    border-radius: 10px;
    transition: 0.4s;
    border-bottom: 2px solid transparent;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
}
#myhome {
    color: yellow;
}
#myhome:hover, #mytracking:hover, #mypromo:hover, #myservices:hover, #mycontactus:hover, #myabout:hover, #myfacebook:hover {
    background-color: purple;
    color: yellow;
    text-shadow: none;
    border-bottom: 2px solid red;
    box-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
}
#myhome:active, #mytracking:active, #mypromo:active, #myservices:active, #mycontactus:active, #myabout:active, #myfacebook:active {
    text-shadow: -2px 2px 10px orangered,0 0 10px orangered,0 0 10px orangered;
}
.sticky {
    position: fixed;
    top: -32px;
    width: 100%;
    margin-left: 0;
    transform: translateY(60%);
    z-index: 3;
    box-shadow: -2px 2px 5px black,0 0 5px black,0 0 5px black;
}
#bulnavimob {
    display: none;
    justify-content: left;
    justify-items: center;
    padding: 5px 10px;
    width: 100%;
    height: auto;
    transition: 0.6s;
    background-color: rebeccapurple;
}
#myhomemob, #mynavimob {
    display: flex;
    justify-content: center;
    justify-items: center;
    padding: 10px 10px;
    margin-left: 5px;
    margin-right: 5px;
    color: yellow;
    background-color: rebeccapurple;
    text-decoration: none;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: 'Segoe UI';
    font-weight: bold;
    font-size: 28px;
    font-style: normal;
    border-radius: 10px;
    transition: 0.4s;
    border: 3px solid white;
    text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
}
.stickymob {
    position: fixed;
    top: -45px;
    width: 100%;
    margin-left: 0;
    transform: translateY(60%);
    z-index: 3;    
}
#carouselholder {
    display: flex;   
    justify-content: center;    
    width: 100%;
    height: 76vh;
    background-image: url("images/philmap.jpg");
    background-repeat: no-repeat;
    background-position: center;
    object-fit: cover;    
}
#thecarousel {
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent;
}
.clsdesktop {
    display: block;
}
.clsmobile {display:none;}
#subnavigatorholder {
    display: none;
    position: fixed;
    justify-content: left;
    text-align: left;
    width: 0;
    height: auto;
    background-color: transparent;
    transition: 0.6s;
    z-index: 2;
    overflow: hidden;
}
#subnavigatorblock {
    display: block;
    width: 100%;
    height: auto;
    padding: 20px 0;
    background-color: transparent;
    overflow: hidden;
}
#mytrackingmobile, #mypromomobile, #myservicesmobile, #mycontactusmobile, #myaboutmobile, #myfacebookmobile {
    display: flex;
    justify-content: left;
    justify-items: left;
    padding: 10px 25px;
    color: white;
    background-image: linear-gradient(to right,navy,orangered);
    text-decoration: none;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: 'Segoe UI';
    font-weight: normal;
    font-size: 28px;
    font-style: normal;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    transition: 0.4s;
    margin-bottom: 10px;
    width: 100%;
    height: 58px;
    overflow: hidden;
}
#footerholder {
    display: block;
    width: 100%;
    height: auto;
    background-color: rebeccapurple;
    padding: 20px 10px;
}
#footlogo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    width: 100%;
    height: auto;
}
#imglogofoot {
    display: block;
    margin-top: 30px;
    height: 75px;
    width: auto;
    justify-content: center;
    align-items: center;
    object-fit: cover;
    border-radius: 10px;
    border: 5px solid purple;
    box-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
}
.footrowholder {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
    width: 100%;
    height: auto;
    background-color: transparent;
}
#titileinfo, #findusinfo, #contactusinfo, #yearinfo {
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent;
}
.titleinfocls {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    width: 100%;
    height: auto;
    background-color: transparent;
    color: white;
    font-family: 'Times New Roman', Times, serif;
    font-weight: normal;
    font-size: 22px;
    font-style: normal;
    cursor: default;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
}
#findustitleinfocls, #contactustitleinfocls {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    width: 100%;
    height: auto;
    background-color: transparent;
    color: yellow;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, Times, serif;
    font-weight: bold;
    font-size: 20px;
    font-style: normal;
    cursor: default;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
}
.titleinfoclsaddr {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    width: 100%;
    height: auto;
    background-color: transparent;
    color: white;
    font-family: 'Segoe UI';
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    cursor: default;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
}
#trackingholder {
    display: none;
    width: 100%;
    height: 76vh;
    background-image: url(images/trackingbk.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;    
}
.trackingrowholder {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 5px 5px;
    background-color: transparent;
}
.closebtnholder{
    display: flex;
    justify-content: right;
    width: 100%;
    height: auto;
    background-color: transparent;
}
#trackingclosebutton, #trackingresultclosebutton, #contactclosebutton, #promoclosebutton, #servicesoffclosebutton, #aboutusclosebutton {
    display: flex;
    font-family: Arial;
    font-weight: bold;
    font-size: 25px;
    font-style: normal;
    color: red;
    background-color: transparent;
    cursor: pointer;
    margin-right: 5px;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
}
#trackingclosebutton:active, #trackingresultclosebutton:active, #contactclosebutton:active, #promoclosebutton:active,
#servicesoffclosebutton:active, #aboutusclosebutton:active {
    text-shadow: -2px 2px 5px red,0 0 5px red,0 0 5px red;
}
#trackingtitle {
    display: flex;
    font-family: 'Times New Roman';
    font-size: 25px;
    font-weight: bold;
    font-style: normal;
    background-color: transparent;
    color: purple; 
    text-decoration: underline;
    cursor: default;
}
#criteriaholder {
    display: block;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    background-color: transparent;
}
.criteriarowholder{
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
    background-color: transparent;
}
#trackingnumlabel {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    color: purple;
    font-family: 'Segoe UI';
    font-weight: bold;
    font-size: 20px;
    font-style: normal;
    background-color: transparent;
}
#trackingnum {
    display: flex;
    text-align: center;
    justify-content: center;
    padding: 10px 5px;
    font-family: 'Segoe UI';
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: blue;
    background-color: white;
    border-radius: 5px;
    border: 1px solid rebeccapurple;
    text-decoration: none;
    outline: none;
    text-transform: uppercase;
    width: 350px;
    height: auto;    
}
#btntrack {
    display: flex;
    justify-content: center;
    text-align: center;
    background-color: rebeccapurple;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
    font-family: 'Segoe UI';
    font-weight: bold;
    font-size: 16px;
    font-style: normal;   
    margin-top: 10px;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
}
#btntrack:active {
    box-shadow: -2px 2px 10px red,0 0 10px red,0 0 10px red;
}
#blockmsgholder {
    display: none;
    width: 100%;
    height: auto;
    background-color: transparent;
}
#blockmsgrowholder {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
}
#blockmsgframe {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: red;
    width: 350px;
    height: 80px;
    padding: 10px 10px;
    border-radius: 10px;
    margin-top: 10px;
    border: 2px solid white;
    box-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
    color: yellow;
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
}
#trackingdatadisplay {
    display: none;
    width: 100%;
    height: auto;
    background-color: transparent;
    border-bottom: 5px dashed orangered;
}
#trackingframe {
    display: block;    
    width: 100%;
    height: auto;
    background-image: linear-gradient(to right,darkblue,purple);
}
#contactusholder {
    display: none;
    width: 100%;
    height: 80vh;    
    background-image: linear-gradient(to right,darkblue,purple);
}
.contactrowsholder {
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent;    
}
#contactfindusframe {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 72vh;
    background-color: transparent;
}
.conactusfirstframe {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 50%;
    height: auto;
    background-color: transparent;
}
#contactusframe, #findusframe {
    display: block;
    width: 500px;
    height: 430px;
    padding: 5px;
    margin-left: 2px;
    margin-right: 2px;
    border: 2px solid orangered;
}
#contactusframe {
    background-image: url(images/contactusback.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.contactfindusrowsholder {
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent;
}
#contactustitleholder, #findustitleholder {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
    padding: 2px;
    font-family: 'Segoe UI';
    font-weight: bold;
    font-size: 22px;
    font-style: normal;    
    cursor: default;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
    text-decoration: underline;
}
#contactustitleholder {
    color: aqua;
}
#findustitleholder {
    color: yellow;
}
.contactpersonsholder {
    display: flex;
    justify-content: left;
    text-align: left;
    width: 100%;
    height: auto;
    background-color: transparent;
}
.personslabel {
    display: flex;
    justify-content: right;
    text-align: right;
    color: aqua;
    background-color: transparent;
    width: 30%;
    height: auto;
    padding: 2px 0;
    font-family: Arial;
    font-weight: normal;
    font-size: 20px;
    font-style: normal;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
    cursor: default;
}
.personsicon {
    display: flex;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    color: yellow;
    width: 10%;
    height: auto;
    padding: 2px 0;
    font-family: Arial;
    font-weight: normal;
    font-size: 20px;
    font-style: normal;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
    cursor: default;
}
.personsnumber {
    display: flex;
    justify-content: left;
    text-align: left;
    background-color: transparent;
    color: yellow;
    width: 60%;
    height: auto;
    padding: 2px 0;
    font-family: Arial;
    font-weight: normal;
    font-size: 20px;
    font-style: normal;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
    cursor: default;
}
.contactreasons {
    display: flex;
    justify-content: left;
    text-align: left;
    background-color: transparent;
    color: orange;
    width: 100%;
    height: auto;
    margin-left: 10%;
    font-family: Arial;
    font-weight: normal;
    font-size: 20px;
    font-style: normal;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
    cursor: default;
}
#findusframe {
    background-image: url(images/findusback.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.findusaddressholder {
    display: flex;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    width: 100%;
    height: auto;
}
.findusaddress {
    display: flex;
    text-align: center;
    justify-content: center;
    width: 70%;
    height: auto;
    padding: 2px 5px;
    font-family: Arial;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    color: aqua;
    background-color: transparent;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;     
}
#promoholder {
    display: none;
    width: 100%;
    height: auto;
    background-color: steelblue;
}
.promosrowsholder {
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent;
}
#promoheadstickerholder, #promoheadtitle, #promonoteholder {
    display: flex;
    width: 100%;
    height: auto;
    justify-content: center;
    text-align: center;
    background-color: transparent;
}
#promostickercontainer {
    display: flex;
    width: 400px;
    height: 230px;
    background-image: url(images/promoheadsticker.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#promotitle, #nonpromotitle {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 5px 10px;
    background-color: rebeccapurple;
    color: white;
    font-family: Arial;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    cursor: default;
    border: 2px solid orangered;
    border-radius: 10px;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
    box-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
}
#screenadjuster {
    display: flex;
    width: auto;
    height: auto;
}
.promonote {    
    font-family: 'Segoe UI';
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    color: white;
    background-color: transparent;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
    padding: 3px 2px;
}

#promodesktopviewholder {
    display: flex;
    justify-content:center;
    text-align: center;
    width: 100%;
    height: auto;
    background-color: transparent;
}
#promopaddesktopview {
    display: block;
    width: 1000px;
    height: auto;
    background-color: white;
}
.promodesktopdetailsrowsholder {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
    background-color: transparent;
}
#particulartitle, #manilatitle, #luz1title, #luz2title, #luz3title, #luz4title, #vizmintitle {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 4px;
    color: white;
    background-color: rebeccapurple;
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    height: auto;
}
#particulartitle {
    width: 28%;
}
#manilatitle, #luz1title, #luz2title, #luz3title, #luz4title, #vizmintitle {
    width: 12%;
}
.particulardata, .particulardatatwo, .detailsdata {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 4px;
    color: navy;
    background-color: lightskyblue;
    font-family: 'Segoe UI';    
    font-weight: normal;
    font-style: normal;
    height: auto;
}
.particulardata {
    width: 28%;
    font-size: 16px;
}
.particulardatatwo {
    width: 28%;
    font-size: 14px;
}
.detailsdata {
    width: 12%;
    font-size: 16px;
}
#provincedesktoplists {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 5px;
    background-color: navy;
    border: 1px solid yellow;
}
.provincelists {
    display: flex;
    justify-content: left;
    text-align: left;
    color: white;
    background-color: transparent;
    font-family: 'Arial Rounded MT';
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    padding: 5px 0;
}
/*Promo Mobile View Holder*/
#promomobileviewholder {
    display: none;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
    background-color: transparent;
}
#promopadmobileview {
    display: block;
    width: 90%;
    height: auto;
    background-color: white;
}
.promomobiledetailsrowsholder {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
    background-color: transparent;
}
.mobparticularobject {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
    padding: 2px 2px;
    font-family: 'Segoe UI';
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    background-color: rebeccapurple;
    color: white;
}
.mobparticulartitleone, .mobparticulartitletwo, .mobparticulartitlethree, .mobparticulartitlefour {
    display: flex;
    justify-content: center;
    text-align: center;
    height: auto;
    padding: 2px 2px;
    font-family: 'Segoe UI';
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
}
.mobparticulartitleone {
    width: 18%;
    background-color: darkblue;
    color: white;
}
.mobparticulartitletwo {
    width: 16%;
    background-color: darkblue;
    color: white;
}
.mobparticulartitlethree {
    width: 18%;
    background-color: aqua;
    color: navy;
}
.mobparticulartitlefour {
    width: 16%;
    background-color: aqua;
    color: navy;
}
.provincetitle {
    display: flex;
    padding: 2px 2px;
    justify-content: center;
    text-align: center;
    font-family: 'Segoe UI';
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    height: auto;
    width: 100%;
    color: white;
    background-color: darkgreen;    
}
.provincelist {
    display: flex;
    padding: 2px 2px;
    justify-content: center;
    text-align: center;
    font-family: 'Arial Rounded MT';
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    height: auto;
    width: 100%;
    color: white;
    background-color: navy;
}
/*End Promo Mobile View Holder*/
#nonpromotitleholder {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
    background-color: transparent;
}
#nonpromoframesholder {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
    background-color: transparent;
}
#nonpromoframescontainer {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 1000px;
    height: auto;
    background-color: white;
}
#aircargoframe, #seacargoframe {
    display: block;
    width: 50%;
    height: auto;
    background-color: transparent;    
}
.aircargorowsholder, .seacargorowsholder {
    display: flex;
    justify-content: left;
    text-align: left;
    width: 100%;
    height: auto;
    background-color: transparent;
}
#aircargotitle, #seacargotitle {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
    padding: 5px 5px;
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
}
#aircargotitle {
    background-color: navy;
    color: white;
}
#seacargotitle {
    background-color: darkgreen;
    color: white;
}
.aircargodetailstitle, .seacargodetailstitle {
    display: flex;
    justify-content: right;
    text-align: right;
    width: 65%;
    height: auto;
    padding: 2px 2px;
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    color: navy;    
}
.aircargodetailstitle {
    background-color: aqua;
}
.seacargodetailstitle {
    background-color: lightgreen;
}
.aircargodetailsdata, .seacargodetailsdata {
    display: flex;
    justify-content: left;
    text-align: left;
    width: 35%;
    height: auto;
    padding: 2px 2px;
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    color: red;    
}
.aircargodetailsdata {
    background-color: aqua;
}
.seacargodetailsdata {
    background-color: lightgreen;
}
#aircargoothertitle, #seacargoothertitle {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
    padding: 2px 2px;
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: navy;
}
#aircargoothertitle {
    background-color: aqua;
}
#seacargoothertitle {
    background-color: lightgreen;
}
#servicesoffholder {
    display: none;
    width: 100%;
    height: 100vh;    
    background-image: url(images/servicesoffer.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#servicesoffclosebuttonrowhloder {
    display: flex;
    justify-content: right;
    text-align: right;
    width: 100%;
    height: auto;
    background-color: transparent;
}
#svcofferdetailholder {
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent;
    margin-top: 10%;
}
.svcofferdetailsrows {
    display: flex;
    justify-content: left;
    text-align: left;
    width: 100%;
    height: auto;
    background-color: transparent;
    padding: 5px 10px;
    margin-left: 5%;
    font-family: 'Bookman Old Style';
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    color: white;
    background-color: transparent;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
}
#aboutusholder {
    display: none;
    width: 100%;
    height: 80vh;
    background-image: url(images/aboutus.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#aboutusclosebuttonrowhloder {
    display: flex;
    justify-content: right;
    text-align: right;
    width: 100%;
    height: auto;
    background-color: transparent;
}
#aboutusdetailholder {
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent;
    margin-top: 5%;
}
.aboutusdetailsrows {
    display: flex;
    justify-content: left;
    text-align: left;
    width: 50%;
    height: auto;
    background-color: transparent;
    padding: 5px 10px;
    margin-left: 9%;
    font-family: 'Bookman Old Style';
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    color: aqua;
    background-color: transparent;
    text-shadow: -2px 2px 3px black,0 0 3px black,0 0 3px black;
}
/*Maximum width of 900px*/
@media screen and (max-width:900px) {
    .clsmobile {
        display: block;
    }
    .clsdesktop {
        display: none;
    }
    #bulnavi {
        display: none;
    }
    #bulnavimob {
        display: flex;        
        color: yellow;
        background-color: purple;        
    }    
    #subnavigatorholder {
        display: flex;
    }
    #carouselholder {    
        height: 86vh;        
    }
    #thecarousel {
        display: flex;   
        justify-content: center;
    }
    #imglogofoot {        
        height: 150px;        
        box-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
    }
    .titleinfocls {        
        font-size: 30px;        
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
    }
    #findustitleinfocls, #contactustitleinfocls {
        font-size: 28px;        
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
    }
    .titleinfoclsaddr {
        font-size: 24px;        
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
    }
    #trackingholder {
        height: 86vh;
        background-image: url(images/trackingbktab.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    #trackingclosebutton, #trackingresultclosebutton, #contactclosebutton, #promoclosebutton, #servicesoffclosebutton, #aboutusclosebutton {
        font-size: 35px;
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
    }
    #trackingtitle {
        font-size: 30px;
        margin-top: 50px;
    }
    #trackingnumlabel {
        font-size: 30px;
        margin-top: 30px;
    }
    #trackingnum {
        font-size: 26px;
        width: 450px;        
    }
    #btntrack {
        font-size: 26px;
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
        padding: 20px 30px;
    }
    #blockmsgframe {
        width: 450px;
        height: 140px;
        box-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
        font-size: 26px;
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
        border: 5px solid white;
    }
    #contactusholder {        
        height: auto;        
    }
    #contactfindusframe {
        display: block;        
        height: auto;        
    }
    .conactusfirstframe {
        width: 100%;
    }    
    #findusframe {
        margin-top: 50px;
        margin-bottom: 100px;
    }
    #contactustitleholder, #findustitleholder {        
        font-size: 28px;        
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
        text-decoration: none;
        color: orangered;
    }
    .personslabel {
        font-family: 'Times New Roman';
        font-weight: bold;
        font-size: 25px;
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
        color: navy;
    }
    .personsicon {
        font-family: 'Times New Roman';
        font-weight: bold;
        font-size: 25px;
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
        color: green;
    }
    .personsnumber {
        font-family: 'Times New Roman';
        font-weight: bold;
        font-size: 25px;
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
        color: green;
    }
    .contactreasons {
        font-family: 'Times New Roman';
        font-weight: bold;
        font-size: 25px;
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
        color: greenyellow;
        margin-left: 1%;
    }
    .findusaddress {
        font-family: 'Times New Roman';
        font-weight: bold;
        width: 90%;
        font-size: 25px;
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
        color: white;
        background-color: purple;
    }
    #promostickercontainer {        
        width: 600px;
        height: 350px;        
    }
    #promotitle, #nonpromotitle {
        padding: 10px 15px;        
        font-size: 24px;        
        border: 2px solid orangered;        
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
        box-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
    }
    #screenadjuster {
        display: block;        
    }
    .promonote {        
        font-size: 24px;        
        color: yellow;        
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;        
    }
    #promodesktopviewholder {
        display: none;
    }
    #promomobileviewholder {
        display: flex;
    }
    #nonpromoframescontainer {
        display: block;
        width: 90%;
    }
    #aircargoframe, #seacargoframe {        
        width: 100%;              
    }
    #aircargotitle, #seacargotitle {        
        font-size: 24px;        
    }
    .aircargodetailstitle, .seacargodetailstitle {        
        font-size: 24px;        
    }
    .aircargodetailsdata, .seacargodetailsdata {        
        font-size: 24px;        
    }
    #aircargoothertitle, #seacargoothertitle {        
        font-size: 24px;        
    }
    #servicesoffholder {  
        background-image: url(images/servicesoffertab.jpg);        
    }
    #svcofferdetailholder {        
        margin-top: 25%;
    }
    .svcofferdetailsrows {        
        font-size: 30px;    
        font-weight: normal;
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
        color: purple;
        margin-left: 1%;
        width: 98%;
    }
    #aboutusholder {        
        height: 100vh;
        background-image: url(images/aboutustab.jpg);        
    }
    #aboutusdetailholder {        
        margin-top: 30%;
    }
    .aboutusdetailsrows {
        width: 70%;
        margin-left: 10%;
        color: navy;
        font-size: 28px;
        text-shadow: 0 0 0 black,0 0 0 black,0 0 0 black;
    }
}
/*Maximum width of 650px*/
@media screen and (max-width:650px) {
    #headingmob {
        display: flex;
    }
    #heading {
        display: none;
    }
    #carouselholder {
        height: 85vh;
    }
    #trackingholder {        
        background-image: url(images/trackingbkmob.jpg);        
    }
    #trackingnum {        
        width: 90%;        
    }
    #blockmsgframe {
        width: 96%;
        height: 140px;        
    }
    #contactusframe, #findusframe {
        display: block;
        width: 400px;
        height: 330px;
        padding: 0;
        margin-left: 0;
        margin-right: 0;        
    }
    .personslabel {        
        font-size: 22px;        
    }
    .personsicon {        
        font-size: 22px;        
    }
    .personsnumber {        
        font-size: 22px;        
    }
    .contactreasons {        
        font-size: 22px;        
        margin-left: 2%;
    }
    #promostickercontainer {
        width: 400px;
        height: 250px;
    }
    #promotitle, #nonpromotitle {
        padding: 5px 5px;
        font-size: 18px;    
        font-family: sans-serif;
    }
    .promonote {
        font-size: 18px;
        font-family: sans-serif;  
        color: yellow;
    }
    #promopadmobileview {        
        width: 100%;        
    }
    .mobparticularobject {        
        font-size: 18px;
        font-family: sans-serif;        
    }
    .mobparticulartitleone, .mobparticulartitletwo, .mobparticulartitlethree, .mobparticulartitlefour {        
        font-family: sans-serif;
        font-size: 18px;        
    }
    .provincetitle {        
        font-family: sans-serif;
        font-size: 18px;        
    }
    .provincelist {        
        font-family: sans-serif;
        font-size: 18px;        
    }
    #nonpromoframescontainer {
        display: block;
        width: 100%;
    } 
    #aircargotitle, #seacargotitle {
        font-size: 18px;
        font-family: sans-serif;
    }
    .aircargodetailstitle, .seacargodetailstitle {
        font-size: 16px;
        font-family: sans-serif;
    }
    .aircargodetailsdata, .seacargodetailsdata {
        font-size: 16px;
        font-family: sans-serif;
    }
    #aircargoothertitle, #seacargoothertitle {
        font-size: 16px;
        font-family: san-serif;
    }
    #servicesoffholder {
        background-image: url(images/servicesoffermob.jpg);
    }
    #svcofferdetailholder {
        margin-top: 33%;
    }
    .svcofferdetailsrows {
        font-family: sans-serif;
        font-size: 25px;        
    }
    #aboutusholder {        
        background-image: url(images/aboutusmob.jpg);
    }
    #aboutusdetailholder {
        margin-top: 40%;
    }
    .aboutusdetailsrows {
        width: 90%;
        margin-left: 5%;
        color: navy;
        font-size: 20px;        
    }
}
/*Maximum width of 400px*/
@media screen and (max-width:400px) {
    .titleinfocls {
        font-size: 28px;        
    }
    #findustitleinfocls, #contactustitleinfocls {
        font-size: 26px;        
    }
    .titleinfoclsaddr {
        font-size: 22px;        
    }
    #contactusframe, #findusframe {        
        width: 360px;
        height: 310px;        
    }
    .personslabel {
        font-size: 22px;
    }
    .personsicon {
        font-size: 22px;
    }
    .personsnumber {
        font-size: 22px;
    }
    .contactreasons {
        font-size: 18px;
        margin-left: 2%;
    }
    .aircargodetailstitle, .seacargodetailstitle {
        font-size: 14px;        
    }
    .aircargodetailsdata, .seacargodetailsdata {
        font-size: 14px;        
    }
    #aircargoothertitle, #seacargoothertitle {
        font-size: 14px;        
    }
    promotitle, #nonpromotitle {        
        font-size: 16px;        
    }
    .promonote {
        font-size: 16px;        
    } 
    .mobparticularobject {
        font-size: 16px;        
    }
    .mobparticulartitleone, .mobparticulartitletwo, .mobparticulartitlethree, .mobparticulartitlefour {        
        font-size: 16px;
    }
    .provincetitle {        
        font-size: 16px;
    }
    .provincelist {        
        font-size: 16px;
    }
}
/*Maximum width of 360px*/
@media screen and (max-width:360px) {
    #myhomemob, #mynavimob {
        font-size: 22px;        
    }
    #mytrackingmobile, #mypromomobile, #myservicesmobile, #mycontactusmobile, #myaboutmobile, #myfacebookmobile {
        font-size: 18px;
        padding: 15px 15px;
    }
    #carouselholder {
        height: 90vh;
    }
    .titleinfocls {
        font-size: 24px;
    }
    #findustitleinfocls, #contactustitleinfocls {
        font-size: 22px;
    }
    .titleinfoclsaddr {
        font-size: 18px;
    }
    #trackingtitle {
        margin-top: 5px;
        font-size: 20px;
    }
    #trackingnumlabel {
        margin-top: 10px;
        font-size: 20px;
    }
    #trackingnum {
        font-size: 18px;        
    }
    #blockmsgframe {        
        font-size: 18px;  
        height: 100px;
    }
    #contactusframe, #findusframe {
        width: 310px;
        height: 290px;
    }
    .contactreasons {
        font-size: 16px;
        margin-left: 2%;
    }
    #promostickercontainer {
        width: 320px;
        height: 200px;
    }
    #promotitle, #nonpromotitle {
        font-size: 14px;
    }
    .promonote {
        font-size: 14px;
    }
    .mobparticularobject {
        font-size: 14px;
    }
    .mobparticulartitleone, .mobparticulartitletwo, .mobparticulartitlethree, .mobparticulartitlefour {
        font-size: 14px;
    }
    .provincetitle {
        font-size: 14px;
    }
    .provincelist {
        font-size: 14px;
    }
    #aircargotitle, #seacargotitle {
        font-size: 14px;        
    }
    .aircargodetailstitle, .seacargodetailstitle {
        font-size: 12px;        
    }
    .aircargodetailsdata, .seacargodetailsdata {
        font-size: 12px;        
    }
    #aircargoothertitle, #seacargoothertitle {
        font-size: 12px;        
    }
    .svcofferdetailsrows {
        font-family: sans-serif;
        font-size: 20px;
    }
    .aboutusdetailsrows {        
        font-size: 16px;
    }
}