/*
 Theme Name:   dogdoors2017
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Seventeen Child Theme
 Author:       Varun Shrestha, Ben Green
 Author URI:   http://www.firstlink.com
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-seventeen-child
*/
a{
  color: rgb(0,51,102);
  font-weight: 500;
}
p > a{
  text-decoration: underline;
}
.fl-ga-evt{
  white-space: nowrap;
}
#masthead,.navigation-top{
    background-color: rgb(0, 51, 102);
    z-index: 100; /* magnifying glass on product pages is index 99 */
}
.custom-header{
    margin-bottom: 0rem !important;
}
.custom-header .wrap{
    max-width:100%;
    margin:auto;
    position: relative;
}
.site-branding{
    margin-bottom: 0rem !important;
}
.site-branding a,#masthead .wrap,.site-branding{
    padding:0rem;
}
.site-branding > .wrap > .wrap-nav{
  padding-top:1.5rem;
}
.custom-logo-link{
    box-shadow: none !important;
}
a.custom-logo-link:hover {
    opacity: 1 !important;
}
.custom-logo-link img{
    max-height:100%;
    max-width: 350px;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 100%;
}
.site-branding-text{
    position: absolute;
    top:0.5rem;
    left: 8rem;
}
.site-branding-text .site-title {
    font-size: 1.6rem;
    text-transform: none;
    position: relative;
    color:#f4d112;
}
.site-branding-text .site-title a{
    color:#f4d112;
    font-weight: bold;
}
.site-branding-text .site-title span{
    position: absolute;
    left: 5rem;
}
#top-menu{
    /* margin: auto; */
    text-align: center;
}
/*#top-menu li{
    background-color: #FFF;
    border-radius: 6px 6px 0px 0px;
    margin: 0rem -1rem;
    padding: 0rem 1rem;
}*/

.navigation-top {
    min-height: 10rem;
    position: relative;
    border:none;
    z-index: 4;
}
#site-navigation{
   position: absolute;
   bottom: 0;
   width:100%;
   margin: auto;
}
.fixed-header{
    position: fixed;
    width: 100%;
    background-color: rgb(0, 51, 102);
    height: auto;
}
.navigation-top .popup-btn{
    background: #bd621a;
    margin-top: 0.3rem;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.2rem;
    width: 100%;
    display: block;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 4px;
    line-height: 1.8;
}
.navigation-top .popup-btn:hover{
    background: #bd621a;
    opacity: 1;
}
.extranav nav,
.header-table{
    display: table;
    width: 100%;
    max-width: 1900px;
    margin: auto;
}
#menu-learning-center{
    text-align: center;
}
.menu-learning-center-container{
    /* float: right; */
    /* text-align: center; */
}

.header-table-cell{
    display: block;
    width:33.33%;
    position: relative;
    padding-top: 0.5rem;
    float: left;
}
.header-table-cell:nth-of-type(1){
    width: 30%;
}
.header-table-cell:nth-of-type(3){
    width: 30%;
    padding-top: 1.6rem;
}
.header-table-cell:nth-of-type(2){
    width: 40%;
}
.extranav{
    background-color: #031f3a;
    font-size: 1rem;
    line-height: 1.3;
    padding:0;
    display: none;
    width: 100%;
}

.extranav #learn ul li::after,
.extranav #learn ul li::before{
    border:0; 
}
.extranav ul.sub-menu{
    background: rgba(0,0,0,0.8);
    border: 0;
}
.extranav ul.sub-menu a{
    font-size: 90%;
    font-weight: normal;
    border-bottom: 1px solid white;
    margin: 0 0.7em;
    padding: 0.4em 0.75em;
    max-width: 12rem;
}
.extranav ul.sub-menu li:last-of-type a{
    border-bottom: 0;
}
.extranav ul.sub-menu,
.extranav ul.sub-menu li{
    max-width: 13.5rem; /* .extranav ul.sub-menu a max-width + margin */
}
.extranav #learn a:visited,
.extranav #learn a:link,
.extranav #learn a:active{
    color: white;
}
.menu-learning-center-container #menu-learning-center > .menu-item-has-children > a{
    color: #f4d112;
}
.link-wrapper>div{
/*    position: absolute;
    right:1rem;
    top: 2rem;*/
    max-width: 220px;
    width: 100%;
    float: right;
    padding-right: 1rem;
}
.link-wrapper .yellow-link{
/*    color:#f4d112;*/
    color:#FFF;
    letter-spacing: 2px;
    margin-bottom: 1rem;
}
.link-wrapper .yellow-link:hover{
    color:#f4d112;
    box-shadow: none !important;
    background: transparent;
}
.link-wrapper .yellow-link .fa-phone{
    display: none;
    font-size: 1.5rem;
}
.main-navigation a.menu-toggle{
    margin:auto;
    text-align: center;
    color:#FFF;
    font-size: 2rem;
    padding: 0;
    cursor: pointer;
}
.main-navigation a {
    padding: 0.5rem 1rem;
    color:#FFF;
    font-size: 1rem;
}
.main-navigation a:hover,.main-navigation a:focus,.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a{
    color:#f4d112;
    background: transparent;
    opacity: 1;
}

.main-navigation #top-menu li li.focus,
.main-navigation ul ul{
    background: rgb(0, 51, 102);
}
.main-navigation #top-menu .sub-menu a{
    color: #FFF;
}
.main-navigation #top-menu .sub-menu a:hover,.main-navigation #top-menu .sub-menu a:active{
    color:#f4d112;
    background: rgb(0, 51, 102);
    box-shadow: none !important;
    opacity: 1;

}
.site-branding a:hover, .site-branding a:focus{
  opacity: 1;
}
.main-navigation #top-menu li li{
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
.home-panel-content .wrap:nth-of-type(1){
    padding-top: 10.5rem;
}

body.page-two-column:not(.archive) #primary .home-panel-content .wrap .entry-content,body.page-two-column:not(.archive) #primary .entry-content{
    float:none;
    width:100%;
}
.page:not(.home) #content {
    padding:2.5em 0 0;
}
#primary{
    float:none;
    width: 100%;
}
.single-installerslist .has-sidebar:not(.error404) #primary{
    float: left;
    width: 58%;
}
.wrap{
    padding-left: 0em;
    padding-right: 0em;
}

.product-row .table-cell{
    padding: 1rem;
}
.product-row .table-cell img{
    width: 50%;
    float: left;
}
.product-row .table-cell .description{
    float: left;
    width: 50%;
    padding-left: 1rem;
}
/*****************************************************Header Search bar*****************************************************************************************************/
.header-searchbar{
    padding-top: 2rem;
}
.header-searchbar .fa-search {
    position: absolute;
    top: 9px;
    left: 7px;
    font-size: 15px;
}

.header-searchbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.header-searchbar ul li{
    width:100%;
}

/*hack stack-overflow*/

.header-searchbar ul::after {
    display: block;
    clear: both;
    content: "";
}

.header-searchbar li {
    display: inline-block;
}

.header-searchbar li.left {
    float: left;
    border-right: 1px solid white;
}

.header-searchbar li.right {
    float: right;
    border-left: 1px solid white;
}

.header-searchbar li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.header-searchbar li a:hover {
    background-color: gray;
}

.header-searchbar li#login {
    position: relative;
}

.header-searchbar li#login form {
    display: none;
    position: absolute;
    z-index: 999;
    background-color: gray;
    padding: 20px;
    border-radius: 20px 0px 20px 20px;
    right: 0;
    box-shadow: 5px 5px 5px black;
}

.header-searchbar li#login:hover form {
    display: block;
}

.header-searchbar input.login_field {
    margin: 10px;
}

.header-searchbar #submit-div {
    text-align: center;
}

.header-searchbar #form-wrapper {
    width: 100%;
    height: auto;
    max-width: 600px;
    margin: auto;
}

.header-searchbar .nav-list {
    height:2rem;
    position: relative;
    float: right;
    width: 7rem;
    border: none;
}
.header-searchbar .btn-go{
    padding: 0.3rem 0.5rem;
    position: relative;
    float: right;
    border: none;
    background: #bd621a;
    color: #FFF;
    margin-left: 0.5rem;

}
.header-searchbar .btn-go:hover{
    background: #bd621a;
    opacity: 1;
}
.header-searchbar .dropdown {
    cursor: pointer;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width:100%;
    background-color: #FFF;
    color: black;
    border: 1px solid #bbb;
    border-radius: 0 4px 4px 0;
    padding: 0;
}

.header-searchbar .dropdown:hover {
    background-color: lightgray;
}

.header-searchbar .current-selection {
    display: inline-block;
    font-size: 14px;
}

.header-searchbar .in-wrap {
    overflow: hidden;
    height: 100%;
    position: relative;
}

.header-searchbar .search-box {
    width: 100%;
    min-width: 400px;
    border-left: none;
    border-right: none;
    line-height: 25px;
    font-size: 18px;
    text-indent: 30px;
    border-radius: 2rem 0rem 0rem 2rem;
    padding: 0rem;
    height:2rem;

}
.header-searchbar .search-box::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 1rem;
}
.header-searchbar .search-box::-moz-placeholder { /* Firefox 19+ */
    font-size: 1rem;
}
.header-searchbar .search-box:-ms-input-placeholder { /* IE 10+ */
    font-size: 1rem;
}
.header-searchbar .search-box:-moz-placeholder { /* Firefox 18- */
    font-size: 1rem;
}
.header-searchbar .search-box:focus {
    outline: none;
}

.header-searchbar .go-button {
    float: right;
    height: 100%;
    background-color: orange;
    border: 1px solid orange;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 0;
    padding: 0 15px;
}

.header-searchbar .go-button:hover {
    background-color: #ff7300;
    cursor: pointer;
}
.header-searchbar .search-box-full{
    width:100%;
    border-radius: 2rem;
    border:1px solid #bbb;
}
.page.home #main article{
    min-height: 12rem;
}
.page.home #main article:nth-of-type(2n+1){
    background-color: #ebebeb;
}
.page.home #main article:nth-of-type(3){
    background-color: rgba(240, 239, 239, 0.55);
    background-image: url('/wp-content/uploads/2017/10/wood.jpg');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
#front-learning-center .panel-content>.wrap{
    padding-bottom: 0;
}
#front-learning-center .table-cell img{
    margin-bottom: -1rem;
}
/*****************************************************End Of Header Search bar*****************************************************************************************************/
/** Start of Learning Center Archives **/
#learning-center-archive{
  max-width: 968px;
  margin-left: auto;
  margin-right: auto;
  padding-left:26px;
}/*
.learning-center-category-card{
  position: relative;
  border: 2px solid rgb(0,51,102);
  width: 288px;
  background-color: white;
  height: 100px;
}*/
.learning-center-category-card{
  display: table;
  border: 2px solid rgb(0,51,102);
  margin-right: 26px;
  margin-bottom: 26px;
  width: 288px;
  float: left;
}
.learning-center-category-card a{
  display: block;
  width: 100%;
  height: 100%;
  display: table-row;
}
.learning-center-category-card img{
/*  box-sizing: content-box;
  position: absolute;
  top: 0;
  left: 0;*/
  width: auto;
  display: block;
}
.learning-center-category-card h2{
/*  position: absolute;
  display: block;
  width: 174px;
  left: 110px;*/
  width: 174px;
  font-size: 19px;
}
.learning-center-category-card a > *{
  height: 96px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  display: table-cell;
}
article.questions .entry-footer{
  display: none;
}
.single-questions #secondary{
  padding-top:1rem;
}
.related-questions-links a{
  display: block;
}
#content.learning-center-archive {
  padding:0;
}
/*.learning-center-archive #primary{
  background: url("/wp-content/uploads/2017/10/learning_image.jpg") no-repeat;
  background-size: contain;
  background-position: top;
}*/
.learning-center-archive #main{
  padding-top:3rem;
}
.learning-center-in-page-search-box,
#learning-center-header{
  margin: 2rem auto 0;
  background-color: rgba(255,255,255,0.6);
  width: 90%;
  min-width: 15rem;
  padding: 0 1.6rem;
  border-radius: 0.5rem;
  display: table;
  text-align: center;
}
.learning-center-in-page-search-box{
  margin: 0 auto 2rem;
}
#learning-center-title-block{
  display: table-row;
}
#learning-center-title-block img{
  display: table-cell;
  width:100%;
}
#learning-center-title-block h1{
  display: table-cell;
  margin: 0;
  padding: 0;
  color: rgb(0, 51, 102);
  line-height: 1.6;
  font-weight: normal;
  width: 65%;
  vertical-align: middle;
  text-align: center;
}
#learning-center-title-block h1 span{
  font-size: 85%;
  display: block;
}
.question-group{
  margin: 0.62rem;
  padding: 0 1rem;
}
.question-group-questions{
  padding-top:0.62rem;
  background: rgba(255,255,255,0.6);
  border-radius: 0.6rem;
}
.question-group-title, .question-group .categories-link{
  line-height: 1.8;
  padding-left: 0.9rem;
  margin-bottom: 0;
}
.question-group .categories-link{
  padding-top: 0.625rem;
  padding-left: 1rem;
}
/** End of Learning Center **/
/**********************************************************Search Results**********************************************************************/
.wrapper-product-result{
    display: table;
    width:100%;
}
.product-result-box{
    padding: 1rem;
    display: table-cell;
    width:50%;
    text-align: left;
    margin: auto;
}
.search-information,.pagination-block{
    float:right;
}
.search-information span{
    font-weight: bold;
    padding: 1rem;
}
.a-pagination-link,
.pagination-block .paginationLink,
.pagination-block .pagination-link{
    background-color: transparent;
    color: rgb(0, 51, 102);
    padding: 1rem;
    text-decoration: none;
}
.pagination-block .curr-page.pagination-link{
    color: #bd621a;
}
.pagination-block .curr-page.pagination-link:hover{
    background: transparent;
}
.pagination-block .pagination-link:hover,.pagination-block .pagination-link:focus{
    background: transparent;
    color: #bd621a;
    text-decoration: none;
    box-shadow: none !important;
}
.pagination-block {
    float: none;
    width: 100%;
    text-align: center;
    background-color: #f0efef;
}

.learning-result-box {
    padding-top:2rem;
}
.learning-result-box .wrapper-learning-result {
    border: 1px solid;
    margin: 1rem;
    padding: 1rem;
    border-radius: 10px;
}
.learning-result-box .single-learning-box .learning-title{
    font-weight:500;
    font-size: 1.6rem;
    color: rgb(0, 51, 102);
}
.product-result-box a,
.product-result-box a:hover,
.product-result-box a:active,
.product-result-box a:focus{
    display: block;
    box-shadow: none;
}
.wrapper-product-result {
    padding-top:1.5rem;
}
.wrapper-product-result:nth-of-type(1){
    padding-top: 0;
}
.product-result-box {
    /*  border: 1px solid blue; */
    padding-bottom: 2.5rem;
    position: relative;
}
.product-result-box .product-title,
.product-result-box .price{
    font-size: 120%;
}
.product-result-box a:hover .btn-go{
    opacity: 0.9;
}
.product-result-box .btn-go{
    position: absolute;
    color: #FFF;
    background-color: #036;
    bottom: 0.5rem;
    right: 20%;
    padding: 0.5rem;
    border-radius: 0.2rem;
    line-height: 1;
}

.product-result-box .product-image{
    width: 30%;
    height: 0;
    padding-bottom:30%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin-right: 0.3em;
}
.product-color-Bronze{
    color:#8C7853;
}
.product-color-Clear{
    color:#F0F0F0;
}
.product-result-box .colors .fa{
    display: inline-block;
    font-size: 25px;
    width: 30px;
}
.product-result-box .colors .fa-circle-o{
    display: inline-block;
    margin-left: -30px;
}
/** End Product Search Results **/
/***************Accordion*****************/
.accordion h3{
    display: block;
    line-height: 2.2rem;
    background-color: #b5dcf1;
    background-position: 0px -225px;
    margin-bottom: 25px;
    color: rgb(0, 51, 102);
    font-weight: 500;
    padding-left: 3rem;
    cursor: pointer;
    position: relative;
    padding-top: 0rem;
}
.accordion-content{
    margin:1rem;
}
.arrow{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    color:rgb(0, 51, 102);
    position: absolute;
    left: 1rem;
    top: 40%;
}
.arrow-position{
    border-top: 10px solid rgb(0, 51, 102);
}
.accordion-title.read.open .arrow-position{
    border-bottom: 10px solid rgb(0, 51, 102);
    border-top:0;
}
.accordion-content{
    overflow: hidden !important;
    display: none;
}
.accordion h3:before {
    content: "\A";
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    border-left-color: rgb(0, 51, 102);
    color: rgb(0, 51, 102);
    position: absolute;
    left: 13px;
    top: 8px;
}
.accordion h3.open:before{
    border-top-color: rgb(0, 51, 102);
    border-left-color: transparent;
    top: 13px;
    left: 8px;
}

/***************End Accordion*****************/
/** Products Slider ***/
.slick-product-slider .slick-track > *{
    box-sizing: border-box;  /* allow room for border */
}
.slick-product-slider .slick-slide .product-slide-container{
    height:0;
    width:90%;
    margin-left:auto;
    margin-right:auto;
    padding: 5% 5% 105% 5%; /* padding-bottom increases on some screens to support 3 line titles */
    overflow:hidden;
    border:2px solid rgb(0, 51, 102);
    border-radius: 4px;
}
.slick-product-slider .slick-slide a{
    display: block;
    width: 100%;
    position: relative;
    box-shadow: none;
}
.slick-product-slider .slick-slide .product-slide-image{
    height: 0;
    padding-bottom:100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.slick-product-slider .slick-slide h4{
    text-align: center;
    margin: auto;
    font-weight: normal;
    position:absolute;
    width:100%;
    top:100%;
    padding-top:5%;
}
.slick-product-slider .fa.slick-arrow{
    position:absolute;
    top: 40%;
}
.slick-product-slider .fa-arrow-left.slick-arrow{
    left:-1em;
}
.slick-product-slider .fa-arrow-right.slick-arrow{
    right:-1em;
}
.slick-product-slider.col {
  max-width: 14rem;
  margin: 0 auto;
}
.slick-product-slider.col h4{
  font-size: 1rem;
}
/**End Products Slider***/

/****************Multiple checkbox********************/
.single-learning-box h3.accordion-title,
#product-search-facets h3.accordion-title{
    background-color: transparent;
    border-bottom: 0.2rem solid #ebebeb;
}
#product-search-facets .accordion-content{
    margin: 0;
}

.multiplecheck-box{
    border:1px solid;
    background: #FFF;
    margin-bottom: 1rem;
}
.multiplecheck-box h4{
    background: rgb(0, 51, 102);
    color:#FFF;
    text-align: center;
    text-transform: uppercase;
    padding: 0.2rem;
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: 400;
}
.multiplecheck-box .group{
    padding: 0.5rem;
    margin-bottom: 0;

}
.multiplecheck-box .group,.multiplecheck-box .group li{
    list-style-type:none;
}
.multiplecheck-box .group li a {
    color: #666;
    display: block;
    line-height: 1.1;
    padding: 6px 3px;
    text-decoration: none;
    padding-left: 20px;
    position: relative;
    text-decoration: none;
    box-shadow: none;
    margin:0;
}
.multiplecheck-box .group li a:hover{
    background:#f0efef;
}
.multiplecheck-box .group li a:before {
    border: 1px solid #a9a9a9;
    content: ' ';
    display: block;
    height: 12px;
    left: 3px;
    position: absolute;
    top: 8px;
    width: 12px;
    text-decoration: none;
}
.multiplecheck-box .group li.checked a::after {
    font-size: 13px;
    font-size: .8125rem;
    color: #333;
    content: '\2713';
    left: 5px;
    position: absolute;
    top: 7px;
}
/****************Multiple checkbox********************/

/*Home slider*/
.metaslider.home-slider{
    width: 100%;
    margin:auto;
    /*    margin-top:10.5rem;*/
    max-width: 100%;
}
.metaslider.home-slider .caption-wrap{
    bottom: 1rem;
    height: auto;
    background: transparent;
    width: 50%;
    left: 0%;
    right: 0%;
    margin: auto;
    opacity: 1;
    text-align: center;

}
.metaslider.home-slider .caption-wrap .caption{
/*    background: rgba(68, 54, 54, 0.7) none repeat scroll 0% 0%;*/
    background: rgba(5, 5, 5, 0.36);
    padding: 1rem;
    border-radius: 4px;
    position: relative;
    border: 1px solid #FFF;
}
.home-slider .caption-wrap h2{
    color:#FFF;
    padding-top: 0rem;
    font-weight: 500;
}
.home-slider .caption-wrap h1,.home-slider .caption-wrap h2,.home-slider .caption-wrap h3{
    margin:auto;
}
/*.home-slider .caption-wrap .btn{
    position: absolute;
    right:-2rem;
}*/
/*.fixed-btn{
    position: absolute;
    bottom: 76%;
    right: 29%;
}*/
.big-btn.btn,.big-btn.btn:hover{
    padding: 0.5rem 1.5rem;
    font-size: 1.5rem;
    font-weight: bold;
}

/*************Gravity FORMs**************/
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
    background: rgb(0, 51, 102);
    color: #FFF;
    text-align: center;
    margin: auto;
    font-weight: normal;
}
#eModal-1,#eModal-2{
    border-radius: 4px !important;
    padding:0 !important;
}
.emodal-title {
    background: rgb(0, 51, 102);
    color: #FFF;
    display: block;
    font-size: 1.4rem !important;
    line-height: 42px;
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
    width:100%;
    margin:auto;
}
.emodal-content,.emodal-title,.gform_wrapper .top_label .gfield_label,.gform_wrapper .field_sublabel_below ul.gfield_checkbox li label{
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif !important;
}
.gform_wrapper .top_label .gfield_label,.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label{
    display: none !important;
}
.ginput_full.address_line_1{
    display: block;
}
.gform_footer.top_label {
    padding-left: 1rem !important;
    padding-top: 0 !important;
}
.gform_title{
    text-align: center;
}
.gform_wrapper .gform_body{
    padding: 0 1rem;
}
#eModal-1 .gform_button.button{
    background: #bd621a;
    margin-top: 0.4rem;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.2rem;
    display: block;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 4px;
    padding: 0.8rem;
    font-size: 1rem;
}
body #eModal-1 .gform_wrapper ul li.gfield{
    margin: 0;
}
.subscribe-form .gform_wrapper{
    border:1px solid rgb(0, 51, 102);
    border-radius: 4px;
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),.gform_wrapper select{
    border-color: rgb(0, 51, 102);
}
.gform_wrapper select,.emodal-content .gform_wrapper.gf_browser_gecko select{
	height:auto;
	border-radius: 3px;
	font-size: inherit;
	font-family: inherit;
	padding: 5px 4px;
	letter-spacing: normal;
}
.gform_confirmation_message_2.gform_confirmation_message{
    padding: 1rem;
    color: green;
    font-weight: bold;
}
/*************Gravity FORMs**************/
/*************Learning Center**************/
.page-template-learning_center .site-content,.page-template-learning_center h2{
    padding-top: 0rem;
}
.page-template-learning_center .single-featured-image-header{
    border-bottom: none;
}
.learning-center-form-wrapper{
    position: absolute;
    bottom: 125%;
    max-width: 1000px;
    width: 100%;
    margin: auto;
}
.learning-center-form{
    margin:auto;
    text-align: center;
    width:60%;
}
.learning-center-form input{
    text-align: center;
    background-color: #b5dcf1;
    margin-bottom: 1rem;
}
.page:not(.home) #content .learning-center-content .entry-content .wrap{
    margin-top: 0rem;
    padding-top: 0rem;
}
.learn-search-box{
    position: relative;
    width: 100%;
    padding-top:1rem;
}
.learn-search-box>div{
    display: inline-block;
    width: 70%;
    position: relative;
}
.learn-search-box #learn_query{
    width: 100%;
    height: auto;
    line-height: 25px;
    font-size: 18px;
    text-indent: 30px;
    border-radius: 2rem 2rem 2rem 2rem;
    padding: 0rem;
    margin: auto;
    height: 2rem;

}
.learn-search-box .fa-search{
    position: absolute;
    top: 6px;
    left: 8px;
    font-size: 15px;
}
.learn-search-box .btn-go{
    padding: 0.3rem 0.5rem;
    position: relative;
    background: #bd621a;
    color: #FFF;
    margin-left: 0.5rem;
    margin-top: -0.4rem;
}
/*************Learning Center**************/
/**Installers list***/

.single-installerslist .site-content-contain .site-content #secondary,.post-type-archive-installerslist .site-content-contain .site-content #secondary{
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #f0efef;
    margin:1rem;
}
.single-installerslist .site-content-contain .site-content #secondary .widget,.post-type-archive-installerslist .site-content-contain .site-content #secondary .widget{
    padding-bottom: 0;
}
#secondary .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    text-align: center;
    border:0;
}
.form-group.see-all-link,
.see-all-link {
    font-size: 0.8rem;
    text-decoration: underline;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: fit-content;
}
/**Installers list***/
/********************Woocommerce*****************************/

.has-sidebar.woocommerce-page #secondary,.woocommerce-breadcrumb,.has-sidebar.woocommerce-page .product_meta,.has-sidebar.woocommerce-page .reset_variations{
    display: none;
}
.has-sidebar.woocommerce-page:not(.error404) #primary {
    width: 100%;
}
.woocommerce-page .quantity{
    width: 15%;
    float: left;
    padding-left: 1rem;
}
.single-product .woocommerce-variation-add-to-cart .button,.woocommerce-page .single_add_to_cart_button.button.alt,.single-product .woocommerce-variation-add-to-cart .button,.woocommerce-page .single_add_to_cart_button.button.alt:hover,#review_form .submit,#review_form .submit:hover,.subscribe-form .gform_button.button,.woocommerce-cart-form .button,.woocommerce-cart-form .button:hover,input[name="apply_coupon"],input[name="apply_coupon"]:hover,
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order,.woocommerce #payment #place_order, .woocommerce-page #payment #place_order:hover,
.shipping-calculator-button,.shipping-calculator-button:hover,button[name="calc_shipping"],button[name="calc_shipping"]:hover{
    margin-left: 3rem;
    background-color:rgb(0, 51, 102);
    padding: 6px 12px;
    font-weight: normal;
    line-height: 1.42857143;
    font-size: 1rem;
}
.woocommerce-shipping-calculator .shipping-calculator-button,.woocommerce-shipping-calculator .shipping-calculator-button:hover,.woocommerce-shipping-calculator .shipping-calculator-button:active,.woocommerce-shipping-calculator .shipping-calculator-button:focus,button[name="calc_shipping"],button[name="calc_shipping"]:hover{
    color: #FFF;
    margin-left: 0;
}
.country_to_state,#calc_shipping_state{
    height: 100%;
    padding: 0.3rem 0;
}
#calc_shipping_postcode{
    padding: 0.3rem 0 0.3rem 0.2rem;
}
.calculated_shipping .shop_table tbody tr th{
    width:20%;
}
#searchsubmit{
    margin:1rem;
    margin-left: 0rem;
    background-color:rgb(0, 51, 102);
    padding: 6px 12px;
    font-weight: normal;
    line-height: 1.42857143;
    font-size: 1rem;
}
#coupon_code{
    padding: 0.2em;
}
.checkout-button.button.alt.wc-forward{
    background: #bd621a;
    margin-top: 0.4rem;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.2rem;
    width: auto;
    display: block;
    text-align: center;
    border-radius: 4px;
    border: 0;
    padding: 6px 12px;
    width: auto;
    font-weight: normal;
    font-size: 1rem;
    display: inline-block;
}
#site-navigation .menu-cart a{
    line-height: 0;
    font-size: 0;
    color: transparent;
}
.menu-cart a::after {
    width: 24px;
    height: 17px;
    background: url(images/yellow_1.png);
    background-position-x: 0%;
    background-position-y: 0%;
    content: ' ';
    display: inline-block;
    background-position: 0 -58px;
    vertical-align: middle;
    margin-left: -0.5rem;
    margin-top: -14px;
}
.menu-cart a:hover::after{
    background-position: 0 -105px;
    width: 24px;
    height: 17px;
}
.woocommerce-page .product_title{
    font-weight: bold;
    color:rgb(0, 51, 102);
}
.summary p.price,.woocommerce-variation-price{
    margin: 1rem 0;
    font-size: 1.3rem;
    font-weight: bold;
    color:rgb(0, 51, 102);
}
.woocommerce-message,.woocommerce-info{
    background: #bd621a;
}
.woocommerce-cart-form .quantity input,.single-product form.cart input{
    width: 3rem;
    padding: 0.1rem;
}
.woocommerce-page div.product div.summary{
    border: 1px solid  rgb(0, 51, 102);
    border-radius: 4px;
    padding: 1rem;
    background-color: #f0efef;
}

.woocommerce-tabs a {
    box-shadow: none;
    color: black;
}
.woocommerce-tabs li.active a,.woocommerce-tabs a:hover {
    box-shadow: none;
}
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li{
    margin-right: 0;
    display: table-cell;
    background-color: rgb(0, 51, 102);
    border-right: 1px solid #FFF;

}

.woocommerce-page div.product .woocommerce-tabs ul.tabs li a{
    padding: 1rem;
    display: block;
    color:#FFF;}

.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a{
    margin-bottom: 0;
    padding-bottom: 1px;
    color: #f4d112;
    padding: 1rem;
}
.woocommerce-Tabs-panel{
    border: 1px solid rgb(0, 51, 102);
    padding: 1rem;
    border-radius: 0 4px 4px 4px;
}
.woocommerce-tabs .tabs.wc-tabs{
    margin-bottom: 0;
    padding-left: 0;
}
.woocommerce-page ul.products li.product{
    float: left;
    margin: auto;
}
a.wpis-popup{
    bottom: 0;
    top: 2rem;
    left:0;
}
.slider.wpis-slider-for.slick-initialized.slick-slider{
    max-height: 450px !important;
    height: 100% !important;
    width:80% !important;
    float: left;
    order:2;
}
#wpis-gallery {
    width: 20% !important;
    order:1;
    float:left;
}
#wpis-gallery .slick-list{
    max-width: 100% !important;
    width:100% !important;
    margin: auto;
}
.slider.wpis-slider-for.slick-initialized.slick-slider .slick-next {
    right: 0;
}
.slider.wpis-slider-for.slick-initialized.slick-slider .slick-prev {
    left: -10px;
}
#wpis-gallery .slick-list .slick-slide{
    border: 1px solid rgb(0, 51, 102);
    border-radius: 4px;
    margin: 0.2rem 0;
    padding: 0.2rem;
    max-width: 90px !important;
    width: 100%;
    max-height: 90px;
    height: 100%;

}
#wpis-gallery .slick-list .slick-slide.slick-current.slick-active{
    border: 2px solid #bd621a;
}
#wpis-gallery .slick-list .slick-slide img{
    max-width: 80px;
    width: 100%;
    max-height: 80px;
    height: 100%;
    margin: auto;
}
.slider.wpis-slider-for.slick-initialized.slick-slider .slick-slide{
    height:100% !important;
    max-height: 450px !important;
}
.slider.wpis-slider-for.slick-initialized.slick-slider img{
    width:auto !important;
    height:auto !important;
    max-width: 100% !important;
    max-height: 450px !important;
    padding: 0 2rem 2rem 2rem;
    display: block;
    margin: auto;
}
.entry-content .woocommerce{
    padding: 1rem 0;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 65%;
    display: flex;
    flex-flow: row wrap;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width:35%;
}
.slick-dots li button::before{
    font-size: 20px;
}
.woocommerce-page .related.products ul.products li.product{
    width: 25%;
}
.woocommerce-page .related.products ul.products li.product img{
    max-width:100px;
    width:100%;
    max-height: 100%;
    height:auto;
}
.woocommerce-page ul{
    padding-left: 0.5rem;
}
form.woocommerce-checkout > div.woocommerce-NoticeGroup-checkout {
  /*div.blockUI.blockOverlay*/
  margin-top: 10em !important;
}
/********************End Woocommerce*****************************/
/****FOOTER***/
footer,.site-footer{
    background-color: rgb(0, 51, 102);
    color:#FFF;
    margin-top:0rem;
}
footer .panel-content .wrap{
    padding-top: 2rem;
    padding-bottom: 0rem;
}
footer .widget{
    padding-bottom: 0rem
}
footer .btn-orange,
footer .btn-orange:link,
footer .btn-orange:visited,
footer .btn-orange:active,
footer .btn-orange:hover{
    float: left;
    clear: both;
    margin: 0.5rem;
}
footer h2,footer h3,footer h1{
    color:#FFF;
}
.site-info{
    text-align: center;
    margin: auto;
    float:none;
    width:100%;
}
.flt{
    float: right;
    margin-right: 1rem;
}
.footer-installer-panel{
    background-image: url("images/flags.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    border-top: 1px solid #eee;
    padding-top: 1rem;
    border-top: 20px solid rgb(0, 51, 102);
}
body:not(.home) .footer-installer-panel{
    margin-top:2rem;
}
footer a,footer a:hover{
    color: #FFF !important;
    text-decoration: none;
    box-shadow: none !important;
}
/****FOOTER***/
/********Content******/
.entry-content a,.entry-content a:hover,.entry-content a:visited,.entry-content a:active,.entry-content a:link{
    box-shadow: none;
}
.browse-by-block{
    padding: 0 1%;
}
.browse-by-block .block{
    margin: 0 1%;
    width: 23%;
    position: relative;
}
.error-404.not-found{
    padding: 1rem;
}
.header-searchbar .search-box.input-error{
    border: 2px solid red;
}

/***********GENERAL*********/
.table{
    display: table;
    width: 100%;
}
.table-cell{
    display: table-cell;
}
.vertically-align-top{
    vertical-align: top;
}
.vertically-align-middle{
    vertical-align: middle;
}
.vertically-align-bottom{
    vertical-align: bottom;
}
.width-25{
    width:25%;
}
.width-20{
    width:20%;
}
.width-33{
    width: 33.33%;
}
.width-40{
    width:40%;
}
.width-50{
    width:50%;
}
.width-60{
    width:60%;
}
.width-80{
    width:80%;
}
.dropdown{
    width: 100%;
    height: 100%;
    background-color: rgb(0, 51, 102);
    color: #FFF;
    padding: 0.3rem 0;
    border: 2px solid #FFF;
    border-radius: 4px;
}
.dropdownoption:hover {
    box-shadow: 0 0 10px 100px #1882A8 inset;
}
#sort{
    height:2em;
    background: rgb(0, 51, 102);
    color: #FFF;
    border: 0;
}
table.variations select{
    height:2em;
}
.browse-by-title:before{
    content: "\A";
    border-color: transparent;
    border-left-color: transparent;
    border-style: solid;
    border-width: 10px;
    border-left-color: #f4d112;
    color: rgb(0, 51, 102);
    position: absolute;
    left: 13px;
    top: 8px;
}
.browse-by-title.open::before {
    border-top-color: #f4d112;
    border-left-color: transparent;
    top: 13px;
    left: 8px;
}
.browse-by-title{
    display: block;
    line-height: 2.2rem;
    background-color: rgb(0, 51, 102);
    background-position: 0px -225px;
    margin-bottom: 0;
    color: #FFF;
    font-weight: 500;
    padding-left: 3rem;
    cursor: pointer;
    position: relative;
    padding-top: 0rem;
    border-radius: 4px;
/*    border: 1px solid #FFF;*/
    font-size: 1.2rem;
}
.browse-by-title a,.browse-by-title a:hover,.browse-by-title a:link,.browse-by-title a:active,.browse-by-title a:visited{
    color: #FFF;
}
.browse-by{
    background-color: rgb(0, 51, 102);
    color: #FFF;
    padding: 1rem;
    border-radius: 4px;
    border: 1px solid #FFF;
    visibility:hidden;
    opacity: 0;
    position: absolute;
    z-index:99;
    width: 100%;
    font-size: 1rem;
}
.browse-by li{
    list-style: none;
}
.browse-by li a{
    color:#FFF;
    width: 100%;
}
.browse-by li a:hover,.browse-by li a:focus,.browse-by li a:active{
    color:#f4d112;
}
.twentyseventeen-panel{
    overflow: unset;
}
.center{
    margin: auto;
    text-align: center;
}
.form-group{
    padding: 0.5rem;
}
.form-group label{
    width:40%;
    float:left;
}
.form-group select{
    width:60%;
}
.margin-bottom-1{
    margin-bottom: 1rem;
}
.margin-bottom-2{
    margin-bottom: 2rem;
}
.margin-top-1{
    margin-top: 1rem;
}
.margin-top-2{
    margin-top: 2rem;
}
.margin-left-1{
    margin-top: 1rem;
}
.margin-left-2{
    margin-top: 2rem;
}
.margin-right-1{
    margin-top: 1rem;
}
.margin-right-2{
    margin-top: 2rem;
}
.padding-1{
    padding: 1rem;
}
.padding-left-1{
    padding-left: 1rem;
}
.padding-left-2{
    padding-left: 2rem;
}
.padding-right-1{
    padding-right: 1rem;
}
.padding-right-2{
    padding-right: 2rem;
}
.padding-bottom-1{
    padding-bottom: 1rem;
}
.padding-bottom-2{
    padding-bottom: 2rem;
}
.padding-bottom-3{
    padding-bottom: 3rem;
}
.padding-top-1{
    padding-top: 1rem;
}
.border-left-1{
    border-left: 1px solid;
}
.border-left-2{
    border-left: 2px solid;
}
.border-right-1{
    border-right: 1px solid;
}
.border-right-2{
    border-right: 2px solid;
}
h2,h3{
    color: rgb(0, 51, 102);
    font-weight: 500;
}
.panel-content .wrap{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.block{
    display: block;
}
.float-left{
    float: left;
}
.border-box{
    border: 1px solid rgb(0, 51, 102);
    padding: 1rem;
    background: white;
    border-left: 12px solid rgb(0, 51, 102);
}
/***********GENERAL*********/

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
/*1200px*/
@media screen and (max-width:75em){
    footer .wrap, article .entry-content,.search-results .site-content>.wrap{
        padding-left:2rem;
        padding-right: 2rem
    }
    /*    .metaslider{
            max-width: 1000px !important;
        }*/

    .fixed-btn {
        bottom: 85%;
        right: 15%;
    }
    .metaslider.home-slider .caption-wrap h1{
        margin: 0;
    }
    .woocommerce-page .site-content>.wrap{
        padding-left: 3em;
        padding-right: 3em;
    }
    .learning-center-form-wrapper {
        bottom: 110%;
        max-width: 100%;
        width:90%;
    }
    .learning-center-form {
        width: 100%;
    }
    .navigation-top{
      min-height:0;
      padding-bottom:11%;
    }
}
@media screen and (max-width:68.750em){
    .header-table-cell:nth-of-type(1){
        width: 30%;
    }
    .header-table-cell:nth-of-type(2) {
        width: 50%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .header-table-cell:nth-of-type(3){
        width: 20%;
        padding-top: 1rem;
        text-align: center;
    }
    .header-searchbar #form-wrapper{
        margin: auto;
    }
    .header-searchbar .btn-go{
        padding: 0.1rem 0.5rem;
    }
    .header-searchbar .search-box,.header-searchbar .nav-list{
        height: 1.5rem;
    }
    .header-searchbar .nav-list{
        width: 6rem;
    }
    .header-searchbar .dropdown{
        font-size: 0.8rem;
    }
    .header-searchbar .fa-search {
        top: 5px;
    }
    .link-wrapper .yellow-link,.navigation-top .popup-btn{
        letter-spacing: 0;
    }
    .navigation-top .popup-btn{
        font-size: 1rem;
    }
    .home-slider .caption-wrap .btn {
        right: 1rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .metaslider.home-slider .caption-wrap,
    #learning-center-archive-header{
        width: 90%;
    }
    .home-slider .caption-wrap .btn{
        margin-top: 0.3rem;
        padding: 0.5rem 2rem;
        font-size: 1.2rem;
    }
    .home.page .metaslider .caption h1{
        margin-bottom: 0;
        font-size: 1.2rem;
        font-weight: 500;
    }
    .home.page .metaslider .caption h2{
        margin-bottom: 0;
        font-size: 1.1rem;
        font-weight: bold;
    }
    .home.page .metaslider .caption p{
        font-size: 0.9rem;
    }
    .header-searchbar #form-wrapper {
        max-width: 400px;
    }
/*    #wpis-gallery,#wpis-gallery .slick-list{
        width: 50px !important;
    }*/
    .link-wrapper .yellow-link .fa-phone{
        display: inline-block;
    }
    .link-wrapper .yellow-link span:nth-of-type(1){
        display: none;
    }
    .main-navigation a {
       padding: 0.2rem 1rem;
       font-size: 0.9rem;
   }
    .header-searchbar .search-box::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 0.8rem;
    }
    .header-searchbar .search-box::-moz-placeholder { /* Firefox 19+ */
        font-size: 0.8rem;
    }
    .header-searchbar .search-box:-ms-input-placeholder { /* IE 10+ */
        font-size: 0.8rem;
    }
    .header-searchbar .search-box:-moz-placeholder { /* Firefox 18- */
        font-size: 0.8rem;
    }
    .single-questions #content > .wrap,
    .learning-center-archive #primary{
      padding-left: 1rem;
      padding-right: 1rem;
    }
}

@media screen and (min-width:48em){
  .mobile-menu-only{
    display:none !important;
  }
  .extranav{
    display: block;
  }
}
/*ROUGHLY 767px and DEFINITELY 1px off of when the parent theme triggers mobile menu with min-width:48em */
@media screen and (max-width:48em){
  .btn-sep {
    display: none;
  }
  .slick-product-slider.col {
    max-width: 100%;
  }
    .navigation-top{
        position: relative;
        height: auto;
    }
    #content,
    .header-searchbar,
    .navigation-top,
    .site-branding > .wrap > .wrap-nav{
      padding:0;
    }
    .site-branding-text{
        top:1rem;
    }
    .site-branding-text .site-title{
        font-size: 1.3rem;
    }
    .menu-toggle{
        color:#FFF;
    }
    .menu-toggle:focus {
        outline: none !important;
    }
    .header-table{
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        float: none;
        padding-bottom: 0;
    }
    .header-table-cell{
        padding-top: 0;
    }
    .header-table .header-table-cell:nth-of-type(1){
        order:1;
        width: 50%;
        float: left;
    }
     .header-table .header-table-cell:nth-of-type(2){
        order:3;
        width: 100%;
        padding: 0;
    }
     .header-table .header-table-cell:nth-of-type(3){
        order:2;
        width: 50%;
        float: left;
        padding-top: 0;
    }
    .link-wrapper > div{
        padding-top: 8%;
        max-width: 150px;
        font-size: 0.9rem;
    }
    .site-branding-text {
        left:9.8rem;
    }

    .site-branding-text .site-title span{
        left:3rem;
    }
    .header-searchbar #form-wrapper {
        max-width: 72%;
    }
    .navigation-top .popup-btn{
        font-size: 0.9rem;
        min-width: 7rem;
        text-align: center;
    }
    footer .panel-content .table .table-cell:nth-of-type(3){
        display: table-row;
        width: 100%;
        padding-top: 1rem;
    }
    .home-panel-content .wrap:nth-of-type(1) {
        padding: 0rem;
        margin: 0rem;
    }
    .browse-by-block .block{
        width: 47%;
        margin: 1%;
    }
    .home-learning-center .table-cell:nth-of-type(3){
        display: table-row;
    }

    .main-navigation a{
        color:rgb(0, 51, 102);
    }
    .main-navigation ul ul{
        background: transparent;
    }
    .main-navigation #top-menu .sub-menu a{
        color:rgb(0, 51, 102);
        text-align: center;
    }
    .main-navigation #top-menu .sub-menu a:hover,.main-navigation #top-menu .sub-menu a:active{
        background: transparent;
    }
    .product-result-box{
        display: block;
        width:100%;
        float:none;
    }
    .metaslider.home-slider{
        margin-top: 0rem;
    }
    .fixed-btn{
        bottom: 75%;
    }
    .fixed-btn .btn, .fixed-btn .btn:hover {
        padding: .8rem;
        font-size: 1.2rem;
    }
    .page:not(.home) #content .entry-content{
        margin-top: 0rem;
        padding-top: 0rem;
    }
    .featured-image-wrap {
        margin-top: 0rem;
    }
    #learning-center-archive-header{
      margin-top:0;
      width:100%;
      border-radius: 0;
    }
    .question-group h3{
      font-size: 1.1rem;
    }
    .single-installerslist .site-content-contain {
        margin-top: 0rem;
    }
    .menu-cart a::after{
        background-position: 0 -105px !important;
        margin-top: 0;
        background: url(images/blue-yellow.png);
    }
    .menu-cart a:hover::after{
        background-position: 0 -58px !important;
    }
    
    .wrap-nav>.wrap{
        z-index: 9;
    }
    .learning-center-form-wrapper {
        bottom: 105%;
    }
    .learning-center-form input{
        padding: 0;
    }
    .fixed-header{
        position: relative;
    }
    #content .metaslider .slides img{
        display: none;
    }
    #content #primary .metaslider.home-slider .caption-wrap{
        position: relative;
        padding: 2rem 0 0 0;
        background-color:#FFF;
        margin: 0 0 -1rem 0;
        width: 100%;
    }
    #content #primary .metaslider.home-slider .caption-wrap .caption{
        background-color: #FFF;
        color: rgb(0, 51, 102);
        width: 100%;
        height: 100%;
        border-radius: 0;
        border-width: 1rem;
    }
    .home.page .metaslider .caption h2{
        color: rgb(0, 51, 102);
    }
    .menu-top-menu-container{
        position: absolute;
        width: 100%;
    }
    .site-content {
        padding-top: 2.5rem;
    }
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images ,.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        width:100%;
        display: block;
    }
    .woocommerce #content div.product div.images:after, .woocommerce div.product div.images:after, .woocommerce-page #content div.product div.images:after, .woocommerce-page div.product div.images:after,.woocommerce #content div.product div.summary:after, .woocommerce div.product div.summary:after, .woocommerce-page #content div.product div.summary:after, .woocommerce-page div.product div.summary:after{
        content: "";
        display: table;
        clear: both;
    }
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
        padding-bottom: 1rem;
    }
    .woocommerce #content #primary #main div.product div.images{
        width: 100%;
        display: flex;
    }

    #site-navigation{
        position: relative;
    }
    .main-navigation a.menu-toggle{
        max-width: 32px;
        width: 100%;
    }
    .woocommerce-page .related.products ul.products li.product {
        width: 50%;
    }
    .subscribe-form .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"],.woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button,input[name="apply_coupon"],
    .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
        width: auto;
        margin: auto;
    }
    .learn-search-box > div{
        width: 80%;
    }
    #front-learning-center .table-cell{
        display: block;
        width: 100%;
        float: none;
    }
    #front-learning-center .table-cell:nth-of-type(2){
        margin: auto;
        text-align: center;
    }
    .woocommerce-page #shipping_method{
        padding-top: 2rem;
    }
    .woocommerce-page #shipping_method li {
        margin-bottom: 0;
        max-width: 180px;
        width: 100%;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
        padding: 0.5rem;
    }
    .woocommerce-page .quantity{
        width: auto;
        float: none;
    }
}
/*600px*/
@media screen and (min-width:37.499em){
    #product-search-facets .accordion-title{
      display: none;
    }
    #product-search-facets .accordion-content{
      display: block !important;
      /* some screens may still be mobile at 37.499000 em throuth 37.5 em,
	but displaying the filters in that tiny overlap is better than having the
	potential for an overlap where filters are completely inaccessible. */
    }
}
@media screen and (max-width:37.5em){
    #learning-center-title-block img{
      display: none;
    }
    .header-searchbar{
        padding-top: 0.4rem;
    }
    .header-table .header-table-cell:nth-of-type(1){
        width: 60%;
    }
    .header-table .header-table-cell:nth-of-type(3){
        width: 40%;
    }
     .link-wrapper > div{
        padding-top: 11%;
     }
    .table-cell{
        display: block;
        width: 100%;
        float: none;
    }
    .home .panel-content .wrap,.home .panel-content .wrap .entry-content>div{
        padding-top: 0rem;
    }
    .footer-installer-panel{
        padding: 1rem;
        padding-bottom: 0rem;
    }
    .footer-installer-panel .wrap .entry-content .center>div{
        width: 80%;
    }
    .footer-installer-panel .metaslider{
        margin: auto;
        /*        margin-top: -10rem;*/
    }

    .form-group label {
        display: block;
        float: none;
        width: 100%;
        text-align: left;
    }
    .form-group select {
        display: block;
        float: none;
        width: 100%;
    }

    .page-template-learning_center .featured-image-wrap{
        display: none;
    }
    .learning-center-form-wrapper{
        position: relative;
    }

    .footer-installer-panel .border-box{
        width: 100%;
    }
    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
        display: table;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #FFF;
    }
    .woocommerce-page .related.products ul.products li.product {
        width: 100%;
    }
    .slider.wpis-slider-for.slick-initialized.slick-slider {
        max-height: 450px !important;
        height: 100% !important;
        width: 100% !important;
        float: none;
        order: 2;
    }
    #wpis-gallery {
        width: 100% !important;
        order: 1;
        float: none;
        display: none;
    }
    #wpis-gallery .slick-list .slick-slide{
        max-width: 100% !important;
        max-height: 100% !important;
    }
    #wpis-gallery .slick-list .slick-slide ,#wpis-gallery .slick-list .slick-slide img{
        max-width: 100% !important;
        max-height: 100% !important;
    }
    .wpis-slider-for .slick-prev, .wpis-slider-for .slick-next {
        display: block !important;
    }
    #eModal-1 .gform_button.button{
        width: 10rem;
        margin: auto;
        padding: 0;
    }
    #eModal-1 .gform_footer.top_label {
        padding-left: 0;
    }
    .subscribe-form .gform_footer.top_label{

    }
    #eModal-1 .table-cell{
        padding: 0;
    }
    .home .panel-content .wrap, .home .panel-content .wrap .entry-content > div{
       padding-top: 1rem;
    }
    .header-searchbar .search-box::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 0.6rem;
    }
    .header-searchbar .search-box::-moz-placeholder { /* Firefox 19+ */
        font-size: 0.6rem;
    }
    .header-searchbar .search-box:-ms-input-placeholder { /* IE 10+ */
        font-size: 0.6rem;
    }
    .header-searchbar .search-box:-moz-placeholder { /* Firefox 18- */
        font-size: 0.6rem;
    }
    .learn-search-box #learn_query{
        line-height: 1.5;
        font-size: 0.9rem;
    }
    .learn-search-box .btn-go{
        margin-top: -0.2rem;
    }
}
/*400px*/
@media screen and (max-width:25em){
  .learning-center-archive #main{
    padding-top: 0;
  }
    .browse-by-block .block{
        width: 100%;
    }
    .header-table{
        display: flex;
        flex-flow: row wrap;
    }
    .header-table-cell{
        flex: 1 100%;
        margin: auto;
        text-align: center;
    }
    .header-table-cell:nth-of-type(1){
        order:1;
    }
    .link-wrapper{
        order:2;
    }
    .header-table-cell:nth-of-type(2){
        order:3;
    }
    .header-table .header-table-cell:nth-of-type(3) {
        margin-top: -1rem;
    }
    .header-searchbar .search-box {
        min-width: 100%;
    }
    .link-wrapper,.link-wrapper>div{
        position: relative;
        right: 0;
        top: 0;
        bottom: 0;
        float: none;
        text-align: center;
        width: 60%;
        margin: auto;
        padding: 0.5rem 0;
    }
    .link-wrapper .yellow-link{
        letter-spacing:0;
    }
    .header-searchbar #form-wrapper {
        max-width: 90%;
    }
    .woocommerce form .form-row-last, .woocommerce-page form .form-row-last{
        float: none;
    }
    .header-searchbar .search-box::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 0.5rem;
    }
    .header-searchbar .search-box::-moz-placeholder { /* Firefox 19+ */
        font-size: 0.5rem;
    }
    .header-searchbar .search-box:-ms-input-placeholder { /* IE 10+ */
        font-size: 0.5rem;
    }
    .header-searchbar .search-box:-moz-placeholder { /* Firefox 18- */
        font-size: 0.5rem;
    }
    .learn-search-box #learn_query{
        font-size: 0.7rem;
    }
    .learn-search-box > div {
        width: 100%;
        padding-bottom: 0.5rem;
    }
    .learn-search-box .btn-go {
        display: block;
        margin: auto;
        text-align: center;
    }
    .woocommerce-page table.cart td.actions .coupon input{
        width: 100% !important;
        margin: 1rem 0;
    }
}
@media screen and (max-width:993px){
  #learning-center-archive{
    max-width: 684px;
  }
}
@media screen and (max-width:684px){
  #learning-center-archive{
    padding: 0;
    width: 290px;
  }
  .learning-center-category-card{
    margin-right: 0;
  }
}
@media screen and (min-width:768px){
    .main-menu-color a{
        color:#f4d112 !important;
    }    
    #top-menu{
        margin: auto;
        text-align: right;
    }
    #top-menu {
        border: 1px solid rgb(0, 51, 102);
        border-top:none;
    }
}
@media screen and (max-width: 767px){
    .main-navigation > div > ul {
        /* border: none;  */
        padding: 0;
    }
}