/* hero section */
.hero-container {
    position:relative;
}
#searchtext {
    position:relative;
    opacity:0.9;
}
#searchoptions{
    height:38px;
}

.rtl #searchtext, .rtl #filterByCol {
    float:right;
} 

.bgImage-container img{
    width:100%;
}

.rtl .hero-container img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.content-container h1{
    text-align: left;
}

.rtl .content-container h1{
    text-align: right;
}

.filterBar.gray-bg {
    background-color: #F1F1F1;
}

#filterByCol {
    display:inline-block;
}

#product-selector-term::-webkit-input-placeholder {
    opacity: 0.5;
}

#product-selector-term:-moz-placeholder { /* Firefox 18- */
   opacity: 0.5;  
}

#product-selector-term::-moz-placeholder {  /* Firefox 19+ */
   opacity: 0.5;  
}

#product-selector-term:-ms-input-placeholder {  
   opacity: 0.5;
}


.filterBar #searchoptions {
    width: 100%;
    line-height: 22px;
    /*border:1px solid #767676;*/
  }
.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
  -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -ms-appearance:none;

   }
.styled-select .select-dropdown:before{  
    content: '';
    display: block;
    height: .8em;
    width: .8em;
    position: absolute;
    top: 14px;
    right: .61em;
    background-repeat: no-repeat;
    z-index: 10;
    pointer-events: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%201000%201000%22%20enable-background%3D%22new%200%200%201000%201000%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3Ecircle%2C%20ellipse%2C%20line%2C%20path%2C%20polygon%2C%20polyline%2C%20rect%2C%20text%20%7B%20fill%3A%20%232F2F2F%20!important%3B%20stroke%3A%20%232F2F2F!important%3B%20%7D%3C%2Fstyle%3E%3Cg%20id%3D%22New_Symbol%22%3E%20%3Cpolygon%20points%3D%22500%2C808.9%2012.2%2C321.1%2071.1%2C262.2%20500%2C691.1%20928.9%2C262.2%20987.8%2C321.1%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.select-dropdown{
    height: 40px;
    width:100%;
    display:inline-block;
    position:relative;
}

.styled-select {
    height: 40px;
    opacity:0.9;
    width: 190px;
    float: left;
    display: inline-block;
    background-color: #fff;
    margin-left: 32px;
    border: 1px solid #767676;
    white-space: nowrap;
    color: #2f2f2f;
   }
select::-ms-expand{
  display:none;
}

.rtl .fl.subtitle {
    margin-left: 5px;
}
.rtl .styled-select{
    float:right;
}
.rtl .styled-select .select-dropdown:before{
    right: auto;
    left:0.61em;
}
:-ms-input-placeholder#product-selector-term{
    opacity:0.9;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .filterBar #searchoptions {
        text-indent: 10px;
        line-height:36px;
        /*-webkit-appearance: menulist-button;
        border:1px solid #767676;
    }
}*/

@media screen and (min-width:1600px) {

    .filterBar #searchoptions {
    width: 100%;
}
    .prodgridcol {
     width: 31.50%!important;
}
    }

.ja-JP #herotitle {
    word-break:keep-all;
}
/* For Desktops*/
@media screen and (min-width:1084px) {

    /* Hero Image*/
    #herotitle{
       margin-bottom: 17px;
    }

    /*Filter Box*/

    .filterBar {
        padding-top:32px; 
        padding-bottom: 32px;
    }

    .filterBy.body {
        font-weight: 600;
        line-height: 2.25;
    }

    #searchtext {
        margin-left: 16px;
    }

    .rtl #searchtext {
        margin-right: 16px;
        margin-left:32px;
    }

    #searchtext #product-selector-term {
        color:#2F2F2F;
        padding-left: 10px;
    }

    .rtl #searchtext #product-selector-term {
        padding-right: 10px;
    }

    #searchoptions {
        /*margin-left: 32px;*/
        height: 38px;
        padding-left: 10px;
    }

    #product-selector-term {
        height: 40px;
    }


    /*Products List*/

    #filterSearchtxt {
        margin-top: 25px;
        margin-bottom: 26px;
    }

    #btnText {
        margin-left: 20px;
    }

    .rtl #btnText {
        float: right;
        margin-right: 20px;
    }

    .prodheading {
        margin-bottom: 20px;
    }

    #hrline {
        margin-bottom: 26px;
    }

    #selTxt {
        float: left;
        margin-top: 6px;
    }

    .rtl #selTxt {
        float: right;
    }

    .linkText {
        margin-bottom: 13px !important;
    }

    #productgrid {
        margin-bottom: 37px;
        display: block;
    }

     #tab_productgrid {
        display: none;
    }

    .productslist {
        margin-bottom: 32px;
    }

    .prodgridcol {
       width: 31.25%; 
       float: left;
       margin-right: 8px;
    }

    .rtl .prodgridcol {
       float:right;
       margin-right:0px;
       margin-left:8px;
    }

    /*Customize your device section*/

    #customizeheading {
       margin-top: 53px;
       margin-bottom: 0px;
    }

    #customizetext {
       margin-top:14px;
    }

    #customizelink {
       margin-top: 18px;
       margin-bottom: 48px;
    }

    /*Featured products section*/

    #featuredproductssection {
       margin-top: 38px;
    }

    #featuredheader {
        margin-bottom: 43px;
    }

    #featureproductname {
        margin-top: 16px;
    }

    #featureproductlink {
        margin-bottom: 34px;
    }

}

/* For Tablets*/
@media screen and (min-width:540px) and ( max-width:1083px){

    .styled-select{
        margin-left: 15px;
        width: 20%;
        }

    /* Hero Image*/
    #herotitle{
       margin-bottom: 14px;
    }

     /*Filter Box*/

    .filterBar {
        padding-top:32px; 
        padding-bottom: 32px;
    }

    .filterBy.body {
        font-weight: 600;
        line-height: 2.25;
    }

    .fl.subtitle {
        margin-top: 6px;
    }

    #searchtext {
        margin-left: 16px;
    }

    .rtl #searchtext {
        margin-right: 16px;
            }

    #searchtext #product-selector-term {
        color:#2F2F2F;
        padding-left: 10px;
        /*border-style:ridge;*/
    }

    .rtl #searchtext #product-selector-term {
        padding-right: 10px;
    }

    #searchoptions {
        /*margin-left: 20px;*/
        height: 38px;
        width: 120px;
        padding-left: 10px;
    }

    #product-selector-term {
        height: 40px;
        width: 300px;
    }


    /*Products List*/

    #filterSearchtxt {
        margin-top: 25px;
        margin-bottom: 26px;
    }

    #btnText {
        margin-left: 20px;
    }


    .prodheading {
        margin-bottom: 20px;
    }

    #hrline {
        margin-bottom: 36px;
    }

    .linkText {
        margin-bottom: 13px !important;
    }

    #productgrid {
        margin-bottom: 13px;
        display: none;
    }

    #tab_productgrid {
        display: block;
        margin-bottom: 16px;
    }

    .productslist {
        margin-bottom: 33px;
    }

    .tab_prodgridcol {
       width: 43.5%; 
       float: left;
       margin-right:50px;
    }

    .rtl .tab_prodgridcol {
        float:right;
        margin-left: 50px;
        margin-right:0px;
    }

    .tab_prodgridcol1 {
       width: 43%; 
       float: left;
    }

     .rtl .tab_prodgridcol1 {
        float: right;
    }


    /*Customize your device section*/

    #customizeheading {
       margin-top: 30px;
       margin-bottom: 0px;
    }

    #customizetext {
       margin-top:14px;
    }

    #customizelink {
       margin-top: 18px;
       margin-bottom: 35px;
    }

    /*Featured products section*/

    #featuredproductssection {
       margin-top: 27px;
    }

    #featuredheader {
        margin-bottom: 32px;
    }

    #featureproductname {
        margin-top: 16px;
    }

    #featureproductlink {
        margin-bottom: 34px;
    }
    .filterBar #searchoptions{
        width:100%;
    }

    .rtl #selTxt, .rtl #btnText {
        float:right;
    }

    .rtl #btnText {
        margin-right: 20px;
    }

}

/* For Mobiles*/
@media screen and (min-width:540px) and ( max-width:671px){
   
    .styled-select{
      margin-top:3px;
    }
     #searchtext {
        clear:both;
        margin-right:10px;
        margin-top: 3px;
        margin-left: 0px;
    }

    .rtl #searchtext {
        margin-right: 0px;
        margin-left:15px;
    }

    #searchtext #product-selector-term {
        color:#2F2F2F;
        padding-left: 10px;
    }

    .rtl #searchtext #product-selector-term {
        padding-right: 10px;
    }

    #searchoptions {
        height: 38px;
        width: 144px;
        float: left;
        padding-left: 10px;
        /* margin-left: 15px; */
        /* margin-top: 4px; */
    }

    .rtl #searchoptions {
        float: right;
        padding-right: 10px;
    }

    #product-selector-term {
        height: 40px;
        width: 310px;
    }

     .rtl #selTxt, .rtl #btnText {
        float:right;
     }

    .rtl #btnText {
        margin-right: 20px;
     }

}

/* For Mobiles*/
@media screen and (max-width:539px) {
    .styled-select{
        margin-top:3px;
        width:144px;
        margin-left: 0;       
    }
    
     /*Filter Box*/
    .filterBar #searchoptions {
        width: 100%;
        /*background-color:white;*/
        margin-top:0!important;
    }   
      
    #herotitle {
        margin-top: 22px;
        margin-bottom: 10px;
    }

    .filterBar {
        padding-top: 16px;
        padding-bottom: 27px;
        margin-top: 23px;
    }

    .filterBy.body {
        font-weight: 600;
        line-height: 2.25;
    }

    .fl.subtitle {
        margin-top: 6px;
    }

    .rtl #searchtext {
        margin-right: 0px;
        margin-left:24px;
    }

    #searchtext {
        clear:both;
        width: 256px;
        margin-right:10px;
        margin-top: 3px;
        margin-right:12px;
        /* width: 60%; */
    }

    #searchtext #product-selector-term {
        color:#2F2F2F;
        padding-left: 10px;
        border-style:ridge;
    }

    .rtl #searchtext #product-selector-term {
        padding-right: 10px;
    }

    #searchoptions {
        /* height: 40px; */
        width: 144px;
        float: left;
        padding-left: 10px;
        /* margin-left: 15px; */
        margin-top: 4px;
    }

     .rtl #searchoptions {
        float: right;
        padding-right: 10px;
     }

    #product-selector-term {
        height: 40px;
        width: 256px;
    }


    /*Products List*/

    #filterSearchtxt {
        margin-top: 25px;
        margin-bottom: 26px;
    }

    #btnText {
        margin-left: 20px;
    }

    .rtl #selTxt, .rtl #btnText {
        float:right;
    }

    .rtl #btnText {
        margin-right: 20px;
    }

    .prodheading {
        margin-bottom: 22px;
    }

    #hrline {
      margin-bottom: 38px;
    }

    .linkText {
        margin-bottom: 13px !important;
    }

    #productgrid {
        margin-bottom: 37px;
        display: block;
    }


    .productslist {
        margin-bottom: 26px;
    }

    #tab_productgrid {
        display: none;
    }

    .prodgridcol {
       width: 100%; 
       float: left;
    }

    .rtl .prodgridcol {
       float:right;
    }

    /*Customize your device section*/

    #customizeheading {
       margin-top: 10px;
       margin-bottom: 0px;
    }

    #customizetext {
       margin-top:14px;
    }

    #customizelink {
       margin-top: 18px;
       margin-bottom: 35px;
    }

    /*Featured products section*/

    #featuredproductssection {
       margin-top: 27px;
       margin-bottom: 47px;
    }

    #featuredheader {
        margin-bottom: 24px;
    }

    #featureproductname {
        margin-top: 20px;
    }

    #featureproductlink {
        margin-bottom: 22px;
    }
    
}

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

    .content-container {
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top:50%;
        transform:translateY(-50%);
        color:white;
    }
}


@media screen and (max-width:505px) {
    #searchoptions {
        margin-left: 0px;
     }
}

@media screen and (max-width:340px) {
    #product-selector-term {
       width: 290px;
    }

    #searchoptions {
       margin-left: 0px;
       width: 144px;
    }

    .fl.subtitle {
        margin-top: 6px;
    }

    #btnText {
        clear:both;
        margin-left: 0;
        margin-top: 5px;
    }

}


.rtl .filterBar #searchoptions {
        position: relative;
        z-index: 999;
}


/*
@media screen and (min-width:200px) {
    .xs-col-12-offset-1 {
        margin-left: 0px;
        padding-left: 8.33%;
    }
}*/