
.sectiontitlebox {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1270px) {
  .sectiontitlebox {
        width: 716px;
    }
}
@media screen and (max-width: 745px) {
  .sectiontitlebox {
    width: 100%;
  }
}

/*SECTION PRODUCT SHEETS (inherits...)*/
.sectionbox .bigboxsmalleritem .imageboxcontainer .imagebox.post1 {
    background-image:url("../png/td-resources-landing-page-backgroundimage-1%402x.png");
}
.sectionbox .bigboxsmalleritem .imageboxcontainer .imagebox.post2 {
    background-image:url("../jpg/productsheets-post2%402.jpg");
}
.sectionbox .bigboxsmalleritem .imageboxcontainer .imagebox.post3 {
    background-image:url("../png/productsheets3%402.png");
}
.sectionbox .bigboxsmalleritem .imageboxcontainer .imagebox.post4 {
    background-image:url("../jpg/whatshot-alerttraveler-productsheet.jpg");
}
.sectionbox .bigboxsmalleritem .imageboxcontainer .imagebox.post5 {
    background-image:url("../png/productsheets4%402.png");
}
.sectionbox .bigboxsmalleritem .imageboxcontainer .imagebox.post6 {
    background-image:url("../jpg/productsheet5.jpg");
}   
.sectionbox .bigboxsmalleritem .imageboxcontainer .imagebox.post7 {
    background-image:url("../jpg/productsheet-keyboard.jpg");
}  
.sectionbox .bigboxsmalleritem .imageboxcontainer .imagebox.post8 {
    background-image:url("../jpg/productsheet-call.jpg");
}            

/* SECTION BOX SHARED */

.sectiongrey {
    background-color:#F5F5F5;
    padding-top: 25px;
    position:relative;
    width:100%;    
}

.sectiongrey .sectionbox {
    margin-top:0px;
}
.sectionbox {
    margin-top: 40px;
    padding-bottom: 20px;
    height:auto;
    background-color:rgba(255, 255, 255, 0);
    width: 1450px;
    margin-left: auto;
    margin-right: auto;
    position: relative;  
}

.sectionbox .bigboxcontainer {
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    margin-top: 0px;
    position:relative;
    width:100%;
    padding-bottom: 50px;
}
.sectionbox .bigboxcontainer .innerbigboxcontainer {
    height:100%;
    position:relative;
    width:100%;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.sectionbox .bigboxsmalleritem .imageboxcontainer .imagebox {
    background-attachment:scroll;
    background-clip:border-box;
    background-color:rgba(0, 0, 0, 0);
    background-origin:padding-box;
    background-position-x:center;
    background-position-y:top;
    background-repeat:no-repeat;
    background-size:contain;
    height:100%;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    position:relative;
    width:100%;
}

.sectiontitles {
    align-items: flex-start;
    background-color: rgba(255, 255, 255, 0);
    display: flex;
    flex-direction: row;
    height: 30px;
    justify-content: flex-start;
    left: unset;
    margin-bottom: 0;
    margin-top: 0;
    opacity: 1;
    position: relative;
    top: unset;

}
.sectiontitles .caption {
    background-color: rgba(255, 255, 255, 0);
    color:#00ACEC;
    font-family: "ProximaNova-Light", Helvetica, Arial, serif;
    font-size: 48px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: auto;
    left: unset;
    line-height: 29px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    opacity: 1;
    position: relative;
    text-align: left;
    top: unset;
    transform: rotate(0deg);
    width: auto;
}

 
.bigboxsmalleritem {
    background-color:rgba(255, 255, 255, 0);
    height:536px;
    margin-bottom:0;
    margin-left: 7.25px;
    margin-right: 7.25px;
    margin-top:0;
    position:relative;
    width:348px;
}
.bigboxcontainer.letterbox .bigboxsmalleritem {
    height: 385px;    
}


.bigboxsmalleritem .imageboxcontainer {
    background-color:rgba(255, 255, 255, 0);
    height:348px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    position:relative;
    width:100%;
}
.bigboxsmalleritem.letterbox .imageboxcontainer {
    height:197px;
}

.bigboxsmalleritem .textbox {
    background-color:rgb(255, 255, 255);
    
    box-shadow:rgba(0, 0, 0, 0.3) 0 2px 14px 0;
    height:auto; /*273px*/
    
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    position:absolute;
    
    transform: translate(-50%);
    left: 50%;
    
    bottom: 0;
    /*top:121px;*/
    
    width:258px;
    
    overflow: hidden;
    padding-bottom: 16px; /*22px*/
    
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.bigboxsmalleritem .textbox .fix-collapse-margin.fc-4-1 {
    padding-top:1px !important;
    position:relative;
    overflow: hidden;
}


.bigboxsmalleritem .textbox .description {
    background-color:rgba(255, 255, 255, 0);
    height:203px; /*197px*/
    margin-bottom:0;
    margin-left:25px;
    margin-right:0;
    margin-top:18px;
    position:relative;
    width:221px;
    
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.bigboxsmalleritem .textbox .description .boxcaption {
    background-color: rgba(255, 255, 255, 0);
    height: 17px;
    margin-bottom: 0;
    margin-left: 0px;
    margin-right: 0;
    margin-top: 0px;
    position: relative;
    width: auto;
}
.bigboxsmalleritem .textbox .description .boxcaption .caption {
    background-color: rgba(255, 255, 255, 0);
    font-family: "ProximaNova-Extrabld", Helvetica, Arial, serif;
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: auto;
    line-height: 17px;
    margin-bottom: 0;
    margin-left: 0px;
    margin-right: 0;
    margin-top: 0px;
    position: relative;
    text-align: left;
    width: auto;
    text-transform: uppercase;
}
.bigboxsmalleritem .textbox .description .boxcaption .caption,
.bigboxsmalleritem .textbox .description .boxcaption .caption.blue {
    color:rgb(0, 172, 236);
}
.bigboxsmalleritem .textbox .description .boxcaption .caption.violet {
    color:rgb(113, 65, 148);
}
.bigboxsmalleritem .textbox .description .boxcaption .caption.orange {
    color:rgb(255, 131, 0);
}
.bigboxsmalleritem .textbox .description .boxcaption .caption.red {
    color:rgb(207, 66, 41);
}
.bigboxsmalleritem .textbox .description .boxcaption .caption.green {
    color:rgb(159, 197, 77);
}
.bigboxsmalleritem .textbox .description .boxcaption .caption.teal {
    color:rgb(0, 156, 150);
}
.bigboxsmalleritem .textbox .description .boxcaption .caption.navy {
    color:rgb(0, 66, 113);
}


.bigboxsmalleritem .textbox .description .boxtitle {
    background-color:rgba(255, 255, 255, 0);
    height:auto; /*52px;*/
    margin-bottom:0;
    margin-left:0px;
    margin-right:0;
    margin-top:0;
    position:relative;
    width:auto;  
}
.bigboxsmalleritem .textbox.captioned .description .boxtitle {
    margin-top: 11px;
}

.bigboxsmalleritem .textbox .description .boxtitle .title {
    background-color:rgba(255, 255, 255, 0);
    color:rgb(74, 73, 74);
    font-family:"ProximaNova-Bold", Helvetica, Arial, serif;
    font-size:24px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-weight:normal;
    height:auto;
    line-height:26px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    position:relative;
    text-align:left;
    width:auto;
}


.bigboxsmalleritem .textbox .description .boxdesc {
    background-color:rgba(255, 255, 255, 0);
    height:auto; /*131px;*/
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:14px;
    position:relative;
    width:auto;  
}
.bigboxsmalleritem .textbox.captioned .description .boxdesc {
    margin-top: 13px;
    overflow: hidden;
}

.bigboxsmalleritem .textbox .description .boxdesc .desc {
    background-color:rgba(255, 255, 255, 0);
    height:auto;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    position:relative;
    text-align:left;
    width:auto;
}
.bigboxsmalleritem .textbox .description .boxdesc .desc,
.bigboxsmalleritem .textbox .description .boxdesc .desc p {
    color:rgb(116, 115, 117);
    font-family:"ProximaNova-Regular", Helvetica, Arial, serif;
    font-size:16px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-weight:normal;
    line-height:20px;
}
.bigboxsmalleritem .textbox .description .boxdesc .desc p {
    margin-left:0px !important;
    margin-right:0px !important;
}

.bigboxsmalleritem .textbox .imgwrap.fc-5-1 {
    margin-left:181px;
    margin-top:5px; /*31px*/
    position:relative;
}
.bigboxsmalleritem .textbox.captioned .imgwrap.fc-5-1 {
    margin-top:10px;
}

.bigboxsmalleritem .textbox .readarrow {
    background-color:rgba(255, 255, 255, 0);
    height:12px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    position:relative;
    width:32px;
}

.bigboxcontainer .innerbigboxcontainer .bigboxsmalleritem.alink {
    cursor: pointer;
}
.bigboxcontainer .innerbigboxcontainer .bigboxsmalleritem {
    margin-top: 50px;
}

@media screen and (max-width: 1480px) {
    /*change is here at 1480 to be consistent with top section*/
    .sectiontitles > div:first-child {
        padding-left: 25px;
    }
    .sectiontitles > div:last-child {
        padding-right: 15px;    
    }
}

@media screen and (max-width: 1450px) {
    .sectionbox {
        width: 100%;
        height: auto;
    }
    
    .sectionbox .bigboxcontainer {
        padding-right: 20px;
        padding-left: 20px;  
        height: auto;  
    }

}
@media screen and (max-width: 1130px) {
    .sectionbox .bigboxcontainer .innerbigboxcontainer {
        flex-wrap: wrap;
        justify-content: center;
    } 
    .bigboxsmalleritem {
        margin-bottom:30px;        
    }   
}

@media screen and (max-width: 450px) {
    .sectiontitles .caption {
        font-size:30px;
    }  
  
    .sectionbox .bigboxcontainer:not(.containmobile) .bigboxsmalleritem .imageboxcontainer .imagebox {
        background-size: cover;
    }

}

/* SECTION BOX SHARED */

