/*
Theme Name: Prenada Media
Version: 1.0
Text Domain: prenadamedia
*/

/*  Normalize
--------------------------------------------------------------*/
body {margin: 0; -webkit-font-smoothing: auto;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {display: block;}
audio,
canvas,
progress,
video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden],
template {display: none;}
a {background-color: transparent;text-decoration: none!important;}
a:active,
a:hover {outline: 0;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000;}
small {font-size: 80%;}
sub,
sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 2.5rem;}
hr {box-sizing: content-box; height: 0;}
button {overflow: visible;}
button,
select {text-transform: none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled],
html input[disabled] {cursor: default;}
button::-moz-focus-inner,
input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"],
input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0;}
td,
th {padding: 0;}

/*Elements
--------------------------------------------------------------*/
body {background: #fff; color:#666; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight: 400; line-height:22px;}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {clear: both; color: #24292e; font-weight: 700;font-family: 'Merriweather', serif; margin-bottom: 15px;}
h1 {font-size: 44px;}
h2 {font-size: 24px; line-height: 1.25;}
h3 {font-size: 18px; line-height: 25px;}
h4 {font-size: 16px; line-height: 20px;}
h5 {font-size: 14px; line-height: 17.5px;}

p {margin-bottom:15px;}

a{color:#FF9606; transition: all 0.5s ease;}

/* Buttons */
.btn{padding:10px 20px; border-radius:3px}

.btn-primary{background:#FF9606; border:0; color:#fff;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active{background:#FF9606; color:#fff; outline:0; box-shadow:none!important}

/* Page */
#page{padding: 63px 0 0;}

/* Header
--------------------------------------------------------------*/
header#masthead {margin-bottom: 0; background-color:#fff ; padding: .74rem 0;position: fixed;width:100%; top:0;left: 0;right: 0; box-shadow:0 2px 5px 0 rgba(0,0,0,0.2); z-index:9999;}

#masthead .navbar-brand {height: auto;padding-top: 0;}
#masthead .navbar-brand img{width: 200px;}

/* Menus
--------------------------------------------------------------*/
#masthead nav {padding-left: 0; padding-right: 0;}
#masthead .navbar-nav > li{border-left: 1px solid #5E3612;}
#masthead .navbar-nav > li:first-child{border: none;}
#masthead .navbar-nav > li > a {color: #5E3612; padding:0 15px; font-weight: 500;font-size: 14px;text-transform: uppercase;}
#masthead .navbar-nav > li > a:hover,
#masthead .navbar-nav > li.current_page_item > a {color: #ff9606; font-weight: 400;}

#masthead .cart-icon{display: flex;margin:0 10px 0 0;}
#masthead .cart-icon a{color: #5E3612; padding: 7px 0;}
#masthead .cart-icon .cart-count{background:#ff9606; color:#fff; font-size: 12px; margin: 0 0 0 2px; padding: 2px 5px; border-radius:100px;}

.navbar-toggler-icon i{font-size: 31px;color:#ff9606;}
.navbar-toggler:focus, 
.navbar-toggler:hover{outline: none;}

.dropdown-menu{margin:20px 0 0; padding:0 0 10px; box-shadow:0 4px 5px rgba(0,0,0,0.2);}
.dropdown-menu .dropdown-item {color: #5E3612; padding:10px 15px; font-weight: 500;font-size: 14px; text-transform: uppercase;}
.dropdown-menu .dropdown-item:hover{color: #ff9606;}

.navbar-expand-xl .navbar-nav .dropdown-menu{border: none;border-radius: 1px;}
.navbar-toggle .icon-bar {background: #000 none repeat scroll 0 0;}

.dropdown-menu .dropdown-toggle::after {border-bottom: 0.3em solid transparent; border-left: 0.3em solid; border-top: 0.3em solid transparent;z-index: 2;}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children {position: relative;}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px;}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {display: block;}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {border-left-color: #fff;}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {float: none;}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {display: block;}

.dropdown-item {line-height: 1.2; padding-bottom: 0.313rem; padding-top: 0.313rem;}
.dropdown-menu {min-width: 12.500rem;}
.dropdown .open .dropdown-menu {display: block; left: 12.250em; top: 0;}
.dropdown-menu .dropdown-item {white-space: normal; background: transparent; line-height: 1.6;}
.dropdown-menu .dropdown-item:hover {background: transparent;}

/* Search Form */
.search-form label{margin: 0 0 0 15px;}
.search-form .form-control{padding: 5px 5px 5px 40px; background: url('images/search.png'); background-repeat: no-repeat;background-position: 6% center;}
.search-form .search-submit{display:none;}

.product-search-form .product-search-field{padding: 5px 5px 5px 40px; background: url('images/search.png'); background-repeat: no-repeat;background-position: 6% center;}

/* Page Navigation */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {margin: 0 0 1.5em; overflow: hidden;}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {float: left; width: 50%;}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {float: right; text-align: right; width: 50%;}
.comment-content.card-block {padding: 20px;}
.navigation.post-navigation {padding-top: 1.875rem;}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {border: 1px solid #ddd; border-radius: 0.938rem; display: inline-block; padding: 0.313rem 0.875rem; text-decoration: none;}
.post-navigation .nav-next a::after {content: " \2192";}
.post-navigation .nav-previous a::before {content: "\2190 ";}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {background: #eee none repeat scroll 0 0;}

.wp-pagenavi{margin:30px 0 0; text-align:center}
.wp-pagenavi a, 
.wp-pagenavi span{border:0; margin:0 5px; padding:10px 15px;}
.wp-pagenavi a:hover, 
.wp-pagenavi span.current{background:#ff9606; border:0; color:#fff; border-radius:5px;}

/* Alignments
--------------------------------------------------------------*/
.alignleft {display: inline; float: left; margin-right: 1.5em;}
.alignright {display: inline; float: right; margin-left: 1.5em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

a img.alignright {float: right; margin: 0.313rem 0 1.25rem 1.25rem;}
a img.alignnone {margin: 0.313rem 1.25rem 1.25rem 0;}
a img.alignleft {float: left; margin: 0.313rem 1.25rem 1.25rem 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.wp-caption.alignnone {margin: 0.313rem 1.25rem 1.25rem 0;}
.wp-caption.alignleft {margin: 0.313rem 1.25rem 1.25rem 0;}
.wp-caption.alignright {margin: 0.313rem 0 1.25rem 1.25rem;}

/* Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.section:before,
.section:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {content: ""; display: table; table-layout: fixed;}

.clear:after,
.section:after,
.site-header:after,
.site-content:after,
.site-footer:after {clear: both;}

/* Content
--------------------------------------------------------------*/
/* Page */
.section{padding:60px 0;}
.section .section-title{font-size:40px; margin:0 0 50px; text-align:center}

#page-title{padding: 30px 0; text-align:center;}
#page-title h1{font-size:40px; margin:0 0 20px; text-align:center;}

#page-content{padding:0 0 50px;}

/* Home */
#home-slider{overflow: hidden; padding:0; position: relative;}
#home-slider .home-slide .slick-slide {outline: none}
#home-slider .home-slide .slick-slide img{min-width: 100%;width: 100%;}
#home-slider .home-slide .slick-dots {bottom:15px}
#home-slider .home-slide .slick-dots li.slick-active button:before {color:#fff}
#home-slider .home-slide .slick-dots li button:before {font-size:15px;}
#home-slider .home-slide .slick-list:before{display: none;background: rgba(0,0,0,0.6);content: '';height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index:1}
#home-slider .home-slide .slick-dotted.slick-slider{margin-bottom:0!important}

#home-slider .home-slide .arrow-prev{position: absolute;top: 50%;left: 1%;transform: translate(19%, -50%);}
#home-slider .home-slide .arrow-next{position: absolute;top: 50%;right: 1%;transform: translate(-22%, -50%);}
#home-slider .home-slide .arrow-prev i{font-size: 40px;color: #f1f1f1;}
#home-slider .home-slide .arrow-next i{font-size: 40px;color: #f1f1f1;}

#home-quote{width: 100%;text-align: center;background: #ff9606;padding:60px 0;font-size: 20px;}
#home-quote h3{color: #fff; font-size:26px; line-height:36px; margin:0 0 30px}
#home-quote p{font-size: 16px; margin:0 0 30px}

/* Artikel */
#articles .artikel{margin:0 0 30px}
#articles .artikel .thumbnail{float:left; height:300px; margin:0 0 20px; overflow:hidden; width:100%;}
#articles .artikel .thumbnail img{float:left; height:100%; width:auto;}
#articles .artikel .thumbnail span.date{background:#5D3613; color:#fff; padding:10px 20px; position:absolute; top:20px; right:20px; border-radius:5px}
#articles .artikel h2{font-family:'Open Sans', sans-serif; font-size:22px; font-weight:600; line-height:30px; margin:0 0 15px;}
#articles .artikel h2 a{color:#5D3613}

/* Katalog */
#page-katalog{padding:0 0 60px}
#page-katalog .katalog{margin:0 0 30px;}
#page-katalog .katalog .thumbnail{float:left; height:auto; margin:0 0 20px; overflow:hidden; width:100%;}
#page-katalog .katalog .thumbnail img{float:left; height:100%; width:100%;}

/* FAQ */
#page-faq{padding:0 0 60px;}
#page-faq .card-header{padding:0}
#page-faq .btn-link{color:#5D3611; text-decoration: none;}
#page-faq .btn-link[aria-expanded="true"]{background: #ff9606; color:#fff}

/* Hubungi Kami */
#page-contact{padding-top:0;}
#page-contact .nav-tabs .nav-item{background:#5E3612;margin: 0;}
#page-contact .nav-tabs .nav-link{border-radius: 0px;border: none;color: #fff;font-weight: 600;}
#page-contact .nav-tabs .nav-link:hover,
#page-contact .nav-tabs .nav-link.active{background: #ff9606;border: none;padding-bottom: 10px;}
#page-contact .tab-content{background: #eee;height:100%;position: relative;}
#page-contact .tab-content>.active {padding: 20px;height: 100%;}
#page-contact .tab-content .tab-pane h4{font-size: 26px!important;margin-bottom: 20px;line-height: 30px;}
#page-contact .tab-content .tab-pane p{margin-bottom: 30px;}
#page-contact .tab-content .tab-pane h5{font-size: 22px;}
#page-contact .tab-content .tab-pane h6,
#page-contact .tab-content .tab-pane li{font-size: 16px;font-family: 'Open Sans', sans-serif;font-weight: 400;}
#page-contact .tab-content .full{float:left;margin: 0 0 10px;width: 100%;}
#page-contact .tab-content .full .wpcf7-submit{background: #ff9606;border: 0;color: #fff;cursor: pointer;margin:0;padding: 10px 30px;border-radius: 5px;}
#page-contact .tab-content .wpcf7 .half {float: left;margin: 0 4% 10px 0;width: 46%;}
#page-contact .tab-content .wpcf7 label {color:#111; float: left; font-size: 16px;font-weight: 700;margin: 0 0 10px;width: 100%;}
#page-contact .tab-content #shortcode-102-23 {margin-bottom: 20px;}

#page-contact .address h2{font-size: 30px;margin-bottom: 20px;font-weight: 900;}
#page-contact .address h4{font-family: 'Open Sans', sans-serif;text-transform: uppercase;font-weight:700;}
#page-contact .address p{margin-top: -10px;font-weight: 400;}

.wpcf7{float:left; margin:0 0 20px; width:100%}
.wpcf7 form .wpcf7-response-output{float:left; margin:10px 0 30px; padding:10px; text-align:center; width:100%}

/* WooCommerce
--------------------------------------------------------------*/
/* General */
#main{padding:60px 0;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background:#FF9606; border:0; color:#fff; font-weight:400; line-height:normal; padding: 10px 20px; font-size: 16px; font-weight: 600!important;}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{background:#FF9606; border:0; color:#fff;}

.woocommerce-message{border-top-color:#FF9606}
.woocommerce-message::before{color:#FF9606}

.woocommerce-info{border-top-color:#FF9606}
.woocommerce-info::before{color:#FF9606}
.woocommerce-info .btn-primary{margin:0 10px 0 0!important}

.woocommerce .col2-set{display:flex; float:left; margin:0 -15px}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce .col2-set .col-12{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

.woocommerce form .form-row{margin:0 0 10px; padding:0;}
.woocommerce form .form-row label{float:left; width:100%}
.woocommerce form .form-row .woocommerce-input-wrapper{float:left; width:100%;}
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{padding:5px 10px;}

.woocommerce form .password-input{width:100%}

/* Account */
#customer_login h2{font-size: 40px; margin: 0 0 20px;}

.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register{border:0; padding:0}

.woocommerce-account .woocommerce-MyAccount-navigation ul{padding:0 0 0 20px;}

/* Categories */
.woocommerce ul.products li.product-category{text-align:center} 
.woocommerce ul.products li.product-category h2{color:#5D3613; font-size:16px!important; font-weight:600!important; height:auto!important; overflow:hidden;}
.woocommerce ul.products li.product-category h2 mark{background:transparent}

/* Products */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale{display:none}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{font-size:18px; font-family:'Open Sans', sans-serif; height:70px; margin:0 0 10px; overflow:hidden; padding:0}
.woocommerce ul.products li.product .price{color:#000; font-size:18px; font-weight:700; margin:0}
.woocommerce ul.products li.product .button{background:#FF9606; border:0; color:#fff; font-size:14px; font-weight:400; padding:14px 10px; text-align:center; text-transform:uppercase; width:100%}
.woocommerce ul.products li.product a.added_to_cart{background:#fff; border:2px solid #ff9606; color: #ff9606; float:left; font-size:14px; font-weight:400; margin:10px 0 0; padding:10px 10px; text-align:center; text-transform:uppercase; width:100%; border-radius: 3px;}

/* Product Detail */
.woocommerce div.product .product_title{font-size:26px; line-height:34px;}
.woocommerce div.product p.price, 
.woocommerce div.product span.price{color:#000; font-size:30px; font-weight:600;}
.woocommerce div.product .quantity .qty{padding:9px 0;}
.woocommerce div.product form.cart{margin-bottom:15px}
.woocommerce div.product button.single_add_to_cart_button{font-size:14px; padding:12px 30px; text-transform:uppercase;}
.woocommerce div.product .product_meta{float:left; margin:0 0 20px; width:100%}
.woocommerce div.product .product_meta .sku_wrapper{display:none}
.woocommerce div.product .product_meta .posted_in{float:left; width:100%}
.woocommerce div.product .product_meta .tagged_as{float:left; width:100%}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:0; margin:0 5px; padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-size: 13px; font-weight:400; padding: 10px; text-transform:uppercase}
.woocommerce div.product .related h2{font-size:30px; margin:0 0 20px;}

/* Cart */
.woocommerce #content table.cart td.actions .input-text, 
.woocommerce table.cart td.actions .input-text, 
.woocommerce-page #content table.cart td.actions .input-text, 
.woocommerce-page table.cart td.actions .input-text{padding:10px; width:140px;}

/* Checkout */
.woocommerce-checkout .col2-set{margin-bottom:30px;}

/* Thank you */
.woocommerce ul.order_details{padding:0}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul{border:0;}
.woocommerce nav.woocommerce-pagination ul li{border:0; margin:0 5px;}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{color:#5E3612; font-size:16px; padding:10px 15px}
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current{background:#FF9606; border:0; color:#fff; border-radius:5px}

/* Media
--------------------------------------------------------------*/
.wp-smiley {border: none; margin-bottom: 0; margin-top: 0; padding: 0;}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {max-width: 100%;}

/*  Captions
--------------------------------------------------------------*/
.wp-caption {background: #f1f1f1 none repeat scroll 0 0; border: 1px solid #f0f0f0; max-width: 96%; padding: 0.313rem 0.313rem 0; text-align: center;}
.wp-caption img[class*="wp-image-"] {border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto;}
.wp-caption .wp-caption-text {font-size: 0.688rem; line-height: 1.063rem; margin: 0; padding: 0.625rem;}
.wp-caption-text {text-align: center;}

/* Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom: 1.5em;}
.gallery-item {display: inline-block; text-align: center; vertical-align: top; width: 100%;}
.gallery-item .gallery-columns-2 {max-width: 50%;}
.gallery-item .gallery-columns-3 {max-width: 33.33333%;}
.gallery-item .gallery-columns-4 {max-width: 25%;}
.gallery-item .gallery-columns-5 {max-width: 20%;}
.gallery-item .gallery-columns-6 {max-width: 16.66667%;}
.gallery-item .gallery-columns-7 {max-width: 14.28571%;}
.gallery-item .gallery-columns-8 {max-width: 12.5%;}
.gallery-item .gallery-columns-9 {max-width: 11.11111%;}
.gallery-caption {display: block;}

/* Footer
--------------------------------------------------------------*/
footer{overflow: hidden;}
#colophon #footer-top{background:#ff9606;overflow: hidden;}
#colophon #footer-top .social-icon{font-size: 30px;text-align: center;padding:20px 0}
#colophon #footer-top .social-icon a{color: #fff;margin:0 10px}

#colophon #footer-bottom{background:#5E3612;padding: 40px 0 0;overflow: hidden;}
#colophon #footer-bottom #link-tab{padding: 20px;}
#colophon #footer-bottom #link-tab h1{color: #fff;font-size:18px;}
#colophon #footer-bottom #link-tab ul{padding: 0;list-style:none;}
#colophon #footer-bottom #link-tab ul a{cursor: pointer;}
#colophon #footer-bottom #link-tab ul a,
#colophon #footer-bottom #link-tab ul li{color: #fff;display: flex;font-size: 14px;}
#colophon #footer-bottom #link-tab ul li{margin: 0 0 13px}
#colophon #footer-bottom #link-tab .text p{color: #AB8A61;text-align:justify;}
#colophon #footer-bottom #link-tab ul li i{padding: 4px 12px 0 0;}
#colophon #footer-bottom #link-tab ul li #rar{padding: 4px 8px 0 0;}
#colophon #footer-bottom #link-tab .image{margin: 0 0 20px 0;}
#colophon #footer-bottom #link-tab .image img{max-width:auto; height:150px; margin: 0 auto;display: block;}

#colophon #footer-bottom .site-info{border-top: 1px solid #AB8A61; color:#fff; font-size:14px; padding:20px 0;}
#colophon #footer-bottom .site-info a{color: #AB8A61; }
#colophon #footer-bottom .site-info .copyright{width: auto;text-align: center;}

/* Responsive
--------------------------------------------------------------*/
@media screen and (min-width: 37.5em) {
  .menu-toggle {display: none;}
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {right: -9.875rem; top: 1.375rem;}

}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {border: medium none; padding: 0;}
  .dropdown-menu li a {padding: 0;}
  .navbar-light .navbar-toggler {border: medium none; outline: none;}
  #articles .artikel .thumbnail{height:auto; margin:0 0 20px; overflow:hidden; width:100%;}
  #articles .artikel .thumbnail img{height:auto; margin:0; width:100%;}
}
@media screen and (max-width:1200px) {
  #main{padding: 25px 0 0;}
  #page {padding:115px 0 0}
  header#masthead{padding: 10px 0 20px;}
  .navbar-brand{order:1}
  #masthead .cart-icon{width:auto; order: 2; position: absolute; top: 0; right: 32px;}
  #masthead .navbar-toggler{order:3;padding: 2px 2px;}
  #masthead .navbar-nav > li > a {padding-bottom: 0.625rem; padding-top: 0.313rem;text-align: center;}
  #masthead .navbar-nav > li{border:none;}
  #masthead #main-nav{order: 5;padding: 20px 0 0;}
  #masthead div.product-search{order:4;width:100%}
  .dropdown-menu {border: medium none;margin:0; padding: 0;text-align: center;}
  .dropdown-menu{box-shadow:none}
  .search-form{margin: 15px 0 0;order:4;width: 100%;}
  .search-form .form-control{padding: 5px 5px 5px 36px;background-position: 2% center;}
  .search-form label{margin:0;width: 100%;}
  .product-search-form{margin:15px 0 0;}
  .product-search-form .product-search-field{padding: 5px 5px 5px 36px; background-position: 2% center;}

}
@media screen and (max-width:991px){
  #page-contact .tab-content{height:100%;}
  #page-contact .tab-content .wpcf7 .half {width: 100%;}
  #page-contact .tab-content .wpcf7-form-control-wrap input{width: 100%;}
  #page-contact .tab-content .full .wpcf7-submit{margin: 0 0 10px 0;}
  #page-contact .tab-content .tab-pane ul{padding: 0 0 0 20px;}
  #page-contact .col-lg-4 {margin-top: 40px;}
  #page-contact .nav-tabs .nav-link.active{padding: 10px;}
}
@media screen and (max-width:768px){
  #home-slider .home-slide .arrow-prev i{font-size: 25px;}
  #home-slider .home-slide .arrow-next i{font-size: 25px;}
  #home-slider .home-slide .slick-dots li {margin:0}
  .woocommerce .col2-set{display:block; margin:0}
  .woocommerce .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce .col2-set .col-12{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; padding:0}
  .woocommerce ul.products li.product .woocommerce-loop-category__title, 
  .woocommerce ul.products li.product .woocommerce-loop-product__title, 
  .woocommerce ul.products li.product h3{font-size:14px; height:50px;}
  .woocommerce ul.products li.product .button{font-size:12px; padding:10px;}
  .woocommerce div.product .woocommerce-tabs ul.tabs li{margin:0 5px; padding:0}
  .woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:5px}
  .woocommerce nav.woocommerce-pagination ul li{margin:0;}
  .woocommerce nav.woocommerce-pagination ul li a, 
  .woocommerce nav.woocommerce-pagination ul li span{padding:10px;}
  #colophon #footer-bottom #link-tab .image img{display:block; margin:0 auto; height:100px; width:auto;}


}