/*
Theme Name:     Child Twenty Seventeen
Theme URI:      https://www.ardentwire.com
Description:    A Twenty Seventeen child theme developed for IMS
Author:         Ardentwire
Author URI:     https://www.ardentwire.com
License:        GNU General Public License v2 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Template:       twentyseventeen
Version:        1.0
*/

body, button, input, select, textarea { color: #000000; font-family: Roboto; font-size: 17px; font-weight: 300; font-variant: normal; line-height: 1.2em; -ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased;  }
h1, h2, h3, h4, h5, h6 { font-family: Oswald; font-weight: normal; text-transform: uppercase;  }
.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong { box-shadow: none; color: #333333;}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:focus:not(.prev):not(.next), .pagination a:hover:not(.prev):not(.next), .comments-pagination a:focus:not(.prev):not(.next), .comments-pagination a:hover:not(.prev):not(.next), .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover { box-shadow: none;  color: #de1f26; }

a:focus { outline: medium none !important; }
b, strong { font-weight: 400; text-shadow: 1px 0 0; }
ul  { list-style: inside none disc; }

.entry-content a img, .comment-content a img, .widget a img { box-shadow: none; }
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder { color: #333; font-family: inherit; font-size: inherit; font-weight: inherit; }
:-moz-placeholder { color: #333; font-family: inherit; font-size: inherit; font-weight: inherit; }
::-moz-placeholder { color: #333; font-family: inherit; font-size: inherit; font-weight: inherit; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ }
:-ms-input-placeholder { color: #333; font-family: inherit; font-size: inherit; font-weight: inherit; }


#page-header {
  margin-bottom: 0 !important;
}
.custom-header { margin-bottom: 0 !important;}
.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {text-shadow: none;}
#masthead .wrap { max-width: 1366px; width: 95%; padding-bottom: 3px;}
.site-branding { background: #ffffff; position: fixed; width: 100%; padding: 0 0 0em; z-index: 1000;  -webkit-transition: background 1s; transition: background 1s; } /* ini ada kaitan dgn child-theme.js*/
.site-branding-colored { background: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); }  /* ini ada kaitan dgn child-theme.js*/
.woocommerce-page .site-branding { background: transparent;}
.woocommerce-page .site-branding-colored  { background: #ffffff; }
.custom-logo-link { padding: 6px 0 0;  }
.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img { max-width: 337px; }
.site-branding-text { display: none; background: transparent; padding: 12px 11px 13px 5px; margin-left: -3px; margin-right: 7px; }
.site-title { font-size: 1.45rem; }
.site-title a { color: #1e6500; }
.site-description { color: #000000; font-size: 0.8125rem; display: none; }
/* gtranslate */
#rwf-gtranslate-button { display: inline-block; vertical-align: middle; margin: -30px 15px 0;  }
.switcher {  }
.switcher {font-family: Oswald; font-size:13px; font-weight: normal; letter-spacing: 1px; text-align:left;cursor:pointer;overflow:hidden;width:auto;line-height:17px;}
.switcher a {text-decoration:none;display:block;font-size:13px; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.switcher a img {vertical-align:middle; display:inline; border:0; padding:0 0 3px; margin:0; opacity:0.8;}
.switcher a:hover img {opacity:1;}
.switcher .selected {background: transparent) repeat-x;position:relative;z-index:9999;}
.switcher .selected a {background:url(https://www.imsgroups.com.my/development/wp-content/uploads/arrow_down.png) 95% center no-repeat; color:#333333; padding: 5px 10px 5px 5px; width:auto; border: 0px none; }
.switcher .selected a.open { background-image:url(//www.imsgroups.com.my/development/wp-content/plugins/gtranslate/arrow_up.png)}
.switcher .selected a:hover { background: transparent url(//www.imsgroups.com.my/development/wp-content/plugins/gtranslate/arrow_down.png) 95% center no-repeat; color: #000000; }
.switcher .option { position:relative;z-index:9998; border-radius: 3px; border-top: 1px solid #cccccc; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;background-color:#ffffff ; display:none; width:auto; max-height:198px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;box-sizing:content-box;overflow-y:auto;overflow-x:hidden;}
.switcher .option a {color:#000; padding: 3px 10px 3px 3px;}
.switcher .option a:hover {background:#4A4A4A; color: #ffffff; }
.switcher .option a.selected {background:#4A4A4A; color: #ffffff; }
#selected_lang_name {float: none;}
.l_name {float: none !important;margin: 0;}
.switcher .option::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);border-radius:5px;background-color:#F5F5F5;}
.switcher .option::-webkit-scrollbar {width:5px;}
.switcher .option::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);background-color:#888;}
/* end gtranslate */
.main-navigation { display: inline-block; float: right; padding-top: 12px; }
#top-menu { margin-right: 7.5em; }
.main-navigation a { color: #333333; font-size: 13px; font-family: Oswald; font-weight: 400; padding: 5px 13px; text-transform: uppercase; letter-spacing: 1px; }
.site-branding-colored .main-navigation a { color: #333333; }  /* ini ada kaitan dgn child-theme.js*/
.main-navigation a:hover { color:  red; background: transparent; opacity: 1 !important;}
.main-navigation li { padding-left: 15px; }
.main-navigation li.current-menu-item a{ background: #4a4a4a; color: #ffffff; border-radius: 3px; }
.main-navigation ul ul { background: #ffffff; border: 0 none; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
.main-navigation li li { padding: 0 20px; }
.main-navigation li li:hover, .main-navigation li li.focus { background: transparent; }
.navigation-top { display: none;}
.main-navigation ul ul a { width: 200px; background: transparent !important; color: #333333 !important; letter-spacing: 1px; padding: 10px 0; text-transform: uppercase; border-radius: 0 !important; border-bottom: 1px solid #ececec;  }
.main-navigation ul ul a:hover { color: red !important; }
.main-navigation ul ul li:last-child a { border-bottom: 0 none !important; }
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { padding-bottom: 5px; left: 0.8em; }

.fbook { vertical-align: middle;}
.fbook a { background: transparent !important; font-size: 0px; border: 0px solid #ffffff !important; border-radius: 100%; width: 20px; height: auto; color: #2a56b0 !important; padding: 5px 0; }
.fbook a:hover, .fbook a:focus  { filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.2)); -webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.2));  }
.fbook .dashicons { margin-top: -4px; }
.wasap-parent { vertical-align: middle; }
.wasap-parent a { background: transparent url("https://www.imsgroups.com.my/development/wp-content/uploads/wa3.png") no-repeat scroll center center / 20px auto !important; font-size: 0px; border: 0px solid #ffffff !important; border-radius: 100%; width: 24px; height: auto; padding: 5px 0; }
.wasap-parent a:hover, .wasap-parent a:focus  { filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.2)); -webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.2));  }
.main-navigation ul li.wasap-parent:hover > ul, .main-navigation ul li.wasap-parent:focus > ul  { left: -140px; width: auto; }
.main-navigation li li.wasap-child { padding: 0 16px !important; }
.wasap-child a { font-family: inherit; font-size: 14px; height: auto; width: 140px !important; color: #000000 !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 none !important; border-radius: 0 !important; cursor: pointer; padding: 3px 0 !important;  }
.wasap-child a:hover { filter: none; -webkit-filter: none;  }
/* .wasap-parent a { background: #14990a url("https://www.imsgroups.com.my/development/wp-content/uploads/wa.png") no-repeat scroll 7px center; color: #ffffff !important; border: 1px solid #14990a !important; border-radius: 3px !important; padding-left: 37px; font-size: 13px;    }
.wasap-parent a:hover, .wasap-parent a:focus  { border: 1px solid #14990a !important; }
*/
#top-right { position: absolute; right: 2em; top: 12px;}
#top-enquiry span { line-height: 20px !important; text-align: center; text-shadow: 0px 0px 0px transparent !important; text-transform: uppercase; font-family: Oswald; font-size: 13px !important; letter-spacing: 1px; font-weight: 400; padding: 4px 22px !important;}
#top-enquiry span i { font-size: 15px !important; float: right; padding: 3px 0px 0px 5px; text-shadow: 0px 0px 0px transparent ! important; margin: 0px ! important;}


.widget { padding-bottom: 1em; }

#post-3755 .entry-header { display: none; } /* post-3755 adalah id untuk section home  */
.entry-header { text-align: center;}
.widget ul li { border-bottom: 0px none; border-top: 0px none;}
.site-content-contain { background-size: 100% auto; background-repeat: no-repeat; background-attachment: fixed; background-color: #ECEEEF;}
.single-post .site-content-contain { background-image: none !important; }
.site-content { min-height: 600px;  }
.page-template-page-for-su-lightbox .site-content { min-height: 300px; }
.woocommerce-page .site-content .wrap { padding-top: 0; background: #eceeef;  } 
.home .site-content .wrap { padding-top: 0; background: transparent;  }
.page:not(.home) #content { padding-bottom: 0%; }
.single-post .site-content { padding: 1.5em 0 10%; }
.single-post .site-content .wrap { padding-top: 2%; margin-top: -10%; background: #ffffff; }
.single-post .entry-title { font-weight: 400; letter-spacing: 2px; text-transform: uppercase; }
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary { max-width: 100% !important; }
.entry-meta { display: none; }
.archive .site-content-contain { background-size: 100% auto; }
.archive .entry-title { font-weight: 400; font-size: 27px;  letter-spacing: 1px; text-transform: uppercase; }
.archive article  { display: inline-block; width: 32%; margin-right: 0.5%; margin-left: 0.5%; vertical-align: top; border-bottom: 0 none; padding-bottom: 2em !important;}
.site-content { padding: 0; }
.search article { padding: 5% 5% 0 !important;}
.search .page-title { background: rgba(255, 255, 255, 0.75); padding: 3% !important; }
.search .entry-title { font-weight: 400; font-size: 27px;  letter-spacing: 1px; text-transform: uppercase; }
.search .site-content { padding-bottom: 10%;}

.page .panel-content .entry-title, .page-title { font-size: 27px; font-weight: 400; text-transform: uppercase; padding: 0; margin: 0px 0px 0px; font-family: oswald; letter-spacing: 0 !important;  }

.home .panel-content .entry-title { font-size: 39px;  text-transform: uppercase; text-align: center; }
.front-page-sidebar { display: none;}

    
.brands img { margin: 0 3px; }
/* end  */

.pagination, .comments-pagination {font-weight: normal;}

/* locus-t seo-keywords-bottom */
#seo-links { background: #111111; padding: 50px 0 1px; color: #ffffff; font-family: Roboto; font-size: 0.87em; font-weight: normal; line-height: 1.8;  }
#seo-links ul { list-style: none; margin-left: 0; }
#seo-links li a { color: #ffffff; }
#seo-links li a:hover, #seo-links li a:active, #seo-links li a:focus  { color: #f9ad1d; }
#seo-links .sub-menu li a { font-size: 14px;  }
#seo-links .sub-menu { position: relative; margin: 10px 0 20px; }
#seo-links .sub-menu:before { position: absolute; content: ""; height: 2px; width: 37px; background: #f29e00; top: -5px; }

/* footer */
.site-footer { border-top: 0px none; width: 100%; background: #ffffff; bottom: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);  }
.site-footer .wrap { padding-bottom: 10px; padding-top: 12px; }
.entry-footer { }
.site-info {color: #000000; float: none; width: auto; text-align: left; font-family: arial; font-size: 12px; font-weight: bold; margin-bottom: 0; padding-top: 0; }
.site-info a { color: #9f120e; box-shadow: none; }
.site-info a:hover { color: red;}
.footer-separator { margin: 0 5px 0px;}
.site-info-content .dashicons-location { font-weight: bold; font-size: 16px; vertical-align: middle;}
.site-info-content .dashicons-email { font-size: 15px; font-weight: normal; margin-top: 2px }
a.fpt { color: #9f120e; }
a.fpt:hover {color: red; }

.mejs-container { margin-bottom: 0; }


/* .edit-link, */ hr { display: none !important; }
 .edit-link { display: block !important; }
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) { border-top: 0px none; }


/* back to top */
.topbutton { background-color: #c11a14; color: #ffffff !important;  height:40px; width:40px; position:fixed; right:0; bottom:8px; padding-top: 9px; text-align: center; z-index:1; display:none;  }
.topbutton:hover { background-color: #E0151F; color: #ffffff !important; box-shadow: -2px 1px 4px rgba(0, 0, 0, 0.6) !important; }

/* ---------------- WOOCOMMERCE ----------------- */

/* woo widget */
.woo-top-widget-container { background: linear-gradient(to top, #ececec 0%, #ffffff 50%) repeat scroll 0 0; padding-top: 90px;}
.wrap-make-menu {  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d04248 0%, #c6353b 66%, #be2930 100%) repeat scroll 0 0; border-radius: 7px 7px 0 0; padding-bottom: 0 !important; line-height: 0.6em; } 

#make_menu { padding-top: 0px; float: none; }
#make_menu  a { color: #ffffff; padding: 14px 13px; }
#make_menu ul li { background: url("https://www.imsgroups.com.my/development/wp-content/uploads/make-menu-separator.jpg") no-repeat scroll 0 0; padding: 0; float: left; }
#make_menu ul li:first-child { background-image: none; }
#make_menu ul li:hover { background:  #4A4A4A !important;  }
#make_menu .current-menu-item  { background: rgba(0, 0, 0, 0.3) !important; }
#make_menu ul ul  { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d04248 0%, #c6353b 66%, #be2930 100%) repeat scroll 0 0; border-radius: 0 0 7px 7px; min-width: 180px; padding-bottom: 0; }
#make_menu ul ul  li { margin-left: 0; background-image: none; float: none; }
#make_menu  ul ul a { color: #ffffff !important; font-family: oswald;  font-size: 13px; font-weight: 400;  text-transform: uppercase; letter-spacing: 1px; width: auto !important; border-bottom: 1px solid #bf2b32; }
.main-navigation ul li.make_menu_more:hover > ul, .main-navigation ul li.make_menu_more:focus > ul { left: -117px; }
#make_menu ul ul li:last-child { border-radius: 0 0 7px 7px; }
#make-menu ul ul li { padding: 0 5px; }

.woo-top-wrapper { padding: 0 1em !important; margin-bottom: 10px; }
.wrap-cart { display: inline-block; vertical-align: bottom; width: auto; padding-bottom: 7px; margin-right: 15px; }
.wrap-cart a { font-size: 14px; font-weight: normal; color: #000000 !important; vertical-align: bottom; }
.wrap-cart a:hover { color: #C8383E !important; text-decoration: none;}
.rwf-cart:before { color: #4a4a4a; font-family: "dashicons"; content: "\f174"; font-size: 18px; margin-top:0px; font-style:normal; font-weight:400; padding-right:0; vertical-align: bottom; }
.rwf-acc-link:before { color: #4a4a4a; font-family: "dashicons"; content: "\f338"; font-size: 18px; margin-top:0px; font-style:normal; font-weight:400; padding-right:3px; vertical-align: bottom; }
.wrap-cart span.sep {color: #777777; margin: 0 2px 0 3px; }

.rwf-cart-count { color: #ffffff; background-color: #c8383e; font-size: 13px; font-weight: normal; border-radius: 50%; padding: 2px 4px; line-height: 13px; display: inline-block; vertical-align: top; margin-left: -4px; }
.rwf-cart .woocommerce-Price-amount { margin-left: 0; display: none; }
.wrap-woo-top { display: inline-block; vertical-align: bottom; width: /* 72%; */ auto; }
.wrap-woo-top .widget-title { text-transform: uppercase; color: #c52f35; margin-bottom: 5px; font-family: Oswald; letter-spacing: 1px; font-size: 17px; font-weight: 300; }
/* idea cosmetic saja .our-service-point { position: relative; padding: 0 15px; }
.our-service-point:before, .our-service-point:after  { content: ""; display: inline-block; height: 100%; position: absolute; top: 0; width: 1px; }
.our-service-point:before { left: 0; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e07173 0%, #bd2930 100%) repeat scroll 0 0; }
.our-service-point:after { right: 0; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #9c363a 0%, #bd2930 100%) repeat scroll 0 0; } */ 
.widget_product_search form { display: inline-block; margin-top: 5px; }
.woocommerce-product-search input[type="search"] { border: 0 none; border-radius: 0; padding: 0.4em 0.4em 0.4em 0.4em !important; float: left; width: auto; font-size: 14px; height: 30px; }
.woocommerce-product-search:before { content: "\f179"; color: #74818F; font-family: dashicons; font-size: 18px; font-style: normal; height: 30px; width: auto; line-height: 1; text-align: center; text-decoration: inherit; float: left; background: #FFFFFF; padding: 6px 0px 6px 6px; border-radius: 3px 0 0 3px; }
.woocommerce-product-search button[type="submit"] { background: transparent; font-size: 0; vertical-align: middle; display: inline-block; }
.woocommerce-product-search button[type="submit"]:before { content: "\f345"; font-family: dashicons; font-size: 18px; font-style: normal; height: 30px; width: auto; line-height: 1; text-align: center; text-decoration: inherit; float: left; background: #74818F; padding: 6px 4px 3px 6px; border-radius: 0 3px 3px 0; }

.airmatic-hero-container { background: transparent url("https://www.imsgroups.com.my/development/wp-content/uploads/pattern1.png"); }
.wrap-airmatic-hero {padding-bottom: 0 !important; }
.wrap-airmatic-hero .widget{ padding-bottom: 0; }
.airmatictitle {font-family: Oswald; color: #ffffff; text-transform: uppercase; position: absolute; z-index: 10; left: 3em; line-height: 1; top: 25%; font-weight: normal;}
.airmatictitlebig { font-size: 52px; letter-spacing: 0.5px }
.airmatictitlesmall { font-size: 28px; letter-spacing: 0px; font-style: italic; }

/* woo archive */

.woocommerce-products-header { padding-top: 20px; padding-bottom: 2em; }
.term-airmatic .woocommerce-products-header { padding-top: 5px; padding-bottom: 5px; }
#airmatic-box-title {  letter-spacing: 1px; text-transform: uppercase; font-family: Oswald; }
.woocommerce-products-header__title { color: #2d3c4b; }
.tax-product_cat .woocommerce-breadcrumb, .tax-product_make  .woocommerce-breadcrumb{ display: none; }
.woocommerce-products-header .woocommerce-breadcrumb { display: block !important; }
.woocommerce-breadcrumb { color: #2d3c4b; font-size: 14px; font-weight: normal; border-bottom: /*1px solid #d3d5dc */ 0 none; margin-bottom: 0.5em; padding-bottom: 0.5em; }
.woocommerce-breadcrumb a { color: #2d3c4b; box-shadow: none;  transition: color 130ms ease-in-out 0s; }
.woocommerce-breadcrumb a:hover { color: #c8383e; box-shadow: none;  }
.term-description { background: #e4e6e8; font-size: 14px; font-weight: normal; padding: 13px 14px; }
.term-description p { margin-bottom: 0; }
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { font-size: 14px; font-weight: normal; padding: 0 0 0.75em; line-height: 2; }
select.orderby { font-size: 14px; font-weight: normal; border: 1px solid #cccccc; height: 2.2em; padding: 0 0 0 7px; }
select.orderby option { padding: 4px 10px; }
select.orderby:after { content: "\f345"; font-family: dashicons; font-size: 18px; font-style: normal; height: 30px; width: auto; line-height: 1; text-align: center; text-decoration: inherit; float: left; background: #74818F; padding: 6px 4px 3px 6px; border-radius: 0 3px 3px 0; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { background: #ffffff; padding: 0 0 25px; border-radius: 8px;}
.woocommerce-loop-product__title { background: #e4e6e8; color: #222222; font-family: Roboto; font-size: 14px; font-weight: normal; letter-spacing: 0; text-transform: none; padding: 13px 3% 14px !important; margin-bottom: 0; border-radius: 7px 7px 0 0; }
.woocommerce-LoopProduct-link { color: #222222 !important; }
.woocommerce-LoopProduct-link:hover { color: #000000 !important; }
.woocommerce-loop-product__link:hover  .woocommerce-loop-product__title { background: #74818F; color: #ffffff;}

ul.products li.product .star-rating { margin-bottom: 0; margin-top: 5px; color: #c52f35; font-size: 12px; font-weight: normal; }
.star-rating { }
ul.products li.product .price { margin-bottom: 5px; margin-top: 3px; color: #c52f35; font-size: 20px; font-weight: bold; display: block;  }
.price ins { background: transparent; }
ul.products li.product .onsale:before { border-color: #003333 #003333 transparent transparent !important; border: 3px solid transparent; border-top: 4px solid #348c34; border-right: 4px solid #348c34; content: ""; position: absolute; left: 0; bottom: -6px;}
ul.products li.product .onsale { font-size: 14px; color: #ffffff;  position: absolute; background: rgba(0, 0, 0, 0) linear-gradient(to left, #075a39 0%, #1d7a50 66%, #339967 100%) repeat scroll 0 0; left: -6px; top: auto; margin-top: 10px; padding: 3px 10px; box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.3);  }


.attachment-woocommerce_thumbnail, .woocommerce-placeholder { margin: 9% 0 0; padding: 0.75em 3% 0; float: left; max-width: /* 155px */ 42% !important;   }
.rwf-info-grid-container-spacer { height: 0.75em; float: right; width: 58%; }
.rwf-info-grid { float: right; color: #2d3c4b; font-weight: normal; font-size: 14px; margin:0; padding: 0 2% 0 3%; border-left: 1px solid #e4e6e8; width: 58%; min-height: 60px; }
.rwf-info-grid p { margin-bottom: 0; }
ul.products li.product .button { position: relative; right: 3%; left: 0; top: 5px; color: #ffffff; font-size: 13px; font-family: Arial; line-height: 17px; text-align: center; width: auto; padding: 5px 20px; background: #c52f35; border: 1px solid #c52f35; border-radius: 20px; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px rgba(0, 0, 0, 0.075); transition: all 0.3s ease-in-out 0s; }
ul.products li.product .button:hover { background: #4a4a4a; border: 1px solid #444444; box-shadow: none !important; }
.woocommerce-error, .woocommerce-info, .woocommerce-message { display: inline-block; padding: 1em; }

/* marketplace page - one column product list 
.marketplace-list .woocommerce-page.columns-1 ul.products li.product, .woocommerce.columns-1 ul.products li.product { position: relative; }
.marketplace-list .woocommerce-LoopProduct-link { display: block; padding-bottom: 20px; }
.marketplace-list .woocommerce-loop-product__title { padding: 13px 2% 14px !important; }
.marketplace-list .attachment-woocommerce_thumbnail { margin: 0 1% 0 3%;  max-width: 155px !important;}
.marketplace-list .rwf-info-grid { margin: 0 1% 0 1%;  }
.marketplace-list ul.products li.product .price, .marketplace-list ul.products li.product .star-rating { float: right; }
.marketplace-list ul.products li.product .button { margin: 10px auto 20px; width: 110px; position: absolute; right: 3%; bottom: 0; }

.term-marketplace ul.products.columns-2 li.product, .term-marketplaceul.products.columns-2 li.product { width: 100%; } */



.marketplace_inquiry_form { background: #ffffff; border-radius: 8px; padding: 15px 2%; text-align: center; color: #000000; }
.marketplace_inquiry_form  .button { color: #ffffff; font-family: Arial; line-height: 20px; text-align: center; display: inline-block; width: auto; padding: 3px 13px 5px; margin-top: 0; background: #c52f35; border: 1px solid #c52f35; border-radius: 20px; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px rgba(0, 0, 0, 0.075); transition: all 0.3s ease-in-out 0s; }
.marketplace_inquiry_form  .button:hover { cursor: pointer; background: #4a4a4a; border: 1px solid #444444; box-shadow: none !important; }
.product-inquiry-popup .dashicons { line-height: 23px; }

.woo-bottom { border-radius: 0px 0px 8px 8px; margin-bottom: 5%; padding-top: 1em !important; padding-bottom: 1em !important; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #dddddd 100%) repeat scroll 0 0 !important; font-size: 14px; font-weight: normal; box-shadow: 0 7px 7px rgba(0, 0, 0, 0.4); }
.payment-logo { display: inline-block; vertical-align: middle; padding: 0px 3px; }

/* single product */
.single-product .woocommerce-breadcrumb { padding-top: 1em; }
.product_title { font-weight: 400; font-size: 26px; }
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { background: #ffffff; border: 6px solid #e4e6e8; border-radius: 8px; }
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { background: #ffffff; padding: 18px 20px 20px; border-radius: 8px; }
.woocommerce-product-gallery__trigger { font-size: 0; top: 5px;}
.woocommerce-product-gallery__trigger img { display: none !important; }
.woocommerce-product-gallery__trigger:before { background: #eeefef; content: "\f179"; font-family: dashicons; font-size: 22px; color: #74818f; border-radius: 3px; padding: 3px; }
.woocommerce-product-gallery .flex-control-thumbs li { background: #ffffff; }
.summary .product_title { display: none; }
.single-product .summary p.price { color: #c52f35; font-size: 20px; font-weight: bold; }
div.entry-summary .onsale { font-size: 16px;  color: #ffffff;  position: relative; background: rgba(0, 0, 0, 0) linear-gradient(to left, #075a39 0%, #1d7a50 66%, #339967 100%) repeat scroll 0 0; left: -28px; margin-bottom: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);  }
div.entry-summary .onsale:before {border-color: #003333 #003333 transparent transparent !important; border: 4px solid transparent; border-top: 4px solid #348c34;border-right: 4px solid #348c34; content: ""; position: absolute; left: 0; bottom: -8px;}
.woocommerce-product-details__short-description p { margin: 0 0 0.5em; }
.single-product form.cart input { padding: 5px 0.7em; border-radius: 3px; }
.single_add_to_cart_button { color: #ffffff; padding: 5px 20px; background: #c52f35; border: 1px solid #c52f35; border-radius: 3px; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px rgba(0, 0, 0, 0.075); transition: all 0.3s ease-in-out 0s; }
.single_add_to_cart_button:hover { background: #d33a41; border: 1px solid #d33a41; box-shadow: none !important; }
.product_meta { margin-top: 10px; }
.product_meta .posted_in { display: none; }
.wc-tabs { background: #74818f; line-height: 36px; display: block; border-radius: 8px 8px 0px 0px; margin-bottom: 0; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { float: left; }
.woocommerce-tabs li { margin-right: 0; }
.wc-tabs li:first-child a { border-radius: 8px 0 0 0; }
.wc-tabs li a { color: #ffffff; padding: 7px 16px; transition: none; box-shadow: none; }
.wc-tabs li a:hover  { color: #ffffff; background: rgba(0, 0, 0, 0.3); box-shadow: none; }
.wc-tabs li.active a { color: #ffffff; background: rgba(0, 0, 0, 0.4); box-shadow: none;}
.woocommerce-Tabs-panel { background: #ffffff; padding: 16px; border-radius: 0 0 7px 7px; max-height: 300px; overflow: auto; font-size: 15px; }
.shop_attributes p { margin-bottom: 0; }
table.shop_attributes { width: 320px; }
.woocommerce-tabs .comment-reply-title { font-size: inherit;}
.woocommerce-noreviews { margin-bottom: 0; }
.single-product #primary { width: 100% !important; float: none !important; }

/* Related Products */
.columns-4 .woocommerce-loop-product__title { padding: 13px 5% 14px !important; }
.columns-4 .attachment-woocommerce_thumbnail { float: none; max-width: 100% !important; padding: 0.75em 5% 0;  }
.columns-4 .rwf-info-grid-container-spacer { display: none; }
.columns-4 .rwf-info-grid { border-left: 0 none; float: none; padding: 0 5%; width: 100%; }
h2.related-heading { letter-spacing: 1px; font-size: 22px; font-weight: 300; } 

/* Vehicle Product Filter VPF and WOOF */
.widget-woof h2.rounded { font-weight: 400; border-radius: 8px 8px 0 0; letter-spacing: 1px; font-size: 13px; background: #c52f35 ; color: #ffffff; padding: 7px 10px; margin-bottom: 0;}
a.woof_start_filtering_btn { border: 0 none; border-radius: 0 0 8px 8px; background: #ffffff; color: #2d3c4b; }
.woof { background: #ffffff; padding: 14px 10px 0; border-radius: 0 0 8px 8px; }
.woof_container_inner h4 { color: #333333; border: 1px solid #bbb; border-radius: 3px; min-width: 145px; width: 100% !important; height: 27px; line-height: 27px;  font-family: inherit; font-weight: 400; font-size: 14px; text-transform: none; background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%) repeat scroll 0 0 padding-box; box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); padding: 0 0 0 8px; margin-bottom: 0; position: relative; }
a.woof_front_toggle {position: absolute; width: 100%; left: 0; text-align: right; padding-right: 10px; }
.chosen-container { min-width: 145px; width: 100% !important; }
.chosen-container-single .chosen-single { color: #333333; border: 1px solid #bbb; border-radius: 3px; min-width: 145px; width: 100% !important;  }
.chosen-container-single .chosen-single span { font-size: 14px; font-weight: 400;}
.chosen-container-active .chosen-choices { border: 1px solid #d3d5dc; box-shadow: none; }
.woof_list input[type="radio"], .woof_list input[type="checkbox"] { margin-right: 0; }
.woof_childs_list { margin: 7px 0 0 5px !important; line-height: 1.2; }
.woof_list li { margin: 0 !important; }
.chosen-container .chosen-results li.highlighted{ background-color: #C52F35; background-image: linear-gradient(#C52F35 20%, #cc3333 90%) }
.woo-vpf-field input[type="submit"] { font-size: 14px; font-weight: 400; height: 27px; line-height: 27px; padding: 0 25px; min-width: 145px; border-radius: 3px;  background: #74818F;  }
.woo-vpf-field input[type="submit"]:hover { background: #4A4A4A; }
.woof_submit_search_form_container button { font-size: 14px; font-weight: 400; height: 27px; line-height: 27px; padding: 0 8px; min-width: 145px; border-radius: 3px;  background: #74818F; margin-bottom: 15px; color: #ffffff; }
.woof_submit_search_form_container button:hover { background: #4A4A4A; }

.woo-vpf-field-keyword input[type="text"] { color: #333333; border: 1px solid #ccc; border-radius: 3px; padding: 0 8px !important; width: auto; font-size: 14px; height: 27px; line-height: 25px; box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.05);  }
/* Placeholder text color -- selectors need to be separate to work. */
.woo-vpf-field-keyword input[type="text"]::placeholder  { font-size: 14px;  font-weight: 400 !important; color: #666666; }
.woo-vpf-field-keyword input[type="text"]::-webkit-input-placeholder { font-size: 14px;  font-weight: 400 !important; color: #666666; }
.woo-vpf-field-keyword input[type="text"]:-ms-input-placeholder { font-size: 14px;  font-weight: 400 !important; color: #666666; }
.woo-vpf-field-keyword input[type="text"]::-moz-placeholder { font-size: 14px;  font-weight: 400 !important; color: #666666; }


/* .woo-vpf-field-keyword:before { content: "\f179"; color: #74818F; font-family: dashicons; font-size: 18px; font-style: normal; height: 30px; width: auto; line-height: 1; text-align: center; text-decoration: inherit; float: left; background: #FFFFFF; padding: 6px 0px 6px 6px; border-radius: 3px 0 0 3px; } */


/* cart, checkout, my account page */
.woocommerce-cart-form thead th { background: #74818F; font-size: 14px; font-weight: 400; color: #ffffff; border-bottom: 0 none; padding: 0.5em 1em; } 
.woocommerce-cart-form thead th:first-child { border-radius: 7px 0 0 0; } 
.woocommerce-cart-form thead th:last-child { border-radius: 0 7px 0 0; }
.woocommerce-cart-form tbody tr { background: #FFFFFF; border-bottom: 0 none; }
.woocommerce-cart-form tbody tr:last-child { border-top: 1px solid #eceeef; }
.woocommerce-cart-form  th:first-child, .woocommerce-cart-form td:first-child { padding-left: 3%; width: 6%; }
.woocommerce-cart-form  th:last-child, .woocommerce-cart-form td:last-child { padding-right: 1em; width: 15%; }
.woocommerce-cart-form td { font-size: 14px; font-weight: 400; padding: 0 1em; }
.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img { box-shadow: none; }
.woocommerce-cart .attachment-woocommerce_thumbnail { margin:0; padding: 3%; float: none; max-width: /* 155px */ 80% !important;   }
a.remove { background: #c8383e; border: 1px solid #c8383e; box-shadow: none !important; color: #ffffff !important; font-size: 16px; height: 17px; width: 17px; line-height: 0.9;   }
a.remove:hover { background:#4A4A4A; border: 1px solid #4A4A4A; }
.woocommerce-cart .product-name a { color: #333333; }
.woocommerce-cart .product-name a:hover { color: #de1f26; }
.woocommerce-cart-form .quantity input { padding: 0.5em; width: 3.5em; }
.woocommerce-cart-form .button { color: #ffffff !important; font-family: Arial !important; font-size: 14px !important; line-height: 20px !important; text-align: center !important; display: inline-block !important; width: auto !important; padding: 5px 15px 5px !important; margin: 15px 0; background: #c52f35 !important; border: 1px solid #c52f35 !important; border-radius: 20px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px rgba(0, 0, 0, 0.075) !important; transition: all 0.3s ease-in-out 0s !important; }
.woocommerce-cart-form .button:hover { background: #4a4a4a !important; border: 1px solid #444444 !important; box-shadow: none !important; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 25%; text-align: right; }
.woocommerce .cart-collaterals  .cart_totals th, .woocommerce-page .cart-collaterals  .cart_totals th, .woocommerce .cart-collaterals  .cart_totals td, .woocommerce-page .cart-collaterals  .cart_totals td { padding: 0.4em 1em !important; }
.cart-collaterals  .cart_totals .order-total  th { background: #ffffff; border-radius: 7px 0 0 7px;}
.cart-collaterals  .cart_totals .order-total  td { background: #ffffff; border-radius: 0 7px 7px 0;}
.checkout-button { color: #ffffff !important; font-family: Arial !important; font-weight: 400 !important; line-height: 20px !important; text-align: center !important; display: inline-block !important; width: auto !important; padding: 5px 25px 5px !important; margin: 15px 0; background: #c52f35 !important; border: 1px solid #c52f35 !important; border-radius: 20px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px rgba(0, 0, 0, 0.075) !important; transition: all 0.3s ease-in-out 0s !important; }
.checkout-button:hover { background: #4a4a4a !important; border: 1px solid #444444 !important; box-shadow: none !important; }

a.showlogin { color: #ffffff; }
.woocommerce-form-login  { background:  #ffffff; padding: 15px 18px; font-size: 14px; font-weight: 400; border-radius: 8px; margin-bottom: 30px; }
.woocommerce-form-login button { color: #ffffff !important; font-family: Arial !important; font-weight: 400 !important; line-height: 20px !important; text-align: center !important; display: inline-block !important; width: auto !important; padding: 5px 25px 5px !important; margin: 15px 0; background: #c52f35 !important; border: 1px solid #c52f35 !important; border-radius: 20px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px rgba(0, 0, 0, 0.075) !important; transition: all 0.3s ease-in-out 0s !important; }
.woocommerce-form-login button:hover { background: #4a4a4a !important; border: 1px solid #444444 !important; box-shadow: none !important;}
#customer_login  .woocommerce-form-login { border-radius: 0 0 8px 8px; }
.woocommerce-form-register { background:  #ffffff; padding: 15px 18px; font-size: 14px; font-weight: 400; border-radius: 8px; margin-bottom: 30px; }
.woocommerce-form-register button { color: #ffffff !important; font-family: Arial !important; font-weight: 400 !important; line-height: 20px !important; text-align: center !important; display: inline-block !important; width: auto !important; padding: 5px 25px 5px !important; margin: 15px 0; background: #c52f35 !important; border: 1px solid #c52f35 !important; border-radius: 20px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px rgba(0, 0, 0, 0.075) !important; transition: all 0.3s ease-in-out 0s !important; }
.woocommerce-form-register button:hover { background: #4a4a4a !important; border: 1px solid #444444 !important; box-shadow: none !important;}
#customer_login  .woocommerce-form-register { border-radius: 0 0 8px 8px; }
.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide { margin-bottom: 0.5em;}
#customer_login h2 { background: #e4e6e8; color: inherit; font-size: 14px; font-weight: 400; letter-spacing: 1px; padding: 10px 18px; margin-bottom: 0; border-radius: 7px 7px 0px 0px; }
p.woocommerce-LostPassword { float: right; margin: -43px 0 0; }
.woocommerce-account .woocommerce-MyAccount-navigation { background: #ffffff; padding: 5px 15px; border-top: 0 none; border-radius: 8px; font-size: 14px; font-weight: 400;  }
.woocommerce-account .woocommerce-MyAccount-navigation li::before { color: #c52f35; }
.woocommerce-account .woocommerce-MyAccount-navigation li { border-bottom: 1px solid #dadfe3; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { box-shadow: none; color: #c52f35; }
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { box-shadow: none; color: #c52f35; }
.woocommerce-MyAccount-content { background: #ffffff; padding: 15px 18px; font-size: 14px; font-weight: 400; border-radius: 8px;  }
.woocommerce-Addresses  h3{ font-size: 14px; font-weight: 400; letter-spacing: 1px; }
.woocommerce-EditAccountForm fieldset { background: #eceeef; border: 0 none; }
.woocommerce-EditAccountForm fieldset legend { background: #eceeef; display: inline-block; margin-left: -0.625em; padding: 5px 10px; }
.woocommerce-EditAccountForm button { color: #ffffff !important; font-family: Arial !important; font-weight: 400 !important; line-height: 20px !important; text-align: center !important; display: inline-block !important; width: auto !important; padding: 5px 25px 5px !important; margin: 15px 0; background: #c52f35 !important; border: 1px solid #c52f35 !important; border-radius: 20px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px rgba(0, 0, 0, 0.075) !important; transition: all 0.3s ease-in-out 0s !important; }
.woocommerce-EditAccountForm button:hover { background: #4a4a4a !important; border: 1px solid #444444 !important; box-shadow: none !important;}

.woocommerce-thankyou-order-details  { background: #ffffff; padding: 15px 15px; border-top: 0 none; border-radius: 8px; font-size: 14px; font-weight: 400; display: inline-block; width: auto; list-style: inside none none;  }
.woocommerce-order-details, .woocommerce-customer-details  { background: #ffffff; padding:  0; border-top: 0 none; border-radius: 7px 7px 8px 8px; font-size: 14px; font-weight: 400; margin-bottom: 30px;  }
.woocommerce-order-details h2, .woocommerce-customer-details h2 { background: #e4e6e8; color: inherit; font-size: 14px; font-weight: 400; letter-spacing: 1px; padding: 10px 18px; margin-bottom: 0; border-radius: 7px 7px 0px 0px;  }
.woocommerce-table--order-details  th, .woocommerce-table--order-details td { background: #ffffff; padding: 10px 18px !important; }
.woocommerce-table--order-details thead th { border-bottom: 0 none !important;}
.woocommerce-table--order-details tfoot tr.order-total { font-size: 18px }
.woocommerce-table--order-details tfoot tr.order-total th { border-radius: 0 0 0 8px; }
.woocommerce-table--order-details tfoot tr.order-total td { border-radius: 0 0 8px 0; }
.woocommerce-table--order-details tfoot tr.order-total td .woocommerce-Price-amount { color: #c52f35; }
.woocommerce-customer-details address { padding: 10px 18px; }

#customer_details h3, h3#order_review_heading  { background: #e4e6e8; font-size: 14px; font-weight: 400; letter-spacing: 1px; padding: 10px 18px; margin-bottom: 0; border-radius: 7px 7px 0px 0px; }
#customer_details p { margin-bottom: 1.22em; }
 .woocommerce-billing-fields__field-wrapper  { background:  #ffffff; padding: 15px 18px; font-size: 14px; font-weight: 400; border-radius: 0;   }
.woocommerce-additional-fields__field-wrapper { background: #ffffff; padding: 15px 18px; font-size: 14px; font-weight: 400; border-radius: 0 0 8px 8px; margin-bottom: 30px;   }
 .woocommerce-account-fields { background:  #74818F; padding: 15px 18px; font-size: 14px; font-weight: 400; border-radius: 0 0 8px 8px;   }
 .woocommerce-account-fields  label { color: #ffffff; }
.woocommerce form .form-row label, .woocommerce-page form .form-row label { font-weight: 400;  margin-bottom: 2px;  }
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { font-size: 14px;  font-weight: 400 !important;  border: 1px solid #dadfe3; padding: 0.45em 0.7em; }
input[type="text"]#billing_address_1::placeholder, input[type="text"]#billing_address_1::-webkit-input-placeholder, input[type="text"]#billing_address_1:-ms-input-placeholder, input[type="text"]#billing_address_1::-moz-placeholder { font-size: 14px;  font-weight: 400 !important; }
 
.woocommerce-checkout .select2-container .select2-selection--single { height: 32px; }
.select2-container--default .select2-selection--single { border: 1px solid #dadfe3; border-radius: 3px; }
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered { line-height: 32px; font-weight: 400;  }
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; }
.select2-dropdown { border: 1px solid #dadfe3; border-top: 0 none; }
.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #dadfe3; }
.select2-results__option { font-size: 14px; font-weight: 400; padding: 3px 8px; }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: #4A4A4A; }
.woocommerce-checkout .select2-container--focus .select2-selection { border-color: #bbbbbb; }
#order_review_heading { font-size: 14px; font-weight: 400; letter-spacing: 1px; margin-bottom: 0; }
.woocommerce-checkout-review-order {  }
.woocommerce-checkout-review-order-table { font-size: 14px; font-weight: 400; }
.order_review_heading-left { background: #E4E6E8 !important; border-bottom: 0 none; border-radius: 7px 0 0 0; }
.order_review_heading-right { background: #E4E6E8 !important; border-bottom: 0 none; border-radius: 0 7px 0 0; }
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { background: #ffffff; padding: 10px 18px !important; }
.woocommerce-checkout-review-order-table thead th { border-bottom: 0 none !important;}
.woocommerce-checkout-review-order-table tfoot tr.order-total { font-size: 18px }
.woocommerce-checkout-review-order-table tfoot tr.order-total th { border-radius: 0 0 0 8px; }
.woocommerce-checkout-review-order-table tfoot tr.order-total td { border-radius: 0 0 8px 0; }
.woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount { color: #c52f35; }

.woocommerce-checkout-payment { font-size: 14px; font-weight: 400; }
h3#payment_option_heading  { background: #74818f; color: #ffffff; font-size: 14px; font-weight: 400; letter-spacing: 1px; padding: 10px 18px; margin-bottom: 0; border-radius: 7px 7px 0px 0px; }
.wc_payment_method > label:first-of-type { margin: 1em 0 0.5em; }
.payment_option_wrapper { background:  #ffffff; padding: 1px 18px 15px; font-size: 14px; font-weight: 400; border-radius: 0 0 8px 8px; }
.wc_payment_method input.input-radio[name="payment_method"] + label::before { box-shadow: 0 0 0 2px #74818f; height: 13px; width: 13px; margin-left: 0; }
.wc_payment_method input.input-radio[name="payment_method"]:checked + label::before { background: #c52f35; }
.wc_payment_method .payment_box { background: #e4e6e8; }
.wc_payment_method .payment_box fieldset { padding: 0.5em 1.5em; border-radius: 3px; }
.payment_method_online_banking label  { height: 23px; background: url("https://www.imsgroups.com.my/development/wp-content/uploads/woo-bottom-fpx.png") no-repeat scroll 86% -1px / 44px auto, url("https://www.imsgroups.com.my/development/wp-content/uploads/woo-bottom-visa.png") no-repeat scroll 94% -2px / 32px auto, url("https://www.imsgroups.com.my/development/wp-content/uploads/woo-bottom-master.png") no-repeat scroll 100% -2px / 23px auto; } 
.payment_method_online_banking  img { display: none !important; }
.payment_method_online_banking fieldset label { background: transparent !important; height: auto !important; margin-bottom: 0 !important;}
.selectBank { font-size: inherit; font-weight: normal; height: 32px; }
.payment_method_paypal label  { height: 23px; background:  url("https://www.imsgroups.com.my/development/wp-content/uploads/woo-bottom-pp.png") no-repeat scroll 100% -2px / 67px auto; }
.payment_method_paypal  img { display: none !important; }
a.about_paypal { display: none; }
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { color: #ffffff !important; font-family: Arial !important; font-weight: 400 !important; line-height: 20px !important; text-align: center !important; display: inline-block !important; width: auto !important; padding: 5px 25px 5px !important; margin: 15px 0; background: #c52f35 !important; border: 1px solid #c52f35 !important; border-radius: 20px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px rgba(0, 0, 0, 0.075) !important; transition: all 0.3s ease-in-out 0s !important; }
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover { background: #4a4a4a !important; border: 1px solid #444444 !important; box-shadow: none !important;}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { color: #ffffff !important; margin-left: 10px; }
.woocommerce-error { font-size: 14px; font-weight: 400; }


/* Landing Page Azyzy */
.page-id-4533 header, .page-id-4533 footer { display: none !important; }
.page-id-4533 .site-content-contain { background-color: #ffffff; }
.landingpage-logo img  { width: 45px; vertical-align: top; }
.landingpage-logo h2 { letter-spacing: 0.5px; margin-bottom: 0px; padding-bottom: 0px; font-size: 1.7rem; background: -webkit-linear-gradient(#aaaaaa, #222222);-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.so-widget-sow-image h3.widget-title { color: #000000; font-family: Roboto; font-size: 14px; font-weight: normal; margin-top: 0; padding-top: 10px; text-align: center; text-transform: none; } 
.page-id-4533 .widget { padding-bottom: 0; }
.page-id-4533 .su-quote-style-default { margin-bottom: 0 !important; }
.dashicons-star-filled, .dashicons-star-half, .dashicons-star-empty { color: #feba03 !important; font-size: 14px !important;  }
.page-id-4533 .su-quote-cite { text-align: center !important; margin-top: 20px !important; }
.page-id-4533 .su-quote { text-align: center !important; }
.sow-slider-base .sow-slider-pagination { display: none !important; }
.page-id-4533 button#responsive-menu-button { display: none !important; }
.page-id-4533 .su-spoiler-title { font-size: 17px !important; font-weight: 400; text-shadow: 1px 0 0; }
#pl-4533 .su-list ul { margin: 5px 0 1em !important; }
#pl-4533 .su-list ul li { display: inline-block !important; padding: 4px 1em 4px 1em !important; text-shadow: 1px 0 0; letter-spacing: 0.5px; }
.page-id-4533 .wpcf7-text, .page-id-4533 .wpcf7-textarea,.wpcf7-text, .page-id-4533 .wpcf7-email, .page-id-4533 .wpcf7-date, .page-id-4533 .wpcf7-number, .page-id-4533 .wpcf7-tel { color: #000000 !important; padding: 0.5em 0.7em !important; }
.page-id-4533 .wpcf7-file { background: #ffffff !important; padding: 3px !important; border-radius: 2px; width: 100%; }
.page-id-4533 .wpcf7-submit { background: #f4a302 url(https://www.imsgroups.com.my/development/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-soft.png) repeat-x scroll 0 -20px !important;  text-shadow: 1px 0px 0px; font-weight: inherit ! important; border-radius: 56px ! important; color: #000000 ! important; font-size: 20px ! important; line-height: 30px ! important; padding: 6px 56px 8px 26px ! important; margin-top: -10px; margin-bottom: 10px; transition: all 0.2s ease 0s;  } 
.page-id-4533 .wpcf7-submit:hover { background: #f4a302 !important; color: #000000 !important; box-shadow: 10px 5px 7px rgba(0, 0, 0, 0.3); } 
.landingpagesubmitcontainer { text-align: left; display: inline; color: #000000;  }
.landingpagesubmitcontainer .fa  {font-size: 20px; margin-left: -50px;}
.call-to-action-container .screen-reader-response, .call-to-action-container .wpcf7-not-valid-tip, .call-to-action-container .wpcf7-response-output, .call-to-action-container .wpcf7-validation-errors { font-size: 14px; font-weight: normal; color: #ffffff;  }
.call-to-action h1 { font-size: 52px; font-weight: normal; line-height: 1.2; margin-bottom: 10px; }
.landing-page-about-box .dashicons-location{ display: inline-block; vertical-align: bottom; width: auto; height: auto; font-size: 24px; margin-left: -8px; }
.landingpage-masthead .su-button { margin-bottom: 15px; margin-right: 15px; }
#landingpage-whatsapp-button { border-radius: 56px; border-color: #118708; color: #ffffff; background-color: #14990A; }
#landingpage-whatsapp-button:hover { box-shadow: 10px 5px 7px rgba(0, 0, 0, 0.3); }
#landingpage-whatsapp-button span { padding: 8px 26px; font-size: 20px; line-height: 30px; border-radius: 56px; color: #ffffff; text-shadow: 1px 0px 0px #ffffff; border-color: #118708; }
#landingpage-whatsapp-button  img { margin-left: 0.3em !important; }

/* contactform7 */
.wpcf7-submit { font-size: 18px !important; font-weight: normal !important; line-height: 1.5 !important; padding: 6px 20px !important; 
background-color:#ffbf00 !important;
  color: #111111 !important;
  border: 1px solid #ffbf00 !important; 
  }
.wpcf7-submit:hover {
background-color:#ed1c24 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#da030b )) !important;
  background: -webkit-linear-gradient(top, #ed1c24, #da030b ) !important;
  background: -moz-linear-gradient(top, #ed1c24, #da030b ) !important;
  background: -ms-linear-gradient(top, #ed1c24, #da030b ) !important;
  background: -o-linear-gradient(top, #ed1c24, #da030b ) !important;
  background-image: -ms-linear-gradient(top, #ed1c24 0%, #da030b 100%) !important;
  color: #fff !important;
  border: 0px solid #da030b !important;
} 

.wpcf7-form-control {  border: none !important;  }
.wpcf7-textarea,.wpcf7-text, .wpcf7-email, .wpcf7-date, .wpcf7-number, .wpcf7-tel  { color: #fff !important; background: #ffffff none repeat scroll 0 0 !important; padding: 0.3em 0.7em !important; }
.page-id-526 .wpcf7-text, .page-id-526 .wpcf7-textarea,.wpcf7-text, .page-id-526 .wpcf7-email, .page-id-526 .wpcf7-date, .page-id-526 .wpcf7-number, .page-id-526 .wpcf7-tel { color: #333333 !important;}

.wpcf7-select { height: 2.25em; }
.wpcf7-form p { margin: 0 0 1em;}

#product-inquiry-popup { font-size: 14px; font-weight: normal; font-family: Roboto;  }
#product-inquiry-popup  div.wpcf7 input[type="file"] { font-size: 14px; font-weight: normal; background: #ffffff; border: 1px solid #dadfe3 !important; border-radius: 3px; padding: 4px 0.5em  !important; width: 100%; }
#product-inquiry-popup .wpcf7-form-control-wrap { display: block; margin-bottom: 10px;}
#responsive-menu-additional-content #product-inquiry-popup .wpcf7-form-control-wrap  { margin-bottom: 20px;}
#product-inquiry-popup .wpcf7-textarea, #product-inquiry-popup .wpcf7-text, #product-inquiry-popup .wpcf7-email, #product-inquiry-popup .wpcf7-date, #product-inquiry-popup .wpcf7-number, #product-inquiry-popup .wpcf7-tel { color: #333333 !important; font-size: 14px; font-weight: normal; background: #ffffff !important; padding: 0.5em  !important; border: 1px solid #dadfe3 !important;  }
#product-inquiry-popup   .wpcf7-submit { color: #ffffff !important; font-family: Arial !important; font-size: 17px !important; line-height: 20px !important; text-align: center !important; display: inline-block !important; width: auto !important; padding: 3px 13px 5px !important; background: #c52f35 !important; border: 1px solid #c52f35 !important; border-radius: 20px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px rgba(0, 0, 0, 0.075) !important; transition: all 0.3s ease-in-out 0s !important; }
#product-inquiry-popup   .wpcf7-submit:hover { cursor: pointer !important; background: #4a4a4a !important; border: 1px solid #444444 !important; box-shadow: none !important; }
#product-inquiry-popup input[type="checkbox"] { margin-right: 0 !important; }
#product-inquiry-popup label { font-weight: normal !important; }
#product-inquiry-popup label .wpcf7-list-item-label { margin-left: 7px; }
#responsive-menu-additional-content #product-inquiry-popup label { color: #ffffff !important; }

.screen-reader-response, .wpcf7-not-valid-tip, .wpcf7-validation-errors  { color: red; }
.screen-reader-response ul { display: none !important; }


#wpcf7-f560-p526-o2 .su-row, #wpcf7-f548-p526-o1 .su-row { margin-bottom: 0; }
#wpcf7-f560-p526-o2  input[type="file"] , #wpcf7-f548-p526-o1 input[type="file"] { background: #ffffff; border: 2px solid #fff !important; border-radius: 3px; font-size: 80%; width: 100%; }

/* video player */
#home-video .mejs-layer { background: url(https://www.imsgroups.com.my/development/wp-content/uploads/vid-cover.jpg) no-repeat center center / cover; }


/* shortcode ultimate plugin */
.tax-product_make .term-description .su-row { margin-bottom: 0 !important; }
.su-list ul li i  { line-height: inherit !important; font-size: 65% !important; }
.su-button-style-soft span { background-image: none !important; }
.su-button-style-soft:hover span { background: rgba(0, 0, 0, 0) url(https://www.imsgroups.com.my/development/wp-content/uploads/style-soft.png) repeat-x scroll 0 0 !important;  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2); }
.mfp-iframe-scaler iframe { height: 82vh !important; }


/* responsive menu plugin*/
.responsive-menu-box { margin-top: -5px; }
.responsive-menu-item-link { text-transform: uppercase; letter-spacing: 1px; }

.cart-mobile-menu a:after  { color: #ffffff; font-family: "dashicons"; content: "\f174"; font-size: 18px; font-style:normal; font-weight:400; float: right; }
.myaccount-mobile-menu a:after  { color: #ffffff; font-family: "dashicons"; content: "\f338"; font-size: 20px; font-style:normal; font-weight:400; float: right; }
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow { width: 100% !important; background-color: transparent !important; cursor: pointer; padding: 0 5%; text-align: right;  }
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover, #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover {  background-color: transparent !important; }

#responsive-menu-container #responsive-menu li.responsive-menu-item.wasap-mobile-menu  a .responsive-menu-subarrow { color: transparent !important; background-color: transparent !important; background-image: url("https://www.imsgroups.com.my/development/wp-content/uploads/wa.png"); background-position: 95% center; background-repeat: no-repeat; background-size: 20px auto !important; width: 100%; }
#responsive-menu-container #responsive-menu li.responsive-menu-item.wasap-mobile-menu  a .responsive-menu-subarrow:hover { color: transparent !important; cursor: pointer; }

.fb-mobile-menu a:after  { color: #ffffff; font-family: "dashicons"; content: "\f305"; font-size: 19px; font-style:normal; font-weight:400; float: right; }

.page-template-page-for-su-lightbox #responsive-menu-button { display: none !important; }



/* ------------- responsiveness ------------------- */

@media screen and (max-width: 480px ) {

#rwf-gtranslate-button { margin: 0px 15px 0; position: absolute; top: 0; right: 58px; }
.switcher a { font-size: 12px; }

#masthead .wrap { padding: 0;}


.rwf-post-image { height: 250px; background-size: cover; }
.wsite-multicol-col { display: block; width: 100%;}

.su-button { display: block !important; margin-bottom: 5px !important; width: 70% !important;}
.page-id-4533 .su-button { margin-bottom: 25px !important; width: auto !important;} 
.page-id-4533 .su-button span { padding-bottom: 0.4em !important; padding-top: 0.4em !important; }

#panel2 .su-row { margin-bottom: 1.5em !important; }
.landmark-quote { padding: 0.5em 1.5em !important; text-align: center; }

.widget-woof { margin: 0 -4%; }
.woof_container_inner h4, .chosen-container-single .chosen-single span { font-size: 17px; }
.woof_list li { margin-left: 6px !important;   }
.woof_list input[type="radio"], .woof_list input[type="checkbox"] { vertical-align: middle; }
.woof_list label { padding-bottom: 0; padding-top: 8px; vertical-align: middle; }
.woof_childs_list_opener { /* position: absolute; right: 8px; */ float: right; margin-top: 8px; margin-right: 8px; }
 ul.woof_childs_list { margin: 0 !important;  }
.woof_childs_list_li {  background: #FFFFFF; } /* <--- padding tidak berkesan disini */
.woof_childs_list_li ul.woof_childs_list li  { background: #EEEEEE; margin-left: 0 !important; padding-left: 6px !important; }
.woof_childs_list_li ul.woof_childs_list li  ul.woof_childs_list li { font-size: 90%; }
.woof_childs_list_li ul.woof_childs_list li  ul.woof_childs_list li   ul.woof_childs_list li { font-size: 85%; }
.woof_childs_list_li ul.woof_childs_list li  ul.woof_childs_list li   ul.woof_childs_list li label { color: #000000;}

.chosen-with-drop.chosen-container-active { color: #c52f35; }
.chosen-container .chosen-results li { padding: 8px 6px;}

.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product { width: 100% !important; text-align: center; }

ul.products li.product .onsale {  }

.wc_payment_method .payment_box { padding: 1em 1.5em 0.01em; }

.site-footer .wrap { padding: 5px 15px 20px !important; }
.site-info {  }
img.logo-footer { display: block; width: 33px; }
.site-info-content {display: block; margin: 5px auto; width: 100%;}

.woo-bottom span { display: block; margin-bottom: 5px; }

.landingpage-logo img  { width: 35px; vertical-align: bottom; }
.landingpage-logo h2 { margin-bottom: 0; }
#pl-4533 .su-list ul { margin: 5px 0 1.5em !important; }
.landingpage-box h1 { font-size: 2em; line-height: 1.2; margin-bottom: 10px; }
.sales-points .su-column img {float: left; margin-right: 15px; width: 55px !important; padding-top: 5px; }
.call-to-action h1 { font-size: 46px; }
.address-bottom { text-align: center; }
.landing-page-about-box .dashicons-location { width: auto; height: auto; float: none; display: block; font-size: 36px; margin-left: 0px; margin-bottom: 5px;}
.littleaddresstext { text-align: center; margin-bottom: 5px; display: block;  }

}

@media screen and (max-width: 640px ) {
#masthead .wrap { padding: 0;}
.custom-logo-link { }
.custom-logo-link img { width: 78%;}
.masthead-videoWrapper { height: 200px;}
#post-4 { height: auto;}
.brands img { width: 10%; }
.archive article  { display: block; width: 100%; margin-right:auto; margin-left: auto; vertical-align: top; padding: 3% !important;}
.archive article .post-thumbnail { text-align: center; }
.archive .entry-header { border-bottom: 1px solid #1E6500; }

.site-content .wrap {padding: 0% 7% 1%; }
.site-content-contain { margin-top: 0px; }
.woo-top-widget-container { padding-top: 55px; }
.woo-top-wrapper { margin-bottom: 0px; padding-bottom: 30px !important; }
.wrap-cart { padding-bottom: 20px; width: 100%; text-align: center; display: none; }
.woo-top-wrapper { display: block; }
.wrap-woo-top { display: block; padding: 10px 10px 0; }
.woo-vpf-field-make, .woo-vpf-field-model, .woo-vpf-field-year, .woo-vpf-field-engine { display: none; }
.woo-vpf-filter-horizontal .woo-vpf-field { float: none; }
.woo-vpf-field-keyword input[type="text"] { width: 100%; }
.woo-vpf-field input[type="submit"] { float: left; }

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { margin-bottom: 0; padding: 0; float: none; }
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin-bottom: 20px;float: none; }
#secondary { padding: 0em 0 1em;}

.su-carousel-slide { display: inline-block; float: none !important; height: auto !important; width: 170px !important; }
.masthead { font-size: 40px !important; }
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { font-size: 32px;  }
.client-logo .su-column-size-1-6 { width: 28% !important; display: inline-block !important; vertical-align: middle; margin: 0 2% 1.5em 0 !important; }

.airmatictitle { color: #2d3c4b; position: relative; left: auto; top: auto; padding: 22px 7% 0; }
.airmatictitlebig { font-size: 32px; letter-spacing: 0px }
.airmatictitlesmall { font-size: 22px; letter-spacing: 0px; font-style: normal; }
.airmatic-su-slider { display: none; }

a#scroll-to-top { right: 15px !important; }
.site-footer .wrap { padding: 5px 15px !important; }
.sosmed { float: none; }
}

@media screen and (max-width: 768px ) {
.attachment-woocommerce_thumbnail, .woocommerce-placeholder { max-width: 100% !important; float: none; padding: 4% 4% 0;}
.woocommerce ul.products, .woocommerce-page ul.products { margin-bottom: 0; }
.rwf-info-grid-container-spacer {  width: 100%; float: none; }
.rwf-hideinmobile { display: none !important;}
.rwf-info-grid { width: 100%; float: none; border-left: 0 none; padding: 0 3%; }
ul.products li.product .star-rating { display: block; margin: 5px auto 0; }
ul.products li.product .price  { display: block; text-align: center; }
ul.products li.product .button { position: relative; display: block; margin: 0 auto; right: auto; width: 110px; }

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { border: 0 none; background: transparent;  }
.single-product .woocommerce-product-rating { display: inline-block; }
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { display: inline-block; border-radius: 0 0 8px 8px; }
.single-product .woocommerce-product-rating { margin: 0.5em 0; }
.single-product .summary p.price { margin-bottom: 1em; }

.woocommerce-cart-form tbody tr { border-bottom: 1px solid #dddddd;}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { padding: 0.5em 1em; }
.woocommerce-cart-form .quantity input { display: inline-block; vertical-align: middle; padding: 0.3em; }
.woocommerce-cart-form th:last-child, .woocommerce-cart-form td:last-child { width: 100%; }
.woocommerce table.shop_table_responsive tr td.product-remove, .woocommerce-page table.shop_table_responsive tr td.product-remove {width: 100%; background: #74818F; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .shipping_calculator {}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; }

.woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; background: #74818f; padding: 0; border-radius: 8px 8px 0 0; }
.woocommerce-MyAccount-navigation ul {margin-bottom: 0;}
.woocommerce-account .woocommerce-MyAccount-navigation li:before { color: #ffffff !important; content: ""; margin-bottom: 3px; background: #ffffff; display: inline-block; vertical-align: middle; height: 4px; width: 4px; border-radius: 50%;   }
.woocommerce-account .woocommerce-MyAccount-navigation li { border-bottom: 0 none; float: left; padding:0.5em 1.2em 0.5em 1em;  }
.woocommerce-account .woocommerce-MyAccount-navigation li:hover { background: #464d56; }
.woocommerce-MyAccount-navigation-link.is-active { background: #464d56; }
.woocommerce-account .woocommerce-MyAccount-navigation li a  { color: #ffffff; }
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { color: #ffffff; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { color: #ffffff; }
.woocommerce-account .woocommerce-MyAccount-navigation li:first-child{ border-radius: 8px 0 0 0; }
}

@media screen and (max-width: 800px ) {

.search .post-thumbnail { text-align: center; }
.wsite-button-large .wsite-button-inner { line-height: 2; height: auto; }
.wsite-button, .wsite-editor .wsite-button { padding: 6px 0; display: block; width: 100%;}
.wsite-button-large { font-size: 16px !important; }

}

@media screen and (max-width: 980px ) {
.site-content-contain { background-size: cover;}
.rwf-post-image { background-attachment: scroll; height: 0px; }
#panel1,#panel3,#panel6 { background-size: cover; }

.attachment-woocommerce_thumbnail, .woocommerce-placeholder { max-width: 100% !important; float: none; padding: 4% 4% 0;}
.woocommerce ul.products, .woocommerce-page ul.products { margin-bottom: 0; }
.rwf-info-grid-container-spacer {  width: 100%; float: none; }
.rwf-hideinmobile { display: none !important;}
.rwf-info-grid { width: 100%; float: none; border-left: 0 none; padding: 0 3%; }
ul.products li.product .star-rating { display: block; margin: 5px auto 0; }
ul.products li.product .price  { display: block; }
ul.products li.product .button { position: relative; display: block; margin: 0 auto; right: auto; width: 110px; }

.marketplace_inquiry_form .button { display: block; width: 180px; margin: 5px auto 0;}
.woo-bottom { border-radius: 0px; margin-bottom: 0;  }

.topbutton { position:relative; right:auto; bottom: 0; margin: 0 auto; display: block !important; width: 47px; border-radius: 3px 3px 0 0;  }
.topbutton:hover { box-shadow: none !important; }

}

@media screen and (max-width: 1024px ) {
#top-right { display: none; } 
}

@media screen and (min-width: 360px) {
.page-one-column .panel-content .wrap { max-width: 1200px; }
.site-branding { padding: 0 0 0em; margin-bottom: 0 !important; }
}

@media screen and (min-width: 577px) {
.site-title { font-size: 23px; font-size: 1.45rem; }
.main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.page_item_has_children:before { border-color: transparent transparent transparent; }
.main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:after { border-color: transparent transparent transparent; }
.site-footer { line-height: 1.2; margin-top: 0;}
.panel-content .wrap {padding-bottom: 0em;}
.wrap { max-width: 1200px; padding-left: 2em; padding-right: 2em; padding-bottom: 0em; }	
.woocommerce-page .site-content .wrap { padding-bottom: 2em; }

.wc_payment_method .payment_box { padding: 1em 2em 0.01em; }
}

@media screen and (min-width: 768px) { 
.has-sidebar:not(.error404) #primary { float: right; width: 83%;}
.has-sidebar.woocommerce-page:not(.error404) #primary { float: none; width: 100%; }
.has-sidebar #secondary { float: left; padding-top: 2em; width: 14.5%; }
.has-sidebar.woocommerce-page:not(.error404) #secondary { width: 14.5%; }
.wrap-woo-archive-content {padding: 0px; margin-top: 20px; display: inline-block; width: 100%; }
#primary-woo-archive-content { float: right; width: 83%; }
#secondary.woo-secondary { padding: 0px; width: 14.5%; float: left; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 0 28px 25px 0.5%; }
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0 !important; }

.woocommerce-pagination { border-top: 0 none;  float: right; width: 83%; margin-top: 1.5em;  }

/* related product area*/
.single-product .wrap-woo-archive-content { display: block; margin-bottom: 20px; }
.single-product #primary-woo-archive-content { float: none; width: auto; }




}

@media screen and (min-width: 800px ) {
.site-footer { }
.search .entry-header { text-align: left; }
.twentyseventeen-front-page.page-one-column .entry-header { padding-top: 0px; margin-bottom: 0px; }
.page.page-one-column .entry-header,  .archive.page-one-column:not(.has-sidebar) .page-header { padding-top: 120px; margin-bottom: 0px; text-align: left;}
.woocommerce-cart.page.page-one-column .entry-header, .woocommerce-page.page.page-one-column .entry-header  { padding-top: 20px;}


.home .panel-content .wrap { padding-top: 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: 35%;  }
.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: 62%;  }


}



@media screen and (min-width: 1025px ) {
.woocommerce-page .site-content { background: rgba(0, 0, 0, 0) url("https://www.imsgroups.com.my/development/wp-content/uploads/pattern1.png") repeat scroll 0 0; }
img.logo-footer { display: inline-block; vertical-align: middle; width: 3%; margin-right: 1%;}
.site-info-content {display: inline-block; vertical-align: middle; width: 95%;}

}

#big-video {
    position: relative;
    background: #000;
    overflow: hidden;
    height: 582px;
}

#big-video .video {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

#big-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#big-video .video-element {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

