/* Mobile Portrait View */
@media screen and (max-width:1000px) {
*{box-sizing:border-box;}
.left, .right, .copyright-txt, .design-by, .powerby{ float:none; text-align:center;}
.container { width:auto; padding:0 20px !important;}
.container.no-padding { padding:0px !important;}
.site-header{ position:relative; min-width: unset}
/*coloumn css*/
.post-thumb{ width:100%; float:none; margin:0 0 10px;}
/*sidebar css*/
#sidebar{ width:100%; float:none;}
.content-area{ width:auto; margin:0; padding:50px 20px;}
.content_leftbx_grace_news{ width:auto; float:none;}
#services_wrapper{ padding:40px 0;}
.column_3content_box{ float:none; width:100%;}
.services_3_column h3{ font-size:24px !important;}
.welcome_content_column h3 span{ font-size:40px;}
.site_hdr_right{ float:none;}
.hdrtop_social{ padding:10px 20px;}
.tickerarea{ float:none; width:100%;}
.logo h1{ font-size:32px; margin:0;}

/*slider css*/
#slider{ top:0; margin:0;}
.nivo-caption, .custominfo{ width:80%; padding:0; }
.nivo-caption h2{ font-size:20px !important; line-height:20px !important; margin:0 0 15px !important;}
.custominfo h2 span{ font-size:20px !important; display: inline;}
.nivo-caption p{ line-height:16px; font-size:14px; margin-bottom:20px;}
.nivo-caption .slide_morebtn{ padding:5px 20px; font-size:12px;}
.nivo-directionNav a{ top:35% !important;}
.nivo-controlNav{ display:none !important;}
a.nivo-prevNav{ left:1%;}
a.nivo-nextNav{right:1%;}
.welcome_imagebx, .welcome_content_column{ float:none; width:auto; margin:0 0 25px 0;}
#second_features_section{ margin:0; padding:30px 0;}
h2.section_title{ font-size:34px; margin-bottom:25px;}
/*front blog post*/

.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea{ width:100%;}
#site_layout{ width:100%;}
.welcome_content_column h3{ font-size:24px;}
#about_wrapper{ padding-bottom:30px;}
.recentpost_listing .post-thumb{ width:auto; height:auto; overflow:hidden; float:none; margin:0 0 25px 0;}
.recentpost_listing .post-thumb img{ height:auto; min-height: inherit;}
.recentpost_listing, .recentpost_listing.post3col{ float:none; width:100%; margin:0 0 30px 0; padding:0;}
.contentbx_grace_news{ padding:30px 0;}

.blog_slider .slick-slider .slick-track {
  max-width: 100% !important;
}



.services_3_column{ width:100%; float:none; margin:0 0 30px; }
.services_3_column .services_imgcol{ height:175px; float:none; margin:0 auto 10px auto;}
.services_3_column .services_imgcol img{ min-height:175px; }
.hdrtop_social{ position:relative;}
.site_hdr_right{ display:block;}

.site {
  /* padding-top: 160px; */
  padding-top: 40.3vw;
}

.mo-hide.mo-hide.mo-hide {
  display: none;
}

.web-hide.web-hide.web-hide.block {
  display: block;
}
.web-hide.web-hide.web-hide.flex {
  display: block;
}

.header_navigation {
  display: none;
}
.header-top {
  flex-direction: column;
  height: unset;
}
.header-top .logo {
  /* width: 50%; */
  padding-bottom: 10px;
  height: 60px;
}
.toggle a {
  margin-top: 0;
}
.header-mobile-navigation {
  display: flex;
  width: 100%;
}
.mobile-nav-square {
  width: 25%;
  padding-bottom: 25%;
  position: relative;
}
.mobile-nav-square-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.mobile-nav-item {
  width: 100%;
  height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #ddd;
}
.mobile-nav-square:last-child .mobile-nav-item {
  border-right: none;
}
.mobile-nav-item-icon {
  width: 30%;
  margin-bottom: 10px;
}
.mobile-nav-item-icon img{
  width: 100%;
}
.mobile-nav-item-text {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #333;
}

.footer-newsletter {
  width: 90%;
  padding: 30px 0;
  margin: auto;
}
.footer-nav {
  display: none;
  flex-direction: column;
  height: unset;
  padding: 50px 0;
}
.footer-nav-mobile {
  display: flex;
  flex-direction: column;
  background-color: #000;
  padding: 20px;
}
.footer-nav-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
  text-align: center;
}
.footer-band-title {
  font-size: 18px;
  text-align: center;
}
.footer-band .newsletter {
  width: 90%;
}
.footer-band .newsletter input {
  width: 85%;
  font-size: 14px;
}
.footer-band .newsletter button {
  width: unset;
  font-size: 14px;
}

.footer-youtube {
  padding: 30px 0;
}
.footer-youtube-button {
  width: 90%;
  padding: 5px 20px;
}
.footer-youtube-icon {
  width: 30px;
  margin-right: 30px;
}
.footer-youtube-text {
  font-size: 13px;
}
.footer-wrapper ul {

}
input:checked ~ .accordion-content {
  margin-bottom: 20px;
}

.news-events-item.news-events-item {
  width: 100%;
  height: unset;
  margin-bottom: 20px;
}
.welcome {
  text-align: center;
}
.news-item-content {
  width: 100%;
  bottom: 0 !important;
  left: 0 !important;
  top: unset !important;
  right: unset !important;
  padding: 10px;
}
.news-section-title {
  line-height: 1;
}
.news-events-item .news-item-content.news-item-content {
  width: 100%;
  text-align: center;
}

.news-item-title {
  font-size: 22px;
}
.new-arrivals-item, .new-arrivals-item.similar {
  /* width: 100%; */
  width: 48%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
}
.new-arrivals-content {
  width: 100%;
  bottom: 0 !important;
  left: 0 !important;
  top: unset !important;
  right: unset !important;
  padding: 10px;
}
.new-arrivals-title {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
  margin-top: 50px;
}
.new-arrivals-item.similar .new-arrivals-item-title {
  font-size: 16px;
  margin-bottom: 0;
}
.photo-gallery-item.poster {
  width: 100%;
  margin-bottom: 40px;
}
.photo-thumbnails {
  width: 100%;
}
.gallery-tiles .gallery-thumbnail-ratio-wrapper {
  margin-bottom: 30px;
}
.gallery-thumbnail img {
  position: relative;
  top: unset;
  left: unset;
  transform: none;
}
.gallery-thumbnail:first-child img, .gallery-thumbnail:last-child img {
  width: 100%;
  height: auto;
}

.main-image {
  height: auto !important;
  position: relative;
  background-color: #f4f4f4;
  margin-bottom: 0px;
}
.main-cover-container.main-cover-container img {
  position: relative;
}
.main-cover-content {
  width: 100%;
  padding: 20px;
  left: 0;
  position: relative;
  transform: none;
  background-color: transparent;
}
.main-cover-content-name {
  font-size: 28px;

}
.main-cover-content-subcategory {
  font-size: 16px;
  color: #333;
}
#product-slider.products-wrapper {
  height: auto;
}
#product-slider .slick-slide {
  height: auto;
}
.product-item-content {
  position: relative;
  left: 0;
  transform: none;
  width: 100%;
  padding: 20px;
}
.product-item-title {
  color: #ffcc29;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
}
.product-item-desc {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 40px;
}
.banner-ratio-wrapper {
  /* height: 0; */
  padding-bottom: 0;
}
.banner-ratio-content {
  position: relative;
  height: auto;
}
.new-arrivals-wrapper {
  margin-bottom: 20px;
}
.new-arrivals .slider-controls.newArrivals {
  position: relative;
  width: 100%;
  height: 60px;
  justify-content: center;
}
#newArrivals.new-arrivals-wrapper .slick-slide {
  height: auto;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 15px;
  border: 1px solid #eee;
  /* border-radius: 10px; */
}

.new-arrivals .slider-controls .slider-action{
  width: 60px;
  height: 60px;
}
.new-arrivals .slider-controls .slider-action.previous {
  margin-right: 20px;
}
.slick-slide .new-arrivals-item {
  width: 100% !important;
}
.slick-dots li button {
  box-shadow: none;
}
.slick-dots li button:before {
  font-size: 20px;
}

.featured-banner-mobile {
  width: 100%;
  display: block;
  margin-bottom: 50px;
}
.featured-banner-mobile-image {
  width: 100%;
  padding: 15% 0;
  background-color: #ffcc29;
}
.featured-banner-mobile-image img {
  width: 100%;
  margin: auto;
}
.featured-banner-mobile-text {
  background-color: #333;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffcc29;
  padding: 5% 15%;
  text-align: center;
}
.arrow {
  display: block;
  text-align: center;
  margin: 3% 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #ffcc29;
}
.arrow {
  display: none;
}
.bounce {
  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-16px);
  }
  60% {
    transform: translateY(-8px);
  }
}

.ticker {
  padding-right: 15px;
  height: 40px;
}
.ticker-label {
  font-size: 12px;
  text-align: center;
  height: 40px;
  line-height: 1.4
  padding: 0 5px;
}
.ticker-label:after {
  border-top-width: 20px;
  border-bottom-width: 20px;
  border-left-width: 20px;
}
.ticker .ticker-controls {
  display: none;
}
.ticker-content {
  width: 80%;
  padding-left: 35px;
  padding-right: 0;
  font-size: 11px;
}
.ticker-item {
  height: 40px;
  line-height: 1.4;
}

.header-nav-submenu {
  width: 100%;
  height: calc(100vh - 160px);
  top: 160px;
  left: 0;
  box-shadow: none;
  overflow-y: auto;
  padding-bottom: 60px;
}

.header-mobile-navigation .header-nav-items {
  display: none;
  position: fixed;
  top: 160px;
  width: 100%;
  height: calc(100% - 160px);
  background-color: rgba(255,255,255,1);
}
.header-mobile-navigation .header-nav-items.show {
  display: flex;
  flex-wrap: wrap;
}
.header-nav-title {
  background-color: #eee;
  width: 100%;
  padding: 20px;
  font-size: 20px;
  font-weight: 600;
  color: #333;
  height: fit-content;
  text-transform: uppercase;
  display: flex;
}
.header-nav-item {
  width: 100%;
  list-style: none;
  display: flex;
  margin: 0;
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
}
.header-nav-link {
  width: 100%;
  display: flex;
}
.nav-caret.end {
  top: 5px;
}
.header-nav-section-heading {
  font-size: 20px;
  margin-bottom: 20px;
}
.header-nav-section-item{
  font-size: 18px;
}
.header-nav-submenu-title {
  background-color: #eee;
  width: 100%;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  height: fit-content;
  text-transform: uppercase;
  display: flex;
  position: fixed;
  z-index: 10;
  align-items: center;
  justify-content: space-between;
}
.header-nav-submenu-back {
  display: flex;
}
.header-nav-submenu-column {
  width: 100%;
}
.header-nav-submenu-column:nth-child(2) {
  margin-top: 64px;
}
.header-nav-go-back {
  width: 20px;
  height: 20px;
  /* margin-right: 10px; */
}
.button.view-all-products-button {
  margin: 0;
  background-color: transparent;
  color: #FA9917;
  font-weight: bold;
  font-size: 14px;
  box-shadow: none;
  border: 2px solid #FA9917;
  display: block;
  padding: 6px 18px;
}
.support-menu {
  position: absolute;
  top: 160px;
  width: 100%;
  height: calc(100vh - 160px);
  padding: 10px 30px;
  background-color: rgba(255,255,255,1);
}
.support-menu.show {
  display: flex;
  flex-direction: column;
}

.support-menu-item {
  width: 100%;
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #f4f4f4;
}
.support-menu-item-image {
  width: 50px;
  font-size: 50px;
  margin-right: 30px;
}
.support-menu-item-text {
  font-size: 22px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.search-menu {
  position: absolute;
  top: 160px;
  width: 100%;
  height: calc(100vh - 160px);
  padding: 10px 10px;
  background-color: rgba(255,255,255,1);
}
.search-menu.show {
  display: flex;
  flex-direction: column;
}

div[id^="wpcf7-f2941-"] .wpcf7-form {
  display: block;
}
div[id^="wpcf7-f2941-"] .wpcf7-form p:first-of-type {
  width: 100%;
  margin-bottom: 20px;
}
div[id^="wpcf7-f2941-"] .wpcf7-form p:last-of-type {
  width: 100%;
}


.category-links {
  margin-left: 20px;
  margin-right: 20px;
  padding: 50px 0;
}
.category-links-wrapper {

}
.category-link {
  width: 42vw;
  height: 42vw;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.category-link img {
  width: 75%;
}
.category-link-name {
  font-size: 11px;
  padding: 5px 0;
}
.category-slider {
  padding-top: 50px;
}
/* .category-slider .slick-slider .slick-track, .category-slider .slick-slider .slick-list {
  height: 100%;
} */

.filter-container {
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  position: fixed;
  z-index: 999;
  top: 40.3vw;
  background-color: #ffcc29;
}
.filter-close.show {
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  position: fixed;
  z-index: 9999999999;
  bottom: 0;
  background-color: #ffcc29;
}
.sort-section {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filter-section {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sort-section i {
  margin-right: 10px;
}
.filter-section i {
  margin-right: 10px;
}
.filter-divider {
  height: 100%;
  width: 1px;
  border-radius: 1px;
  background-color: #eee;
}
.mobile-nav-square:nth-child(4) .mobile-nav-item {
  border-right: none;
}

.mobile-popup {
  height: calc(100vh - 50px);
  position: relative;
}
.mobile-popup.show {
  display: block;
}
.popup-close {
  position: absolute;
  right: 20px;
}
.popup-title {
  padding: 20px;
  font-size: 20px;
  border-bottom: 1px solid #eee;
}
.popup-content {
  display: flex;
  flex-grow: 1;
}

.woocommerce-products-header {
  flex-direction: column;
}
.sections_group {
  flex-direction: column;
}
.four.columns {
  margin: 0 !important;
}
.sidebar {
  display: none;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  z-index: 999999999;
  background-color: #fff;
}
.sidebar.show {
  display: block;
  overflow-y: scroll;
}
.sidebar .widget-area {
  padding: 0 !important;
}
.section_wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: unset;
}
/* .section {
  width: 100%;
} */
.section.shop {
  width: 100%;
}
.products.grid {
  flex-direction: column;
  padding: 20px;
  background-color: #e4e4e4;
}
ul li, ol li {
  margin-left: 0;
}
.product-loop-thumb {
  width: 100%;
}
.single-product-description {
  margin-bottom: 30px;
  flex-direction: column;
}
.single-product-info .info-divider {
  display: none;
}
.product-info-actions a {
  border-radius: 10px;
  padding: 8px 40px;
}
.single-product-features {
  /* margin-bottom: 30px; */
}
.single-product-features-item {
  margin-top: 5px;
  margin-bottom: 5px;
}
.isotope-item.product {
  margin-bottom: 20px;
  margin-left: 0;
  width: 100%;
  border-radius: 12px;
  box-shadow: none;
}
.isotope-item.product .desc{
  margin-top: 10px;
}
.shop-filters .woocommerce-ordering {
  display: none;
}
.product-cover {
  flex-wrap: wrap;
  /* height: calc(100vh - 130px); */
  height: unset;
}
.product-cover-content {
  width: 100%;
  order: 2;
  padding: 0;
  /* max-height: 200px;
  overflow: hidden; */
}
.product-cover-content-category {
  font-size: 24px;
  margin-bottom: 15px;
}
.product-cover-content-name {
  font-size: 40px;
  margin-bottom: 15px;
}
.product-cover-content-action {
  /* display: none; */
  margin-bottom: 20px;
}
.product-gallery {
  width: 100%;
  order: 1;
  padding: 0;
}

.product-gallery-container {
  width: 100%;
  padding: 0;
  margin-bottom: 0px;
}
.woocommerce-product-gallery {
  width: 100%;
}
.woocommerce-product-gallery__image a {
  /* width: 100%; */
  /* height: 100%; */
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
  width: 70px;
  height: 70px;
  margin-right: 10px;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  display: none !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger img {
  display: none !important;
}
.woocommerce-product-gallery__image img.width-first {
  /* height: auto;
  width: 100%; */
}

.woocommerce-product-gallery .flex-viewport {
  margin-bottom: 15px;
}

.product-cover-content-description {
  margin-bottom: 10px;
  max-height: 96px;
  overflow: hidden;
}
.product-cover-content-description.web {
  display: none;
}
.product-cover-content-description.mobile {
  display: block;
}
.tab-list {
  justify-content: space-between;
  background-color: #ffcb08;
}
.tab-item {
  width: unset;
}
.tab-content {
  padding: 20px;
}
.features-container {
  flex-direction: column;
}
.features-content {
  width: 100%;
}
.features-image {
  width: 100%;
}
.tab-content-container.video img {
  width: 100%;
}
.specifications-container {
  width: 100%;
}
.downloads-container {
  width: 100%;
}

.similar-product-name h4 a {
  font-size: 16px;
}
.similar-product-features-item {
  font-size: 13px;
}

.blog-item {
  width: 100%;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
  box-shadow: none;
}
.blog-content {
  padding: 20px 0 0 0;
}
.product-feature {
  width: 100%;
  margin-right: 0;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
  display: none;
}
.woocommerce-product-gallery__image {
  height: 30vh !important;
}
.woocommerce-product-gallery {
  height: unset;
}

.product-resources-container {
  width: 85%;
}
.product-resources-title {
  font-size: 24px;
  margin-bottom: 20px;
}
.product-resources-desc {
  font-size: 15px;
  margin-bottom: 40px;
}
.product-resources-about {
  width: 100%;
  padding: 20px 0;
  margin-bottom: 30px;
  background-color: #ffcb09;
  text-align: center;
}
.product-resources-about-button {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  font-style: italic;
}
.resource-item {
  width: 38vw;
  box-shadow: 0px 1px 6px 2px rgba(99,99,99,0.5);
}
.resource-item-top {
  height: 35vw;
}
.resource-item-bottom {
  font-size: 14px;
  align-items: center;
  color: #333;
  padding: 0 15px;
  height: 30px;
}
.support-options {
  flex-direction: column;
}
.support-options-column {
  width: 100%;
  margin-bottom: 50px;
}
.support-option-title {
  font-size: 28px;
}
.support-option-desc {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 30px;
}
.support-options-container {
  padding-bottom: 0;
}
.resource-item.applications {
  width: 40vw;
}
.resource-item.applications .resource-item-top {
  height: 32vw;
}
.resource-item.applications .resource-item-bottom {
  height: 40px;
  font-size: 10px;
  line-height: 1.4;
}
.application-cover {
  flex-direction: column;
  height: calc(100vh - 170px);
}
.application-cover-heading {
  width: 100%;
  padding: 12% 5% 7% 5%;
  font-size: 32px;
}
.application-cover-heading span {
  font-size: 32px;
}
.application-cover-video {
  width: 100%;
}
.application-title {
  font-size: 60px;
  line-height: 3em;
}
.application-solution-title {
  font-size: 28px;
  height: 3em;
}
.application-solution-title .underline {
  margin-top: 10px;
}
.application-solution-content {
  flex-direction: column;
  padding-top: 15%;
  margin-bottom: 80px;
}
.application-solution-image {
  width: 100%;
  margin-bottom: 60px;
}
.application-solution-image img {
  width: 100%;
}
.application-solution-recommended {
  width: 100%;
}
.application-solution-content .content-title {
  font-size: 20px;
  margin-bottom: 40px;
}
.application-solution-products .woocommerce ul.products .new-arrivals-item {
  width: 48%;
}
.application-solution-products .new-arrivals-item-title {
  font-size: 16px;
}

.single-installation {
  margin-top: 30px;
}
.single-installation-location {
  padding-left: 0;
}
.single-installation-address {
  margin-bottom: 20px;
}
.single-installation-products-title {
  font-size: 32px;
}
.single-installation-products .woocommerce ul.products {
  justify-content: space-between;
}
.single-installation-products .woocommerce ul.products .new-arrivals-item {
  width: 48%;
  margin-left: 0;
  margin-right: 0;
}
.single-installation-products .new-arrivals-item-title {
  font-size: 16px;
}
.single-installation-images {
  margin-bottom: 70px;
}


.why-us {
  flex-direction: column;
}
.why-us-column.small {
  width: 100%;
  margin-bottom: 40px;
}
.why-us-column.large {
  width: 100%;
}
.why-us-heading {
  font-size: 24px;
  margin-bottom: 40px;
}
.blog-section-title.support {
  font-size: 26px;
}
.blog-section-title {
  margin-bottom: 60px;
}

.header-nav-column-holder {
  padding-top: 50px;
}
.header-nav-column-holder.three, .header-nav-column-holder.two, .header-nav-column-holder.one {
  width: 100%;
  flex-wrap: wrap;
}
.header-nav-column-holder.three .header-nav-submenu-column, .header-nav-column-holder.two .header-nav-submenu-column, .header-nav-column-holder.one .header-nav-submenu-column {
  width: 100%;
}
.header-nav-submenu.hover {

}
.header-nav-column-holder-title {
  padding-top: 30px;
  font-size: 22px;
}
.header-nav-submenu-section {
  margin-bottom: 40px;
}

.coming-soon-cover {
  width: 100%;
  height: calc(100vh - 160px);
}

.coming-soon-cover img {
  width: 100%;
}

.contact-cover {
  height: auto;
  flex-wrap: wrap;
}
.contact-box {
  width: 100%;
  order: 2;
}
.map-box {
  width: 100%;
  order: 1;
}
.contact-form-wrapper {
  flex-wrap: wrap;
  width: 90%;
}
.contact-form-side {
  width: 100%;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.contact-form {
  width: 100%;
}
.contact-form-field label {
  margin-bottom: 10px;
}
.contact-cover img {
  position: relative;
}
.contact-cover-heading {
  font-size: 24px;
  margin-bottom: 10px;

}
.contact-cover-text {
  font-size: 11px;
  display: block;
}
.contact-cover-content {
  left: 10px;
  bottom: 10px;
}
.contact-form-field {
  width: 100%;
  margin-bottom: 30px;
}
.contact-form-action {
  text-align: center;
}
.reach-us-contact {
  flex-wrap: wrap;
  width: 75%;
}
.reach-us-contact-option {
  margin-bottom: 30px;
}
.reach-us-contact-text {
  font-size: 16px;
}
.reach-us-title {
  font-size: 24px;
  color: #FA9917;
}
.reach-us-location {
  flex-wrap: wrap;
}
.reach-us-info {
  width: 100%;
  order: 2;
}
.reach-us-map {
  width: 100%;
  order: 1;
  margin-bottom: 30px;
}
.reach-us-name {
  font-size: 36px;
  margin-bottom: 20px;
}
.reach-us-address {
  font-size: 20px;
}
.about-cover {
  height: unset;
}
.about-cover img {
  height: unset;
  width: 100%;
}
.about-text-first {
  flex-wrap: wrap;
}
.about-text-first-image {
  width: 70%;
  margin: auto;
  margin-bottom: 20px;
}
.about-text-first-text {
  width: 100%;
  font-size: 12px;
}
.about-text-second {
  flex-wrap: wrap;
}
.about-text-second-image {
  width: 70%;
  margin: auto;
  margin-bottom: 20px;
}
.about-text-second-text {
  width: 100%;
  font-size: 12px;
}
.about-action button {
  padding: 15px 10px;
  font-size: 11px;
}
.about-feature-section {
  flex-wrap: wrap;
  padding: 40px 20px;
  text-align: center;
}
.about-feature {
  width: 100%;
  margin-bottom: 40px;
}
.about-value {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.about-value-text {
  width: 100%;
  order: 2;
}
.about-value-title {
  font-size: 20px;
}
.about-value-image {
  width: 100%;
  order: 1;
  margin-bottom: 10px;
}
.about-engagement {
  flex-wrap: wrap;
  text-align: center;
}
.about-engagement-text {
  width: 100%;
  margin-bottom: 40px;
}
.about-engagement-options {
  width: 100%;
}
.about-engagement-name {
  font-size: 11px;
  display: none;
}
.about-events {
  text-align: center;
  flex-wrap: wrap;
}
.about-event {
  width: 48%;
  margin-bottom: 40px;
}
.about-event img {
  margin-bottom: 10px;
}
.about-event-name {
  font-size: 16px;
}
.about-product-offerings {
  text-align: center;
  flex-wrap: wrap;
}
.about-product-list-heading {
  font-size: 24px;
}
.about-product-list {
  width: 100%;
}
.about-product-list-text {
  display: none;
}
.about-product-image {
  width: 100%;
}
.about-installations {
  text-align: center;
}
.about-installations-heading {
  font-size: 24px;
}
.about-installations-text {
  font-size: 14px;
}

.sub-category-section {
  padding: 100px 20px 120px 20px;
  flex-wrap: wrap;
}
/* .sub-category-section::before {
  height: 10%;
}
.sub-category-section:nth-child(even):before {
  top: 0;
}
.sub-category-section:nth-child(odd):before {
  top: -25px;
} */
.sub-category-section.align-right .sub-category-text {
  text-align: center;
  align-items: center;
}
.sub-category-text {
  width: 100%;
  order: 2;
  text-align: center;
}
.sub-category-heading {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 35px;
}
.sub-category-image {
  width: 100%;
  order: 1;
  margin-bottom: 10px;
}
.sub-category-image img {
  width: 100%;
}
.sub-category-series {
  font-size: 40px;
  width: 100%;
  text-align: center;
}
.sub-category-title {
  font-size: 35px;
}
.sub-category-section {
  /* padding-top: 0; */
}

body.no-scroll {
  height: 100% !important;
}

.privacy-container, .installations-container{
  padding: 0;
  width: 90%;
  margin-top: 30px;
}
.privacy-title, .installations-title {
  font-size: 35px;
}
.privacy-desc, .installations-desc {
  font-size: 22px;
  margin-bottom: 60px;
}

.installations-section {
  flex-wrap: wrap;
}
.installations-image {
  width: 100%;
  margin-bottom: 40px;
}
.installations-list {
  width: 100%;
}
.installed-item {
  padding: 0 10px;
}
.installed-item-name {
  width: calc(100% - 30px);
}
.media-item {
  width: 48%;
}
.media-item-text {
  font-size: 14px;
}

.four.columns .widget-area{
  width: 100% !important;
  padding: 0 !important;
}
aside.widget {
  border-left: 0;
}
.social-contact {

}
.social-contact-title {
  font-size: 28px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.social-contact-items {
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.social-contact-item {
  width: 100%;
  margin-bottom: 20px;
  justify-content: space-between;
}
.social-contact-item-icon {
  width: 60px;
  height: 60px;
  text-align: left;
  font-size: 42px;
}
.social-contact-item-content {
  width: calc(100% - 80px);
}
.social-contact-item-label {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 400;
}
.social-contact-item-text {
  font-size: 20px;
  font-weight: 400;
}
.nivoSlider img {
  top: 0;
  transform: none;
}
.widget-area {
  margin: 0 !important;
}

}

@media screen and (min-width: 1400px){
  .container {
    width: 1170px;
  }
}
@media screen and (max-width:1200px) and (min-width:1000px) {
  .slick-dotted.slick-slider {
    margin-bottom: 0 !important;
  }
  .ticker {
    position: relative;
  }
  .main-image {
    height: calc(57vw - 100px);
  }
}
@media screen and (max-width:1200px) and (min-width:1150px) {
  .grace_navi ul li a {
    font-size: 15px;
  }
}
@media screen and (max-width:1150px) and (min-width:1000px) {
  .grace_navi ul li a {
    font-size: 14px;
  }
}


/* Mobile Landscape View */
@media screen and (min-width: 481px) and (max-width: 1000px){
*{box-sizing:border-box;}
.container, .content-area{ width:440px; margin:0 auto;}
.nivo-controlNav{ display:none !important;}
.post-thumb{ width:50%; float:left; margin:5px 20px 10px 0;}
}
/* Mobile Landscape View */
@media screen and (min-width: 300px) and (max-width: 481px){
*{box-sizing:border-box;}
.nivo-caption, .custominfo{ width:90%; bottom:35%;}
.nivo-caption .slide_morebtn, .nivo-caption p{ display:none;}
.hdrtop_social{ padding:0; position:relative; text-align:center;}
.hdrtop_social a{ padding:0; padding:0 10px; display:inline-table; line-height:40px;}
.nivo-directionNav{ display:none;}
}

@media screen and (min-width:100px) and (max-width: 980px){
#about_wrapper{ padding:40px 0 10px;}
.welcome_content_column h3{ font-size:34px;}
.nivo-directionNav a{ top:40%;}
.welcome_content_column{ padding-bottom:25px;}

.recentpost_listing .post-thumb{ height:150px;}
.recentpost_listing .post-thumb img{ min-height:150px;}
.column_3content_box{ float:none; width:100%; padding:20px;}
.column_3content_box h3{ font-size:15px;}
.footer-wrapper h5{ font-size:20px;}
.site_hdr_right{ float:none;}
.services_3_column .services_imgcol{ height:175px; float:none; margin:0 auto 10px auto;}
.services_3_column .services_imgcol img{ min-height:175px; }
.services_3_column h3{ font-size:24px !important;}
.welcome_content_column h3 span{ font-size:50px;}
.recentpost_listing .blogpost_imagebx{ height:125px;}
.recentpost_listing{ padding:0 15px;}
}

/* Tablet View */
@media screen and (max-width:1169px) and (min-width:768px) {
*{box-sizing:border-box;}
.container { width:auto; padding:0 20px !important;}
/*slider css*/
.nivo-caption{ width:80%;}
.custominfo{ width:80%;}
.nivo-caption h2{ font-size:42px; line-height:45px;}
.content-area{ width:auto; margin:0; padding:50px 20px;}
.custominfo h2 span{ font-size:inherit; display:inline-block;}
#sidebar{ width:30%;}
.content_leftbx_grace_news{ width:65%;}
#site_layout{ width:100%;}
.welcome_content_column{ padding-bottom:25px;}
}

@media screen and (max-width:1169px) and (min-width:981px) {
html{overflow-x:hidden; }
.nivo-caption{ bottom:25%;}
}

@media screen and (max-width: 1000px){
.header_navigation{ background-color:transparent;}
.toggleMenu{display: block;}
.grace_navi{float:none; margin:0; position:relative; overflow-x:hidden; background-color:#fff; border-radius:0; top:0; border-bottom:none; display:block; }
.grace_navi ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
.grace_navi ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left; border-bottom:none !important}
.grace_navi ul li a{padding:5px 10px !important; display:block; color:#000; border:none; text-align:left;}
.grace_navi ul li a:hover, .grace_navi ul li.current_page_item a{color:#efc62c;  border:none !important; border-radius:0; text-shadow:none;}
.grace_navi ul li ul, .grace_navi ul li ul ul{ display:block !important; background: transparent !important;}
.grace_navi ul li ul li a:before{content:"\00BB \00a0";}
.grace_navi ul li ul li a{padding-left:20px !important; }
.grace_navi ul li ul li a, .grace_navi ul li.current-menu-ancestor a.parent{ border:none; border-radius:0;}
.grace_navi ul li ul li ul li a{padding-left:30px !important;}
.grace_navi ul li ul li ul li ul li a{padding-left:40px !important;}
.grace_navi ul li:hover > ul{ background:none !important; box-shadow:none;}
.grace_navi ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0; padding:0;}
.grace_navi ul li:hover ul li ul, .grace_navi ul li:hover ul li:hover > ul, .grace_navi ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.grace_navi ul li:hover ul li:hover ul, .grace_navi ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
.grace_navi ul li ul li a{ color:#000;}
.site-header{ position:relative; }
iframe{ height:auto;}
.logo{ width:auto; float:none; text-align:center; padding:0; margin:0 auto; position:relative; padding:5px; }

}