/*
 Theme Name:    Electro Child
 Theme URI:     https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
 Description:   This is the child theme of Electro
 Author:        MadrasThemes
 Author URI:    https://madrasthemes.com/
 Template:      electro
 Version:       3.3.8
 License:       GNU General Public License v2 or later
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:   electro-child
*/

/* #### Generated By: http://font.download #### */

@font-face {
    font-family: 'D-DIN Regular';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN Regular'), url('fonts/D-DIN.woff') format('woff');
}
@font-face {
    font-family: 'D-DIN DIN-Italic';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN DIN-Italic'), url('fonts/D-DIN-Italic.woff') format('woff');
}
@font-face {
    font-family: 'D-DIN DIN-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN DIN-Bold'), url('fonts/D-DIN-Bold.woff') format('woff');
}
@font-face {
    font-family: 'D-DIN Condensed Regular';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN Condensed Regular'), url('fonts/D-DINCondensed.woff') format('woff');
}
@font-face {
    font-family: 'D-DIN Exp Regular';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN Exp Regular'), url('fonts/D-DINExp.woff') format('woff');
}
@font-face {
    font-family: 'D-DIN Exp DINExp-Italic';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN Exp DINExp-Italic'), url('fonts/D-DINExp-Italic.woff') format('woff');
}
@font-face {
    font-family: 'D-DIN Condensed DINCondensed-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN Condensed DINCondensed-Bold'), url('fonts/D-DINCondensed-Bold.woff') format('woff');
}
@font-face {
    font-family: 'D-DIN Exp DINExp-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('D-DIN Exp DINExp-Bold'), url('fonts/D-DINExp-Bold.woff') format('woff');
}
@font-face {
        font-family: 'fontspring_demo_-_argent_cfBd';
        src: url('fonts/fontspring-demo-argentcf-bold-webfont.woff2') format('woff2'),
             url('fonts/fontspring-demo-argentcf-bold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'argent_cfbold_italic';
        src: url('fonts/fontspring-demo-argentcf-bolditalic-webfont.woff2') format('woff2'),
             url('fonts/fontspring-demo-argentcf-bolditalic-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'argent_cfdemi_bold';
        src: url('fonts/fontspring-demo-argentcf-demibold-webfont.woff2') format('woff2'),
             url('fonts/fontspring-demo-argentcf-demibold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'argent_cfdemi_bold_italic';
        src: url('fonts/fontspring-demo-argentcf-demibolditalic-webfont.woff2') format('woff2'),
             url('fonts/fontspring-demo-argentcf-demibolditalic-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'argent_cfextra_bold';
        src: url('fonts/fontspring-demo-argentcf-extrabold-webfont.woff2') format('woff2'),
             url('fonts/fontspring-demo-argentcf-extrabold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'argent_cfextra_bold_italic';
        src: url('fonts/fontspring-demo-argentcf-extrabolditalic-webfont.woff2') format('woff2'),
             url('fonts/fontspring-demo-argentcf-extrabolditalic-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
 @font-face {
        font-family: 'argent_cflight';
        src: url('fonts/fontspring-demo-argentcf-light-webfont.woff2') format('woff2'),
             url('fonts/fontspring-demo-argentcf-light-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'argent_cflight_italic';
        src: url('fonts/fontspring-demo-argentcf-lightitalic-webfont.woff2') format('woff2'),
             url('fonts/fontspring-demo-argentcf-lightitalic-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'fontspring_demo_-_argent_cfRg';
        src: url('fonts/fontspring-demo-argentcf-regular-webfont.woff2') format('woff2'),
             url('fonts/fontspring-demo-argentcf-regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'fontspring_demo_-_argent_RgIt';
        src: url('fonts/fontspring-demo-argentcf-regularitalic-webfont.woff2') format('woff2'),
             url('fonts/fontspring-demo-argentcf-regularitalic-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'argent_cfsuper';
        src: url('fonts/fontspring-demo-argentcf-super-webfont.woff2') format('woff2'),
             url('fonts/fontspring-demo-argentcf-super-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'argent_cfthin';
        src: url('fonts/fontspring-demo-argentcf-thin-webfont.woff2') format('woff2'),
             url('fonts/fontspring-demo-argentcf-thin-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'argent_cfregular';
        src: url('fonts/fonnts.com-argent-cf--webfont.woff2') format('woff2'),
             url('fonts/fonnts.com-argent-cf--webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal; 
}
@font-face {
        font-family: 'argent_cfdemi_bold';
        src: url('fonts/fonnts.com-argent-cf-demi-bold-webfont.woff2') format('woff2'),
             url('fonts/fonnts.com-argent-cf-demi-bold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'argent_cfextra_bold';
        src: url('fonts/fonnts.com-argent-cf-extra-bold-webfont.woff2') format('woff2'),
             url('fonts/fonnts.com-argent-cf-extra-bold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'argent_cflight';
        src: url('fonts/fonnts.com-argent-cf-light-webfont.woff2') format('woff2'),
             url('fonts/fonnts.com-argent-cf-light-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'argent_cfsuper';
        src: url('fonts/fonnts.com-argent-cf-super--webfont.woff2') format('woff2'),
             url('fonts/fonnts.com-argent-cf-super--webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'argent_cfthin';
        src: url('fonts/fonnts.com-argent-cf-thin-webfont.woff2') format('woff2'),
             url('fonts/fonnts.com-argent-cf-thin-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
body {
    background: #fff;
    font-family: 'D-DIN Regular';
}
body .sidebar, body .sidebar-blog {
    background: #fff;
	padding:10px;
}
.page-template-template-homepage-v12:not(.electro-dark) .site-content {
    background-color: #fff;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'fontspring_demo_-_argent_cfRg';
    color: #09090B;
}
p{
    letter-spacing: .3px;
    font-weight: 400;
    line-height: 150%;
}
/*header css start from here*/
.site-header .masthead.row.align-items-center {
    background: none;
}
header#masthead {
    background: none;
    z-index: 999;
    position: relative;
}
.header-v7 .electro-navigation-v7 {
    display: none;
}
.electro-navbar {
    display: none;
}
.header-v7 .navbar-search {
    visibility: hidden;
}
.header-v7 .masthead .header-icons {
    visibility: hidden;
}
.header-v7 .header-support {
    visibility: hidden;
}
.header-v7 .header-logo-link img {
    margin: 0 auto;
    max-width: 120px;
}
.nav .menu-item-12840 a {
    background: #111;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}
.nav .menu-item-12820 a {
    font-size: 16px !important;
    margin: 0px;
    padding-top: 0px !important;
}
.primary-nav-menu .nav-inline>.menu-item>a {
    font-size: 0px;
}
.nav .fa-brands, .fab {
    font-size: 26px;
}
/*header css ends here*/
/*home banner section and product card css start from here*/
section.vc_section.home-banner.vc_custom_1750433157494.vc_section-has-fill.vc_section-o-content-bottom.vc_section-flex {
    background-repeat: repeat-y;
}
.home-banner h1 {
    font-size: 76px;
    color: #09090B;
    margin: 0px;
    line-height: 76px;
    font-weight: bold;
}
.home-banner h2 {
    font-size: 76px;
    color: #09090B;
    margin: 0px;
    line-height: 76px;
    font-family: 'argent_cflight_italic';
}
.button-home a.vc_general.vc_btn3 {
    background: #111;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 15px 34px;
    font-family: 'argent_cfdemi_bold';
    letter-spacing: 1px;
}
.home-banner p {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.5px;
    font-family: 'D-DIN Condensed Regular';
}
.masthead.row.align-items-center {
    padding: 5px 0px;
}
.header-site-branding img {
    width: 120px;
}
.primary-nav-menu .nav {
    align-items: inherit;
    justify-content: right;
}
.home .electro-navbar {
    display: none;
}
.verticle-upright {
    float: left;
    width: 5%;
    text-orientation: sideways;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: #ccc;
}
span.verticle-line {
    border-right: 1px solid #cccc;
    min-height: 300px !important;
    display: inline-block;
    font-size: 0px;
    position: relative;
    left: 4px;
}
button.klaviyo_form_trigger {
    background: #000 !important;
    font-size: 18px;
    font-family: 'fontspring_demo_-_argent_cfRg';
    color: #fff !important;
    border-radius: 0px;
    padding: 8px 22px;
}
.electro-navbar-inner .departments-menu-v2, .electro-navigation .departments-menu-v2, .header-v2 .header-logo-area, .masthead .header-logo-area {
    min-width: 53%;
    max-width: 55%;
}
.header-site-branding {
    width: 100%;
    text-align: right;
}
.primary-nav-menu.col.position-relative.electro-animate-dropdown {
    width: 30% !important;
    float: right;
}
ul.social-icons-color.nav.align-items-center.row.list-unstyled.justify-content-center.mb-0 {
    display: none;
}
/*home banner section and product card css ends from here*/

/*Home page collection section css starts from here*/
.home-italic {
    font-weight: 300;
    font-style: italic;
    font-size: 57px;
    line-height: 57px;
    font-family: 'argent_cflight_italic';
}
.collab h2 {
    font-size: 57px;
    font-weight: 600;
    color: #09090B;
    line-height: 57px;
}
.collab {
    float: left;
    width: 70%;
}
a.view-design-btn {
    padding: 15px 34px;
    font-size: 18px;
    text-transform: uppercase;
    background: #111;
    color: #fff;
    font-family: 'argent_cfdemi_bold';
}
.view-design {
    width: 100%;
    display: table;
    position: relative;
    top: 20px;
}
.collab p {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin: 35px 0px;
}
.collection-showcase .vc_images_carousel .vc_carousel-control {
    position: absolute;
    top: 100% !important;
    margin-top: 0px !important;
    opacity: .8 !important;
    text-align: center;
}
.collection-showcase .vc_images_carousel .vc_carousel-indicators {
    left: 20% !important;
    width: 60% !important;
    margin-left: 0% !important;
    bottom: -38px !important;
}
.collection-showcase .vc_carousel-slideline-inner .vc_item {
    width: 345px !important;
    height: 320px !important;
    margin: -5px !important;
}
.collection-showcase .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item a>img, .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item img {
    width: 100%;
}
.collection-showcase .vc_images_carousel .vc_carousel-indicators li {
    width: 12px;
    height: 12px;
}
.features-home p {
    color: #3F3F46;
    font-size: 18px;
    text-align: center;
}
.off-canvas-bg-opacity .site-content::before {
    position: relative;

}
.model-profile {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.profile-photo img {
    border-radius: 50px;
}
.profile-photo {
    padding-right: 10px;
}
.david-gandy {
    padding-left: 10px;
}
/*Home page collection section css ends here*/
/*home video section css start from here*/
.n2-ss-slider img.n2_ss_video_play_btn {
    background: #09090B !important;
}
.vc_row.wpb_row.vc_row-fluid.small-row-992 {
    width: 940px;
    margin: 0 auto;
    text-align: center;
}
.small-row-992 h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    font-family: 'argent_cfdemi_bold';
}
.small-row-992 span.grey-out {
    color: #9F9FA9;
}
.designer-model img.vc_single_image-img {
    border-radius: 50px;
    position: relative;
    left: 10px;
}
.designer-model .vc_column-inner {
    padding: 0px;
}
.designer-model h4 {
    font-size: 24px;
    color: #fff;
    margin: 0px;
}
.designer-model p {
    font-size: 16px;
    text-align: left;
    color: #D4D4D8;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
}
.features-home h2 {
    font-size: 57px;
    line-height: 57px;
    color: #09090B;
    font-weight: 600;
}
.features-home p {
    color: #3F3F46;
    font-size: 18px;
    text-align: center;
}
.small-text-block {
    width: 640px;
    margin: 0 auto;
    display: table;
}
.car-features h4 {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
}
/**home video section css ends here**/
/*home photo gallery section css starts from here**/
.photo-gallery .vc_column-inner {
    padding: 0px;
}
.photo-1960-year .vc_column-inner {
    padding: 0px;
}

.honoring-the-past img.vc_single_image-img.attachment-full {
    z-index: 99;
    position: relative;
}
.honoring-the-past h2 {
    line-height: 100%;
    font-size: 57px;
    font-weight: 600;
}
.honoring-the-past p {
    font-size: 18px;
    line-height: 150%;
    font-family: 'D-DIN Condensed Regular';
}
.own-classic-mini h3 {
    font-size: 43px;
    color: #fff;
    font-weight: 600;
}
span.white-talic {
    font-size: 43px;
    font-weight: 300;
    font-family: 'argent_cflight_italic';
    line-height: 100%;
    letter-spacing: -0.2px;
}
.own-classic-mini h4 {
    color: #fff;
    font-size: 24px;
    line-height: 100%;
}
.own-classic-mini p {
    font-size: 18px;
    color: #fff;
}
span.grey {
    color: #D4D4D8;
}
.car-col .vc_column-inner {
    padding-right: 0px;
}
.mobile-only-photos .vc_column-inner {
    padding: 0px;
}
.honor-col {
    padding-left: 30px;
}
/**home photo gallery css ends here*/
/*contact page css start from here*/
.contact-section h3 {
    font-size: 43px;
    line-height: 100%;
    font-weight: 600;
}
.contact-home input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border-radius: 0px;
    border: 1px solid #71717B;
    width: 100%;
}
span.wpcf7-list-item.first.last {
    margin: 0px;
}
span.wpcf7-list-item-label {
    position: relative;
    left: 5px;
}
.contact-home textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    border-radius: 0px;
    border: 1px solid #71717B;
    height: 140px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    border-radius: 0px;
    font-family: 'fontspring_demo_-_argent_cfRg';
    padding: 8px 34px 4px 34px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .6px;
    background: #09090B;
    color: #fff;
}
.footer-bottom-widgets {
    padding: 46px 0px;
    background: #09090B url("https://woodandpickett.com/wp-content/uploads/2025/06/Union-footer.png");
}
.copyright-bar {
    display: none;
}
.footer-bottom-widgets-menu-inner>.columns {
    margin-top: 3em;
    justify-content: center;
    display: flex;
    align-items: center;
}
.site-footer p {
    font-size: 16px;
    color: #9F9FA9;
    line-height: 150%;
}
.footer-bottom-widgets ul {
    text-align: right;
}
.site-footer ul li {
    display: inline;
    padding-right: 15px;
    font-size: 16px;
}
.site-footer ul li a {
    color: #9F9FA9;
    text-decoration: underline;
}
.widget_media_image {
    text-align: center;
}
.contact-container {
    display: table;
    width: 100%;
    margin: 10px 0px;
}
.contact-left {
    width: 48%;
    float: left;
}
.contact-right {
    width: 48%;
    float: right;
}
.contact-wrapper input.wpcf7-form-control {
    padding: 10px 10px;
    width: 100%;
    border-radius: 30px;
    border: 1px solid #ccc;
    color: #666;
}
.contact-enquiry {
    width: 100%;
    display: table;
    margin: 10px 0px;
}
.contact-enquiry textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    height: 120px;
	color: #666;
}
.contact-wrapper a {
    color: #0568f6;
}
.paddingx {
    padding-left: 235px;
}
.photo-gallery-section .vc_column-inner {
    padding: 0px;
}
.handheld-header-v2 .off-canvas-navigation-wrapper, .mobile-header-v1 .off-canvas-navigation-wrapper, .mobile-header-v2-inner .off-canvas-navigation-wrapper {
    order: 1;
}
.handheld-header-v2 .handheld-header-links, .mobile-header-v1 .handheld-header-links, .mobile-header-v2-inner .handheld-header-links {
    visibility: hidden;
}
i.ec.ec-menu {
    color: #09090B;
}
.handheld-header-v2.row.align-items-center.handheld-stick-this {
    background: none;
}
.mobile-view {
    display: none;
}
.contact-home {
    padding-right: 100px;
}
.fg-carousel-next .fg-icon, .fg-carousel-prev .fg-icon {
    width: 15px !important;
    height: 15px !important;
    position: absolute;
    bottom: 0px;
    color: #09090B;
}
button.fg-carousel-bullet.fg-bullet-active {
    background: #09090B !important;
}
button.fg-carousel-bullet {
    background: #999 !important;
}
button.fg-carousel-next, button.fg-carousel-prev {
    background: none !important;
}
#discover-the-build p {
    font-size: 18px;
    letter-spacing: 0px;
    font-family: 'D-DIN Condensed Regular';
    line-height: 150%;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title>a {
    padding-right: 42px;
    font-size: 28px;
    color: #09090B !important;
    left: 0px;
    font-family: 'argent_cfdemi_bold';
    border-bottom: 1px solid #D4D4D8;
}
#discover-the-build ul li {
    font-size: 18px;
}
.contact-section p {
    font-size: 18px;
}
/*contact us page css ends here*/

/**@media query for responsive website starts here**/
@media screen and (max-width: 1680px) {
.paddingx {
        padding-left: 100px;
}
.collab p {
    font-size: 16px;
}
.view-design {
    top: 0px;
}
}
@media screen and (max-width: 1479px) {
    .collab h2 {
        font-size: 50px;
        line-height: 100%;
    }
    .home-italic {
        font-size: 50px;
    }
    .own-classic-mini h4 {
        font-size: 20px;
    }
}
@media screen and (max-width: 1390px) {
    .own-classic-mini h3 {
        font-size: 34px;
    }
    span.white-talic {
        font-size: 34px;
    }
    .contact-section h3 {
        font-size: 34px;
    }
    .honoring-the-past h2 {
        font-size: 44px;
    }
    .collab h2 {
        font-size: 44px;
    }
    .home-italic {
        font-size: 44px;
    }
    section.vc_section.own-classic-mini {
        margin-top: 0px !important;
    }
}
@media screen and (max-width: 1260px) {
    .paddingx {
        padding-left: 30px;
    }
    .home-italic {
        font-size: 34px;
        line-height: 100%;
    }
    .honoring-the-past h2 {
        font-size: 34px;
    }
    .collab h2 {
        font-size: 34px;
        line-height: 100%;
    }
    .features-home h2 {
        font-size: 34px;
        line-height: 100%;
    }
    .home-banner h1 {
        font-size: 57px;
        line-height: 100%;
    }
    .home-banner h2 {
        font-size: 57px;
        line-height: 100%;
    }
    span.verticle-line {
        min-height: 250px !important;
    }
    .contact-home textarea.wpcf7-form-control.wpcf7-textarea {
        height: 100px;
    }
    .small-row-992 h3 {
        font-size: 24px;
    }
    .features-home p {
        font-size: 14px;
    }
    .car-features h4 {
        font-size: 18px;
    }
}
@media screen and (max-width: 1100px) {
    .collab {
        width: 85%;
    }
    .old-1960-photo img.vc_single_image-img.attachment-full {
        width: 77%;
    }
    .own-classic-mini h4 {
        font-size: 18px;
    }
    .own-classic-mini p {
        font-size: 14px;
    }
    .own-classic-mini h3 {
        font-size: 32px;
    }
    span.white-talic {
        font-size: 32px;
    }
    .vc_row.wpb_row.vc_row-fluid.small-row-992 {
        width: 100%;
    }
}
@media screen and (max-width: 992px) {
    .paddingx {
        padding-left: 0px;
    }
    .collab {
        width: 94%;
    }
    .handheld-footer .handheld-footer-bar {
        display: none;
    }
    .handheld-footer {
        background: #09090B url("https://woodandpickett.com/wp-content/uploads/2025/06/Union-footer.png");
    }
    .handheld-footer .handheld-widget-menu .columns {
        background: none;
        text-align: center;
    }
    .handheld-footer .handheld-widget-menu ul a {
        color: #fff;
    }
    .handheld-footer .handheld-widget-menu ul {
        padding: 0 20px 0px;
        margin-bottom: 0;
    }
    #content {
        margin-bottom: 0.714em;
    }
    section.vc_section.contact-section.honoring-the-past {
        padding-bottom: 20px !important;
    }
}
@media screen and (max-width: 768px) {
    .paddingx {
        padding-left: 0px;
    }
    .collab {
        width: 90%;
    }
    .collection-showcase .vc_column-inner {
        margin-bottom: 25px;
    }
    .vc_row.wpb_row.vc_row-fluid.small-row-992 {
        width: 100%;
    }
    .small-text-block {
        width: 100%;
    }
    .verticle-upright {
        width: 8%;
    }
    section.vc_section.honoring-the-past {
        margin: 35px 0px !important;
        padding: 0px !important;
    }
    .contact-home {
        padding-right: 0px;
    }

    .own-classic-mini p {
        font-size: 14px;
        font-weight: 300;
    }
    .photo-gallery-section .wpb_column.vc_column_container.vc_col-sm-6 {
        width: 50%;
        float: left;
    }
    .photo-gallery-section .wpb_column.vc_column_container.vc_col-sm-4 {
        width: 33.3%;
        float: left;
    }
    .contact-section p {
        font-size: 16px;
    }
    .mobile-view {
        display: block;
    }
    .desktop-view{
        display: none;
    }
    .honor-col {
        padding-left: 0px;
        padding-top: 20px;

    }
}
@media screen and (max-width: 600px) {
    .button-home a.vc_general.vc_btn3 {
        font-size: 16px;
        padding: 15px 22px;
        width: 100%;
    }
    input.wpcf7-form-control.wpcf7-submit.has-spinner {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .home-banner .wpb_single_image.wpb_content_element.vc_align_center {
        margin-top: -10px !important;
    }
    .home-banner h1 {
        font-size: 32px;
    }
    .home-banner h2 {
        font-size: 32px;
    }
    .home-banner p {
        font-size: 16px;
        font-weight: 700;
    }
    a.view-design-btn {
        font-size: 16px;
        width: 100%;
        display: table;
        text-align: center;
        padding: 10px 20px;
    }

    button.klaviyo_form_trigger {
        width: 100%;
    }

}

/**responsive design media queries ends here**/