@import url("css.css");

 * {
   box-sizing: border-box;
 }

 /* transition */
 /* flex */
 /* transform */
 /* opacity */
 /*----------------------------------------*/
 /*  01. Theme default CSS
/*----------------------------------------*/
 /*-- Google Font --*/
 /*-- Common Style --*/
 *, *::after, *::before {
   box-sizing: border-box;
 }

 html, body {
   height: 100%;
 }

 body {
   line-height: 24px;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   visibility: visible;
   font-family: "Open Sans", sans-serif;
   color: #232323;
 }

 h1, h2, h3, h4, h5, h6 {
   font-weight: 400;
   margin-top: 0;
   font-family: "Open Sans", sans-serif;
   color: #1e1e1f;
 }

 h1 {
   font-size: 48px;
   line-height: 1;
   font-weight: 700;
 }

 h2 {
   font-size: 36px;
   line-height: 36px;
 }

 h3 {
   font-size: 30px;
   line-height: 30px;
 }

 h4 {
   font-size: 16px;
   line-height: 19px;
   font-weight: 700;
 }

 h5 {
   font-size: 14px;
   line-height: 18px;
 }

 h6 {
   font-size: 12px;
   line-height: 14px;
 }

 p:last-child {
   margin-bottom: 0;
 }

 a, button {
   color: inherit;
   line-height: inherit;
   text-decoration: none;
   cursor: pointer;
 }

 a, button, img, input, span {
   transition: all 0.3s ease 0s;
 }

 *:focus {
   outline: none !important;
 }

 a:focus {
   color: inherit;
   outline: none;
   text-decoration: none;
 }

 a:hover {
   text-decoration: none;
 }

 button, input[type="submit"] {
   cursor: pointer;
 }

 img {
   max-width: 100%;
   height: auto;
 }

 ul {
   list-style: outside none none;
   margin: 0;
   padding: 0;
 }

 figure {
   padding: 0;
   margin: 0;
 }

 /*-- 
    - Common Classes
-----------------------------------------*/
 .fix {
   overflow: hidden;
 }

 .hidden {
   display: none;
 }

 .clear {
   clear: both;
 }

 .container {
   max-width: 1200px;
 }

 @media only screen and (max-width: 767px) {
   .container {
     max-width: 576px;
   }
 }

 @media only screen and (max-width: 479px) {
   .container {
     width: 100%;
   }
 }

 .capitalize {
   text-transform: capitalize;
 }

 .uppercase {
   text-transform: uppercase;
 }

 .no-gutters>.col, .no-gutters>[class*="col-"] {
   padding-right: 0;
   padding-left: 0;
   margin: 0;
 }

 /*-- 
    - Background color
-----------------------------------------*/
 .bg-white {
   background-color: #ffffff;
 }

 .bg-light-grey {
   background-color: #f6fafb;
 }

 .bg-grey {
   background-color: #f8f8f8;
 }

 .bluewood-bg {
   background: #354b65;
 }

 /*- Overlay Color BG -*/
 .bluewood-bg-overlay {
   position: relative;
 }

 .bluewood-bg-overlay::before {
   background: rgba(70, 90, 112, 0.9);
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
 }

 .overly-bg-black {
   position: relative;
 }

 .overly-bg-black::after {
   background: rgba(0, 0, 0, 0.3);
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
 }

 /*-- 
    - color
-----------------------------------------*/
 /*-- 
    - Input Placeholder
-----------------------------------------*/
 input:-moz-placeholder, textarea:-moz-placeholder {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 input::-moz-placeholder, textarea::-moz-placeholder {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 /*-- 
    Scroll Up 
-----------------------------------------*/
 #scrollUp {
   background: #febc8b none repeat scroll 0 0;
   bottom: 85px;
   color: #ffffff;
   cursor: pointer;
   display: none;
   font-size: 20px;
   height: 45px;
   line-height: 39px;
   position: fixed;
   right: 12px;
   text-align: center;
   width: 45px;
   z-index: 9999;
   border-radius: 50%;
   border: 2px solid #fff;
   -webkit-transition: .3s;
   transition: .3s;
 }

 #scrollUp:hover i {
   animation-name: fadeInUp;
   animation-duration: 1s;
   animation-fill-mode: both;
   animation-iteration-count: infinite;
 }

 /*-- 
    - Main Wrapper
-----------------------------------------*/
 .main-wrapper.header-transparent {
   padding: 0 !important;
   margin: 0 !important;
 }

 .mt-23 {
   margin-top: 23px;
 }

 .mt-30 {
   margin-top: 30px;
 }

 .mt-50 {
   margin-top: 50px;
 }

 .mt-55 {
   margin-top: 55px;
 }

 .mt-57 {
   margin-top: 57px;
 }

 .mt-60 {
   margin-top: 60px;
 }

 .mt-70 {
   margin-top: 70px;
 }

 .mt-100 {
   margin-top: 100px;
 }

 .mb-15 {
   margin-bottom: 15px;
 }

 .mb-30 {
   margin-bottom: 30px;
 }

 .mb-40 {
   margin-bottom: 40px;
 }

 .mb-50 {
   margin-bottom: 50px;
 }

 .mb-55 {
   margin-bottom: 55px;
 }

 .mb-57 {
   margin-bottom: 57px;
 }

 .mb-60 {
   margin-bottom: 60px;
 }

 .mb-64 {
   margin-bottom: 64px;
 }

 .mb-65 {
   margin-bottom: 65px;
 }

 .mb-70 {
   margin-bottom: 70px;
 }

 .mb-77 {
   margin-bottom: 77px;
 }

 .mb-80 {
   margin-bottom: 80px;
 }

 .mb-90 {
   margin-bottom: 90px;
 }

 .mb-92 {
   margin-bottom: 92px;
 }

 .mb-95 {
   margin-bottom: 95px;
 }

 .mb-98 {
   margin-bottom: 98px;
 }

 .mb-100 {
   margin-bottom: 100px;
 }

 /* 02. Element */
 .button {
   background: #febc8b;
   box-shadow: none;
   color: #ffffff;
   display: inline-block;
   height: 45px;
   line-height: 45px;
   padding: 0 22px;
   text-transform: uppercase;
   font-size: 13px;
   border-radius: 3px;
 }

 /* 2. Home 1 Header css here */
 /* 01. header css here */
 .off_canvars_overlay {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 999;
   opacity: 0;
   visibility: hidden;
   cursor: crosshair;
   background: #232323;
   top: 0;
 }

 .off_canvars_overlay.active {
   opacity: 0.5;
   visibility: visible;
 }

 .offcanvas_menu {
   display: none;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .offcanvas_menu {
     display: block;
   }
 }

 @media only screen and (max-width: 767px) {
   .offcanvas_menu {
     display: block;
   }
 }

 .offcanvas_menu_wrapper {
   width: 290px;
   position: fixed;
   background: #fff;
   z-index: 999;
   top: 0;
   height: 100vh;
   transition: .5s;
   left: 0;
   margin-left: -300px;
   padding: 100px 15px 30px;
   overflow-y: auto;
 }

 .offcanvas_menu_wrapper.active {
   margin-left: 0;
 }

 .offcanvas_menu_wrapper .slinky-theme-default {
   background: inherit;
   min-height: 300px;
   overflow-y: auto;
 }

 .offcanvas_menu_wrapper .header_search_box {
   display: block;
 }

 .offcanvas_main_menu>li.menu-item-has-children.menu-open>span.menu-expand {
   transform: rotate(180deg);
 }

 .offcanvas_main_menu>li ul li.menu-item-has-children.menu-open span.menu-expand {
   transform: rotate(180deg);
 }

 .offcanvas_main_menu li {
   position: relative;
 }

 .offcanvas_main_menu li:last-child {
   margin: 0;
 }

 .offcanvas_main_menu li span.menu-expand {
   position: absolute;
   right: 0;
 }

 .offcanvas_main_menu li a {
   font-size: 14px;
   font-weight: 400;
   text-transform: capitalize;
   display: block;
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid #ededed;
 }

 .offcanvas_main_menu li a:hover {
   color: #febc8b;
 }

 .offcanvas_main_menu li ul.sub-menu {
   padding-left: 20px;
 }

 .offcanvas_footer {
   margin-top: 50px;
   padding-bottom: 50px;
   text-align: center;
 }

 .offcanvas_footer span a {
   font-size: 14px;
 }

 .offcanvas_footer span a:hover {
   color: #febc8b;
 }

 .slinky-theme-default a:not(.back) {
   padding: 10px 0;
   text-transform: capitalize;
   font-size: 16px;
   font-weight: 400;
 }

 .slinky-theme-default a:not(.back):hover {
   background: inherit;
   color: #febc8b;
 }

 .canvas_close {
   position: absolute;
   top: 10px;
   right: 13px;
 }

 .canvas_close a {
   font-size: 18px;
   text-transform: uppercase;
   font-weight: 500;
   width: 32px;
   height: 32px;
   display: block;
   text-align: center;
   line-height: 32px;
   border: 1px solid #ededed;
   border-radius: 50%;
 }

 .canvas_close a:hover {
   background: #febc8b;
   border-color: #febc8b;
   color: #fff;
 }

 .canvas_open {
   display: none;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .canvas_open {
     display: block;
   }
 }

 @media only screen and (max-width: 767px) {
   .canvas_open {
     right: 20px;
     top: 27px;
     display: block;
     width: 36px;
   }
 }

 .canvas_open a {
   font-size: 27px;
   width: 41px;
   height: 37px;
   display: block;
   line-height: 37px;
   text-align: center;
   border: 1px solid #232323;
   color: #232323;
 }

 @media only screen and (max-width: 767px) {
   .canvas_open a {
     width: 36px;
     height: 34px;
     line-height: 33px;
     font-size: 27px;
   }
 }

 .canvas_open a:hover {
   color: #fe3737;
   border-color: #fe3737;
 }

 .sticky-header.sticky {
   position: fixed;
   z-index: 99;
   width: 100%;
   top: 0;
   background: rgba(255, 255, 255, 0.9);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
   -webkit-animation-duration: 900ms;
   animation-duration: 900ms;
   -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
   animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
   -webkit-animation-delay: 0s;
   animation-delay: 0s;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-direction: normal;
   animation-direction: normal;
   -webkit-animation-fill-mode: none;
   animation-fill-mode: none;
   -webkit-animation-play-state: running;
   animation-play-state: running;
   border-bottom: 0;
   display: block;
   left: 0;
   right: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .sticky-header.sticky {
     position: inherit;
     -webkit-box-shadow: inherit;
     box-shadow: inherit;
     -webkit-animation-name: inherit;
     animation-name: inherit;
     padding: 0;
     background: inherit;
     opacity: inherit;
   }
 }

 @media only screen and (max-width: 767px) {
   .sticky-header.sticky {
     position: inherit;
     -webkit-box-shadow: inherit;
     box-shadow: inherit;
     -webkit-animation-name: inherit;
     animation-name: inherit;
     padding: 0;
     background: inherit;
     opacity: inherit;
   }
 }

 /*header css heer*/
 .header_top {
   border-bottom: 1px solid #eee;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header_top {
     padding: 18px 0 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_top {
     padding: 18px 0 20px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header_contact_us {
     text-align: center;
     margin-bottom: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_contact_us {
     text-align: center;
     margin-bottom: 15px;
   }
 }

 .header_contact_us ul li {
   display: inline-block;
   margin-right: 15px;
 }

 .header_contact_us ul li:last-child {
   margin-right: 0;
 }

 @media only screen and (max-width: 575px) {
   .header_contact_us ul li {
     display: block;
     margin-right: 0;
   }
 }

 .header_contact_us ul li span i {
   margin-right: 3px;
 }

 .header_contact_us ul li a {
   font-size: 12px;
 }

 .header_contact_us ul li a:hover {
   color: #febc8b;
 }

 .header_account_area {
   text-align: right;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header_account_area {
     text-align: center;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_account_area {
     text-align: center;
   }
 }

 .header_account_area>ul>li {
   display: inline-block;
   position: relative;
   padding: 0 12px;
   border-left: 1px solid #eee;
 }

 .header_account_area>ul>li:last-child {
   border-right: 1px solid #eee;
 }

 .header_account_area>ul>li:hover>a {
   color: #febc8b;
 }

 @media only screen and (max-width: 575px) {
   .header_account_area>ul>li {
     padding: 0 3px;
   }
 }

 .header_account_area>ul>li>a {
   font-size: 12px;
   line-height: 40px;
   text-transform: uppercase;
   display: inline-block;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header_account_area>ul>li>a {
     line-height: 24px;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_account_area>ul>li>a {
     line-height: 24px;
   }
 }

 .language_currency:hover ul.dropdown_currency, .language_currency:hover ul.dropdown_language {
   visibility: visible;
   max-height: 200px;
 }

 .language_currency>ul>li:hover a:not([href]):not([tabindex]) {
   color: #febc8b;
 }

 .dropdown_currency, .dropdown_language {
   position: absolute;
   background: #fff;
   border: 1px solid #ededed;
   padding: 10px 20px;
   min-width: 150px;
   text-align: left;
   top: 100%;
   right: 0;
   -webkit-transition: all .5s ease-out;
   transition: all .5s ease-out;
   overflow: hidden;
   z-index: 9999;
   border-radius: 3px;
   visibility: hidden;
   max-height: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .dropdown_currency, .dropdown_language {
     padding: 10px 12px;
     min-width: 115px;
   }
 }

 @media only screen and (max-width: 767px) {
   .dropdown_currency, .dropdown_language {
     padding: 10px 12px;
     min-width: 115px;
     top: 44px;
   }
 }

 .dropdown_currency li a, .dropdown_language li a {
   text-transform: capitalize;
   display: block;
   font-size: 13px;
   white-space: nowrap;
   line-height: 28px;
   color: #232323;
 }

 .dropdown_currency li a:hover, .dropdown_language li a:hover {
   color: #febc8b;
 }

 .header_middle {
   padding: 34px 0;
 }

 @media only screen and (max-width: 767px) {
   .header_middle {
     padding: 30px 0;
   }
 }

 .header_middle .col-lg-4.col-md-4.col-3.col_canvas {
   display: none;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header_middle .col-lg-4.col-md-4.col-3.col_canvas {
     display: block;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_middle .col-lg-4.col-md-4.col-3.col_canvas {
     display: block;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header_middle .col-lg-4.col_search {
     display: none;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_middle .col-lg-4.col_search {
     display: none;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .logo {
     padding-left: 35px;
   }
 }

 @media only screen and (max-width: 767px) {
   .logo {
     padding-left: 20px;
     text-align: center;
   }
 }

 @media only screen and (max-width: 575px) {
   .logo {
     padding-left: 0;
     text-align: center;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header_search_box {
     display: none;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_search_box {
     display: none;
   }
 }

 .header_search_box form {
   position: relative;
   width: 100%;
   border: 1px solid #eee;
   background: #fbfbfb;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header_search_box form {
     width: 100%;
     margin-bottom: 25px;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_search_box form {
     width: 100%;
     margin-bottom: 25px;
   }
 }

 .header_search_box form input::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #232323;
 }

 .header_search_box form input::-moz-placeholder {
   /* Firefox 19+ */
   color: #232323;
 }

 .header_search_box form input:-ms-input-placeholder {
   /* IE 10+ */
   color: #232323;
 }

 .header_search_box form input:-moz-placeholder {
   /* Firefox 18- */
   color: #232323;
 }

 .header_search_box form input {
   font-size: 13px;
   border: 0;
   background: inherit;
   width: 100%;
   height: 36px;
   line-height: 36px;
   padding: 0 43px 0 13px;
 }

 .header_search_box form button {
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   border: 0;
   background: inherit;
   font-size: 17px;
   padding: 0;
   width: 36px;
   text-align: center;
 }

 .header_search_box form button:hover {
   color: #febc8b;
 }

 .cart_wishlist_area {
   display: flex;
   justify-content: flex-end;
 }

 .header_wishlist {
   margin-right: 20px;
 }

 .header_wishlist a {
   font-size: 23px;
   position: relative;
 }

 .header_wishlist a:hover {
   color: #febc8b;
 }

 .header_wishlist a span.item_count {
   position: absolute;
   top: -5px;
   left: 17px;
   width: 17px;
   height: 17px;
   line-height: 17px;
   background: #999;
   color: #fff;
   border-radius: 50%;
   display: inline-block;
   text-align: center;
   font-size: 11px;
 }

 .mini_cart_wrapper>a {
   font-size: 13px;
   text-transform: uppercase;
   position: relative;
 }

 .mini_cart_wrapper>a i {
   font-size: 23px;
   margin-right: 5px;
 }

 .mini_cart_wrapper>a:hover {
   color: #febc8b;
 }

 @media only screen and (max-width: 575px) {
   .mini_cart_wrapper>a span.cartitems {
     display: none;
   }
 }

 .mini_cart_wrapper>a span.item_count {
   position: absolute;
   top: -13px;
   left: 17px;
   width: 17px;
   height: 17px;
   line-height: 17px;
   background: #999;
   color: #fff;
   border-radius: 50%;
   display: inline-block;
   text-align: center;
   font-size: 11px;
 }

 /*mini cart css here*/
 .cart_close {
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-bottom: 1px solid #ededed;
   padding-bottom: 10px;
 }

 .cart_text h3 {
   font-size: 18px;
   text-transform: capitalize;
   font-weight: 600;
   margin-bottom: 0;
 }

 .mini_cart_close>a {
   font-size: 25px;
 }

 .mini_cart_close>a:hover {
   color: #febc8b;
 }

 .mini_cart {
   position: fixed;
   min-width: 355px;
   height: 100%;
   padding: 18px 28px 33px;
   background: #fff;
   z-index: 999;
   right: 0;
   top: 0;
   transition: .5s;
   transform: translateX(100%);
 }

 .mini_cart.active {
   transform: translateX(0);
   transition: .5s;
 }

 @media only screen and (max-width: 767px) {
   .mini_cart {
     min-width: 300px;
     height: 100%;
     padding: 18px 18px 33px;
   }
 }

 .cart_img {
   width: 95px;
   margin-right: 17px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .cart_img {
     width: 70px;
   }
 }

 @media only screen and (max-width: 767px) {
   .cart_img {
     width: 70px;
   }
 }

 .cart_info {
   width: 63%;
 }

 .cart_info a {
   font-weight: 400;
   font-size: 15px;
   line-height: 20px;
   display: block;
   margin-bottom: 6px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .cart_info a {
     font-size: 13px;
   }
 }

 @media only screen and (max-width: 767px) {
   .cart_info a {
     font-size: 13px;
   }
 }

 .cart_info a:hover {
   color: #febc8b;
 }

 .cart_info p {
   font-size: 12px;
 }

 .cart_info p span {
   font-weight: 600;
 }

 .cart_remove a {
   font-size: 18px;
   display: block;
   line-height: 20px;
   text-align: center;
 }

 .cart_remove a:hover {
   color: #febc8b;
 }

 .cart_item {
   overflow: hidden;
   padding: 20px 0;
   border-bottom: 1px solid #ededed;
   display: flex;
   justify-content: space-between;
 }

 .mini_cart_table {
   padding: 23px 0;
 }

 .cart_total {
   display: flex;
   justify-content: space-between;
 }

 .cart_total span {
   font-size: 14px;
   font-weight: 400;
 }

 .cart_total span.price {
   font-weight: 700;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .cart_total span {
     font-size: 13px;
   }
 }

 @media only screen and (max-width: 767px) {
   .cart_total span {
     font-size: 13px;
   }
 }

 .cart_button:first-child {
   margin-bottom: 15px;
 }

 .cart_button a {
   text-transform: uppercase;
   border-radius: 3px;
   font-size: 12px;
   font-weight: 500;
   background: #eef0f1;
   display: block;
   text-align: center;
   line-height: 20px;
   margin-bottom: 0;
   padding: 13px 0px 11px;
   border: 1px solid #ededed;
 }

 .cart_button a:hover {
   background: #febc8b;
   border-color: #febc8b;
   color: #fff;
 }

 .cart_button a.active {
   background: #febc8b;
   border-color: #febc8b;
   color: #fff;
 }

 /*mini cart css end*/
 .header_bottom {
   position: relative;
 }

 .header_bottom::before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   right: 0;
   background: #eee;
   width: 100%;
   height: 1px;
 }

 /* 2.4 main menu css here */
 .menu_position {
   position: relative;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .main_menu {
     display: none;
   }
 }

 @media only screen and (max-width: 767px) {
   .main_menu {
     display: none;
   }
 }

 .main_menu nav>ul {
   display: flex;
   justify-content: center;
 }

 .main_menu nav>ul>li {
   position: relative;
 }

 .main_menu nav>ul>li:hover ul.sub_menu {
   visibility: visible;
   max-height: 360px;
   padding: 24px 20px;
 }

 .main_menu nav>ul>li:hover .mega_menu {
   visibility: visible;
   max-height: 425px;
   padding: 25px 30px 30px 30px;
 }

 .main_menu nav>ul>li:hover>a {
   border-top: 1px solid #222;
 }

 .main_menu nav>ul>li>a {
   display: block;
   font-size: 13px;
   line-height: 57px;
   color: #1e1e1f;
   text-transform: uppercase;
   font-weight: 600;
   border-top: 1px solid transparent;
   padding: 0 20px;
 }

 .main_menu nav>ul>li>a i {
   margin-left: 3px;
 }

 .main_menu nav>ul>li>a.active {
   border-top: 1px solid #222;
 }

 .main_menu nav>ul>li ul.sub_menu {
   position: absolute;
   min-width: 220px;
   padding: 0 20px;
   background: #ffffff;
   box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
   max-height: 0;
   -webkit-transform-origin: 0 0 0;
   transform-origin: 0 0 0;
   left: 0;
   right: auto;
   visibility: hidden;
   overflow: hidden;
   -webkit-transition: 0.5s;
   transition: 0.5s;
   z-index: 99;
   top: 100%;
   text-align: left;
 }

 .main_menu nav>ul>li ul.sub_menu li a {
   font-size: 13px;
   font-weight: 400;
   display: block;
   line-height: 32px;
   text-transform: capitalize;
 }

 .main_menu nav>ul>li ul.sub_menu li a:hover {
   color: #febc8b;
 }

 .main_menu nav>ul>li.mega_items {
   position: static;
 }

 .main_menu nav>ul>li .mega_menu {
   position: absolute;
   min-width: 100%;
   padding: 0 30px 0 30px;
   background: #ffffff;
   box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
   max-height: 0;
   -webkit-transform-origin: 0 0 0;
   transform-origin: 0 0 0;
   left: 0;
   right: auto;
   visibility: hidden;
   overflow: hidden;
   -webkit-transition: 0.5s;
   transition: 0.5s;
   z-index: 99;
   top: 100%;
   text-align: left;
 }

 .mega_menu_inner {
   display: flex;
 }

 .mega_menu_inner>li {
   width: 25%;
   padding-left: 5px;
 }

 .mega_menu_inner>li:first-child {
   padding-left: 0;
 }

 .mega_menu_inner>li.header_banner_menu {
   width: 100%;
   margin-top: 15px;
   overflow: hidden;
 }

 .mega_menu_inner>li.header_banner_menu img {
   transition: .3s;
 }

 .mega_menu_inner>li.header_banner_menu:hover img {
   transform: scale(1.05) rotate(0.05deg);
 }

 .mega_menu_inner>li>a {
   font-size: 13px;
   line-height: 24px;
   text-transform: uppercase;
   font-weight: 600;
   display: block;
   margin-bottom: 12px;
 }

 .mega_menu_inner>li>a:hover {
   color: #febc8b;
 }

 .mega_menu_inner>li>a img {
   transition: .3s;
 }

 .mega_menu_inner>li>a img:hover {
   opacity: 0.8;
 }

 .mega_menu_inner>li ul li {
   display: block;
 }

 .mega_menu_inner>li ul li a {
   font-size: 13px;
   font-weight: 400;
   display: block;
   line-height: 30px;
   text-transform: capitalize;
 }

 .mega_menu_inner>li ul li a:hover {
   color: #febc8b;
 }

 .mega_menu_banner {
   display: flex;
   grid-column-gap: 32px;
   margin-top: 20px;
 }

 .banner_menu_thumb {
   overflow: hidden;
 }

 .banner_menu_thumb:hover img {
   transform: scale(1.1);
 }

 .banner_menu_thumb img {
   transition: .3s;
 }

 /*main menu css end*/
 /*home two css here*/
 .header_two {
   background: #1f2527;
 }

 .header_two .header_top {
   border-bottom: 1px solid #2f3436;
 }

 .header_two .header_bottom {
   background: #2f3436;
 }

 .header_two .header_bottom::before {
   display: none;
 }

 .header_two .header_contact_us ul li {
   color: #999;
 }

 .header_two .header_account_area>ul>li {
   border-left: 1px solid #2f3436;
 }

 @media only screen and (max-width: 767px) {
   .header_two .header_account_area>ul>li {
     line-height: 19px;
   }
 }

 .header_two .header_account_area>ul>li:last-child {
   border-right: 1px solid #2f3436;
 }

 .header_two .header_account_area>ul>li>a {
   color: #999;
 }

 @media only screen and (max-width: 767px) {
   .header_two .header_account_area>ul>li>a {
     line-height: 19px;
   }
 }

 .header_two .header_account_area>ul>li:hover>a {
   color: #febc8b;
 }

 .header_two .header_wishlist a {
   color: #999;
 }

 .header_two .header_wishlist a:hover {
   color: #febc8b;
 }

 .header_two .mini_cart_wrapper>a {
   color: #999;
 }

 .header_two .mini_cart_wrapper>a:hover {
   color: #febc8b;
 }

 .header_two .main_menu nav>ul>li>a {
   color: #999;
 }

 .header_two .main_menu nav>ul>li>a.active {
   border-top: 1px solid #999;
 }

 .header_two .main_menu nav>ul>li:hover>a {
   border-top: 1px solid #999;
 }

 .header_two .canvas_open a {
   border: 1px solid #999;
   color: #999;
 }

 .header_two .canvas_open a:hover {
   color: #febc8b;
   border-color: #febc8b;
 }

 /*home three css here*/
 .header_two.header_3 {
   background: #222;
 }

 .header_two.header_3 .header_bottom {
   border-top: 1px solid #2f3436;
   background: #222;
 }

 /*home four css here*/
 .header_four .header_top {
   padding: 0 30px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header_four .header_top {
     padding: 10px 0 18px;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_four .header_top {
     padding: 18px 0 20px;
   }
 }

 .header_four .header_middle {
   padding-left: 30px;
   padding-right: 30px;
 }

 @media only screen and (max-width: 767px) {
   .header_four .header_middle {
     padding-left: 0;
     padding-right: 0;
   }
 }

 .header_four .header_bottom {
   background: #000;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header_four .header_bottom {
     display: none;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_four .header_bottom {
     display: none;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_four .logo {
     padding-left: 0;
     text-align: center;
   }
 }

 .menu_four nav>ul {
   justify-content: center;
 }

 .menu_four nav>ul>li:hover>a {
   border-top: inherit;
   color: #faf208;
 }

 .menu_four nav>ul>li>a {
   color: #fff;
   border-top: inherit;
 }

 .menu_four nav>ul>li>a.active {
   border-top: inherit;
   color: #faf208;
 }

 /*home five css here*/
 .header_five .header_top {
   background: #a2e5ea;
   padding: 0 15px;
   border-bottom: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header_five .header_top {
     padding: 18px 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_five .header_top {
     padding: 18px 15px;
   }
 }

 .header_five .header_middle {
   background: #fff;
   padding: 34px 15px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header_five .header_middle {
     padding: 18px 15px;
     margin-bottom: 10px;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_five .header_middle {
     padding: 30px 15px;
     margin-bottom: 10px;
   }
 }

 .header_five .header_bottom {
   background: #f56363;
   margin: 10px 0;
 }

 .header_five .header_bottom::before {
   display: none;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header_five .header_bottom {
     display: none;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_five .header_bottom {
     display: none;
   }
 }

 @media only screen and (max-width: 575px) {
   .header_five .header_account_area>ul>li {
     border-left: 0;
   }

   .header_five .header_account_area>ul>li:last-child {
     border-right: 0;
   }
 }

 .menu_five nav>ul>li>a {
   color: #fff;
 }

 .menu_five nav>ul>li>a.active {
   border-top: 1px solid #fff;
 }

 .menu_five nav>ul>li:hover>a {
   border-top: 1px solid #fff;
 }

 /* 02. slider area css here */
 .single_slider {
   height: 700px;
   background-attachment: scroll;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .single_slider {
     height: 600px;
     background-position: 15%;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single_slider {
     height: 480px;
     background-position: 6%;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single_slider {
     height: 395px;
     background-position: 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .single_slider {
     background-position: 19%;
     height: 320px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_section.mb-100 {
     margin-bottom: 80px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_section.mb-100 {
     margin-bottom: 60px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_section.mb-70 {
     margin-bottom: 60px;
   }
 }

 .slider_area .owl-nav div {
   position: absolute;
   top: 50%;
   left: 20px;
   transform: translatey(-50%);
   font-size: 22px;
   width: 68px;
   height: 68px;
   line-height: 68px;
   text-align: center;
   border-radius: 50%;
   background: rgba(0, 0, 0, 0.1);
   color: #fff;
   transition: .3s;
 }

 .slider_area .owl-nav div:hover {
   background: #febc8b;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_area .owl-nav div {
     left: 15px;
     width: 52px;
     height: 52px;
     line-height: 52px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_area .owl-nav div {
     display: none;
   }
 }

 .slider_area .owl-nav div.owl-next {
   right: 20px;
   left: auto;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_area .owl-nav div.owl-next {
     right: 15px;
   }
 }

 .slider_area .owl-dots {
   position: absolute;
   bottom: 10px;
   left: 50%;
   transform: translatex(-50%);
 }

 @media only screen and (max-width: 767px) {
   .slider_area .owl-dots {
     bottom: 4px;
   }
 }

 .slider_area .owl-dots .owl-dot {
   width: 17px;
   height: 17px;
   border-radius: 50%;
   display: inline-block;
   margin: 0 2px;
   transition: .3s;
   background: #aaa;
   border: 3px solid #fff;
 }

 .slider_area .owl-dots .owl-dot.active {
   background: #222;
 }

 .slider_area .owl-dots .owl-dot:hover {
   background: #222;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .slider_content {
     padding-left: 30px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .slider_content {
     padding-left: 22px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_content {
     padding-left: 30px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_content {
     text-align: center;
     padding-left: 0;
   }
 }

 .slider_content h1 {
   font-size: 60px;
   line-height: 60px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 0;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .slider_content h1 {
     font-size: 48px;
     line-height: 48px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .slider_content h1 {
     font-size: 42px;
     line-height: 42px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_content h1 {
     font-size: 36px;
     line-height: 36px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_content h1 {
     font-size: 24px;
     line-height: 24px;
   }
 }

 .slider_content h2 {
   font-size: 22px;
   line-height: 24px;
   margin-bottom: 11px;
   font-weight: 400;
   color: #febc8b;
   text-transform: uppercase;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .slider_content h2 {
     font-size: 19px;
     line-height: 20px;
     margin-bottom: 10px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_content h2 {
     font-size: 16px;
     line-height: 20px;
     margin-bottom: 8px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_content h2 {
     font-size: 15px;
     line-height: 19px;
     margin-bottom: 9px;
   }
 }

 .slider_content p {
   font-size: 17px;
   line-height: 28px;
   padding: 23px 0 34px;
   margin-bottom: 0;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .slider_content p {
     font-size: 16px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .slider_content p {
     font-size: 16px;
     line-height: 26px;
     padding: 22px 0 28px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_content p {
     font-size: 14px;
     line-height: 24px;
     padding: 18px 0 25px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_content p {
     font-size: 13px;
     line-height: 21px;
     padding: 15px 0 20px;
     letter-spacing: 0;
   }
 }

 .slider_content a {
   font-size: 15px;
   line-height: 24px;
   padding: 12px 44px;
   font-weight: 600;
   display: inline-block;
   text-transform: uppercase;
   border-radius: 25px;
   border: 1px solid #232323;
 }

 .slider_content a:hover {
   color: #fff;
   background: #febc8b;
   border-color: #febc8b;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .slider_content a {
     padding: 10px 35px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_content a {
     font-size: 13px;
     line-height: 21px;
     padding: 8px 25px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_content a {
     font-size: 12px;
     line-height: 22px;
     padding: 7px 27px;
   }
 }

 .active .slider_content h1, .active .slider_content h2, .active .slider_content h3, .active .slider_content a, .active .slider_content p, .active .slider_content span {
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
   -webkit-animation-delay: 0.3s;
   animation-delay: 0.3s;
 }

 .active .slider_content h2 {
   -webkit-animation-delay: 0.5s;
   animation-delay: 0.5s;
 }

 .active .slider_content h3, .active .slider_content span {
   -webkit-animation-delay: 0.7s;
   animation-delay: 0.7s;
 }

 .active .slider_content p {
   -webkit-animation-delay: 0.7s;
   animation-delay: 0.7s;
 }

 .active .slider_content a {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
 }

 /*home two css here*/
 .slider_two .single_slider {
   height: 700px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .slider_two .single_slider {
     height: 600px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .slider_two .single_slider {
     height: 480px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_two .single_slider {
     height: 395px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_two .single_slider {
     height: 320px;
   }
 }

 /*home three css here*/
 .slider_three .single_slider {
   height: 644px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .slider_three .single_slider {
     height: 600px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .slider_three .single_slider {
     height: 460px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_three .single_slider {
     height: 380px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_three .single_slider {
     height: 310px;
     background-position: 56%;
   }
 }

 .slider_c3_top {
   text-align: right;
 }

 @media only screen and (max-width: 767px) {
   .slider_c3_top {
     text-align: center;
   }
 }

 .slider_c3_top p {
   max-width: 100%;
 }

 .slider_c3_bottom h1 {
   color: #fff;
 }

 .slider_c3_bottom p {
   color: #fff;
 }

 .slider_c3_bottom a {
   color: #fff;
   border: 1px solid #fff;
 }

 .slider_c3_bottom a:hover {
   color: #febc8b;
   border-color: #febc8b;
 }

 /*home four css here*/
 .slider_s_four .single_slider {
   height: 820px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .slider_s_four .single_slider {
     height: 610px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .slider_s_four .single_slider {
     height: 500px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_s_four .single_slider {
     height: 380px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_s_four .single_slider {
     height: 320px;
     background-position: 0;
   }
 }

 /*home five css here*/
 .slider_five .single_slider {
   height: 550px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .slider_five .single_slider {
     height: 468px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .slider_five .single_slider {
     height: 390px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_five .single_slider {
     height: 350px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_five .single_slider {
     height: 310px;
     background-position: 4%;
   }
 }

 .slider_c_five {
   padding-left: 30px;
 }

 /*home six css here*/
 .slider_six {
   margin-bottom: 30px;
 }

 .slider_six .single_slider {
   height: 470px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .slider_six .single_slider {
     height: 468px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .slider_six .single_slider {
     height: 390px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_six .single_slider {
     height: 350px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_six .single_slider {
     height: 310px;
     background-position: 4%;
   }
 }

 .slider_c_six {
   padding-left: 30px;
 }

 @media only screen and (max-width: 767px) {
   .slider_c_six {
     padding-left: 0;
     width: 100%;
   }
 }

 .slider_c_six h2 {
   color: #232323;
 }

 .slider_c_six h1 {
   font-size: 45px;
   line-height: 45px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .slider_c_six h1 {
     font-size: 38px;
     line-height: 38px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_c_six h1 {
     font-size: 38px;
     line-height: 38px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_c_six h1 {
     font-size: 22px;
     line-height: 24px;
   }
 }

 .slider_c_six a {
   margin-top: 35px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_c_six a {
     margin-top: 30px;
   }
 }

 @media only screen and (max-width: 767px) {
   .slider_c_six a {
     margin-top: 23px;
   }
 }

 .slider_c_six a:hover {
   background: #fff;
   color: #232323;
   border-color: #fff;
 }

 /*04. banner section css here */
 .banner_area {
   padding-bottom: 50px;
 }

 @media only screen and (max-width: 767px) {
   .banner_area {
     padding-bottom: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .single_banner {
     margin-bottom: 30px;
   }
 }

 .home_banner_style1 {
   padding: 50px 0;
   border: 10px solid #fff;
   text-align: center;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .home_banner_style1 {
     padding: 40px 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .home_banner_style1 {
     padding: 26px 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .home_banner_style1 {
     padding: 32px 0;
   }
 }

 .home_banner_style1.one {
   background: #fbf0c3;
 }

 .home_banner_style1.two {
   background: #fedec7;
 }

 .home_banner_style1.three {
   background: #c8e0e4;
 }

 .home_banner_style1:hover .banner_text_img img {
   opacity: 0.7;
   animation: bounceIn 1s linear infinite alternate;
   animation-duration: 2s;
 }

 .home_banner_style1 h3 {
   font-size: 25px;
   text-transform: uppercase;
   font-weight: 600;
   line-height: 25px;
   margin-bottom: 9px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .home_banner_style1 h3 {
     font-size: 22px;
     line-height: 23px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .home_banner_style1 h3 {
     font-size: 18px;
     line-height: 22px;
     margin-bottom: 5px;
   }
 }

 @media only screen and (max-width: 767px) {
   .home_banner_style1 h3 {
     font-size: 18px;
     line-height: 20px;
     margin-bottom: 6px;
   }
 }

 .banner_text_img {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .banner_text_img p {
   margin-bottom: 0;
   margin-right: 5px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner_text_img img {
     max-width: 50px;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_text_img img {
     max-width: 50px;
   }
 }

 .banner_thumb {
   position: relative;
   transition: .3s;
   overflow: hidden;
 }

 @media only screen and (max-width: 767px) {
   .banner_thumb {
     text-align: center;
   }
 }

 .banner_thumb:hover img {
   transform: scale(1.1);
 }

 .banner_thumb:hover .banner_text1 {
   opacity: 1;
   visibility: visible;
 }

 .banner_thumb img {
   transition: .3s;
 }

 @media only screen and (max-width: 767px) {
   .banner_thumb img {
     width: 100%;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_box_container .col-lg-6.col-md-6 {
     order: 1;
   }
 }

 @media only screen and (max-width: 575px) {
   .banner_box_container .col-lg-6.col-md-6 {
     order: 0;
   }
 }

 .banner_box {
   border: 10px solid #fff;
   background: #eee;
   text-align: center;
 }

 @media only screen and (max-width: 767px) {
   .banner_box {
     margin-bottom: 25px;
   }
 }

 .banner_box.box1 {
   padding: 50px 65px;
   text-align: left;
   display: flex;
   align-items: center;
   overflow: hidden;
 }

 .banner_box.box1:hover .banner_box_img img {
   animation: bounceInLeft 700ms linear;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .banner_box.box1 {
     padding: 40px 50px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner_box.box1 {
     padding: 38px 24px;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_box.box1 {
     padding: 37px 15px;
     justify-content: center;
   }
 }

 .banner_box.box1 .banner_box_img {
   margin-right: 20px;
 }

 @media only screen and (max-width: 767px) {
   .banner_box.box1 .banner_box_img {
     margin-right: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_box.box1 .banner_box_img img {
     max-width: 50px;
   }
 }

 .banner_box.box1 .banner_box_text h2 {
   font-size: 26px;
   line-height: 28px;
   font-weight: 600;
   border-bottom: 1px solid #bbb;
   display: inline-block;
   letter-spacing: 9px;
   text-transform: uppercase;
   margin-bottom: 5px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .banner_box.box1 .banner_box_text h2 {
     font-size: 20px;
     line-height: 28px;
     letter-spacing: 6px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner_box.box1 .banner_box_text h2 {
     font-size: 18px;
     line-height: 22px;
     letter-spacing: 3px;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_box.box1 .banner_box_text h2 {
     font-size: 16px;
     line-height: 20px;
     letter-spacing: 2px;
   }
 }

 .banner_box.box1 .banner_box_text p {
   font-size: 15px;
   line-height: 18px;
   font-weight: 600;
 }

 @media only screen and (max-width: 767px) {
   .banner_box.box1 .banner_box_text p {
     font-size: 14px;
   }
 }

 .banner_box.box2 {
   padding: 37px 0;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .banner_box.box2 {
     padding: 26px 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner_box.box2 {
     padding: 24px 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_box.box2 {
     padding: 22px 0;
   }
 }

 .banner_box.box2:hover .banner_box_img img {
   animation: rotateOut 1s infinite linear;
 }

 .banner_box.box2 .banner_box_img {
   margin-bottom: 9px;
 }

 .banner_box.box2 .banner_box_text h2 {
   font-size: 16px;
   line-height: 17px;
   text-transform: uppercase;
   font-weight: 600;
   letter-spacing: 5px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .banner_box.box2 .banner_box_text h2 {
     font-size: 14px;
     line-height: 17px;
     letter-spacing: 4px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner_box.box2 .banner_box_text h2 {
     font-size: 13px;
     line-height: 17px;
     letter-spacing: 2px;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_box.box2 .banner_box_text h2 {
     font-size: 13px;
     line-height: 17px;
     letter-spacing: 2px;
   }
 }

 .banner_box.box3 {
   padding: 39px 0;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .banner_box.box3 {
     padding: 30px 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner_box.box3 {
     padding: 27px 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_box.box3 {
     padding: 26px 0;
   }
 }

 .banner_box.box3:hover .banner_box_img img {
   animation: bounceIn 1s infinite linear;
 }

 .banner_box.box3 .banner_box_img {
   margin-bottom: 13px;
 }

 .banner_box.box3 .banner_box_text h2 {
   font-size: 16px;
   line-height: 17px;
   text-transform: uppercase;
   font-weight: 600;
   letter-spacing: 5px;
   padding: 0 25px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .banner_box.box3 .banner_box_text h2 {
     font-size: 14px;
     line-height: 17px;
     letter-spacing: 4px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner_box.box3 .banner_box_text h2 {
     font-size: 13px;
     line-height: 17px;
     letter-spacing: 2px;
     padding: 0 10px;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_box.box3 .banner_box_text h2 {
     font-size: 13px;
     line-height: 17px;
     letter-spacing: 2px;
     padding: 0 18px;
   }
 }

 @media only screen and (max-width: 767px) {
   .b_box_area {
     padding-bottom: 30px;
   }
 }

 /*home two css here*/
 .b_box2 .banner_box {
   border: 0;
 }

 .b_box2 .banner_box.box2 {
   padding: 37px 10px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .b_box2 .banner_box.box2 {
     padding: 26px 10px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .b_box2 .banner_box.box2 {
     padding: 24px 10px;
   }
 }

 .b_box2 .banner_box.box3 {
   padding: 39px 20px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .b_box2 .banner_box.box3 {
     padding: 30px 10px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .b_box2 .banner_box.box3 {
     padding: 27px 10px;
   }
 }

 .b_box2 .section_title h2 {
   background: #fff;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .b_box2 .banner_box.box1 {
     padding: 50px 48px;
   }
 }

 /*home three css here*/
 @media only screen and (max-width: 767px) {
   .banner_gallery3 {
     padding-bottom: 46px;
   }
 }

 .banner_gallery3 .container {
   padding-left: 0;
   padding-right: 0;
 }

 @media only screen and (max-width: 767px) {
   .banner_gallery3 .single_banner {
     margin-bottom: 0;
   }
 }

 .banner_text {
   position: absolute;
   top: 50%;
   transform: translatey(-50%);
   left: 0;
   right: 0;
   text-align: center;
 }

 .banner_text h3 {
   font-size: 20px;
   text-transform: uppercase;
   color: #fff;
   margin-bottom: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner_text h3 {
     font-size: 18px;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_text h3 {
     font-size: 17px;
   }
 }

 /*home four css here*/
 .home_banner_four {
   padding-bottom: 60px;
 }

 @media only screen and (max-width: 767px) {
   .home_banner_four {
     padding-bottom: 55px;
   }
 }

 @media only screen and (max-width: 767px) {
   .home_banner_four .single_banner {
     margin-bottom: 0;
   }
 }

 .home_banner_four .home_banner_style1 {
   border: 0;
   padding: 80px 10px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .home_banner_four .home_banner_style1 {
     padding: 55px 10px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .home_banner_four .home_banner_style1 {
     padding: 40px 10px;
   }
 }

 @media only screen and (max-width: 767px) {
   .home_banner_four .home_banner_style1 {
     padding: 40px 10px;
   }
 }

 .home_banner_four .home_banner_style1:hover img {
   opacity: 0.7;
   animation: bounceIn 1s linear infinite alternate;
   animation-duration: 2s;
 }

 .home_banner_four .home_banner_style1 h3 {
   font-size: 16px;
   line-height: 17px;
   font-weight: 600;
   margin: 25px 0 15px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .home_banner_four .home_banner_style1 h3 {
     margin: 22px 0 12px;
   }
 }

 @media only screen and (max-width: 767px) {
   .home_banner_four .home_banner_style1 h3 {
     font-size: 15px;
     margin: 18px 0 12px;
   }
 }

 .home_banner_four .home_banner_style1 p {
   font-size: 13px;
   line-height: 18px;
   margin-bottom: 0;
   padding: 0 30px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .home_banner_four .home_banner_style1 p {
     line-height: 19px;
     padding: 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .home_banner_four .home_banner_style1 p {
     font-size: 13px;
     line-height: 19px;
     padding: 0 14px;
   }
 }

 .home_banner_four .home_banner_style1.one {
   background: #fbe87d;
 }

 .home_banner_four .home_banner_style1.two {
   background: #ffbbd2;
 }

 .home_banner_four .home_banner_style1.three {
   background: #6ae6b5;
 }

 /*home five css here*/
 .home_banner_five {
   padding: 60px 0;
 }

 @media only screen and (max-width: 767px) {
   .home_banner_five {
     padding: 60px 0 30px;
   }
 }

 .home_banner_five .home_banner_style1 {
   background: #fbe588;
 }

 .home_banner_five .home_banner_style1:hover .banner_icon img {
   animation: bounceIn 1s linear infinite alternate;
   animation-duration: 2s;
 }

 .home_banner_five .banner_icon {
   display: inline-block;
 }

 @media only screen and (max-width: 767px) {
   .home_banner_five .banner_icon {
     display: block;
     margin-bottom: 15px;
   }
 }

 .home_banner_five .banner_text5 {
   display: inline-block;
   vertical-align: middle;
   padding-left: 10px;
   text-align: left;
 }

 @media only screen and (max-width: 767px) {
   .home_banner_five .banner_text5 {
     display: block;
     text-align: center;
     padding-left: 0;
   }
 }

 .b_box5 .section_title {
   padding: 25px 15px;
   background: #a2e5ea;
 }

 .b_box5 .section_title::before {
   display: none;
 }

 .b_box5 .section_title h2 {
   background: #a2e5ea;
 }

 /*home six css here*/
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner_sidebar {
     margin-top: 30px;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_sidebar {
     margin-top: 30px;
   }
 }

 .banner_sidebar .single_banner {
   margin-bottom: 30px;
 }

 .banner_sidebar .single_banner:last-child {
   margin-bottom: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner_sidebar .single_banner {
     width: 50%;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_sidebar .single_banner {
     width: 50%;
   }
 }

 @media only screen and (max-width: 575px) {
   .banner_sidebar .single_banner {
     width: 100%;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner_sidebar {
     display: flex;
     grid-column-gap: 30px;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_sidebar {
     display: flex;
     grid-column-gap: 30px;
   }
 }

 @media only screen and (max-width: 575px) {
   .banner_sidebar {
     flex-direction: column;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner_sidebar .banner_thumb img {
     width: 100%;
   }
 }

 @media only screen and (max-width: 767px) {
   .banner_sidebar .banner_thumb img {
     width: 100%;
   }
 }

 /* 03. product section css here */
 .tab-content>.tab-pane.active {
   display: block;
   height: auto;
   opacity: 1;
   overflow: visible;
 }

 .tab-content>.tab-pane {
   display: block;
   height: 0;
   opacity: 0;
   overflow: hidden;
 }

 .home_bg_area {
   background: #f7f7f7;
   padding: 60px 0;
 }

 .product_area {
   margin-bottom: 15px;
 }

 @media only screen and (max-width: 767px) {
   .product_area {
     margin-bottom: 8px;
   }
 }

 .section_title {
   margin-bottom: 30px;
   position: relative;
 }

 @media only screen and (max-width: 767px) {
   .section_title {
     margin-bottom: 25px;
   }
 }

 .section_title::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 1px;
   left: 0;
   top: 50%;
   transform: translatey(-50%);
   background: #e1e1e1;
 }

 .section_title h2 {
   font-size: 16px;
   line-height: 28px;
   font-weight: 600;
   display: inline-block;
   margin-bottom: 0;
   text-transform: uppercase;
   background: #f7f7f7;
   padding-right: 15px;
   z-index: 9;
   position: relative;
 }

 @media only screen and (max-width: 767px) {
   .section_title h2 {
     font-size: 17px;
     line-height: 17px;
   }
 }

 .product_tab_btn {
   border-bottom: 1px solid #e1e1e1;
   margin-bottom: 30px;
 }

 .product_tab_btn ul {
   justify-content: center;
 }

 @media only screen and (max-width: 575px) {
   .product_tab_btn ul {
     flex-direction: column;
     text-align: center;
   }
 }

 .product_tab_btn ul li a {
   font-size: 16px;
   line-height: 21px;
   font-weight: 600;
   padding: 10px 20px;
   display: inline-block;
   color: #232323;
   border-bottom: 1px solid transparent;
   text-transform: uppercase;
 }

 .product_tab_btn ul li a:hover {
   border-color: #232323;
 }

 .product_tab_btn ul li a.active {
   border-color: #232323;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .product_tab_btn ul li a {
     font-size: 15px;
     line-height: 20px;
     padding: 8px 16px;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_tab_btn ul li a {
     font-size: 14px;
     line-height: 22px;
     padding: 8px 13px;
   }
 }

 .single_product {
   transition: .3s;
   background: #fff;
   padding: 10px 10px 0;
   position: relative;
 }

 .single_product:hover .add_to_cart {
   opacity: 1;
   visibility: visible;
   bottom: -44px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single_product:hover .add_to_cart {
     bottom: -41px;
   }
 }

 .single_product:hover .action_links {
   opacity: 1;
   visibility: visible;
 }

 .single_product:hover .action_links ul li {
   transform: scale(1);
 }

 .single_product:hover .product_thumb a.secondary_img {
   opacity: 1;
   visibility: visible;
   -moz-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out;
 }

 .product_thumb {
   position: relative;
   overflow: hidden;
 }

 .product_thumb a.secondary_img {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   opacity: 0;
   visibility: hidden;
   -moz-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out;
 }

 .product_thumb a img {
   width: 100%;
 }

 @media only screen and (max-width: 767px) {
   .product_thumb a img {
     width: 100%;
   }
 }

 .product_content {
   padding: 15px 0 17px;
   text-align: center;
 }

 .product_content h4 {
   font-size: 15px;
   line-height: 20px;
   font-weight: 400;
   margin-bottom: 4px;
 }

 @media only screen and (max-width: 767px) {
   .product_content h4 {
     font-size: 15px;
     line-height: 22px;
     margin-bottom: 9px;
   }
 }

 .product_content h4 a:hover {
   color: #febc8b;
 }

 .price_box {
   transition: .3s;
   margin-top: 12px;
 }

 .price_box span {
   font-size: 15px;
   font-weight: 500;
   line-height: 16px;
   color: #1e1e1f;
 }

 @media only screen and (max-width: 767px) {
   .price_box span {
     font-size: 15px;
   }
 }

 .price_box span.old_price {
   text-decoration: line-through;
   margin-right: 5px;
 }

 .product_rating ul {
   display: flex;
   justify-content: center;
 }

 .product_rating ul li {
   line-height: 16px;
   margin-right: 2px;
 }

 .product_rating ul li:last-child {
   margin-right: 0;
 }

 .product_rating ul li a {
   font-size: 13px;
 }

 .product_rating ul li a:hover {
   color: #febc8b;
 }

 .add_to_cart {
   position: absolute;
   right: 0;
   left: 0;
   text-align: center;
   opacity: 0;
   visibility: hidden;
   transition: .3s;
   bottom: 0;
   z-index: 9;
 }

 .add_to_cart a {
   line-height: 45px;
   height: 45px;
   display: inline-block;
   font-size: 13px;
   font-weight: 400;
   text-transform: uppercase;
   padding: 0 30px;
   width: 100%;
   background: #999;
   color: #fff;
 }

 .add_to_cart a:hover {
   background: #febc8b;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .add_to_cart a {
     line-height: 42px;
     height: 42px;
     padding: 0 24px;
   }
 }

 @media only screen and (max-width: 767px) {
   .add_to_cart a {
     line-height: 42px;
     height: 42px;
     padding: 0 20px;
   }
 }

 .action_links {
   transition: all 0.3s ease;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translatey(-50%);
   opacity: 0;
   visibility: hidden;
   z-index: 9;
   left: 0;
   text-align: center;
 }

 .action_links ul li {
   margin-right: 3px;
   transform: scale(0.7);
   transition: .3s;
   display: inline-block;
 }

 .action_links ul li:last-child {
   margin-right: 0;
 }

 .action_links ul li a {
   font-size: 20px;
   display: inline-block;
   height: 36px;
   line-height: 36px;
   width: 36px;
   background: #999;
   color: #fff;
 }

 .action_links ul li a:hover {
   background: #febc8b;
 }

 .label_product span {
   position: absolute;
 }

 .label_product span.label_sale {
   top: 0;
   right: 0;
   color: #ffffff;
   background: #febc8b;
   font-size: 12px;
   font-weight: 400;
   height: 20px;
   line-height: 20px;
   padding: 0 7px;
   text-align: center;
   display: block;
   text-transform: uppercase;
 }

 .label_product span.label_new {
   top: 20px;
   right: 20px;
   text-transform: uppercase;
   color: #ffffff;
   background: #febc8b;
   font-size: 12px;
   height: 22px;
   line-height: 22px;
   width: 40px;
   text-align: center;
   display: block;
   border-radius: 5px;
 }

 .product_carousel .owl-stage-outer {
   padding-bottom: 50px;
 }

 .product_carousel .product_thumb a img {
   width: 100%;
   margin: 0 auto;
 }

 @media only screen and (max-width: 767px) {
   .product_carousel .product_thumb a img {
     width: 100%;
   }
 }

 .product_carousel .col-lg-3 {
   flex: 0 0 100%;
   max-width: 100%;
 }

 .product_carousel .owl-nav {
   position: absolute;
   display: flex;
   right: 15px;
   top: -63px;
   background: #f7f7f7;
   padding-left: 10px;
 }

 .product_carousel .owl-nav div {
   font-size: 20px;
   width: 32px;
   height: 32px;
   line-height: 32px;
   text-align: center;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   color: #fff;
   background: #999;
 }

 .product_carousel .owl-nav div:hover {
   background: #febc8b;
 }

 .product_carousel .owl-nav div.owl-prev {
   margin-right: 8px;
 }

 @media only screen and (max-width: 767px) {
   .product_carousel .owl-nav div {
     display: none;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_wrapper.top {
     margin-bottom: 8px;
   }
 }

 /*home two css here*/
 .home2_bg_area {
   background: #f7f7f7;
 }

 @media only screen and (max-width: 767px) {
   .home2_bg_area {
     background: #fff;
   }
 }

 .home2_bg_area .container {
   max-width: 1260px;
 }

 .home2_bg_inner {
   background: #fff;
   padding: 30px;
 }

 @media only screen and (max-width: 767px) {
   .home2_bg_inner {
     padding: 30px 0 0;
   }
 }

 .product_two {
   margin-bottom: 0;
 }

 .product_two .single_product {
   padding: 0;
 }

 .product_two .product_carousel .owl-nav {
   background: #fff;
 }

 .product_two .section_title h2 {
   background: #fff;
 }

 .product_two .product_two .product_carousel .owl-stage-outer {
   padding-bottom: 46px;
 }

 /*home three css here*/
 .home3_bg_area {
   background: #333;
   padding-top: 60px;
   padding-bottom: 60px;
 }

 .product_three .product_tab_btn {
   border-bottom: 1px solid #555;
 }

 .product_three .product_tab_btn ul li a {
   color: #999;
 }

 .product_three .product_tab_btn ul li a:hover {
   color: #fff;
   border-color: #fff;
 }

 .product_three .product_tab_btn ul li a.active {
   color: #fff;
   border-color: #fff;
 }

 .product_three .product_carousel .owl-nav {
   background: #333;
 }

 .product_three .section_title h2 {
   background: #333;
   color: #999;
 }

 @media only screen and (max-width: 767px) {
   .product_three .single_product:hover .add_to_cart {
     bottom: -41px;
   }
 }

 /*home four css here*/
 .home_bg_four {
   padding: 0 0 60px;
 }

 .product_items .single_product {
   margin-bottom: 50px;
 }

 .product_items .single_product:last-child {
   margin-bottom: 0;
 }

 @media only screen and (max-width: 767px) {
   .product_items .single_product {
     margin-bottom: 60px;
   }
 }

 /*home five css here*/
 .home5_bg_area {
   background: #C4CFCE;
 }

 .product_five .product_tab_btn {
   border-bottom: 0;
   padding: 25px 15px;
   background: #a2e5ea;
 }

 .product_five .product_tab_btn ul {
   justify-content: flex-start;
 }

 .product_five .product_tab_btn ul li {
   margin-right: 15px;
 }

 .product_five .product_tab_btn ul li:last-child {
   margin-right: 0;
 }

 .product_five .product_tab_btn ul li a {
   padding: 0;
 }

 .product_five .product_carousel .owl-nav {
   background: #a2e5ea;
   padding-right: 15px;
   top: -81px;
 }

 .product_five .product_carousel .owl-nav div {
   background: #fff;
   color: #a2e5ea;
 }

 .product_five .product_carousel .owl-nav div:hover {
   background: #63d2dc;
   color: #fff;
 }

 .product_five .section_title {
   padding: 25px 15px;
   background: #a2e5ea;
 }

 .product_five .section_title::before {
   display: none;
 }

 .product_five .section_title h2 {
   background: #a2e5ea;
 }

 /*home six css here*/
 .product_six {
   background: #f7f7f7;
   padding: 48px 0 12px;
   margin-bottom: 0;
 }

 /* 05. blog area css here */
 .blog_area {
   margin-bottom: 60px;
 }

 @media only screen and (max-width: 767px) {
   .blog_area {
     margin-bottom: 53px;
   }
 }

 .blog_carousel .col-lg-4 {
   flex: 0 0 100%;
   max-width: 100%;
 }

 .blog_carousel .owl-nav {
   position: absolute;
   display: flex;
   right: 15px;
   top: -63px;
   background: #f7f7f7;
   padding-left: 10px;
 }

 .blog_carousel .owl-nav div {
   font-size: 20px;
   width: 32px;
   height: 32px;
   line-height: 32px;
   text-align: center;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   color: #fff;
   background: #999;
 }

 .blog_carousel .owl-nav div:hover {
   background: #febc8b;
 }

 .blog_carousel .owl-nav div.owl-prev {
   margin-right: 8px;
 }

 @media only screen and (max-width: 767px) {
   .blog_carousel .owl-nav div {
     display: none;
   }
 }

 .blog_thumb {
   overflow: hidden;
 }

 .blog_thumb:hover img {
   transform: scale(1.1) rotate(0.05deg);
 }

 .blog_thumb img {
   transition: .3s;
 }

 .blog_content {
   padding-top: 15px;
 }

 .blog_content h4 {
   font-size: 18px;
   line-height: 1.33333;
   margin-bottom: 0;
   font-weight: 500;
   text-transform: uppercase;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .blog_content h4 {
     font-size: 16px;
     line-height: 19px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_content h4 {
     font-size: 16px;
     line-height: 17px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_content h4 {
     font-size: 16px;
     line-height: 20px;
   }
 }

 .blog_content h4 a:hover {
   color: #febc8b;
 }

 .blog_content p {
   font-size: 14px;
   line-height: 24px;
   margin: 9px 0 12px;
   letter-spacing: 0;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .blog_content p {
     line-height: 22px;
     margin: 10px 0 11px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_content p {
     line-height: 22px;
     margin: 10px 0 11px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_content p {
     line-height: 22px;
     margin: 10px 0 11px;
   }
 }

 .blog_content>a {
   font-size: 14px;
   text-transform: uppercase;
   position: relative;
   font-weight: 500;
   display: inline-block;
   line-height: 22px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_content>a {
     font-size: 13px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_content>a {
     font-size: 13px;
   }
 }

 .blog_content>a::before {
   content: "";
   left: 0;
   right: 0;
   bottom: 2px;
   background: #747474;
   height: 1px;
   position: absolute;
   transition: .3s;
 }

 .blog_content>a:hover {
   color: #febc8b;
 }

 .blog_content>a:hover::before {
   background: #febc8b;
 }

 /*06. newsletter area css here*/
 .newsletter_area {
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }

 @media only screen and (max-width: 767px) {
   .newsletter_area {
     justify-content: flex-start;
     align-items: flex-start;
     flex-direction: column;
   }
 }

 .newsletter_text {
   margin-right: 20px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .newsletter_text {
     margin-right: 18px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .newsletter_text {
     margin-right: 16px;
   }
 }

 @media only screen and (max-width: 767px) {
   .newsletter_text {
     margin-bottom: 10px;
     margin-right: 0;
   }
 }

 .newsletter_text h2 {
   font-size: 15px;
   line-height: 30px;
   font-weight: 400;
   text-transform: uppercase;
   margin-bottom: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .newsletter_text h2 {
     font-size: 14px;
   }
 }

 @media only screen and (max-width: 767px) {
   .newsletter_text h2 {
     font-size: 15px;
     line-height: 23px;
   }
 }

 .newsletter_desc {
   text-align: center;
   margin-bottom: 20px;
 }

 .newsletter_desc p {
   color: #999999;
   line-height: 20px;
   font-size: 16px;
 }

 .subscribe_form form {
   display: flex;
 }

 .subscribe_form form input::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #666;
 }

 .subscribe_form form input::-moz-placeholder {
   /* Firefox 19+ */
   color: #666;
 }

 .subscribe_form form input:-ms-input-placeholder {
   /* IE 10+ */
   color: #666;
 }

 .subscribe_form form input:-moz-placeholder {
   /* Firefox 18- */
   color: #666;
 }

 .subscribe_form form input {
   width: 320px;
   background: #fbfbfb;
   padding: 4px 10px;
   height: 36px;
   font-size: 16px;
   color: #666;
   border: 1px solid #d6d4d4;
   font-size: 13px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .subscribe_form form input {
     width: 280px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .subscribe_form form input {
     width: 225px;
   }
 }

 @media only screen and (max-width: 767px) {
   .subscribe_form form input {
     width: 290px;
   }
 }

 @media only screen and (max-width: 575px) {
   .subscribe_form form input {
     width: 100%;
   }
 }

 .subscribe_form form button {
   background: #bbb;
   height: 36px;
   line-height: 36px;
   border: 0;
   color: #fff;
   padding: 0 20px;
   font-size: 14px;
   text-transform: uppercase;
   margin-left: 35px;
 }

 .subscribe_form form button:hover {
   color: #fff;
   background: #232323;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .subscribe_form form button {
     margin-left: 25px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .subscribe_form form button {
     padding: 0 15px;
     font-size: 14px;
     margin-left: 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .subscribe_form form button {
     height: 36px;
     line-height: 36px;
     padding: 0 11px;
     font-size: 13px;
     margin-left: 11px;
   }
 }

 .mailchimp-error {
   text-align: center;
   color: green;
 }

 .mailchimp-success {
   text-align: center;
   max-width: 510px;
   color: green;
   margin: 0 auto;
 }

 .mailchimp-success.active {
   margin-top: 20px;
 }

 /*home two css here*/
 /* 21. shipping css here */
 .shipping_area {
   background: #ededed;
   padding: 60px 0;
   margin-bottom: 60px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .shipping_area {
     padding: 60px 0 28px;
   }
 }

 @media only screen and (max-width: 767px) {
   .shipping_area {
     padding: 60px 0 29px;
     margin-bottom: 57px;
   }
 }

 .shipping_container {
   padding: 49px 20px;
   border: 1px solid #e5e5e5;
   border-radius: 5px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .shipping_container {
     padding: 40px 20px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .shipping_container {
     padding: 34px 20px 12px;
   }
 }

 @media only screen and (max-width: 767px) {
   .shipping_container {
     padding: 33px 15px 12px;
   }
 }

 .single_shipping {
   text-align: center;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single_shipping {
     margin-bottom: 30px;
   }
 }

 @media only screen and (max-width: 767px) {
   .single_shipping {
     margin-bottom: 28px;
   }
 }

 .single_shipping:hover .shipping_icone img {
   animation: bounceIn 2s linear infinite alternate;
 }

 .shipping_content {
   margin-top: 23px;
 }

 @media only screen and (max-width: 767px) {
   .shipping_content {
     margin-top: 19px;
   }
 }

 .shipping_content h3 {
   color: #1e1e1f;
   font-size: 16px;
   line-height: 18px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 15px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .shipping_content h3 {
     font-size: 15px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .shipping_content h3 {
     font-size: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .shipping_content h3 {
     font-size: 14px;
     margin-bottom: 14px;
   }
 }

 .shipping_content p {
   font-size: 14px;
   line-height: 20px;
 }

 @media only screen and (max-width: 767px) {
   .shipping_content p {
     line-height: 18px;
   }
 }

 /*shipping two css here*/
 .shipping_two {
   background: #fff;
   margin-bottom: 0;
   padding: 30px 0 46px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .shipping_two {
     padding: 30px 0 16px;
   }
 }

 @media only screen and (max-width: 767px) {
   .shipping_two {
     padding: 30px 0 16px;
   }
 }

 /*home six css here*/
 .shipping_six {
   background: #373737;
   padding: 107px 0 60px;
   margin-bottom: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .shipping_six {
     padding: 107px 0 30px;
   }
 }

 @media only screen and (max-width: 767px) {
   .shipping_six {
     padding: 107px 0 0;
   }
 }

 .shipping_six .single_shipping {
   background: #fff;
   padding: 50px 10px 10px;
   position: relative;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .shipping_six .single_shipping.col3 {
     margin-top: 48px;
   }
 }

 @media only screen and (max-width: 767px) {
   .shipping_six .single_shipping {
     margin-bottom: 75px;
   }
 }

 .shipping_six .shipping_icone {
   position: absolute;
   top: -50px;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
 }

 /*testimonial css here*/
 .testimonial_area {
   padding: 93px 0 95px;
   background: #f7f7f7;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .testimonial_area {
     padding: 75px 0;
     margin-bottom: 78px;
   }
 }

 @media only screen and (max-width: 767px) {
   .testimonial_area {
     padding: 55px 0 56px;
     margin-bottom: 56px;
   }
 }

 .testimonial_container .testimonial_thumb img {
   width: 90px;
   margin: 0 auto;
 }

 .testimonial_container .col-lg-4 {
   flex: 0 0 100%;
   max-width: 100%;
 }

 .testimonial_container:hover .owl-nav div {
   opacity: 1;
   visibility: visible;
 }

 .testimonial_container .owl-nav div {
   position: absolute;
   top: 50%;
   transform: translatey(-50%);
   left: 0;
   font-size: 50px;
   transition: .3s;
   opacity: 0;
   visibility: hidden;
 }

 .testimonial_container .owl-nav div:hover {
   color: #febc8b;
 }

 .testimonial_container .owl-nav div.owl-next {
   right: 0;
   left: auto;
 }

 @media only screen and (max-width: 767px) {
   .testimonial_container .owl-nav div {
     display: none;
   }
 }

 .testimonial_thumb {
   text-align: center;
 }

 .testimonial_content {
   text-align: center;
 }

 .testimonial_content h3 {
   font-size: 16px;
   line-height: 18px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 0;
 }

 .testimonial_content h3 a {
   color: #febc8b;
 }

 @media only screen and (max-width: 767px) {
   .testimonial_content h3 {
     margin-top: 11px;
   }
 }

 .testimonial_content p {
   font-size: 20px;
   line-height: 32px;
   max-width: 71%;
   margin: 25px auto 28px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .testimonial_content p {
     font-size: 18px;
     line-height: 32px;
     max-width: 75%;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .testimonial_content p {
     font-size: 16px;
     line-height: 31px;
     max-width: 90%;
     margin: 20px auto 24px;
   }
 }

 @media only screen and (max-width: 767px) {
   .testimonial_content p {
     font-size: 15px;
     line-height: 26px;
     max-width: 100%;
     margin: 17px auto 20px;
   }
 }

 .testimonial_content span {
   text-transform: uppercase;
   font-size: 13px;
   line-height: 14px;
 }

 .testimonial_icon_img {
   margin-bottom: 28px;
 }

 @media only screen and (max-width: 767px) {
   .testimonial_icon_img {
     margin-bottom: 25px;
   }
 }

 .testimonial_icon_img img {
   margin: 0 auto;
 }

 /*home three css here*/
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .testimonial_inner3 {
     margin-bottom: 72px;
   }
 }

 @media only screen and (max-width: 767px) {
   .testimonial_inner3 {
     margin-bottom: 43px;
   }
 }

 .testimonial_inner3 .single_testimonial {
   display: flex;
 }

 @media only screen and (max-width: 767px) {
   .testimonial_inner3 .single_testimonial {
     flex-direction: column;
   }
 }

 .testimonial_inner3 .testimonial_thumb {
   margin-right: 30px;
 }

 .testimonial_inner3 .testimonial_thumb img {
   min-width: 90px;
 }

 @media only screen and (max-width: 767px) {
   .testimonial_inner3 .testimonial_thumb {
     margin-right: 0;
     margin-bottom: 16px;
   }
 }

 .testimonial_inner3 .testimonial_content {
   text-align: left;
 }

 @media only screen and (max-width: 767px) {
   .testimonial_inner3 .testimonial_content {
     text-align: center;
   }
 }

 .testimonial_inner3 .testimonial_content span {
   font-style: italic;
   margin-bottom: 23px;
   display: inline-block;
 }

 @media only screen and (max-width: 767px) {
   .testimonial_inner3 .testimonial_content span {
     margin-bottom: 20px;
   }
 }

 .testimonial_inner3 .testimonial_content p {
   margin: 0;
   max-width: 100%;
   font-style: italic;
 }

 /*brand css here*/
 .brand_container .single_brand img {
   width: inherit;
   margin: 0 auto;
 }

 .brand_container .owl-nav {
   position: absolute;
   display: flex;
   right: 0;
   top: -63px;
   background: #f7f7f7;
   padding-left: 10px;
 }

 .brand_container .owl-nav div {
   font-size: 20px;
   width: 32px;
   height: 32px;
   line-height: 32px;
   text-align: center;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   color: #fff;
   background: #999;
 }

 .brand_container .owl-nav div:hover {
   background: #febc8b;
 }

 .brand_container .owl-nav div.owl-prev {
   margin-right: 8px;
 }

 @media only screen and (max-width: 767px) {
   .brand_container .owl-nav div {
     display: none;
   }
 }

 /*home two css here*/
 .brand_two .section_title h2 {
   background: #fff;
 }

 .brand_two .brand_container .owl-nav {
   background: #fff;
 }

 .brand_three .section_title h2 {
   background: #333;
   color: #999;
 }

 .brand_three .brand_container .owl-nav {
   background: #333;
 }

 /*home five css here*/
 .brand_five {
   margin-bottom: 60px;
 }

 .brand_five .section_title {
   padding: 25px 15px;
   background: #a2e5ea;
 }

 .brand_five .section_title::before {
   display: none;
 }

 .brand_five .section_title h2 {
   background: #a2e5ea;
 }

 .brand_five .brand_container .owl-nav {
   background: #a2e5ea;
   padding-right: 15px;
   top: -81px;
 }

 .brand_five .brand_container .owl-nav div {
   background: #fff;
   color: #a2e5ea;
 }

 .brand_five .brand_container .owl-nav div:hover {
   background: #63d2dc;
   color: #fff;
 }

 .brand_five .brand_container {
   background: #fff;
   padding: 20px 0;
 }

 /*homr six css here*/
 .brand_six {
   background: #f7f7f7;
   padding: 60px 0;
 }

 /*  07. footer area css here */
 .footer_top {
   padding: 53px 0 60px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer_top {
     padding: 53px 0 33px;
   }
 }

 @media only screen and (max-width: 767px) {
   .footer_top {
     padding: 53px 0 11px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer_list {
     margin-bottom: 25px;
   }
 }

 @media only screen and (max-width: 767px) {
   .footer_list {
     margin-bottom: 44px;
   }
 }

 .footer_list_title {
   margin-bottom: 15px;
   position: relative;
 }

 .footer_list_title::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 1px;
   left: 0;
   top: 50%;
   transform: translatey(-50%);
   background: #e1e1e1;
 }

 .footer_list_title h3 {
   font-size: 16px;
   line-height: 28px;
   font-weight: 600;
   display: inline-block;
   margin-bottom: 0;
   text-transform: uppercase;
   background: #fff;
   padding-right: 15px;
   z-index: 9;
   position: relative;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer_list_title h3 {
     font-size: 15px;
     line-height: 25px;
   }
 }

 @media only screen and (max-width: 767px) {
   .footer_list_title h3 {
     font-size: 15px;
     line-height: 17px;
   }
 }

 .footer_desc p {
   font-size: 13px;
   line-height: 22px;
 }

 .footer_middle {
   padding: 53px 0 51px;
   border-top: 1px solid #e1e1e1;
   border-bottom: 1px solid #e1e1e1;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer_middle {
     padding: 53px 0 27px;
   }
 }

 @media only screen and (max-width: 767px) {
   .footer_middle {
     padding: 53px 0 8px;
   }
 }

 .footer_social_newsletter {
   margin-bottom: 60px;
 }

 .footer_logo {
   margin-bottom: 21px;
 }

 .footer_contact_list {
   display: flex;
   align-items: center;
   margin-bottom: 15px;
   transition: .3s;
 }

 .footer_contact_list:last-child {
   margin-bottom: 0;
 }

 .footer_contact_list:hover {
   padding-left: 8px;
 }

 .footer_contact_icon {
   min-width: 36px;
   min-height: 36px;
   background: #bbb;
   color: #fff;
   text-align: center;
   line-height: 36px;
 }

 .footer_contact_text {
   padding-left: 11px;
 }

 .footer_contact_text p {
   margin-bottom: 0;
   font-size: 13px;
   line-height: 22px;
 }

 .footer_contact_text p a:hover {
   color: #febc8b;
 }

 .footer_list_menu ul li a {
   font-size: 13px;
   line-height: 28px;
   text-transform: capitalize;
   display: block;
 }

 .footer_list_menu ul li a:hover {
   color: #febc8b;
   padding-left: 8px;
 }

 @media only screen and (max-width: 767px) {
   .footer_payment {
     margin-top: 13px;
     text-align: center !important;
   }
 }

 @media only screen and (max-width: 767px) {
   .footer_social {
     margin-bottom: 18px;
   }
 }

 .footer_social ul li {
   display: inline-block;
   margin-right: 5px;
 }

 .footer_social ul li:last-child {
   margin-right: 0;
 }

 .footer_social ul li a {
   display: block;
   width: 36px;
   height: 36px;
   text-align: center;
   line-height: 36px;
   font-size: 18px;
   color: #fff;
   background: #bbb;
 }

 .footer_social ul li a:hover {
   background: #febc8b;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer_social ul li a {
     width: 35px;
     height: 35px;
     line-height: 35px;
     font-size: 16px;
   }
 }

 @media only screen and (max-width: 767px) {
   .footer_social ul li a {
     line-height: 35px;
     width: 35px;
     height: 35px;
     font-size: 16px;
   }
 }

 @media only screen and (max-width: 767px) {
   .copyright_area {
     text-align: center;
     margin-bottom: 20px;
   }
 }

 .copyright_area p {
   text-transform: capitalize;
   line-height: 24px;
   font-size: 14px;
 }

 .copyright_area p a:hover {
   color: #febc8b;
 }

 .footer_bottom {
   padding: 30px 0;
 }

 @media only screen and (max-width: 767px) {
   .footer_bottom {
     padding: 23px 0 25px;
   }
 }

 @media only screen and (max-width: 767px) {
   .footer_paypal {
     text-align: center !important;
   }
 }

 /*footer two css here*/
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer_two .footer_social ul li {
     margin-right: 3px;
   }
 }

 /*home three css here*/
 .footer_three {
   background: #222;
 }

 .footer_three .footer_list_title h3 {
   background: #222;
   color: #999;
 }

 .footer_three .footer_list_title::before {
   background: #999;
 }

 .footer_three .footer_middle {
   border-top: 1px solid #333;
   border-bottom: 1px solid #333;
 }

 .footer_three .footer_desc p {
   color: #999;
 }

 .footer_three .footer_list_menu ul li a {
   color: #999;
 }

 .footer_three .footer_list_menu ul li a:hover {
   color: #febc8b;
 }

 .footer_three .footer_contact_text p {
   color: #999;
 }

 .footer_three .newsletter_text h2 {
   color: #999;
 }

 .footer_three .copyright_area p {
   color: #999;
 }

 .footer_three .subscribe_form form button:hover {
   background: #febc8b;
 }

 /*home five css here*/
 .footer_five .footer_top {
   padding: 30px 15px;
   background: #fff;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer_five .footer_top {
     padding: 30px 15px 8px;
   }
 }

 @media only screen and (max-width: 767px) {
   .footer_five .footer_top {
     padding: 52px 15px 13px;
   }
 }

 .footer_five .footer_social_newsletter {
   background: #f56363;
   margin: 10px 0;
   padding: 30px 15px;
 }

 .footer_five .newsletter_text h2 {
   color: #fff;
 }

 @media only screen and (max-width: 575px) {
   .footer_five .subscribe_form form {
     flex-direction: column;
   }
 }

 .footer_five .subscribe_form form input::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #fff;
 }

 .footer_five .subscribe_form form input::-moz-placeholder {
   /* Firefox 19+ */
   color: #fff;
 }

 .footer_five .subscribe_form form input:-ms-input-placeholder {
   /* IE 10+ */
   color: #fff;
 }

 .footer_five .subscribe_form form input:-moz-placeholder {
   /* Firefox 18- */
   color: #fff;
 }

 .footer_five .subscribe_form form input {
   color: #fff;
   border: 1px solid #d6d4d4;
   background: inherit;
 }

 .footer_five .subscribe_form form button {
   background: #fff;
   color: #f56363;
 }

 .footer_five .subscribe_form form button:hover {
   background: #9b0a0a;
   color: #fff;
 }

 @media only screen and (max-width: 575px) {
   .footer_five .subscribe_form form button {
     margin-left: 0;
     margin-top: 15px;
     max-width: 150px;
   }
 }

 .footer_five .footer_social ul li a {
   background: #fff;
   color: #f56363;
 }

 .footer_five .footer_social ul li a:hover {
   color: #232323;
 }

 .footer_five .footer_middle {
   padding: 30px 15px;
   background: #fff;
   border-top: 0;
   border-bottom: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer_five .footer_middle {
     padding: 30px 15px 5px;
   }
 }

 @media only screen and (max-width: 767px) {
   .footer_five .footer_middle {
     padding: 52px 15px 8px;
   }
 }

 .footer_five .footer_bottom {
   margin-top: 10px;
   padding: 25px 15px;
   background: #fff;
 }

 /* 10. shop page css here */
 .shop_area {
   margin-bottom: 60px;
 }

 .canvas_padding {
   margin-bottom: 0;
 }

 .section_bg {
   background: #f7f7f7;
   padding: 60px 0;
 }

 .breadcrumbs_area {
   padding: 30px 0;
   background: #fff;
   margin-bottom: 60px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .breadcrumbs_area {
     margin-bottom: 60px;
   }
 }

 @media only screen and (max-width: 767px) {
   .breadcrumbs_area {
     padding: 30px 0;
     margin-bottom: 60px;
   }
 }

 .breadcrumbs_bg {
   background: #f7f7f7;
 }

 .breadcrumb_content {
   text-align: center;
 }

 .breadcrumb_content h3 {
   font-size: 19px;
   line-height: 23px;
   text-transform: uppercase;
   margin-bottom: 5px;
   font-weight: 600;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .breadcrumb_content h3 {
     font-size: 18px;
     line-height: 22px;
   }
 }

 @media only screen and (max-width: 767px) {
   .breadcrumb_content h3 {
     font-size: 18px;
     line-height: 20px;
     margin-bottom: 4px;
   }
 }

 .breadcrumb_content ul li {
   display: inline-block;
   text-transform: capitalize;
   font-size: 14px;
   line-height: 20px;
   margin-right: 3px;
   padding-right: 13px;
   position: relative;
   color: #febc8b;
 }

 .breadcrumb_content ul li::before {
   position: absolute;
   content: "/";
   right: 0;
   top: 50%;
   transform: translatey(-50%);
 }

 .breadcrumb_content ul li:last-child {
   margin-right: 0;
 }

 .breadcrumb_content ul li:last-child::before {
   display: none;
 }

 .breadcrumb_content ul li a {
   color: #333;
 }

 .breadcrumb_content ul li a:hover {
   color: #febc8b;
 }

 .sidebar_widget .single_banner {
   border: 0;
 }

 @media only screen and (max-width: 767px) {
   .sidebar_widget .single_banner {
     margin-bottom: 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .sidebar_widget .single_banner a {
     width: 100%;
   }
 }

 @media only screen and (max-width: 767px) {
   .sidebar_widget .single_banner a img {
     width: 100%;
   }
 }

 .widget_list {
   margin-bottom: 40px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .widget_list.widget_filter {
     margin-bottom: 52px;
   }
 }

 .widget_list.widget_categories>ul>li>a {
   display: block;
   padding: 0 20px;
 }

 .widget_list.widget_categories>ul>li>a:hover {
   color: #febc8b;
 }

 .widget_list.widget_categories>ul>li:last-child>a {
   border-bottom: 0;
 }

 .widget_list.widget_categories>ul>li.widget_sub_categories>a {
   position: relative;
 }

 .widget_list.widget_categories>ul>li.widget_sub_categories>a::before {
   content: '+';
   cursor: pointer;
   font-size: 18px;
   position: absolute;
   right: 21px;
   top: 50%;
   transform: translatey(-50%);
 }

 .widget_list.widget_categories>ul>li.widget_sub_categories>a.active::before {
   content: '-';
   cursor: pointer;
   font-size: 20px;
   position: absolute;
   right: 21px;
   top: 50%;
   transform: translatey(-50%);
 }

 .widget_list.widget_categories>ul>li ul {
   padding-left: 30px;
   display: none;
 }

 .widget_list.widget_categories>ul>li ul li a {
   font-size: 13px;
   line-height: 30px;
   display: block;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .widget_list.widget_categories>ul>li ul li a:hover {
   color: #febc8b;
 }

 .widget_list:last-child {
   margin-bottom: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .widget_list {
     margin-bottom: 49px;
   }
 }

 @media only screen and (max-width: 767px) {
   .widget_list {
     margin-bottom: 49px;
   }
 }

 .widget_list h3 {
   font-size: 17px;
   margin-bottom: 20px;
   padding-bottom: 10px;
   text-transform: uppercase;
   font-weight: 600;
   line-height: 20px;
   border-bottom: 1px solid #ededed;
 }

 .widget_list>ul>li>a {
   font-size: 15px;
   display: block;
   line-height: 32px;
 }

 .widget_list>ul>li>a:hover {
   color: #febc8b;
 }

 .widget_list>ul>li>a span {
   float: right;
 }

 .ui-slider-horizontal .ui-slider-range {
   background: #febc8b;
   height: 2px;
 }

 .ui-slider-horizontal {
   height: 2px;
   background: #dbdbdb;
   border: none;
   width: 92%;
   margin: 0 auto;
   margin-bottom: 22px;
 }

 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
   background: #fff;
   width: 15px;
   height: 15px;
   top: -7px;
   cursor: pointer;
   border-radius: 50%;
   border: 2px solid #febc8b;
 }

 .widget_list.widget_filter {
   overflow: hidden;
 }

 .widget_list.widget_filter form {
   padding-top: 10px;
 }

 .widget_list.widget_filter form input {
   background: none;
   border: none;
   font-size: 12px;
   float: right;
   text-align: right;
   line-height: 31px;
   width: 60px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .widget_list.widget_filter form input {
     width: 65px;
   }
 }

 .widget_list.widget_filter form button {
   height: 30px;
   line-height: 30px;
   padding: 0 20px;
   text-transform: capitalize;
   color: #ffffff;
   background: #232323;
   border: 0;
   border-radius: 30px;
   float: left;
   -webkit-transition: 0.3s;
   transition: 0.3s;
 }

 .widget_list.widget_filter form button:hover {
   background: #febc8b;
 }

 .tag_cloud a {
   margin: 0 5px 12px 0;
   padding: 5px 15px;
   text-transform: capitalize;
   display: inline-block;
   border: 1px solid #ededed;
   background: #ffffff;
   border-radius: 3px;
   font-size: 13px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .tag_cloud a {
     padding: 5px 10px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .tag_cloud a {
     margin-bottom: 0;
   }
 }

 .tag_cloud a:hover {
   background: #febc8b;
   border-color: #febc8b;
   color: #ffffff;
 }

 @media only screen and (max-width: 767px) {
   .tag_cloud a {
     margin: 0 1px 0 0;
     padding: 3px 5px;
   }
 }

 .shop_toolbar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   border: 1px solid #e5e5e5;
   padding: 8px 10px;
   margin: 0 0 40px;
 }

 @media only screen and (max-width: 767px) {
   .shop_toolbar {
     flex-direction: column-reverse;
     padding: 10px 10px 18px;
   }
 }

 .select_option {
   display: flex;
   align-items: center;
 }

 @media only screen and (max-width: 767px) {
   .select_option {
     flex-direction: column;
   }
 }

 .select_option .nice-select {
   border: 0;
   height: 30px;
   line-height: 29px;
 }

 .select_option .nice-select ul.list {
   top: 114%;
   right: 0;
   width: 200px;
   max-height: 200px;
   overflow: auto;
 }

 @media only screen and (max-width: 767px) {
   .niceselect_option {
     margin-bottom: 16px;
   }
 }

 @media only screen and (max-width: 767px) {
   .page_amount {
     margin-bottom: 12px;
   }
 }

 @media only screen and (max-width: 767px) {
   .page_amount p {
     padding-left: 0;
     margin-left: 0;
     border-left: 0;
   }
 }

 .list_button ul li {
   margin-right: 12px;
 }

 .list_button ul li:last-child {
   margin-right: 0;
 }

 .list_button ul li a:hover {
   color: #febc8b;
 }

 .list_button ul li a i {
   margin-right: 5px;
   border-radius: 100%;
   height: 30px;
   width: 30px;
   line-height: 30px;
   text-align: center;
 }

 .list_button ul li a.active {
   color: #febc8b;
 }

 .list_button ul li a.active i {
   background: #febc8b;
   color: #ffffff;
 }

 .product_ratting ul li {
   display: inline-block;
 }

 .product_ratting ul li a {
   color: #febc8b;
 }

 @media only screen and (max-width: 767px) {
   .product_list_item .product_thumb {
     margin-bottom: 18px;
   }
 }

 .product_list_item .product_content h3 {
   margin-bottom: 10px;
 }

 .product_list_item .product_ratting {
   margin-bottom: 10px;
 }

 @media only screen and (max-width: 767px) {
   .pagination {
     margin-top: 19px;
   }
 }

 .pagination ul li {
   display: inline-block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   background: #f1f1f1;
   border-radius: 3px;
   margin-left: 3px;
 }

 .pagination ul li:first-child {
   margin-left: 0;
 }

 .pagination ul li a {
   display: block;
   border-radius: 3px;
 }

 .pagination ul li a:hover {
   background: #febc8b;
   color: #ffffff;
 }

 .pagination ul li.current {
   background: #febc8b;
   color: #ffffff;
 }

 .pagination ul li.next {
   width: 40px;
 }

 .shop_toolbar.t_bottom {
   justify-content: center;
   margin-bottom: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .shop_toolbar.t_bottom {
     margin-bottom: 57px;
   }
 }

 @media only screen and (max-width: 767px) {
   .shop_toolbar.t_bottom {
     padding: 15px 10px 15px;
     margin-bottom: 57px;
   }
 }

 @media only screen and (max-width: 767px) {
   .shop_toolbar.t_bottom .pagination {
     margin-top: 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .shop_reverse .tab-content .row {
     flex-direction: row;
   }
 }

 @media only screen and (max-width: 767px) {
   .shop_reverse .tab-content .row {
     flex-direction: row;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .grid_view .quick_button {
     bottom: 5px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .grid_view .quick_button a {
     line-height: 37px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .grid_view .action_button ul li a {
     width: 43px;
     height: 40px;
     line-height: 38px;
   }
 }

 .grid_view .hover_action a {
   width: 43px;
   height: 40px;
   line-height: 38px;
 }

 .widget_banner {
   position: relative;
 }

 .widget_banner:hover::before {
   left: 0;
   right: 0;
   opacity: 0;
   transition: all 900ms linear;
 }

 .widget_banner:hover::after {
   top: 0;
   bottom: 0;
   opacity: 0;
   transition: all 900ms linear;
 }

 .widget_banner::before {
   background: rgba(255, 255, 255, 0.2);
   bottom: 0;
   content: "";
   left: 50%;
   position: absolute;
   right: 51%;
   top: 0;
   opacity: 1;
   pointer-events: none;
 }

 .widget_banner::after {
   background: rgba(255, 255, 255, 0.2);
   bottom: 50%;
   content: "";
   left: 0;
   position: absolute;
   right: 0;
   top: 50%;
   opacity: 1;
   pointer-events: none;
 }

 @media only screen and (max-width: 767px) {
   .widget_sid_product {
     margin-bottom: 0;
     padding-top: 7px;
   }
 }

 .widget_sid_product .section_title {
   margin-bottom: 23px;
 }

 .widget_sid_product .section_title h2 {
   font-size: 22px;
   line-height: 22px;
   letter-spacing: 1px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .widget_sid_product .section_title h2 {
     font-size: 20px;
     line-height: 20px;
   }
 }

 .widget_sid_product .owl-nav div {
   top: -50px;
 }

 .widget_sid_product .product_thumb {
   width: 90px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .widget_sid_product .product_thumb {
     width: 75px;
   }
 }

 .widget_sid_product .product_content {
   width: calc(100% - 90px);
   padding-left: 18px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .widget_sid_product .product_content {
     width: calc(100% - 75px);
     padding-left: 15px;
   }
 }

 .widget_sid_product .product_content h4 {
   font-size: 16px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .widget_sid_product .product_content h4 {
     font-size: 15px;
     margin-bottom: 7px;
   }
 }

 .widget_sid_product .price_box span {
   font-size: 14px;
 }

 /* shop page css here*/
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .shop_reverse .row {
     flex-direction: column-reverse;
   }
 }

 @media only screen and (max-width: 767px) {
   .shop_reverse .row {
     flex-direction: column-reverse;
   }
 }

 .row.shop_wrapper {
   flex-direction: row;
 }

 .shop_toolbar_btn>button {
   margin-right: 10px;
   border: 0;
   background: inherit;
 }

 .shop_toolbar_btn>button.btn-grid-3 {
   background: url(../image/bkg_grid.png) no-repeat scroll center center;
   width: 20px;
   height: 20px;
 }

 .shop_toolbar_btn>button.btn-grid-3.active {
   background: url(../image/bkg_grid_hover.png) no-repeat scroll center center !important;
 }

 .shop_toolbar_btn>button.btn-grid-4 {
   background: url(../image/bkg_grid4.png) no-repeat scroll center center;
   width: 26px;
   height: 22px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .shop_toolbar_btn>button.btn-grid-4 {
     display: none;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .shop_toolbar_btn>button.btn-grid-4 {
     display: none;
   }
 }

 .shop_toolbar_btn>button.btn-grid-4.active {
   background: url(../image/bkg_grid4_hover.png) no-repeat scroll center center !important;
 }

 .shop_toolbar_btn>button.btn-list {
   background: url(../image/bkg_list.png) no-repeat scroll center center;
   width: 20px;
   height: 20px;
 }

 .shop_toolbar_btn>button.btn-list.active {
   background: url(../image/bkg_list_hover.png) no-repeat scroll center center !important;
 }

 .product_content.list_content {
   display: none;
 }

 .grid_content .product_ratings {
   margin-bottom: 11px;
 }

 .grid_content .product_ratings ul {
   justify-content: center;
 }

 .grid_list .grid_name {
   display: none;
 }

 .grid_list .list_action_right {
   display: block;
 }

 .action_links.action__list {
   display: none;
 }

 .grid_list .action_links.action__list {
   display: block;
 }

 .list_cart_btn {
   margin-right: 30px;
 }

 @media only screen and (max-width: 767px) {
   .list_cart_btn {
     margin-right: 18px;
   }
 }

 .list_cart_btn a {
   font-size: 18px;
   line-height: 22px;
   font-weight: 600;
   display: inline-block;
   text-transform: capitalize;
 }

 .list_cart_btn a:hover {
   color: #febc8b;
 }

 @media only screen and (max-width: 767px) {
   .list_cart_btn a {
     font-size: 16px;
     line-height: 22px;
   }
 }

 .grid_list .product_content.grid_content {
   display: none;
 }

 .grid_list .product_content.list_content {
   width: 68.667%;
   float: left;
   padding: 0;
   padding-left: 25px;
   text-align: left;
   margin-top: 0;
   display: block;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .grid_list .product_content.list_content {
     width: 69.667%;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .grid_list .product_content.list_content {
     width: 67.667%;
   }
 }

 @media only screen and (max-width: 767px) {
   .grid_list .product_content.list_content {
     flex-direction: column;
     flex: 0 0 100%;
     min-width: 100%;
     padding-left: 0;
   }
 }

 .grid_list .product_content.list_content h4.product_name {
   font-size: 20px;
   line-height: 20px;
   margin-bottom: 8px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .grid_list .product_content.list_content h4.product_name {
     font-size: 20px;
     line-height: 22px;
     margin-bottom: 8px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .grid_list .product_content.list_content h4.product_name {
     font-size: 22px;
     line-height: 22px;
     margin-bottom: 11px;
   }
 }

 @media only screen and (max-width: 767px) {
   .grid_list .product_content.list_content h4.product_name {
     font-size: 16px;
     line-height: 19px;
     margin-bottom: 6px;
   }
 }

 .grid_list .product_content.list_content .price_box {
   margin-bottom: 10px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .grid_list .product_content.list_content .price_box {
     margin-bottom: 5px;
   }
 }

 @media only screen and (max-width: 767px) {
   .grid_list .product_content.list_content .price_box {
     margin-bottom: 5px;
   }
 }

 .grid_list .product_content.list_content .price_box span {
   font-size: 16px;
 }

 @media only screen and (max-width: 767px) {
   .grid_list .product_content.list_content .price_box span {
     font-size: 15px;
   }
 }

 .grid_list .product_content.list_content .product_desc {
   display: inline-block;
   margin: 15px 0 21px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .grid_list .product_content.list_content .product_desc {
     margin: 14px 0 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .grid_list .product_content.list_content .product_desc {
     margin: 10px 0 14px;
   }
 }

 .grid_list .product_content.list_content .product_desc p {
   font-size: 16px;
   line-height: 27px;
   max-width: 98%;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .grid_list .product_content.list_content .product_desc p {
     font-size: 15px;
     line-height: 25px;
     max-width: 100%;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .grid_list .product_content.list_content .product_desc p {
     font-size: 15px;
     line-height: 28px;
     max-width: 100%;
   }
 }

 @media only screen and (max-width: 767px) {
   .grid_list .product_content.list_content .product_desc p {
     font-size: 15px;
     line-height: 27px;
     max-width: 100%;
   }
 }

 .grid_list .product_content.list_content .add_to_cart {
   position: inherit;
   right: inherit;
   left: inherit;
   top: 36%;
   transform: inherit;
   text-align: left;
   opacity: 1;
   visibility: inherit;
 }

 .grid_list .product_content.list_content .product_rating ul {
   justify-content: flex-start;
 }

 .grid_list .product_content.list_content .product_rating ul li a {
   font-size: 16px;
 }

 @media only screen and (max-width: 767px) {
   .grid_list .product_content.list_content .product_rating ul li a {
     font-size: 15px;
   }
 }

 .single_product:hover .shop_list_cart {
   transform: inherit;
 }

 .shop_list_cart a {
   width: 160px;
   color: #232323;
   border: 1px solid #232323;
   background: #fff;
   text-align: center;
   border-radius: 22px;
 }

 .shop_list_cart a:hover {
   background: #febc8b;
   color: #fff;
   border-color: #febc8b;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .shop_list_cart a {
     width: 228px;
     line-height: 43px;
     height: 43px;
   }
 }

 @media only screen and (max-width: 767px) {
   .shop_list_cart a {
     width: 160px;
     font-size: 12px;
     line-height: 38px;
     height: 38px;
     padding: 0 16px;
   }
 }

 .product_availability p {
   font-size: 15px;
   line-height: 15px;
 }

 .grid_list .single_product {
   border: 0;
   box-shadow: inherit;
   padding: 10px;
   overflow: hidden;
 }

 .grid_list .product_thumb {
   float: left;
   width: 31.333%;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .grid_list .product_thumb {
     width: 30.333%;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .grid_list .product_thumb {
     width: 32.333%;
   }
 }

 @media only screen and (max-width: 767px) {
   .grid_list .product_thumb {
     flex: 0 0 100%;
     min-width: 100%;
     margin-right: 0;
     margin-bottom: 20px;
   }
 }

 .col-cust-5 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 20%;
   flex: 0 0 20%;
   max-width: max-width;
   padding-right: 15px;
   padding-left: 15px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .col-cust-5 {
     -ms-flex: 0 0 33%;
     flex: 0 0 33%;
   }
 }

 @media only screen and (max-width: 767px) {
   .col-cust-5 {
     flex: 0 0 50%;
     max-width: 50%;
   }
 }

 @media only screen and (max-width: 479px) {
   .col-cust-5 {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }

 .shop_wrapper>div {
   -webkit-transition: all 1s ease;
   transition: all 1s ease;
 }

 .shop_toolbar_wrapper {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border: 1px solid #ddd;
   padding: 8px 10px;
   margin: 0 0 30px;
 }

 @media only screen and (max-width: 767px) {
   .shop_toolbar_wrapper {
     flex-direction: column;
     padding: 15px 10px 5px;
   }
 }

 @media only screen and (max-width: 767px) {
   .shop_toolbar_btn {
     margin-bottom: 20px;
   }
 }

 .shop_wrapper {
   margin-bottom: 10px;
 }

 @media only screen and (max-width: 767px) {
   .shop_wrapper {
     margin-bottom: 5px;
   }
 }

 @media only screen and (max-width: 767px) {
   .shop_wrapper .product_thumb a img {
     width: 100%;
   }
 }

 .shop_wrapper .single_product {
   position: relative;
   margin-bottom: 30px;
 }

 .shop_wrapper.grid_list .single_product {
   margin-bottom: 30px;
 }

 .shop_wrapper .label_product {
   bottom: 40px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .shop_wrapper .col-lg-3 {
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
   }
 }

 /* shop page css end*/
 /*shop fullwidth css here*/
 .shop_fullwidth .shop_wrapper.grid_3 .product_thumb a img {
   width: 100%;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .shop_fullwidth {
     margin-bottom: 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .shop_fullwidth {
     margin-bottom: 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .shop_fullwidth .shop_toolbar.t_bottom {
     margin-bottom: 60px;
   }
 }

 @media only screen and (max-width: 767px) {
   .shop_fullwidth .shop_toolbar.t_bottom {
     margin-bottom: 60px;
   }
 }

 /* 15. product details css here */
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .product_details {
     margin-bottom: 60px;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_details {
     margin-bottom: 60px;
   }
 }

 #img-1 {
   border: 1px solid #ededed;
 }

 .header_product {
   border-bottom: 1px solid #ededed;
 }

 .product_d_right h1 {
   text-transform: capitalize;
   line-height: 20px;
   font-size: 22px;
   font-weight: 400;
   margin-bottom: 22px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .product_d_right h1 {
     font-size: 20px;
     margin-bottom: 17px;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_d_right h1 {
     margin-bottom: 17px;
     font-size: 18px;
   }
 }

 .product_d_right h1 a {
   color: #252525;
 }

 .product_d_right h1 a:hover {
   color: #febc8b;
 }

 .product_d_right .product_ratting {
   margin-bottom: 17px;
 }

 @media only screen and (max-width: 767px) {
   .product_d_right .product_ratting {
     margin-bottom: 12px;
   }
 }

 .product_d_right .product_ratting ul li a {
   color: #FEB954;
 }

 .product_d_right .product_ratting ul li a:hover {
   color: #febc8b;
 }

 .product_d_right .product_ratting ul li.review a {
   color: #5a5a5a;
   margin-left: 10px;
 }

 .product_d_right .product_ratting ul li.review a:hover {
   color: #febc8b;
 }

 .product_d_right .price_box {
   margin-bottom: 14px;
 }

 @media only screen and (max-width: 767px) {
   .product_d_right .price_box {
     margin-bottom: 9px;
   }
 }

 .product_d_right .price_box span.current_price {
   font-size: 20px;
 }

 @media only screen and (max-width: 767px) {
   .product_d_right .price_box span.current_price {
     font-size: 17px;
   }
 }

 .product_d_right .price_box span.old_price {
   font-size: 17px;
 }

 @media only screen and (max-width: 767px) {
   .product_d_right .price_box span.old_price {
     font-size: 15px;
   }
 }

 .product_d_right .product_desc {
   margin-bottom: 19px;
   padding-bottom: 24px;
   border-bottom: 1px solid #ededed;
 }

 @media only screen and (max-width: 767px) {
   .product_d_right .product_desc {
     margin-bottom: 15px;
     padding-bottom: 18px;
   }
 }

 .product_d_right .product_desc::before {
   display: none;
 }

 .product_d_right .product_desc p {
   font-size: 14px;
   line-height: 26px;
 }

 .product_d_right .priduct_social ul li {
   display: inline-block;
   margin-right: 7px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .product_d_right .priduct_social ul li {
     margin-right: 2px;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_d_right .priduct_social ul li {
     margin-right: 2px;
   }
 }

 .product_d_right .priduct_social ul li:last-child {
   margin-right: 0;
 }

 @media only screen and (max-width: 767px) {
   .product_d_right .priduct_social ul li {
     margin-right: 0;
   }
 }

 .product_d_right .priduct_social ul li a {
   color: #fff;
   font-size: 12px;
   line-height: 24px;
   padding: 0 8px;
   border-radius: 3px;
   text-transform: capitalize;
   display: block;
 }

 @media only screen and (max-width: 767px) {
   .product_d_right .priduct_social ul li a {
     padding: 0 4px;
     font-size: 10px;
   }
 }

 .product_d_right .priduct_social ul li a:hover {
   opacity: 0.8;
 }

 .product_d_right .priduct_social ul li a.facebook {
   background: #3B5999;
 }

 .product_d_right .priduct_social ul li a.twitter {
   background: #1DA1F2;
 }

 .product_d_right .priduct_social ul li a.pinterest {
   background: #CB2028;
 }

 .product_d_right .priduct_social ul li a.google-plus {
   background: #fe6d4c;
 }

 .product_d_right .priduct_social ul li a.linkedin {
   background: #010103;
 }

 .product_d_right .product_timing {
   position: inherit;
   margin-bottom: 22px;
   margin-top: 30px;
 }

 @media only screen and (max-width: 767px) {
   .product_d_right .product_timing {
     margin-bottom: 16px;
     margin-top: 25px;
   }
 }

 .product_d_right .countdown_area {
   max-width: 220px;
 }

 @media only screen and (max-width: 767px) {
   .product_d_right .countdown_area {
     max-width: 190px;
   }
 }

 .productd_title_nav {
   display: flex;
   justify-content: space-between;
 }

 @media only screen and (max-width: 767px) {
   .product_nav {
     display: none;
   }
 }

 .product_nav ul li {
   display: inline-block;
   margin-left: 3px;
 }

 .product_nav ul li:first-child {
   margin-left: 0;
 }

 .product_nav ul li a {
   background: #febc8b;
   border-radius: 3px;
   color: #ffffff;
   display: block;
   font-size: 15px;
   height: 30px;
   width: 30px;
   line-height: 30px;
   text-align: center;
 }

 .product_nav ul li a:hover {
   background: #232323;
 }

 .product_variant.quantity {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   margin-bottom: 20px;
 }

 @media only screen and (max-width: 767px) {
   .product_variant.quantity {
     margin-bottom: 16px;
   }
 }

 .product_variant.quantity label {
   font-weight: 500;
   text-transform: capitalize;
   font-size: 14px;
   margin-bottom: 0;
 }

 .product_variant.quantity input {
   width: 130px;
   border: 1px solid #ebebeb;
   background: none;
   height: 42px;
   padding: 0 12px;
   border-radius: 5px;
   margin-left: 15px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .product_variant.quantity input {
     width: 110px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .product_variant.quantity input {
     width: 80px;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_variant.quantity input {
     width: 65px;
     margin-left: 10px;
   }
 }

 .product_variant.quantity button {
   border: 0;
   font-size: 16px;
   margin-left: 20px;
   background: #febc8b;
   height: 42px;
   line-height: 42px;
   text-transform: capitalize;
   min-width: 270px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .product_variant.quantity button {
     min-width: 240px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .product_variant.quantity button {
     min-width: 170px;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_variant.quantity button {
     min-width: inherit;
     margin-left: 10px;
   }
 }

 .product_variant.quantity button:hover {
   background: #3E444A;
 }

 .product_variant.color {
   margin-bottom: 26px;
 }

 @media only screen and (max-width: 767px) {
   .product_variant.color {
     margin-bottom: 18px;
   }
 }

 .product_variant.color h3 {
   font-weight: 500;
   text-transform: capitalize;
   font-size: 18px;
   margin-bottom: 0;
   margin-right: 40px;
 }

 .product_variant.color label {
   font-size: 15px;
   font-weight: 500;
   text-transform: capitalize;
 }

 .product_variant.color ul li {
   display: inline-block;
   padding: 2px;
   border: 1px solid #ccc;
   margin-right: 5px;
 }

 .product_variant.color ul li:hover {
   border-color: #E88888;
 }

 .product_variant.color ul li:last-child {
   margin-right: 0;
 }

 .product_variant.color ul li a {
   width: 30px;
   height: 30px;
   display: block;
 }

 .product_variant.color ul li.color1 a {
   background: #000000;
 }

 .product_variant.color ul li.color2 a {
   background: #BEBEBE;
 }

 .product_variant.color ul li.color3 a {
   background: #FE0000;
 }

 .product_variant.color ul li.color4 a {
   background: #FFFF01;
 }

 .product_variant.size {
   margin-bottom: 30px;
   display: flex;
   align-items: center;
 }

 .product_variant.size label {
   font-size: 15px;
   font-weight: 500;
   text-transform: capitalize;
   margin-right: 15px;
 }

 .product_variant.size .niceselect_option {
   float: inherit;
   max-width: 200px;
 }

 .product_d_action {
   margin-bottom: 14px;
 }

 .product_d_action ul li a {
   font-size: 14px;
   line-height: 28px;
 }

 .product_d_action ul li a:hover {
   color: #febc8b;
 }

 .product_meta {
   margin-bottom: 24px;
 }

 @media only screen and (max-width: 767px) {
   .product_meta {
     margin-bottom: 20px;
   }
 }

 .product_meta span {
   font-weight: 500;
 }

 .product_meta span a {
   margin-left: 10px;
   font-weight: 400;
 }

 .product_meta span a:hover {
   color: #febc8b;
 }

 .product_info_button {
   border-bottom: 1px solid #ededed;
   padding-bottom: 15px;
   margin-bottom: 29px;
 }

 @media only screen and (max-width: 767px) {
   .product_info_button ul li {
     margin-bottom: 5PX;
   }

   .product_info_button ul li:last-child {
     margin-bottom: 0;
   }
 }

 .product_info_button ul li a {
   display: block;
   float: left;
   text-transform: capitalize;
   font-size: 20px;
   color: #555;
   font-weight: 500;
   margin-right: 35px;
   line-height: 26px;
   position: relative;
 }

 @media only screen and (max-width: 767px) {
   .product_info_button ul li a {
     margin-right: 25px;
     font-size: 17px;
   }
 }

 .product_info_button ul li a.active {
   color: #333333;
 }

 .product_info_button ul li a:hover {
   color: #333333;
 }

 .product_info_button ul li:last-child a {
   margin-right: 0;
 }

 .product_review_form button {
   border: none;
   background: #232323;
   color: #ffffff;
   text-transform: uppercase;
   font-weight: 500;
   padding: 5px 15px 3px;
   display: block;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   cursor: pointer;
   margin-top: 20px;
   border-radius: 5px;
   font-size: 13px;
 }

 .product_review_form button:hover {
   background: #febc8b;
   color: #ffffff;
 }

 .product_info_content p {
   line-height: 28px;
 }

 .product_d_table {
   padding: 10px 0 22px;
 }

 .product_d_table table {
   border-top: 1px solid #ddd;
   width: 100%;
 }

 .product_d_table table tbody tr {
   border-bottom: 1px solid #ddd;
 }

 .product_d_table table tbody tr td {
   padding: 7px 17px;
 }

 .product_d_table table tbody tr td:first-child {
   border-right: 1px solid #ddd;
   width: 30%;
   font-weight: 700;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .product_d_info {
     margin-bottom: 56px;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_d_info {
     margin-bottom: 58px;
   }
 }

 .product_d_inner {
   padding: 20px 30px 27px;
   border: 1px solid #ededed;
   background: #fff;
 }

 @media only screen and (max-width: 767px) {
   .product_d_inner {
     padding: 20px 20px 27px;
   }
 }

 .product_info_inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-top: 15px;
 }

 .product_info_inner .product_ratting {
   margin-bottom: 10px;
 }

 .product_info_inner .product_ratting p {
   margin-bottom: 5px;
 }

 .product_info_inner .product_ratting strong {
   margin-top: 10px;
   display: block;
   margin-bottom: 8px;
 }

 .reviews_wrapper h2 {
   font-size: 18px;
   font-weight: 500;
   text-transform: capitalize;
 }

 @media only screen and (max-width: 767px) {
   .reviews_wrapper h2 {
     font-size: 15px;
   }
 }

 .reviews_wrapper .product_ratting {
   margin-bottom: 20px;
 }

 .reviews_wrapper .product_ratting ul li a {
   color: #febc8b;
 }

 .reviews_wrapper .product_ratting h3 {
   font-size: 14px;
   font-weight: 700;
   text-transform: capitalize;
 }

 .comment_title {
   margin-bottom: 20px;
 }

 .product_review_form input {
   border: 1px solid #ddd;
   background: none;
   width: 100%;
   height: 40px;
   padding: 0 20px;
 }

 .product_review_form textarea {
   border: 1px solid #ddd;
   background: none;
   height: 120px;
   resize: none;
   width: 100%;
   margin-bottom: 14px;
   padding: 0 20px;
 }

 .product_review_form p {
   margin-bottom: 7px;
 }

 .star_rating {
   float: right;
 }

 .star_rating ul li {
   display: inline-block;
 }

 .star_rating ul li a {
   color: #febc8b;
 }

 .reviews_comment_box {
   display: flex;
   margin-bottom: 22px;
 }

 .reviews_comment_box .comment_text {
   width: 100%;
   border: 1px solid #ededed;
   position: relative;
   margin-left: 21px;
   padding: 12px;
   border-radius: 3px;
 }

 .reviews_comment_box .comment_text::before {
   background: #fff;
   border-bottom: 1px solid #ededed;
   border-left: 1px solid #ededed;
   content: '';
   display: block;
   height: 10px;
   left: -6px;
   position: absolute;
   top: 10px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   width: 10px;
 }

 .reviews_meta p {
   font-size: 15px;
   margin-bottom: 15px;
 }

 .reviews_meta p strong {
   text-transform: uppercase;
   font-weight: 500;
   color: #232323;
 }

 .s-tab-zoom.owl-carousel .owl-nav {
   display: block;
 }

 .s-tab-zoom.owl-carousel .owl-nav div {
   position: absolute;
   background: #f2f2f2;
   border-radius: 3px;
   height: 32px;
   top: 50%;
   transform: translatey(-50%);
   width: 32px;
   text-align: center;
   line-height: 32px;
   left: -7px;
   font-size: 18px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   opacity: 0;
   visibility: hidden;
 }

 .s-tab-zoom.owl-carousel .owl-nav div:hover {
   background: #febc8b;
   color: #ffffff;
 }

 .s-tab-zoom.owl-carousel .owl-nav div.owl-next {
   right: -7px;
   left: auto;
 }

 .product-details-tab {
   padding: 10px;
   background: #fff;
 }

 @media only screen and (max-width: 767px) {
   .product-details-tab {
     margin-bottom: 56px;
   }
 }

 .product-details-tab:hover .s-tab-zoom.owl-carousel .owl-nav div {
   opacity: 1;
   visibility: visible;
 }

 .single-zoom-thumb {
   margin-top: 20px !important;
   width: 80%;
   margin: 0 auto;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-zoom-thumb {
     width: 93%;
   }
 }

 @media only screen and (max-width: 767px) {
   .single-zoom-thumb {
     width: 95%;
   }
 }

 .single-zoom-thumb ul li {
   border: 1px solid #ddd;
 }

 .single-zoom-thumb ul li a {
   width: 100%;
 }

 .related_products {
   margin-bottom: 10px;
 }

 .upsell_products {
   margin-bottom: 10px;
 }

 /* 12. product grouped css here */
 .grouped_form {
   border: 1px solid #ededed;
   margin-bottom: 25px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .grouped_form {
     margin-bottom: 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .grouped_form {
     margin-bottom: 17px;
   }
 }

 .grouped_form table {
   width: 100%;
 }

 .grouped_form table tbody tr {
   border-bottom: 1px solid #ededed;
 }

 .grouped_form table tbody tr td {
   border-right: 1px solid #ddd;
   padding: 11px 5px;
   text-align: center;
 }

 .grouped_form table tbody tr td input[type="checkbox"] {
   width: 20px;
   height: 21px;
 }

 .grouped_form table tbody tr td input[type="number"] {
   width: 50px;
   background: inherit;
   border: 1px solid #ededed;
   padding: 0 5px;
   height: 40px;
 }

 .grouped_form table tbody tr td.grouped-product-list.quantity {
   min-width: 80px;
   text-align: center;
   line-height: 12px;
 }

 .grouped_form table tbody tr td.grouped-product-list.label {
   min-width: 188px;
   font-weight: 500;
   font-size: 14px;
 }

 .grouped_form table tbody tr td.grouped-product-list.label a:hover {
   color: #febc8b;
 }

 .grouped_form table tbody tr td.grouped-product-list.price {
   font-size: 14px;
   font-weight: 500;
   min-width: 190px;
 }

 .grouped_form table tbody tr td.grouped-product-list.price p {
   font-size: 12px;
   font-weight: 500;
   position: relative;
 }

 .grouped_form table tbody tr td.grouped-product-list.price p::before {
   color: #e97810;
   content: '\f058';
   display: inline-block;
   font-family: FontAwesome;
   font-size: 1em;
   position: absolute;
   top: 0;
   left: 40px;
 }

 .grouped_form table tbody tr td:last-child {
   border-right: 0;
 }

 .grouped_form table tbody tr:last-child {
   border-bottom: 0;
 }

 .box_quantity.group button {
   margin-left: 0;
 }

 /*product grouped css end*/
 /*variabla product css here*/
 .p_section1.related_product .slick-list {
   padding-bottom: 144px !important;
   margin-bottom: -135px;
 }

 .variable_product .niceselect_option .list {
   width: 100%;
 }

 .product_d_meta {
   margin-bottom: 20px;
 }

 .product_d_meta span {
   display: block;
   line-height: 18px;
   margin-bottom: 17px;
   font-size: 14px;
   font-weight: 400;
 }

 .product_d_meta span:last-child {
   margin-bottom: 0;
 }

 .product_d_meta span a:hover {
   color: #febc8b;
 }

 /*product sidebar css here*/
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .product_sidebar .row {
     flex-direction: column-reverse;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_sidebar .row {
     flex-direction: column-reverse;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .product_sidebar .product_section .row {
     flex-direction: row;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_sidebar .product_section .row {
     flex-direction: row;
   }
 }

 .product_sidebar .product_desc p {
   width: 100%;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .product_sidebar .action_button ul li a {
     width: 40px;
     height: 35px;
     line-height: 35px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .product_sidebar .quick_button {
     bottom: 12px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .product_sidebar .quick_button a {
     line-height: 35px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .product_sidebar .hover_action a {
     width: 40px;
     height: 35px;
     line-height: 35px;
   }
 }

 .product_sidebar .product_variant.quantity input {
   width: 90px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .product_sidebar .product_variant.quantity input {
     width: 60px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .product_sidebar .product_variant.quantity input {
     width: 60px;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_sidebar .product_variant.quantity input {
     width: 60px;
   }
 }

 .product_sidebar .product_variant.quantity button {
   min-width: 200px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .product_sidebar .product_variant.quantity button {
     min-width: 140px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .product_sidebar .product_variant.quantity button {
     min-width: inherit;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_sidebar .product_variant.quantity button {
     min-width: inherit;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_sidebar .product-details-tab {
     margin-bottom: 0;
   }
 }

 .footer_widgets.sidebar_widgets .footer_top {
   padding-bottom: 0;
   border-bottom: 0;
 }

 .footer_widgets.sidebar_widgets .footer_top_inner {
   padding: 56px 0 52px;
   border-top: 1px solid #ededed;
   border-bottom: 1px solid #ededed;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer_widgets.sidebar_widgets .footer_top_inner {
     padding: 56px 0 40px;
   }
 }

 @media only screen and (max-width: 767px) {
   .footer_widgets.sidebar_widgets .footer_top_inner {
     padding: 56px 0 35px;
   }
 }

 .product_right_sidebar {
   margin-bottom: 60px;
 }

 @media only screen and (max-width: 767px) {
   .product_right_sidebar .product-details-tab {
     margin-bottom: 54px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .product_right_sidebar .row {
     flex-direction: row;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_right_sidebar .row {
     flex-direction: row;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .product_right_sidebar .priduct_social ul li {
     margin-right: 2px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .product_right_sidebar .product_d_right h1 {
     font-size: 18px;
   }
 }

 .product_right_sidebar .single-zoom-thumb {
   width: 93%;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .product_right_sidebar .single-zoom-thumb {
     width: 95%;
   }
 }

 @media only screen and (max-width: 767px) {
   .product_right_sidebar .single-zoom-thumb {
     width: 90%;
   }
 }

 /* 13. cart page css here */
 .header_cart_page {
   border-bottom: 1px solid #ededed;
 }

 .other_bread {
   padding-top: 41px;
   padding-bottom: 41px;
 }

 .table_desc {
   border: 1px solid #ededed;
   margin-bottom: 60px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .table_desc {
     margin-bottom: 60px;
   }
 }

 @media only screen and (max-width: 767px) {
   .table_desc {
     margin-bottom: 60px;
   }
 }

 .table_desc .cart_page table {
   width: 100%;
 }

 .table_desc .cart_page table thead tr th {
   border-bottom: 3px solid #febc8b;
   border-right: 1px solid #ededed;
   font-size: 16px;
   font-weight: 500;
   text-transform: capitalize;
   padding: 10px;
   text-align: center;
 }

 .table_desc .cart_page table tbody tr td {
   border-bottom: 1px solid #ededed;
   border-right: 1px solid #ededed;
   text-align: center;
   padding: 10px;
 }

 .table_desc .cart_page table tbody tr td.product_remove {
   min-width: 100px;
 }

 .table_desc .cart_page table tbody tr td.product_remove a {
   font-size: 20px;
   color: #232323;
 }

 .table_desc .cart_page table tbody tr td.product_remove a:hover {
   color: #febc8b;
 }

 .table_desc .cart_page table tbody tr td.product_thumb {
   max-width: 180px;
 }

 .table_desc .cart_page table tbody tr td.product_thumb a img {
   width: 100px;
 }

 .table_desc .cart_page table tbody tr td.product_name {
   min-width: 180px;
 }

 .table_desc .cart_page table tbody tr td.product_name a {
   color: #232323;
   text-transform: capitalize;
   font-size: 14px;
   font-weight: 400;
 }

 .table_desc .cart_page table tbody tr td.product_name a:hover {
   color: #febc8b;
 }

 .table_desc .cart_page table tbody tr td.product-price {
   min-width: 130px;
   color: #232323;
   font-size: 16px;
   font-weight: 500;
 }

 .table_desc .cart_page table tbody tr td.product_quantity {
   min-width: 180px;
 }

 .table_desc .cart_page table tbody tr td.product_quantity label {
   font-weight: 500;
   margin-right: 5px;
 }

 .table_desc .cart_page table tbody tr td.product_quantity input {
   width: 60px;
   height: 40px;
   padding: 0 5px 0 10px;
   background: none;
   border: 1px solid #ededed;
 }

 .table_desc .cart_page table tbody tr td .product_total {
   min-width: 120px;
 }

 .cart_page table thead tr:last-child th, .table_desc table tbody tr td:last-child {
   border-right: 0;
 }

 .cart_submit {
   text-align: right;
   padding: 12px;
 }

 @media only screen and (max-width: 767px) {
   .cart_submit {
     text-align: center;
   }
 }

 .cart_submit button {
   background: #232323;
   border: 0;
   color: #ffffff;
   display: inline-block;
   font-size: 12px;
   font-weight: 500;
   height: 38px;
   line-height: 18px;
   padding: 10px 15px;
   text-transform: uppercase;
   cursor: pointer;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   border-radius: 3px;
 }

 .cart_submit button:hover {
   background: #febc8b;
 }

 .coupon_inner {
   padding: 10px 20px 25px;
 }

 .coupon_inner p {
   font-size: 14px;
   margin-bottom: 20px;
 }

 .coupon_inner button {
   background: #232323;
   border: 0;
   color: #ffffff;
   display: inline-block;
   font-size: 12px;
   font-weight: 500;
   height: 38px;
   line-height: 20px;
   padding: 10px 15px;
   text-transform: uppercase;
   cursor: pointer;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   border-radius: 3px;
 }

 .coupon_inner button:hover {
   background: #febc8b;
 }

 .coupon_inner input {
   border: 1px solid #ededed;
   height: 42px;
   background: none;
   padding: 0 20px;
   margin-right: 20px;
   font-size: 12px;
   color: #232323;
 }

 @media only screen and (max-width: 767px) {
   .coupon_inner input {
     margin-bottom: 24px;
     width: 100%;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .coupon_inner input {
     margin-bottom: 24px;
     width: 100%;
   }
 }

 .coupon_inner a {
   display: block;
   text-align: right;
   font-size: 14px;
   font-weight: 500;
   margin-bottom: 20px;
   border-bottom: 1px solid #ededed;
   padding-bottom: 10px;
   border-radius: 3px;
 }

 .coupon_inner a:hover {
   color: #febc8b;
 }

 .coupon_code {
   border: 1px solid #ededed;
 }

 @media only screen and (max-width: 767px) {
   .coupon_code.left {
     margin-bottom: 59px;
   }
 }

 .coupon_code h3 {
   color: #ffffff;
   line-height: 36px;
   padding: 5px 15px;
   background: #232323;
   text-transform: uppercase;
   font-size: 16px;
   font-weight: 500;
 }

 @media only screen and (max-width: 767px) {
   .coupon_code h3 {
     line-height: 28px;
     padding: 5px 15px;
     font-size: 15px;
   }
 }

 .cart_subtotal {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .cart_subtotal p {
   font-weight: 600;
   font-size: 14px;
 }

 .cart_subtotal p.cart_amount {
   font-size: 18px;
   font-weight: 500;
 }

 @media only screen and (max-width: 767px) {
   .cart_subtotal p.cart_amount {
     font-size: 14px;
   }
 }

 .cart_subtotal p span {
   margin-right: 30px;
 }

 .checkout_btn {
   text-align: right;
 }

 .checkout_btn a {
   background: #febc8b;
   color: #ffffff;
   font-size: 15px;
   padding: 3px 14px;
   line-height: 30px;
   font-weight: 500;
   display: inline-block;
   text-transform: capitalize;
   margin-bottom: 0;
 }

 .checkout_btn a:hover {
   background: #232323;
   color: #ffffff;
 }

 .footer_widgets.other_widgets .footer_top {
   padding-bottom: 0;
   border-bottom: 0;
 }

 .footer_widgets.other_widgets .footer_top_inner {
   padding: 55px 0 53px;
   border-top: 1px solid #ededed;
   border-bottom: 1px solid #ededed;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .footer_widgets.other_widgets .footer_top_inner {
     padding: 55px 0 59px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer_widgets.other_widgets .footer_top_inner {
     padding: 55px 0 40px;
   }
 }

 @media only screen and (max-width: 767px) {
   .footer_widgets.other_widgets .footer_top_inner {
     padding: 55px 0 35px;
   }
 }

 /*cart page css end*/
 /* 14. checkout page css here */
 .user-actions {
   margin-bottom: 20px;
 }

 .user-actions h3 {
   font-size: 13px;
   font-weight: 400;
   background-color: #f7f6f7;
   padding: 15px 10px;
   border-top: 3px solid #febc8b;
   margin-bottom: 0;
 }

 .user-actions h3 a {
   color: #febc8b;
 }

 .checkout_info {
   border: 1px solid #ededed;
   margin-top: 25px;
   padding: 20px 30px;
 }

 .checkout_info p {
   margin-bottom: 15px;
 }

 .checkout_info a {
   color: #febc8b;
   margin-top: 15px;
   display: block;
 }

 .checkout_info.coupon_info form {
   display: flex;
 }

 @media only screen and (max-width: 767px) {
   .checkout_info.coupon_info form {
     flex-direction: column;
   }
 }

 .form_group {
   margin-bottom: 20px;
 }

 .form_group label {
   font-size: 14px;
   display: block;
   line-height: 18px;
 }

 .form_group input {
   border: 1px solid #ededed;
   background: none;
   height: 45px;
   width: 350px;
   padding: 0 20px;
 }

 @media only screen and (max-width: 767px) {
   .form_group input {
     width: 100%;
   }
 }

 .form_group button {
   display: inline-block;
   width: 80px;
   background: #232323;
   border: 0;
   color: #ffffff;
   font-weight: 500;
   text-transform: uppercase;
   font-size: 13px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   margin-right: 20px;
   cursor: pointer;
   height: 40px;
   line-height: 40px;
   border-radius: 3px;
 }

 .form_group button:hover {
   background: #febc8b;
 }

 .form_group input[type="checkbox"] {
   width: 15px;
   height: 15px;
   margin-right: 10px;
   position: relative;
   top: 3px;
 }

 @media only screen and (max-width: 767px) {
   .form_group input[type="checkbox"] {
     margin-right: 3px;
   }
 }

 .form_group.group_3 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .form_group.group_3 label {
   margin-bottom: 0;
   line-height: 34px;
   cursor: pointer;
 }

 .form_group.group_3 label:hover {
   color: #febc8b;
 }

 #checkout_coupon input {
   background: none;
   border: 1px solid #ededed;
   width: 200px;
   height: 45px;
   font-size: 12px;
   padding: 0 20px;
   color: #232323;
 }

 #checkout_coupon button {
   width: 130px;
   background: #232323;
   color: #ffffff;
   font-weight: 500;
   text-transform: uppercase;
   font-size: 13px;
   cursor: pointer;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   border: 0;
   height: 45px;
   line-height: 45px;
   border-radius: 3px;
   margin-left: 5px;
 }

 @media only screen and (max-width: 767px) {
   #checkout_coupon button {
     margin-top: 20px;
   }
 }

 #checkout_coupon button:hover {
   background: #febc8b;
 }

 .mb-20 {
   margin-bottom: 20px;
 }

 .checkout_form h3 {
   font-size: 16px;
   line-height: 30px;
   padding: 5px 10px;
   text-transform: uppercase;
   color: #ffffff;
   background: #232323;
   font-weight: 500;
 }

 .checkout_form input {
   border: 1px solid #ededed;
   background: none;
   height: 40px;
   width: 100%;
   padding: 0 20px;
   color: #232323;
 }

 .checkout_form .nice-select {
   width: 100%;
 }

 .checkout_form .nice-select ul.list {
   width: 100%;
   height: 180px;
   overflow: auto;
 }

 .checkout_form .nice-select::after {
   top: 56%;
 }

 .checkout_form label {
   font-weight: 500;
 }

 .checkout_form label span {
   color: #febc8b;
 }

 .checkout_form label.righ_0 {
   cursor: pointer;
   font-size: 15px;
   line-height: 27px;
   padding: 5px 10px;
   text-transform: capitalize;
   color: #ffffff;
   background: #232323;
   font-weight: 500;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   margin-bottom: 0;
   border-radius: 5px;
 }

 @media only screen and (max-width: 767px) {
   .checkout_form label.righ_0 {
     font-size: 13px;
     line-height: 25px;
     padding: 3px 10px;
   }
 }

 .checkout_form label.righ_0:hover {
   background: #232323;
 }

 .checkout_form input[type="checkbox"] {
   width: 15px;
   height: 15px;
   position: relative;
   top: 2px;
   margin-right: 10px;
 }

 .order_button button {
   cursor: pointer;
   font-size: 16px;
   line-height: 30px;
   padding: 5px 10px;
   text-transform: capitalize;
   color: #ffffff;
   background: #febc8b;
   font-weight: 500;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   margin-bottom: 0;
   border-radius: 5px;
 }

 @media only screen and (max-width: 767px) {
   .order_button button {
     font-size: 14px;
   }
 }

 .order_button button:hover {
   background: #232323;
 }

 @media only screen and (max-width: 767px) {
   .order-notes {
     margin-bottom: 58px;
   }
 }

 .order-notes textarea {
   border: 1px solid #e5e5e5;
   border-radius: 0;
   height: 45px;
   max-width: 100%;
   padding: 0 30px 0 20px;
   background: none;
   font-size: 13px;
   resize: none;
   line-height: 45px;
   width: 100%;
   color: #232323;
 }

 .order-notes label {
   line-height: 13px;
 }

 .order_table {
   margin-bottom: 35px;
 }

 .order_table table {
   width: 100%;
 }

 .order_table table thead tr th {
   min-width: 50%;
   text-align: center;
   padding: 15px 0;
   border-bottom: 1px solid #ddd;
 }

 .order_table table tbody tr td {
   min-width: 50%;
   text-align: center;
   padding: 15px 0;
   border-bottom: 1px solid #ddd;
 }

 .order_table table tfoot tr th {
   min-width: 50%;
   text-align: center;
   padding: 15px 0;
   border-bottom: 1px solid #ddd;
 }

 .order_table table tfoot tr td {
   min-width: 50%;
   text-align: center;
   padding: 15px 0;
   border-bottom: 1px solid #ddd;
 }

 .panel-default input[type="radio"] {
   width: 15px;
   height: 15px;
   position: relative;
   top: 2px;
   margin-right: 10px;
 }

 .panel-default img {
   width: 160px;
 }

 .order_button button {
   border: 0;
 }

 .card-body1 {
   margin-bottom: 15px;
 }

 /*checkout page css end*/
 /* 22. wishlist css here */
 .table_desc.wishlist table tbody tr:last-child td {
   border-bottom: 0;
 }

 .table_desc.wishlist table tbody tr td.product_total a {
   background: #febc8b;
   font-size: 12px;
   font-weight: 500;
   height: 38px;
   line-height: 18px;
   padding: 10px 20px;
   color: #ffffff;
   text-transform: uppercase;
   border-radius: 3px;
 }

 .table_desc.wishlist table tbody tr td.product_total a:hover {
   background: #232323;
 }

 @media only screen and (max-width: 767px) {
   .table_desc.wishlist table tbody tr td.product_total a {
     padding: 10px 10px;
   }
 }

 .wishlist_share {
   text-align: center;
   padding: 20px 0;
   border: 1px solid #ededed;
 }

 .wishlist_share h4 {
   font-size: 18px;
   font-weight: 500;
   text-transform: capitalize;
 }

 .wishlist_share ul li {
   display: inline-block;
 }

 .wishlist_share ul li a {
   padding: 0 10px;
   display: block;
 }

 .wishlist_share ul li a:hover {
   color: #febc8b;
 }

 /*wishlist css end*/
 /* 15. contact page css here */
 .contact_message h3 {
   font-size: 21px;
   text-transform: capitalize;
   font-weight: 500;
   line-height: 20px;
   margin-bottom: 25px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .contact_message h3 {
     margin-bottom: 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .contact_message h3 {
     font-size: 20px;
     margin-bottom: 20px;
   }
 }

 .contact_message p {
   font-size: 14px;
   line-height: 24px;
   margin-bottom: 20px;
 }

 .contact_message ul li {
   padding: 13px 0;
   border-top: 1px solid #ededed;
 }

 .contact_message ul li:last-child {
   padding-bottom: 0;
 }

 .contact_message ul li i {
   margin-right: 10px;
 }

 .contact_message ul li a:hover {
   color: #febc8b;
 }

 .contact_message label {
   line-height: 18px;
   font-weight: 500;
   margin-bottom: 10px;
 }

 .contact_message input {
   border: 1px solid #ededed;
   height: 45px;
   background: #ffffff;
   width: 100%;
   padding: 0 20px;
   color: #757575;
 }

 .contact_message textarea {
   height: 170px;
   border: 1px solid #ededed;
   background: #ffffff;
   resize: none;
   margin-bottom: 20px;
   width: 100%;
   padding: 10px 20px;
   color: #232323;
 }

 @media only screen and (max-width: 767px) {
   .contact_message textarea {
     height: 120px;
   }
 }

 .contact_message button {
   font-weight: 400;
   height: 42px;
   line-height: 42px;
   padding: 0 30px;
   text-transform: capitalize;
   border: none;
   background: #232323;
   color: #ffffff;
   cursor: pointer;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   border-radius: 4px;
 }

 .contact_message button:hover {
   background: #febc8b;
 }

 @media only screen and (max-width: 767px) {
   .contact_message.content {
     margin-bottom: 52px;
   }
 }

 .contact_message.form p.form-messege {
   margin-bottom: 0;
 }

 .contact_map {
   margin-bottom: 58px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .contact_map {
     margin-bottom: 57px;
   }
 }

 @media only screen and (max-width: 767px) {
   .contact_map {
     margin-bottom: 57px;
   }
 }

 .map-area #googleMap {
   height: 460px;
   width: 100%;
 }

 @media only screen and (max-width: 767px) {
   .map-area #googleMap {
     height: 340px;
   }
 }

 /*contact page css end*/
 /* 17. login page css here */
 .account_form h2 {
   font-size: 28px;
   text-transform: capitalize;
   font-weight: 500;
   line-height: 22px;
   margin-bottom: 30px;
 }

 @media only screen and (max-width: 767px) {
   .account_form h2 {
     font-size: 24px;
     margin-bottom: 20px;
   }
 }

 .account_form form {
   border: 1px solid #ededed;
   padding: 23px 20px 29px;
   border-radius: 5px;
 }

 .account_form label {
   font-size: 16px;
   font-weight: 400;
   cursor: pointer;
   line-height: 12px;
   margin-bottom: 12px;
 }

 .account_form label:hover {
   color: #febc8b;
 }

 .account_form input {
   border: 1px solid #ededed;
   height: 40px;
   max-width: 100%;
   padding: 0 20px;
   background: none;
   width: 100%;
 }

 .account_form button {
   background: #febc8b;
   border: 0;
   color: #ffffff;
   display: inline-block;
   font-size: 12px;
   font-weight: 700;
   height: 34px;
   line-height: 26px;
   padding: 5px 20px;
   text-transform: uppercase;
   cursor: pointer;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   margin-left: 20px;
   border-radius: 20px;
 }

 .account_form button:hover {
   background: #232323;
 }

 .login_submit label input[type="checkbox"] {
   width: 15px;
   height: 13px;
   margin-right: 3px;
 }

 .login_submit {
   text-align: right;
 }

 .login_submit a {
   font-size: 15px;
   float: left;
   line-height: 39px;
 }

 .login_submit a:hover {
   color: #febc8b;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .login_submit a {
     float: none;
     line-height: 18px;
     display: block;
     margin-bottom: 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .login_submit a {
     float: none;
     line-height: 18px;
     display: block;
     margin-bottom: 20px;
   }
 }

 .account_form p {
   margin-bottom: 20px;
 }

 @media only screen and (max-width: 767px) {
   .account_form.register {
     margin-top: 57px;
   }
 }

 /*login page css end */
 /* 16. faq page css here */
 .faq_content_area {
   padding-bottom: 55px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .faq_content_area {
     padding-bottom: 53px;
   }
 }

 @media only screen and (max-width: 767px) {
   .faq_content_area {
     padding-bottom: 53px;
   }
 }

 .accordion_area .card-header {
   background: #febc8b;
 }

 .accordion_area .card-header:first-child {
   border-radius: inherit;
 }

 .card.card_dipult {
   border: none;
   margin-bottom: 10px;
 }

 .card.card_dipult:last-child {
   margin-bottom: 0;
 }

 .card-header.card_accor {
   padding: 0;
   border: none;
 }

 .card-header.card_accor button {
   height: 45px;
   text-decoration: none;
   cursor: pointer;
   position: relative;
   white-space: initial;
 }

 @media only screen and (max-width: 767px) {
   .card-header.card_accor button {
     height: 60px;
   }
 }

 .card-header.card_accor button i {
   position: absolute;
   top: 50%;
   -webkit-transform: translatey(-50%);
   transform: translatey(-50%);
   right: 20px;
 }

 @media only screen and (max-width: 767px) {
   .card-header.card_accor button i {
     right: 10px;
   }
 }

 .card-header.card_accor button.btn-link {
   border: 1px solid #febc8b;
   width: 100%;
   text-align: left;
   font-size: 14px;
   font-weight: 500;
   color: #ffffff;
 }

 .card-header.card_accor button.btn-link.collapsed {
   background: #ededed;
   border: 1px solid #ededed;
   width: 100%;
   text-align: left;
   color: #232323;
 }

 @media only screen and (max-width: 767px) {
   .card-header.card_accor button.btn-link.collapsed {
     padding-right: 28px;
   }
 }

 .card-header.card_accor button.btn-link i.fa-plus {
   display: none;
 }

 .card-header.card_accor button.btn-link.collapsed i.fa-plus {
   display: block;
 }

 .card-header.card_accor button.btn-link.collapsed i.fa-minus {
   display: none;
 }

 .faq_content_wrapper h4 {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 15px;
   line-height: 18px;
 }

 @media only screen and (max-width: 767px) {
   .faq_content_wrapper h4 {
     font-size: 15px;
     line-height: 24px;
   }
 }

 /*faq page css end*/
 /*  18. my account css here */
 @media only screen and (max-width: 767px) {
   .dashboard_tab_button {
     margin-bottom: 20px;
   }
 }

 .dashboard_tab_button ul li {
   margin-bottom: 5px;
 }

 .dashboard_tab_button ul li:last-child {
   margin-bottom: 0;
 }

 .dashboard_tab_button ul li a {
   font-size: 14px;
   color: #ffffff;
   font-weight: 500;
   text-transform: capitalize;
   background: #232323;
   border-radius: 3px;
 }

 .dashboard_tab_button ul li a:hover {
   background: #febc8b;
   color: #ffffff;
 }

 .dashboard_tab_button ul li a.active {
   background: #febc8b;
 }

 .main_content_area {
   margin-bottom: 56px;
 }

 @media only screen and (max-width: 767px) {
   .main_content_area {
     margin-bottom: 51px;
   }
 }

 .dashboard_content h3 {
   font-size: 22px;
   text-transform: capitalize;
   font-weight: 500;
   margin-bottom: 15px;
 }

 .dashboard_content h4 {
   font-size: 20px;
   text-transform: capitalize;
   font-weight: 500;
   margin-bottom: 10px;
   margin-top: 10px;
 }

 .dashboard_content button {
   color: #febc8b;
   font-weight: 500;
   border: 0;
   background: inherit;
 }

 .dashboard_content p a {
   color: #febc8b;
   font-weight: 500;
 }

 .table-responsive table thead {
   background: #ededed;
 }

 .table-responsive table thead tr th {
   text-align: center;
 }

 .table-responsive table tbody tr td {
   border-right: 1px solid #ededed;
   font-weight: 500;
   text-transform: capitalize;
   font-size: 14px;
   text-align: center;
   min-width: 150px;
 }

 .table-responsive table tbody tr td:last-child a {
   color: #febc8b;
 }

 .table-responsive .table {
   border-left: 1px solid #ededed;
   border-bottom: 1px solid #ededed;
   border-right: 1px solid #ededed;
 }

 .dashboard_content address {
   font-weight: 500;
 }

 .input-radio span input[type="radio"], .account_login_form form span input[type="checkbox"] {
   width: 15px;
   height: 15px;
   margin-right: 2px;
   position: relative;
   top: 2px;
 }

 .input-radio span {
   font-weight: 500;
   padding-right: 10px;
 }

 .account_login_form form input {
   border: 1px solid #ddd;
   background: none;
   height: 40px;
   margin-bottom: 20px;
   width: 100%;
   padding: 0 20px;
   color: #232323;
 }

 .brand_account .section_title h2 {
   background: #fff;
 }

 .brand_account .brand_container .owl-nav {
   background: #fff;
 }

 /*my account css end*/
 /* 10. about page css here */
 /*home about css here*/
 .about_desc {
   text-align: center;
 }

 .about_desc p {
   font-size: 16px;
   margin-bottom: 30px;
   line-height: 27px;
 }

 @media only screen and (max-width: 767px) {
   .about_desc p {
     font-size: 15px;
     margin-bottom: 18px;
   }
 }

 .about_desc h3 {
   font-size: 42px;
   line-height: 42px;
   margin-bottom: 0;
 }

 @media only screen and (max-width: 767px) {
   .about_desc h3 {
     font-size: 35px;
     line-height: 34px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .about_thumb img {
     width: 100%;
   }
 }

 /*home about css end*/
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .testimonial_about {
     margin-top: 40px;
   }
 }

 @media only screen and (max-width: 767px) {
   .testimonial_about {
     margin-top: 45px;
   }
 }

 .testimonial_about .testimonial_content p {
   font-size: 17px;
   line-height: 31px;
   max-width: 85%;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .testimonial_about .testimonial_content p {
     font-size: 17px;
     line-height: 29px;
     max-width: 90%;
   }
 }

 .about_section {
   padding-bottom: 60px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .about_section {
     padding-bottom: 54px;
   }
 }

 @media only screen and (max-width: 767px) {
   .about_section {
     padding-bottom: 54px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .about_section .row {
     flex-direction: column-reverse;
   }
 }

 @media only screen and (max-width: 767px) {
   .about_section .row {
     flex-direction: column-reverse;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .about_content {
     margin-top: 24px;
     text-align: center;
   }
 }

 @media only screen and (max-width: 767px) {
   .about_content {
     margin-top: 22px;
     text-align: center;
   }
 }

 .about_content h1 {
   font-size: 30px;
   font-weight: 600;
   line-height: 30px;
   margin-bottom: 22px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .about_content h1 {
     font-size: 24px;
     line-height: 26px;
     margin-bottom: 20px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .about_content h1 {
     font-size: 22px;
     margin-bottom: 10px;
     line-height: 22px;
   }
 }

 @media only screen and (max-width: 767px) {
   .about_content h1 {
     font-size: 20px;
     line-height: 24px;
     font-weight: 600;
     margin-bottom: 11px;
   }
 }

 .about_content h3 {
   font-size: 18px;
   font-weight: 600;
   line-height: 26px;
   margin-bottom: 21px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .about_content h3 {
     font-size: 17px;
     line-height: 25px;
     margin-bottom: 21px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .about_content h3 {
     font-size: 17px;
     line-height: 23px;
     margin-bottom: 17px;
   }
 }

 @media only screen and (max-width: 767px) {
   .about_content h3 {
     font-size: 16px;
     line-height: 23px;
     margin-bottom: 17px;
   }
 }

 .about_content p {
   font-size: 14px;
   line-height: 26px;
   max-width: 890px;
   margin: 0 auto;
 }

 .chose_content h3 {
   font-size: 22px;
   text-transform: capitalize;
   font-weight: 400;
   line-height: 26px;
   margin-bottom: 19px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .chose_content h3 {
     font-size: 20px;
     line-height: 24px;
     margin-bottom: 17px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .chose_content h3 {
     font-size: 16px;
     argin-bottom: 13px;
   }
 }

 @media only screen and (max-width: 767px) {
   .chose_content h3 {
     font-size: 18px;
     line-height: 20px;
     margin-bottom: 13px;
   }
 }

 .about_signature {
   margin-top: 25px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .about_signature {
     margin-top: 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .about_signature {
     margin-top: 22px;
   }
 }

 .choseus_area {
   margin-bottom: 60px;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: center center;
   background-size: cover;
   padding: 60px 0 54px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .choseus_area {
     margin-bottom: 60px;
   }
 }

 @media only screen and (max-width: 767px) {
   .choseus_area {
     margin-bottom: 60px;
   }
 }

 .single_chose {
   text-align: center;
 }

 @media only screen and (max-width: 767px) {
   .single_chose {
     margin-bottom: 25px;
   }
 }

 .single_chose:hover .chose_icone {
   transform: rotatey(180deg);
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single_chose.chose3 {
     margin-top: 30px;
   }
 }

 @media only screen and (max-width: 767px) {
   .single_chose.chose3 {
     margin-bottom: 0;
   }
 }

 .chose_icone {
   margin-bottom: 23px;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .chose_icone {
     margin-bottom: 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .chose_icone {
     margin-bottom: 14px;
   }
 }

 .single_gallery_section {
   background: #ffffff;
 }

 @media only screen and (max-width: 767px) {
   .single_gallery_section {
     margin-bottom: 25px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .single_gallery_section.col__3 {
     margin-top: 30px;
   }
 }

 .about_gallery_container {
   border-bottom: 1px solid #ededed;
   padding-bottom: 55px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .about_gallery_container {
     padding-bottom: 55px;
   }
 }

 @media only screen and (max-width: 767px) {
   .about_gallery_container {
     padding-bottom: 28px;
   }
 }

 .about_gallery_section {
   margin-bottom: 55px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .about_gallery_section {
     margin-bottom: 55px;
   }
 }

 @media only screen and (max-width: 767px) {
   .about_gallery_section {
     margin-bottom: 57px;
   }
 }

 @media only screen and (max-width: 767px) {
   .gallery_thumb img {
     width: 100%;
   }
 }

 .about_gallery_content {
   padding-top: 21px;
   text-align: center;
 }

 .about_gallery_content h3 {
   font-size: 25px;
   text-transform: capitalize;
   font-weight: 400;
   line-height: 25px;
   margin-bottom: 12px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .about_gallery_content h3 {
     font-size: 22px;
     line-height: 25px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .about_gallery_content h3 {
     font-size: 20px;
     line-height: 22px;
   }
 }

 @media only screen and (max-width: 767px) {
   .about_gallery_content h3 {
     font-size: 18px;
     margin-bottom: 11px;
     line-height: 22px;
   }
 }

 .about_gallery_content p {
   line-height: 26px;
 }

 .team_container {
   padding-bottom: 45px;
   border-bottom: 1px solid #ededed;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .team_container {
     padding-bottom: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .team_container {
     padding-bottom: 15px;
   }
 }

 .team_member {
   text-align: center;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .team_member {
     margin-bottom: 28px;
   }
 }

 @media only screen and (max-width: 767px) {
   .team_member {
     margin-bottom: 28px;
   }
 }

 .team_thumb {
   margin-bottom: 24px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .team_thumb {
     margin-bottom: 18px;
   }
 }

 @media only screen and (max-width: 767px) {
   .team_thumb {
     margin-bottom: 18px;
   }
 }

 .team_content h3 {
   font-size: 18px;
   line-height: 24px;
   font-weight: 500;
   margin-bottom: 5px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .team_content h3 {
     line-height: 18px;
     margin-bottom: 4px;
   }
 }

 @media only screen and (max-width: 767px) {
   .team_content h3 {
     line-height: 18px;
     margin-bottom: 4px;
     font-size: 17px;
   }
 }

 .team_content h5 {
   font-size: 13px;
   line-height: 17px;
   margin-bottom: 12px;
   padding-bottom: 14px;
   position: relative;
   display: inline-block;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .team_content h5 {
     margin-bottom: 11px;
     padding-bottom: 11px;
   }
 }

 @media only screen and (max-width: 767px) {
   .team_content h5 {
     margin-bottom: 11px;
     padding-bottom: 11px;
   }
 }

 .team_content h5::before {
   position: absolute;
   content: "";
   width: 37px;
   height: 2px;
   background: #febc8b;
   bottom: 0;
   left: 50%;
   transform: translatex(-50%);
 }

 .team_content p {
   font-size: 14px;
   line-height: 25px;
 }

 .team_content p a:hover {
   color: #febc8b;
 }

 /*about page css end*/
 /*--
    16. About US css
---------------------------*/
 .faq-client_title {
   margin-bottom: 28px;
   text-align: center;
 }

 @media only screen and (max-width: 767px) {
   .faq-client_title {
     margin-bottom: 23px;
   }
 }

 .faq-client_title h2 {
   font-size: 25px;
   line-height: 25px;
   font-weight: 400;
   display: inline-block;
   margin-bottom: 0;
   text-transform: capitalize;
   position: relative;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .faq-client_title h2 {
     font-size: 22px;
     line-height: 24px;
   }
 }

 @media only screen and (max-width: 767px) {
   .faq-client_title h2 {
     font-size: 20px;
     line-height: 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .faq-client-say-area .section_title {
     margin-bottom: 22px;
   }
 }

 .panel-heading .panel-title {
   margin-bottom: 0;
 }

 .panel-heading .panel-title a {
   background: #ffffff;
   display: block;
   padding: 14px 20px;
   border-radius: 3px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   text-decoration: none;
   color: inherit;
   position: relative;
   -webkit-transition: color .2s ease-in-out;
   -o-transition: color .2s ease-in-out;
   transition: color .2s ease-in-out;
   border: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   font-weight: 500;
 }

 @media only screen and (max-width: 767px) {
   .panel-heading .panel-title a {
     padding: 10px 38px 10px 15px;
     font-size: 13px;
   }
 }

 .panel-heading .panel-title a::before {
   position: absolute;
   content: "\f0d7";
   font-family: 'FontAwesome';
   color: #333;
   font-size: 20px;
   width: 22px;
   height: 22px;
   text-align: center;
   line-height: 25px;
   right: 15px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   -webkit-transition: 0.4s ease-in-out;
   -o-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
   border-radius: 100%;
   z-index: 4;
   margin-top: 0px;
 }

 .panel-heading .panel-title a[aria-expanded="true"]::before {
   background: #fff;
   color: #febc8b;
 }

 .faq-style-wrap .panel-title a[aria-expanded="true"] {
   border-radius: 3px 3px 0 0;
   color: #ffffff;
   background: #febc8b;
 }

 .panel.panel-default {
   margin-bottom: 21px;
 }

 .panel.panel-default:last-child {
   margin-bottom: 0;
 }

 @media only screen and (max-width: 767px) {
   .panel.panel-default {
     margin-bottom: 13px;
   }
 }

 .panel-body {
   padding: 15px;
   border: 1px solid #ddd;
   background: #ffffff;
 }

 .about_testi_title {
   margin-bottom: 28px;
   text-align: center;
 }

 @media only screen and (max-width: 767px) {
   .about_testi_title {
     margin-bottom: 22px;
   }
 }

 .about_testi_title h2 {
   font-size: 28px;
   line-height: 28px;
   font-weight: 400;
   display: inline-block;
   margin-bottom: 0;
   text-transform: capitalize;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .about_testi_title h2 {
     font-size: 22px;
     line-height: 24px;
   }
 }

 @media only screen and (max-width: 767px) {
   .about_testi_title h2 {
     font-size: 20px;
     line-height: 20px;
   }
 }

 /* 20. services page css here */
 .services_gallery {
   padding-bottom: 30px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .services_gallery {
     padding-bottom: 29px;
   }
 }

 @media only screen and (max-width: 767px) {
   .services_gallery {
     padding-bottom: 30px;
   }
 }

 .services_content h3 {
   font-size: 15px;
   text-transform: capitalize;
   font-weight: 400;
   margin-bottom: 11px;
   line-height: 14px;
 }

 .services_content p {
   font-size: 14px;
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 0;
 }

 .services_thumb {
   margin-bottom: 20px;
 }

 .services_thumb img {
   width: 100%;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .services_thumb img {
     width: 100%;
   }
 }

 @media only screen and (max-width: 767px) {
   .services_thumb img {
     width: 100%;
   }
 }

 .single_services {
   margin-bottom: 25px;
 }

 .our_services {
   padding: 50px 0 27px;
   background: #ECECEC;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .our_services {
     margin-bottom: 60px;
     padding: 50px 0 30px;
   }
 }

 @media only screen and (max-width: 767px) {
   .our_services {
     padding: 54px 0 26px;
     margin-bottom: 60px;
   }
 }

 .services_item {
   margin-bottom: 27px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }

 .services_title {
   text-align: center;
   margin-bottom: 35px;
 }

 .services_title h2 {
   font-size: 25px;
   text-transform: uppercase;
   font-weight: 400;
   margin-bottom: 11px;
 }

 @media only screen and (max-width: 767px) {
   .services_title h2 {
     font-size: 20px;
     line-height: 22px;
   }
 }

 .services_title p {
   max-width: 790px;
   margin: 0 auto;
 }

 .services_icone {
   margin-right: 15px;
 }

 .services_icone i {
   font-size: 35px;
   line-height: 46px;
   color: #febc8b;
 }

 .services_desc h3 {
   font-size: 13px;
   font-weight: 400;
 }

 @media only screen and (max-width: 767px) {
   .services_desc h3 {
     line-height: 22px;
   }
 }

 .services_desc p {
   font-size: 13px;
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .services_section_thumb {
     margin-bottom: 28px;
   }
 }

 @media only screen and (max-width: 767px) {
   .services_section_thumb {
     margin-bottom: 28px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .unlimited_services {
     margin: 60px 0;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .unlimited_services {
     margin-bottom: 60px;
   }
 }

 @media only screen and (max-width: 767px) {
   .unlimited_services {
     margin-bottom: 60px;
   }
 }

 .unlimited_services_content h1 {
   font-weight: 400;
   line-height: 40px;
   text-transform: uppercase;
   font-size: 25px;
   margin-bottom: 20px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .unlimited_services_content h1 {
     line-height: 25px;
     font-size: 20px;
     margin-bottom: 12px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .unlimited_services_content h1 {
     line-height: 21px;
     font-size: 20px;
     margin-bottom: 6px;
   }
 }

 @media only screen and (max-width: 767px) {
   .unlimited_services_content h1 {
     line-height: 20px;
     font-size: 18px;
     margin-bottom: 6px;
   }
 }

 .unlimited_services_content p {
   font-size: 14px;
   line-height: 28px;
   margin-bottom: 25px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .unlimited_services_content p {
     font-size: 14px;
     margin-bottom: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .unlimited_services_content p {
     font-size: 13px;
     margin-bottom: 15px;
   }
 }

 .unlimited_services_content .view__work a {
   font-size: 14px;
   padding: 8px 20px 7px;
   display: inline-block;
   border-radius: 20px;
   border: 1px solid #ededed;
 }

 .unlimited_services_content .view__work a:hover {
   background: #febc8b;
   color: #fff;
   border-color: #febc8b;
 }

 .priceing_table {
   background: #ECECEC;
   padding: 60px 0 30px;
   margin-bottom: 52px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .priceing_table {
     padding: 60px 0 30px;
   }
 }

 @media only screen and (max-width: 767px) {
   .priceing_table {
     padding: 60px 0 30px;
   }
 }

 .single_priceing {
   background: #fff;
   border-radius: 3px;
   -webkit-box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4);
   box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4);
   text-align: center;
   margin-bottom: 30px;
 }

 .priceing_title {
   padding: 20px;
   background: #febc8b;
 }

 .priceing_title h1 {
   color: #fff;
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 0;
 }

 .priceing_list {
   padding: 0 20px 30px;
 }

 .priceing_list h1 {
   font-size: 12px;
   font-weight: 500;
   text-transform: uppercase;
   padding: 36px 0 24px;
   margin: 0;
   line-height: 20px;
 }

 .priceing_list h1 span {
   font-size: 40px;
 }

 .priceing_list ul li {
   padding: 15px 0;
   border-bottom: 1px solid #ededed;
   line-height: 24px;
 }

 .priceing_list ul li:first-child {
   border-top: 1px solid #ededed;
 }

 .priceing_list a {
   margin: 30px 0 0;
   line-height: 38px;
   padding: 0 20px;
   border: 1px solid #232323;
   color: #232323;
   display: inline-block;
   font-size: 12px;
   font-weight: 600;
   border-radius: 30px;
   text-transform: uppercase;
 }

 .priceing_list a.list_button, .priceing_list a:hover {
   background: #febc8b;
   border-color: #febc8b;
   color: #fff;
 }

 @media only screen and (max-width: 767px) {
   .advantages_content {
     text-align: center;
   }
 }

 .advantages_content h3 {
   font-size: 25px;
   font-weight: 500;
   text-transform: capitalize;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .advantages_content h3 {
     font-size: 20px;
     line-height: 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .advantages_content h3 {
     font-size: 16px;
     line-height: 20px;
   }
 }

 .advantages_content p {
   font-size: 14px;
   font-style: italic;
   font-weight: 400;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .advantages_content p {
     font-size: 13px;
   }
 }

 @media only screen and (max-width: 767px) {
   .advantages_content p {
     font-size: 13px;
   }
 }

 .advantages_button {
   text-align: center;
 }

 .advantages_button a {
   font-size: 14px;
   padding: 8px 20px 7px;
   display: inline-block;
   border-radius: 20px;
   border: 1px solid #ededed;
 }

 .advantages_button a:hover {
   background: #febc8b;
   color: #fff;
   border-color: #febc8b;
 }

 @media only screen and (max-width: 767px) {
   .advantages_button a {
     padding: 5px 11px;
     font-size: 13px;
     margin-top: 20px;
   }
 }

 /*services page css end*/
 /* 11. blog page css here */
 .blog_wrapper .post_author {
   margin-bottom: 3px;
 }

 .blog_wrapper .post_date {
   margin-bottom: 4px;
 }

 .blog_wrapper .post_date span {
   font-style: normal;
   text-transform: uppercase;
   font-size: 12px;
 }

 .blog_wrapper .blog_footer a {
   font-size: 14px;
   line-height: 40px;
   font-weight: 700;
   padding: 0 25px;
   display: inline-block;
   border: 2px solid;
   border-radius: 25px;
 }

 .blog_wrapper .blog_footer a:hover {
   color: #febc8b;
   border-color: #febc8b;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .blog_wrapper .blog_footer a {
     font-size: 13px;
     line-height: 35px;
     padding: 0 18px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_wrapper .blog_footer a {
     font-size: 13px;
     line-height: 35px;
     padding: 0 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_wrapper .blog_footer a {
     font-size: 13px;
     line-height: 34px;
     padding: 0 18px;
   }
 }

 .blog_wrapper .single_blog {
   margin-bottom: 30px;
   display: flex;
 }

 @media only screen and (max-width: 767px) {
   .blog_wrapper .single_blog {
     flex-direction: column;
     margin-bottom: 30px;
   }
 }

 .blog_wrapper .blog_thumb {
   width: 370px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .blog_wrapper .blog_thumb {
     width: 300px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_wrapper .blog_thumb {
     width: 300px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_wrapper .blog_thumb {
     width: 100%;
   }
 }

 .blog_wrapper .blog_thumb img {
   transform: inherit;
 }

 @media only screen and (max-width: 767px) {
   .blog_wrapper .blog_thumb img {
     width: 100%;
   }
 }

 .blog_wrapper .blog_thumb iframe {
   height: 248px;
   width: 100%;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .blog_wrapper .blog_thumb iframe {
     height: 200px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_wrapper .blog_thumb iframe {
     height: 200px;
   }
 }

 .blog_wrapper .single_blog_thumb {
   width: 370px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .blog_wrapper .single_blog_thumb {
     width: 300px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_wrapper .single_blog_thumb {
     width: 300px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_wrapper .single_blog_thumb {
     width: 100%;
   }
 }

 .blog_wrapper .blog_content {
   width: calc(100% - 370px);
   padding-left: 25px;
   padding-top: 0;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .blog_wrapper .blog_content {
     width: calc(100% - 300px);
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_wrapper .blog_content {
     width: calc(100% - 300px);
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_wrapper .blog_content {
     width: 100%;
     padding-left: 0;
     padding-top: 16px;
   }
 }

 .blog_wrapper .blog_content h4 {
   position: relative;
   font-size: 18px;
   line-height: 22px;
 }

 .blog_wrapper .blog_content h4::before {
   content: "\f1d8";
   color: #ff4545;
   font-family: 'FontAwesome';
   display: inline-block;
   margin-right: 5px;
   vertical-align: middle;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .blog_wrapper .blog_content h4 {
     font-size: 20px;
     line-height: 20px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_wrapper .blog_content h4 {
     font-size: 20px;
     line-height: 20px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_wrapper .blog_content h4 {
     font-size: 19px;
     line-height: 21px;
   }
 }

 .blog_wrapper .blog_content>p {
   margin: 11px 0 19px;
   line-height: 23px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .blog_wrapper .blog_content>p {
     line-height: 22px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_wrapper .blog_content>p {
     margin: 12px 0 19px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_wrapper .blog_content>p {
     margin: 13px 0 17px;
   }
 }

 .blog_wrapper .blog_desc {
   margin-bottom: 25px;
 }

 @media only screen and (max-width: 767px) {
   .blog_wrapper .blog_desc {
     margin-bottom: 20px;
   }
 }

 .blog_wrapper .blog_desc p {
   font-size: 14px;
   line-height: 28px;
   margin-bottom: 0;
 }

 .blog_bidio .blog_content {
   padding-top: 16px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .blog_bidio .blog_content {
     padding-top: 19px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_bidio .blog_content {
     padding-top: 13px;
   }
 }

 .readmore_button a {
   height: 38px;
   line-height: 40px;
   background: #febc8b;
   border: 0;
   color: #fff;
   display: block;
   text-align: center;
   padding: 0 20px;
   font-size: 12px;
   text-transform: uppercase;
   font-weight: 600;
   font-style: normal;
   border-radius: 3px;
   max-width: 170px;
 }

 .readmore_button a:hover {
   background: #232323;
 }

 @media only screen and (max-width: 767px) {
   .readmore_button a {
     max-width: 130px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_sidebar_widget {
     margin-top: 57px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_sidebar_widget {
     margin-top: 57px;
   }
 }

 .blog_sidebar_widget .widget_title {
   position: relative;
   margin-bottom: 20px;
 }

 .blog_sidebar_widget .widget_title h3 {
   margin-bottom: 0;
 }

 .blog_sidebar_widget .widget_list {
   margin-bottom: 28px;
 }

 .blog_sidebar_widget .widget_list:last-child {
   margin-bottom: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_sidebar_widget .widget_list {
     margin-bottom: 55px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_sidebar_widget .widget_list {
     margin-bottom: 55px;
   }
 }

 .blog_sidebar_widget .widget_list.comments .post_thumb a img {
   border-radius: 50%;
 }

 .blog_sidebar_widget .widget_list.comments .post_info span a {
   color: #febc8b;
 }

 .blog_sidebar_widget .widget_list.comments .post_info a:hover {
   color: #febc8b;
 }

 .blog_sidebar_widget .widget_categories {
   background: inherit;
   margin-bottom: 18px;
 }

 .blog_sidebar_widget .widget_categories .widget_title {
   margin-bottom: 15px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_sidebar_widget .widget_categories {
     margin-bottom: 52px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_sidebar_widget .widget_categories {
     margin-bottom: 43px;
   }
 }

 .blog_sidebar_widget .widget_categories ul li a {
   color: #232323;
   padding: 0;
   border: 0;
   line-height: 35px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .blog_sidebar_widget .tag_widget ul li a {
     padding: 0 12px;
   }
 }

 .widget_search input {
   height: 35px;
   border: 1px solid #ededed;
   background: #fff;
   color: #232323;
   width: 100%;
   margin-bottom: 20px;
   padding: 0 15px;
 }

 .widget_search button {
   color: #fff;
   display: inline-block;
   background: #242424;
   border: none;
   padding: 0 20px;
   height: 34px;
   line-height: 35px;
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 600;
   cursor: pointer;
   -webkit-transition: .3s;
   transition: .3s;
   border-radius: 3px;
 }

 .widget_search button:hover {
   background: #febc8b;
 }

 .tag_widget ul li {
   display: inline-block;
 }

 .tag_widget ul li a {
   margin: 0 6px 0 0;
   display: block;
   font-size: 12px;
   font-weight: 400;
   border: 1px solid #ededed;
   background: #fff;
   padding: 0 15px;
   line-height: 29px;
   border-radius: 3px;
 }

 .tag_widget ul li a:hover {
   background: #febc8b;
   border-color: #febc8b;
   color: #fff;
 }

 .post_thumb {
   width: 60px;
   float: left;
   margin-right: 10px;
 }

 .post_wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 15px;
 }

 .post_wrapper:last-child {
   margin-bottom: 0;
 }

 .post_info h4 {
   font-size: 13px;
   font-weight: 500;
   text-transform: capitalize;
   line-height: 14px;
   margin-bottom: 5px;
 }

 .post_info h4 a:hover {
   color: #febc8b;
 }

 .post_info span {
   font-size: 12px;
 }

 .blog_categories ul li {
   border-top: 1px solid #ddd;
 }

 .blog_categories ul li a {
   padding: 10px 0;
   text-transform: capitalize;
   display: inline-block;
   margin-left: 0;
 }

 .blog_categories ul li a:hover {
   color: #febc8b;
 }

 .blog_categories ul li:last-child a {
   padding-bottom: 0;
 }

 .shipping_area.shipping_contact.blog_shipping {
   margin-top: 94px;
 }

 .blog_pagination .pagination {
   border: 1px solid #ededed;
   justify-content: center;
   padding: 10px 0;
 }

 @media only screen and (max-width: 767px) {
   .blog_pagination .pagination {
     margin-top: 0;
   }
 }

 /*blog page css end*/
 /*blog fullwidth css here*/
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_fullwidth .blog_sidebar_widget {
     margin-top: 55px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_fullwidth .blog_wrapper {
     margin-bottom: 56px;
   }
 }

 .blog_fullwidth .single_blog {
   flex-direction: column;
 }

 .blog_fullwidth .single_blog_thumb {
   width: 100%;
 }

 .blog_fullwidth .blog_thumb {
   width: 100%;
 }

 .blog_fullwidth .blog_thumb img {
   transform: inherit;
 }

 .blog_fullwidth .blog_thumb iframe {
   height: 550px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .blog_fullwidth .blog_thumb iframe {
     height: 440px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_fullwidth .blog_thumb iframe {
     height: 440px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_fullwidth .blog_thumb iframe {
     height: 200px;
   }
 }

 .blog_fullwidth .blog_content {
   width: 100%;
   padding-left: 0;
   padding-top: 21px;
 }

 .blog_fullwidth .blog_content h4 {
   font-size: 24px;
   line-height: 24px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_fullwidth .blog_content h4 {
     font-size: 22px;
     line-height: 22px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_fullwidth .blog_content h4 {
     font-size: 16px;
     line-height: 23px;
   }
 }

 .blog_fullwidth .blog_content p {
   font-size: 16px;
   line-height: 23px;
   max-width: 81%;
 }

 @media only screen and (max-width: 767px) {
   .blog_fullwidth .blog_content p {
     font-size: 16px;
     line-height: 25px;
     max-width: 91%;
   }
 }

 .blog_thumb_active:hover .owl-nav>div {
   left: 20px;
   opacity: 1;
   visibility: visible;
 }

 .blog_thumb_active:hover .owl-nav>div.owl-next {
   right: 20px;
 }

 .blog_thumb_active .owl-nav>div {
   position: absolute;
   top: 50%;
   transform: translatey(-50%);
   background: rgba(236, 54, 66, 0.6);
   width: 30px;
   height: 30px;
   line-height: 30px;
   font-size: 20px;
   color: #fff;
   text-align: center;
   border-radius: 50%;
   left: 40px;
   -webkit-transition: 0.5s;
   transition: 0.5s;
   opacity: 0;
   visibility: hidden;
 }

 .blog_thumb_active .owl-nav>div.owl-next {
   right: 40px;
   left: auto;
 }

 .blog_aduio_icone {
   margin-top: 20px;
 }

 @media only screen and (max-width: 767px) {
   .blog_aduio_icone {
     margin-top: 18px;
   }
 }

 .blog_aduio_icone audio {
   width: 100%;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_reverse .blog_wrapper .row {
     flex-direction: row;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_reverse .blog_wrapper .row {
     flex-direction: row;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_reverse .row {
     flex-direction: column-reverse;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_reverse .row {
     flex-direction: column-reverse;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_wrapper_sidebar .row {
     flex-direction: row;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_wrapper_sidebar .row {
     flex-direction: row;
   }
 }

 .pagination_full {
   margin-top: 0;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .blog_nosidebar {
     margin-bottom: 0;
   }
 }

 .blog_nosidebar .single_blog {
   overflow: hidden;
 }

 .blog_nosidebar .single_blog_gallery {
   overflow: hidden;
 }

 .blog_nosidebar .blog_thumb {
   float: left;
   width: 30%;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_nosidebar .blog_thumb {
     width: 35%;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_nosidebar .blog_thumb {
     width: 100%;
   }
 }

 .blog_nosidebar .blog_thumb_active {
   float: left;
   width: 30%;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_nosidebar .blog_thumb_active {
     width: 35%;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_nosidebar .blog_thumb_active {
     width: 100%;
   }
 }

 .blog_nosidebar .blog_content {
   float: left;
   width: 70%;
   padding-top: 0;
   padding-left: 25px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_nosidebar .blog_content {
     width: 65%;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_nosidebar .blog_content {
     width: 100%;
     padding-left: 0;
     padding-top: 20px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_nosidebar .blog_content h3 {
     line-height: 20px;
     margin-bottom: 9px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_nosidebar .blog_meta {
     margin-bottom: 9px;
   }
 }

 /* 12. blog details css here */
 .post_header {
   margin-bottom: 28px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .post_header {
     margin-bottom: 25px;
   }
 }

 @media only screen and (max-width: 767px) {
   .post_header {
     margin-bottom: 22px;
   }
 }

 .post_header h3 {
   font-size: 30px;
   line-height: 25px;
   font-weight: 600;
   margin-bottom: 9px;
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .post_header h3 {
     font-size: 26px;
     line-height: 25px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .post_header h3 {
     font-size: 25px;
     line-height: 23px;
   }
 }

 @media only screen and (max-width: 767px) {
   .post_header h3 {
     font-size: 20px;
     line-height: 22px;
     margin-bottom: 7px;
   }
 }

 .blog_details .single_blog {
   margin-bottom: 56px;
   border: 0;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_details .single_blog {
     margin-bottom: 56px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_details .single_blog {
     margin-bottom: 56px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog_details .blog_sidebar {
     margin-bottom: 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_details .blog_sidebar {
     margin-bottom: 0;
   }
 }

 .blog_details .blog_meta {
   margin-bottom: 0;
 }

 .blog_details .blog_thumb {
   width: 100%;
   float: inherit;
 }

 .blog_details .blog_content {
   padding: 0;
   padding-top: 30px;
   text-align: left;
   width: 100%;
 }

 @media only screen and (max-width: 767px) {
   .blog_details .blog_content {
     padding-top: 22px;
   }
 }

 .blog_details .post_content>p {
   line-height: 24px;
   margin: 0;
   font-size: 15px;
 }

 @media only screen and (max-width: 767px) {
   .blog_details .post_content>p {
     font-size: 14px;
   }
 }

 .blog_details .post_content blockquote {
   margin: 31px 0 31px 40px;
   font-style: italic;
   padding: 30px 45px;
   background: #f6f6f6;
   border: 1px solid #ebebeb;
   border-left: 4px solid #febc8b;
 }

 .blog_details .post_content blockquote p {
   font-size: 16px;
 }

 @media only screen and (max-width: 767px) {
   .blog_details .post_content blockquote p {
     font-size: 15px;
   }
 }

 @media only screen and (max-width: 767px) {
   .blog_details .post_content blockquote {
     margin: 23px 0 23px 0;
     padding: 20px 12px 15px;
   }
 }

 .blog_details .social_sharing {
   display: flex;
   align-items: center;
 }

 .blog_details .social_sharing p {
   font-size: 13px;
   text-transform: capitalize;
   margin-right: 20px;
   margin-bottom: 0;
   margin-top: 0;
   line-height: 13px;
   font-weight: 500;
 }

 @media only screen and (max-width: 767px) {
   .blog_details .social_sharing p {
     font-size: 13px;
     margin-right: 10px;
   }
 }

 .blog_details .social_sharing ul li {
   display: inline-block;
 }

 .blog_details .social_sharing ul li a {
   background: #e6e6e6;
   border-radius: 100%;
   display: inline-block;
   font-size: 12px;
   height: 26px;
   line-height: 26px;
   margin-right: 5px;
   text-align: center;
   width: 26px;
 }

 .blog_details .social_sharing ul li a:hover {
   color: #ffffff;
   background: #febc8b;
 }

 @media only screen and (max-width: 767px) {
   .blog_details .social_sharing ul li a {
     margin-right: 2px;
   }
 }

 .blog_details .social_sharing ul li:first-child a {
   padding-left: 0;
   border-left: 0;
 }

 .entry_content {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 @media only screen and (max-width: 767px) {
   .entry_content {
     flex-direction: column;
     text-align: left;
     align-items: inherit;
   }
 }

 .entry_content .post_meta {
   margin-bottom: 0;
 }

 @media only screen and (max-width: 767px) {
   .entry_content .post_meta {
     margin-bottom: 10px;
   }
 }

 .entry_content .post_meta span {
   font-weight: 500;
   font-size: 13px;
 }

 .entry_content .post_meta span a:hover {
   color: #febc8b;
 }

 .comments_box {
   margin-bottom: 68px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .comments_box {
     margin-bottom: 58px;
   }
 }

 @media only screen and (max-width: 767px) {
   .comments_box {
     margin-bottom: 58px;
   }
 }

 .comments_box h3 {
   font-size: 17px;
   margin: 0 0 20px;
   font-weight: 600;
   line-height: 20px;
   text-transform: uppercase;
 }

 @media only screen and (max-width: 767px) {
   .comments_box h3 {
     font-size: 16px;
     margin: 0 0 18px;
   }
 }

 .comment_list {
   overflow: hidden;
   margin-bottom: 30px;
 }

 .comment_list:last-child {
   margin-bottom: 0;
 }

 .comment_list .comment_thumb {
   display: inline-block;
   float: left;
 }

 @media only screen and (max-width: 767px) {
   .comment_list .comment_thumb {
     width: 40px;
   }
 }

 .comment_list .comment_content {
   margin-left: 70px;
   position: relative;
   border: 1px solid #ebebeb;
   border-radius: 3px;
   padding: 15px;
 }

 @media only screen and (max-width: 767px) {
   .comment_list .comment_content {
     margin-left: 55px;
   }
 }

 .comment_list .comment_content h5 {
   font-size: 12px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 5px;
 }

 .comment_list .comment_content h5 a:hover {
   color: #febc8b;
 }

 .comment_list .comment_content span {
   line-height: 18px;
   margin-bottom: 8px;
   font-size: 13px;
   font-style: italic;
   display: inline-block;
 }

 .comment_list .comment_content p {
   margin-bottom: 0;
   font-size: 14px;
 }

 .comment_reply {
   position: absolute;
   top: 20px;
   right: 12px;
 }

 @media only screen and (max-width: 767px) {
   .comment_reply {
     top: 15px;
   }
 }

 .comment_reply a {
   padding: 2px 10px;
   border-radius: 3px;
   color: #fff;
   background: #232323;
   display: block;
 }

 @media only screen and (max-width: 767px) {
   .comment_reply a {
     line-height: 20px;
     font-size: 13px;
   }
 }

 .comment_reply a:hover {
   background: #febc8b;
 }

 .comments_form h3 {
   font-size: 17px;
   margin: 0 0 20px;
   font-weight: 600;
   line-height: 20px;
   text-transform: uppercase;
 }

 @media only screen and (max-width: 767px) {
   .comments_form h3 {
     font-size: 16px;
     margin: 0 0 17px;
   }
 }

 .comments_form p {
   font-size: 13px;
   line-height: 17px;
   margin-bottom: 12px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .comments_form form .row {
     flex-direction: row;
   }
 }

 .comments_form form label {
   font-size: 13px;
   line-height: 20px;
   font-weight: 500;
   margin-bottom: 10px;
 }

 .comments_form form textarea {
   width: 100%;
   height: 200px;
   background: #ffffff;
   border: 1px solid #ededed;
   margin-bottom: 10px;
   resize: none;
   padding: 10px;
 }

 @media only screen and (max-width: 767px) {
   .comments_form form textarea {
     height: 120px;
   }
 }

 .comments_form form input {
   width: 100%;
   height: 40px;
   border: 1px solid #ededed;
   margin-bottom: 15px;
   padding: 0 20px;
 }

 .comments_form form button {
   border: 0;
   line-height: 36px;
   background: #232323;
   font-weight: 500;
 }

 .comments_form form button:hover {
   background: #febc8b;
 }

 @media only screen and (max-width: 767px) {
   .comments_form form button {
     line-height: 38px;
     height: 38px;
     padding: 0 10px;
   }
 }

 .comment_list.list_two {
   padding-left: 50px;
 }

 @media only screen and (max-width: 767px) {
   .comment_list.list_two {
     padding-left: 0;
   }
 }

 .related_posts {
   border-top: 1px solid #ededed;
   padding: 56px 0 51px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .related_posts {
     padding: 57px 0 51px;
   }
 }

 @media only screen and (max-width: 767px) {
   .related_posts {
     padding: 58px 0 26px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .related_posts .row {
     flex-direction: row !important;
   }
 }

 .related_posts h3 {
   font-size: 17px;
   margin: 0 0 20px;
   font-weight: 600;
   line-height: 20px;
   text-transform: uppercase;
 }

 @media only screen and (max-width: 767px) {
   .related_posts h3 {
     font-size: 16px;
     margin: 0 0 16px;
   }
 }

 .related_thumb {
   margin-bottom: 15px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .related_thumb img {
     width: 100%;
   }
 }

 @media only screen and (max-width: 767px) {
   .related_thumb img {
     width: 100%;
   }
 }

 .related_content h4 {
   font-size: 14px;
   font-weight: 600;
   line-height: 15px;
   margin-bottom: 0;
   text-transform: uppercase;
 }

 .related_content h4 a {
   color: #232323;
 }

 .related_content h4 a:hover {
   color: #febc8b;
 }

 .related_content span {
   font-size: 13px;
   line-height: 17px;
 }

 .related_content span i {
   margin-right: 3px;
 }

 .related_content .blog_meta span {
   font-size: 12px;
   line-height: 22px;
 }

 @media only screen and (max-width: 767px) {
   .single_related {
     margin-bottom: 25px;
   }
 }

 /*blog details css end*/
 /*  24. modal css here */
 .modal-dialog.modal-dialog-centered {
   min-width: 1100px;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .modal-dialog.modal-dialog-centered {
     min-width: 1000px;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .modal-dialog.modal-dialog-centered {
     min-width: 950px;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .modal-dialog.modal-dialog-centered {
     min-width: 730px;
   }
 }

 @media only screen and (max-width: 767px) {
   .modal-dialog.modal-dialog-centered {
     min-width: 90%;
   }
 }

 .modal_tab_img {
   text-align: center;
   margin-bottom: 10px;
 }

 .modal_tab_img img {
   margin: 0 auto;
 }

 .modal_tab_button ul li a {
   padding: 0;
   border: 1px solid #ededed;
   margin: 0 2px;
 }

 .modal_tab_button ul li a img {
   width: 100%;
 }

 .modal_title h2 {
   font-size: 16px;
   text-transform: uppercase;
   font-weight: 600;
   margin-bottom: 14px;
   line-height: 26px;
 }

 .modal_social h2 {
   font-size: 16px;
   text-transform: uppercase;
   font-weight: 600;
   margin-bottom: 15px;
   line-height: 20px;
 }

 .modal_social ul li {
   display: inline-block;
   margin-right: 3px;
 }

 .modal_social ul li a {
   text-transform: uppercase;
   display: inline-block;
   width: 38px;
   height: 38px;
   text-align: center;
   line-height: 38px;
   border-radius: 50%;
   font-size: 15px;
   color: #ffffff;
   font-weight: 400;
 }

 .modal_social ul li.facebook a {
   background: #3c5b9b;
 }

 .modal_social ul li.facebook a:hover {
   background: #febc8b;
 }

 .modal_social ul li.twitter a {
   background: #1DA1F2;
 }

 .modal_social ul li.twitter a:hover {
   background: #febc8b;
 }

 .modal_social ul li.pinterest a {
   background: #BD081B;
 }

 .modal_social ul li.pinterest a:hover {
   background: #febc8b;
 }

 .modal_social ul li.google-plus a {
   background: #DC5043;
 }

 .modal_social ul li.google-plus a:hover {
   background: #febc8b;
 }

 .modal_social ul li.linkedin a {
   background: #010103;
 }

 .modal_social ul li.linkedin a:hover {
   background: #febc8b;
 }

 .modal_price {
   margin-bottom: 12px;
 }

 .modal_price span {
   font-weight: 600;
   color: #febc8b;
   font-size: 16px;
 }

 .modal_price span.old_price {
   color: #232323;
   font-size: 14px;
   font-weight: 400;
   text-decoration: line-through;
   margin-left: 5px;
 }

 .modal_description p {
   line-height: 24px;
   font-size: 15px;
   margin: 0;
 }

 .variants_size h2, .variants_color h2 {
   font-size: 13px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 7px;
   line-height: 20px;
 }

 .variants_size.mb-15, .mb-15.variants_color {
   margin-bottom: 24px;
 }

 .variants_size .select_option, .variants_color .select_option {
   width: 100%;
   border-radius: 0;
   margin-bottom: 25px;
 }

 .variants_size .select_option .list, .variants_color .select_option .list {
   width: 100%;
   border-radius: 0;
 }

 .modal_add_to_cart {
   margin-bottom: 25px;
 }

 .modal_add_to_cart form input {
   width: 95px;
   border: 1px solid #ededed;
   background: none;
   padding: 0 10px;
   height: 45px;
 }

 @media only screen and (max-width: 767px) {
   .modal_add_to_cart form input {
     width: 75px;
   }
 }

 .modal_add_to_cart form button {
   background: none;
   border: 1px solid #232323;
   margin-left: 10px;
   font-size: 12px;
   font-weight: 700;
   height: 45px;
   width: 230px;
   line-height: 18px;
   padding: 10px 15px;
   text-transform: uppercase;
   background: #232323;
   color: #ffffff;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   cursor: pointer;
 }

 @media only screen and (max-width: 767px) {
   .modal_add_to_cart form button {
     width: 130px;
   }
 }

 .modal_add_to_cart form button:hover {
   background: #febc8b;
   color: #ffffff;
   border-color: #febc8b;
 }

 .modal_body {
   padding: 29px 6px 38px;
 }

 @media only screen and (max-width: 767px) {
   .modal_body {
     padding: 42px 6px 38px;
   }
 }

 @media only screen and (max-width: 767px) {
   .modal_body .modal_tab {
     margin-bottom: 30px;
   }
 }

 .modal-content {
   border-radius: 0;
 }

 .modal-content button.close {
   position: absolute;
   left: 94%;
   width: 35px;
   height: 35px;
   line-height: 34px;
   display: block;
   border: 1px solid #ededed;
   top: 10px;
   border-radius: 50%;
   cursor: pointer;
   font-size: 18px;
   z-index: 9;
 }

 @media only screen and (max-width: 767px) {
   .modal-content button.close {
     left: 83%;
     width: 32px;
     height: 32px;
     line-height: 35px;
     top: 4px;
     margin-bottom: 14px;
   }
 }

 .modal-content button.close:hover {
   color: #febc8b;
 }

 .modal_add_to_cart.mb-15 {
   margin-bottom: 23px;
 }

 .modal_description.mb-15 {
   margin-bottom: 20px;
 }

 .product_navactive.owl-carousel:hover .owl-nav div {
   opacity: 1;
   visibility: visible;
 }

 .product_navactive.owl-carousel .owl-nav {
   display: block;
 }

 .product_navactive.owl-carousel .owl-nav div {
   position: absolute;
   background: #f2f2f2;
   border-radius: 3px;
   color: #333;
   height: 32px;
   top: 50%;
   transform: translatey(-50%);
   width: 32px;
   text-align: center;
   line-height: 32px;
   left: -7px;
   font-size: 18px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   opacity: 0;
   visibility: hidden;
 }

 .product_navactive.owl-carousel .owl-nav div:hover {
   background: #febc8b;
   color: #ffffff;
 }

 .product_navactive.owl-carousel .owl-nav div.owl-next {
   right: -7px;
   left: auto;
 }

 /*modal css end*/
 /*  23. newsletter popup css here */
 .newletter-popup {
   background: #fff;
   top: 50% !important;
   margin-top: -179px;
   position: fixed !important;
   padding: 50px;
   text-align: center;
   display: none;
 }

 @media only screen and (max-width: 767px) {
   .newletter-popup {
     padding: 30px 20px;
     width: 95%;
   }
 }

 #boxes .newletter-title h2 {
   font-size: 30px;
   text-transform: uppercase;
   margin: 0 0 30px;
 }

 @media only screen and (max-width: 767px) {
   #boxes .newletter-title h2 {
     font-size: 22px;
     margin: 0 0 10px;
   }
 }

 #boxes .box-content label {
   font-weight: 400;
   font-size: 14px;
 }

 #boxes .box-content .newletter-label {
   width: 70%;
   margin-bottom: 36px;
 }

 @media only screen and (max-width: 767px) {
   #boxes .box-content .newletter-label {
     width: 100%;
   }
 }

 #frm_subscribe form {
   width: 340px;
   margin: 0 auto;
   position: relative;
 }

 @media only screen and (max-width: 767px) {
   #frm_subscribe form {
     width: 100%;
   }
 }

 #frm_subscribe form input::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #747474;
 }

 #frm_subscribe form input::-moz-placeholder {
   /* Firefox 19+ */
   color: #747474;
 }

 #frm_subscribe form input:-ms-input-placeholder {
   /* IE 10+ */
   color: #747474;
 }

 #frm_subscribe form input:-moz-placeholder {
   /* Firefox 18- */
   color: #747474;
 }

 #frm_subscribe form input {
   background: #EBEBEB;
   padding: 0 127px 0 20px;
   height: 45px;
   border: 0;
   width: 100%;
   color: #747474;
   margin-bottom: 0;
 }

 @media only screen and (max-width: 767px) {
   #frm_subscribe form input {
     padding: 0 104px 0 20px;
   }
 }

 #frm_subscribe form a.theme-btn-outlined {
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   width: 110px;
   background: #232323;
   cursor: pointer;
   color: #ffffff;
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 600;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   line-height: 45px;
 }

 #frm_subscribe form a.theme-btn-outlined:hover {
   background: #febc8b;
 }

 @media only screen and (max-width: 767px) {
   #frm_subscribe form a.theme-btn-outlined {
     width: 90px;
   }
 }

 #boxes .box-content .subscribe-bottom {
   margin-top: 20px;
 }

 #boxes .box-content .subscribe-bottom label {
   margin: 0;
   font-size: 13px;
 }

 #boxes .box-content .subscribe-bottom #newsletter_popup_dont_show_again {
   display: inline-block;
   margin: 0;
   vertical-align: middle;
 }

 #boxes #frm_subscribe #notification {
   color: #f00;
 }

 #boxes #frm_subscribe #notification .success {
   color: #67D7BB;
 }

 #popup2 {
   position: absolute;
   right: 1px;
   top: 1px;
   text-align: center;
   cursor: pointer;
   font-size: 13px;
   text-transform: capitalize;
   padding: 6px 12px;
   background: #232323;
   font-weight: 600;
   line-height: 17px;
   color: #ffffff;
   display: block;
   transition: 0.3s;
 }

 #popup2:hover {
   background: #febc8b;
 }

 /*newsletter popup css end*/
 /* 09. error page css heer   */
 .header_error {
   border-bottom: 1px solid #ededed;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .header_error {
     border-bottom: 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .header_error {
     border-bottom: 0;
   }
 }

 .error_form {
   text-align: center;
 }

 .error_form h1 {
   font-size: 200px;
   font-weight: 700;
   color: #febc8b;
   letter-spacing: 10px;
   line-height: 160px;
   margin: 0 0 70px;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .error_form h1 {
     margin: 0 0 50px;
   }
 }

 @media only screen and (max-width: 767px) {
   .error_form h1 {
     font-size: 130px;
     line-height: 120px;
     letter-spacing: 4px;
     margin: 0 0 46px;
   }
 }

 .error_form h2 {
   font-size: 24px;
   text-transform: uppercase;
   font-weight: 500;
   line-height: 30px;
   margin-bottom: 20px;
 }

 @media only screen and (max-width: 767px) {
   .error_form h2 {
     font-size: 18px;
     line-height: 22px;
     margin-bottom: 14px;
   }
 }

 .error_form p {
   font-size: 17px;
   font-weight: 400;
   line-height: 26px;
   margin-bottom: 30px;
 }

 @media only screen and (max-width: 767px) {
   .error_form p {
     font-size: 15px;
     margin-bottom: 22px;
     line-height: 21px;
   }
 }

 .error_form form {
   width: 450px;
   margin: 0 auto;
   position: relative;
 }

 @media only screen and (max-width: 767px) {
   .error_form form {
     width: 100%;
   }
 }

 .error_form form input {
   padding: 0 60px 0 30px;
   background: #f8f8f8;
   border: 1px solid #ddd;
   color: #232323;
   height: 40px;
   width: 100%;
   border-radius: 3px;
 }

 .error_form form button {
   position: absolute;
   right: 0;
   height: 100%;
   border: none;
   background: no-repeat;
   font-size: 20px;
   cursor: pointer;
   -webkit-transition: .3s;
   transition: .3s;
   top: 0;
   text-transform: uppercase;
   padding: 0 15px;
   font-weight: 600;
 }

 .error_form form button:hover {
   color: #febc8b;
 }

 .error_form a {
   color: #fff;
   display: inline-block;
   background: #febc8b;
   font-size: 12px;
   font-weight: bold;
   height: 40px;
   line-height: 40px;
   padding: 0 30px;
   text-transform: uppercase;
   margin-top: 35px;
   border-radius: 3px;
 }

 @media only screen and (max-width: 767px) {
   .error_form a {
     padding: 0 20px;
     margin-top: 25px;
   }
 }

 .error_form a:hover {
   background: #232323;
 }

 .error_section {
   padding: 65px 0 20px;
   border-top: 1px solid #ededed;
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .error_section {
     padding: 48px 0 0;
   }
 }

 @media only screen and (max-width: 767px) {
   .error_section {
     padding: 42px 0 0;
   }
 }

 /*404 page css end*/
 /*privacy policy css here*/
 .privacy_policy_main_area {
   padding: 53px 0 10px;
 }

 @media only screen and (max-width: 767px) {
   .privacy_policy_main_area {
     padding: 57px 0 6px;
   }
 }

 .privacy_policy_header {
   text-align: center;
   margin-bottom: 50px;
 }

 @media only screen and (max-width: 767px) {
   .privacy_policy_header {
     margin-bottom: 53px;
   }
 }

 .privacy_policy_header h1 {
   font-size: 42px;
   line-height: 45px;
   font-weight: 500;
   margin-bottom: 0;
 }

 @media only screen and (max-width: 767px) {
   .privacy_policy_header h1 {
     font-size: 25px;
     line-height: 25px;
   }
 }

 .privacy_content {
   margin-bottom: 44px;
 }

 @media only screen and (max-width: 767px) {
   .privacy_content {
     margin-bottom: 46px;
   }
 }

 .privacy_content h2 {
   font-size: 25px;
   line-height: 33px;
   font-weight: 500;
 }

 @media only screen and (max-width: 767px) {
   .privacy_content h2 {
     font-size: 18px;
     line-height: 26px;
   }
 }

 .privacy_content h3 {
   font-size: 21px;
   line-height: 28px;
   font-weight: 500;
   margin-bottom: 10px;
 }

 @media only screen and (max-width: 767px) {
   .privacy_content h3 {
     font-size: 18px;
     line-height: 24px;
   }
 }

 .privacy_content p {
   font-size: 16px;
   line-height: 29px;
   margin-bottom: 15px;
 }

 @media only screen and (max-width: 767px) {
   .privacy_content p {
     font-size: 15px;
     line-height: 28px;
   }
 }

 .privacy_content p a {
   color: #a43d21;
 }

 .privacy_content p a:hover {
   color: #febc8b;
 }

 .privacy_content.section_1 h2 {
   margin-bottom: 14px;
 }

 @media only screen and (max-width: 767px) {
   .privacy_content.section_1 h2 {
     margin-bottom: 9px;
   }
 }

 .privacy_content.section_2 h2 {
   margin-bottom: 20px;
 }

 @media only screen and (max-width: 767px) {
   .privacy_content.section_2 h2 {
     margin-bottom: 16px;
   }
 }

 .privacy_content.section_3 h2 {
   margin-bottom: 18px;
 }

 @media only screen and (max-width: 767px) {
   .privacy_content.section_3 h2 {
     margin-bottom: 12px;
   }
 }

 /*privacy policy css end*/

 /*# sourceMappingURL=style.css.map */
 /*：源代码唯一下载地址: https://www.17sucai.com*/