h3{

}
.button{
    display:inline-block;
    white-space:normal;
}

ul{
    margin-bottom: 0;
    list-style-position: outside;
}

/** Main Body Styles */
.bannerContainer .bannerImage img{
     min-width: 100%; 
}
.rtl .bannerContainer .bannerImage img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}


.bannerParent {
    position: relative;
}

.bannerImage {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#highSort, .highSortContainter,
.sortText, .highLowLine {
    margin-right: 12px;
}

.selectionText p {display:inline; margin-right: 24px;}
.filter-display {
    display:none; 
    margin-right: 30px;

}

.tagClose {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.tagClose:hover{
    cursor:pointer;
}

.allDevices {
    width: 78%;
}

.rtm-plugin-ctas .button {
   margin-bottom: 16px;
   margin-right: 20px;
}

@media (min-width:1084px) {
    .widthZero {
        width: 0;
        padding: 0;
    }
    .bannerText {
    position: absolute;
    top: 50%;
    -ms-transform: translate(-100%, -50%);
    /*-webkit-transform: translate(-100%, -50%);*/
    -moz-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%); 
    left: 50%;
    width: 50%;
    max-width: 800px;
    }


}

@media screen and (max-width: 1083px) and (min-width: 540px) {
    .bannerText {
	position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -62%);
    /*-webkit-transform: translate(-44%, -62%);*/
    -moz-transform: translate(-50%, -62%);
    -o-transform: translate(-50%, -62%);
    transform: translate(-50%, -62%); 
    left: 44%;
    width: 100%;
    max-width: 800px;
    }
}

@media screen and (max-width: 899px) and (min-width: 728px) {
    .allDevices {
    width: 75%;
}
}

@media screen and (max-width: 727px) and (min-width: 540px) {
    .allDevices {
    width: 65%;
}
}



@media screen and (max-width:767px) {
   .heroContainer_DescriptionBlock {color: #2f2f2f !important;}
}

.bannerText h1 {
    text-align: left;
}

.svgContainer {
    width: 13px;
    height: 13px;
    margin-right: 5px;
}

.filterBar {
	background: #007FD5;
	width: 100%;
	margin-top: -6px;
}

.filterText {
	color: white;
	margin-right: 6%;
	padding: 6px;
}

.checkboxMargin {
	margin: 5px;
}

.checkboxMargin:hover{
    cursor:pointer;
}

.filterSelectionInnerContainer {
	display: block;
	position: relative;
}

.filterAndSortPadding {
	padding: 40px 0 20px 0;
}

.selectionPadding {
    padding: 40px 0 40px 0;
}

.singleGridItemContainer {
    width: 100%;
    background: white;
    position: absolute;
}

.productGridMainContainer {
    padding-bottom: 50px;
}

.productGrid {
    margin-top: 84px;
}

/** Filter Styles */
.innerFilterContainer{
	width: 100%;
	margin-right: 20px;
}

.filterButton{
	background: white;
	padding: 5px;
    border: 1px solid black;
}

.filterButton p{
    margin: 0 0 0 7px;
    padding: 2px 0;
}

.filterDropDown{
	background: white;
	display: none;
    padding: 5px;
    border: 1px solid black;
    margin-bottom: 10px;
    margin-top: -2px;
}

.filterOneInput, .filterTwoInput, 
.filterThreeInput {
    margin-bottom: 7px;
}

/** Single Grid Item */
.colParent {
    /*margin-bottom: 84px;*/
    margin-bottom: 69px; /*reduce 25px based on the design suggestion*/
    margin-top: 44px;
    min-height: 504px;
}

/* special requirement for ja-jp, need 20 Japanese characters in singel line, WI 125656 */
.ja-JP .colParent h3,
.ko-KR .colParent h3{
    font-size:17.5px;
}

.gridItemParent {
	position: relative;
    overflow: visible;
}

.gridPadding {
    /*padding: 10px;*/
}

.gridPaddingBorder {
    outline: 1px solid #007FD5;
    position: absolute;
    white-space: nowrap;
    left:-10px;
    top:-10px;
    z-index: 49;
    padding: 10px 10px 0px 10px;
    box-sizing: content-box;
}


.learnMoreContainer {
    margin-bottom:10px;
}

.gridItemPopup {
	position: absolute;
	top:0;
	left:0;
	display: none;
	border: 1px solid #007FD5;
	z-index: 50;
	width: 100%;
	background: white;
    padding: 15px;
}

.imageContainer {
    position: relative;
    margin-bottom: 44px;
}

.itemStatus {
    margin-bottom: 4px;
    height: 25px;
}

.status {
    text-align:center;
    border: 1px solid #007FD5;
    display: inline-block;
    padding: 0 8px;
    color: #007FD5;
}

.itemImage {
    width: 100%;
}

.gridItemImage {
    width: 100%;
    display: block;
}

.gridImage{
    display: none;
    min-height:213px;
}

.colorSwatchContainer {
    width: 98%;
    margin-bottom: 32px;
    white-space: normal;
    min-height: 50px;
}

.swatch {
    display: inline-block;
    margin: 0 3px 0 0;
}

.swatch:hover{
    cursor: pointer;
}

.itemSwatch {
    width: 44px;
    height: 20px;
}

.itemNameContainer {
    margin-bottom: 16px;
    margin-top: 32px;
    min-height:60px;
    white-space: normal;
}

.itemNameContainer > h3 > a {
    font-family: wf_segoe-ui_semilight,wf_segoe-ui_normal,Arial,sans-serif;
    color: #2f2f2f;
    text-decoration: none;
}

.itemNameContainer h3{
    margin-bottom: 0;
}

.itemPriceText {
    margin-bottom: 28px;
}

.buyNowBttnContainer {
    float: left;
    margin-bottom: 16px;
}

.rtm-plugin-ctas .button {
   margin-bottom: 16px;
   margin-right: 20px;
}

.buyNowMargin {
    margin-right: 20px;
}

.compareContainer {
    float: left;
}
.rtl .compareContainer{
    float:right;
}

.compareCheckBox {
    margin-right: 5px;
    margin-top: 10px;
}

.selectThreeItems {
    margin-right: 36px;
}

.bulletContainer {
    margin-bottom: 16px;
    margin-top: 20px;
    white-space: normal;
}

.bulletContainer ul { 
   list-style-type: disc; 
   list-style-position: outside; 
   margin-left: 20px;
}
.rtl .bulletContainer ul {
    list-style-position:outside;
    margin-left:0;
    margin-right: 20px;
}

.bulletContainer ul ul, 
.bulletContainer ol ul { 
   list-style-type: circle; 
   list-style-position: outside; 
   margin-left: 15px; 
}
ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}

.bulletContainer ul li div{
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/** Generic Styles */
.borderBottom {
	border-bottom: 1px solid gray;
}

.inlineBlock {
	display: inline-block;
}

.floatLeft {
	float: left;
}

.rtl .floatLeft {
    float: right;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}

.disabled {
    background-color: #D5D5D5;
    color: #919191;
    white-space: nowrap;
  }

/**Medi Queries*/
.relativePopContainer {
    position: relative;
    width: 100%;
    display: none;
}

.absolutePopContainer{
    background: white;
    width: 100%;
}
.learnMoreContainer a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
}
#noLeftMarg {
    margin-left: 0;
}

.whitespaceNoWrap {
    white-space: nowrap;
}

.hiddenElements{
    display: none;
}

.prodImageLink{
    display: block;
}

.swatchParent{
    display: inline-block;
    margin: 0 3px 0 0;
    position: relative;
    overflow: visible;
}

.colorTip{
    position: absolute;
    top: -40px;
    left: 0;
    white-space:nowrap;
    display: none;
    background: white;
    height: 30px;
    padding: 0 10px;
}

.numSortRest {
    color: #003963;
    text-decoration: none;
}

.numSortClicked{
    color: #0078d7;
    text-decoration: none;
}

.numSortRest:hover, 
.numSortRest:focus, 
.numSortClicked:hover, 
.numSortClicked:focus{
    color: #0078d7;
    text-decoration: none;
}

.safariHeight {
    height: 543px;
}

/* ----- HERO Image container ----- */
.heroContainer {
  position: relative;
}

.heroContainer .rtm-image-container{
        min-height: 31.25vw;
    }

.heroContainer img {
    width: 100%;
    height: auto;
    min-width: 100%;
}

/* ----- HERO Title and Description ----- */
@media screen and (max-width: 1084px) and (min-width: 727px) {
    .safariHeight {
        height: 503px;
    }
}

.heroContainer__overview h1 {
  margin-top: 22px;
  margin-bottom: 13px;
  text-align: left;
}
.rtl .heroContainer__overview h1{
    text-align:right;
}

.heroContainer__overview p {
  margin-bottom: 24px;
}

.heroContainer__overview h3 {
  margin-bottom: 44px !important;
}

.mobileClose {
    color: white;
    display: none;
    margin-left: 24px;
}

.mobileClose:hover{
    cursor: pointer;
}

@media (min-width: 768px) {

    .heroContainer_DescriptionBlock {
        position: absolute;
        margin: 0 auto;
        left: 0; right: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
  }
    .heroContainer_Adapters {
        position: absolute;
        margin: 0 auto;
        left: 0; right: 0;
        top: 15%;
        transform: translateY(-15%);
        -webkit-transform: translateY(-15%);
        -ms-transform: translateY(-15%);
  }
    .es-ES .heroContainer_Adapters{
        top: 10%;
        transform: translateY(-15%);
        -webkit-transform: translateY(-15%);
        -ms-transform: translateY(-15%);
    }
    .heroContainer__overview h1 {
        margin-bottom: 14px;
    }

    .heroContainer__overview p {
        margin-bottom: 24px;
    }

    .heroContainer__overview h1.adapters {
        white-space:nowrap;
    }
}

@media (min-width: 768px) and (max-width: 850px) {
    .heroContainer_Adapters {
        top: 5%
    }
}

@media screen and (min-width:768px) {
    .heroContainer_Adapters .l-col-7-24 {
        width:50%;  
    }
}

@media (min-width: 1084px) {
    .heroContainer__overview h1 {
        margin-bottom: 15px;
    }
    .heroContainer__overview p {
        margin-bottom: 27px;
    }
}

.clearAllBttn {
    padding-right: 17px;
    padding-left: 17px;
    margin-left:10px;
}

.clearAllBttn:hover{
    background: #0060AC;
    color: white;
}
@media only screen and (max-width: 539px) {
    .bannerText {
	position: relative;
	top: 0%;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
	left: 1%;
	width: 83.33%;
    padding-top: 36px;
    padding-bottom: 48px;
    }

   .allDevices {
    width: 100%;
    margin-top: 24px;
    }

   .itemCountContainer{
       display: none;
   }

   .mobileBackground{
       background: #e3e3e3;
   }

   .filter-display {
       background: #007FD5;
       padding: 15px 15px 15px 20px;
       color: white;
       margin-bottom: 15px;
       display: none;
   }

   .filterButton{
	   margin-bottom: 2px;
	}

   .colParent {
       margin-bottom: 48px;
       margin-top: 0px;
   }

   .itemStatus {
       height: 28px;
   }

   .mobileClose {
       color: white;
       display: inline-block;
       float: right;
       height: 16px;
       width: 16px;
       fill: white;
   }

   .tagClose {
       display: none;
   }
}

@media only screen and (min-width: 666px) and (max-width: 1084px) {
    .itemNameContainer{
        min-height: 81px;
    }
}

@media only screen and (min-width: 540px) and (max-width: 1067px) {
    .buyNowBttnContainer{
        width: 100%;
    }
}

@media only screen and (min-width: 1084px) and (max-width: 1291px) {
    .buyNowBttnContainer{
        width: 100%;
    }
}

@media only screen and (min-width: 539px) and (max-width: 665px) {
    .itemNameContainer{
        min-height: 104px;
    }

    .colorSwatchContainer {
        height: 75px;
    }
}

.filterDropDownRotateUp {
    transform: rotate(-180deg);
}

.filterDropDownRotateDown {
    transform: rotate(0deg);
}

.closeImageButton {
    display: none;
}

@media screen and (max-width:539px) {
    .itemSwatch {
        height: 44px;
        margin-bottom:12px;
    }

    .colorSwatchContainer {
        margin-bottom: 20px;
        height:auto;
    }
}

/* rtl */
.rtl .productGridMainContainer .fr{
    float:left;
}

.rtl .productGridMainContainer .fl{
    float:right;
}

.rtl #numItemsSelected{
    float:left;
    margin-left:22px;
}

.rtl .floatRight{
    float:left;
}

/*.rtl .heroContainer img{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}*/
@media screen and (min-width: 1400px){
    .rtl .heroContainer .for-rtl{
        margin-right: 66.6666666667%;
    }
}

@media (max-width: 1399px) and (min-width: 1084px) {
    .rtl .heroContainer .for-rtl{
        margin-right: 70.8333333333%;
    }
}

@media (max-width: 1083px) and (min-width: 768px){
    .rtl .heroContainer .for-rtl{
        margin-right: 58.3333333333%;
    }
}

.heroContainer_Adapters{

}

.full-row{
    width:100%;
}

@media screen and (max-width: 899px){
    #filterByCol{
        width: 100%;
    }
}