S/*--------- iPad Landscape and Desktops ---------*/
@media all and (min-width: 1200px) {
}

@media all and (min-width: 992px) and (max-width: 1135px) {
  .home-box-inner .box-title{ font-size: 1.8em; }
  
  .highlight-main-content p{ font-size: 1.3em;  }
  .highlight-title p{ font-size: 1.6em; }
}
@media all and (max-width: 1080px) {

	.iframe-container .tool-link{ font-size:1.2em; }


}

@media all and (min-width: 768px) {
  .show-mobi{ display:none; }
}


@media all and (max-width: 991px) {
  #topnavigation{ float: left; background: #FF671F;width:100%; float:left;}
  #topnavigation ul{ width:100%; float:left; display:table; }
  #topnavigation ul li{ float: left; display: table-cell; padding: 0 15px;width: auto;}
  #topnavigation ul li ul li{ display: table-cell; float: none; }
  #topnavigation ul li:first-child{ padding-left: 25px; }
  #topnavigation ul li:last-child{ padding-right: 25px; }
  #topnavigation ul li ul li a, #topnavigation ul li ul li > span{ line-height: 1.2em; }
  #topnavigation ul li ul{ top: 43px; width: 100%; padding: 0; background: rgba(242, 242, 242, 0.9); }
  #topnavigation ul li ul li:first-child{ padding-left: 25px; }
  #topnavigation ul li ul li:last-child{ padding-right: 25px; }
  .headermainwrapper{ padding: 19px 0 0; }
  #logo img{ margin-bottom: 20px }
  #contentwrapper{ padding-top: 33px; }
  #loadmore{ padding: 0 0 20px; } 
  #logo-mobi{ display:block; }
  .mobi-menu-btn { height: 50px; position: absolute; right: 0; top: 0; width: 50px; cursor: pointer; display:block; }
  .mobi-menu-btn > span { background: #ff6700; height: 4px; width: 20px; position:absolute; text-indent: -9999px; }
  .mobi-menu-btn.active{ background:#ff6700; }
  .mobi-menu-btn.active > span{ background:#fff; }
  .mobi-menu-btn > span:first-child { top:15px; left:15px; }
  .mobi-menu-btn > span:nth-child(2) { top:23px; left:15px; }
  .mobi-menu-btn > span:last-child { top:31px; left:15px; }
  .headermainwrapper { background:#f2f2f2; float: left; padding: 8px 0 8px; width: 100%; }
  .mobiMenu{ display: none; }
  .mobiMenu ul li ul{ display: none; }
  .mobiMenu { position: absolute; top: 100%; left:0; width: 100%; z-index: 15; }
  .mobiMenu ul{ background: #ff6700; }
  .mobiMenu ul li{ display: block; width: 100%; }
  .mobiMenu > ul > li:nth-child(6) > ul{ display: block; background: #ffe3c5; }
  .mobiMenu > ul > li:nth-child(6) > a{ background: #fe8f1c; }
  .mobiMenu ul li ul li{ text-transform: none; position: relative; } 
  .mobiMenu ul li ul li a,.mobiMenu ul li ul li.current > span{ color:#ff6700; padding: 7.5px 32px; text-transform: none; font-size: 12px;  border-bottom: 1px solid #fff; }
  .mobiMenu ul li ul li ul li a,.mobiMenu ul li ul li ul li.current > span{ background:#FBD5AC; padding: 7.5px 50px;   }
  .mobiMenu ul li a,.mobiMenu ul li.current > span{ display: block; width: 100%; text-transform: uppercase; color: #fff; font-size: 15px; font-family: "roboto"; padding: 7.5px 15px; border-bottom: 1px solid #ff954d; }
  span.toggle{ position: absolute; z-index: 50; right: 0; top: 0; width: 27px; height: 27px; cursor: pointer; }
  span.toggle:after{ content: ""; display: inline-block; width: 0px; height: 0px; vertical-align: middle; border-width: 4px 4px 0px; border-style: solid solid dotted; border-color: #F56F02 transparent transparent; margin-left: 5px; margin-top: 12px; }
  span.toggle.active:after{ content: " "; display: inline-block; width: 0px; height: 0px; vertical-align: middle; border-width: 0px 4px 4px; border-style: dotted solid solid; border-color:transparent transparent #F56F02; margin-left: 5px; margin-top: 12px; }
  .iframe-container .tool-link a{ line-height: 20px; }
  #footerwrapper{ clear: both; padding: 2px 15px 0; }
  .homeFrames{ float:left; width:100% }
  .iframeIn{ width:50%; padding:14px 19px 19px }
  .iframeIn2 { float: left; width: 50%; padding:14px 19px 19px; }
  
}


/*--------- iPad Portrait and large Tablets Portrait ---------*/
@media all and (min-width: 768px) and (max-width: 991px) {
  .container-fluid { padding-left: 25px; padding-right: 25px; }
  .row {  margin-left: -12.5px; margin-right: -12.5px; }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 12.5px;
    padding-right: 12.5px;
  }
  .topLinksWrapper{ display:none; }
  .home-box-inner img{ width:100%; border:1px solid #9d9ea0;	border-bottom:none; }
  #bannerwrapperinner { margin-bottom: 37px; }
  .home-box-inner{ margin-bottom: 25px; }
  .banneritem{ min-height: 342px; position: relative; }
  .banneritem > img { height: 100%; left: 0; position: absolute; top: 0; width: auto; }
  #footerwrapperInner { float: left; padding: 37px 12px; width: 100%; }
	#footerwrapperInner .footer-right-links {
    float: left !important; text-align: center; /* width: 100%;*/ }
  .footer-right-links > ul{ display: table; text-align: center; width: 100%; }
  /*.footer-right-links ul li.first, .footer-right-links ul li{ display:inline-block; padding-right:0; margin-right:0; width:100%; }*/
  .footer-right-links ul li.first{ margin-bottom: 28px; }
  .footer-right-links ul li:last-child { border-bottom: 1px solid #cbcbcb; padding-bottom: 40px; margin-bottom: 40px; }
  .home-box-inner .box-title{ padding: 20px 24px 24px; }
  .leftnavigation{ margin:0; width:auto; }
  .twocolright .mainContentInner{ padding-left: 0; margin: 0; }
  
}

@media all and (max-width: 1100px) and (min-width: 768px) { 
  .banneritem .bannertext { height: auto; left: 24px; min-height: 1px; padding: 15px 20px; top: 30px; width: 347px; }
  .bannertext h2{ margin-bottom: 14px; }
  .bannertext p{ font-size: 1.8em; line-height: 24px; }
  .banneritem .bannertext2 { /*height: auto; right: 24px; min-height: 1px; padding: 15px 20px; top: 30px; width: 347px; */ padding-bottom: 25px; width: 40%;}
  .bannertext2 h2{ margin-bottom: 14px; }
  .bannertext2 p{ font-size: 1.8em; line-height: 24px; }
  
}
@media all and (min-width: 1024px) and (max-width: 1024px) {
  .footer-left-links { max-width: 450px; }
}


/*--------- All Small Tablets and Large Phones Global CSS ---------*/
@media (max-width: 767px) {
	
	.mega-menu-top-navigation-new { display:none !important;}
	.horizontal-navigation-list-new { display:block; margin:0 auto; padding-top:20px;}
	
	
	.mega-menu__container .navbar__megamenu { height:auto;}
	.navbar-toggle span { font-size:1rem;}
	.mega-menu__container .navbar__megamenu .navbar-header .navbar-brand { width:200px !important; padding:0 !important; }
	
	
.homeFrames iframe{ width:100% !important; float:left; }
  .iframeIn2 { float: left; width: 100%; padding:14px 15px 19px; }
.iframeIn{ width:100%; }
#logo, #leftcol{ display:none; }
.twocolright .img-with-caption p,.twocolright .img-with-caption p img { margin: 0; width: 100%; }
.twocolright .year-tabs li:before{ content: ""; }
.twocolright li:before{ content: "."; font: 2.3em/0px roboto; left: 0; position: absolute; top: 3px; }
.twocolright ol li:before{ content: ""; font: 0em/0px roboto; }
.twocolright ol li{ margin-left: 35px; padding-left: 0; }
.twocolright .mainContentInner{ padding-left: 0; margin-top:0; }
.homecontentwrapper .iframe-container h2{ font-size:1.4em; }
#contentwrapper{ margin-top:0 !important; padding-top:15px; }
.twocolright h1{ font: 2em/30px roboto; margin-bottom: 8px; }
.twocolright h2{ font: bold 1.4em/20px roboto; margin-bottom: 4px; }
.twocolright p{ font: 1.4em/20px roboto; margin-bottom: 10px; }
.twocolright p img { margin-bottom: 30px; margin-top: 30px; }
.snapdown-title p{ font-weight:bold; }
.twocolright li { font: 12px/20px roboto; margin-bottom: 0; margin-left: 20px; padding-left: 10px; position:relative; list-style:none; }
.img-with-caption{ margin: 10px 0 15px; width: 100%; }
.investmentMerits .highlight-title{ width:100%; }
#topLinksWrapper{ display:none; }
.row {  margin-left: -10px; margin-right: -10px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.container-fluid { padding-left: 10px; padding-right: 10px; }
.home-box-inner img{ width:100%;	border:1px solid #9d9ea0; border-bottom:none; }
#bannerwrapperinner { margin-bottom: 37px; }
#logo img { margin-left: 12px; }
.home-box-inner{ margin-bottom: 25px; }
.banneritem { min-height: 175px; position: relative; }
.banneritem > img { height: auto; left: 0; position: absolute; top: 0; width: 100%; }
#footerwrapperInner { padding: 25px 0; }
#footerwrapperInner .footer-right-links { float: left !important; text-align: center; width: 100%; }
.footer-right-links > ul{ display: table; text-align: center; width: 100%; }
.footer-right-links ul li.first, .footer-right-links ul li{ display:inline-block; padding-right:0; margin-right:0; /*width:100%;*/ }
.footer-right-links ul li.first{ margin-bottom: 15px; font-size: 1.2em; }
.footer-right-links ul li:last-child { padding-bottom: 40px; margin-bottom: 15px; }
.home-box-inner .box-title{ font-size: 1.4em; padding: 13px 10px 14px; }

#topnavigation { position: absolute; width: 100%; z-index: 10; top: 35px; display:none; }
#topnavigation ul li { float: left; text-align: left; width: 100%; }
#topnavigation ul li > a, #topnavigation ul li > span { border-bottom: 1px solid #ff954d; padding-bottom: 8px; padding-left: 15px !important;  padding-top: 9px;
  text-align:left; }
#topnavigation ul li:hover > a, #topnavigation ul li:hover > span , #topnavigation ul li.selected > a,#topnavigation ul li.selected > span, #topnavigation ul li.current > a, #topnavigation ul li.current > span{ background:#fe8f1c; }

.banneritem .bannertext{ left: 10px; min-height: 1px; padding: 5px 10px; position: absolute; top: 10px; width: 70%; bottom: auto; }
.banneritem .bannertext2{ /*right: 10px; min-height: 1px; padding: 5px 10px; position: absolute; top: 10px; width: 40%; bottom: auto;*/ padding: 5px 17px 0; width: 100%; text-align: left;}
	.banneritem .bannertext2 a{font-size: 0.9em;}
.bannertext h2 { font-size: 1.4em; margin-bottom: 2px; }
#bannerwrapperinner{ margin-bottom: 10px; }
.home-box-inner{ margin-bottom: 10px; }
.bannertext p{ font-size: 1.1em; line-height: 14px; }
.footer-left-links ul li a{ font: lighter 1.2em roboto; }
.footer-left-links p{ font: lighter 1.2em roboto; }
#topnavigation ul li ul li > a, #topnavigation ul li ul li > span { background: #ffe3c5; border-bottom: 1px solid #fff; color: #e55c00;
  padding-left: 30px !important; text-transform: unset; min-height:auto; }
#topnavigation ul li ul{ display:block; position:relative; top:auto; }

.show-mobi{ display:block;}
.show-mobi{ background: #f96700; float: left; padding: 10px 10px 0; width: 100%; position:relative; }
.show-mobi .current-year{ background: #ff8f00; color: #fff; display: inline-block; font: 1.4em/25px roboto; padding: 3px 10px; }
.year-tabs ul{ padding: 0; position: absolute; right: -45px; top: -65px; opacity:0; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; visibility:hidden; transform: scale(0.2); }
.year-tabs ul.active{ right: 5px; top: 41px; opacity:1; visibility:visible; transform: scale(1); }
.year-tabs ul li{ display: block; text-align: center; width: 140px; padding: 0; }
.year-tabs ul li a{ background: #ff8f00; }
.year-tabs{ position:relative; }
.year-tabs .show-mobi .year-select { background: #ff8f00; border-radius: 5px; color: #fff; cursor: pointer; font: 500 1.4em/20px roboto; padding: 5px 13px;
  position: absolute; right: 5px; top: 5px; width: 140px; }
.year-tabs .show-mobi .year-select:before { background: rgba(0, 0, 0, 0) url("/~/media/Images/A/Allegion-IR/css/main-sprite.png") no-repeat scroll -401px -12px;
  content: ""; height: 10px; position: absolute; right: 10px; top: 10px; width: 6px; }

.mobi-date { display: block; font-size: 0.8em; line-height: 15px; }
.mobi-appended-data { margin-left: 5px; }
.snapdown-title p{ padding: 10px 45px 0 0; }
.snapdown-title:after{ top: 10px; }
.snapdown-content{padding-bottom: 5px;}
.twocolright table thead th { padding: 9px 10px; }
.twocolright table tbody td, .twocolright table tbody th { padding: 9px 10px 8px; }
#bannerwrapper .bx-controls-direction a.bx-next,#bannerwrapper .bx-controls-direction a.bx-prev{ width:25px; height: 25px; }
#bannerwrapper .bx-controls-direction a.bx-prev{ background-position: -236px -8px; }
#bannerwrapper .bx-controls-direction a.bx-next{ background-position:-268px -8px; }
#bannerwrapper .bx-controls .bx-pager{ right:56px; }
.bx-pager-link{ width: 25px; height: 25px; }

#bannerwrapper{ margin: 35px auto 0; }
#auto-top-link{ display:none; }	
.twocolright p{ font-size: 12px; }
.highlight-title,.highlight-content{ width: 100%; }
.highlight-title{ min-height: 0; margin-bottom: 15px; padding: 10px 15px; }
.highlight-content-inner{ margin-left: 0; padding: 10px 15px; }
.highlight-title p{float: left; margin: 0 !important; width: 80% !important;}
.highlight-image{float: right; width: 10%;}
.highlight-image img {padding: 0; width: auto;}
.highlight-list,.highlight-title{ margin-bottom: 10px; }
.press-text-filter input[type="button"]{ margin-left: 0px; margin-top: 10px; margin-bottom: 10px; clear: left; }
.news-filter{ clear: left; }
#dk_container_brand-id-dropdown-date{ margin-left: 0; }
ul.dk_options_inner{ border-radius:0; }
ul.dk_options_inner li{ padding-left: 3px; margin-left: 0; }
ul.dk_options_inner li:before{ display: none; content: "" }
.bod-main-wrapper {  padding: 30px 35px 40px;}
.bodLanding h1{ margin-top: 20px;} 
.twocolright table tbody td, .twocolright table tbody th{ font-size: 12px; }

#sitemapcontainer li ul li a {
  padding: 0px 0px 0px 15px;
}
.download-box .download-item .item-type{ margin-left:20px; }
.category-key span{ width:46%; }
.inv-responsive-table-wrapper table tr.inv-responsive-data-tr-first td:nth-child(2){ text-align:left!important; width:50%;}
.inv-responsive-table-wrapper table tr td,.inv-responsive-table-wrapper table tr th{ text-align:left!important; width:20%;}
.trHeaders{ display:none; }
.pr-mobi-headers { display: inline-block; font-weight: 700; vertical-align: top; width: 33%; padding-left: 10px; }
.pr-date-field, .pr-document-field, .pr-title-field { clear: both; display: block; padding: 10px 0px; width: 100%; }
.prReports tbody tr { display: block; }
.pr-title-field a {   display: inline-block; width: 65%; }
.pr-doc-icon a.rad-link{  }
.pr-document-field > a { display: inline-block; vertical-align: top; }
.link-pdf{ display: inline-block; padding: 5px 20px; text-transform: uppercase; } 
.link-pdf:hover{}
.press-releases-container a.rad-link{ background: none; padding: 0; }
.press-releases-container a.rad-link:hover{ padding: 0; }
td.pr-doc-icon{ display: block; }
.main-top-wrapper{ position:relative; min-height:140px; }
.headermainwrapper{ position:relative; }
.investmentMerits .highlight-title, .investmentMerits .highlight-content-inner, .investmentMerits .highlight-content{ min-height:0; }
#bannerwrapper{ min-height:250px !important; margin-top:0px !important; }


}

@media (max-width: 320px) {
}

@media (max-width: 500px) {
.banneritem > img { height: 100%; left: 0; position: absolute; top: 0; width: auto; }
	.banneritem .bannertext2{bottom: 0;}
}

@media (max-width: 767px) {
#csr-esg .highlight-list.highlight-list-5 .highlight-title {min-height: auto;}
#csr-esg .highlight-title {min-height: auto;width: 100%;}
#csr-esg .highlight-content {min-height: auto;}
#csr-esg .highlight-list {height: auto;}
#csr-esg .highlight-image img {width: 70% !important;}
}