/*
********************screen sizes***********************
*******************************************************
*   320-480 (iPhones 4 and 4s)
*   320-568 (iPhones 5 and 5s )
*   375-667 (iPhones 6)
*   414-736 (iPhones 6 plus)
*   320-640 (Galaxy Phones S3, S4, S5)
*   360-640 (HTC Phones)
*   601-906 (Nexus Tablets)
*   768-1024 (iPads)
*   800-1280 (Galaxy Tablets and Kindle Fire HD 7")
*   1280-1600 (Kindle Fire HD 8.9" and Laptops)
*******************************************************/



/***********************************************
==BEGIN==	1601-1920
************************************************/
@media only screen and (min-width: 1601px) and (max-width: 1920px) {
    /*style here*/
}
/***********************************************
===END===	1601-1920
************************************************/



/***********************************************
==BEGIN==	1201-1600
************************************************/
@media only screen and (min-width: 1201px) and (max-width: 1600px) {
    /*style here*/
}
/***********************************************
===END===	1201-1600
************************************************/



/***********************************************
==BEGIN==	1024-1200
************************************************/
@media only screen and (min-width: 1024px) and (max-width: 1200px) {

    /************************\\common//************************/
    #content{max-width:1024px;}
    .container{width:1024px;max-width:1200px;margin:0px auto;}

    #weather i {line-height: 105px;margin: 0px 20px 0px -30px;font-size: 130px;}
    #weather .temp{font-size: 24px;}

    .navybar-page-title{height:70px;font-size:24px;}
     .stores-page-title{font-size:24px;}
    #header1, .temprature,.search,#header1 .shape,#mobile-nav{height: 70px;}
    
    .img-site-logo {width:auto;height: 50px;}
    /*.nav{width:0px;height: 70px;float:right;}*/

    .cloud-icon{height:50px;margin-right:10px;}
    .img-temp{height:20px;margin-left:20px;}
    .search-icon{height:50px;}

    .search-box {position: absolute;width: 300px;height: 90px;top: 15%;left: 0;right: -40%;margin: 0px auto;padding: 2px 5px;}

    #header2, .header2-blank-bx1,.header2-blank-bx2, #header2 .shape {height: 70px;}
    .STL-airportal{width:53.5%;height: 70px;margin-left:20px;float: left;display: flex;align-items: center;justify-content: flex-start;}
    .STL-airportal-img{height:30px;float:left;}
    .site-title {font-size: 50px;}

    #header3 .navigation ul {width: 100%;margin: 0px auto;}
    #header3 .navigation ul li{width: 178px;margin: 0px auto;}
    #header3 .navigation.nav-single ul li{width: 100%;margin: 0px auto;}
    #header3 .navigation ul li a {padding: 0px 20px;}
    .flip-box{width:100%; margin:0px auto;}

    .footer-links ul{width:70%;}

    .page-excerpt {width: 50%;}


/************************\\Flip//************************/
    .flipper {height: 220px;}
    .back {height: 220px;}
    .news-list {height: 150px;}
    .flipX.flipper.flip_active .back, .flipX.flipper.flip_deactive .front {height: 220px;}


/************************\\Air Portal Contact Form//************************/
    .nominateform {margin: 0px 30px;}

/************************\\Catch Us Giving//************************/   
    .heading,.heading .shape{height: 70px;}
    .headingLeft,.headingMiddle,.headingRight{height: 70px;}
    .headingMiddle {font-size: 30px;}
    .LogoCont {margin: 0px 30px 0px 60px;}
    .stlPortal {margin: 0px 30px 0px 60px;}
    .airport {margin: 0px 30px 0px 60px;}
    
    .airportRight {width: 83%;}
    .GreatCustomer{margin: 0px 30px 0px 60px;}
    .GreatCustomerRight{height: 113px;}
    .SpotLight{margin: 0px 30px 0px 60px;}
    .nomineeDescCont{margin: 0px 80px;}
    .nomineeDesc{font-size: 13px;}
    .nomineeDescname {font-size: 15px;}
    .nomineeDescyear{font-size: 15px;}
    .photoVideoView{margin: 0px 65px;}
    .mission{margin: 0px 75px;font-size: 13px;}
    .footerInner{padding: 34px 92px;}
    .footerLinks{font-size: 13px;}
    .nomineetext{font-size: 13px;}
    .footerdesc {padding-top: 50px;padding-bottom: 50px;font-size: 13px;}
    .GreatCustomerLeft img {height: 115px;}
    .SpotLightboxinner {width: 100%;margin-top: 10px;}
    .photoLeft { height: auto; }
    .videoRight { height: 270px; }


    



/************************\\Airport Toolbox//************************/     
    .airport-toolbox{width: 830px;margin: 0px auto; margin-top: 40px; background:transparent; }
    .toolbox-left,.toolbox-right{width:270px;min-height: 210px;background:transparent;float:left;}
    .toolbox-middle{width: 220px; height: 160px;padding: 30px;float: left; background:transparent;}
    .toolbox-middle img{width: 100%;}
    .toolbox-popUp{}
    .toolbox-item{width: 125px; height: 90px; float: left; padding:10px 5px; text-align: center;}
    .toolbox-item-img img{height:60px;}
    .toolbox-item-text{color: #33499e;line-height: 13px;font-size: 13px;font-weight: bold;}



   /************************\\badging //************************/ 
    .badingInfo {width: 100%; padding: 15px 10px; float: none;}
    .badingHours { width: 100%;float: none;}
  
}
/***********************************************
===END===	1024-1200
************************************************/



/***********************************************
==BEGIN==	768-1024
************************************************/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

/************************\\common//************************/
    #content{max-width:720px;}
    .container{width:720px;max-width:1024px;margin:0px auto;}
    .col4 {width: 49%;text-align: justify;}
    #weather i {line-height: 105px;margin: 0px 20px 0px -30px;font-size: 130px;}
    #weather .temp{font-size: 24px;}

    .navybar-page-title{height:70px;font-size:20px;}
    .stores-page-title{font-size:20px;}
    #header1, .temprature,.search,#header1 .shape,#mobile-nav{height: 70px;}
    .img-site-logo {width:auto;height: 50px;}
    /*.nav{width:0px;height: 70px;float:right;}*/

    .cloud-icon{height:50px;margin-right:10px;}
    .img-temp{height:20px;margin-left:20px;}
    .search-icon{height:50px;}

    .search-box {position: absolute;width: 300px;height: 90px;top: 15%;left: 0;right: -20%;margin: 0px auto;padding: 2px 5px;}

    #header2, .header2-blank-bx1,.header2-blank-bx2, #header2 .shape {height: 70px;}
    .STL-airportal{width:53.5%;height: 70px;margin-left:20px;float: left;display: flex;align-items: center;justify-content: flex-start;}
    .STL-airportal-img{height:30px;float:left;}
    .site-title {font-size: 50px;}

    #header3 .navigation ul {width: 100%;margin: 0px auto;}
    #header3 .navigation ul li{width: 118px;margin: 0px auto;}
    #header3 .navigation.nav-single ul li{width: 100%;margin: 0px auto;}
    #header3 .navigation ul li a {padding: 0px 20px;}
    .flip-box{width:100%; margin:0px auto;}
    
    .footer-links ul{width:70%;}

    .page-excerpt {width: 80%;}


/************************\\Flip//************************/
    .flipper {height: 155px;}
    .back {height: 155px;}
    .news-list {height: 90px;}
    .flipX.flipper.flip_active .back, .flipX.flipper.flip_deactive .front {height: 155px;}

    
/************************\\Air Portal Contact Form//************************/
    .nominateform {margin: 0px 30px;}

/************************\\Catch Us Giving//************************/   
    
    .heading,.heading .shape{height:70px;}
    .headingLeft,.headingMiddle,.headingRight{height: 70px;}
    .headingMiddle{font-size: 32px;}

    .nomineeLeft {width: 48%; padding: 20px 17px;}
    .nomineeRight {width: 48%; padding: 20px 17px;}
    .missionTitle { font-size: 19px;}
    .missionDesp { font-size: 17px;}

    .nominateLeft { height: 58px;  font-size: 18px;}
    .nominateRight { height: 58px; font-size: 18px;}
    .photoLeft { height: auto; }
    .videoRight { height: 185px; }


/************************\\Airport Toolbox//************************/     
    .airport-toolbox{width: 100%;margin: 30px auto;}
    .toolbox-left,.toolbox-right{width:210px;min-height: 230px;}
    .toolbox-middle{width: 190px; padding:10px;margin-top:40px;}
    .toolbox-middle img{width: 100%;}
    .toolbox-popUp{}
    .toolbox-item{width: 50%;}
    .toolbox-item-img img{height:60px;}
    .toolbox-item-text{color: #33499e;}


/************************\\News Links//************************/     
    .news-links .row p{width:48%;min-height:120px;padding: 15px 15px;}


/************************\\Properties Links//************************/     
    .properties-links .row p{width:48%;min-height:80px;padding: 15px 15px;}



/************************\\badging //************************/ 
    .badingInfo {width: 100%; padding: 15px 10px; float: none;}
    .badingHours { width: 100%;float: none;}

}
/***********************************************
===END===	768-1024
************************************************/



/***********************************************
==BEGIN==	768-920
************************************************/
@media only screen and (min-width: 768px) and (max-width: 920px) {

/************************\\common//************************/
    #content{max-width:720px;}
    #weather i {line-height: 105px;margin: 0px 20px 0px -30px;font-size: 110px;}
    #weather .temp{font-size: 24px;}


    .container{width:720px;max-width:920px;margin:0px auto;}
    .col4 {width: 49%;text-align: justify;}
    .table-scroll-x{width:95%;overflow: hidden;overflow-x: scroll;}

    .navybar-page-title{height:70px;font-size:20px;}
    .stores-page-title{font-size:20px;}
    #header1, .temprature,.search,#header1 .shape,#mobile-nav{height: 70px;}
    .img-site-logo {width:auto;height: 50px;}
    /*.nav{width:0px;height: 70px;float:right;}*/

    .cloud-icon{height:50px;margin-right:10px;}
    .img-temp{height:20px;margin-left:20px;}
    .search-icon{height:50px;}
 
    .search-box {position: absolute;width: 300px;height: 90px;top: 15%;left: 0;right: -25%;margin: 0px auto;padding: 2px 5px;}

    #header2, .header2-blank-bx1,.header2-blank-bx2, #header2 .shape {height: 70px;}
    .STL-airportal{width:53.5%;height: 70px;margin-left:20px;float: left;display: flex;align-items: center;justify-content: flex-start;}
    .STL-airportal-img{height:30px;float:left;}
    .site-title {font-size: 50px;}

    .page-excerpt {width: 80%;}

    
/************************\\Air Portal Contact Form//************************/
    .nominateform {margin: 0px 30px;}


/************************\\Catch Us Giving//************************/
   
    .nomineeLeft {width: 48%; padding: 20px 17px;}
    .nomineeRight {width: 48%; padding: 20px 17px;}
    .nomineeDesc{font-size: 14px;}
    .nomineeDescname {font-size: 14px;}
    .nomineeDescyear{font-size: 14px;}
    .missionTitle { font-size: 19px;}
    .missionDesp { font-size: 17px;}
    .nominateLeft { height: 58px;  font-size: 18px;}
    .nominateRight { height: 58px; font-size: 18px;}
    .photoLeft { height: auto; }
    .videoRight { height: 185px; }


/************************\\Airport Toolbox//************************/     
    .airport-toolbox{width: 100%;}
    .toolbox-left,.toolbox-right{width:220px;min-height: 230px;}
    .toolbox-middle{width: 220px;}
    .toolbox-middle img{width: 100%;}
    .toolbox-popUp{}
    .toolbox-item{width: 100px;}
    .toolbox-item-img img{height:60px;}
    .toolbox-item-text{color: #33499e;}

/************************\\Employee //************************/     
    .employee-photoviewer #Carousel .carousel-inner{height:auto;}

/************************\\photos-photoviewer //************************/ 
    .photos-photoviewer #Carousel .carousel-inner{height:auto;}

/************************\\sms-photoviewer //************************/ 
    .sms-photoviewer #Carousel .carousel-inner{height:auto;}


/************************\\photos //************************/
    .photos #Carousel .carousel-inner{height:auto;}
    .photos #Carousel  .caption-top {width: 90%;}


/************************\\badging //************************/ 
    .badingInfo {width: 100%; padding: 15px 10px; float: none;}
    .badingHours { width: 100%;float: none;}

}
/***********************************************
===END===	768-920
************************************************/



/***********************************************
==BEGIN==	680-767
************************************************/
@media only screen and (min-width: 680px) and (max-width: 767px) {

/************************\\common//************************/
    #weather i {line-height: 105px;margin:0px 20px 0px -10px;;font-size: 130px;}
    #weather .temp{font-size: 24px;}
    
    #desktop-version, .desktop-version {display:None;}    
    #mobile-version, .mobile-version {display:block;}


    .container{width:640px;max-width:767px;margin:0px auto;}
    .col4 {width: 49%;text-align: justify;}

    #content {width: 100%;max-width:640px;background-size: contain;}
    
    .table-scroll-x{width:95%;overflow: hidden;overflow-x: scroll;}
   .navybar-page-title{height:70px;font-size:20px;}
    .stores-page-title{font-size:20px;}
   .bg-gray{background-color:  transparent; color: #000000;}

   /*#header1, .temprature,.search,#header1 .shape{height: 70px;}
    .img-site-logo {width:auto;height: 50px;}    

    .cloud-icon{height:50px;margin-right:10px;}
    .img-temp{height:20px;margin-left:20px;}
    .search-icon{height:50px;}

    #header2, .header2-blank-bx1,.header2-blank-bx2, #header2 .shape {height: 70px;}
    .STL-airportal{width:52.5%;height: 70px;margin-left:20px;float: left;display: flex;align-items: center;justify-content: flex-start;}
    .STL-airportal-img{height:30px;float:left;}

    #header3 .navigation{margin-left:10px;}
    #header3 .navigation ul{width:100%;}
    #header3 .navigation ul li {width: 25%;}*/


    #header1{height:auto;}
    /*.nav{width:0px;height: 70px;float:right;display:none;}*/
    .header1-left{width: 50%;min-width: 140px;float: left;}    
     ._layout_default .site-logo {float: left;margin-left: 25%;padding: 5px;}  
    .site-logo {float: left;margin-left: 0;padding: 5px;}    
    .img-site-logo {width: auto;height: 50px;}
    .temprature{width: 30%;min-width: 80px;height: 70px;float: left;}
    .search{width: 15%;min-width: 40px;height: 70px;float: left;}

    .cloud-icon{height: 40px;margin-right: 5px;}
    .img-temp{height:15px;margin-left:10px;}
    .search-icon{height: 40px;}

    .search-box {width: 290px;height: 40px;top: 25%;right: -20%;padding: 0px 5px;}
    .search-box input[type=search] {width: 210px;height: 35px;padding: 3px 10px;border-radius: 5px;font-size: 14px;}
    .btn-search {width: 65px;height: 35px;margin-left: 2px;float: left;font-size: 18px;border: 3px solid #ef3459;border-radius: 5px;background: #c30e2e;color: #fff;}

    #header2, .header2-blank-bx1,.header2-blank-bx2, #header2 .shape {height: 70px;}
    .STL-airportal{width: 44.3%;min-width: 170px;height: 70px;margin-left:10px;justify-content: flex-start;}
    .STL-airportal-img{height:25px;float:left;}
    .site-title {font-size: 50px;}
    .header2-blank-bx1 {width: 30%;min-width: 127px;}
    .header2-blank-bx2 {width: 20%;min-width: 55px;}

    .header2-blank-bx1,.header2-blank-bx2{display:block;}
    #header3 .navigation ul {width: 100%;margin: 0px auto;}
    #header3 .navigation ul li {width: 102px;color: #fff;font-size: 16px;}    
    #header3 .navigation.nav-single ul li{width: 100%;color: #fff;font-size: 22px;}
    #header3 .navigation ul li a {padding: 0px 15px;font-size: 14px;}

    #header1 .shape,
    #header2 .shape{width: 5px;height: 70px;margin-left: 0px;float: left;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);background: #fff;}

    .footer-links ul{width:80%;}

    .mobile-menu-cont {position:relative;width: 100%;height:67px;margin: 0px auto;margin-top: 10px;}
    .icon-wrapper {width: 75px;height: 70px;background: #fff;float: left;border: 1px solid #fff;}
    .mobile-menu-left {position: absolute;width: 80px;top: -3px;padding: 0px 0px;background-size: 80px 70px;height: 70px;background-color: #fff;}
    .mobile-menu-middle {width: 65%;min-width: 275px;height: 65px;margin-left: 0px;font-size:22px;}
    .mobile-menu-right{width: 25px;float: right;text-align: right;padding-right: 15px;margin-top: 22px;}
    .mobile-menu-right img {width: 20px;}
    .mobile-menu-left-news{background-image:url(/craft/images/siteIcons/news-icon-bgRed.png);}
    .mobile-menu-left-photo{background-image:url(/craft/images/siteIcons/photo-icon-bgRed.png);}
    .mobile-menu-left-catchUsGiving{background-image:url(/craft/images/siteIcons/catchUsGiving-icon-bgRed.png);}
    .mobile-menu-left-employees{background-image:url(/craft/images/siteIcons/employees-icon-bgRed.png);}
    .mobile-menu-left-badging{background-image:url(/craft/images/siteIcons/badging-icon-bgRed.png);}
    .mobile-menu-left-airportal-directory{background-image:url(/craft/images/siteIcons/airportal-directory-icon-bgRed.png);}
    .mobile-menu-left-safty-MS{background-image:url(/craft/images/siteIcons/safty-MS-icon-bgRed.png);}
    .mobile-menu-left-parking-and-transportation{background-image:url(/craft/images/siteIcons/parking-and-transportation-icon-bgRed.png);}
    .mobile-menu-left-retail-services{background-image:url(/craft/images/siteIcons/retail-services-icon-bgRed.png);}
    .mobile-menu-left-Properties{background-image:url(/craft/images/siteIcons/properties-icon-bgRed.png);}
    .mobile-menu-left-safty-and-security{background-image:url(/craft/images/siteIcons/safty-and-security-icon-bgRed.png);}


    .flipper ul {margin: 0px;-webkit-margin-before: 0px;-webkit-margin-after: 0px;-webkit-margin-start: 5px;-webkit-margin-end: 5px;-webkit-padding-start: 10px;}

    .page-excerpt {width: 80%;}

/****************\\mobile-header//********************/
    .mob-header1, .mob-header2{height:70px;}

    ._layout_default  #mobile-nav {position: absolute;width: 60px;height: 60px;margin-left: 0%;float: left;display: flex;justify-content: center;align-items: center;}
     #mobile-nav {position: absolute;width: 60px;height: 60px;margin-left: 20%;float: left;display: flex;justify-content: center;align-items: center;}

    .mob-nav-toggle{padding: 5px 10px;}
    .mob-nav-toggle .icon-bar {display: block;width: 25px;height: 3px;margin: 5px 0px;}

    .mob-site-logo{width: 100%;height: 70px;margin-left: 5%;float: left;display: flex;justify-content: center;align-items: center;}
    .mob-site-logo img{height: 60px;}
    .mob-header2{height:60px;}
    .mob-STL-airportal{width:100%;height:70px;align-items:center;justify-content:center;}
    .mob-STL-airportal img{height:40px;align-items:center;justify-content:center;}


/*****************\\mobile-footer//************/
         
    
/************************\\Air Portal Contact Form//************************/
    .nominateform {margin: 0px 30px;}


/************************\\Catch Us Giving//************************/
    .heading .shape {width: 5px;}
    .nomineeLeft {width: 48%; padding: 20px 17px;}
    .nomineeRight {width: 48%; padding: 20px 17px;}
    .nomineeDesc{font-size: 14px;}
    .nomineeDescname {font-size: 14px;}
    .nomineeDescyear{font-size: 14px;}
    .missionTitle { font-size: 19px;}
    .missionDesp { font-size: 17px;}
    .nominateLeft { height: 58px;  font-size: 18px;}
    .nominateRight { height: 58px; font-size: 18px;}
    .photoLeft { height: auto; }
    .videoRight { height: 165px; }


/************************\\Airport Toolbox//************************/     
    .airport-toolbox{width: 100%;margin: 0px auto;margin-top: 0px;}
    .toolbox-left,.toolbox-right{width:200px;min-height: 210px;}
    .toolbox-middle{width: 180px; height: 210px;padding: 10px;}
    .toolbox-middle img{width: 100%;margin-top: 40px;}
    .toolbox-popUp{}
    .toolbox-item{width: 100px; height: 90px;}
    .toolbox-item-img img{height:60px;}
    .toolbox-item-text{color: #33499e;}

/************************\\News Links//************************/     
    .news-links .row p{width:48%;min-height:60px;padding: 15px 15px;}
    .news-links .row p a{text-align:left;}



    /************************\\Properties Links//************************/     
     .properties-links .row p{width:48%;min-height:80px;padding: 15px 15px;}
     .properties-links .row p a{text-align:left;}
    
   /************************\\safety management system //************************/     
    .smslogocont{display:block;}
    .smslogoLeft{float: none;width: 100%;text-align: center;}
    .smslogoLeft img{height: 80px;}
    .smsTextRight{float: none;width: 100%;text-align: justify;margin-top: 10px;}

    .smsConfileft {float: none;width: 100%;}
    .smsConfiRight {float: none; width: 100%;margin-top: 30px;text-align: center;} 


    
/************************\\Employee //************************/     
    .employee-photoviewer #Carousel .carousel-inner{height:auto;}
    .galleries{ width:100%;display:block;}
    .gallery-item{ width:47%;}
    .gallery-item img{ width:100%;height:auto;}


/************************\\photos-photoviewer //************************/ 
    .photos-photoviewer #Carousel .carousel-inner{height:auto;}

/************************\\sms-photoviewer //************************/ 
    .sms-photoviewer #Carousel .carousel-inner{height:auto;}


/************************\\photos //************************/
    .photos #Carousel .carousel-inner{height:auto;}


/************************\\badging //************************/ 
    .badingInfo {width: 100%; padding: 15px 10px; float: none;}
    .badingHours { width: 100%;float: none;}

}




/***********************************************
===END===	680-767
************************************************/



/***********************************************
==BEGIN==	480-679
************************************************/
@media only screen and (min-width: 480px) and (max-width: 679px) {

/************************\\common//************************/


    #weather i {line-height: 100px; margin: 0px 10px 0px 0px;font-size: 75px;}
    #weather .temp{font-size: 22px;}

    #desktop-version, .desktop-version{display:none;}    
    #mobile-version, .mobile-version{display:block;}

    #content {max-width: 480px; padding: 0px;background-size: contain;}
    .container{width:95%;max-width:479px;margin:0px auto;}
    
    .row {display: block !important;}
    .col2 {width: 100%;}
    .col4 {width: 98%;text-align: justify;}
    .table-scroll-x{width:95%;overflow: hidden;overflow-x: scroll;}

    .page-title{font-size:24px}
    .navybar-page-title{height:70px;font-size:20px;}
    .stores-page-title{font-size:20px;}
    .bg-gray{background-color:  transparent; color: #000000;}

     #header1{height:auto;}
    /*.nav{width:0px;height: 70px;float:right;display:none;}*/
    .header1-left{width: 55%;min-width: 225px;float: left;} 
     ._layout_default .site-logo {float: left;margin-left: 25%;padding: 10px;}  
    .site-logo {float: left;margin-left: 0;padding: 5px;}  
     
    .img-site-logo {width: auto;height: 45px;}
    .temprature{width: 25%;min-width:110px;height: 70px;float: left;}
    .search{width: 15%;min-width: 40px;height: 70px;float: left;}

    .cloud-icon{height: 40px;margin-right: 5px;}
    .img-temp{height:15px;margin-left:10px;}
    .search-icon{height: 40px;}

    /*.search-box {width: 140px;height: 40px;line-height: 40px;right: 70px;padding: 0px 5px;}
    .search-box input[type=text] {height: 25px;padding: 3px 10px;border-radius: 5px;font-size: 14px;}*/
    .search-box {width: 225px;height: 40px;line-height: 40px;top: 20%;left: 0;right: -15%;margin: 0px auto;padding: 2px 5px;}
    .search-box input[type=search] {height: 35px;width: 160px;float: left;padding: 3px 10px;border-radius: 5px;font-size: 14px;}
    .btn-search {width: 50px;height: 35px;margin-left: 2px;float: left;font-size: 20px;line-height: 20px;border: 3px solid #ef3459;border-radius: 5px;background: #c30e2e;color: #fff;}

    #header2, .header2-blank-bx1,.header2-blank-bx2, #header2 .shape {height: 70px;}
    .STL-airportal{width: 40.8%;min-width: 170px;height: 70px;margin-left:10px;justify-content: flex-start;}
    .STL-airportal-img{height:16px;float:left;}
    .site-title {font-size: 36px;}
    .header2-blank-bx1 {width: 30%;min-width: 127px;}
    .header2-blank-bx2 {width: 20%;min-width: 55px;}

    .header2-blank-bx1,.header2-blank-bx2{display:block;}    
    #header3 .navigation ul {width: 100%;margin: 0px auto;}
    #header3 .navigation ul li {width: 17%;min-width: 69px;color: #fff;font-size: 14px;} 
    #header3 .navigation.nav-single ul li{width: 100%;color: #fff;font-size: 22px;}   
    #header3 .navigation ul li a {padding: 0px 4px;font-size: 12px;}

    #header3 .navigation ul span.shape-rd-bl,
    #header3 .navigation ul span.shape-bl-bl,
    #header3 .navigation ul span.shape-bl-rd {width: 15px;height: 50px;background-size: 15px 50px;}

    #header1 .shape,
    #header2 .shape{width: 5px;height: 70px;margin-left: 0px;float: left;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);background: #fff;}

    .footer-links ul {width: 100%;margin: 0px auto;display: block;text-align: center;}
    .footer-links ul li {width: 90%;float: none;list-style: none;text-align: center;display: inline-block;margin: 2px 10px;}
    .ftr-links {float: none;text-align: center;padding: 0px;color: #fff;text-decoration: none;font-size: 14px;}
    .footer-links ul span {display: none;}
    .footer-desc {width: 95%;margin: 0px auto;text-align: center;color: #fff;margin-top: 10px;padding-bottom: 20px;font-size: 12px;}

    .mobile-menu-cont {position:relative;width: 100%;height:67px;margin: 0px auto;margin-top: 10px;}
    .icon-wrapper {width: 75px;height: 70px;background: #fff;float: left;border: 1px solid #fff;}
    .mobile-menu-left {position: absolute;width: 80px;top: -3px;padding: 0px 0px;background-size: 80px 70px;height: 70px;background-color: #fff;}
    .mobile-menu-middle {width: 65%;min-width: 275px;height: 65px;margin-left: 0px;}
    .mobile-menu-right{width: 25px;float: right;text-align: right;padding-right: 15px;margin-top: 22px;}
    .mobile-menu-right img {width: 20px;}
    .mobile-menu-left-news{background-image:url(/craft/images/siteIcons/news-icon-bgRed.png);}
    .mobile-menu-left-photo{background-image:url(/craft/images/siteIcons/photo-icon-bgRed.png);}
    .mobile-menu-left-catchUsGiving{background-image:url(/craft/images/siteIcons/catchUsGiving-icon-bgRed.png);}
    .mobile-menu-left-employees{background-image:url(/craft/images/siteIcons/employees-icon-bgRed.png);}
    .mobile-menu-left-badging{background-image:url(/craft/images/siteIcons/badging-icon-bgRed.png);}
    .mobile-menu-left-airportal-directory{background-image:url(/craft/images/siteIcons/airportal-directory-icon-bgRed.png);}
    .mobile-menu-left-safty-MS{background-image:url(/craft/images/siteIcons/safty-MS-icon-bgRed.png);}
    .mobile-menu-left-parking-and-transportation{background-image:url(/craft/images/siteIcons/parking-and-transportation-icon-bgRed.png);}
    .mobile-menu-left-retail-services{background-image:url(/craft/images/siteIcons/retail-services-icon-bgRed.png);}
    .mobile-menu-left-Properties{background-image:url(/craft/images/siteIcons/properties-icon-bgRed.png);}
    .mobile-menu-left-safty-and-security{background-image:url(/craft/images/siteIcons/safty-and-security-icon-bgRed.png);}

    .page-excerpt {width: 100%;}

/****************\\mobile-header//********************/
    .mob-header1, .mob-header2{height:60px;}

    ._layout_default #mobile-nav {position: absolute;width: 60px;height: 60px;margin-top: 5px;margin-left: 0%;float: left;display: flex;justify-content: center;align-items: center;}
     #mobile-nav {position: absolute;width: 60px;height: 60px;margin-left:15%;float: left;display: flex;justify-content: center;align-items: center;}

    .mob-nav-toggle{padding: 5px 10px;border-radius: 4px;}
    .mob-nav-toggle .icon-bar {display: block;width: 25px;height: 3px;margin: 5px 0px;}

    .mob-site-logo{width: 100%;height: 60px;margin-left: 10%;float: left;display: flex;justify-content: center;align-items: center;}
    .mob-site-logo img{height: 50px;}
    .mob-header2{height:60px;}
    .mob-STL-airportal{width:100%;height:60px;align-items:center;justify-content:center;}
    .mob-STL-airportal img{height:30px;align-items:center;justify-content:center;}


/*****************\\mobile-footer//************/




/************************\\Air Portal Flipcard//************************/
    .flipper { width: 100%; margin: 10px 0px 0px 0px;}

 /************************\\Air Portal Contact Form//************************/
    .nominateform {margin: 0px 0px;}

/************************\\Catch Us Giving//************************/
   
    .heading {height: 40px;}
    .heading .shape{width: 5px;height: 40px;margin-left: 0px;float: left;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);background: #fff;}
    .headingLeft {width:17%;}
    .headingMiddle {width: 66%;font-size: 18px;}
    .headingRight {width:17%;}
    .CUGCont.flex-center{display:block;}
    .nomineeLeft { width: 100%;padding: 20px 20px;float:none;margin-top:10px;margin-bottom:10px;margin-left:0px;margin-right:0px;}
    .nomineeRight { width: 100%;padding: 20px 20px;float:none;margin-top:10px;margin-bottom:10px;margin-left:0px;margin-right:0px;}
    .nomineeDesc{font-size: 14px;}
    .nomineeDescname {font-size: 14px;}
    .nomineeDescyear{font-size: 14px;}
    .missionCont { padding: 20px 9px;}
    .missionTitle { font-size: 19px;}
    .missionDesp { font-size: 17px;}
    .nominateLeft { height: 50px; width: 100%;  float: none;font-size: 18px;}
    .nominateRight { height: 50px; width: 100%;  float: none;font-size: 18px;margin-top:8px;}
    .photoLeft { height: auto;width: 100%; float: none;}
    .videoRight { height: auto;width: 100%; float: none;margin-top:8px;}



/************************\\Airport Toolbox//************************/     
    .airport-toolbox{width: 100%;margin:20px auto;margin-top: 0px;}
    .toolbox-left,.toolbox-right{width: 100%;min-height: auto;margin: 0px auto;}
    .toolbox-middle{width: 100%;height: auto;padding: 10px;margin: 20px 0px;}
    .toolbox-middle img{width: 210px;margin: 0px auto;margin-top: 0px;display: flex;}
    .toolbox-popUp{}
    .toolbox-item{width: 100px; height: 110px;}
    .toolbox-item-img img{height:60px;}
    .toolbox-item-text{color: #33499e;}

/************************\\News Links//************************/     
    .news-links .row p{width:48%;min-height:130px;font-size:12px;padding: 15px 15px;}
    .news-links .row p a{font-size:16px;}


 /************************\\Properties Links//************************/     
    .properties-links .row p{width:48%;min-height:60px;font-size:12px;padding: 15px 15px;}
    .properties-links .row p a{font-size:16px;}   
 
 /************************\\safety management system //************************/     
    .smslogocont{display:block;}
    .smslogoLeft{float: none;width: 100%;text-align: center;}
    .smslogoLeft img{height: 80px;}
    .smsTextRight{float: none;width: 100%;text-align: justify;margin-top: 10px;}

    .smsConfileft {float: none;width: 100%;}
    .smsConfiRight {float: none; width: 100%;margin-top: 30px;text-align: center;} 


/************************\\Employee //************************/     
    .employee-photoviewer #Carousel .carousel-inner{height:auto;}
    .galleries{ width:100%;display:block;}
    .gallery-item{ width:47%;}
    .gallery-item img{ width:100%;height:auto;}


/************************\\photos-photoviewer //************************/ 
    .photos-photoviewer #Carousel .carousel-inner{height:auto;}

/************************\\sms-photoviewer //************************/ 
    .sms-photoviewer #Carousel .carousel-inner{height:auto;}


/************************\\photos //************************/
    .photos #Carousel .carousel-inner{height:auto;}


/************************\\login form //************************/
    .login-form{width:95%;}
    .txtboxLabel {height:auto;}
    .security-popup-container{width: 95%;}
    .security-popup-inner .txtboxRight, .security-popup-inner .txtboxLabel {width: 95%;}
       
    
/************************\\badging //************************/ 
    .badingInfo {width: 100%; padding: 15px 10px; float: none;}
    .badingHours { width: 100%;float: none;}


}
/***********************************************
===END===	480-679
************************************************/



/***********************************************
==BEGIN==	320-479
************************************************/
@media only screen and (min-width: 320px) and (max-width: 479px) {
/*@media only screen and (min-width: 320px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {*/

/************************\\common//************************/
    h2, h2 {font-size: 18px;}
    .row {display: block !important;}
    .col1, .col2 {font-size: 12px;width:100%;}
   .bg-gray{background-color:  transparent; color: #000000;}

    #weather i {line-height: 98px; margin: 0px 6px 0px 0px;font-size: 36px;}
    #weather .temp{font-size: 14px;}

    #desktop-version, .desktop-version{display:none;}    
    #mobile-version, .mobile-version{display:block;}


    #content {max-width: 480px; padding: 0px;background-size: contain;}
    .container{width:95%;max-width:479px;margin:0px auto;}
    .col4 {width: 98%;text-align: justify;}
    .page-title{font-size:22px}
    .navybar-page-title{height:40px;font-size:20px;}
    .stores-page-title{font-size:20px;}
    .table-scroll-x{width:95%;overflow: hidden;overflow-x: scroll;}


    #header1{height:auto;}
    /*.nav{width:0px;height: 70px;float:right;display:none;}*/
    .header1-left{width: 58%;min-width: 150px;float: left;} 
    ._layout_default .site-logo {float: left;margin-left: 30%;padding: 5px;}     
    .site-logo {float: left;margin-left: 0;padding: 5px;}    
    .img-site-logo {width: auto;height: 30px;}
    .temprature{width: 20%;min-width: 55px;height: 40px;float: left;}
    .search{width: 15%;min-width: 35px;height: 40px;float: left;}

    .cloud-icon{height: 25px;margin-right: 5px;}
    .img-temp{height:10px;margin-left:0px;}
    .search-icon{height: 30px;}

    .search-box {width: 225px;height: 40px;top: 0px;left: 0;right: 10%;margin: 0px auto;padding: 2px 5px;}
    .search-box input[type=search] {height: 35px;width: 160px;float: left;padding: 3px 10px;border-radius: 5px;font-size: 14px;}
    .btn-search {width: 50px;height: 35px;margin-left: 2px;float: left;font-size: 20px;border: 3px solid #ef3459;border-radius: 5px;background: #c30e2e;color: #fff;}

    #header2, .header2-blank-bx1,.header2-blank-bx2, #header2 .shape {height: 40px;}
    .STL-airportal{width: 40%;min-width: 114px;height: 40px;margin-left:10px;justify-content: flex-start;}
    .STL-airportal-img{height:10px;float:left;}
    .site-title {font-size: 25px;}
    .header2-blank-bx1 {width: 29%;min-width: 80px;}
    .header2-blank-bx2 {width: 20%;min-width: 55px;}
    .header2-blank-bx1,.header2-blank-bx2{display:block;}

    #header3 .navigation ul {width: 100%;margin: 0px auto;}
    #header3 .navigation ul li {width:100%;margin:1px 0px;color: #fff;}    
    #header3 .navigation.nav-single ul li{width: 100%;margin:1px 0px;color: #fff;}
    #header3 .navigation ul li a {padding: 0px 40px;font-size: 18px;}

    #header3 .navigation ul span.shape-rd-bl,
    #header3 .navigation ul span.shape-bl-bl,
    #header3 .navigation ul span.shape-bl-rd {display:none;}

    #header1 .shape,
    #header2 .shape{width: 5px;height: 40px;margin-left: 0px;float: left;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);background: #fff;}

    .footer-links ul {width: 100%;margin: 0px auto;display: block;text-align: center;}
    .footer-links ul li {width: 90%;float: none;list-style: none;text-align: center;display: inline-block;margin: 2px 10px;}
    .ftr-links {float: none;text-align: center;padding: 0px;color: #fff;text-decoration: none;font-size: 14px;}
    .footer-links ul span {display: none;}
    .footer-desc {width: 95%;margin: 0px auto;text-align: center;color: #fff;margin-top: 10px;padding-bottom: 20px;font-size: 12px;}



    .mobile-menu-cont {position:relative;width: 100%;height:47px;margin: 0px auto;margin-top: 10px;}
    .icon-wrapper {width: 55px;height: 50px;background: #fff;float: left;border: 1px solid #fff;}
    .mobile-menu-left {position: absolute;width: 60px;top: -3px;padding: 0px 0px;background-size: 60px 50px;height: 50px;background-color: #fff;}
    .mobile-menu-middle {width: 60%;min-width: 150px;height: 45px;margin-left: 5px;font-size: 12px;}
    .mobile-menu-right{width: 20px;float: right;text-align: right;padding-right: 15px;margin-top: 15px;}
    .mobile-menu-right img {width: 15px;}
    .mobile-menu-left-news{background-image:url(/craft/images/siteIcons/news-icon-bgRed.png);}
    .mobile-menu-left-photo{background-image:url(/craft/images/siteIcons/photo-icon-bgRed.png);}
    .mobile-menu-left-catchUsGiving{background-image:url(/craft/images/siteIcons/catchUsGiving-icon-bgRed.png);}
    .mobile-menu-left-employees{background-image:url(/craft/images/siteIcons/employees-icon-bgRed.png);}
    .mobile-menu-left-badging{background-image:url(/craft/images/siteIcons/badging-icon-bgRed.png);}
    .mobile-menu-left-airportal-directory{background-image:url(/craft/images/siteIcons/airportal-directory-icon-bgRed.png);}
    .mobile-menu-left-safty-MS{background-image:url(/craft/images/siteIcons/safty-MS-icon-bgRed.png);}
    .mobile-menu-left-parking-and-transportation{background-image:url(/craft/images/siteIcons/parking-and-transportation-icon-bgRed.png);}
    .mobile-menu-left-retail-services{background-image:url(/craft/images/siteIcons/retail-services-icon-bgRed.png);}
    .mobile-menu-left-Properties{background-image:url(/craft/images/siteIcons/properties-icon-bgRed.png);}
    .mobile-menu-left-safty-and-security{background-image:url(/craft/images/siteIcons/safty-and-security-icon-bgRed.png);}

    .page-excerpt {width: 100%;}

/****************\\mobile-header//********************/
    .mob-header1, .mob-header2{height:60px !important;}

    ._layout_default #mobile-nav {position: absolute;width: 20px;height: 40px;right:85%;float: left;display: flex;justify-content: center;align-items: center;}
     #mobile-nav {position: absolute;width: 45px;right: 70%;height: 60px;float: left;display: flex;justify-content: center;align-items: center;}

    ._layout_default .mob-nav-toggle{padding: 3px 5px;}
    .mob-nav-toggle{padding: 5px 10px;}

    ._layout_default .mob-nav-toggle .icon-bar {display: block;width: 20px;height: 3px;margin: 3px 0px;}
    .mob-nav-toggle .icon-bar {display: block;width: 25px;height: 3px;margin: 5px 0px;}

    .mob-site-logo{width: 100%;height: 60px;margin-left: 5%;float: left;display: flex;justify-content: center;align-items: center;}
    .mob-site-logo img{height:45px;margin-left: 25px;}
    .mob-header2{height:60px;}
    .mob-STL-airportal{width:100%;height:60px;align-items:center;justify-content:center;}
    .mob-STL-airportal img{height:25px;align-items:center;justify-content:center;}


/*****************\\mobile-footer//************/





/************************\\Air Portal Flipcard//************************/
    .flipper { width: 100%; margin: 10px 0px 0px 0px;}


/************************\\Air Portal Nomination Form//************************/
    .nominateform {margin: 0px 0px;}
    .nominateHeading { font-size: 16px;}
    .completetext {font-size: 12px;}
    .txtboxLabel { float: none; width: 100%;}
    .txtboxRight { float: none; width: 100%;}

/************************\\Catch Us Giving//************************/
    .heading {height: 40px;}
    .heading .shape{width: 5px;height: 40px;margin-left: 0px;float: left;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);background: #fff;}
    .headingLeft {width:17%;}
    .headingMiddle {width: 66%;font-size: 18px;margin-top: 10px;}
    .headingRight {width:17%;}
    .CUGCont.flex-center{display:block;}
    .nomineeLeft { width: 100%;padding: 20px 9px;float:none;margin-top:10px;margin-bottom:10px;margin-left:0px;margin-right:0px;}
    .nomineeRight { width: 100%;padding: 20px 9px;float:none;margin-top:10px;margin-bottom:10px;margin-left:0px;margin-right:0px;}
    .missionCont { padding: 20px 9px;}
    .missionTitle { font-size: 20px;}
    .missionDesp { font-size: 18px;}
    .nominateLeft { height: 50px; width: 100%;  float: none;font-size: 18px;}
    .nominateRight { height: 50px; width: 100%;  float: none;font-size: 18px;margin-top:8px;}
    .photoLeft { height: auto;width: 100%; float: none;}
    .videoRight { height: auto;width: 100%; float: none;margin-top:8px;}


/************************\\Airport Toolbox//************************/     
    .airport-toolbox{width: 300px;margin:20px auto;margin-top: 0px;}
    .toolbox-left,.toolbox-right{width: 100%;min-height: auto;margin: 0px auto;}
    .toolbox-middle{width: 100%;height: auto;padding: 10px;margin: 20px 0px;}
    .toolbox-middle img{width: 210px;margin: 0px auto;margin-top: 0px;display: flex;}
    .toolbox-popUp{}
    .toolbox-item{width: 50%; height: 110px;}
    .toolbox-item-img img{height:60px;}
    .toolbox-item-text{color: #33499e;}

/************************\\News Links//************************/     
    .news-links .row p{width:98%;font-size:12px;}
    .news-links .row p a{font-size:12px;}



/************************\\Properties Links//************************/     
    .properties-links .row p{width:98%;font-size:12px;}
    .properties-links .row p a{font-size:12px;}
    
    
/************************\\safety management system //************************/     
    .smslogocont{display:block;}
    .smslogoLeft{float: none;width: 100%;text-align: center;}
    .smslogoLeft img{height: 80px;}
    .smsTextRight{float: none;width: 100%;text-align: justify;margin-top: 10px;}

    .smsConfileft {float: none;width: 100%;}
    .smsConfiRight {float: none; width: 100%;margin-top: 30px;text-align: center;}



/************************\\Employee //************************/     
    .employee-photoviewer #Carousel .carousel-inner{height:auto;}
    .galleries{ width:100%;display:block;}
    .gallery-item{ width:90%;}
    .gallery-item img{ width:100%;height:auto;}


/************************\\photos-photoviewer //************************/ 
    .photos-photoviewer #Carousel .carousel-inner{height:auto;}

/************************\\sms-photoviewer //************************/ 
    .sms-photoviewer #Carousel .carousel-inner{height:auto;}


/************************\\photos //************************/
    .photos #Carousel .carousel-inner{height:auto;}
    .caption-top {width: 100%;height: auto;}


/************************\\login form //************************/
    .login-form{width:95%;}
    .txtboxLabel {height:auto;}
    .security-popup-container{width: 95%;}
    .security-popup-inner .txtboxRight, .security-popup-inner .txtboxLabel {width: 95%;}


/************************\\badging //************************/ 
    .badingInfo {width: 100%; padding: 15px 10px; float: none;}
    .badingHours { width: 100%;float: none;}

}

/************************\\Airport Custom CSS //************************/

/*
div.navigation.navigation-links {
	display:none;
}
*/

/***********************************************
===END===	320-479
************************************************/


/*---------------------///--------------------*/


/***********************************************
==BEGIN==	COMMON
************************************************/
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
     
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
 
}

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

@media only screen and (min-width: 300px) and (max-width: 679px) {

}

@media only screen and (min-width: 480px) and (max-width: 679px){
    
}
/***********************************************
==BEGIN==	COMMON
************************************************/