@charset "utf-8";


.sub, .shop-content{margin-bottom: 0;}

/* ## APP LIST */
.app_bg{background: #fff; background-repeat: no-repeat; background-position: center center;  background-size: cover; width: 100%; max-width: 1280px; margin: 0 auto; height: 480px; margin-bottom: 3rem;}
    
.app_banner{max-width: 500px; margin: 30px; position: relative; height: 220px;}
.app_46 .app_banner{width: 500px; margin: 130px auto; position: relative; height: 220px;}
.app_banner:before{background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; }
.app_inner{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; z-index: 1;}
.app_inner h2{color: yellow; margin-bottom: 15px; font-size: 1.4rem;}
.app_inner h3{color: yellowgreen; font-size: 1.2rem; margin-bottom: 15px; font-weight: 500;}
.app_inner .app_desc{color: #fff; }
.app_inner .btn{background: #0058b3; color: #fff; margin: 10px 0 0;}

.app_content{margin-bottom: 3rem; text-align: center;}
.app_content .content-view{margin-bottom: 20px;}
.app_content .content-view p{line-height: 1.5; margin-bottom: 0;}
.app_content .app_desc{font-weight: 500; font-size: 0.9rem; }
/*    .app_content .app_desc:nth-child(2){font-weight: normal; font-size: 16px;}*/

.app_46 .app_banner:before{background: none;}
.app_46 .app_inner{text-align: center;}
.app_inner .btn.btn-dark{background: #333; color: #fff;}


/* ## APP VIEW */
.sub .event {line-height: 1.5em; overflow: hidden; background-color: #000; padding: 4rem 0; margin-top: 4rem;}
#event_contact .col-sm-7 {width: 55%; }
#event_contact .col-sm-5 {width: 45%; }    
.ec_title {text-align: center; margin-bottom: 60px;}
.ec_title h3 {font-size: 32px; font-weight: 600; color: #ffdc3b; margin-bottom: 30px;}
.ec_title h4 {font-size: 18px; line-height: 1.5em; color: #ffffff; font-weight: 400;}
.event p {margin-bottom: 0;}

.event_slide {background: #fff url(../../../../assets/images/application/bg_slide.jpg) no-repeat center; background-size: cover; }
.event_slide .slide {text-align: center;}
.ec_input_wrap {margin-bottom: 20px;}
.ec_input_wrap.notice {margin-bottom: 10px;}
.ec_input_wrap.notice p {font-size: 15px; font-weight: 300; color: #fff;text-align: right;}

.ec_label {font-weight: 300; color: #ffffff; margin-bottom: 5px; display: inline-block;}
.ec_input {width: 100%; border-radius: 5px; background-color: transparent; border: solid 1px #ffffff;}
.ec_input input {font-size: 15px; font-weight: 300; color: #ccc; text-indent: 1em; border: none; width: 100%; height: 40px; padding: 0; background-color: transparent;}

.ec_input select {font-size: 15px; text-indent: 1em; border: none; background-color: transparent !important; width: 100%; height: 40px; padding-left: 0; color: #888;}
.req {color: #ffdc3b; margin-left: 5px; }
.ec_checkbox {position: relative; margin-top: 30px;}
.ec_checkbox input[type="checkbox"] {display: none;}
.ec_checkbox a{color: #fff; text-decoration: underline;}
.ec_checkbox input[type="checkbox"]+label {display: inline-block; width: 20px; height: 20px; background: url(../../../../assets/images/application/btn_check_off.png) no-repeat center/cover; margin: 0;}
.ec_checkbox input[type="checkbox"]:checked+label {background: url(../../../../assets/images/application/btn_check_on.png) no-repeat center/cover; }
.ec_checkbox input[type="checkbox"]+label p {position: absolute; top:-2px; left: 25px;}
.ec_btn {margin-top: 50px; text-align: center; }
.ec_btn .btn-line {font-size: 15px; color: #ffdc3b; background: transparent; border: 1px solid #ffdc3b;}
.ec_btn .btn-line:hover {color: #000; background: #ffdc3b;}    
    
.ec_img{background: #F7A900; padding: 30px 30px 0;}
.ec_img img{padding-bottom: 30px; width: 100%;}
    
@media (max-width: 767px) {
    .event {padding-top: 40px; padding-bottom: 40px;}
    .ep_detail .ep_information {padding: 30px 15px; }
    .ep_detail .ep_information h3 {width: 100%; font-size: 16px;}
    .ep_detail .ep_information h5 br {display: none }
    .ep_detail_view .ep_feature_list {margin-top: 0; margin-bottom: 30px;}
    .ep_detail_view .ep_feature_list li {padding-left: 25px; padding-right: 0; background-size: 10px auto; background-position: 5px 5px;}
    .ep_detail_view .ep_feature_img img {width: 100%; }
    .ep_detail_view.two .ep_feature_img {padding-left: 10px; padding-right: 10px;}
    #event_contact .col-sm-7 {width: 100%; }
    .ec_title, 
    .ec_img {margin-bottom: 30px; }
    .ec_img img {width: 100%;}
    #event_contact .col-sm-5 {width: 100%;}
}



/* ## APP LANDING */
.application img{max-width: 100%;}
.application a:link, .application a:active, .application a:visited {text-decoration-skip-ink: none; -webkit-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear;}
h2, .generic h2 {font-size: 34px; font-weight: 300; line-height: 1.3em; margin: 0 0 8px 0; padding: 0; color: #3f4245; text-transform: none; }

.generic a:link, .generic a:active, .generic a:visited {color: #1f7fa5; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none;
    -webkit-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; outline: 0;}

.clear:after, .clear:before {content: ' '; display: table;}

.xbee-front-door .span-3 {width: 25%;}
.xbee-front-door .span-8 {width: 66.66666667%;}
.xbee-front-door .span-6 {width: 50%;}
.xbee-front-door .span-9 {width: 75%;}

.xbee-ecosystem h2 {text-align: center; padding: 0;}
.xbee-front-door .grid:after, .xbee-front-door .grid:before {content: ""; display: table;}

.xbee-ecosystem .subnav {font-size: 14px; line-height: 26px; font-weight: 400; text-align: right; padding: 35px 0 25px 0; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; clear: both;}
.xbee-ecosystem .subnav ul li:after {content: '/'; display: inline-block; padding: 0 10px; color: #91d46c; font-size: 25px; text-decoration: none; }
.xbee-ecosystem .subnav ul li {list-style-type: none; display: inline-block;}
.xbee-ecosystem .subnav a {color: #3f4245; display: inline-block; border-bottom: 1px solid #3f4245; text-decoration: none; font-size: 22px; font-family: 'Noto Sans';}
.xbee-ecosystem .subnav a.active {color: #1f7fa5; border-bottom: 2px solid #1f7fa5; font-weight: 700; text-decoration: none; }
.xbee-ecosystem .subnav ul li:last-of-type:after{display:none}

.xbee-front-door {clear: both;}
.xbee-front-door .xbee-header {background-color: #f0f0f0; border-bottom: 1px solid #72bb4b;}
.xbee-front-door .xbee-header-video-wrapper {padding-bottom: 56.333%;}
.xbee-front-door .xbee-header .container {position: relative;}
.xbee-front-door .xbee-header-video-cta.active-1 {opacity: 1;}
.xbee-front-door .xbee-header-video-cta.final {left: 63.4%;}
.xbee-front-door .xbee-header-video-cta {
    display: block;
    position: absolute;
    bottom: 10%;
    left: 11.5%;
    padding: 10px 20px 12px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #0074a2;
    z-index: 2;
    -webkit-transition: opacity 250ms ease-in-out,background-color .1s linear;
    -o-transition: opacity 250ms ease-in-out,background-color .1s linear;
    transition: opacity 250ms ease-in-out,background-color .1s linear;
    opacity: 0;
}
.xbee-front-door .xbee-header-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.xbee-front-door .sum-of-smarts {padding: 63px 0 38px; background: #fff;}
.xbee-front-door .grid {clear: both; padding: 0; margin: 0 0 0 -16px; zoom: 1;}
.xbee-front-door .grid .col {float: left; display: block; padding-left: 16px;}
.xbee-front-door .sum-of-smarts-header {margin: 0 40px 50px 0;}
.xbee-front-door .sum-of-smarts h2 {font-size: 36px; line-height: .92;}
.xbee-front-door h2 {width: 100%; margin: 0 0 39px; font-weight: 300; font-size: 36px; color: #717174; line-height: .97;}
.xbee-front-door h3 {font-weight: 700; font-size: 30px; color: #72bb4b; line-height: 1; text-transform: uppercase;}

.xbee-front-door .sum-of-smarts p {font-size: 16px; color: #4b4f53;}
.xbee-front-door .sum-of-smarts-header p {padding-right: 20px; font-weight: 600; color: #8a8a8b; line-height: 1.5; margin-bottom: 10px;}

.link-arrow {color: #0074a2; font-size: 24px; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; text-decoration: underline !important;}
.link-arrow:after {content: ''; width: 30px; height: 30px; border: 2px solid #0074a2; display: inline-block; vertical-align: middle; border-radius: 50%; margin: 0 0 0 10px; overflow: hidden; background-image: url(../../../../../assets/images/application/icons/arrow-wcircle.png); background-size: 60px 30px; background-position: -30px 0; background-repeat: no-repeat; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; -webkit-box-sizing: content-box !important; box-sizing: content-box !important;}
.link-arrow:hover:after{border:2px solid #00b7ff;background-position:0 0}

.xbee-front-door .grid.gutterx2 {margin: 0 0 0 -32px;}
.xbee-front-door .grid.gutterx2 .col {padding-left: 32px;}
.xbee-front-door .span-4 {width: 33.33333333%;}
.xbee-front-door .sum-of-smarts-block {margin-bottom: 24px;}
.xbee-front-door .sum-of-smarts-block img {width: 82px; height: 82px;}
.xbee-front-door .sum-of-smarts h3 {margin: 25px 0 11px; font-weight: 700; font-size: 18px; color: #72bb4b; line-height: 1; text-transform: uppercase;}

.xbee-front-door .xbee-video {overflow: hidden; position: relative; padding: 87px 0 98px; text-align: center; background: url(../../../../../assets/images/application/ecosystem/xbee-brand-jpg.jpg) no-repeat 0 0; background-size: cover; cursor: pointer;
}
.xbee-front-door .xbee-video video {z-index: 2; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1;}
.xbee-front-door .xbee-video .container {position: relative; z-index: 2;}
.xbee-front-door .xbee-video h2 {font-weight: 700; font-size: 64px; color: #fff; line-height: 1.1; text-transform: uppercase;}

.xbee-front-door .xbee-video-play {margin-top: 69px; padding-top: 213px; font-weight: 300; font-size: 70px; background: url(https://www.digi.com/digi/media/xbee3/icon-play.svg) no-repeat top center; background-size: 160px 160px; color: #fff;}
.xbee-front-door .xbee-video-trigger {display: block; color: #fff; text-decoration: none;}
.xbee-front-door .meet-the-family {padding: 100px 0 100px; background-color: #f0f0f0;}
.xbee-front-door .meet-the-family-photo-wrapper {position: relative;}
.xbee-front-door .meet-the-family-photo {display: block; position: absolute; top: 50%; left: 50%; max-width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.xbee-front-door .meet-the-family .grid {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}

.xbee-front-door .meet-the-family p {font-size: 16px; color: #4b4f53; text-align: justify; margin-bottom: 10px;}

.xbee-front-door .wireless-cellular-tabs {padding-top: 67px; background: #fff}

.xbee-front-door .wc-tabs {list-style: none; margin: 0 auto; padding: 0; font-size: 0; }
.xbee-front-door .wc-tabs li {
    display: inline-block;
    width: 50%;
    margin: 0;
    padding: 27px 30px;
    font-weight: 300;
    font-size: 32px;
    color: #fff;
    text-align: center;
    color: #646466;
    background-color: #f0f0f0;
    cursor: pointer;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
.xbee-front-door .wc-tabs .active {display: inline-block; color: #fff; background-color: #003c50;}
.xbee-front-door .wc-tab-wrapper {background-color: #003c50; }
.xbee-front-door .wc-tabs-acc-heading.active-acc {color: #fff; background-color: #003c50; border: 1px solid #003c50; border-bottom: 1px solid #fff;
}
.xbee-front-door .wc-tabs-acc-heading {display: none;}
.xbee-front-door .wireless-cellular-tabs *, .xbee-front-door .wireless-cellular-tabs :after, .xbee-front-door .wireless-cellular-tabs :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.xbee-front-door .wc-cellular-content {display: none; padding: 73px 0; background: #003c50;}
.xbee-front-door .wc-cellular-content h3 {margin: 0 0 30px; color: #fff;}
.xbee-front-door .wc-cellular-content h4 {margin: 0 0 20px; font-weight: 300; font-size: 36px; color: #fff; line-height: 1;}
.xbee-front-door .wc-cellular-content p {margin: 0 140px 0 0; font-size: 24px; color: #fff; line-height: 1.3;}
.xbee-front-door .wc-cellular-grid {margin: 100px 0 0; overflow: hidden;}
.xbee-front-door .wc-cellular-grid .col-large {float: left; width: 40%; padding-right: 25px;}
.xbee-front-door .wc-cellular-grid img {display: block; max-width: 100%; height: auto;}
.xbee-front-door .wc-cellular-grid .col-large .wc-cellular-title {display: block; margin: 5px 0 0 15px; font-size: 19px; color: #fff; text-decoration: none; -webkit-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear;}
.xbee-front-door .wc-cellular-grid .col-large .wc-cellular-title:after {content: url(../../../../../assets/images/application/icons/white-arrow.svg); position: relative; top: 4px; left: 11px; -webkit-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear;}
.xbee-front-door .wc-cellular-grid .col-small {float: left; width: 25%; padding: 25px 20px 0 0;}
.xbee-front-door .wc-cellular-grid .col-small .wc-cellular-title {display: block; margin: 21px 0 0 8px; font-size: 18px; color: #fff; -webkit-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; text-decoration: underline;}
.xbee-front-door .wc-wireless-content {padding: 72px 0 101px; background-color: #003c50;}
.xbee-front-door .wc-wireless-content-into {margin-bottom: 84px; padding-right: 190px; font-size: 24px; color: #fff; line-height: 1.22;}
.xbee-front-door .wc-wireless-content .grid {display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.xbee-front-door .wc-wireless-content .grid .col {padding-right: 2.5em; border-right: 1px solid #9ca9ae;}
.xbee-front-door .wc-wireless-content img {max-width: 100%; height: auto; margin-top: 14px;}
.xbee-front-door .wc-wireless-content h3 {margin: 38px 0 16px; color: #fff; font-size: 18px;}
.xbee-front-door .wc-wireless-content p {margin: 16px 0 10px; font-size: 16px; color: #fff; }
.xbee-front-door .wc-wireless-content .grid .col:last-of-type {border-right: none;}
.xbee-front-door .wc-wireless-content-last-col-position {position: absolute; top: 50%; left: 0; width: 100%; padding: 0 2.5em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.xbee-front-door .wc-wireless-content-link {margin: 16px 0 10px; font-weight: 700; font-size: 18px; color: #fff; line-height: 1.22; text-transform: uppercase; }
.xbee-front-door .wc-wireless-content-last-col {position: relative;}
.xbee-front-door .wc-wireless-content-last-col h3 {margin: 45px 0 10px; font-weight: 700; font-size: 18px; color: #fff; line-height: 1.22; text-transform: uppercase; }
.xbee-front-door .wc-wireless-content-last-col ul {margin: 16px 0 0 0; padding: 0 0 0 18px; font-size: 18px; color: #fff; line-height: 1.22; list-style: disc;}
.xbee-front-door .wc-wireless-content-last-col ul li {margin: 0 0 11px;}
.xbee-front-door .wc-wireless-content-last-col ul li a{color: #1f7fa5; text-decoration: underline;}

.xbee-front-door .xbee-ecosystem {padding: 83px 0 100px; background: #fff}
.xbee-front-door .xbee-ecosystem .grid {display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}

.xbee-front-door .xbee-ecosystem-intro {padding-right: 130px; border-right: 1px solid #c9cbcd; }
.xbee-front-door .xbee-ecosystem-intro img {display: block; max-width: 100%; height: auto; margin-bottom: 48px; }
.xbee-front-door .xbee-ecosystem-intro h2 {margin-bottom: 26px; }
.xbee-front-door .xbee-ecosystem-intro p {margin: 0 0 15px; font-size: 18px; color: #8a8a8b; line-height: 1.222; }
.xbee-front-door .xbee-ecosystem-software {padding: 78px 0 45px; border-bottom: 1px solid #c9cbcd;}


.xbee-front-door .xbee-ecosystem-sections img {display: block; max-width: 100%; height: auto; margin: 0 auto;}

.xbee-front-door .xbee-ecosystem-sections h3 {margin: -4px 0 0 0;}
.xbee-front-door .xbee-ecosystem-sections h3 a {color: #72bb4b; text-decoration: none;}
.xbee-front-door .xbee-ecosystem-sections p {margin-top: 15px; font-size: 18px; color: #4b4f53; line-height: 1.222;}

.xbee-front-door .blue-link, .xbee-front-door .white-link {display: block; margin-top: 29px; font-weight: 700; font-size: 18px; color: #0074a2; line-height: 1.222; text-transform: uppercase; -webkit-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; text-decoration: underline;}

.xbee-front-door .xbee-ecosystem-hardware {padding: 80px 0 20px;}
.xbee-front-door .xbee-ecosystem-sections .xbee-ecosystem-caption {margin-top: 8px; font-size: 14px; color: #717174; text-align: center;}

.xbee-front-door .xbee-table-section {padding: 87px 0 77px; background-color: #f0f0f0;}
.xbee-front-door .xbee-table-section h2 {margin-bottom: 0; width: 100%; text-align: center; color: #3f4245;}
.xbee-front-door .xbee-table {width: 100%; margin: 60px 0 0; border-collapse: collapse;}
.xbee-front-door .xbee-table caption {position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; border: none; overflow: hidden;}

.xbee-front-door .xbt-col-1 {width: 9%;}
.xbee-front-door .xbt-col-2 {width: 8%;}
.xbee-front-door .xbt-col-3 {width: 11.5%;}
.xbee-front-door .xbt-col-4 {width: 12%;}
.xbee-front-door .xbt-col-5 {width: 7.5%;}
.xbee-front-door .xbt-col-6 {width: 10%;}
.xbee-front-door .xbt-col-7 {width: 12.5%;}
.xbee-front-door .xbt-col-8 {width: 10%;}
.xbee-front-door .xbt-col-9 {width: 12%;}
.xbee-front-door .xbt-col-10 {width: 9%;}

.xbee-front-door .xbee-table th {padding: 18px 14px 18px 0; font-weight: 700; font-size: 14px; color: #4b4f53; text-align: left; border: 1px solid #bcbdbe; border-left: none; font-family: 'Noto Sans';}
.xbee-front-door .xbee-table-th-top th:first-of-type {text-align: left;}
.xbee-front-door .xbee-table-th-top th {
    position: relative;
    padding: 28px 14px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #a2d27e;
    border-bottom: none;
    background-color: #72bb4b;
}
.xbee-front-door .xbee-table-th-top th:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -15px;
    border-style: solid;
    border-width: 10px 15px 0 15px;
    border-color: #72bb4b transparent transparent transparent;
}
.xbee-front-door .xbee-table-first-row td, .xbee-front-door .xbee-table-first-row th {padding-top: 35px; border-top: none;}
.xbee-front-door .xbee-table td {margin: 0; padding: 18px 14px; color: #4b4f53; text-align: center; border: 1px solid #bcbdbe; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px;}
.xbee-front-door .xbee-table .rowspan-hide {display: none;}
.xbee-front-door .xbee-table td img, .xbee-front-door .xbee-table th img {display: block; margin: 11px auto 0;}

.xbee-front-door .xbee-table th.xbee-table-separator {height: 17px; padding: 0; border: none;}
.xbee-front-door .xbee-table a{text-decoration: underline; color: #1f7fa5;}


/* ## software */
.coltwo {width: 49%; display: inline-block; vertical-align: top;}
.xbee-ecosystem.software .introduction, .xbee-ecosystem.hardware .introduction, .xbee-ecosystem.resources .introduction {background: #ebebeb; width: 100%; clear: both; float: left;}
.xbee-ecosystem.software .introduction .container, .xbee-ecosystem.hardware .introduction .container, .xbee-ecosystem.resources .introduction .container {position: relative; }
.xbee-ecosystem.software .introduction .icon, .xbee-ecosystem.hardware .introduction .icon, .xbee-ecosystem.resources .introduction .icon {width: 120px; margin: -31px 20px 0 0; position: relative; vertical-align: baseline;}

.xbee-ecosystem.software .introduction h1, .xbee-ecosystem.hardware .introduction h1, .xbee-ecosystem.resources .introduction h1 {position: relative; text-align: left; padding: 0; margin: 0; display: inline; width: auto; float: none; font-size: 48px; font-weight: 700; line-height: 1em; color: #3f4245; text-transform: none;}
.xbee-ecosystem.software .introduction h2, .xbee-ecosystem.hardware .introduction h2, .xbee-ecosystem.resources .introduction h2 {width: 100%; clear: both; text-align: left; padding: 0; margin: 22px 0 50px 0; font-size: 32px; font-weight: 300; line-height: 1.4; color: #3f4245;}
.xbee-ecosystem.software .introduction .coltwo:nth-of-type(1), .xbee-ecosystem.hardware .introduction .coltwo:nth-of-type(1), .xbee-ecosystem.resources .introduction .coltwo:nth-of-type(1) {padding: 0 2% 50px 0;}
.xbee-ecosystem.software .introduction h3, .xbee-ecosystem.hardware .introduction h3, .xbee-ecosystem.resources .introduction h3 {font-weight: 300; margin: 0 0 32px 0; line-height: 1.3; font-size: 1.05rem;}
.xbee-ecosystem.software .introduction p, .xbee-ecosystem.hardware .introduction p, .xbee-ecosystem.resources .introduction p {font-size: 16px; line-height: 1.5; color: #3f4245; margin-bottom: 0.5rem;}
.xbee-ecosystem.software .introduction .restrict .button{margin-top: 20px; font-size: 16px}

a.button, a.btn-green, button.button {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; cursor: pointer; display: inline-block; color: #3f4245 !important; text-transform: uppercase; background: #91d46c; padding: 16px 22px; font-size: 18px; line-height: 18px; font-weight: 600; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
.button:hover{background: #9DE476}


.xbee-ecosystem.software .introduction .coltwo:nth-of-type(2), .xbee-ecosystem.hardware .introduction .coltwo:nth-of-type(2), .xbee-ecosystem.resources .introduction .coltwo:nth-of-type(2) {padding: 0 0 0 2%; text-align: center; position: relative;}

.xbee-ecosystem.software .introduction .inside .coltwo:nth-of-type(2) img, .xbee-ecosystem.hardware .introduction .inside .coltwo:nth-of-type(2) img, .xbee-ecosystem.resources .introduction .inside .coltwo:nth-of-type(2) img {position: relative; width: 70%; margin: 0 15%; float: left;}
.xbee-ecosystem.software .introduction .inside .coltwo:nth-of-type(2) img.software, .xbee-ecosystem.hardware .introduction .inside .coltwo:nth-of-type(2) img.software, .xbee-ecosystem.resources .introduction .inside .coltwo:nth-of-type(2) img.software {width: 80%; margin: 0 10%;}

.tier {padding: 70px 0; clear: both; background-color: #f6f6f6;}
.xbee-ecosystem .tier h2 {color: #517fc3;}
.xbee-ecosystem.software .tier h2 {color: #717172;}
.xbee-ecosystem .tier h2 {font-size: 36px; color: #717172; font-weight: 300; line-height: .92; text-transform: none; text-align: center; padding: 0; margin-bottom: 15px; width: 100%;}

/* h4.subheading, .generic h2 {font-size: 24px; line-height: 1.2em; font-weight: 300; width: 86%; margin: 0 7% 50px 7%; text-align: center; text-transform: none; color: #646466;} */
h4.subheading{font-size: 24px; line-height: 1.2em; font-weight: 300; width: 86%; margin: 0 7% 50px 7%; text-align: center; text-transform: none; color: #646466;}

.xbee-ecosystem .tier h4, .xbee-ecosystem h4 {text-align: center; padding: 0;}

.tierflextop {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.colthree {width: 32.5%; display: inline-block; vertical-align: top;}
.xbee-ecosystem.software #development .colthree, .xbee-ecosystem.hardware #development .colthree, .xbee-ecosystem.resources #development .colthree {padding: 0 1%; margin: 0 0 30px 0;}
#development h6 {font-size: 20px; font-weight: 600; line-height: 1.3em; margin: 0 0 8px 0; padding: 0; color: #3f4245; text-transform: none;}
#development .colthree {color: #3f4245; font-size: 16px;}
#development .colthree img{margin-bottom: 10px; width: 100%;}

.xbee-ecosystem.software #development .duallinks a, .xbee-ecosystem.hardware #development .duallinks a, .xbee-ecosystem.resources #development .duallinks a {display: inline-block; text-decoration: underline; font-size: 16px;}
.xbee-ecosystem.software #development .duallinks a:first-of-type, .xbee-ecosystem.hardware #development .duallinks a:first-of-type, .xbee-ecosystem.resources #development .duallinks a:first-of-type {margin: 0 30px 0 0;}

.xbee-ecosystem.software #trustfence, .xbee-ecosystem.hardware #trustfence, .xbee-ecosystem.resources #trustfence {background: #ebebeb;}
.tierflex {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.xbee-ecosystem.software #trustfence img, .xbee-ecosystem.hardware #trustfence img, .xbee-ecosystem.resources #trustfence img {mix-blend-mode: multiply;}
.trustfence-text{font-size: 16px; line-height: 1.5; margin-bottom: 20px;}
#trustfence a{font-size: 16px; text-decoration: underline;}

.xbee-ecosystem.software #trustfence h2, .xbee-ecosystem.hardware #trustfence h2, .xbee-ecosystem.resources #trustfence h2 {text-align: left; padding: 0; text-align: left; margin: 0 0 24px 0;}
h1 .trademark, h2 .trademark, h3 .trademark, h4 .trademark, h5 .trademark, h6 .trademark {position: relative; font-size: 18px; line-height: 0; vertical-align: baseline; top: -30px;}

.card-container {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.card-container .card {width: 24%; margin: 0 .5% 40px .5%; padding: 0; position: relative; background: #f2f2f2; line-height: 1.3em;}
.card-container .card a {display: block; height: 100%; color: #646466; text-decoration: none; padding: 15px 25px 45px 25px;}
.card-container .card a:hover .cardcta{text-decoration: underline; color: #00B7FF;}

.card-container .cardimage {display: inline-block; width: 100%; height: 185px; line-height: 185px; text-align: center; margin: 0 0 10px 0;}
.card-container .card.video .cardimage {position: relative;}
.card-container .cardimage img {width: auto; max-width: 100%; max-height: 100%; height: auto; vertical-align: middle;}
.card-container .card.video .cardimage:after {content: url(../../../../../assets/images/application/software/card-button-play.png); position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; margin: -60px 0 0 -37px;}
.card-container .card .cardtext {text-align: left; font-size: 16px; line-height: 1.4}
.card-container .card .cardkeywords {display: none;}
.card-container .card .cardcta {display: inline-block; width: 100%; text-align: center; text-transform: uppercase; color: #0074a2; position: absolute; bottom: 0; left: 0; padding: 20px 0 15px 0; vertical-align: middle; font-size: 16px;}
.card-container .card .cardcta:after {white-space: nowrap; content: ""; display: inline-block; padding: 0 0 4px 0; margin: 0 0 0 5px; vertical-align: middle; background: url(../../../../../assets/images/application/software/arrows-right-small.png) -15px 0 no-repeat; width: 5px; height: 7px;}

.card-container .video a:after {content: url(../../../../../assets/images/application/software/card-corner-video.png); width: 62px; height: 62px; position: absolute; bottom: 0; right: 0;}
.cta-centered {width: 100%; text-align: center; clear: both;}
.bg-white{background: #fff;}


/* ## hardware */
.xbee-ecosystem.hardware .tier h2 {color: #717172; width: 100%;}
.tier h2.heading {margin-bottom: 10px;}
.xbee-ecosystem.software #infographic .background, .xbee-ecosystem.hardware #infographic .background, .xbee-ecosystem.resources #infographic .background {background: #ebebeb;}
.xbee-ecosystem.software #infographic .coltwo, .xbee-ecosystem.hardware #infographic .coltwo, .xbee-ecosystem.resources #infographic .coltwo {padding: 70px 2%;}
.xbee-ecosystem.software #infographic .cornerme, .xbee-ecosystem.hardware #infographic .cornerme, .xbee-ecosystem.resources #infographic .cornerme {position: relative;}
.xbee-ecosystem.software #infographic h3, .xbee-ecosystem.hardware #infographic h3, .xbee-ecosystem.resources #infographic h3 {margin: 0 0 50px 0; font-size: 1.05rem; font-weight: 500;}
.xbee-ecosystem.software #infographic .coltwo .coltwo, .xbee-ecosystem.software #infographic .coltwo .colthree, .xbee-ecosystem.hardware #infographic .coltwo .coltwo, .xbee-ecosystem.hardware #infographic .coltwo .colthree, .xbee-ecosystem.resources #infographic .coltwo .coltwo, .xbee-ecosystem.resources #infographic .coltwo .colthree {text-align: left; padding: 0 1%; font-size: 14px;}
.xbee-ecosystem.software #infographic img, .xbee-ecosystem.hardware #infographic img, .xbee-ecosystem.resources #infographic img {margin: 20px 0; max-width: 100%;}

.xbee-ecosystem.software #infographic .cornerme:after, .xbee-ecosystem.hardware #infographic .cornerme:after, .xbee-ecosystem.resources #infographic .cornerme:after {content: ""; position: absolute; top: 0; right: 0; width: 60px; height: 0; border-bottom: 60px solid #ebebeb; border-right: 60px solid transparent; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}

.xbee-ecosystem.hardware #infographic .colthree h4{text-align: left; font-size: 22px; font-weight: 800; line-height: 1.3em; margin: 0 0 8px 0; padding: 0; color: #1f7fa5; text-transform: none; }


.xbee-ecosystem.software #technologies, .xbee-ecosystem.hardware #technologies, .xbee-ecosystem.resources #technologies {padding-top: 0;}
.xbee-ecosystem.software #technologies .item, .xbee-ecosystem.hardware #technologies .item, .xbee-ecosystem.resources #technologies .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 39px 0;
}

.xbee-ecosystem.software #technologies .item .category, .xbee-ecosystem.hardware #technologies .item .category, .xbee-ecosystem.resources #technologies .item .category {
    background: #517fc3;
    width: 32%;
    margin: 0 1% 0 0;
    text-align: right;
    position: relative;
    color: #fff;
}
.xbee-ecosystem.software #technologies .item .category .text, .xbee-ecosystem.hardware #technologies .item .category .text, .xbee-ecosystem.resources #technologies .item .category .text {text-align: left; padding: 60px 40px; font-size: 16px;}

.xbee-ecosystem.software #technologies .item .category h4, .xbee-ecosystem.hardware #technologies .item .category h4, .xbee-ecosystem.resources #technologies .item .category h4 {color: #fff; text-align: left; font-size: 24px; border-bottom: 0; margin-bottom: 10px; font-weight: 500;}
.xbee-ecosystem.software #technologies .item .category:after, .xbee-ecosystem.hardware #technologies .item .category:after, .xbee-ecosystem.resources #technologies .item .category:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../../../../../assets/images/application/hardware/subpage-banner-corner-white.png) bottom right no-repeat;
    background-size: 40px 40px;
    bottom: 0;
    right: 0;
}

.xbee-ecosystem.software #technologies .item .techs, .xbee-ecosystem.hardware #technologies .item .techs, .xbee-ecosystem.resources #technologies .item .techs {width: 67%;}

.xbee-ecosystem.software #technologies .item .techs .text, .xbee-ecosystem.hardware #technologies .item .techs .text, .xbee-ecosystem.resources #technologies .item .techs .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
}
.xbee-ecosystem.software #technologies .item .techs .colthree, .xbee-ecosystem.hardware #technologies .item .techs .colthree, .xbee-ecosystem.resources #technologies .item .techs .colthree {padding: 0 2%;}
.xbee-ecosystem.software #technologies .item .techs img, .xbee-ecosystem.hardware #technologies .item .techs img, .xbee-ecosystem.resources #technologies .item .techs img {max-width: 180px; display: inline-block; margin-bottom: 5px;}
.xbee-ecosystem.software #technologies .item .techs img.freq, .xbee-ecosystem.hardware #technologies .item .techs img.freq, .xbee-ecosystem.resources #technologies .item .techs img.freq {width: 40px; margin: 0 3px 0 0;}
.xbee-ecosystem.software #technologies .item .techs .colthree span, .xbee-ecosystem.hardware #technologies .item .techs .colthree span, .xbee-ecosystem.resources #technologies .item .techs .colthree span {display: block; margin: 0 0 24px 0; font-size: 14px; color: #333;}
.xbee-ecosystem.software #technologies .item .techs a, .xbee-ecosystem.hardware #technologies .item .techs a, .xbee-ecosystem.resources #technologies .item .techs a {font-weight: 500; text-transform: uppercase; text-decoration: underline; font-size: 14px;}
.hardware .xbee-front-door .xbee-video h2 {font-weight: 700; font-size: 64px; color: #fff; line-height: 1.1; text-transform: uppercase;}


/* ## resources */
.colfour {width: 25%; display: inline-block; vertical-align: top; }
.xbee-ecosystem.software #links, .xbee-ecosystem.hardware #links, .xbee-ecosystem.resources #links {padding-bottom: 15px;}
.offerings {
    text-align: center;
    padding: 0 0 20px 0;
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.offerings .colfour {width: 22%; position: relative; text-align: left; margin: 0 1.5% 55px 1.5%; background: #f2f2f2;}
.offerings img {float: left; width: 100%;}
.offerings .text {display: block; background: #f2f2f2; font-size: 1em; line-height: 1.2em; padding: 0 20px; }
.offerings .text .heading {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    color: #72bb4b;
    padding: 14px 0 8px 0;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
}

.offerings .colthree:after, .offerings .coltwo:after, .offerings .colfour:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -23px;
    right: 0;
    width: 100%;
    height: 0;
    border-top: 23px solid #f2f2f2;
    border-right: 23px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.xbee3-ecosystem .offerings .text .heading {text-transform: none; color: #3f4245; font-size: 20px; font-weight: 400;}

.colthreetwo {width: 66.66%; display: inline-block; vertical-align: top;}
.xbee-ecosystem.resources h4.subheading {color: #646466;}

.xbee-ecosystem.software #codelibs h4.subheading, .xbee-ecosystem.hardware #codelibs h4.subheading, .xbee-ecosystem.resources #codelibs h4.subheading {
    padding: 30px 0 10px 0;
    margin: 0;
    width: 100%;
    text-align: center;
}
.xbee-ecosystem.software #codelibs a, .xbee-ecosystem.hardware #codelibs a, .xbee-ecosystem.resources #codelibs a {
    margin: 0 2%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 150px;
}

.xbee-ecosystem.software #codelibs .colthreetwo div a, .xbee-ecosystem.hardware #codelibs .colthreetwo div a, .xbee-ecosystem.resources #codelibs .colthreetwo div a {width: 150px; margin-bottom: 10px;}

.xbee-ecosystem.software #codelibs a img, .xbee-ecosystem.hardware #codelibs a img, .xbee-ecosystem.resources #codelibs a img {
    background: #fff;
    border: 10px solid #fff;
    max-width: 150px;
    width: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.xbee-ecosystem.software #codelibs a:hover img,.xbee-ecosystem.hardware #codelibs a:hover img,.xbee-ecosystem.resources #codelibs a:hover img{border:10px solid #31c4ea;-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}

.xbee-ecosystem.software #codelibs .colthreetwo div, .xbee-ecosystem.hardware #codelibs .colthreetwo div, .xbee-ecosystem.resources #codelibs .colthreetwo div {
    border-right: 1px solid #cfd5d3;
    padding: 10px 2% 5px 0;
    text-align: center;
}

.xbee-ecosystem.software #codelibs .colthree div, .xbee-ecosystem.hardware #codelibs .colthree div, .xbee-ecosystem.resources #codelibs .colthree div {
    padding: 10px 0 5px 2%;
    text-align: center;
}


/* ## tools */
.front-door{font-size: 16px; color: #333; line-height: 1.5}
.interior-heading-type5 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: #3f4245;
    overflow: hidden;
}


.interior-heading-type5 .container-type2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    z-index: 5;
}
.interior-heading-type5 .container-type2:before {
    background: rgba(0,0,0,.6);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    content: ' ';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.interior-heading-type5 .container-type2 .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
}
.interior-heading-type5 .container-type2 .container div:nth-of-type(1) {
    padding: 100px 5% 100px 0;
    width: 66.5%;
    background: -o-linear-gradient(225deg,transparent 65px,rgba(0,0,0,.6) 65px);
    background: linear-gradient(225deg,transparent 65px,rgba(0,0,0,.6) 65px);
}
.interior-heading-type5 h1 {color: #fff; font-size: 60px; margin-bottom: 20px; font-weight: 500;}
.front-door .interior-heading-type5 h2 {color: #fff; font-size: 24px; font-weight: normal; line-height: 1.4; text-transform: capitalize;}

.interior-heading-type5 .container-type2:after {
    content: ' ';
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.interactive-diagram-type1 {background: #eef0f0; padding: 35px 0;}
.interactive-diagram-type1 .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.interactive-diagram-type1 .container div.interaction {
    width: 66.5%;
    padding: 0 3% 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 3;
}
.interactive-diagram-type1 .container div.interaction a {text-align: center; text-decoration: none; width: 25%;}
.interactive-diagram-type1 .container div.interaction .icon {
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #91d46c;
    margin: 0 0 16px 0;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}

.interactive-diagram-type1 .container div.interaction a.selected .icon {
    -webkit-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
    -webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    -o-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    border: 3px solid #1f7fa5;
}
.interactive-diagram-type1 .container div.interaction .icon img {border-radius: 50%;}
.interactive-diagram-type1 .container div.interaction .text {
    color: #3f4245;
    font-weight: 600;
    font-size: 18px;
    text-decoration: underline;
    -webkit-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

.interactive-diagram-type1 .container div.interaction a.selected .text {text-decoration: none; color: #1f7fa5;}

.interactive-diagram-type1 .container div.result {overflow: hidden; position: relative; width: 33.5%; background: #fff; border-left: 3px solid #91d46c; }
.interactive-diagram-type1 .container div.result .tick {display: block; position: absolute; left: 0; top: 15px; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 16px; border-color: transparent transparent transparent #91d46c; z-index: 2; -webkit-transition: top .2s ease-in; -o-transition: top .2s ease-in; transition: top .2s ease-in;}
.interactive-diagram-type1 .container div.result .result-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 400%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    -webkit-transition: left .2s ease-in;
    -o-transition: left .2s ease-in;
    transition: left .2s ease-in;
    left: 0;
}
.interactive-diagram-type1 .container div.result .result-container div {width: 25%; padding: 15px 20px 15px 40px;}
.result-container{font-size: 16px;}
.result-container p{font-size: 16px; color: #333; margin-bottom: 10px;}
.result-container a{text-decoration: underline !important;}

.interactive-diagram-type1 h2, .interactive-diagram-type1 h3 {width: 100%; text-align: center; margin: 0 0 32px 0; font-size: 1.05rem;}
.interactive-diagram-type1 .container div ul {list-style-type: none; padding: 0;}

.interactive-diagram-type1 .container div li {padding: 0; margin: 0 0 8px 0; }


.interactive-diagram-type1 .container div.result h2, .interactive-diagram-type1 .container div.result h3 {text-align: left; font-weight: bold;}
.interior-subcontent-type3 {padding: 60px 0;}
.interior-subcontent-type3 .container {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}

.interior-subcontent-type3 .container div.column-content {width: 67%; padding: 0 3% 0 0;}
.column-content > h2{font-weight: 500; font-size: 1.4rem !important;}
.interior-subcontent-type3 p{margin-bottom: 10px;}

.ul-list{list-style: disc; margin-left: 20px;}

.animation-type1 {padding: 35px 0;}
.videoWrapper, .videowrapper {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; margin-bottom: 10px;}
.animation-type1 video {width: 100%;}
.interior-subcontent-type3 .container div.column-icons {
    width: 34%;
    padding: 0 0 0 3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 1px solid #979797;
}
.interior-subcontent-type3 .container div.column-icons .icon {padding: 0 0 30px 0; margin: 0 0 20px 0; border-bottom: 1px solid #979797;}
.interior-subcontent-type3 .container div.column-icons .icon:last-of-type {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.interior-subcontent-type3 .container div.column-icons .icon img {width: 100px;}
.icon > h3 {font-size: 20px; font-weight: 500; line-height: 1.3em; margin: 0 0 8px 0; padding: 0; color: #3f4245; text-transform: none;}

.ribbon-video-type1 {
    padding: 90px 0;
    color: #fff;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 30px;
    font-weight: 300;
    background-color: #3f4245;
    position: relative;
    overflow: hidden;
}
.ribbon-video-type1 .container {position: relative; z-index: 3;}
.ribbon-video-type1 a {text-decoration: none; display: block; color: #fff !important;}
.ribbon-video-type1 .heading {font-size: 60px; line-height: 1.1em; font-weight: 800; color: #fff; display: block;}
.ribbon-video-type1 img {width: 100px; margin: 30px 0;}
.ribbon-video-type1 .overlay {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.ribbon-video-type1 video {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
}

.cta {width: 100%; display: block; background: #91d46c; background-size: contain; color: #3f4245; clear: both; padding: 70px 0;}
.front-door .cta {margin: 0;}
.cta span.text {display: block; position: relative; width: 100%; max-width: 960px; margin: 0 auto;padding: 0 90px 0 0;}
.cta span.heading {color: #3f4245; display: block; font-size: 36px; font-weight: 500; margin: 0 0 8px 0; line-height: 1.1em;}
.cta span.teaser {color: #3f4245; display: inline-block; font-size: 24px; font-weight: 400; }
.cta span.text:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -32px 0 0 0;
    content: '';
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 3px solid #3f4245;
    background-image: url(../../../../../assets/images/application/tools/arrow-wcircle-white-grey.png);
    background-repeat: no-repeat;
    background-position: -60px 0;
    background-size: 120px 60px;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.cta:hover{background-color:#1f7fa5;color:#fff}
.cta:hover span.text:after{background-position:0 0;border:3px solid #fff}.cta:hover span.heading{color:#fff}.cta:hover span.teaser{color:#fff}
.ribbon-type1 {padding: 60px 0; clear: both; font-size: 16px; background-color: #fafafa; color: #333;}
.ribbon-type1 p{margin-bottom: 20px; line-height: 1.5;}

.ribbon-type1 .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.ribbon-type1 .container div:nth-of-type(1) {width: 38%;}
.ribbon-type1 .container div:nth-of-type(1) img {width: 60%;margin: 0 20%;}
.ribbon-type1 .container div:nth-of-type(2) {width: 63%;}



/* ## responsive */
@media only screen and (max-width: 1280px){
    
    .xbee-front-door .grid.max-full {margin-left: 0;}
    .xbee-front-door .grid.max-full>.col {float: none; padding-left: 0;}
    .xbee-front-door .grid.max-full>.col[class*=span-] {width: 100%; padding-left: 0;}
    
    .xbee-front-door .sum-of-smarts-header {margin-right: 0;}
    .xbee-front-door .sum-of-smarts-header p {padding-right: 0;}
    
    .xbee-front-door .wc-wireless-content-into {padding-right: 0;}

    .xbee-front-door .xbee-ecosystem-intro {padding-right: 40px;}
    
    .xbee-front-door .blue-link, .xbee-front-door .white-link {margin-top: 20px;}

    .xbee-front-door .xbee-table-scroll {overflow-x: auto;}

    .link-arrow br {display: none;}
    

    /* ## hardware */
    .xbee-ecosystem.software #technologies .item .category, .xbee-ecosystem.hardware #technologies .item .category, .xbee-ecosystem.resources #technologies .item .category {
        margin: 0;
    }    

    /* ## resources */
    .offerings .text .heading, .offerings .text .subheading {font-size: 18px; line-height: 1.2em;}
    

    /* ## tools */
    .interior-heading-type5 .container, .ribbon-type2 .container {margin: 0;}

    .interactive-diagram-type1 .container div.interaction .icon {width: 100px; height: 100px;}    
    .cta {padding: 35px 0;}

} /* end 1280px*/


@media (max-width: 991px){
    .xbee-front-door h2 {font-size: 60px; font-size: 3.75rem;}

    .xbee-front-door .xbee-header-video-cta {bottom: -21px; left: 50%; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 1;}    
    .xbee-front-door .xbee-header-video-cta.final {left: 50%;}
    .xbee-front-door .grid.lg-full>.col[class*=span-] {width: 100%; padding-left: 0;}
    .xbee-front-door .lg-span-12 {width: 100%; }

    .link-arrow{font-size: 18px;}
    .link-arrow:after {width: 22px; height: 22px; background-size: 40px 20px; background-position: -20px 0;}
    
    .xbee-front-door .sum-of-smarts h2 {margin-bottom: 20px; font-size: 60px; font-size: 3.75rem;}
    .xbee-front-door .xbee-video h2 {font-size: 60px; font-size: 3.75rem;}
    .xbee-front-door .xbee-video-play {margin-top: 35px; padding-top: 135px; font-size: 60px; font-size: 3.75rem; background-size: 105px 105px; }    

    .xbee-front-door .meet-the-family .grid {display: block;}    
    .xbee-front-door .meet-the-family {padding-bottom: 60px;}
    
    .xbee-front-door .meet-the-family-photo {position: static; margin: 0 auto 40px; -webkit-transform: none; -ms-transform: none; transform: none;}    


    .xbee-front-door .wireless-cellular-tabs {padding-top: 55px;}    
    .xbee-front-door .wc-tab-wrapper {background-color: transparent;}
    .xbee-front-door .wc-tabs-acc-heading {display: block; margin: 0; padding: 27px 30px; font-weight: 300; font-size: 35px; font-size: 2.1875rem; color: #646466; background-color: #f0f0f0; border: 1px solid #646466; border-bottom: none; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

    .xbee-front-door .wc-tabs-acc-heading.active{color: #fff; background-color: #003c50; border: 1px solid #003c50; border-bottom: 1px solid #fff;}
    
    .xbee-front-door .wc-cellular-content {padding: 40px 30px;}
    .xbee-front-door .wc-cellular-content h4 {font-size: 35px; font-size: 2.1875rem;}
    .xbee-front-door .wc-cellular-content p {margin-right: 0; font-size: 20px; font-size: 1.25rem;}    
 
    .xbee-front-door .wc-cellular-grid {margin-top: 70px;}
    .xbee-front-door .wc-cellular-grid .col-large {float: none; width: 100%; margin-bottom: 20px; padding-right: 0;}    
    .xbee-front-door .wc-cellular-grid .col-small {width: 33.333%; padding-right: 30px;}    
 
    .xbee-front-door .wc-tabs {display: none;}    
    .xbee-front-door .wc-tabs-acc-heading:last-of-type {border-bottom: 1px solid #646466;}
    .xbee-front-door .wc-tabs .active {background-color: #666;}    
    
    .xbee-front-door .wc-wireless-content {padding: 32px 30px 0;}
    .xbee-front-door .wc-wireless-content-into {margin-bottom: 34px; font-size: 20px;}
    .xbee-front-door .grid.lg-full {margin-left: 0;}
    .xbee-front-door .wc-wireless-content .grid {display: block;}
    .xbee-front-door .wc-wireless-content .grid .col {margin-bottom: 40px; padding: 0 0 35px; border-right: none; border-bottom: 1px solid #9ca9ae;}    
    .xbee-front-door .grid.lg-full>.col {float: none; padding-left: 0; }
    .xbee-front-door .wc-wireless-content .grid .col:last-of-type {margin-bottom: 0; border-bottom: 0;}    
    .xbee-front-door .wc-wireless-content img {margin-top: 0;}

    .xbee-front-door .wc-wireless-content-last-col-position {position: static; padding-left: 0; -webkit-transform: none; -ms-transform: none; transform: none;}

    .xbee-front-door .xbee-ecosystem .grid {display: block; margin-left: 0;}
    .xbee-front-door .xbee-ecosystem {padding: 63px 0 0;}    

    .xbee-front-door .xbee-ecosystem-intro {padding-right: 0; border-right: none;}
    
    .xbee-front-door .xbee-ecosystem-software {padding: 55px 0; overflow: hidden;}
    .xbee-front-door .lg-span-4 {width: 33.33333333%;}
    .xbee-front-door .lg-span-8 {width: 66.66666667%;}    
    
    .xbee-front-door .xbee-ecosystem-hardware {padding: 55px 0; overflow: hidden;}

    .xbee-front-door .xbee-table-section {padding: 60px 0 73px;}

    .xbee-front-door .xbee-table {margin-top: 50px;}
    
    
    /* ## resources */
    .offerings .colthree, .offerings .colfour, .offerings .coltwo {
        width: 45%;
        margin: 0 2% 45px 2%;
        padding: 0 0 12px 0;
    }
    
    .offerings .colthree:after, .offerings .coltwo:after, .offerings .colfour:after {bottom: -12px; border-top: 12px solid #f2f2f2; border-right: 12px solid transparent;}


    /* ## tools */
    .interactive-diagram-type1 .container div.interaction {-ms-flex-wrap: wrap; flex-wrap: wrap;}
    .interactive-diagram-type1 .container div.interaction a {width: 50%; margin: 0 0 24px 0;}
    .interior-feature-type4, .interior-subcontent-type3, .interior-feature-type3, .interior-feature-type35, .ribbon-bullets-type3 {padding: 35px 0;}    

    .cta span.text {width: 90%; margin: 0 5%; padding: 0 70px 0 0;}
    .cta span.heading {font-size: 24px; margin: 0;}
    .cta span.teaser {font-size: 18px;}
    .cta span.text:after {width: 46px; height: 46px; background-size: 80px 40px; margin: -20px 0 0 0; background-position: -40px 0;}
    
    .ribbon-blog, .ribbon-type4, .ribbon-type6, .ribbon-trustfence, .ribbon-type1, .interior-subcontent-type5, .ribbon-video-type1, .interior-subcontent-type9, .form-type1, .navigation-type5 {padding: 35px 0;}
    
}/* end 991 */

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

    .xbee-front-door h2 {font-size: 48px; font-size: 3rem;}    
    
    .xbee-front-door .xbee-header-video-cta.final {left: 0;}
    .xbee-front-door .xbee-header-video-cta {left: 0; bottom: auto; top: 100%; width: 100%; padding-bottom: 11px; font-size: 14px; -webkit-transform: none; -ms-transform: none; transform: none; text-align: center}
    
    .xbee-front-door .grid.md-full {margin-left: 0;}
    
    .xbee-front-door .sum-of-smarts {padding: 90px 15px 18px;}
    .xbee-front-door .sum-of-smarts h2 {font-size: 48px; font-size: 3rem;}
    
    .xbee-front-door .xbee-video {padding: 47px 0 43px;}    
    .xbee-front-door .xbee-video video {display: none;}

    .xbee-front-door .xbee-video h2 {font-size: 45px; font-size: 2.8125rem;}
    .xbee-front-door .xbee-video-play {margin-top: 25px; padding-top: 105px; font-size: 45px; font-size: 2.8125rem; background-size: 75px 75px;}    
    

    .xbee-front-door .grid.md-full>.col {float: none; padding-left: 0;}    

    .xbee-front-door .meet-the-family-photo {max-width: 90%;}    
    
    .xbee-front-door .wc-cellular-grid {margin-top: 50px;}
    
    .xbee-front-door .wc-wireless-content h3 {font-size: 25px; }
    
    .xbee-front-door .xbee-ecosystem-sections h3 {font-size: 25px; }

    .xbee-front-door .xbee-table {margin-top: 40px;}    
    .xbee-front-door colgroup col {width: 100%!important;}
    .xbee-front-door .xbee-table th {display: block; padding: 14px 20px; font-size: 16px; color: #fff; background-color: #72bb4b; border: none;}
    .xbee-front-door .xbee-table td {display: block; width: 100%; padding: 14px 20px 16px; text-align: left; border: none; border-bottom: 1px solid #bcbdbe;}
    .xbee-front-door .xbee-table-th-top th {display: none;}
    
    .xbee-front-door .xbee-table-first-row td, .xbee-front-door .xbee-table-first-row th {padding-top: 14px;}    
    .xbee-front-door .xbee-table td:before {content: attr(data-label) ": "; display: block; margin-bottom: 4px; font-weight: 700; color: #4b4f53; vertical-align: top;}

    .xbee-front-door .xbee-table td.xbee-table-multi-image p, .xbee-front-door .xbee-table th.xbee-table-multi-image p {display: inline-block; margin: 0 20px 0 0;}

    .xbee-front-door .xbee-table .rowspan-hide {display: block;}
    .xbee-front-door .xbee-table th.xbee-table-separator {height: 40px; background-color: #f0f0f0;}
    
    .xbee-front-door .xbee-table td img, .xbee-front-door .xbee-table th img {margin-left: 0; margin-right: 0;}    

    
    .xbee-front-door .grid.md-full>.col[class*=span-] {width: 100%; padding-left: 0;}
    
    
    /* ## software */
    
    .xbee-ecosystem.software .introduction .icon, .xbee-ecosystem.hardware .introduction .icon, .xbee-ecosystem.resources .introduction .icon {width: 65px; margin: -16px 10px 0 0;}
    
    .xbee-ecosystem.software .introduction h1, .xbee-ecosystem.hardware .introduction h1, .xbee-ecosystem.resources .introduction h1 {position: relative; font-size: 36px; line-height: 24px;}
    .xbee-ecosystem.software .introduction .inside h2, .xbee-ecosystem.hardware .introduction .inside h2, .xbee-ecosystem.resources .introduction .inside h2 {margin: 8px 0 16px 0;}
    
    .xbee-ecosystem.software .introduction .inside h2 br{display: none;}
    .card-container .card {width: 49%;}
    
    
    .xbee-ecosystem.software #infographic .cornerme:after, .xbee-ecosystem.hardware #infographic .cornerme:after, .xbee-ecosystem.resources #infographic .cornerme:after{display: none;}
    
    
    
    /* ## hardware */
    .xbee-ecosystem.software #infographic .coltwo, .xbee-ecosystem.hardware #infographic .coltwo, .xbee-ecosystem.resources #infographic .coltwo {width: 100%; padding: 0; margin-bottom: 25px;}    
    .xbee-ecosystem.software #technologies .item .category, .xbee-ecosystem.hardware #technologies .item .category, .xbee-ecosystem.resources #technologies .item .category {
        margin: 0;
        width: 100%;
    }    
    .xbee-ecosystem.software #technologies .item .category .text, .xbee-ecosystem.hardware #technologies .item .category .text, .xbee-ecosystem.resources #technologies .item .category .text{width: 100%; padding: 40px;}
    
    .xbee-ecosystem.software #technologies .item .techs, .xbee-ecosystem.hardware #technologies .item .techs, .xbee-ecosystem.resources #technologies .item .techs {width: 100%;    }    
    .xbee-ecosystem.software #technologies .item .techs .text, .xbee-ecosystem.hardware #technologies .item .techs .text, .xbee-ecosystem.resources #technologies .item .techs .text{width: 100%; padding: 30px;}
    
    
    /* ## resources */
    .xbee-ecosystem.software #codelibs .coltwo, .xbee-ecosystem.software #codelibs .colthreetwo, .xbee-ecosystem.software #codelibs .colthree, .xbee-ecosystem.hardware #codelibs .coltwo, .xbee-ecosystem.hardware #codelibs .colthreetwo, .xbee-ecosystem.hardware #codelibs .colthree, .xbee-ecosystem.resources #codelibs .coltwo, .xbee-ecosystem.resources #codelibs .colthreetwo, .xbee-ecosystem.resources #codelibs .colthree {
        width: 100%;
    }
    
    
    /* ## tools */
    .interior-heading-type5 .container-type2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }    
    .interior-heading-type5 .container-type2 .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        padding: 0;
    }
    .interior-heading-type5 .container-type2 .container div:nth-of-type(1) {
        width: 100%;
        padding: 35px 5%;
        background: -o-linear-gradient(225deg,transparent 30px,rgba(0,0,0,.6) 30px);
        background: linear-gradient(225deg,transparent 30px,rgba(0,0,0,.6) 30px);
    }
    .interior-heading-type5 h1 {font-size: 35px;}
    .interior-heading-type5 h2 {font-size: 20px;}

    .interactive-diagram-type1 .container {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
    .interactive-diagram-type1 .container div.interaction {width: 100%; padding: 0; margin: 0 0 24px 0; }
    .interactive-diagram-type1 .container div.result {width: 100%; padding: 0;}    

    .interior-subcontent-type3 .container, .interior-subcontent-type6 .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .interior-subcontent-type3 .container div.column-content, .interior-subcontent-type6 .container div.column-content {
        width: 100%;
        padding: 0;
        margin: 0 0 30px 0;
    }    
    .interior-subcontent-type3 .container div.column-icons, .interior-subcontent-type6 .container div.column-icons {
        width: 100%;
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-left: none;
    }
    .interior-subcontent-type3 .container div.column-icons .icon, .interior-subcontent-type6 .container div.column-icons .icon {
        width: 50%;
        border-bottom: none;
        padding: 0 2%;
        margin: 0 0 30px 0;
    }    
    .ribbon-video-type1 {font-size: 24px;}
    .ribbon-video-type1 .heading {font-size: 35px;}
    .ribbon-video-type1 img {width: 75px; margin: 15px 0;}
    
    .ribbon-type1 {font-size: 18px;}
    .ribbon-type1 .container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }    
    
    .column-content > h2{font-size: 18px;}
    
    .xbee-ecosystem .subnav{text-align: left;}
    .xbee-ecosystem .subnav ul{overflow: hidden; border-top: 1px solid #ddd;}
    .xbee-ecosystem .subnav ul li{width: 50%; float: left; box-sizing: border-box;  border: 1px solid #ddd; border-top: 0;}
    .xbee-ecosystem .subnav ul li a{text-decoration: none; width: 100%; display: block; padding: 10px;  box-sizing: border-box; font-size: 18px; border-bottom: 0; background: #fff;}
    .xbee-ecosystem .subnav ul li:after{display: none;}
    .xbee-ecosystem .subnav a.active{border-bottom: 0; background: #1f7fa5; color: #fff; font-weight: normal;}
    

}/* end 767*/


@media only screen and (max-width: 568px){
    .xbee-front-door .grid .col {float: none; padding-left: 0;}
    .xbee-front-door .grid .col[class*=span-] {width: 100%; padding-left: 0;}

    .xbee-ecosystem h2 {font-size: 24px; line-height: 1.3em !important;}

    .xbee-front-door .wc-cellular-grid .col-small {float: none; width: 100%; margin-bottom: 10px; padding-right: 0;}
    .xbee-front-door .xbee-ecosystem-intro p{font-size: 14px;}

    .xbee-front-door .xbee-ecosystem-intro h2 {margin-bottom: 18px;}

    .xbee-front-door .xbee-ecosystem-sections h3 {margin-top: 30px;}
    
    .xbee-front-door .xbee-ecosystem-sections p {font-size: 14px;}
    .xbee-front-door .blue-link, .xbee-front-door .white-link{font-size: 14px;}
    
    .xbee-front-door h2 {font-size: 48px; font-size: 2rem;}
    
    /* ## software */
    .coltwo, .colthree, .colfour, .colfive, .colsix, .colfourthree, .coleight {width: 100%;}
    #development .colthree{font-size: 14px;}
    #development h6{font-size: 18px;}
    .xbee-ecosystem.software .introduction .coltwo:nth-of-type(1), .xbee-ecosystem.hardware .introduction .coltwo:nth-of-type(1), .xbee-ecosystem.resources .introduction .coltwo:nth-of-type(1) {padding: 0; margin-bottom: 20px;}
    
    .xbee-ecosystem.software .introduction h1, .xbee-ecosystem.hardware .introduction h1, .xbee-ecosystem.resources .introduction h1{font-size: 24px;}
    .xbee-ecosystem.software .introduction .inside h2, .xbee-ecosystem.hardware .introduction .inside h2, .xbee-ecosystem.resources .introduction .inside h2{font-size: 18px;}
    .xbee-ecosystem.software .introduction .inside h3, .xbee-ecosystem.hardware .introduction .inside h3, .xbee-ecosystem.resources .introduction .inside h3{font-size: 16px;}
    
    h1 .trademark, h2 .trademark, h3 .trademark, h4 .trademark, h5 .trademark, h6 .trademark{top: -15px; font-size: 14px;}
    
    .xbee-ecosystem .tier h2{font-size: 24px;}
    h4.subheading, .generic h2, h5.subheading, h2.smallblock {font-size: 18px; line-height: 1.4em; width: 100%; padding: 0; margin: 0 0 25px 0;}
    a.button {font-size: 16px; padding: 10px 16px;}    
    .trustfence-text{font-size: 14px;}
    
    .tier {padding: 30px 0;}
    .card-container .card {width: 48%; margin: 0 1% 24px 1%;}
    .card-container .card a {padding: 5px 10px 45px 10px;}
    .card-container .cardimage {height: 100px; line-height: 100px;}

    .card-container .card.video .cardimage::after {content: url(//images.digi.com/card-button-play.png?width=40); width: 40px; height: 40px; margin: -35px 0 0 -20px;} 
    .card-container .video a:after {content: url(//images.digi.com/card-corner-video.png?width=40); width: 40px; height: 40px; position: absolute; bottom: 0; right: 0;}
    
    .card-container .card .cardtext{font-size: 14px;}
    
    
    /* ## hardware */
    .xbee-ecosystem.software #infographic .coltwo, .xbee-ecosystem.hardware #infographic .coltwo, .xbee-ecosystem.resources #infographic .coltwo {padding: 0;}

    .xbee-ecosystem.software #technologies .item .techs .text .colthree, .xbee-ecosystem.hardware #technologies .item .techs .text .colthree, .xbee-ecosystem.resources #technologies .item .techs .text .colthree {margin: 0 0 20px 0;}
    
    .hardware .xbee-front-door .xbee-video h2{font-size: 24px;}

    
    /* ## resources */
    .offerings .colthree, .offerings .colfour, .offerings .coltwo, .offerings .colthreetwo {width: 100%; margin: 0 0 45px 0; padding: 0 0 12px 0;}    
    .offerings .text {font-size: 16px; line-height: 1.5em; padding: 0 12px;}
    .offerings .text .heading {padding-top: 14px; }
    .xbee3-ecosystem .offerings .text .heading{font-size: 18px;}

    .xbee-ecosystem.software #codelibs h4.subheading, .xbee-ecosystem.hardware #codelibs h4.subheading, .xbee-ecosystem.resources #codelibs h4.subheading {
        padding: 10px 0 5px 0;
    }

    
    /* ## tools */
    .ribbon-type1 .container {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .ribbon-type1 .container div:nth-of-type(1) {width: 100%; margin: 0 0 20px 0;}
    .ribbon-type1 .container div:nth-of-type(1) img {max-width: 200px; margin: 0;}
    .ribbon-type1 .container div:nth-of-type(2) {width: 100%; margin: 0; }
    .cta span.heading{font-size: 21px; margin-bottom: 10px;}
    .cta span.teaser{font-size: 16px}
    
    .ribbon-type1 h2{font-size: 21px; font-weight: 500;}
    .ribbon-type1{font-size: 16px;}
}