/*
Theme Name: Metriclabs
Version: 2.0
Tags: red, gray, google fonts, theme options, custom header, responsive
The CSS, XHTML and design is released under GPL
*/
html{scroll-behavior: smooth; scroll-padding-top: 100px;}
body{font: normal 17px/1.5 'Open Sans'; color: #242424; font-weight: 300; overflow-x: hidden; position: relative;} 
img{max-width: 100%;}
a{text-decoration: none; color: #CA3537;}
a:hover,a:focus{text-decoration: none;}
a,.btn{outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.ul-none,.site-footer ul,.slick-dots,.post-categories{list-style: none; margin: 0; padding: 0;}

/*Format*/
h1,h2,h3,h4,h5,
.h1,.h2,.h3,.h4,.h5{margin-bottom: 20px; font-weight: 600; font-family: 'Bitter';}
h1,.h1{font-size: 50px;}
h2,.h2{font-size: 42px;}
h3,.h3{font-size: 32px;}
h4,.h4{font-size: 26px;}
p,ul,.wp-block-image{margin-bottom: 25px;}
.text-dark{color: #000;}
.bg-image{background: center center #ddd; background-size: cover;}
.bg-gray{background-color: #F6F6F6;}
.dark-overlay,
.dark-overlay .container{position: relative;}
.dark-overlay::before{content: ''; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.4); width: 100%; height: 100%;}
.backtop{border-radius: 50px; width: 40px; height: 40px; background-color: #fff; position: fixed; right: 50px; bottom: 50px; box-shadow: 0 3px 8px rgba(0,0,0,.2); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden;}
.backtop img{transform: rotate(90deg);}
.backtop.show{opacity: 1; visibility: visible;}
.wp-lightbox-overlay{overflow: visible !important;}
.bc-section{padding: 8px 0; font-size: 14px;}
.bc-section p{margin-bottom: 0;}

/*Gutenburg*/
.alignwide, .alignfull{margin-left: calc(-100vw/2 + 100%/2); margin-right: calc(-100vw/2 + 100%/2); max-width: 100vw;}
.alignwide .is-layout-flow{margin: 0 auto; padding-left: 10px; padding-right: 10px;}
.alignfull > .is-layout-flow{padding-left: 15px; padding-right: 15px;}
:where(.wp-block-columns){margin-bottom: 0;}
.gap-0{gap: 0;}
:where(.wp-block-columns.has-background){padding: 0;}
.wp-block-quote{font: normal italic 19px/1.6 'Bitter'; padding: 10px 0 10px 30px; position: relative;}
.wp-block-quote::before{content: '"'; position: absolute; font-size: 48px; line-height: 48px; left: -5px;}
.wp-block-image figcaption,
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before{display: none !important;}


/*Buttons*/
.btn{padding: 12px 30px; border: 0; font: 16px 'Bitter'; border-radius: 50px; text-transform: uppercase; position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; border: 2px solid transparent;}
.btn.btn-primary{background-color: #CA3537; color: #fff;}
.btn.btn-primary:hover,.btn.btn-primary:focus{border-color: #CA3537; color: #CA3537; background-color: #fff;}
.btn.btn-dark{background-color: #000;}
.btn.btn-dark:hover,.btn.btn-dark:focus{border-color: #000; color: #000; background-color: #fff;}
.btn.btn-white-outline{border: 2px solid #fff; color: #fff; background-color: transparent;}
.btn.btn-white-outline:hover,.btn.btn-white-outline:focus{background-color: #fff; color: #000;}

/*Section*/
.section{padding-top: 120px; padding-bottom: 120px;}
.md-section{padding-top: 90px; padding-bottom: 90px;}
.sm-section{padding-top: 70px; padding-bottom: 70px;}

/*Header*/
.site-header{position: fixed; width: 100%; z-index: 999; top: 0; transition: .3s ease; padding: 15px 0;}
.site-header .navbar-brand{max-width: 200px;}
.navbar-expand-lg .navbar-nav .nav-link{font: 500 18px 'Bitter'; color: #fff; padding: 10px 16px;}
.navbar-expand-lg .navbar-nav > li > .nav-link{text-transform: uppercase;}
.site-header .navbar-toggler{color: #fff;}

/*Smaller*/
.site-header.smaller{background-color: rgba(0,0,0,0.7);}

/*Footer*/
.newsletter-form{width: 100%; display: inline-flex; max-width: 850px; position: relative; gap: 10px;}
.newsletter-form .wpcf7-form-control-wrap{width: 100%; position: relative;}
.newsletter-form .wpcf7-form-control{height: 100%; width: 100%; padding: 8px 24px; border-radius: 30px; border: 1px solid #c4c4c4;}
.newsletter-form .wpcf7-not-valid-tip{position: absolute; top: 13px; right: 15px; width: 20px; height: 20px; background-color: #f00; color: #fff; text-indent: 444px; overflow: hidden; border-radius: 40px;}
.newsletter-form .wpcf7-not-valid-tip::before{content: 'X'; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-indent: 0; font-size: 13px;}
.newsletter-form .btn{border-radius: 30px; flex-shrink: 0;}

.wpcf7-spinner{position: absolute; right: 5px; top: 2px;}
.site-footer,.copyright{font-size: 15px; overflow: hidden;}
.site-footer{background-color: #000; color: #C2C2C2;}
.site-footer ul li{margin-bottom: 8px;}
.site-footer a{color: #C2C2C2;}
.site-footer a:hover{color: #fff;}
.foot-categories ul{column-count: 3;}
.foot-tags li,.foot-tags a{display: inline-block;}
.foot-tags a{background-color: #303030; padding: 0 9px;}
.foot-tags a:hover{background-color: #5f5f5f;}
.copyright{background-color: #1F1F1F; padding: 25px 0;}
.social-media a{display: inline-flex; align-items: center; justify-content: center; vertical-align: top; margin-right: 5px; width: 42px; height: 42px; border-radius: 50px;}
.social-media a:hover{transform: scale(1.15);}
.social-media a:last-child{margin-right: 0;}
.social-media a.fb{background-color: #2256cc;}
.social-media a.insta{background-color: #ba24aa; background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}
.social-media a.tw{background-color: #000;}
.social-media a.pin{background-color: #a60000;}

/*Page*/
.hero-section{height: 100vh; background: center center #000; background-size: cover; background-attachment: fixed; position: relative; display: flex; align-items: center; justify-content: center;}
.hero-section::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4);}
.hero-section .hero-content{position: relative; z-index: 11; max-width: 800px; margin: 0 auto; position: relative; padding-top: 50px;}
.hero-section .hero-content::before,
.hero-section .hero-content::after{content: ''; position: absolute; top: 0; background-color: #fff; height: 2px;}
.hero-section .hero-content::before{width: 90px; left: calc(50% - 45px);}
.hero-section .hero-content::after{width: 130px; left: calc(50% - 65px); top: 18px;}

.page-title{padding: 180px 0 30px;}

.welcome-sec{display: flex; gap: 25px;}
.welcome-sec .w-cont{border-left: 1px solid #000; padding-left: 25px;}
.welcome-sec .w-cont p:last-child{margin-bottom: 0;}

/*Articles*/
.articles-grid{display: flex; flex-wrap: wrap;}
.articles-grid article{display: flex; background-color: #F6F6F6; width: 50%; transition: 1s ease; position: relative; height: 450px;}
.articles-grid article .article-thumb,
.articles-grid article .article-content{width: 50%;}
.articles-grid article .article-thumb{height: 100%;}
.articles-grid article .article-thumb img{width: 100%; height: 100%; object-fit: cover;}
.articles-grid article .article-content{padding: 40px; position: relative; display: flex; align-items: center;}
.articles-grid article .article-content .cat,
.article-card .post-categories li a,
.single-post-head .post-categories li a{background-color: #CA3537; color: #fff; display: inline-block; padding: 5px 6px; font: 600 14px 'Bitter'; margin: 0 5px 5px 0;}
.articles-grid article .article-content .cat:hover,
.article-card .post-categories li a:hover,
.single-post-head .post-categories li a:hover{background-color: #000;}
.articles-grid article .article-content h4{margin-top: 5px;}
.articles-grid article .article-content p{margin-bottom: 0;}
.articles-grid article .btn{position: absolute; border-radius: 0; bottom: 0; right: 0; z-index: 22; opacity: 0;}
.articles-grid article:nth-child(4n+3),
.articles-grid article:nth-child(4n+4){flex-direction: row-reverse;}
/*meta*/
.articles-grid article .post-meta .post-views,
.article-card .post-meta .post-views{display: inline-block; color: #6c6c6c; margin: 0 7px;}
.articles-grid article .post-meta .wpulike,
.article-card .post-meta .wpulike{padding: 0; margin-bottom: 5px; display: inline-block;}
.articles-grid article .post-meta .wpulike .wp_ulike_general_class,
.article-card .post-meta .wpulike .wp_ulike_general_class{display: inline-block;}
.articles-grid article .wpulike-animated-heart button.wp_ulike_btn,
.article-card .post-meta .wpulike-animated-heart button.wp_ulike_btn{width: 25px; height: 25px;}
.articles-grid article .wpulike-animated-heart .wpulike-svg-heart,
.article-card .post-meta .wpulike-animated-heart .wpulike-svg-heart{width: 13px;}
.articles-grid article .wpulike-animated-heart .count-box,
.article-card .post-meta .wpulike-animated-heart .count-box{margin-left: 5px;}
/*hover*/
.articles-grid article:hover{transform: scale(0.94);}
.articles-grid article:hover .btn{opacity: 1;}

.cform label{font-weight: 600; font-size: 14px; margin-bottom: 10px;}
.cform .req{color: #CA3537; display: inline-block; margin-left: 3px;}
.cform .form-control{background-color: #f0f0f0; padding: 10px 15px; border: 0;}
.cform .captcha-image{border: 0; width: 100%;}
.cform .captcha-image label{width: 50px;}
.cform .captcha-image svg{width: 40px; height: 40px;}
.wpcf7-not-valid{border: 1px solid #f00 !important;}
.kc_captcha span.wpcf7-form-control{display: inline-block;}

/*Search
.wpc-filters-widget-wrapper .wpc-filters-section{border: 1px solid #ddd; padding: 20px; border-radius: 10px;}*/
.wpc-filters-widget-wrapper .wpc-filters-section{font-size: 14px;}
.wpc-filters-widget-wrapper .wpc-filters-section .wpc-filters-ul-list{padding: 0;}
.wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-category .wpc-filters-ul-list > .wpc-checkbox-item{border: 1px solid #ddd; padding: 5px; border-radius: 4px;}
.wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-category .wpc-filters-ul-list .wpc-checkbox-item .children{max-height: 235px; overflow: auto;}
.wpc-filters-widget-wrapper .wpc-filters-section .wpc-filters-ul-list .wpc-has-not-empty-children > .wpc-term-item-content-wrapper label a,
.wpc-filters-widget-wrapper .wpc-filter-title{font-weight: 600;}
.wpc-filters-main-wrap ul.wpc-filters-ul-list{margin-bottom: 0;}
.wpc-filters-main-wrap ul.children{padding-left: 0; /*margin-bottom: 20px;*/}
ul.wpc-empty-chips-container{margin-bottom: 0;}
.wpc-filters-widget-wrapper .wpc-filters-section .wpc-filters-ul-list .wpc-checkbox-item .children a{color: #000;}

.wpc-filters-main-wrap input[type="checkbox"], .wpc-filters-main-wrap input[type="radio"]{transform: scale(.8);}

.sorting-wrap{display: flex; justify-content: space-between; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #ddd;}
.wpc-orderby-select{background-color: #fff; padding: 5px 8px; border: 1px solid #ddd; border-radius: 5px; font-size: 13px; color: #000;}
body .wpc-filter-chips-list li a{font-size: 14px; color: #CA3537 !important;}
.sorting-wrap .wpc-posts-found-number{font-weight: 600;}

.search_list .search-cont{border-bottom: 1px solid #ddd; padding-bottom: 25px; margin-bottom: 25px; width: 100%;}
.search_list .search-cont .btn{font-size: 15px; padding: 11px 27px;}

.article-card{display: flex; align-items: center; padding: 15px; gap: 25px; margin-bottom: 25px; border: 1px solid #D9D9D9; background-color: #fff; height: calc(100% - 25px); flex-direction: column; position: relative; transition: .3s ease;}
.article-card .img{width: 100%; height: 230px; overflow: hidden; flex-shrink: 0;}
.article-card .img img{width: 100%; height: 100%; object-fit: cover;}
.article-card .post-categories{position: absolute; left: 25px; top: 25px;}
.article-card .post-categories li,.article-card .post-categories li a{display: inline-block;}
.article-card .post-meta{display: flex;}
/*.article-card .post-meta .wpulike-animated-heart button.wp_ulike_btn{width: 25px; height: 25px;}
.article-card .post-meta .wpulike-animated-heart .wpulike-svg-heart {width: 13px;}*/
.article-card .cont{width: 100%;}
.article-card .cont .title{font-size: 20px; font-weight: 500; margin-bottom: 8px;}
.article-card .cont .title a{color: #2F2F2F;}
.article-card p{margin-bottom: 0;}
.article-card:hover{transform: scale(1.03); box-shadow: 0 0 15px rgba(0,0,0,.2);}

/*Pagination*/
.wp-paginate ul{margin: 50px 0;}
.wp-paginate li{display: inline-block;}
.wp-paginate a,
.wp-paginate .current{background-color: transparent; border: 1px solid #ccc; color: #666; padding: 4px 8px; text-align: center; text-decoration: none;}
.wp-paginate a:hover{background-color: #ccc;}
.wp-paginate .current{background-color: #CA3537; border-color: #CA3537; color: #fff;}

/*Single*/
.article-hero-section{background: url(/wp-content/uploads/2024/05/homepage-hero-img.jpg) center center no-repeat #333; background-size: cover; height: 500px; position: relative;}
.article-hero-section::before{position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.3);}
.single-post-head .post-categories li{display: inline-block;}
.single-post-head .post-views,
.single-post-head .wpulike{display: inline-flex; align-items: center; vertical-align: top; padding: 0; font-size: 18px; margin: 0 4px;}
.single-post-head .post-views{color: #6c6c6c;}
.single-post-head .post-views span.post-views-icon{width: 35px; height: 35px; background-color: #fff; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 50px;}
.single-post-head .post-views .post-views-icon::before{font-size: 24px;}
.single-post-head .wpulike-animated-heart button.wp_ulike_btn{width: 35px; height: 35px;}
.single-post-head .wpulike-animated-heart .wpulike-svg-heart{width: 17px;}
.single-post-head .post-views-count,
.single-post-head .wpulike-animated-heart .count-box{margin: 0 0 0 5px;}
.article-tags a{display: inline-block; padding: 2px 12px; margin: 0 4px 6px 0; border: 1px solid #CA3537; font-size: 14px;}
.article-tags a::before{content: '#';}
.single .single-content ul li,
.single .single-content ol li{margin-bottom: 12px;}
.single .single-content h2,
.single .single-content h3,
.single .single-content h4{margin-top: 20px;}
.single .page-content .container{max-width: 1000px !important;}

/*Share*/
.social-sharing{background-color: #F3F3F3; padding: 20px 25px; display: flex; align-items: center; justify-content: space-between;}
.social-sharing p{font-size: 20px; font-weight: 500; margin-bottom: 0;}
.social a{display: inline-flex; vertical-align: top; width: 45px; height: 45px; margin-bottom: 5px; background-color: #0baf4d; color: #fff; align-items: center; justify-content: center; border-radius: 100px; font-size: 24px;}
.social a.fb{background-color: #2256cc;}
.social a.insta{background-color: #ba24aa; background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}
.social a.tw{background-color: #000;}
.social a.in{background-color: #0F679E;}
.social a.em{background-color: #EDB142;}
.social a.pin{background-color: #a60000;}
.social a:hover{transform: scale(1.05);}

/*Overview Page*/
.ov-page-hero{position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; font-size: 22px; background-attachment: fixed;}
.ov-page-hero::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,0,0,0.63) 0%,rgba(0,0,0,0.3) 100%);}
.ov-page-hero .container{position: relative; max-width: 800px;}
.ov-page-hero h1{font-size: 80px;}

.tab-card{display: flex; flex-direction: column; height: 100%;}
.tab-card .image{height: 250px; width: 100%; overflow: hidden; margin-bottom: 3px;}
.tab-card .image img{width: 100%; height: 100%; object-fit: cover; transition: transform 1s ease;}
.tab-card .text{background-color: #282727; padding: 15px 20px; color: #fff; transition: background-color 1s ease; height: calc(100% - 250px);}
.tab-card .text h4{font-size: 20px; margin-bottom: 0;}
.tab-card:hover .image img{transform: scale(1.12);}
.tab-card:hover .text{background-color: #ca3537;}
.tab-card-content{position: relative; padding-right: 45px;}
.tab-cont-close{position: absolute; right: 10px; top: 10px; color: #fff; background-color: rgba(0,0,0,.5); width: 30px; height: 30px; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 28px;}

.company-list li{border-bottom: 1px solid #C4C4C4; margin-bottom: 5px; padding-bottom: 5px;}
.company-list li .ld{display: inline-block; width: 49%;}
.company-list li:last-child{border-bottom: 0;}

.ads-list li{display: inline-block; margin: 0 10px 10px 0;}
.ads-list li a{width: 180px; height: 180px; border: 4px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); display: inline-block; border-radius: 12px; overflow: hidden; position: relative;}
.ads-list li a .info{background-color: rgba(0,0,0,.8); color: #fff; padding: 5px 10px; display: block; font-size: 16px; font-weight: 600; width: 100%; position: absolute; left: 0; bottom: 0; text-align: center;}
.ads-list li a:hover{transform: scale(1.04); border-color: #ca3537;}
.ads-list li img{width: 100%; height: 100%; object-fit: cover;}
.adsModal p{font-size: 20px;}

.milestones-slider{padding: 0 60px; font-size: 22px;}
.milestones-slider .slick-arrow,
.related-brands .slick-arrow{position: absolute; width: 25px; height: 25px; border: 0; background-color: transparent; text-indent: 333px; overflow: hidden; top: 50%; transform: translatey(-50%);}
.milestones-slider .slick-arrow::before,
.related-brands .slick-arrow::before{content: ''; text-indent: inherit; position: absolute; width: 100%; height: 100%; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") 0 0 no-repeat; background-size: 100% 100%; left: 0; top: 0;}
.milestones-slider .slick-arrow.slick-prev,
.related-brands .slick-arrow.slick-prev{left: 0;}
.milestones-slider .slick-arrow.slick-next,
.related-brands .slick-arrow.slick-next{right: 0;}
.milestones-slider .slick-arrow.slick-next::before,
.related-brands .slick-arrow.slick-next::before{transform: scalex(-1);}
.milestones-slider .slick-dots li button{display: none;}
.milestones-slider .slick-dots li{width: 15px; height: 15px; background-color: transparent; border: 2px solid #fff; display: inline-block; margin: 0 3px; border-radius: 50px;}
.milestones-slider .slick-dots li.slick-active{background-color: #fff;}

.counter-box{border: 2px solid #fff; padding: 25px 0; width: 100%; max-width: 200px; text-align: center; display: inline-block; margin: 0 3px 8px; vertical-align: top;}
.counter-box span{font-size: 42px; font-weight: 700; line-height: 42px;}
.counter-box .label{font-weight: 600;}

.related-brands{padding: 0 50px;}
.related-brands .slick-slide{padding: 20px;}
.related-brands .brand-logo{width: 200px; height: 200px; border: 1px solid #e0e0e0; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; padding: 20px;}
.related-brands .brand-logo img{width: 100%; height: 100%; object-fit: contain;}
.related-brands .brand-logo:hover{transform: scale(1.05); box-shadow: 0 3px 0 rgba(0,0,0,0.2);}
.related-brands .slick-arrow::before{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); opacity: .3;}

.toc_sitemap > ul{column-count: 2;}
.toc_sitemap ul li{break-inside: avoid-column;}
div#toc_container ul li{margin-bottom: 10px;}
div#toc_container ul li a{display: flex;}
div#toc_container ul li a .toc_number{margin-right: 6px;}

#mc_embed_signup{background-color: transparent !important; width: 100% !important;}
#mc_embed_signup .indicates-required{display: none;}
#mc_embed_signup_scroll{display: flex; align-items: start; gap: 10px;}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group{padding-bottom: 0; position: relative; min-height: inherit;}
#mc_embed_signup .mc-field-group label{position: absolute; top: 10px; left: 20px;}
#mc_embed_signup div.mce_inline_error{position: absolute; right: 0; top: 0; width: 15px; height: 15px; overflow: hidden; text-indent: 333px;}
#mc_embed_signup div.mce_inline_error::before{content: 'x'; position: absolute; width: 100%; height: 100%; text-align: center; text-indent: 0; left: 0; top: 0;}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group input{padding: 8px 24px; border-radius: 30px; border: 1px solid #c4c4c4; font-size: 17px; line-height: 1.5;}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group input:focus{position: relative; z-index: 33;}
#mc_embed_signup #mc_embed_signup_scroll .button{background-color: #CA3537; border-radius: 30px; padding: 12px 30px; font: 16px 'Bitter'; height: auto; text-transform: uppercase; position: relative; overflow: hidden;
  display: inline-flex; align-items: center; justify-content: center; border: 2px solid transparent;}
#mc_embed_signup #mc_embed_signup_scroll .button:hover{background-color: #fff; color: #CA3537; border-color: #CA3537;}
#mc_embed_signup #mc_embed_signup_scroll div#mce-responses{position: fixed; width: 100%; margin: 0; top: inherit; bottom: 0; left: 0; padding: 0; text-align: center;}
#mc_embed_signup #mc_embed_signup_scroll div.response{margin: 0; padding: 15px; width: 100%;}
#mc_embed_signup #mc_embed_signup_scroll #mce-error-response{background-color: red; color: #fff;}
#mc_embed_signup #mc_embed_signup_scroll #mce-success-response{background-color: #529214; color: #fff;}

.grecaptcha-badge{display: none;}

/*Responsive*/
@media(max-width: 1100px){
    .articles-grid article .article-content{padding: 20px;}
}
@media(max-width: 991px){
	.section{padding-top: 90px !important; padding-bottom: 90px !important;}
	.md-section{padding-top: 60px !important; padding-bottom: 60px !important;} 
	.sm-section{padding-top: 40px !important; padding-bottom: 40px !important;}

	h1,.h1{font-size: 42px;}
	h2,.h2{font-size: 35px;}
	h3,.h3{font-size: 28px;}
	h4,.h4{font-size: 22px;}
	h5,.h5{font-size: 18px;}
	.ov-page-hero h1{font-size: 60px;}

    .site-header .navbar-brand{max-width: 150px;}
	
	.hero-section,
	.ov-page-hero{background-attachment: initial;}
	.page-title{padding-top: 140px}
	
	.article-hero-section{height: 350px;}
    
    .articles-grid article{width: 100%;}
    .articles-grid article{height: auto; max-height: 450px;}
    .articles-grid article:nth-child(4n+3),
    .articles-grid article:nth-child(4n+4){flex-direction: inherit;}
    .articles-grid article:nth-child(even){flex-direction: row-reverse;}
    .articles-grid article .article-content .cat{font-size: 14px;}
    .articles-grid article:hover{transform: none;}
    .articles-grid article .btn{width: 100%;}
	
	.wpc-filters-widget-wrapper .wpc-filters-section{padding: 10px;}
	
	#mc_embed_signup_scroll{flex-direction: column; align-items: center;}
	
	.welcome-sec{display: block;}
	.welcome-sec .w-cont{border-left: 0; padding-left: 0;}
}
@media(max-width: 768px){
	.section{padding-top: 60px !important; padding-bottom: 60px !important;}
	.md-section{padding-top: 40px !important; padding-bottom: 40px !important;}
	.sm-section{padding-top: 30px !important; padding-bottom: 30px !important;}

	h1,.h1{font-size: 30px;}
	h2,.h2{font-size: 24px;}
	h3,.h3{font-size: 21px;}
	h4,.h4{font-size: 20px;}
	h5,.h5,
	.adsModal p{font-size: 17px;}
	.ov-page-hero h1{font-size: 45px;}

    .site-header .navbar-brand{max-width: 130px;}
	.page-title{padding-top: 100px}
	.article-hero-section{height: 250px;}
	
	.newsletter-form{flex-direction: column;}
	
	.social-sharing{display: block; text-align: center;}
	.social-sharing p{margin-bottom: 10px;}
	
	.related-brands .slick-slide{padding: 10px;}
	.related-brands .brand-logo{width: 160px; height: 160px; padding: 10px;}
	
	.tab-card-content{padding-right: 0;}
	
	.toc_sitemap ul.toc_sitemap_categories_list{column-count: 1;}
	div#toc_container{width: 100% !important;}
}
@media(max-width: 580px){
	.articles-grid article{max-height: inherit; display: block;}
	.articles-grid article .article-thumb{height: 240px;}
	.articles-grid article .article-thumb, .articles-grid article .article-content{width: 100%;}
	.articles-grid article .article-content .btn{display: none;}
}

body.logged-in .site-header{top: 32px;}
@media screen and (max-width: 600px) {
	html #wpadminbar{top: -46px;}
	body.logged-in .site-header{top: 46px;}
	body.logged-in .site-header.smaller{top: 0;}
}